:root {
    --blue: #4986f5;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #4986f5;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #1c2028;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.gfshk-crsl__list.moved{
	transition-property:transform;
	transition-duration:1s;
	transition-timing-function:ease-in
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-bottom: 1rem;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.descr_slot{
	color: #828d88;
    display: block;
    margin-top: 50px;
    padding: 10px;
    border: 1px solid #454e60;
}

a {
    color: #4986f5;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

.menu-item-85 a {
    color: #00e634 !important;
}

.menu-item-59 a {
    color: #ffe000 !important;
}

.menu-item-69 a {
    color: #a56eff !important;
}

.menu-item-59 a:before {
    content: "\f06b";
    display: inline-flex;
    font-family: "FontAwesome";
    -ms-flex: 0 1 5px;
    flex: 0 1 5px;
    margin-right: 5px;
}

.menu-item-85 a:before {
    content: "\f0d6";
    display: inline-flex;
    font-family: "FontAwesome";
    -ms-flex: 0 1 5px;
    flex: 0 1 5px;
    margin-right: 5px;
}

.menu-item-69 a:before {
    content: "\f0c1";
    display: inline-flex;
    font-family: "FontAwesome";
    -ms-flex: 0 1 5px;
    flex: 0 1 5px;
    margin-right: 5px;
}

.menu-item-276 a:before {
    content: "\f01d";
    display: inline-flex;
    font-family: "FontAwesome";
    -ms-flex: 0 1 5px;
    flex: 0 1 5px;
    margin-right: 5px;
}

.menu-item-204 a:before {
    content: "\f0e6";
    display: inline-flex;
    font-family: "FontAwesome";
    -ms-flex: 0 1 5px;
    flex: 0 1 5px;
    margin-right: 5px;
}

.menu-item-28 a:before {
    content: "\f015";
    display: inline-flex;
    font-family: "FontAwesome";
    -ms-flex: 0 1 5px;
    flex: 0 1 5px;
    margin-right: 5px;
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1,
h1 {
    font-size: 1.3rem
}

.h2,
h2 {
    font-size: 1.2rem;
}

.h3,
h3 {
    font-size: 1.1rem
}

.h4,
h4 {
    font-size: 1.1rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
	width:100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}
.centr {
	margin: 0 auto;
}
.strong-form {
    width: 100%;
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

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

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

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

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

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

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

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

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: rgba(0, 0, 0, 0)
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

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

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

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

.table-sm td,
.table-sm th {
    padding: .3rem
}

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

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

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

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

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

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

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

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

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

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

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

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

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

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right calc(2.25rem / 4);
    background-size: calc(2.25rem / 2) calc(2.25rem / 2);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: 2.25rem;
    background-position: top calc(2.25rem / 4) right calc(2.25rem / 4)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: 3.4375rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip {
    display: block
}

.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right calc(2.25rem / 4);
    background-size: calc(2.25rem / 2) calc(2.25rem / 2);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: 2.25rem;
    background-position: top calc(2.25rem / 4) right calc(2.25rem / 4)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: 3.4375rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip {
    display: block
}

.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

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

.btn-primary {
    color: #fff;
    background-color: #4986f5;
    border-color: #4986f5
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #4986f5;
    border-color: #4986f5
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #4986f5;
    border-color: #4986f5
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #4986f5;
    border-color: #4986f5
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #4986f5;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #4986f5;
    border-color: #4986f5
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #4986f5
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    /* display: none */
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:first-child {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.dropdown-item:last-child {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #4986f5
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

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

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(2.875rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.8125rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #4986f5;
    background-color: #4986f5
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #4986f5;
    background-color: #4986f5
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #4986f5;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #4986f5;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #4986f5;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

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

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

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

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

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

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4986f5
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:first-child .card-header,
    .card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:first-child .card-footer,
    .card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:last-child .card-header,
    .card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:last-child .card-footer,
    .card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:only-child {
        border-radius: .25rem
    }

    .card-group>.card:only-child .card-header,
    .card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group>.card:only-child .card-footer,
    .card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion .card {
    overflow: hidden
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion .card .card-header {
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #4986f5;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #4986f5;
    border-color: #4986f5
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

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

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #4986f5
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #4986f5;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus,
.list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #4986f5;
    border-color: #4986f5
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none
}

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    backdrop-filter: blur(10px);
    opacity: 0
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (.5rem * 2));
    content: ""
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,
.bs-popover-top .arrow {
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-top .arrow::before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,
.bs-popover-right .arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-right .arrow::before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,
.bs-popover-bottom .arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-bottom .arrow::before {
    border-width: 0 .5rem .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,
.bs-popover-left .arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-left .arrow::before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media screen and (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media screen and (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #4986f5 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #4986f5 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

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

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

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

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

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

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

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

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-3by4::before {
    padding-top: 133.33333%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
	
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #4986f5 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

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

.text-decoration-none {
    text-decoration: none !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " ("attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url(fonts/open-sans-300.woff2.html) format("woff2"), url(fonts/open-sans-300.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(fonts/open-sans-400.woff2.html) format("woff2"), url(fonts/open-sans-400.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(fonts/open-sans-600.woff2.html) format("woff2"), url(fonts/open-sans-600.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(fonts/open-sans-700.woff2.html) format("woff2"), url(fonts/open-sans-700.woff) format("woff")
}

@font-face {
    font-family: "Exo 2";
    font-style: normal;
    font-weight: 600;
    src: local("Exo 2 Semi Bold"), local("Exo2-SemiBold"), url(fonts/exo-2-600.woff2.html) format("woff2"), url(fonts/exo-2-600.woff) format("woff")
}

@font-face {
    font-family: "Exo 2";
    font-style: normal;
    font-weight: 800;
    src: local("Exo 2 Extra Bold"), local("Exo2-ExtraBold"), url(fonts/exo-2-800.woff2.html) format("woff2"), url(fonts/exo-2-800.woff) format("woff")
}

.no-bottom-radius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.no-top-radius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.flex-auto {
    flex: auto
}

.gamemode-el {
    cursor: pointer;
    position: relative
}

.gamemode-el:hover {
    text-decoration: none
}

.gamemode-el>*+* {
    margin-top: 1rem
}

.gamemode {
    position: relative;
    will-change: transform;
    transition: all .3s ease 0s
}

.gamemode:hover {
    transform: translate(0, -5px)
}

.gamemode:before {
    content: "";
    display: block;
    padding-top: 74.0741%
}

.gamemode-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gamemode-img-hover {
    position: absolute;
    will-change: transform;
    transition: all .3s ease 0s
}

.gamemode-el .inActive {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.gamemode .dice {
    top: 50%;
    left: 50%;
    width: 58%;
    transform: translate(-50%, -50%)
}

.gamemode .limbo {
    top: -10%;
    left: 56%;
    width: 43%
}

.gamemode .hilo {
    top: -18%;
    left: 37%;
    width: 82%
}

.gamemode .plinko {
    top: 68%;
    left: 55%;
    width: 20%;
    position: absolute;
    will-change: transform;
    transition: all .3s ease 0s
}

.gamemode .roul {
    top: -10%;
    left: 84%;
    width: 15%
}

.gamemode .fortune {
    top: -8%;
    left: 45%;
    width: 13%;
    transform-origin: 50% 15%
}

.gamemode .slots {
    top: 15%;
    left: 12.5%;
    width: 75%
}

.gamemode:hover .dice {
    transform: translate(-50%, -50%) scale(1.1) rotate(10deg)
}

.gamemode:hover .limbo {
    transform: translate(10%, -5%)
}

.gamemode:hover .hilo {
    transform: translate(0, -5%)
}

.gamemode:hover .plinko {
    transform: translate(-12%, 12%)
}

.gamemode:hover .roul {
    transform: translate(0, -10%)
}

.gamemode:hover .fortune {
    transform: translate(0, -2%) rotate(-10deg)
}

.gamemode:hover .slots {
    transform: translate(0, -5%)
}

.gamemode-description {
    margin-left: .1rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1;
    flex-wrap: wrap
}

.gamemode-description>:first-child {
    margin-right: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.gamemode-title {
    font-weight: 600;
    font-size: 1.5em;
    text-transform: capitalize;
    margin: 0
}

.bg-main {
    background-color: #20242d
}

.bg-main-side {
    background-color: #1c2028
}

.main-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-left: 0;
    padding-right: 0
}

.side-nav {
    max-height: calc(100vh - 130px);
    list-style: none
}

.side-nav li a:hover,
.side-nav li.current a {
    color: #fff;
    background: #4986f5
}

.side-nav li {
    margin-bottom: 14px
}

.side-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    color: #5e6a7f;
    text-decoration: none;
    font-size: 24px;
    position: relative
}

.side-nav li a:hover {
    background-color: #4986f5;
    color: #fff
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.side-nav li .side-nav-tooltip {
    position: absolute;
    left: 45px;
    margin-top: -1px;
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
    height: 28px;
    border-radius: 4px;
    color: #fff;
    background: #4986f5;
    display: none;
    align-items: center;
    justify-content: center
}

.side-nav li .side-nav-tooltip:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-right: 6px solid #4986f5;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.side-nav li:hover .side-nav-tooltip {
    display: flex
}

.bets-tabs-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%;
    position: relative
}

.bets-tabs-row .btn {
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    padding: 9px 17px;
    color: #505961;
    border: 1px solid #353d48;
    background-color: initial
}

.bets-tabs-row .btn.isActive {
    color: #fff;
    background-color: #4986f5;
    border: 1px solid #4986f5
}

.bets-tabs-row .btn[disabled] {
    opacity: 1
}

.btn.isActive {
    cursor: default
}

.btn.withBadge {
    position: relative
}

.game-stats,
.game-stats .table-stats-wrap {
    overflow: hidden
}

.game-stats {
    width: 100%;
    position: relative;
    border-radius: 6px
}

.table-heading {
    display: table;
    width: 100%;
    border-collapse: initial;
    border-spacing: 0;
    table-layout: fixed;
    position: relative;
    z-index: 2
}

.table-heading .thead {
    display: table-header-group;
    vertical-align: middle
}

.game-stats .th:nth-last-child(2) {
    text-align: center
}

.table-heading .th:last-child {
    border-radius: 0 6px 0 0;
    text-align: right
}

.table-heading .tr {
    display: table-row;
    vertical-align: inherit
}

.table-heading .th:first-child {
    border-radius: 6px 0 0 0
}

.table-heading .th {
    display: table-cell;
    vertical-align: inherit;
    background: #303643;
    color: #5e6a7f;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 20px
}

.game-stats,
.game-stats .table-stats-wrap {
    overflow: hidden
}

.game-stats .table-wrap {
    will-change: transform
}

.table,
.table-wrap {
    overflow: hidden;
    border-radius: 0 0 6px 6px
}

.table-wrap {
    position: relative
}

.game-stats table {
    background: #2b313e
}

.table {
    color: #fff;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    background: #2b313e
}

.table,
.table-wrap {
    overflow: hidden;
    border-radius: 0 0 6px 6px
}

.game-stats table tbody tr {
    height: 53px
}

.table tr {
    padding: 0 12px
}

.game-stats table tbody tr td {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid #303643;
    letter-spacing: .2px;
    padding: 8px 20px;
    border-top: none;
    vertical-align: middle;
    overflow: hidden
}

.game-stats .game-data {
    display: flex;
    align-items: center
}

.game-stats .game-data .btn-icon {
    padding: 0;
    background: 0 0
}

.game-stats .game-data .game-icon {
    color: #5e6a7f;
    width: 50px;
    text-align: center
}

.game-stats .game-data .game-icon svg {
    width: 22px;
    height: 22px
}

.table .btn-link {
    color: #7d8a98;
    font-weight: 600;
    font-size: 13px;
    padding: 0
}

.sanitize-name,
.sanitize-user {
    position: relative;
    white-space: nowrap
}

.sanitize-user {
    white-space: nowrap;
    display: inline
}

.game-stats table tbody tr td:nth-last-child(2) {
    text-align: center
}

.game-stats table tbody tr td:last-child {
    text-align: right
}

.game-stats .game-data .game-info .btn-name {
    background: 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: capitalize;
    display: block
}

.game-stats .game-data .game-info button {
    color: #545b70;
    font-size: 12px;
    font-weight: 400
}

.game-stats .game-data .game-info button:hover {
    color: #fff;
    text-decoration: none
}

.buttons-group {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    background: #252b34;
    border-radius: 6px;
    overflow: hidden
}

.buttons-group.isMobile {
    position: absolute;
    z-index: 3;
    border: 1px solid #4986f5;
    top: -21px;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility
}

.buttons-group.isMobile.focus {
    opacity: 1;
    visibility: visible
}

.buttons-group.isMobile .btn-action {
    padding: 12px 5px;
    color: #93a5c5;
    border-right: 1px solid #3e4654
}

.buttons-group.isMobile .btn-action:last-child {
    border-right: 0
}

.buttons-group .btn-action {
    flex: auto;
    flex-grow: 10;
    flex-shrink: 0;
    font-size: 11px;
    line-height: 12px;
    color: #5e6a7f;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 5px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    background: #333a48;
    outline: 0 !important;
    font-weight: 400;
    border-radius: 0
}

.buttons-group .btn-action:hover {
    background: #373e4c;
    color: #4986f5
}

.buttons-group .btn-action.isActive {
    color: #fff;
    background-color: #4986f5;
    cursor: default;
    border-radius: 3px
}

.buttons-group.buttons-group--tall .btn-action {
    min-height: 36px;
    font-size: 12px;
    color: #fff
}

.btn-link {
    padding: 0;
    background-color: initial;
    font-weight: inherit;
    font-size: inherit;
    border: none;
    border-radius: 0;
    color: #4986f5;
    height: inherit !important;
    width: inherit !important
}

.btn-link:hover {
    text-decoration: none;
    color: #fff
}

.bet-number {
    display: inline-block;
    padding-left: 22px
}

.bet-number .bet-wrap {
    display: inline-block;
    position: relative
}

.bet-number .bet-wrap>span {
    display: flex
}

.bet-number svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -21px;
    font-size: 15px;
    color: #5e6a7f
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.bet-number.rtl {
    padding: 0 20px 0 0
}

.bet-number .bet-wrap .tied,
.bet-number .bet-wrap .won {
    color: #62ca5b
}

.bet-number .bet-wrap .lost {
    color: #828f9a
}

.bet-number.rtl svg {
    left: auto;
    right: -21px
}

.welcome-banner {
    width: 100%;
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: 350px auto;
    grid-column-gap: 4rem;
    grid-row-gap: 1rem
}

.welcome-block {
    margin-top: 2rem;
    display: block;
    width: 100%;
    max-width: 350px;
    position: relative
}

.welcome-block:before {
    content: "";
    display: block;
    padding-top: 57.1429%
}

.welcome-block .w1 {
    position: absolute;
    transition-property: transform;
    transition-duration: .3s;
    will-change: transform;
    width: 72%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto
}

.welcome-block .w2 {
    position: absolute;
    transition-property: transform;
    transition-duration: .3s;
    will-change: transform;
    top: -9%;
    left: 66%;
    width: 14%
}

.welcome-block .w3 {
    position: absolute;
    transition-property: transform;
    transition-duration: .3s;
    will-change: transform;
    top: -6%;
    left: 0;
    width: 33%
}

.welcome-block .w4 {
    position: absolute;
    transition-property: transform;
    transition-duration: .3s;
    will-change: transform;
    top: 31%;
    left: 68%;
    width: 35%
}

.welcome-block:hover .w2 {
    transform: translate(7%, -7%) scale(1.1)
}

.welcome-block:hover .w3 {
    transform: translate(0, -7%)
}

.welcome-block:hover .w4 {
    transform: translate(0, 7%)
}

.welcome-link {
    font-weight: 600;
    font-size: 1.2em;
    position: relative;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.5;
    color: #213843;
    transition: background .3s ease 0s, opacity .3s ease 0s, transform .1s ease 0s;
    border-radius: 5px;
    background: #00e403;
    padding: calc(.5em + 2px) 1em
}

.welcome-link>* {
    transition: background .3s ease 0s, opacity .3s ease 0s, transform .1s ease 0s
}

.welcome-block a {
    position: absolute;
    white-space: nowrap;
    width: 35%;
    top: 30%;
    left: 50%;
    transform: translate(-50%, 0)
}

.welcome-banner h1 {
    margin-bottom: 1rem
}

.welcome-title {
    color: #fff;
    font-weight: 600;
    font-size: 1.5em;
    margin: 0
}

.welcome-description {
    width: 100%;
    display: block;
    list-style-type: none;
    color: #b7bfd6;
    padding-left: 0
}

.welcome-description li {
    margin-bottom: .5rem
}

.counter-block {
    border: 1px solid #262b37;
    border-radius: 6px;
    padding: 15px 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column-reverse
}

.counter-block .counter-num {
    font-size: 16px;
    font-weight: 600;
    color: #61cf6c
}

.counter-block .counter-text {
    color: #828f9a;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600
}

.footer {
    background: #20242d;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 11px;
    line-height: 14px;
    color: #525c71
}

.footer-nav {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.footer .row {
    align-items: flex-end
}

.footer-nav li {
    margin-right: 25px
}

.footer-nav li a {
    font-size: 11px;
    line-height: 14px;
    color: #525c71;
    display: flex;
    align-items: center
}

.copyright {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-direction: column
}

.copyright .footer-logo {
    padding-bottom: 20px
}

.copyright .footer-logo img {
    display: block;
    max-width: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3
}

.copyright .text {
    display: block;
    font-size: 11px;
    line-height: 16px;
    color: #525c71;
    text-align: right
}

.footer a:hover {
    text-decoration: none;
    color: #fff
}

.footer .license {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.footer .license .age_restriction {
    width: 33px
}

.footer .license .malta_license {
    width: 133px;
    margin-left: 1rem
}

.sidebar-left .logo {
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
    font-size: 24px;
    display: block;
    max-width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.logo,
.logo:focus {
    outline: 0
}

.logo img {
    display: block;
    max-width: 100%;
    padding: 0;
    height: auto
}

.logo:hover {
    color: #4986f5;
    opacity: .8
}

.header-sticky {
    padding: 22px 0 !important;
    -webkit-transition: all .3s !important;
    transition: all .3s !important
}

.header-ontop {
    padding: 40px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    justify-content: space-between;
    max-width: 1140px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    min-width: 320px
}

.sidebar-sticky .logo {
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px)
}

.chat-sticky .tabs-nav {
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px)
}

.social-sidebar{
	margin: 0px auto;
    margin-bottom: 20px !important;
}


.sidebar-right .tabs-nav {
    padding: 0 0 0 10px;
    margin-bottom: 10px;
    flex: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar-right .tabs-nav>.item {
    width: 50%;
    position: relative
}

.sidebar-right .tabs-nav>.item svg {
    width: 14px;
    height: 14px
}

.tabs-nav>.item svg {
    margin-right: 8px
}

.tabs-nav>.item.current,
.tabs-nav>.item:hover {
    color: #fff;
    background: #242932
}

.tabs-nav>.item {
    margin-right: 10px;
    cursor: pointer;
    flex: auto;
    justify-content: center;
    color: #828f9a;
    font-size: 13px;
    line-height: 18px;
    padding: 10px 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tabs-nav,
.tabs-nav>.item {
    display: flex;
    align-items: center
}

.live {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1;
    padding: 0 10px
}

.live .item-control {
    position: absolute;
    right: 15px;
    top: 22px
}

.live .live-params {
    justify-content: space-between;
    padding-bottom: 20px;
    flex: none
}

.live .live-params,
.live .live-params>.item {
    display: flex;
    align-items: center;
    margin-left: 5px
}

.live .live-online {
    font-size: 16px;
    color: #5b6271
}

.live .live-online span {
    color: #fff
}

.live-language img {
    width: 20px;
    height: 20px
}

.live-language button {
    background: #242932;
    border: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    border-radius: 6px;
    letter-spacing: .3px;
    font-weight: 400;
    color: #fff;
    padding: 8px 12px;
    outline: 0 !important;
    cursor: default
}

.close-btn {
    color: #979797;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0 0
}

.live .live-block {
    flex: auto;
    -webkit-transition: all .3s;
    transition: all .3s;
    min-height: 100px;
    display: flex;
    height: 120px;
    flex-direction: column-reverse;
    position: relative
}

.live .live-block .live-block-inner {
    position: relative;
    margin-right: -15px;
    padding-right: 15px;
    scroll-behavior: smooth
}

.scrollbar-container {
    position: relative;
    height: 100%
}

.ps {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    overflow-anchor: none;
    touch-action: auto
}

::-webkit-scrollbar-track {
    background: 0 0
}

::-webkit-scrollbar-thumb {
    background: #3f464f;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background: #dee0e1
}

::-webkit-resizer {
    width: 5px
}

::-webkit-scrollbar {
    width: 5px
}

.players-tape::-webkit-scrollbar {
    height: 5px
}

@-webkit-keyframes slideInTop {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        visibility: none
    }

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

@keyframes slideInTop {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        visibility: none
    }

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

.live .live-scroll {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    position: absolute;
    outline: 0;
    background: #232933;
    border: 0;
    right: 0;
    bottom: 5px;
    cursor: pointer;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.live .live-scroll svg {
    font-size: 11px;
    fill: #fff
}

.live-item {
    overflow: hidden;
    position: relative;
    padding: 10px;
    background: rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    border-radius: 6px;
    width: 100%;
    min-height: 44px;
    display: flex
}

.live-item-animated .live-item {
    -webkit-animation-name: slideInTop;
    animation-name: slideInTop;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.live-item .live-img {
    width: 60px;
    height: 60px;
    display: inline-block;
    cursor: pointer;
    top: 10px;
    left: 10px
}

.live-item .live-img img {
    padding: 2px;
    width: 100%;
    height: 100%;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 6px
}

.live-item .live-content {
    font-size: 13px;
    line-height: 20px;
    width: calc(100% - 75px);
    margin-left: 15px;
    display: flex;
    justify-content: space-between;
    word-break: break-word;
    word-wrap: break-word
}

.live-item .live-content>div {
    width: 100%
}

.live-item .live-content .user-link {
    border: 0;
    padding: 0;
    touch-action: manipulation;
    text-transform: none;
    -webkit-appearance: button;
    margin: 0;
    background: 0 0;
    color: #828f9a;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100% !important;
    text-align: left
}

.live-item .live-text {
    display: inline;
    word-wrap: break-word;
    color: #fff;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.live-item .live-text a {
    color: #80bdff !important
}

.live-item .live-text a:hover {
    color: #cbe4ff !important
}

.live .live-form {
    position: relative;
    margin-bottom: 0
}

.live .live-message-input {
    margin-top: 10px;
    flex: none;
    background: rgba(47, 57, 70, .35);
    border-radius: 3px;
    display: flex;
    position: relative;
    height: 80px
}

.live .live-textarea {
    flex: auto;
    max-width: calc(100% - 44px)
}

.live .live-editable {
    outline: 0;
    color: #fff;
    min-height: 80px;
    width: 100%;
    max-width: 190px;
    resize: none;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 6px;
    line-height: 17px;
    padding: 15px;
    margin-bottom: 0;
    word-wrap: break-word;
    box-sizing: border-box;
    border: none;
    -webkit-font-smoothing: subpixel-antialiased
}

.live .live-controls {
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    display: flex;
    background: #272d39;
    width: 44px;
    border-radius: 0 3px 3px 0
}

.live .live-controls .item {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    border: none;
    outline: 0 !important;
    width: 100%
}

.live .live-controls .item .icon-smile {
    color: #434b53
}

.live .live-controls .item[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.live .live-controls .item .icon-send {
    color: #4986f5
}

.sidebar-left {
    height: 100vh;
    width: 5.5vw;
    max-width: 100px;
    z-index: 1030;
    top: 0;
    left: 0;
    flex-direction: column;
    padding-top: 47px;
    padding-right: .5vw;
    padding-left: .5vw;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: flex
}

.sidebar-left ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-transition: none;
    transition: none
}

.sidebar-right {
    height: 100vh;
    width: 15vw;
    max-width: 288px;
    z-index: 1030;
    right: 0;
    -webkit-box-pack: end;
    overflow: hidden;
    padding: 40px 0 15px;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transition: padding .3s;
    transition: padding .3s;
    display: flex
}

.header .logo {
    display: none
}

.top-nav-wrapper {
    position: relative
}

.top-nav-wrapper .opener {
    display: none;
    flex-direction: column;
    align-items: stretch;
    width: 32px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 0;
    outline: 0;
    background-color: initial
}

.top-nav-wrapper .opener .bar {
    height: 2px;
    width: 100%;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 1px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.top-nav-wrapper .opener .bar:last-child {
    margin-bottom: 0
}

.top-nav-wrapper .opener.opened .bar:first-child {
    -webkit-transform-origin: 0 1px;
    transform-origin: 0 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.top-nav-wrapper .opener.opened .bar:nth-child(2) {
    width: 0
}

.top-nav-wrapper .opener.opened .bar:nth-child(3) {
    -webkit-transform-origin: 0 1px;
    transform-origin: 0 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.top-nav {
    display: flex;
    list-style: none;
    align-items: center;
    padding-inline-start: 0 !important;
    -webkit-padding-start: 0 !important;
    margin: 0
}

.top-nav li {
    margin-right: 3px;
    position: relative
}

.top-nav li .btn.isActive,
.top-nav li a.isActive {
    cursor: default
}

.top-nav li .btn.isActive,
.top-nav li .btn:focus,
.top-nav li .btn:hover,
.top-nav li a.isActive,
.top-nav li a:focus,
.top-nav li a:hover {
    background: #242932;
    color: #fff
}

.top-nav li .btn,
.top-nav li a {
    display: flex;
    border-radius: 3px;
    align-items: center;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    color: #828f9a;
    letter-spacing: -.21px;
    border: 0;
    font-weight: 400;
    background-color: initial;
    text-decoration: none
}

.top-nav .icon-gamepad {
    width: 16px;
    height: 16px;
    margin-top: -1px
}

.top-nav .icon {
    width: 14px;
    height: 14px;
    margin: -2px 5px 0 0
}

.deposit-wrap {
    display: flex;
    position: relative
}

.deposit-wrap .dropdown {
    position: static
}

.dropdown {
    position: relative;
    display: inline-block
}

.deposit-wrap .dropdown>.btn {
    background: #2f3542;
    border-radius: 6px 0 0 6px !important;
    border: 0 !important;
    padding: 0 10px 0 9px;
    position: relative;
    min-height: 38px
}

.dropdown .dropdown-toggle {
    padding: 10px 30px 10px 15px;
    -webkit-transition: none;
    transition: none;
    display: flex;
    align-items: center
}

.deposit-wrap .dropdown>.btn .selected {
    display: flex;
    align-items: center
}

.deposit-wrap .dropdown>.btn .selected.coin svg {
    fill: #62ca5b
}

.deposit-wrap .dropdown>.btn .selected svg {
    width: 14px;
    height: 14px
}

.deposit-wrap .dropdown>.btn .opener {
    width: 14px;
    height: 14px;
    right: 6px
}

.dropdown .opener {
    border: none;
    width: 14px;
    height: 14px;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    min-width: 10rem;
    margin: 0;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #2f3542;
    background-clip: padding-box;
    will-change: max-height;
    border-radius: 6px
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.deposit-wrap .dropdown-item {
    padding: 10px 15px
}

.dropdown-item {
    display: flex;
    width: 100%;
    padding: .75rem;
    cursor: pointer;
    outline: 0;
    clear: both;
    font-weight: 400;
    color: #7f8596;
    text-align: inherit;
    white-space: nowrap;
    background-color: initial;
    border: 0
}

.deposit-wrap .balance-item {
    display: flex;
    align-items: center;
    color: #fff;
    width: 100%
}

.deposit-wrap .balance-item.coin svg {
    fill: #62ca5b
}

.deposit-wrap .balance-item svg {
    margin-right: 8px
}

.deposit-wrap .balance-item .value {
    margin-left: auto;
    background: #3a4151;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px
}

.deposit-wrap .balance-item.coin .value {
    color: #62ca5b
}

.deposit-block {
    border-radius: 0 6px 6px 0;
    background: #262b37;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.deposit-block .select-field {
    cursor: default;
    padding: 0 10px;
    font-family: Exo\ 2, Open Sans, sans-serif;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100px;
    font-size: 16px
}

.deposit-block .btn {
    width: 104px;
    justify-content: center
}

.animated-number {
    position: relative
}

.animated-number .animated-block {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    font-size: inherit;
    font-weight: inherit;
    white-space: nowrap;
    color: #e86376;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-name: balance;
    animation-name: balance;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    width: 100%
}

.animated-number.isPositive .animated-block {
    color: #62ca5b;
    animation-direction: reverse
}

.animated-number.isAnimate .animated-block {
    -webkit-animation-name: isSlidingFrame;
    animation-name: isSlidingFrame
}

@-webkit-keyframes isSlidingFrame {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0
    }
}

@keyframes isSlidingFrame {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0
    }
}

.top-nav li .toggle>ul.isOpen {
    max-height: 250px
}

.top-nav li .toggle>ul {
    padding-inline-start: 0 !important;
    -webkit-padding-start: 0 !important;
    position: absolute;
    left: 0;
    top: 37px;
    min-width: 170px;
    width: 100%;
    background: #242932;
    flex-direction: column;
    align-items: stretch;
    border-radius: 3px;
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .1);
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    z-index: 3
}

.top-nav li .toggle .icon-down {
    margin: 0;
    width: 14px;
    height: 14px;
    position: absolute;
    right: -7px;
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.top-nav li .toggle.isOpen .icon-down {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.btn.focus,
.btn:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.mobile-nav-component {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #20242d;
    z-index: 100
}

.mobile-nav-component .pull-out {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: -1;
    background: #191d25;
    width: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.mobile-nav-component .pull-out .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3
}

.mobile-nav-component .pull-out.opened {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mobile-nav-component .pull-out-nav {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
    padding-inline-start: 0 !important;
    -webkit-padding-start: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.mobile-nav-component .pull-out-nav>li {
    width: 50%;
    padding-left: 5%;
    border-bottom: 1px solid #20242d;
    border-right: 1px solid #20242d
}

.mobile-nav-component .pull-out-nav>li>a,
.mobile-nav-component .pull-out-nav>li>button {
    font-size: 13px;
    letter-spacing: -.1px;
    color: #828f9a;
    text-decoration: none;
    line-height: 14px;
    padding: 15px 15px 15px 15px;
    display: flex;
    align-items: center;
    border: none;
    outline: 0;
    background: 0 0;
    width: 100%;
    position: relative
}

.mobile-nav-component .pull-out-nav>li>a:hover,
.mobile-nav-component .pull-out-nav>li>button:hover {
    color: #fff
}

.mobile-nav-component .pull-out-nav>li>a svg,
.mobile-nav-component .pull-out-nav>li>button svg {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 14px
}

.mobile-nav-component .mobile-nav-menu-wrapper {
    width: 100%;
    background: #20242d
}

.mobile-nav-component .mobile-nav-menu {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto
}

.mobile-nav-component .mobile-nav-menu li {
    margin-right: 5px;
    text-align: center;
    position: relative
}

.mobile-nav-component .mobile-nav-menu li a,
.mobile-nav-component .mobile-nav-menu li button:hover {
    color: #fff
}

.mobile-nav-component .mobile-nav-menu li a,
.mobile-nav-component .mobile-nav-menu li button {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #828f9a;
    font-size: 12px;
    line-height: 12px;
    border: none;
    outline: 0;
    background: 0 0;
    cursor: pointer;
    text-align: center;
    justify-content: center
}

.mobile-nav-component .mobile-nav-menu li a svg,
.mobile-nav-component .mobile-nav-menu li button svg {
    display: flex;
    margin-bottom: 8px;
    width: 14px;
    height: 14px;
    align-items: center;
    justify-content: center
}

.modal-dialog.confirm-modal .modal-content {
    background: #3a4152
}

.modal-content {
    background: -webkit-gradient(linear, left top, left bottom, from(#3a4152), to(#2e3542));
    background: -webkit-linear-gradient(#3a4152, #2e3542);
    background: linear-gradient(#3a4152, #2e3542);
    width: 100%;
    max-width: 900px;
    border-radius: 6px;
    border: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog.confirm-modal {
    width: 380px
}

.modal-dialog.confirm-modal .modal-content {
    background: #3a4152
}

.confirm-modal-container {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.confirm-modal-container h3 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 30px
}

.confirm-modal .modal-body {
    padding: 0 !important
}

.confirm-modal-container .confirm-icon {
    font-size: 45px;
    color: #fff;
    padding-bottom: 10px
}

.confirm-modal-container .confirm-text {
    font-size: 14px;
    margin-bottom: 20px;
    justify-content: center;
    display: flex;
    text-align: center;
    color: #fff
}

.confirm-modal-container .confirm-extra {
    display: flex;
    text-align: center;
    color: #828f9a;
    margin: -10px 0 20px
}

.confirm-modal-container .confirm-actions {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.confirm-modal-container .confirm-actions .btn {
    padding: 12px 20px;
    width: calc(50% - 10px);
    justify-content: center;
    display: flex
}

.header .auth-buttons .btn:first-child {
    margin-right: 10px
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog.auth-modal {
    margin-left: auto;
    margin-right: auto;
    width: 350px
}

.modal-dialog.game-modal {
    margin-left: auto;
    margin-right: auto;
    width: 350px
}

.modal-dialog.captcha-modal {
    margin-left: auto;
    margin-right: auto;
    width: 350px
}

.modal-body .recaptcha {
    display: flex;
    justify-content: center
}

@media screen and (max-width:499px) {
    .modal-dialog.auth-modal {
        width: calc(100% - 20px)
    }

    .modal-dialog.captcha-modal {
        width: calc(100% - 20px)
    }

    .modal-dialog.game-modal {
        width: calc(100% - 20px)
    }
}

.modal-dialog {
    max-width: 900px;
    position: relative;
    width: auto;
    margin: 0 auto;
    pointer-events: none
}

.modal-title {
    color: #fff;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 17px
}

.modal-header {
    padding: 1rem 1rem 0 !important;
    border-bottom: none !important
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    outline: 0;
    background: 0 0;
    border: none
}

.modal-close svg {
    width: 11px;
    height: 11px;
    display: block;
    fill: hsla(0, 0%, 100%, .13);
    -webkit-transition: all .3s;
    transition: all .3s
}

.modal-close:hover svg {
    fill: hsla(100, 100%, 100%, .99)
}

.auth-form,
.auth-form div {
    width: 100%;
    margin-bottom: 0
}

.caption-line {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 15px;
    color: #5e6a7f;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.caption-line span {
    display: inline-block;
    vertical-align: initial;
    position: relative;
    padding: 0 10px
}

.caption-line span:before {
    right: 100%
}

.caption-line span:after,
.caption-line span:before {
    content: "";
    display: block;
    width: calc(100% + 10px);
    position: absolute;
    top: 50%;
    border-top: 1px solid rgba(91, 98, 113, .5)
}

.caption-line span:after {
    left: 100%
}

.auth-form .social-auth {
    margin-bottom: 5px
}

.social-auth,
.social-auth .line {
    display: flex;
    width: 100%
}

.social-auth {
    flex-wrap: wrap
}

.social-auth,
.social-auth .line {
    display: flex;
    width: 100%
}

.social-auth .btn-vk {
    background: #507299;
    color: #fff
}

.social-auth .btn-vk:hover {
    background: #426288
}

.social-auth .btn {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 8px 20px;
    justify-content: center;
    border-radius: 3px
}

.auth-form .form-row {
    margin: 0 0 10px !important
}

.form-field {
    position: relative
}

.input-valid {
    display: inherit;
    width: inherit
}

.auth-form .input-field {
    height: 36px;
    border-radius: 3px;
    background: #272d39
}

.input-field {
    height: 40px;
    font-size: 14px;
    padding: 0 12px;
    width: 100%;
    outline: 0 !important;
    border-radius: 6px;
    color: #fff;
    background: #2f3542;
    border: 1px solid transparent;
    font-family: Open Sans, sans-serif
}

.input-valid .valid.visible {
    opacity: 1;
    visibility: visible
}

.input-valid .valid.inline {
    bottom: auto;
    top: 100%;
    background: rgba(220, 53, 69, .9);
    border-radius: 2px;
    font-size: 10px;
    margin: 2px 0 0;
    color: #fff;
    padding: 4px 6px;
    z-index: 3
}

.input-valid .valid {
    text-align: center;
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    color: #e86376;
    visibility: hidden;
    opacity: 0;
    bottom: 100%;
    left: 0;
    background: #1c2028;
    border-radius: 6px;
    padding: 1em;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.input-valid .valid.inline.top {
    top: auto;
    bottom: calc(100% + 2px);
    left: 0;
    right: auto
}

.hasError .input-field {
    border-color: #e86376 !important
}

.auth-form .btn-auth,
.change-password-form .btn-change-password,
.create-account-form .btn-create-account,
.set-account-form .btn-set-account {
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    width: 100%;
    margin-top: 3px;
    padding: 13px 20px;
    border-radius: 3px
}

.input-group-append btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0
}

.change-form {
    display: flex;
    margin-bottom: -9px !important;
    padding: 7px 0 0;
    width: 100%;
    justify-content: center
}

.change-form .btn {
    background: 0 0;
    padding: 0;
    color: #828f9a;
    font-weight: 500;
    font-size: 13px
}

.change-form .btn:hover {
    color: #fff
}

.change-form .or {
    margin: 7px 10px 0;
    background: #464f57;
    width: 1px;
    height: 9px
}

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .58);
    z-index: 9999
}

.page-loader .block {
    width: 100%;
    white-space: nowrap;
    position: absolute;
    max-width: 340px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 33vh
}

.page-loader .loader {
    height: 100px
}

.loader {
    display: block;
    pointer-events: none;
    position: relative;
    width: 100%;
    height: 100%
}

.page-loader .loader img {
    height: 80px;
    width: 80px
}

.loader-centred img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.loader img {
    width: 40px;
    height: 40px
}

.loader-half {
    height: 50vh
}

.rotating {
    -webkit-animation-name: rotating;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotating;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotating;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: rotating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@-ms-keyframes rotating {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0)
    }

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

@keyframes rotating {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.page-loader .text {
    font-size: 28px;
    color: #fff;
    text-align: center
}

.user-profile {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    flex: 1 1;
    padding: 0 20px
}

.notify {
    position: fixed;
    z-index: 999999;
    height: 0;
    top: 15px;
    left: 50%
}

.notify__item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .4s;
    transition: opacity .3s, -webkit-transform .4s;
    transition: transform .4s, opacity .3s;
    transition: transform .4s, opacity .3s, -webkit-transform .4s
}

.notify__item.success {
    color: #66bb6a
}

.notify__item.error {
    color: #ef5350
}

.notify__item.info {
    color: #42a5f5
}

.notify__item.default {
    color: #bdbdbd
}

.notify__item.show {
    opacity: 1
}

.notify__item:not(.show) {
    z-index: 0;
    opacity: 0
}

.notify__item-wrap {
    font-size: 11px;
    line-height: 14px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 400px;
    min-width: 320px;
    min-height: 50px;
    padding: 10px 45px 10px 60px;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-animation: showUp .4s;
    animation: showUp .4s;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 3px 15px #676767
}

.notify__aside,
.notify__item-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.notify__aside {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    text-align: center;
    align-items: center
}

.notify__aside img {
    -webkit-animation: showIcon .5s;
    animation: showIcon .5s
}

.notify__title {
    padding-bottom: 5px;
    color: #616161;
    font-size: 15px
}

.notify__message {
    color: #9e9e9e
}

.notify__close {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 22px;
    color: #bdbdbd;
    -webkit-transition: background-color .4s;
    transition: background-color .4s;
    border: none;
    outline: 0;
    cursor: pointer
}

.notify__close:active,
.notify__close:focus {
    outline: 0
}

.notify__close:hover {
    background-color: #fafafa;
    outline: 0
}

@media (min-width:1819px) {
    .main-container {
        margin-left: calc(calc(calc(100vw - 100px - 288px - 74vw)/ 2) + 100px) !important
    }
}

@media (max-width:1818px) {
    .main-container {
        margin-left: calc(calc(calc(100vw - 5.5vw - 15vw - 74vw)/ 2) + 5.5vw) !important
    }
}

@media (min-width:992px) {
    .main-container {
        max-width: 74vw
    }
}

@media (max-width:1600px) {
    .sidebar-right {
        width: 20vw
    }

    .main-container {
        max-width: 69vw
    }
}

@media (max-width:767px) {
    .welcome-banner {
        display: block !important;
        width: 94% !important
    }

    .welcome-block {
        margin: 25px auto 0
    }
}

@media (max-width:1250px) {

    .top-nav-wrapper .top-nav li .btn svg,
    .top-nav-wrapper .top-nav li a svg {
        display: none
    }

    .top-nav-wrapper .top-nav li .icon-down {
        display: inline-block !important
    }

    .header-ontop {
        padding: 15px 0 !important
    }

    .sidebar-right .tabs-nav {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    .sidebar-left .logo {
        margin-bottom: 26px
    }

    .sidebar-right {
        padding-top: 16px !important
    }

    .sidebar-right .tabs-nav {
        margin-bottom: 19px
    }
}

@media (max-width:891px) {
    .game-stats .username {
        overflow: hidden
    }
}

@media (max-width:1099px) {
    .live-item .live-text {
        font-size: 12px !important
    }

    .game-stats tr td,
    .game-stats tr th {
        padding: 8px 10px
    }

    .top-nav li {
        margin-right: 0
    }

    .game-stats table tbody tr td {
        font-size: 12px;
        padding: 8px 10px
    }

    .game-stats .username .btn-link {
        font-size: 12px;
        margin-left: 0
    }

    .game-stats .thead .th:nth-child(3),
    .game-stats tbody .time {
        display: none
    }

    .game-bets .thead .th:nth-child(3) {
        display: table-cell
    }

    .game-stats .table-heading .th {
        padding: 10px
    }
}

@media screen and (max-width:1050px) {
    .top-nav-wrapper .opener {
        display: flex
    }

    .top-nav-wrapper .top-nav {
        position: absolute;
        left: 0;
        top: 30px;
        min-width: 172px;
        background: #242932;
        flex-direction: column;
        align-items: stretch;
        border-radius: 6px;
        box-shadow: 0 0 1px hsla(0, 0%, 100%, .1);
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height .15s ease-out;
        transition: max-height .15s ease-out
    }

    .top-nav-wrapper .top-nav.opened {
        max-height: 230px
    }

    .top-nav-wrapper .top-nav li a:hover,
    .top-nav-wrapper .top-nav li.current a {
        background: #191d23;
        text-decoration: none
    }
}

@media (max-width:380px) {
    .deposit-block .select-field {
        width: 90px;
        font-size: 13px
    }

    .deposit-block .btn {
        width: 80px;
        font-size: 12px
    }

    .header .btn {
        padding: 8px 12px !important;
        font-size: 13px !important
    }
}

@media (max-width:340px) {
    .btn {
        font-size: 12px !important
    }

    .deposit-block .select-field {
        width: 80px;
        font-size: 14px
    }

    .deposit-block .btn {
        width: 70px;
        font-size: 11px
    }

    .header .btn {
        padding: 8px 12px !important
    }
}

@media (max-width:969px) {
    .table-heading .th {
        font-size: 10px;
        padding: 8px 10px
    }

    .table tr td {
        font-size: 11px;
        line-height: 14px
    }

    .table tr td,
    .table tr th {
        padding: 8px 10px
    }
}

@media (min-width:821px) {
    .mr-not-mobile-2 {
        margin-right: .5rem !important
    }
}

.opacity-0 {
    opacity: 0
}

@media (max-width:820px) {
    .header-ontop {
        padding: 15px !important
    }

    .user-profile .user-name .nickname {
        max-width: 200px
    }

    .mobile-nav-component {
        display: block
    }

    .close-btn {
        display: flex
    }

    .mt-mobile-2 {
        margin-top: .5rem !important
    }

    .top-nav-wrapper {
        display: none
    }

    .header .logo {
        display: block
    }

    .sidebar-left {
        display: none
    }

    .header .logo img {
        width: 96px
    }

    .sidebar-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        top: 58px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100% !important;
        bottom: 0;
        height: calc(100% - 20px);
        position: fixed;
        z-index: 999;
        padding-bottom: 58px
    }

    .sidebar-right .tabs-nav {
        display: none
    }

    .sidebar-right.opened {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        box-shadow: 0 0 1px hsla(0, 0%, 100%, .1)
    }

    .bets-table,
    .counter-stats,
    .footer {
        display: none
    }

    .header-ontop {
        max-width: 100%
    }

    .main-container {
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-bottom: 40px
    }

    .main-container:after {
        content: ' ';
        display: block;
        height: 30px;
        width: 100%;
        position: relarive;
        bottom: 0
    }

    .btn.withBadge {
        width: 100%
    }
}

@media (max-height:580px),
(max-width:820px) {
    .user-profile .avatar {
        width: 60px;
        height: 60px;
        margin: 0 10px 0 0;
        padding: 3px
    }

    .user-profile .user-block {
        justify-content: flex-start !important;
        flex-direction: row !important
    }

    .user-profile .user-name .nickname {
        max-width: 140px !important
    }
}

@media (max-width:575px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (min-width:576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem)
    }
}

@media screen and (max-width:499px) {
    .modal-dialog.confirm-modal {
        width: calc(100% - 20px)
    }
}

.tos h1,
.tos h2,
.tos h3 {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 18px
}

.container .section {
    border-radius: 6px;
    background: #272d39;
    color: #fff;
}

.btn-light {
    background: 0 0;
    color: #5e6a7f;
    border: 1px solid #353d48;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .28px;
    padding: 5px 13px;
    white-space: nowrap
}

.btn-light:hover {
    background: #4986f5;
    border-color: #4986f5;
    color: #fff
}

.btn-history {
    width: 100%;
    margin-top: 20px
}

a {
    color: #4986f5
}

a:hover {
    color: #79a6f8;
    text-decoration: none
}

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

.user-profile .user-avatar {
    margin-bottom: 20px
}

.user-profile .user-avatar .close-btn {
    position: absolute;
    right: 15px;
    top: 25px
}

.user-profile .user-name {
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.user-profile .user-name .nickname {
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    max-width: 200px
}

.user-profile .profile-nav {
    list-style: none;
    width: 100%;
    padding-inline-start: 0 !important;
    -webkit-padding-start: 0 !important
}

.user-profile .profile-nav li {
    margin-bottom: 20px;
    background-color: #20242e;
    border-radius: 10px;
    padding: 5px 10px
}

.user-profile .profile-nav li a {
    display: flex;
    align-items: center;
    color: #626d7e;
    line-height: 20px;
    font-size: 14px
}

.user-profile .profile-nav li a:hover {
    color: #fff;
    text-decoration: none
}

.user-profile .profile-nav li a .number-badge {
    position: static;
    top: 0;
    right: 0;
    margin-left: 5px
}

.user-profile .profile-nav li a svg {
    width: 18px;
    height: 18px;
    display: block
}

.user-profile .profile-nav li a .icon-affiliate {
    width: 14px;
    height: 14px
}

.user-profile .profile-nav li a .item-icon {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px
}

.user-profile .profile-nav li a:hover,
.user-profile .profile-nav li.current a {
    color: #fff
}

.user-profile .profile-nav li:last-child {
    margin-bottom: 25px
}

.user-profile .btn-logout {
    display: flex;
    color: #626d7e;
    width: 100%;
    padding: 0;
    background: 0 0;
    font-weight: 400;
    font-size: 14px;
    background-color: #20242e;
    border-radius: 10px;
    padding: 5px 10px
}

.user-profile .btn-logout .item-icon {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 16px
}

.user-profile .btn-logout:hover {
    background: 0 0;
    color: #fff
}

.user-profile .user-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.user-profile .avatar {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    padding: 5px;
    background: hsla(0, 0%, 84.7%, .06);
    display: flex
}

.user-profile .avatar img {
    max-width: 100%;
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%
}

.auth-buttons .btn-light {
    padding: .375rem 1.75rem;
    height: 38px;
    font-size: 1rem;
    text-transform: none
}

.form-label {
    margin-bottom: 10px;
    margin-top: auto;
    font-size: 13px;
    line-height: 14px;
    color: #7f8596;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.username .btn {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100% !important;
    text-align: left
}

.intro-wrapper {
    background: #272d39;
    margin-bottom: 10px;
    border-radius: 6px;
    display: flex;
    height: 62px;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    cursor: pointer;
    outline: 0;
    width: 100%;
    color: #fff;
    border: 0
}

.intro-wrapper .intro-caption {
    display: flex;
    align-items: center;
    margin-right: 15px;
    padding: 0 10px;
    font-size: 14px;
    background: #4986f5;
    min-width: 30px;
    height: 30px;
    border-radius: 5px;
    -webkit-transition: all .1s;
    transition: all .1s
}

.intro-wrapper .intro-caption .icon {
    margin-right: 10px
}

.intro-wrapper .intro-bages {
    display: flex;
    color: #fff
}

.intro-wrapper .intro-bages .intro-bage {
    margin-left: auto;
    padding: 0 10px;
    font-size: 14px;
    background: #6c757d;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-transition: all .1s;
    transition: all .1s
}

.intro-wrapper .intro-btn {
    margin-left: auto;
    font-size: 14px;
    background: #363c4a;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-transition: all .1s;
    transition: all .1s
}

.intro-wrapper:hover .intro-btn {
    background: #4986f5;
    min-width: 36px
}

.intro-wrapper .intro-btn svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media screen and (max-width:499px) {
    .intro-wrapper .intro-bages {
        display: none
    }
}

.history .table {
    margin-bottom: 0 !important
}

.live-params div:nth-child(2) {
    margin-right: 5px
}

.live-language .dropdown button {
    padding: 10px 15px
}

.dropdown-toggle::after {
    color: #828f9a
}

.live-language .dropdown-menu {
    padding: 0
}

.live-language .dropdown-menu button {
    width: 100%;
    height: 40px;
    border-radius: 0;
    cursor: pointer
}

.live-language .dropdown-menu button:first-child {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important
}

.live-language .dropdown-menu button:last-child {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important
}

.live-language .dropdown-menu button:hover {
    background: #2f3542
}

.live-language .dropdown-menu button div {
    display: flex
}

.live-language .dropdown-menu button span {
    margin-left: 10px;
    color: #828f9a;
    font-size: 1rem;
    line-height: 20px
}

.live-item:hover .live-overlay {
    display: flex
}

.live-overlay {
    position: absolute;
    background: #000000b5;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    z-index: 1000;
    padding-top: 20px;
    justify-content: space-evenly;
    display: none
}

.live-overlay button {
    height: 30px;
    margin: 0 !important;
    font-size: 12px;
    border-radius: 50px;
    padding: 3px 30px
}

@media (min-width:821px) and (max-width:1200px) {
    .live-overlay button:nth-child(2) {
        display: none !important
    }
}

.confirm-age {
    font-size: 12px;
    color: #828f9a;
    margin-top: 8px;
    text-align: center
}

.error-data-fetch {
    display: flex;
    justify-content: center;
    min-height: 200px;
    align-items: center;
    font-size: 18px
}

.user_user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.user_name {
    color: #fff;
    display: flex;
    align-items: center;
    font-family: Open Sans, sans-serif;
    font-size: 14px
}

.user_label {
    color: #7d8a98;
    padding-right: 5px
}

.user_date {
    color: #7d8a98
}

.user_btn {
    outline: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    color: #fff;
    font-weight: 400
}

.user_btn:active,
.user_btn:focus,
.user_btn:hover {
    outline: 0
}

.user_btn:hover {
    color: #79a6f8
}

.stats_stats {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    width: 100%
}

.stats_item {
    border: 1px solid hsla(0, 0%, 59.2%, .087);
    border-radius: 6px;
    padding: 10px;
    width: calc(33.333% - 10px)
}

.stats_label {
    text-align: center;
    color: #7d8a98;
    font-size: 13px;
    margin-bottom: 3px;
    white-space: nowrap
}

.stats_value {
    text-align: center;
    font-size: 16px;
    font-family: Exo\ 2, Open Sans, sans-serif;
    font-weight: 600;
    color: #fff
}

.stats_value .bet-number {
    padding-left: 15px
}

.stats_value .bet-number svg {
    left: -18px;
    margin-top: 1px;
    font-size: 14px;
    line-height: 14px
}

@media (max-width:480px) {
    .stats_item {
        width: calc(33.333% - 5px)
    }
}

.game_game {
    background: #232833;
    padding: 20px;
    margin: 0 -36px 20px;
    text-align: center
}

@media (max-width:480px) {
    .game_game {
        padding: 16px;
        margin: 0 -32px 16px
    }
}

.copy-tooltip {
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 5px 15px;
    font-size: 11px;
    width: 80%;
    text-align: center;
    -webkit-transform: translate3d(-50%, 30px, 0);
    transform: translate3d(-50%, 30px, 0);
    opacity: 0;
    color: #fff
}

.copy-tooltip.visible {
    -webkit-animation: floatup 1s 1;
    animation: floatup 1s 1
}

@-webkit-keyframes floatup {
    20% {
        opacity: .999
    }

    to {
        -webkit-transform: translate3d(-50%, -17px, 0);
        transform: translate3d(-50%, -17px, 0);
        opacity: 0
    }
}

@keyframes floatup {
    20% {
        opacity: .999
    }

    to {
        -webkit-transform: translate3d(-50%, -17px, 0);
        transform: translate3d(-50%, -17px, 0);
        opacity: 0
    }
}

.fair_fair {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.fair_fair .input-field {
    background: #232833
}

.fair_inputGroup {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    position: relative
}

.fair_inputGroup:last-child {
    margin-bottom: 0
}

.fair_inputGroup .fair_btn {
    margin-top: auto;
    font-size: 14px;
    touch-action: manipulation;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    line-height: 1.5;
    cursor: pointer;
    background: #232833;
    color: #fff;
    border-radius: 0 6px 6px 0;
    padding: 0 15px;
    height: 40px;
    outline: 0
}

.fair_inputGroup .fair_btn .icon-edit {
    font-size: 14px
}

.fair_inputGroup .fair_btn .icon-copy {
    font-size: 17px
}

.fair_inputGroup .fair_btn .fair_icon {
    background: #1c2029;
    display: flex;
    padding: 5px;
    margin: 0 -5px;
    border-radius: 6px
}

.fair_inputGroup .fair_btn:active,
.fair_inputGroup .fair_btn:focus,
.fair_inputGroup .fair_btn:hover {
    outline: 0
}

.fair_inputGroup .fair_btn:hover {
    background: #1c2029
}

.fair_inputGroup .form-field,
.fair_inputGroup label {
    width: 100%;
    margin-bottom: 0
}

.fair_inputGroup .input-field {
    border-radius: 6px 0 0 6px
}

.fair_inputGroup .copy-tooltip {
    width: 150px
}

.fair_status__xBe0Y {
    text-align: center
}

.fair_info {
    background: #232833;
    padding: 10px;
    color: #7f8596;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 6px 6px;
    margin: 0 -20px -20px
}

.fair_info .fair_icon {
    background: #1c2029;
    display: flex;
    padding: 5px;
    border-radius: 6px;
    color: #fff;
    margin: 0 3px
}

.view_view {
    margin-left: auto;
    margin-right: auto;
    width: 500px
}

@media (max-width:499px) {
    .view_view {
        width: calc(100% - 14px)
    }
}

.view_view .modal-content {
    background: #2d3340
}

.view_view .error-fallback {
    max-width: 100%
}

.view_container {
    padding: 0 20px
}

@media (max-width:480px) {
    .view_container {
        padding: 0 16px
    }
}

.header_header {
    padding: 20px;
    margin: 0 -20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .087)
}

@media (max-width:480px) {
    .header_header {
        padding: 16px;
        margin: 0 -16px 16px
    }
}

.header_gameId {
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #fff
}

.header_gameId .icon {
    font-size: 18px;
    margin-right: 8px
}

@media (max-width:480px) {
    .header_gameId {
        font-size: 15px
    }

    .header_gameId .icon {
        display: none
    }
}

.header_socials {
    display: flex
}

.header_socials>span {
    margin-left: 6px
}

.header_socials>span:first-child {
    margin-left: 0
}

.header_btn {
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #394150;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    padding: 0;
    border: 0;
    cursor: pointer;
    outline: 0
}

.header_btn.header_full {
    width: auto;
    height: 30px;
    padding: 0 10px;
    color: #7d8a98;
    background: 0 0;
    border: 1px solid hsla(0, 0%, 59.2%, .087);
    text-transform: none
}

.header_btn.header_full:not([disabled]):hover {
    color: #fff;
    background: 0 0
}

.header_btn.header_full svg {
    fill: #fff;
    margin-right: 8px
}

.header_btn[disabled] {
    pointer-events: none;
    opacity: .8;
    cursor: default
}

.header_btn:not([disabled]):hover {
    background: #4986f5;
    color: #fff
}

.header_btn:not([disabled]):hover svg {
    fill: #fff
}

.header_btn:active,
.header_btn:focus,
.header_btn:hover {
    outline: 0
}

.header_close {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: 0;
    background: 0 0;
    border: none;
    margin: 0 -8px 0 10px
}

.header_close:hover svg {
    fill: #fff
}

.header_close svg {
    width: 13px;
    height: 13px;
    display: block;
    fill: hsla(0, 0%, 100%, .13);
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn-captcha {
    width: 100%;
    height: 44px
}

.recaptcha div:first-child {
    margin: 0 auto 15px
}

@media (max-width:480px) {
    .header_xsHide {
        display: none
    }
}

@media (min-width:480px) {
    .header_mdHide {
        display: none
    }
}/*!
 * Selector 01.06.2022
 */
@tailwind base;
@tailwind components;
@tailwind utilities;
@-webkit-keyframes isSlidingFrame {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0;
    }
}
@keyframes isSlidingFrame {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0;
    }
}
@-webkit-keyframes floatup {
    20% {
        opacity: 0.999;
    }
    to {
        transform: translate3d(-50%, -17px, 0);
        opacity: 0;
    }
}
@keyframes floatup {
    20% {
        opacity: 0.999;
    }
    to {
        transform: translate3d(-50%, -17px, 0);
        opacity: 0;
    }
}

@-webkit-keyframes messageRain {
    0% {
        background-position: 0 -1000px;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes messageRain {
    0% {
        background-position: 0 -1000px;
    }
    to {
        background-position: 0 0;
    }
}
@font-face {
    font-weight: 400;
    font-family: Rubik;
    font-style: normal;
    src: url(/assets/Rubik-Regular-B3FUqZG-.woff2) format("woff2"), url(/assets/Rubik-Regular-2F2Z4l8-.woff) format("woff");
    font-display: swap;
}
@font-face {
    font-weight: 500;
    font-family: Rubik;
    font-style: normal;
    src: url(/assets/Rubik-Medium-xAMS_UWr.woff2) format("woff2"), url(/assets/Rubik-Medium-ByWW2ru6.woff) format("woff");
    font-display: swap;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-transition: none;
    transition: none;
}
html {
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body,
html {
    width: 100%;
    height: 100%;
}
body {
    height: 100%;
    color: #fff;
    font-family: Rubik, Arial, sans-serif !important;
    line-height: 1.25;
    background: #20242d;
    -webkit-overflow-scrolling: touch;
}
:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb {
    background: #232833;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background: #232833;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

::-moz-selection {
    color: #fff;
    background: #000;
}
::selection {
    color: #fff;
    background: #000;
}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
a,
button {
    font: inherit;
    text-decoration: none;
}
input {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
a,
button,
input,
label,
textarea {
    touch-action: manipulation;
}
button {
    color: #fff;
    background-color: initial;
    border: 0;
    outline: none !important;
}
a {
    color: #047cfc;
}
a:hover {
    color: #79a6f8;
}
a:active,
a:focus {
    outline: none !important;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
img {
    vertical-align: middle;
    border-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0;
}
.app {
    width: 100%;
    height: 1px;
    min-height: 100%;
}
.btn {
    align-items: center;
    padding: 9px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    font-family: Rubik, Arial, sans-serif;
    text-decoration: none;
    background: linear-gradient(45deg, #047cfc, #0064ff);
    border: 1px solid transparent;
    border-radius: 5px;
    outline: none !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:hover {
    color: inherit;
    background: #0064ff;
}
.btn[disabled] {
    cursor: not-allowed;
    opacity: 0.8;
    pointer-events: none;
}
.btn:not(.btnLight).btnGreen {
    background: #219a19;
}
.btn:not(.btnLight).btnGreen:not(.disabled):hover {
    background: #187312;
}
.btn:not(.btnLight).btnGray {
    color: inherit;
    background: #272d39;
}
.btn:not(.btnLight).btnGray:not(.disabled):hover {
    background: #12151b;
}
.btn:not(.btnLight).btnRed {
    background: #e86376;
}
.btn:not(.btnLight).btnRed:not(.disabled):hover {
    background: #e1374f;
}
.btn:not(.btnLight).btnTransparent,
.btn:not(.btnLight).btnTransparent:not(.disabled):hover {
    background: transparent;
}
.btn:not(.btnLight).btnTransparent {
    color: #7d8a98;
}
.btn:not(.btnLight).btnTransparent:hover {
    color: #fff;
}
.btn.btnLight {
    color: #6b768a;
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, 0.08);
    box-shadow: none;
}
.btn.btnLight:not(.disabled):hover {
    color: #fff;
    background: #047cfc;
    border-color: #047cfc;
}
.btn.btnLight.btnGreen {
    color: #fff;
    border-color: #2dc53a;
}
.btn.btnLight.btnGreen:not(.disabled, .isActive):hover {
    color: #2dc53a;
    background: transparent;
    border-color: #2dc53a;
}
.btn.btnLight.btnGreen.isActive {
    color: #fff;
    background: #2dc53a;
    border-color: #2dc53a;
}
.btn.btnLight.btnGray {
    color: #fff;
    border-color: #272d39;
}
.btn.btnLight.btnGray:not(.disabled, .isActive):hover {
    color: #272d39;
    background: transparent;
    border-color: #272d39;
}
.btn.btnLight.btnGray.isActive {
    color: #fff;
    background: #272d39;
    border-color: #272d39;
}
.btn.btnLight.btnRed {
    color: #fff;
    border-color: #e86376;
}
.btn.btnLight.btnRed:not(.disabled, .isActive):hover {
    color: #e86376;
    background: transparent;
    border-color: #e86376;
}
.btn.btnLight.btnRed.isActive {
    color: #fff;
    background: #e86376;
    border-color: #e86376;
}
.btn.btnLight.btnTransparent {
    color: #fff;
    border-color: transparent;
}
.btn.btnLight.btnTransparent:not(.disabled, .isActive):hover {
    color: transparent;
    background: transparent;
    border-color: transparent;
}
.btn.btnLight.btnTransparent.isActive {
    color: #fff;
    background: transparent;
    border-color: transparent;
}
.menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    box-sizing: border-box;
    min-width: 10rem;
    margin: 0.125rem 0 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 6px;
}
.menu .item {
    display: block;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 0.25rem 1.5rem;
    color: #212529;
    font-weight: 400;
    font-size: medium;
    white-space: nowrap;
    text-align: inherit;
    background-color: initial;
    border: 0;
}
.menu .item:first-child {
    border-radius: 6px 6px 0 0;
}
.menu .item:last-child {
    border-radius: 0 0 6px 6px;
}
.menu .item:focus,
.menu .item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: none;
}
.menu .item.active,
.menu .item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
.menu .item:not(.active),
.menu .item:not([disabled]) {
    cursor: pointer;
}
.copyTooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 80%;
    margin-bottom: 6px;
    padding: 5px 15px;
    font-size: 11px;
    text-align: center;
    background: #00000080;
    border-radius: 5px;
    transform: translate3d(-50%, 30px, 0);
    opacity: 0;
    pointer-events: none;
}
.copyTooltip.visible {
    opacity: 1;
    -webkit-animation: floatup 1s 1;
    animation: floatup 1s 1;
}
.loader {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.loader img {
    width: 40px;
    height: 40px;
}
.loaderCentred {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.loaderCentred img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.loaderCentred img.loaderLogo {
    bottom: 120px;
    width: 100%;
    height: 175px;
}
.loaderHalf {
    height: 50vh;
}
.loaderAddress {
    position: sticky !important;
    height: 200px !important;
    transform: none !important;
}
.loaderFull {
    z-index: 100000;
    width: 100%;
    height: 100%;
    background: #1c2028;
}
.loaderClub {
    position: relative;
    top: 0;
    height: 250px;
    transform: translate(-50%);
}
.loaderBanners {
    position: relative;
    top: 0;
    height: 210px;
    text-align: center;
}
.loaderSettings {
    position: relative;
    height: 250px;
    transform: translate(-50%);
}
.loaderLanging {
    position: relative;
    height: 100px;
    transform: translate(-50%);
}
.maintenance {
    position: absolute;
    top: calc(50% + 51px);
    left: 50%;
    z-index: 100001;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    transform: translate(-50%, -50%);
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@media screen and (max-width: 969px) {
    .btn {
       /*  font-size: 12px; */
    }
}
@media screen and (max-width: 900px) {
    .btn {
       /*  padding: 7px 15px; */
    }
}
.content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.content.full {
    padding: 0 15px;
}
.content.full .header {
    margin: auto;
    padding: 0;
}
.content.full .wrapper {
    max-width: 1250px;
    margin: auto;
    padding: 0;
}
.content.full .wrapper .landingWrapper {
    width: 100%;
}
.content.full .wrapper .landingWrapper .section {
    padding: 0 30px;
}
.content.full .wrapper .landingWrapper .section.landingSliderSection,
.content.full .wrapper .landingWrapper .section.landingMenuSection,
.content.full .wrapper .landingWrapper .section.landingGamesSection {
    padding: 0;
}
.content.full .wrapper .footer,
.content.full .wrapper .section {
    width: 100%;
    padding: 0;
}
.content.full .wrapper,
.content.home .wrapper,
.content.sport .footer {
    max-width: 100%;
}
.wrapper {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.contentWrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.contentWrapper .contentScroll {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: scroll-position;
    scrollbar-color: rgba(67, 75, 83, 0.1) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.contentWrapper .contentScroll::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}
.contentWrapper .contentScroll::-webkit-scrollbar-thumb {
    background: #434b531a;
    border-radius: 10px;
}
.mainContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 100%;
    padding: 0;
}
.mainContainer.sportContainer {
    height: 100%;
}
.mainContainer .section {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}
.mainContainer .section .container {
    padding: 0;
}
.mainContainer .section .pageLoader {
    position: relative;
    display: block;
    width: 100%;
    margin: 20vh 0;
    margin-top: calc(20vh - 2.5rem);
    text-align: center;
    pointer-events: none;
}
@media (min-width: 1100px) {
    .mainContainer .section {
        width: calc(100% - 60px);
    }
}
.footerWrapper {
    margin-top: 20px;
    background-color: #191d25;
}
@media (max-width: 900px) {
    .footerWrapper {
        margin: 20px -15px 0;
        padding: 15px;
    }
}
.footerWrapperNoTop {
    margin-top: 0;
}
.footer {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}
@media (min-width: 1100px) {
    .footer {
        width: calc(100% - 60px);
    }
}
.footer .paySystems {
    display: flex;
    width: calc(100% + 10px);
    margin: 24px -10px 0;
    padding-bottom: 5px;
}
.footer .paySystems .paySystemImage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    height: 100%;
    margin: 0 5px;
    padding: 10px 0;
    background: #20242d;
    border-radius: 5px;
}
.footer .paySystems .paySystemImage img {
    height: 24px;
}
.footer .footerContent {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 20px 0 10px;
    color: #5e6a7f;
    font-weight: 500;
    font-size: 11px;
    background-color: #191d25;
}
.footer .footerContent .footerLeft {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}
.footer .footerContent .footerLeft .footerNav {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}
.footer .footerContent .footerLeft .footerNav li {
    display: inline-block;
    margin-right: 10px;
}
.footer .footerContent .footerLeft .footerNav li:last-child {
    margin-right: 0;
}
.footer .footerContent .footerLeft .footerNav a {
    display: flex;
    align-items: center;
    color: #828f9a;
    font-size: 11px;
    cursor: pointer;
}
.footer .footerContent .footerLeft .footerNav a:focus,
.footer .footerContent .footerLeft .footerNav a:hover,
.footer .footerContent .footerLeft .footerNav a.active {
    color: #fff;
}
.footer .footerContent .footerLeft .footerNav:last-child {
    margin-bottom: 0;
}
.footer .footerContent .footerLeft .footerSocial a svg {
    width: 14px;
    margin-right: 3px;
    margin-bottom: 2px;
    color: #047cfc;
}
.footer .footerContent .footerRight {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
    padding: 15px 0;
    border-top: 1px solid #2d3340;
    border-bottom: none;
}
.footer .footerContent .footerRight .footerLogos {
    display: flex;
}
.footer .footerContent .footerRight .footerLogos .footerItem {
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #828f9a;
    font-size: 12px;
    border-right: 1px solid #2c3240;
}
.footer .footerContent .footerRight .footerLogos .footerItem:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
.footer .footerContent .footerRight .footerLogos .footerItem a svg {
    color: #5e6a7f;
    fill: #5e6a7f;
}
.footer .footerContent .footerRight .footerLogos .footerItem a svg,
.footer .footerContent .footerRight .footerLogos .footerItem a img {
    height: 22px;
}
.footer .footerContent .footerRight .footerLogos .footerItem .footerLicense {
    display: inline-block;
    width: 80px;
    height: 22px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0;
}
.footer .footerContent .footerRight .footerLogos .footerItem .footerLicense path {
    fill: #fff;
}
.footer .footerContent .footerRight .footerLogos .footerItem .footerCert {
    display: inline-block;
    width: 22px;
    height: 22px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0;
}
.footer .footerContent .footerCopyright,
.footer .footerContent .footerRight .footerName {
    padding-bottom: 10px;
}
.footerLeft .footerCopyright {
    width: 100%;
    color: #fff;
}
.footerRight .footerRight {
    display: flex;
    max-width: 400px;
    text-align: right;
}
.footer .footerContent .footerRight .footerName {
    display: flex;
    color: inherit;
    text-align: right;
}
@media (max-height: 479px) {
    .leftWrapper .leftContainer .leftNav li {
        margin-bottom: 10px;
    }
}
@media (max-height: 479px) {
    .leftWrapper .leftContainer .leftNav li {
        margin-bottom: 5px;
    }
}
@media (max-width: 1326px) {
    .footer .footerContent .footerRight .footerLogos .footerItem {
        max-width: 195px;
    }
    .footer .footerContent .footerRight .footerLogos .footerItem:last-child {
        max-width: 125px;
    }
}
@media (max-width: 1200px) {
    .footer .footerContent .footerRight .footerLogos {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .footer .footerContent .footerRight .footerLogos .footerItem {
        flex-direction: initial;
        border-right: 0;
    }
    .footer {
        margin: 0 auto;
        padding: 0;
    }
    .footer .footerContent .footerRight .footerName {
        display: block;
        max-width: 100%;
        text-align: center;
    }
    .footer .footerContent .footerLeft .footerNav:first-child {
        justify-content: flex-start;
    }
    .footer .footerContent .footerLeft .footerNav li {
        margin: 0 5px 5px 0;
    }
    .footer .footerContent .footerRight .footerLogos .footerItem > span {
        display: inline-block;
    }
}
@media (max-width: 1099px) {
    .footer {
        padding: 0 15px;
    }
}
@media (max-width: 1099px) {
    .mainContainer .section {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 969px) {
    .footer {
        margin: 0 auto;
    }
}
@media (max-width: 900px) {
    .content {
        padding: 0;
    }
    .wrapper {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
        padding-left: 0;
    }
    .contentWrapper .contentScroll::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }
    .mainContainer .section,
    .footer {
        padding: 0;
    }
    .footer .paySystems {
        margin: 5px -10px 0;
        padding-top: 15px;
    }
    .footer .paySystems .paySystemImage img {
        height: 20px;
    }
    .footer .footerContent .footerRight .footerName {
        padding-bottom: 20px;
    }
    .footer .footerContent .footerRight .footerLogos {
        justify-content: center !important;
    }
    .footer .footerContent .footerRight .footerLogos a {
        margin: 0 10px;
    }
}
@media (max-width: 500px) {
    .footer .paySystems .paySystemImage img {
        height: 18px;
    }
}
@media (max-width: 468px) {
    .footer .footerContent .footerRight {
        justify-content: space-between;
    }
    .footer .footerContent .footerLeft .footerNav li {
        margin: 0 5px 5px 0;
    }
    .footer .footerContent .footerLeft .footerNav li:last-child {
        margin: 0;
    }
    .footer .footerContent .footerLeft {
        flex-direction: row;
        justify-content: space-between;
    }
    .footer .footerContent .footerRight .footerLogos .footerItem {
        margin-right: 0;
        padding: 0;
        border: 0;
    }
    .footer .footerContent .footerRight .footerLogos .footerItem > span {
        display: inline-block;
    }
    .footer .footerContent .footerRight .footerLogos {
        justify-content: space-between;
        width: 100%;
    }
}
@media (max-width: 468px) and (max-width: 441px) {
    .footer .footerContent .footerRight .footerLogos {
        flex-wrap: wrap;
        gap: 15px;
    }
}
@media (max-width: 460px) {
    .footer .paySystems .paySystemImage {
        margin: 0;
        padding: 0;
        background: transparent;
    }
    .footer .paySystems .paySystemImage img {
        height: 18px;
    }
}
@media (min-width: 901px) {
    .contentWrapper .contentScroll {
        padding-top: 20px;
    }
}
@media (max-width: 900px) {
    .contentWrapper .contentScroll {
        padding: 20px 15px 0;
    }
}
.langDropdown {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.langDropdown .btnLang {
    display: flex;
    align-items: center;
    width: 170px;
    height: 42px;
    padding: 0 8px;
    border: 1px solid #343b48;
    border-radius: 4px;
    cursor: pointer;
}
.langDropdown .btnLang .btnContent {
    display: flex;
    align-items: center;
    width: 100%;
}
.langDropdown .btnLang .btnContent svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
.langDropdown .btnLang .btnContent .opener {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: auto;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.langDropdown .btnLang .btnContent .opener svg {
    width: 100%;
    height: 100%;
    margin-right: 0;
    fill: #7f8596;
}
.langDropdown .btnLang .btnContent .opener.open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.langDropdown .menu {
    position: absolute;
    top: auto;
    right: inherit;
    bottom: 100%;
    left: 0;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 100%;
    margin: 12px 0 10px;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.langDropdown .menu.open {
    display: block;
}
.langDropdown .menu .item {
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    color: #000000bf;
    font-weight: 400;
    font-size: 13px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.langDropdown .menu .item.active {
    background-color: #e1e1e1;
}
.langDropdown .menu .item svg {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.langDropdown .menu .item:last-child {
    border-bottom: 1px solid transparent;
}
.langDropdown .menu .item:active,
.langDropdown .menu .item:focus,
.langDropdown .menu .item:hover {
    background-color: #f1f1f1;
}
.langDropdown .menu .item:not(.active),
.langDropdown .menu .item:not([disabled]) {
    cursor: pointer;
}
.header {
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 320px;
    height: 75px;
    min-height: 75px;
    padding: 0 15px;
    line-height: 1;
    background: #20242d;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}
.header .headerInnerWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 320px;
    max-width: 1250px;
    height: 75px;
    min-height: 75px;
    margin: 0 auto;
}
@media (max-width: 900px) {
    .header .headerInnerWrapper {
        flex: 0 0 60px;
        width: 100%;
        min-width: 100%;
        background: #20242d;
        border-color: transparent;
    }
}
@media (max-width: 400px) {
    .header .headerInnerWrapper {
        justify-content: space-between;
        width: 100%;
    }
}
.header .headerInnerWrapper .header-block {
    display: block;
}
.header .headerInnerWrapper .auth-buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
}
.header .headerInnerWrapper .auth-buttons .btn {
    height: 100%;
    padding: 9px 20px;
    font-size: 1rem;
    text-wrap: nowrap;
}
.header .headerInnerWrapper .auth-buttons .btn:first-child {
    margin-right: 10px;
}
.header .headerInnerWrapper .right {
    display: flex;
}
.header .headerInnerWrapper .right .btnChangeMode {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    background-color: #272d39;
    border-radius: 5px;
    cursor: pointer;
}
.header .headerInnerWrapper .right .btnChangeMode:hover {
    background-color: #2d3340;
}
.header .headerInnerWrapper .right .btnChangeMode:hover svg {
    fill: #fff;
}
.header .headerInnerWrapper .right .btnChangeMode svg {
    font-size: 14px;
    fill: #748198;
}
.header .headerInnerWrapper .right .btnChangeMode .iconWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.header .headerInnerWrapper .right .btnChangeMode .iconSecond {
    position: absolute;
    top: 50%;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header .headerInnerWrapper .right .btnChangeMode .iconSecond svg {
    font-size: 9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header .headerInnerWrapper .header-inner {
    display: flex;
    align-items: center;
    justify-content: end;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer {
    display: flex;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper {
    position: relative;
    display: flex;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .btn:not(.btnLight).btnLight-gray:not(.disabled):hover {
    background: #454d60;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown {
    position: static;
    display: flex;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .coin svg {
    fill: #2dc53a;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .demo svg {
    fill: #ffc645;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn {
    height: 100%;
    min-height: 38px;
    padding: 0 8px;
    background-color: #2e3542;
    border-radius: 6px 0 0 6px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn:hover {
    background-color: #3a4151;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn .headerWalletBtnContent,
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn .headerWalletBtnContent .headerWalletBtnSelected {
    display: flex;
    align-items: center;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn .headerWalletBtnContent .headerWalletBtnSelected svg {
    width: 14px;
    height: 14px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu {
    width: 100%;
    background-color: #2d3340;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem {
    padding: 10px 15px;
    font-size: 14px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem:hover {
    background-color: #2b303c;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem:active {
    background-color: #363c4b;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem .headerWalletCurrencyMenuItem {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem .headerWalletCurrencyMenuItem > span {
    padding-left: 18px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem .headerWalletCurrencyMenuItem svg {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem .headerWalletCurrencyMenuItem.HeaderWalletCurrencyCoin svg {
    fill: #2dc53a;
}
.header
    .headerInnerWrapper
    .header-inner
    .headerWalletContainer
    .headerWalletWrapper
    .headerWalletDropdown
    .headerWalletCurrencyMenu
    .headerWalletCurrencyItem
    .headerWalletCurrencyMenuItem.HeaderWalletCurrencyCoin
    .headerWalletCurrencyValue {
    color: #2dc53a;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem .headerWalletCurrencyMenuItem.HeaderWalletCurrencyDemo svg {
    fill: #ffc645;
}
.header
    .headerInnerWrapper
    .header-inner
    .headerWalletContainer
    .headerWalletWrapper
    .headerWalletDropdown
    .headerWalletCurrencyMenu
    .headerWalletCurrencyItem
    .headerWalletCurrencyMenuItem.HeaderWalletCurrencyDemo
    .headerWalletCurrencyValue {
    color: #ffc645;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem .headerWalletCurrencyMenuItem .headerWalletCurrencyValue {
    margin-left: auto;
    padding: 4px 6px;
    font-size: 12px;
    background-color: #3a4151;
    border-radius: 3px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .btn {
    justify-content: center;
    width: auto;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .btnWallet {
    font-size: 15px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .btnWallet .btnWalletContent {
    display: flex;
    justify-content: center;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .btnWallet .btnWalletContent .icon {
    transform: translateY(-1px);
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .btnWallet .btnWalletContent span {
    margin-left: 5px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .btnWallet.isMobile {
    min-width: 40px;
    height: 36px;
    padding: 0 12px;
    font-size: 13px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    padding: 0 15px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown {
    position: absolute;
    top: 100%;
    right: 15px;
    left: inherit;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 200px;
    margin: 12px 0 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown.open {
    display: block;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item {
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #000000bf;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item:active,
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item:focus,
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item:hover {
    background-color: #f1f1f1;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item:first-child {
    border-radius: 4px 4px 0 0;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item > div {
    display: flex;
    align-items: center;
    width: 100%;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item > div .badge {
    width: 36px;
    margin-right: 8px;
    color: #0009;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background: #e5e5e5;
    border-radius: 2px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item > div .badge.wide {
    width: 48px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown .item.active > div .badge {
    color: #fff;
    background: #219a19;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown:before {
    position: absolute;
    top: -8px;
    right: 12px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 0 6px 8px;
    content: "";
}
@media (max-width: 900px) {
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .dropdown:before {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency {
    display: inline-block;
    padding: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    border: 0;
    border-radius: 4px;
    outline: none;
    transition: none;
    -webkit-user-select: none;
    user-select: none;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1px 0 4px;
    color: #828f9a;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceLabel svg {
    width: 8px;
    margin-top: -1px;
    margin-right: 0;
    margin-left: 5px;
    fill: #828f9a;
}
@media (max-width: 900px) {
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceLabel {
        margin: 0 0 1px;
        font-size: 10px;
    }
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceLabel svg {
        margin-top: 0;
        margin-left: 6px;
    }
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceInput {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    line-height: 17px;
    text-align: center;
    cursor: pointer;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceInput .animatedNumber {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceInput .animatedNumber .balanceIcon {
    display: -webkit-flex;
    display: flex;
    margin-left: 0.2em;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceInput .animatedNumber .animatedBlock {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #e86376;
    font-weight: inherit;
    font-size: inherit;
    white-space: nowrap;
    opacity: 0;
    -webkit-animation-name: balance;
    animation-name: balance;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    will-change: transform;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceInput .animatedNumber.isPositive .animatedBlock {
    color: #2dc53a;
    animation-direction: reverse;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceInput .animatedNumber.isAnimate .animatedBlock {
    -webkit-animation-name: isSlidingFrame;
    animation-name: isSlidingFrame;
}
@media (max-width: 340px) {
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput .btnCurrency .currencyContent .balanceInput {
        font-size: 14px;
        line-height: 14px;
    }
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput svg {
    width: 16px;
    height: 16px;
    margin: 1px 7px 0 0;
    color: #5e6a7f;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs {
    display: flex;
    margin-left: 10px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn {
    width: 40px;
    height: 40px;
    background: #272d39;
    border: 0;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn svg {
    font-size: 22px;
    fill: #4f5869;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn.active {
    background: #2e3542;
    cursor: default;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn.active svg {
    fill: #fff;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn:focus {
    outline: none;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn:hover {
    background: #2e3542;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn:hover svg {
    fill: #fff;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .headerWalletTabsBtn:first-child {
    margin-right: 10px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown.open .menu {
    display: block;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0 6px;
    background-color: #272d39;
    border-radius: 5px;
    cursor: pointer;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab:hover {
    background-color: #2d3340;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab:hover .btnContent svg {
    fill: #fff;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab.isMobile {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    min-width: 36px;
    height: 100%;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab.isMobile .btnContent .iconSecond {
    display: none;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent svg {
    font-size: 14px;
    fill: #748198;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent .iconWrapper {
    width: 32px;
    height: 32px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent .iconSecond {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent .iconSecond svg {
    font-size: 16px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent .iconSecond svg.icon-close {
    font-size: 9px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent .iconSecond,
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .btnTab .btnContent .iconWrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: inherit;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 240px;
    margin: 12px 0 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu:before {
    position: absolute;
    top: -8px;
    right: 12px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 0 6px 8px;
    content: "";
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 54px;
    padding: 0 12px;
    color: #fff;
    font-size: 14px;
    background: #e5e5e5;
    border-radius: 3px 3px 0 0;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser .avatar {
    width: 27px !important;
    height: 27px !important;
    margin: 0 8px 0 0;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser .avatar > div {
    width: 27px !important;
    height: 27px !important;
    font-family: Rubik, Arial, sans-serif;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser .avatar div div {
    font-size: 14px !important;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #000000bf;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser a img {
    height: 24px;
    margin-right: 8px;
    border-radius: 3px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser a .name {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser a:hover {
    color: #79a6f8;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser .btnId {
    margin-left: auto;
    color: #8c8c8c;
    font-size: 13px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser .btnId span {
    margin-left: 4px;
    padding: 5px 6px;
    color: #000000bf;
    background: #d6d6d6;
    border-radius: 2px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnUser .copyTooltip {
    right: -50px;
    left: inherit;
    max-width: 120px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    color: #000000bf;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item:active,
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item:focus,
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item:hover {
    background-color: #f1f1f1;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item:not(.b_active__b-pzJ),
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item:not([disabled]) {
    cursor: pointer;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item.first {
    border-radius: 4px 4px 0 0;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item.last {
    border-radius: 0 0 4px 4px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item:last-child {
    border-bottom: 1px solid transparent;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item .iconWrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    background: #e5e5e5;
    border-radius: 2px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .item .iconWrapper svg {
    font-size: 16px;
    fill: #0009;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnLogout {
    padding: 0;
    border-bottom: 0;
    border-radius: 0 0 3px 3px;
}
.header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown .menu .btnLogout button {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 10px 12px;
    color: #00000080;
    outline: none;
}
@media (max-width: 900px) {
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs .dropdown {
        height: 36px;
        margin-right: 0;
    }
}
@media (min-width: 901px) {
    .header .headerInnerWrapper .header-inner {
        width: 100%;
    }
}
.header .headerInnerWrapper .top-nav-wrapper {
    position: relative;
}
.header .headerInnerWrapper .top-nav-wrapper .opener {
    display: none;
    flex-direction: column;
    align-items: stretch;
    width: 20px;
    background-color: initial;
    border: 0;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header .headerInnerWrapper .top-nav-wrapper .opener .bar {
    width: 100%;
    height: 2px;
    margin-bottom: 5px;
    background: #fff;
    border-radius: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header .headerInnerWrapper .top-nav-wrapper .opener .bar:last-child {
    margin-bottom: 0;
}
.header .headerInnerWrapper .top-nav-wrapper .opener.open .bar:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 1px;
    transform-origin: 0 1px;
}
.header .headerInnerWrapper .top-nav-wrapper .opener.open .bar:nth-child(2) {
    width: 0;
}
.header .headerInnerWrapper .top-nav-wrapper .opener.open .bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 1px;
    transform-origin: 0 1px;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav {
    z-index: 1;
    display: flex;
    align-items: center;
    list-style: none;
    border-bottom: 1px solid #2e3542;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav .icon {
    top: -2px;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav .icon-gamepad {
    width: 16px;
    height: 16px;
    margin-top: -1px;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav .icon-tasks {
    margin-top: 0;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li {
    position: relative;
    margin-right: 3px;
    margin-bottom: -1px;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li:last-child {
    margin-right: 0;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li svg {
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .icon-a {
    width: 10px;
    height: 10px;
    margin: 0;
    fill: #2a2f3c;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .badge {
    position: absolute;
    top: -2px;
    right: -5px;
    z-index: 1;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    background: #047cfc;
    border-radius: 50%;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    color: #828f9a;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.21px;
    background-color: initial;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn i,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li a i {
    display: block;
    margin-right: 5px;
    font-size: 16px;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn i.icon-shopping-basket,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li a i.icon-shopping-basket {
    position: relative;
    top: -1px;
    font-size: 13px;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn.active,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn:focus,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn:hover,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li a.active,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li a:focus,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li a:hover {
    color: #fff;
    border-bottom: 1px solid #047cfc;
    border-radius: 0;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn.active,
.header .headerInnerWrapper .top-nav-wrapper .top-nav li a.active {
    cursor: default;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li.current a {
    color: #fff;
    background: #272d39;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li:focus {
    outline: none;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle {
    position: relative;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle .btn {
    width: 100%;
    padding: 8px 28px 8px 13px;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle .icon-down {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.15s ease-out;
    transition: -webkit-transform 0.15s ease-out;
    transition: transform 0.15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle > ul {
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 3;
    flex-direction: column;
    align-items: stretch;
    min-width: 120px;
    max-height: 0;
    overflow: hidden;
    background: #272d39;
    border-radius: 2.5px;
    box-shadow: 0 0 1px #ffffff1a;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle > ul.isOpen {
    max-height: 250px;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle > ul li {
    margin-right: 0;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle > ul li a {
    padding: 15px 13px;
    white-space: nowrap;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle > ul li a:hover {
    color: #fff;
    background: #20242d;
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle.isOpen .icon-down {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.header .headerInnerWrapper .top-nav-wrapper .top-nav li .tagNew:before {
    position: absolute;
    top: -9px;
    right: 0;
    padding: 0 5px;
    color: #fff;
    font-size: 9px;
    background-color: #d02121;
    border-radius: 5px;
    content: "NEW";
}
@media (max-width: 1350px) {
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn,
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li a {
        padding: 8px 5px;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle .btn {
        padding: 8px 23px 8px 8px;
    }
}
@media (max-width: 1250px) {
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .btn svg,
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li a svg {
        display: none;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle .btn {
        display: inline-block !important;
    }
}
@media (max-width: 1169px) {
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li a {
        padding: 8px;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li a svg {
        display: none;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle .btn {
        padding: 8px;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle svg {
        display: none;
    }
}
@media (max-width: 1099px) {
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li {
        margin-right: 0;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li a {
        padding: 8px;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li a svg {
        width: 12px;
        height: 12px;
        margin-right: 4px;
    }
}
@media (max-width: 1050px) {
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle > ul {
        top: 30px;
        width: 100%;
        background: #20242d;
    }
}
@media (max-width: 991px) {
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .badge {
        top: 8px;
        right: 5px;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li a svg {
        display: inline-block;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle .btn {
        display: none;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle ul {
        position: relative;
        top: 0;
        max-height: 100%;
        overflow: visible;
        background: transparent;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle ul li a {
        padding: 8px 13px;
    }
    .header .headerInnerWrapper .top-nav-wrapper .top-nav li .toggle svg {
        display: inline-block;
    }
}
@media (max-width: 900px) {
    .header .headerInnerWrapper .top-nav-wrapper {
        display: none;
    }
}
@media (min-width: 901px) {
    .header .headerInnerWrapper .logo {
        display: block;
    }
    .header .headerInnerWrapper .logo img {
        width: auto;
        min-width: 94px;
        height: 40px;
    }
}
@media (min-width: 400px) {
    .header .headerInnerWrapper .header-inner {
        margin-left: 15px;
    }
}
@media (max-width: 900px) {
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletTabs {
        margin-left: 0;
    }
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .btn {
        width: auto;
    }
}
@media (max-width: 400px) {
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyMenu .headerWalletCurrencyItem {
        padding: 8px 10px;
        font-size: 13px;
    }
}
@media (max-width: 380px) {
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn {
        padding: 0 6px;
    }
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn .opener {
        width: 12px;
        height: 12px;
        margin-left: 3px;
    }
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn .opener svg {
        width: 12px;
        height: 12px;
    }
}
@media (max-width: 340px) {
    .header .headerInnerWrapper .header-inner {
        margin-left: 15px;
    }
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDropdown .headerWalletCurrencyBtn {
        min-height: 36px;
    }
    .header .headerInnerWrapper .header-inner .headerWalletContainer .headerWalletWrapper .headerWalletDepositBlock .headerWalletCurrencyInput {
        width: auto;
        min-width: 60px;
        font-size: 14px;
    }
}
.header .logo {
    display: block;
    max-width: 100%;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.header .logo :focus {
    outline: none;
}
.header .logo :hover {
    color: #047cfc;
    opacity: 0.8;
}
.header-block{
	display: flex;
    align-items: center;
}
.header .logo img {
   width: auto;
        min-width: 94px;
        height: 40px;
}
@media (max-width: 900px) {
    .header .logo {
        display: inline;
        width: auto;
    }
    .header .logo img {
        max-height: 36px;
    }
}
.gameContentWrapper.mobile .header {
    display: none;
}
.loader-modal {
    min-height: 350px;
}
.loader-modal img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: auto;
}
.loader-game {
    height: auto;
    min-height: 560px;
}
.loader-game img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: auto;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10050;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-transform: translateZ(0) scale(0.7);
    transform: translateZ(0) scale(0.7);
    opacity: 0;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out, opacity 0.15s ease !important;
}
.modal.show {
    transform: translateZ(0) scale(1);
    opacity: 1;
}
.modal-dialog {
    position: relative;
    width: auto;
    max-width: 900px;
    margin: 0.5rem;
    pointer-events: none;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 900px;
    background: #373e4c;
    background-clip: padding-box;
    border: none;
    border-radius: 5px;
    outline: 0;
    pointer-events: auto;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgba(151, 151, 151, 0.0862745098);
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(151, 151, 151, 0.0862745098);
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog,
    .fade {
        -webkit-transition: none;
        transition: none;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
    .modal-dialog {
        margin: 1.75rem auto;
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
    }
    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}
@media (max-width: 900px) {
    body.modal-open {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}
.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade:not(.show) {
    opacity: 0;
}
.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.modal-close svg {
    display: block;
    width: 11px;
    height: 11px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    fill: #ffffff21;
}
.modal-close:hover svg {
    fill: #fff;
}
.rightHead {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 75px;
    min-height: 75px;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}
.rightHead .chatLangDropdown {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.rightHead .chatLangDropdown .btnLang {
    display: flex;
    align-items: center;
    margin-left: 10px;
    padding: 10px 12px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    background: #272d39;
    border: none;
    border-radius: 6px;
    cursor: default;
}
.rightHead .chatLangDropdown .btnLang:hover {
    background: #2d3340;
}
.rightHead .chatLangDropdown .btnLang .btnContent {
    display: flex;
    align-items: center;
    width: 100%;
}
.rightHead .chatLangDropdown .btnLang .btnContent svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
.rightHead .chatLangDropdown .btnLang .btnContent .opener {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: auto;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.rightHead .chatLangDropdown .btnLang .btnContent .opener svg {
    width: 100%;
    height: 100%;
    margin-right: 0;
    fill: #aab0bd;
}
.rightHead .chatLangDropdown .btnLang .btnContent .opener.open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.rightHead .chatLangDropdown .menu {
    position: absolute;
    top: 100%;
    right: inherit;
    bottom: auto;
    left: 0;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 150px;
    margin: 12px 0 10px;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.rightHead .chatLangDropdown .menu:before {
    position: absolute;
    top: -8px;
    left: 50px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 0 6px 8px;
    content: "";
}
.rightHead .chatLangDropdown .menu.open {
    display: block;
}
.rightHead .chatLangDropdown .menu .item {
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    color: #000000bf;
    font-weight: 400;
    font-size: 13px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.rightHead .chatLangDropdown .menu .item.active {
    background-color: #e1e1e1;
}
.rightHead .chatLangDropdown .menu .item svg {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.rightHead .chatLangDropdown .menu .item:last-child {
    border-bottom: 1px solid transparent;
}
.rightHead .chatLangDropdown .menu .item:active,
.rightHead .chatLangDropdown .menu .item:focus,
.rightHead .chatLangDropdown .menu .item:hover {
    background-color: #f1f1f1;
}
.rightHead .chatLangDropdown .menu .item:not(.active),
.rightHead .chatLangDropdown .menu .item:not([disabled]) {
    cursor: pointer;
}

.clubModal {
    width: 680px;
    margin-right: auto;
    margin-left: auto;
}
.clubContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.clubContainer .clubWrapper {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    color: #828f9a;
    border-radius: 6px;
}
.clubContainer .clubWrapper .tabsContainer {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 52px;
    min-height: 52px;
    padding: 0 15px;
    font-size: 16px;
    background: #2d3340;
    border-radius: 6px 6px 0 0;
}
.clubContainer .clubWrapper .tabsContainer .tabsClose {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 38px;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clubContainer .clubWrapper .tabsContainer .tabsClose:hover svg {
    fill: #fff;
}
.clubContainer .clubWrapper .tabsContainer .tabsClose svg {
    display: block;
    width: 13px;
    height: 13px;
    transition: all 0.3s;
    fill: #ffffff21;
}
.clubContainer .clubWrapper .tabsContainer .tabsLink {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 52px;
    margin-right: 5px;
    padding: 0 10px;
    color: #828f9a;
    font-size: 14px;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.clubContainer .clubWrapper .tabsContainer .tabsLink:last-child {
    margin-right: 0;
}
.clubContainer .clubWrapper .tabsContainer .tabsLink svg {
    width: 17px;
    height: 17px;
    margin-top: 1px;
    margin-right: 8px;
    opacity: 0.65;
}
.clubContainer .clubWrapper .tabsContainer .tabsLink.active {
    color: #fff;
    border-bottom: 2px solid #047cfc;
}
.clubContainer .clubWrapper .tabsContainer .tabsLink.active svg {
    opacity: 1;
}
.clubContainer .clubWrapper .tabsContainer .tabsLink:focus,
.clubContainer .clubWrapper .tabsContainer .tabsLink:hover {
    color: #fff;
}
.clubContainer .clubWrapper .tabsContainer .tabsLink:focus svg,
.clubContainer .clubWrapper .tabsContainer .tabsLink:hover svg {
    opacity: 1;
}
@media (max-width: 500px) {
    .clubContainer .clubWrapper .tabsContainer .tabsLink {
        margin-right: 6px;
        padding: 0 10px;
        font-size: 13px;
    }
    .clubContainer .clubWrapper .tabsContainer .tabsLink svg {
        width: 1em;
        height: 1em;
        margin-right: 4px;
    }
}
@media (max-width: 370px) {
    .clubContainer .clubWrapper .tabsContainer .tabsLink {
        font-size: 11px;
    }
    .clubContainer .clubWrapper .tabsContainer .tabsLink svg {
        display: none;
    }
}
@media (max-width: 500px) {
    .clubContainer .clubWrapper .tabsContainer {
        height: 50px;
        padding: 10px;
    }
}
.clubContainer .clubWrapper .clubContent {
    width: 100%;
    padding: 25px;
}
.clubContainer .clubWrapper .clubContent.hasWrap {
    flex-wrap: wrap;
}
.clubContainer .clubWrapper .clubContent .reloadType {
    margin: 20px 0 15px;
    color: #b7becf;
    font-size: 16px;
    text-align: center;
}
.clubContainer .clubWrapper .clubContent .reloadType span {
    color: #fff;
}
.clubContainer .clubWrapper .clubContent .caption {
    margin-bottom: 15px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop {
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #343b48;
    border-radius: 5px;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progressHeader {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progressHeader .image {
    display: flex;
    align-items: center;
    height: 36px;
    margin: 0 15px 0 0;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progressHeader .image img {
    width: auto;
    height: 34px;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progressHeader .h2 {
    font-size: 16px;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progressHeader .h3 {
    margin-top: 1px;
    color: #ffffff80;
    font-size: 13px;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar,
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar > span {
    display: flex;
    border-radius: 3px;
    -webkit-user-select: none;
    user-select: none;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar {
    position: relative;
    height: 28px;
    margin-bottom: 10px;
    background: #191d25;
    border: 2px solid none;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar.filled:after {
    border-color: #337cff transparent transparent;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar.last:after {
    display: none;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar:before {
    left: 7px;
    border-color: #337cff transparent transparent;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar:after {
    right: 7px;
    border-color: #191d25 transparent transparent;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar:after,
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar:before {
    position: absolute;
    bottom: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0;
    content: "";
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar > span {
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    color: #fff;
    font-size: 13px;
    background: #337cff;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar.empty > span {
    padding-left: 25px;
    background: 0 0;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBar.empty:before {
    border-color: #191d25 transparent transparent;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBottom {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBottom .item {
    display: flex;
    align-items: center;
}
.clubContainer .clubWrapper .clubContent .vip .progressTop .progress .progressBottom .item img {
    height: 13px;
    margin: 0 5px 0 0;
}
.clubContainer .clubWrapper .clubContent .vip .tabs {
    display: flex;
}
.clubContainer .clubWrapper .clubContent .vip .tabs .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.66%;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    opacity: 0.5;
}
.clubContainer .clubWrapper .clubContent .vip .tabs .item.active {
    border: 1px solid #343b48;
    border-bottom-color: #272d39;
    opacity: 1;
}
.clubContainer .clubWrapper .clubContent .vip .tabs .item img {
    height: 32px;
    margin: 8px 0 26px;
}
.clubContainer .clubWrapper .clubContent .vip .tabs .item .name {
    position: absolute;
    bottom: 9px;
    font-size: 9px;
    white-space: nowrap;
    text-transform: uppercase;
}
.clubContainer .clubWrapper .clubContent .vip .content {
    margin-top: -1px;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #343b48;
    border-radius: 0 0 5px 5px;
}
.clubContainer .clubWrapper .clubContent .vip .content .name {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.clubContainer .clubWrapper .clubContent .vip .content .name.bronze {
    color: #ab5d30;
}
.clubContainer .clubWrapper .clubContent .vip .content .name.silver {
    color: #4d7bcd;
}
.clubContainer .clubWrapper .clubContent .vip .content .name.gold {
    color: #ffd40e;
}
.clubContainer .clubWrapper .clubContent .vip .content .name.platinum {
    color: #077cfc;
}
.clubContainer .clubWrapper .clubContent .vip .content .name.diamond {
    color: #7625f4;
}
.clubContainer .clubWrapper .clubContent .vip .content .name.elite {
    color: #ff3c38;
}
.clubContainer .clubWrapper .clubContent .vip .content .name img {
    height: 16px;
    margin: -2px 5px 0 0;
}
.clubContainer .clubWrapper .clubContent .vip .content .name span {
    text-transform: uppercase;
    text-shadow: 1px 1px #101a2d, -1px -1px #101a2d;
}
.clubContainer .clubWrapper .clubContent .vip .content .wagerNeed {
    margin-bottom: 15px;
    color: #aab0bd;
    font-size: 12px;
}
.clubContainer .clubWrapper .clubContent .vip .content .list {
    padding: 0;
    list-style: none;
}
.clubContainer .clubWrapper .clubContent .vip .content .list li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #fff;
}
.clubContainer .clubWrapper .clubContent .vip .content .list li.disabled {
    opacity: 0.3;
}
.clubContainer .clubWrapper .clubContent .vip .content .list li .box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #3a404c;
}
.clubContainer .clubWrapper .clubContent .vip .content .list li .box svg {
    width: 9px;
    height: 9px;
}
.clubContainer .clubWrapper .clubContent .vip .content .list li .box svg.icon-close {
    width: 7px;
    height: 7px;
}
.clubContainer .clubWrapper .clubContent .vip .content .list li:last-child {
    margin-bottom: 0;
}
.clubContainer .clubWrapper .clubContent .alert {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    color: #aab0bd;
    font-size: 14px;
    border: 1px solid #343b48;
    border-radius: 5px;
}
.clubContainer .clubWrapper .clubContent .alert .alertWrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.clubContainer .clubWrapper .clubContent .alert .alertWrapper .emoji {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
    padding-right: 10px;
}
.clubContainer .clubWrapper .clubContent .alert .alertWrapper .emoji img {
    width: 32px;
    height: 32px;
}
.clubContainer .clubWrapper .clubContent .alert .alertWrapper .textWrap {
    white-space: pre-line;
}
.clubContainer .clubWrapper .clubContent .alert .alertWrapper .textWrap .link {
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 20px;
}
.clubContainer .clubWrapper .clubContent .alert .alertWrapper .textWrap .link svg {
    position: absolute;
    top: 50%;
    left: 4px;
    color: #047cfc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clubContainer .clubWrapper .clubContent .labelLine {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px;
}
.clubContainer .clubWrapper .clubContent .labelLine:before {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #343b48;
    content: "";
}
.clubContainer .clubWrapper .clubContent .labelLine span {
    position: relative;
    padding: 0 15px;
    color: #828f9a;
    background: #272d39;
}
.clubContainer .clubWrapper .clubContent .roulette {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 72px;
    padding: 0 5px;
    background: #232833;
}
.clubContainer .clubWrapper .clubContent .roulette:before {
    left: 0;
    background-image: linear-gradient(90deg, #272d39 0, #1a2c3800);
}
.clubContainer .clubWrapper .clubContent .roulette:after {
    right: 0;
    background-image: linear-gradient(270deg, #272d39 0, #1a2c3800);
}
.clubContainer .clubWrapper .clubContent .roulette:before,
.clubContainer .clubWrapper .clubContent .roulette:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 25%;
    height: 100%;
    content: "";
}
.clubContainer .clubWrapper .clubContent .roulette .line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #fff0, #3f4654 50%, #fff0);
}
.clubContainer .clubWrapper .clubContent .roulette .line.top {
    top: 0;
}
.clubContainer .clubWrapper .clubContent .roulette .line.bottom {
    bottom: 0;
}
.clubContainer .clubWrapper .clubContent .roulette .arrow {
    position: absolute;
    left: 50%;
    width: 16px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
}
.clubContainer .clubWrapper .clubContent .roulette .arrow:before {
    bottom: 2px;
    border-color: transparent transparent #3a404e;
    border-width: 0 8px 8px;
}
.clubContainer .clubWrapper .clubContent .roulette .arrow:after {
    top: 2px;
    border-color: #3a404e transparent transparent;
    border-width: 8px 8px 0;
}
.clubContainer .clubWrapper .clubContent .roulette .arrow:before,
.clubContainer .clubWrapper .clubContent .roulette .arrow:after {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
}
.clubContainer .clubWrapper .clubContent .roulette .rouletteWrapper {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.clubContainer .clubWrapper .clubContent .roulette .rouletteWrapper .rouletteContent {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    will-change: transform;
}
.clubContainer .clubWrapper .clubContent .roulette .rouletteWrapper .rouletteContent .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    flex: none;
}
.clubContainer .clubWrapper .clubContent .roulette .rouletteWrapper .rouletteContent .row .item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    min-width: 175px;
    height: 44px;
    margin: 0 2px;
    color: #fff;
    font-size: 16px;
    background: #2d3340;
    border-radius: 3px;
}
.clubContainer .clubWrapper .clubContent .roulette .rouletteWrapper .rouletteContent .row .item .currency {
    display: inline-block;
    margin-left: 5px;
}
.clubContainer .clubWrapper .clubContent .timer {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px;
}
.clubContainer .clubWrapper .clubContent .timer.faucet {
    margin-top: 20px;
}
.clubContainer .clubWrapper .clubContent .timer .item {
    position: relative;
    margin: 10px 10px 0;
    color: #828f9a;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
}
.clubContainer .clubWrapper .clubContent .timer .item:first-child {
    margin-left: 0;
}
.clubContainer .clubWrapper .clubContent .timer .item:last-child {
    margin-right: 0;
}
.clubContainer .clubWrapper .clubContent .timer .item > div {
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    -webkit-user-select: none;
    user-select: none;
}
.clubContainer .clubWrapper .clubContent .timer .item span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 44px;
    height: 38px;
    margin-top: 5px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #343b48;
    -webkit-user-select: none;
    user-select: none;
}
.clubContainer .clubWrapper .clubContent .btnBoost,
.clubContainer .clubWrapper .clubContent .btnFaucet,
.clubContainer .clubWrapper .clubContent .btnReload,
.clubContainer .clubWrapper .clubContent .btnRakeback {
    display: block;
    width: 240px;
    height: 44px;
    margin: 20px auto;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
}
.clubContainer .clubWrapper .clubContent .inputWrapper {
    position: relative;
    width: 100%;
    margin: 20px 0 0;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .btnDropdown {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 15px;
    color: #9ca2b1;
    font-size: 15px;
    background-color: initial;
    border: 0;
    border-radius: 5px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .btnDropdown:hover,
.clubContainer .clubWrapper .clubContent .inputWrapper .btnDropdown:focus {
    outline: none;
    box-shadow: none;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .btnDropdown:hover svg,
.clubContainer .clubWrapper .clubContent .inputWrapper .btnDropdown:focus svg {
    fill: #fff;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .btnDropdown > div {
    justify-content: space-between;
    width: 100%;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .btnDropdown .btnContent {
    display: flex;
    align-items: center;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown {
    position: relative;
    box-sizing: border-box;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: inherit;
    z-index: 1080;
    box-sizing: border-box;
    width: 100%;
    min-width: 200px;
    margin: 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #1c2028;
    background-clip: padding-box;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu.open {
    display: block;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .scrollBar {
    max-height: 250px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock {
    padding: 10px 10px 5px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockName {
    margin-bottom: 5px;
    color: #8d93a0;
    font-weight: 500;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockName:not(:first-child) {
    margin-top: 15px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems {
    width: 100%;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item {
    position: relative;
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 8px;
    color: #fff;
    font-weight: 400;
    font-size: medium;
    white-space: nowrap;
    text-align: inherit;
    background-color: initial;
    border-bottom: 1px solid #333946;
    border-radius: 5px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item:last-child {
    margin-bottom: 10px;
    border: 0;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item:hover {
    background-color: #242832;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item .itemContent {
    position: relative;
    display: inline;
    align-items: center;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item .itemContent .comission {
    position: absolute;
    top: 50%;
    right: 5px;
    color: #8d93a0;
    font-size: 0.9em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item .itemContent img {
    height: 18px;
    margin-top: 1px;
    margin-right: 10px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item .btnRemove {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 100%;
    color: #58627b;
    font-size: 12px;
    transform: translateY(-57%);
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item .btnRemove:hover,
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item .btnRemove:focus {
    color: #e86376;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .methodsBlock .blockItems .item .btnRemove svg {
    margin-top: 3px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .menu .simplebar-scrollbar:before {
    position: absolute;
    right: 2px;
    left: 2px;
    background: #5e6a7f;
    border-radius: 7px;
    content: "";
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 46px;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    background-color: #1c2028;
    border: 1px solid #333946;
    border-radius: 5px;
    outline: none;
    box-shadow: 1px 3px 3px -2px #20242d;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn.open {
    border-radius: 5px 5px 0 0;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn:hover {
    background-color: #1c2028;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn .btnContent {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn .btnContent .selectedMethod {
    display: flex;
    align-items: center;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn .btnContent .selectedMethod img {
    height: 22px;
    margin-top: 1px;
    margin-right: 10px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn .btnContent .opener {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: 0.45em;
    transition: transform 0.2s ease-out;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn .btnContent .opener.open {
    transform: rotate(-180deg);
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn .btnContent .opener svg {
    width: 100%;
    height: 100%;
    fill: #7f8596;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .dropdown .btn > div {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .inputWithIcon {
    height: 48px;
    padding-left: 35px;
    color: #fff;
    font-size: 16px;
    background: #1c2028;
    border-radius: 5px;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .inputWithIcon::-webkit-outer-spin-button,
.clubContainer .clubWrapper .clubContent .inputWrapper .inputWithIcon::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.clubContainer .clubWrapper .clubContent .inputWrapper .inputIcon {
    position: absolute;
    top: 50%;
    left: 13px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 16px;
    height: 16px;
    color: #828f9a;
    font-size: 17px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clubContainer .clubWrapper .clubContent .inputWrapper .inputIcon,
.clubContainer .clubWrapper .clubContent .inputWrapper .inputIcon svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clubContainer .clubWrapper .clubContent .bonusBottom {
    width: calc(100% + 50px);
    margin-bottom: -25px;
    margin-left: -25px;
    padding: 18px;
    color: #828f9a;
    white-space: pre-line;
    text-align: center;
    background: #232833;
    border-radius: 0 0 6px 6px;
}
.clubContainer .clubWrapper .clubContent .bonusBottom a {
    color: #828f9a;
}
.clubContainer .clubWrapper .clubContent .bonusBottom a.bronze {
    color: #ab5d30;
}
.clubContainer .clubWrapper .clubContent .bonusBottom a.silver {
    color: #4d7bcd;
}
.clubContainer .clubWrapper .clubContent .bonusBottom a.gold {
    color: #ffd40e;
}
.clubContainer .clubWrapper .clubContent .bonusBottom a.platinum {
    color: #077cfc;
}
.clubContainer .clubWrapper .clubContent .bonusBottom a.diamond {
    color: #7625f4;
}
.clubContainer .clubWrapper .clubContent .bonusBottom a.elite {
    color: #ff3c38;
}
.clubContainer .clubWrapper .clubContent .bonusBottom span {
    display: block;
    max-width: 360px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .clubContainer .clubWrapper .clubContent {
        padding: 15px;
    }
    .clubContainer .clubWrapper .clubContent .bonusBottom {
        width: calc(100% + 30px);
        margin-bottom: -15px;
        margin-left: -15px;
    }
}

.gameStatsModal {
    max-width: 500px;
    margin: 0 auto;
}
.gameStatsModal .gameStatsWrapper {
    min-height: 200px;
}
.gameStatsModal .gameStatsWrapper .gameStatsHeader {
    display: flex;
    justify-content: flex-end;
    padding: 9px 0;
    font-weight: 500;
    white-space: nowrap;
    background-color: #2d3340;
    border-radius: 5px 5px 0 0;
}
.gameStatsModal .gameStatsWrapper .gameStatsTitle {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding-left: 16px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}
.gameStatsModal .gameStatsWrapper .gameStats {
    display: flex;
    padding: 16px;
}
.gameStatsModal .gameStatsWrapper .gameStatsList {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.gameStatsModal .gameStatsWrapper .gameStatsItem {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.gameStatsModal .gameStatsWrapper .gameStatsItem:last-child {
    margin-bottom: 0;
}
.gameStatsModal .gameStatsWrapper .gameStatsName {
    color: #aab0bd;
    font-size: 14px;
    line-height: 1.5;
}
.gameStatsModal .gameStatsWrapper .gameStatsValue {
    color: #2dc53a;
    font-size: 14px;
    line-height: 1.5;
}
.gameStatsModal .gameStatsWrapper .gameStatsDivider {
    display: flex;
    width: 2px;
    margin: 0 16px;
    background-color: #484d59;
}
.gameStatsModal .gameStatsWrapper .raceSection {
    width: calc(100% - 20px);
    height: auto;
    margin: 10px;
    padding: 10px;
    background: #20242d;
    border-radius: 5px;
}
.gameStatsModal .gameStatsWrapper .raceSection .title {
    margin-top: 7px;
    margin-left: 7px;
    color: #fff;
    cursor: pointer;
}
.gameStatsModal .gameStatsWrapper .raceSection .title:hover {
    color: #aab0bd;
}
.gameStatsModal .gameStatsWrapper .raceSection .title svg {
    width: 16px;
    height: 16px;
    margin-bottom: 3px;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 100px;
    margin-top: 10px;
    color: #aab0bd;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent.empty {
    flex-direction: column;
    vertical-align: middle;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left {
    display: flex;
    justify-content: center;
    width: 50%;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer {
    position: relative;
    width: 140px;
    height: 70px;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 70px;
    border: 3px solid #aab0bd;
    border-bottom: 0 !important;
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
    transition: -webkit-clip-path 1s ease-in-out;
    transition: clip-path 1s ease-in-out;
    transition: clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer .circle.green {
    border: 3px solid #2cc53b;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer .time {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer .time .info {
    display: inline-flex;
    align-items: center;
    width: 100%;
    font-size: 13px;
    line-height: 1.5;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer .time .info span {
    display: block;
    width: 100%;
    white-space: nowrap;
}
@media (max-width: 380px) {
    .gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer {
        width: 120px;
        height: 60px;
    }
    .gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .timer .circle {
        width: 120px;
        height: 60px;
        border-top-left-radius: 130px;
        border-top-right-radius: 130px;
    }
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .left .row .place {
    color: #fff;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .right {
    width: 50%;
    padding-left: 20px;
    border-left: 1px solid #484d59;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .right .row {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .right .row .item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .right .row .item:last-child {
    margin-bottom: 0;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .right .row .item .top {
    color: #aab0bd;
    font-weight: 600;
    text-align: left;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .right .row .item .bottom {
    margin-top: 3px;
    color: #fff;
    text-align: left;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent .right .row .item .bottom.bet {
    color: #2cc53b;
}
.gameStatsModal .gameStatsWrapper .raceSection .raceContent span {
    text-align: center;
}
.chatBanContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    border-radius: 10px;
}
.chatBanContainer .banHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 15px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    background: #2d3340;
    border-bottom: 1px solid rgba(151, 151, 151, 0.0862745098);
}
.chatBanContainer .chatBanWrapper {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    border-radius: 6px;
}
.chatBanContainer .chatBanWrapper .chatBanContent {
    padding: 20px;
}
.chatBanContainer .chatBanWrapper .chatBanContent .caption {
    margin-bottom: 15px;
    color: #fff;
    font-size: 14px;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    margin: 20px 0;
    padding: 0;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .btnSelectAppearance {
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    font-size: 14px;
    background: #1c2028;
    border: 0;
    border-radius: 4px 0 0 4px;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .btnSelectAppearance:hover {
    background: #191d25;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .btnSelectAppearance.active {
    color: #fff;
    border: 2px solid #535d71;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .btnSelectAppearance .opener {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: auto;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .btnSelectAppearance .opener.open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .btnSelectAppearance .opener svg {
    width: 100%;
    height: 100%;
    fill: #7f8596;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown {
    position: absolute;
    top: 100%;
    right: inherit;
    left: inherit;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 285px;
    margin: 12px 0 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown.open {
    z-index: 1081;
    display: block;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item {
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #000000bf;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item:active,
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item:focus,
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item:hover {
    background-color: #f1f1f1;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item:first-child {
    border-radius: 4px 4px 0 0;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item > div {
    display: flex;
    align-items: center;
    width: 100%;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item > div .badge {
    width: 36px;
    margin-right: 8px;
    color: #0009;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background: #e5e5e5;
    border-radius: 2px;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item > div .badge.wide {
    width: 48px;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown .item.active > div .badge {
    color: #fff;
    background: #219a19;
}
.chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown:before {
    position: absolute;
    top: -8px;
    right: inherit;
    left: 15px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 0 6px 8px;
    content: "";
}
@media (max-width: 900px) {
    .chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
    .chatBanContainer .chatBanWrapper .chatBanContent .dropdownContainer .dropdown:before {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
}
.chatBanContainer .chatBanWrapper .chatBanContent .actionButtons {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 30px);
    margin-bottom: -15px;
    margin-left: -15px;
    padding: 18px;
    white-space: pre-line;
    text-align: center;
    background: #232833;
    border-radius: 0 0 6px 6px;
}
.betModal {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 900px) {
    .betModal {
        width: calc(100% - 14px);
    }
}
.betModal .modal-content {
    background: #272d39;
    background: url(https://cdn.selector-casino.io/assets/png/Chat/betBg.png);
    background-position: center;
    background-size: cover;
}
.betModal .modal-content .betContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.betModal .modal-content .betContainer .betContent {
    width: 100%;
    padding: 20px;
}
.betModal .modal-content .betContainer .betContent.notFound {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    margin-top: -15px;
}
.betModal .modal-content .betContainer .betContent.notFound .actionButtons {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 30px);
    margin-top: 20px;
    margin-bottom: -15px;
    margin-left: -15px;
    padding: 0 15px;
    white-space: pre-line;
    text-align: center;
    border-radius: 0 0 6px 6px;
}
.betModal .modal-content .betContainer .betContent.notFound .actionButtons button {
    width: 100%;
}
.betModal .modal-content .betContainer .betContent.notFound .betInfo {
    margin-top: 0;
}
.betModal .modal-content .betContainer .betContent.notFound .betInfo .top {
    display: flex;
    justify-content: center;
    text-align: center;
}
.betModal .modal-content .betContainer .betContent .betHeader {
    display: flex;
    align-items: flex-start;
}
.betModal .modal-content .betContainer .betContent .betHeader .avatarBlock .avatar {
    width: 45px !important;
    height: 45px !important;
    margin-right: 10px;
    border-radius: 10px;
}
.betModal .modal-content .betContainer .betContent .betHeader .avatarBlock img {
    padding: 5px;
    background: #20242d;
}
.betModal .modal-content .betContainer .betContent .betHeader .betOwner {
    flex-grow: 1;
}
.betModal .modal-content .betContainer .betContent .betHeader .betOwner .betDate {
    color: #fff;
}
.betModal .modal-content .betContainer .betContent .betHeader .betOwner .betName {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.betModal .modal-content .betContainer .betContent .betHeader .betGame {
    display: flex;
    margin-left: 12px;
}
.betModal .modal-content .betContainer .betContent .betHeader .betGame img {
    width: 33px;
    height: 45px;
    border-radius: 5px;
}
.betModal .modal-content .betContainer .betContent .betHeader .betGame .btnPlay {
    padding: 7px 11px;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}
.betModal .modal-content .betContainer .betContent .betInfo {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 10px 12px;
    background: #373e4c;
    border-radius: 10px;
}
.betModal .modal-content .betContainer .betContent .betInfo .top {
    display: flex;
    justify-content: space-between;
}
.betModal .modal-content .betContainer .betContent .betInfo .top .winAmount {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}
.betModal .modal-content .betContainer .betContent .betInfo .top .winX {
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    background: #0064ff;
    border-radius: 5px;
}
.betModal .modal-content .betContainer .betContent .betInfo .bottom .betAmount {
    color: #818f9a;
    font-size: 12px;
}
.betModal .modal-content .betContainer .betContent .gameInfo {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 10px 12px;
    background: #373e4c;
    border-radius: 10px;
}
.betModal .modal-content .betContainer .betContent .gameInfo:not(:first-child) {
    margin-top: 5px;
}
.betModal .modal-content .betContainer .betContent .gameInfo .left {
    display: flex;
    flex-direction: column;
}
.betModal .modal-content .betContainer .betContent .gameInfo .left .gameName {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}
.betModal .modal-content .betContainer .betContent .gameInfo .left .btnPlay {
    display: flex;
    justify-content: center;
    max-width: 150px;
    height: 28px;
    margin-top: 10px;
    color: #fff;
    vertical-align: middle;
}
.betModal .modal-content .betContainer .betContent .gameInfo .left .btnPlay span {
    margin-left: 5px;
}
.betModal .modal-content .betContainer .betContent .gameInfo .right img {
    width: auto;
    height: 68px;
    margin-right: 0;
    border-radius: 5px;
}
.betModal .modal-content .betContainer .betContent .socialButtons {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}
.betModal .modal-content .betContainer .betContent .socialButtons a {
    color: #fff;
}
.betModal .modal-content .betContainer .betContent .socialButtons button,
.betModal .modal-content .betContainer .betContent .socialButtons a {
    display: block;
    margin-bottom: -5px;
    margin-left: 10px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background: transparent;
    border: 0;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    transition: background 0.2s;
}
.betModal .modal-content .betContainer .betContent .socialButtons button:hover,
.betModal .modal-content .betContainer .betContent .socialButtons a:hover {
    background: #0064ff;
}
.chatRulesContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 10px;
}
.chatRulesContainer .chatRulesWrapper {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    color: #828f9a;
    border-radius: 6px;
}
.chatRulesContainer .chatRulesWrapper .tabsContainer button {
    position: absolute;
    top: 40px;
    right: 15px;
    width: 38px;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.chatRulesContainer .chatRulesWrapper .tabsContainer button:hover svg {
    fill: #000;
}
.chatRulesContainer .chatRulesWrapper .tabsContainer button svg {
    display: block;
    width: 25px;
    height: 25px;
    transition: all 0.3s;
    fill: #828f9a;
}
.chatRulesContainer .chatRulesWrapper .chatRulesContent {
    padding: 20px;
}
.chatRulesContainer .chatRulesWrapper .chatRulesContent h2 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
}
.chatRulesContainer .chatRulesWrapper .chatRulesContent h2 svg {
    margin-right: 5px;
    margin-bottom: 2px;
}
.userStatsModal {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 900px) {
    .userStatsModal {
        width: calc(100% - 14px);
    }
}
.userStatsModal .modal-content {
    background: #272d39;
}
.userStatsModal .modal-content .userStatsContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
    background: #2d3340;
    border-radius: 5px 5px 0 0;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader.loading {
    min-height: 300px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row {
    display: flex;
    align-items: center;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row .name {
    color: #fff;
    font-size: 18px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row .name .user {
    display: inline;
    white-space: nowrap;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row .name .user.hasBadge {
    position: relative;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row .name .user .badge {
    position: absolute;
    top: 50%;
    margin-left: -1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row .name .user .badge > span {
    display: flex;
    align-items: center;
    width: 17px;
    height: 17px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row .name .user .badge > span img {
    display: block;
    max-width: 100%;
    height: auto;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .row .name .user .text {
    padding-left: 25px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader .date {
    margin-top: 2px;
    color: #828f9a;
    font-size: 13px;
    text-align: center;
}
.userStatsModal .modal-content .userStatsContainer .userStatsHeader svg {
    margin-right: 6px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent {
    width: 100%;
    padding: 20px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item {
    width: 50%;
    margin-right: 15px;
    padding: 15px;
    text-align: center;
    border: 1px solid #343b48;
    border-radius: 6px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item .label {
    margin-bottom: 3px;
    color: #828f9a;
    font-size: 14px;
    white-space: nowrap;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item .value {
    justify-content: center;
    color: #047cfc;
    font-weight: 500;
    font-size: 16px;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item .value.positive {
    color: #2dc53a !important;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item .value .bet {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-transform: uppercase;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item .value .bet .content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item .value .bet .icon {
    display: inline-block;
    margin: 0 0 0 0.25em;
    color: inherit;
    vertical-align: middle;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats .item .value .bet .icon.widthAuto {
    width: auto;
    height: auto;
    vertical-align: initial;
}
.userStatsModal .modal-content .userStatsContainer .userStatsContent .stats:last-child {
    margin-bottom: 0;
}
.welcomeModal {
    width: 590px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 590px) {
    .welcomeModal {
        width: calc(100% - 14px);
    }
}
.welcomeModal .modal-content {
    background: #272d39;
}
.welcomeModal .modal-content .welcomeContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.welcomeModal .modal-content .welcomeContainer h3 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 16px;
}
.welcomeModal .modal-content .welcomeContainer .welcomeImage img {
    width: 100%;
    max-width: 100%;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.welcomeModal .modal-content .welcomeContainer .welcomeIcon {
    margin-bottom: 15px;
    color: #fff;
    font-size: 45px;
}
.welcomeModal .modal-content .welcomeContainer .welcomeText {
    display: flex;
    color: inherit;
    font-size: 14px;
    flex-direction: column;
    margin: 20px 0 0;
    padding: 0 20px;
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
    width: 100%;
}
.welcomeModal .modal-content .welcomeContainer .welcomeText .welcomeTitle {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.welcomeModal .modal-content .welcomeContainer .welcomeText .welcomeDescription {
    font-size: 14px;
}
.welcomeModal .modal-content .welcomeContainer .welcomeExtra {
    display: flex;
    margin: -10px 0 20px;
    color: #828f9a;
    text-align: center;
}
.welcomeModal .modal-content .welcomeContainer .welcomeActions {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
}
.welcomeModal .modal-content .welcomeContainer .welcomeActions .btn {
    display: flex;
    justify-content: center;
    width: calc(50% - 10px);
    padding: 12px 20px;
}
@media (max-width: 400px) {
    .welcomeModal .modal-content .welcomeContainer .welcomeActions {
        flex-direction: column;
        gap: 10px;
    }
    .welcomeModal .modal-content .welcomeContainer .welcomeActions .btn {
        width: 100%;
    }
}
.mobileNav {
    position: relative;
    z-index: 901;
    display: none;
    width: 100%;
    background: #20242d;
}
.mobileNav .mobileNavPullOut {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    display: none;
    width: 100%;
    background: #191d25;
}
.mobileNav .mobileNavPullOut.open {
    display: block;
}
.mobileNav .mobileNavPullOut .close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #979797;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% + 10px);
    margin-right: -5px;
    margin-left: -5px;
    list-style: none;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav li {
    width: 50%;
    border-right: 1px solid #20242d;
    border-bottom: 1px solid #20242d;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav li:nth-child(odd) {
    padding-left: 10px;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav li.current a,
.mobileNav .mobileNavPullOut .mobileNavPullOutNav li.current button {
    color: #fff;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav a,
.mobileNav .mobileNavPullOut .mobileNavPullOutNav button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 15px 20px 30px;
    color: #828f9a;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -0.1px;
    text-decoration: none;
    background: transparent;
    border: none;
    outline: none;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav a svg,
.mobileNav .mobileNavPullOut .mobileNavPullOutNav button svg {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 14px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav a .icon-faq,
.mobileNav .mobileNavPullOut .mobileNavPullOutNav button .icon-faq {
    font-size: 15px;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav a .icon-achievements,
.mobileNav .mobileNavPullOut .mobileNavPullOutNav button .icon-achievements {
    font-size: 16px;
}
.mobileNav .mobileNavPullOut .mobileNavPullOutNav a:hover,
.mobileNav .mobileNavPullOut .mobileNavPullOutNav button:hover {
    color: #fff;
}
.mobileNav .mobileNavWrapper {
    width: 100%;
    background: #1c2028;
}
@media (max-width: 900px) {
    .mobileNav .mobileNavWrapper {
        touch-action: none;
    }
}
.mobileNav .mobileNavWrapper .mobileNavBlock {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 10px 15px;
    list-style: none;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 25%;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .btnLobby {
    position: absolute;
    bottom: -12px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #2e3542;
    border-radius: 10px;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .btnLobby .lobbyWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 90%;
    height: 90%;
    margin: 0 auto;
    background: #337bff;
    border-radius: 10px;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .btnLobby .lobbyWrapper .image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .btnLobby .lobbyWrapper .image svg {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    fill: #fff;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .btnLobby:active .lobbyWrapper {
    background: #5692ff;
    transform: scale(1.1);
}
.mobileNav .mobileNavWrapper .mobileNavBlock li:last-child {
    margin-right: 0;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownButton,
.mobileNav .mobileNavWrapper .mobileNavBlock li > a,
.mobileNav .mobileNavWrapper .mobileNavBlock li > button {
    position: relative;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0;
    color: #aab0bd;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    touch-action: manipulation;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownButton.badgeNew:before,
.mobileNav .mobileNavWrapper .mobileNavBlock li > a.badgeNew:before,
.mobileNav .mobileNavWrapper .mobileNavBlock li > button.badgeNew:before {
    position: absolute;
    top: -5px;
    right: 5px;
    width: 5px;
    height: 5px;
    background-color: red;
    border-radius: 50%;
    content: "";
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownButton svg,
.mobileNav .mobileNavWrapper .mobileNavBlock li > a svg,
.mobileNav .mobileNavWrapper .mobileNavBlock li > button svg {
    width: 14px;
    height: 14px;
    margin-bottom: 6px;
    pointer-events: none;
}
.mobileNav .mobileNavWrapper .mobileNavBlock .icon-more {
    width: 16px;
    height: 16px;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownButton > div {
    flex-direction: column;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownMenu {
    top: 0;
    left: 50%;
    min-width: auto;
    margin-top: -100%;
    background-color: #191d25;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownMenu.big {
    margin-top: -125%;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownItem {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    color: #828f9a;
    font-size: 12px;
    border-bottom: 1px solid #20242d;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownItem svg {
    margin-right: 5px;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownItem:last-child {
    border-bottom: 0;
}
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownItem:focus,
.mobileNav .mobileNavWrapper .mobileNavBlock li .dropDownItem:hover {
    color: #fff;
    background: transparent;
}
.mobileNav .mobileNavWrapper .mobileNavBlock .active {
    color: #fff;
}
.mobileNav .mobileNavWrapper .mobileNavBlock .active svg {
    fill: #047cfc;
}
.mobileNav .mobileNavWrapper .mobileNavBlock .active button,
.mobileNav .mobileNavPullOutNav .active {
    color: #fff;
}
.mobileNav .mobileNavPullOutNav .active svg {
    fill: #fff;
}
.mobileNav .mobileNavPullOutNav .active button {
    color: #fff;
}
@media (max-width: 900px) {
    .mobileNav {
        display: block;
    }
}
.sideUserProfile {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
}
.sideUserProfile .userAvatar {
    margin-bottom: 20px;
}
.sideUserProfile .userAvatar .closeBtn {
    position: absolute;
    top: 25px;
    right: 15px;
}
.sideUserProfile .userId {
    display: flex;
    align-items: center;
    color: #fff;
    white-space: nowrap;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sideUserProfile .userId:focus,
.sideUserProfile .userId:hover {
    outline: none;
}
.sideUserProfile .userId:hover {
    color: #047cfc;
}
.sideUserProfile .userId .yourId {
    padding-right: 5px;
    color: #828f9a;
    text-transform: uppercase;
}
.sideUserProfile .userId .userIconCopy {
    display: flex;
    align-items: center;
    margin-left: 4px;
    padding: 2px 3px;
    background-color: #313742;
    border-radius: 3px;
}
.sideUserProfile .userName {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
}
.sideUserProfile .userName .copyTooltip {
    width: 110px;
    background: #000;
}
.sideUserProfile .userName .nickname {
    width: 100%;
    max-width: 200px;
    margin-bottom: 2px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
}
.sideUserProfile .profileNav {
    width: 100%;
    list-style: none;
}
.sideUserProfile .profileNav li {
    margin-bottom: 20px;
}
.sideUserProfile .profileNav li a {
    display: flex;
    align-items: center;
    color: #828f9a;
    font-size: 14px;
    line-height: 20px;
}
.sideUserProfile .profileNav li a .number-badge {
    position: static;
    top: 0;
    right: 0;
    margin-left: 5px;
}
.sideUserProfile .profileNav li a svg {
    display: block;
    width: 18px;
    height: 18px;
}
.sideUserProfile .profileNav li a .icon-affiliate {
    width: 14px;
    height: 14px;
}
.sideUserProfile .profileNav li a .itemIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    margin-right: 15px;
}
.sideUserProfile .profileNav li a:hover,
.sideUserProfile .profileNav li.current a {
    color: #fff;
}
.sideUserProfile .profileNav li:last-child {
    margin-bottom: 25px;
}
.sideUserProfile .userBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #272c35;
}
.sideUserProfile .avatar {
    width: 100px;
    height: 100px;
}
.sideUserProfile .avatar img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 50%;
}
.sideUserProfile .btn-logout {
    display: flex;
    width: 100%;
    padding: 0;
    color: #828f9a;
    font-weight: 400;
    font-size: 14px;
    background: transparent;
}
.sideUserProfile .btn-logout .itemIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    margin-right: 15px;
    font-size: 16px;
}
.sideUserProfile .btn-logout:hover {
    color: #fff;
    background: transparent;
}
@media (max-height: 580px), (max-width: 900px) {
    .sideUserProfile .avatar {
        width: 60px;
        height: 60px;
        margin: 0 10px 0 0;
        padding: 3px 0;
    }
    .sideUserProfile .avatar > div {
        width: 60px !important;
        height: 60px !important;
        font-family: Rubik, Arial, sans-serif;
    }
    .sideUserProfile .userBlock {
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 0;
        padding-bottom: 20px;
    }
    .sideUserProfile .userAvatar {
        margin-bottom: 0;
    }
    .sideUserProfile .profileNav li {
        margin-bottom: 15px;
    }
    .sideUserProfile .profileNav li:last-child {
        margin-bottom: 20px;
    }
    .sideUserProfile .userName .nickname {
        max-width: 140px;
        margin-bottom: 0;
        text-align: left;
    }
}
@media (max-width: 900px) {
    .sideUserProfile .userName .nickname {
        max-width: 200px;
        margin-bottom: 0;
    }
    .sideUserProfile .userAvatar {
        margin-bottom: 0;
    }
    .sideUserProfile .userBlock {
        padding: 20px 0;
    }
}
.liveStatBlock {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    width: 100%;
    padding: 10px 10px 0;
}
@media (max-width: 900px) {
    .liveStatBlock {
        height: calc(100% + -0px);
        padding: 0 0 0 5px;
    }
    .liveStatBlock .liveParams {
        padding: 10px 0 10px 5px;
    }
}
.liveStatBlock .itemControl {
    position: absolute;
    top: 22px;
    right: 15px;
}
.liveStatBlock .liveParams {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
    margin: 0 10px;
    padding-bottom: 20px;
}
.liveStatBlock .liveParams > .item {
    display: flex;
    align-items: center;
    color: #5b6271;
    font-size: 16px;
}
.liveStatBlock .liveParams > .item span {
    color: #fff;
}
.liveStatBlock .fixedLiveItem {
    box-sizing: border-box;
    width: calc(100% + 10px);
    margin: 0 -10px;
    background-color: #242932;
    border-radius: 10px;
}
.liveStatBlock .fixedLiveItem .top {
    width: 100%;
    height: 25px;
    color: #828f9a;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    background: #272d39;
    border-radius: 10px 10px 0 0;
}
.liveStatBlock .fixedLiveItem .item {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 44px;
    margin-bottom: 10px;
    padding: 10px;
    overflow: hidden;
    background: #0000001a;
    cursor: pointer;
}
.liveStatBlock .fixedLiveItem .item:hover .overlay {
    display: flex;
}
.liveStatBlock .fixedLiveItem .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    background: #000000b5;
    border-radius: 0 0 10px 10px;
}
.liveStatBlock .fixedLiveItem .item .overlay svg {
    width: 35px;
    height: 35px;
    color: #fff;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.liveStatBlock .fixedLiveItem .item .overlay button {
    height: 30px;
    margin: 0;
    padding: 3px 30px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 100px;
}
@media (max-width: 768px) {
    .liveStatBlock .fixedLiveItem .item .overlay button {
        padding: 2px 25px;
    }
}
@media (min-width: 821px) and (max-width: 1200px) {
    .liveStatBlock .fixedLiveItem .item .overlay button:nth-child(2) {
        display: none;
    }
}
.liveStatBlock .fixedLiveItem .item .image {
    top: 10px;
    left: 10px;
    display: inline-block;
    width: 49px;
    height: 65px;
    cursor: pointer;
}
.liveStatBlock .fixedLiveItem .item .image.static {
    background: #242932;
    border-radius: 5px;
}
.liveStatBlock .fixedLiveItem .item .image .img {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px;
}
.liveStatBlock .fixedLiveItem .item .image .badge {
    position: absolute;
    top: 5px;
    left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 13px;
    padding: 0 4px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    border-radius: 5px;
}
.liveStatBlock .fixedLiveItem .item .image .badge.blue {
    background-color: #3077f7;
}
.liveStatBlock .fixedLiveItem .item .image .badge.green {
    background-color: #219a1a;
}
.liveStatBlock .fixedLiveItem .item .image .badge.orange {
    background-color: #ff5721;
}
.liveStatBlock .fixedLiveItem .item .image .badge.purple {
    background-color: #d004fc;
}
.liveStatBlock .fixedLiveItem .item .liveContent {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 65px);
    margin-left: 15px;
    font-size: 13px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-word;
}
.liveStatBlock .fixedLiveItem .item .liveContent > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.liveStatBlock .fixedLiveItem .item .liveContent .userLink {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #828f9a;
    font-weight: 700;
    white-space: nowrap;
    text-align: left;
    text-transform: none;
    text-overflow: ellipsis;
    background: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    touch-action: manipulation;
}
.liveStatBlock .fixedLiveItem .item .liveContent .gameName {
    display: block;
    overflow: hidden;
    color: #828f9a;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.liveStatBlock .fixedLiveItem .item .liveContent .winAmount {
    display: block;
    overflow: hidden;
    color: #828f9a;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.liveStatBlock .fixedLiveItem .item .liveContent .winAmount svg {
    margin-bottom: 2px;
    margin-left: -3px;
}
.liveStatBlock .fixedLiveItem .item:last-child {
    margin-bottom: 0;
}
.liveStatBlock .liveBlock {
    position: relative;
    display: flex;
    flex: auto;
    flex-direction: column-reverse;
    height: 120px;
    min-height: 100px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.liveStatBlock .liveBlock .liveBlockInner {
    position: relative;
    padding-right: 10px;
}
.liveStatBlock .liveBlock .liveBlockInner .loaderBlock {
    position: relative;
    width: calc(100% + 15px);
    margin-top: 50px;
    text-align: center;
}
.liveStatBlock .liveBlock .liveBlockInner > a {
    display: flex;
    margin-bottom: 10px;
}
.liveStatBlock .liveBlock .liveBlockInner > a:last-child {
    margin-bottom: 0;
}
.liveStatBlock .liveBlock .liveBlockInner .item {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 44px;
    padding: 10px;
    overflow: hidden;
    background: #0000001a;
    border-radius: 6px;
    cursor: pointer;
}
.liveStatBlock .liveBlock .liveBlockInner .item:hover .overlay {
    display: flex;
}
.liveStatBlock .liveBlock .liveBlockInner .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    background: #000000b5;
}
.liveStatBlock .liveBlock .liveBlockInner .item .overlay svg {
    width: 35px;
    height: 35px;
    color: #fff;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.liveStatBlock .liveBlock .liveBlockInner .item .overlay button {
    height: 30px;
    margin: 0;
    padding: 3px 30px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 100px;
}
@media (max-width: 768px) {
    .liveStatBlock .liveBlock .liveBlockInner .item .overlay button {
        padding: 2px 25px;
    }
}
@media (min-width: 821px) and (max-width: 1200px) {
    .liveStatBlock .liveBlock .liveBlockInner .item .overlay button:nth-child(2) {
        display: none;
    }
}
.liveStatBlock .liveBlock .liveBlockInner .item .image {
    top: 10px;
    left: 10px;
    display: inline-block;
    width: 49px;
    height: 65px;
    cursor: pointer;
}
.liveStatBlock .liveBlock .liveBlockInner .item .image.static {
    background: #242932;
    border-radius: 5px;
}
.liveStatBlock .liveBlock .liveBlockInner .item .image .img {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px;
}
.liveStatBlock .liveBlock .liveBlockInner .item .image .badge {
    position: absolute;
    top: 5px;
    left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 13px;
    padding: 0 4px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    border-radius: 5px;
}
.liveStatBlock .liveBlock .liveBlockInner .item .image .badge.blue {
    background-color: #3077f7;
}
.liveStatBlock .liveBlock .liveBlockInner .item .image .badge.green {
    background-color: #219a1a;
}
.liveStatBlock .liveBlock .liveBlockInner .item .image .badge.orange {
    background-color: #ff5721;
}
.liveStatBlock .liveBlock .liveBlockInner .item .image .badge.purple {
    background-color: #d004fc;
}
.liveStatBlock .liveBlock .liveBlockInner .item .liveContent {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 65px);
    margin-left: 15px;
    font-size: 13px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-word;
}
.liveStatBlock .liveBlock .liveBlockInner .item .liveContent > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.liveStatBlock .liveBlock .liveBlockInner .item .liveContent .userLink {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #828f9a;
    font-weight: 700;
    white-space: nowrap;
    text-align: left;
    text-transform: none;
    text-overflow: ellipsis;
    background: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    touch-action: manipulation;
}
.liveStatBlock .liveBlock .liveBlockInner .item .liveContent .gameName {
    display: block;
    overflow: hidden;
    color: #828f9a;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.liveStatBlock .liveBlock .liveBlockInner .item .liveContent .winAmount {
    display: block;
    overflow: hidden;
    color: #828f9a;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.liveStatBlock .liveBlock .liveBlockInner .item .liveContent .winAmount svg {
    margin-bottom: 2px;
    margin-left: -3px;
}
.liveStatBlock .liveScroll {
    position: absolute;
    right: 12px;
    bottom: 10px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    background: #232933;
    border: 0;
    border-radius: 50%;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.liveStatBlock .liveScroll .values {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    color: #fff;
    font-weight: 700;
    font-size: 8px;
    line-height: 18px;
    background: #4886f5;
    border-radius: 50%;
    content: attr(data-values);
}
.liveStatBlock .liveScroll:hover {
    box-shadow: 0 0 0 1px #047cfc;
}
.liveStatBlock .liveScroll.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.liveStatBlock .liveScroll svg {
    font-size: 11px;
    fill: #fff;
}
.inputValid {
    display: inherit;
    width: inherit;
}
.inputValid .valid {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 1em;
    color: #e86376;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    background: #1c2028;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
}
.inputValid .valid.inline {
    top: 100%;
    bottom: auto;
    z-index: 3;
    margin: 2px 0 0;
    padding: 4px 6px;
    color: #fff;
    font-size: 10px;
    background: #dc3545e6;
    border-radius: 2px;
}
.inputValid .valid.inline.top {
    top: auto;
    right: auto;
    bottom: calc(100% + 2px);
    left: 0;
}
.inputValid .valid.inline.topRight {
    top: auto;
    right: 0;
    bottom: 100%;
    left: auto;
}
.inputValid .valid.inline:after {
    display: none;
}
.inputValid .valid.visible {
    visibility: visible;
    opacity: 1;
}
.inputValid .valid:after {
    position: absolute;
    top: 100%;
    left: 0.5em;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    border-top-color: #1c2028 !important;
    content: "";
}
.inputField,
.inputField input {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    color: #fff;
    font-family: Rubik, Arial, sans-serif;
    background: #1c2028;
    border: 2px solid transparent;
    border-radius: 5px;
    outline: none !important;
    touch-action: manipulation;
}
.inputField:-webkit-autofill,
.inputField:-webkit-autofill:active,
.inputField:-webkit-autofill:focus,
.inputField:-webkit-autofill:hover,
.inputField input:-webkit-autofill,
.inputField input:-webkit-autofill:active,
.inputField input:-webkit-autofill:focus,
.inputField input:-webkit-autofill:hover {
    background-clip: content-box !important;
    border: 2px solid #373e4c !important;
    -webkit-box-shadow: 0 0 0 1000px #2d3340 inset !important;
    -webkit-text-fill-color: #fff !important;
}
.inputField,
.inputField + .inputSuffix,
.inputField input,
.inputField input + .inputSuffix {
    font-size: 16px;
}
.inputField:not([readonly]):focus,
.inputField input:not([readonly]):focus {
    border-color: #373e4c;
}
.inputField.input-green:not([readonly]):focus,
.inputField input.input-green:not([readonly]):focus {
    border-color: #2dc53a;
}
.inputField::-webkit-input-placeholder,
.inputField input::-webkit-input-placeholder {
    color: #828f9a;
}
.inputField::-moz-placeholder,
.inputField input::-moz-placeholder {
    color: #828f9a;
}
.inputField::-ms-input-placeholder,
.inputField input::-ms-input-placeholder {
    color: #828f9a;
}
.inputField::placeholder,
.inputField input::placeholder {
    color: #828f9a;
}
.inputField[type="button"],
.inputField input[type="button"] {
    overflow: hidden;
    text-align: left;
    -webkit-border-image: initial;
    border-image: initial;
    outline: none;
    cursor: pointer;
    -webkit-appearance: button;
}
.inputField:disabled,
.inputField input:disabled {
    color: #fff;
    opacity: 1;
    -webkit-text-fill-color: #fff;
}
.inputField.text-gray,
.inputField input.text-gray {
    color: #99a3b8;
}
.inputField.small-text,
.inputField input.small-text {
    font-size: 11px;
}
.inputField.hasError,
.inputField input.hasError {
    border-color: #535d71 !important;
}
@media screen and (max-width: 1099px) and (min-width: 768px) {
    .inputField,
    .inputField input {
        padding: 0 7px;
    }
    .inputField + .inputSuffix,
    .inputField input + .inputSuffix {
        padding: 0 8px;
    }
}
.inputField input {
    height: 100%;
    border: none;
}
.inputField input:-webkit-autofill,
.inputField input:-webkit-autofill:active,
.inputField input:-webkit-autofill:focus,
.inputField input:-webkit-autofill:hover {
    border: none !important;
    -webkit-box-shadow: 0 0 0 1000px #1c2028 inset !important;
}
.inputRow {
    margin-bottom: 12px;
}
.inputGroup {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.inputGroup .inputField {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.inputGroup .inputField:not([readonly]):active + .inputGroupAppend.text,
.inputGroup .inputField:not([readonly]):focus + .inputGroupAppend.text {
    border: 1px solid #047cfc;
    border-left: 0;
}
.inputGroup .inputField:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.inputGroup .inputField:not(:last-child) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.inputGroupPrepend {
    position: relative;
    display: flex;
    border-radius: 0 5px 5px 0;
}
.inputGroupPrepend.text {
    background-color: #2d3340;
}
.inputGroupPrepend .btn:first-child {
    border-radius: 5px 0 0 5px;
}
.inputGroupAppend {
    position: relative;
    display: flex;
    border-radius: 0 5px 5px 0;
}
.inputGroupAppend.text {
    align-items: center;
    padding: 0 0.75rem;
    color: #047cfc;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #2d3340;
    border: 1px solid transparent;
}
@media (max-width: 1099px) {
    .inputGroupAppend.text {
        font-size: 10px;
    }
}
.inputGroupAppend .btn {
    margin-left: -5px;
}
.inputSuffix {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 0 13px;
    overflow: hidden;
    color: #fafafa;
    line-height: normal;
    white-space: nowrap;
    pointer-events: none;
}
.inputSuffix > span {
    color: transparent;
    letter-spacing: normal;
}
.inputWithIcon {
    padding-left: 35px;
}
.inputWithIcon.noPadding {
    padding: 0 12px;
}
.inputIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.inputIcon img {
    position: absolute;
    top: 50%;
    height: 17px;
    transform: translateY(-50%);
}
.inputIcon .icon-coin {
    margin-top: 5px;
}
.inputSuffixB {
    padding-right: 25px;
}
.inputSuffixB + .inputSuffix {
    right: -4px;
    left: auto;
    font-size: 18px;
}
.formField {
    position: relative;
}
input::-webkit-input-placeholder {
    color: #828f9a;
}
input::-ms-input-placeholder {
    color: #828f9a;
}
input::placeholder {
    color: #828f9a;
}
.tooltipBox.error.show {
    opacity: 0.95;
}
.tooltipBox.error .inner {
    box-shadow: none;
}
.tooltipBox .inner {
    max-width: 100%;
    padding: 5px 10px;
    color: #282d38;
    font-weight: 500;
    font-size: 13px;
    font-family: Rubik, Arial, sans-serif;
    text-align: left;
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 20px #0009;
}
.tooltipBox .arrow {
    margin-left: 0;
}
.tooltipBox .arrow:before {
    position: absolute;
    top: -1px !important;
    border-color: transparent;
    border-style: solid;
    border-width: 0.4rem 0.4rem 0 !important;
    border-top-color: inherit !important;
    content: "";
}
@-webkit-keyframes showNoty {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    60% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes showNoty {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    60% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.notyBlock {
    position: fixed;
    top: calc(var(--safe-area-inset-top) + 15px);
    left: 50%;
    z-index: 999999;
    height: 0;
}
.notyBlock .notyItem {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 15px #676767;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.3s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.3s;
    transition: transform 0.4s, opacity 0.3s, -webkit-transform 0.4s;
}
.notyBlock .notyItem.success {
    color: #66bb6a;
}
.notyBlock .notyItem.error {
    color: #ef5350;
}
.notyBlock .notyItem.info {
    color: #42a5f5;
}
.notyBlock .notyItem.default {
    color: #bdbdbd;
}
.notyBlock .notyItem.show {
    opacity: 1;
}
.notyBlock .notyItem:not(.show) {
    z-index: 0;
    opacity: 0;
}
.notyBlock .notyItem .notyWrap {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    min-width: 290px;
    max-width: 400px;
    min-height: 50px;
    padding: 10px 45px 10px 50px;
    overflow: hidden;
    font-size: 11px;
    line-height: 14px;
}
.notyBlock .notyItem .notyWrap .notyAside {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    text-align: center;
}
.notyBlock .notyItem .notyWrap .notyAside svg {
    -webkit-animation: showNoty 0.3s;
    animation: showNoty 0.3s;
}
.notyBlock .notyItem .notyWrap .notyTitle {
    padding-bottom: 5px;
    color: #616161;
    font-size: 15px;
}
.notyBlock .notyItem .notyWrap .notyMessage {
    color: #9e9e9e;
}
.notyBlock .notyItem .notyWrap .notyClose {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    color: #bdbdbd;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    background-color: initial;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.notyBlock .notyItem .notyWrap .notyClose svg {
    width: 10px;
    height: 10px;
}
.notyBlock .notyItem .notyWrap .notyClose:active,
.notyBlock .notyItem .notyWrap .notyClose:focus,
.notyBlock .notyItem .notyWrap .notyClose:hover {
    outline: none;
    transform: scale(1.15);
}
.notyBlock .notyItem .notyWrap .notyClose .notyButtons {
    display: flex;
    justify-content: space-between;
    margin: 0 0 12px;
    padding: 0 12px;
}
.notyBlock .notyItem .notyWrap .notyClose .notyButtons .btn {
    width: 60%;
    padding: 7px 0;
}
.notyBlock .notyItem .notyWrap .notyClose .notyButtons .btn:first-child {
    width: 40%;
    margin-right: 10px;
    color: #000;
    background-color: initial;
    border-color: #efefef;
}
.notyBlock .notyItem .notyWrap .notyClose .notyButtons .btn:first-child:focus,
.notyBlock .notyItem .notyWrap .notyClose .notyButtons .btn:first-child:hover {
    color: #000 !important;
    background-color: initial !important;
    border-color: #e86376 !important;
}
.intercomWidget {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 100;
    padding: 18px 20px;
    color: #828f9a;
    font-size: 16px;
    background-color: #1c2028;
    border-radius: 64px;
    transform: translate(-26px);
    cursor: pointer;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.intercomWidget:hover {
    background-color: #232833;
}
.intercomWidget.offset {
    transform: translate(-390px);
}
@media (max-width: 1099px) {
    .intercomWidget.offset {
        transform: translate(-336px);
    }
}
@media (max-width: 900px) {
    .intercomWidget {
        display: none;
    }
}
.newYearContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
}
.newYearContainer .newYearWrapper {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    color: #828f9a;
    border-radius: 6px;
}
.newYearContainer .newYearWrapper .tabsContainer button {
    position: absolute;
    top: 40px;
    right: 15px;
    width: 38px;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.newYearContainer .newYearWrapper .tabsContainer button:hover svg {
    fill: #000;
}
.newYearContainer .newYearWrapper .tabsContainer button svg {
    display: block;
    width: 25px;
    height: 25px;
    transition: all 0.3s;
    fill: #828f9a;
}
.newYearContainer .newYearWrapper .newYearContent {
    padding: 20px 0;
}
.newYearContainer .newYearWrapper .newYearContent .christmasTree {
    display: block;
    width: 250px;
    margin: 0 auto;
}
.newYearContainer .newYearWrapper .newYearContent .logo {
    display: block;
    width: 200px;
    margin: 25px auto;
}
.newYearContainer .newYearWrapper .newYearContent .title {
    display: block;
    width: 100%;
    margin: 20px auto;
    color: #000;
    font-size: 25px;
    text-align: center;
}
.newYearContainer .newYearWrapper .newYearContent .event {
    display: block;
    width: 100%;
    max-width: 75%;
    margin: 20px auto;
    color: #000;
    font-size: 20px;
    text-align: center;
}
.newYearContainer .newYearWrapper .newYearContent ul {
    max-width: 75%;
    margin: 0 auto;
    padding-left: 0;
    font-size: 17px;
    list-style: none;
}
.newYearContainer .newYearWrapper .newYearContent ul li {
    margin-top: 5px;
    padding-left: 1em;
    text-indent: -1em;
}
.newYearContainer .newYearWrapper .newYearContent ul li:first-child {
    margin-top: 0;
}
.newYearContainer .newYearWrapper .newYearContent ul li:before {
    margin-right: 5px;
    padding-right: 15px;
    background-image: url(https://cdn.selector-casino.io/assets/png/star.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.candy {
    position: absolute;
    bottom: 10px;
    left: 56px;
    z-index: 2;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(65deg);
    cursor: pointer;
    transition: transform 0.5s ease 0.2s;
}
.candy img {
    width: 100%;
    max-width: 100%;
}
.candy .candyIcon {
    transition: transform 0.5s ease 0.2s;
}
.candy .candyIcon:hover,
.candy .candyIcon.active {
    transform: rotate(65deg) translateY(-15px);
}
.candy.leftBarOpen {
    left: 165px;
}
@media (max-width: 900px) {
    .candy {
        bottom: 60px;
        left: -11.25px;
        width: 45px;
    }
    .candy .candyIcon:hover,
    .candy .candyIcon.active {
        transform: rotate(65deg) translateY(-11.25px);
    }
    .candy.leftBarOpen {
        left: -11.25px;
    }
}
@media (max-width: 400px) {
    .candy {
        left: -7.5px;
        width: 30px;
    }
    .candy .candyIcon:hover,
    .candy .candyIcon.active {
        transform: rotate(65deg) translateY(-7.5px);
    }
    .candy.leftBarOpen {
        left: -7.5px;
    }
}
.amlContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.amlContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.amlContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.amlContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.amlContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.amlContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.amlContainer .amlBlock {
    display: flex;
    flex-wrap: wrap;
    color: inherit;
}
.amlContainer .amlBlock p {
    font-size: 16px;
}
.amlContainer .amlBlock p:first-child {
    margin-top: 20px;
}
@media (max-width: 1100px) {
    .amlContainer .amlBlock p {
        font-size: 14px;
    }
}
@media (max-width: 480pxpx) {
    .amlContainer .amlBlock p {
        font-size: 13px;
    }
}
@media (max-width: 900px) {
    .amlContainer {
        padding: 15px;
    }
    .amlContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .amlContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .amlContainer .headerBlock .info {
        font-size: 13px;
    }
}
.sliderBlock {
    margin-bottom: 40px;
    padding-bottom: 0;
}
.sliderBlock .sliderInner .sliderItem img {
    height: 225px;
}
@media (max-width: 999px) {
    .sliderBlock {
        margin-bottom: 30px;
    }
}
@media (max-width: 600px) {
    .sliderBlock {
        margin-bottom: 15px;
    }
}
.landingMenuSection .placeholdersBlock {
    display: flex;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder {
    display: none;
    width: 50%;
    cursor: pointer;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder:hover .placeholderTitle,
.landingMenuSection .placeholdersBlock .menuPlaceholder:focus .placeholderTitle,
.landingMenuSection .placeholdersBlock .menuPlaceholder.open .placeholderTitle {
    color: #fff;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder:hover .placeholderIcon svg,
.landingMenuSection .placeholdersBlock .menuPlaceholder:focus .placeholderIcon svg,
.landingMenuSection .placeholdersBlock .menuPlaceholder.open .placeholderIcon svg {
    color: #fff;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder:hover .arrow,
.landingMenuSection .placeholdersBlock .menuPlaceholder:focus .arrow,
.landingMenuSection .placeholdersBlock .menuPlaceholder.open .arrow {
    color: #fff;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder.open .arrow {
    transform: rotate(180deg);
}
.landingMenuSection .placeholdersBlock .menuPlaceholder .placeholderIcon {
    display: none;
    width: 24px;
    height: 24px;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder .placeholderIcon svg {
    width: 24px;
    height: 24px;
    color: #828f9a;
    transition: all 0.3s ease;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder .placeholderTitle {
    overflow: hidden;
    color: #828f9a;
    font-size: 16px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
.landingMenuSection .placeholdersBlock .menuPlaceholder .arrow {
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: #828f9a;
    transition: 0.2s;
}
@media (max-width: 1365px) {
    .landingMenuSection .placeholdersBlock .menuPlaceholder {
        display: flex;
        align-items: center;
        padding: 20px 15px;
        background-color: #242932;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .landingMenuSection .placeholdersBlock .menuPlaceholder:first-child {
        border-right: 1px solid #1c2028;
        border-bottom-right-radius: 0;
    }
    .landingMenuSection .placeholdersBlock .menuPlaceholder:last-child {
        border-left: 1px solid #1c2028;
        border-bottom-left-radius: 0;
    }
    .landingMenuSection .placeholdersBlock .menuPlaceholder.open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}
.landingMenuSection .menuBlock {
    position: relative;
    display: flex;
}
.landingMenuSection .menuBlock .menuPlaceholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    padding: 20px 15px;
    background-color: #1c2028;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}
.landingMenuSection .menuBlock .menuPlaceholder:hover .placeholderTitle,
.landingMenuSection .menuBlock .menuPlaceholder:focus .placeholderTitle,
.landingMenuSection .menuBlock .menuPlaceholder.open .placeholderTitle {
    color: #fff;
}
.landingMenuSection .menuBlock .menuPlaceholder:hover .arrow,
.landingMenuSection .menuBlock .menuPlaceholder:focus .arrow,
.landingMenuSection .menuBlock .menuPlaceholder.open .arrow {
    color: #fff;
}
.landingMenuSection .menuBlock .menuPlaceholder.open .arrow {
    margin-top: 7px;
    transform: rotate(180deg);
}
.landingMenuSection .menuBlock .menuPlaceholder .placeholderTitle {
    overflow: hidden;
    color: #828f9a;
    font-size: 16px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
.landingMenuSection .menuBlock .menuPlaceholder .arrow {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    color: #828f9a;
    transition: 0.2s;
}
@media (max-width: 1365px) {
    .landingMenuSection .menuBlock .menuPlaceholder {
        display: none;
    }
}
.menuWrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
}
.menuWrapper::-webkit-scrollbar {
    display: none;
}
@media (max-width: 900px) {
    .menuWrapper {
        position: relative;
        flex-wrap: nowrap;
        max-width: 100%;
    }
    .menuWrapper::-webkit-scrollbar {
        display: none;
    }
}
.menuWrapper.providers {
    position: absolute;
    left: -99999px;
    z-index: 9999;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin-top: 96px;
    background: #1a1d25;
}
.menuWrapper.providers a {
    padding: 10px 0;
    background-color: #21242d;
    border-radius: 5px;
    cursor: pointer;
}
.menuWrapper.providers a:hover {
    background-color: #242932;
}
.menuWrapper.providers a .menuTitle {
    max-width: 80%;
    margin: 0 auto;
}
.menuWrapper.providers.open {
    left: 0;
    padding: 30px 20px 13px;
}
.menuWrapper.providers.open a {
    width: 23%;
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
}
.menuWrapper.providers.open a .menuIcon {
    width: 46px;
    height: 36px;
    margin-bottom: 3px;
}
.menuWrapper a,
.menuWrapper .itemCategories {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 12.5%;
    padding: 20px;
    border-bottom: 1px solid #2e3542;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.menuWrapper a:last-child,
.menuWrapper .itemCategories:last-child {
    margin-right: 0;
}
.menuWrapper a.active,
.menuWrapper .itemCategories.active {
    color: #fff;
    background-color: #047cfc;
}
@media (max-width: 1550px) {
    .menuWrapper a,
    .menuWrapper .itemCategories {
        width: auto;
    }
}
@media (max-width: 900px) {
    .menuWrapper a,
    .menuWrapper .itemCategories {
        width: auto;
        min-width: 120px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
.menuWrapper a:hover,
.menuWrapper .itemCategories:hover {
    border-bottom: 1px solid #047cfc;
}
@media (max-width: 900px) {
    .menuWrapper a:hover,
    .menuWrapper .itemCategories:hover {
        background-color: transparent;
    }
}
.menuWrapper a:hover .menuIcon svg,
.menuWrapper .itemCategories:hover .menuIcon svg {
    color: #fff;
}
@media (max-width: 900px) {
    .menuWrapper a:hover .menuIcon svg,
    .menuWrapper .itemCategories:hover .menuIcon svg {
        color: #828f9a;
    }
}
.menuWrapper a:hover .menuTitle,
.menuWrapper .itemCategories:hover .menuTitle {
    color: #fff;
}
@media (max-width: 900px) {
    .menuWrapper a:hover .menuTitle,
    .menuWrapper .itemCategories:hover .menuTitle {
        color: #828f9a;
    }
}
.menuWrapper a .menuIcon,
.menuWrapper .itemCategories .menuIcon {
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-right: 10px;
    fill: #828f9a;
}
.menuWrapper a .menuIcon svg,
.menuWrapper a .menuIcon img,
.menuWrapper .itemCategories .menuIcon svg,
.menuWrapper .itemCategories .menuIcon img {
    width: 100%;
    height: 100%;
    color: #828f9a;
    transition: all 0.3s ease;
}
.menuWrapper a .menuTitle,
.menuWrapper .itemCategories .menuTitle {
    color: #828f9a;
    white-space: nowrap;
    transition: all 0.3s ease;
}
.gamesBoxTitle {
    width: 100%;
    margin: 24px 0 0;
}
.gamesBoxTitle:first-child {
    margin-top: 0;
}
.gamesBoxTitle h4 {
    position: relative;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
}
@media (max-width: 375px) {
    .gamesBoxTitle h4 {
        font-size: 16px;
    }
}
.gamesBoxTitle h4.tagNew:before {
    position: absolute;
    top: -14px;
    right: -15px;
    padding: 2px 5px;
    color: #fff;
    font-size: 9px;
    background-color: #d02121;
    border-radius: 5px;
    content: "NEW";
}
.mobileAppContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 0 auto -5px;
    padding: 15px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #272d39;
    border-radius: 6px;
    outline: none;
}
.mobileAppContainer .icons {
    margin-left: auto;
}
.mobileAppContainer .icons svg {
    font-size: 16px;
}
.mobileAppContainer .icons svg:first-child {
    margin-right: 10px;
}
.mobileAppContainer .icons svg:last-child {
    fill: #a4c639;
}
.casinoInfo {
    width: 100%;
    margin-top: 24px;
    color: inherit;
}
.casinoInfo .infoWrapper {
    position: relative;
    max-height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.3s ease;
}
.casinoInfo .infoWrapper.open {
    max-height: 3000px;
}
.casinoInfo .infoWrapper:not(.open):after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    background: linear-gradient(transparent 1rem, #1c2028);
    content: "";
}
.casinoInfo .infoWrapper .twoColumns {
    display: flex;
}
.casinoInfo .infoWrapper .twoColumns .info {
    width: 47.5%;
}
.casinoInfo .infoWrapper .twoColumns .info:first-child {
    margin-right: 5%;
}
.casinoInfo .infoWrapper .twoColumns .info h1,
.casinoInfo .infoWrapper .twoColumns .info h2 {
    font-weight: 400;
    font-size: 20px;
}
.casinoInfo .infoWrapper .twoColumns .info h4 {
    font-size: 18px;
}
@media (max-width: 1200px) {
    .casinoInfo .infoWrapper .twoColumns {
        flex-direction: column;
    }
    .casinoInfo .infoWrapper .twoColumns .info {
        width: 100%;
        margin: 0;
    }
}
.casinoInfo .showMore {
    margin: 20px auto 0;
    text-align: center;
}
@media (max-width: 1099px) {
    .casinoInfo {
        width: 100%;
        margin: 24px auto 0;
    }
}
.providersBox {
    margin-top: 15px;
}
.providersBox .gamesBoxPlaceholder {
    display: flex;
    width: 100%;
    overflow: hidden;
}
.providersBox .gamesBoxPlaceholder .item {
    min-width: 16%;
    margin-right: 10px;
}
.providersBox .gamesBoxPlaceholder .item .thumb {
    background-color: #1c2028 !important;
}
.providersBox .gamesBoxPlaceholder .item img {
    background-repeat: no-repeat;
    background-size: contain !important;
    filter: none !important;
}
.providersBox .item {
    width: 100%;
    height: 70px;
    background-color: #21242d;
    border-radius: 10px;
    cursor: pointer;
}
.providersBox .item:hover .card .thumb .img {
    filter: invert(1) opacity(0.6);
}
.providersBox .item .card {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}
.providersBox .item .card .thumb {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #1c2028;
    border-radius: 10px;
    transform-origin: center;
    transition: transform 0.1s linear;
    will-change: transform;
}
.providersBox .item .card .thumb:hover img {
    filter: invert(1) opacity(1);
}
.providersBox .item .card .thumb img {
    max-width: 80%;
    max-height: 65%;
    margin: auto;
    filter: invert(1) opacity(0.7);
}
@media (max-width: 1099px) {
    .providersBox {
        width: 100%;
        margin: 10px auto 0;
    }
}
.liveRtpGamesBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% + 28px);
    margin: 0 -14px -10px;
}
.liveRtpGamesBox > .item {
    width: 49%;
    height: 78px;
    margin-bottom: 10px;
    padding: 6px;
    background-color: #21242d;
    border-radius: 10px;
}
.liveRtpGamesBox > .item:hover {
    background-color: #272d39;
}
.liveRtpGamesBox > .item .card {
    position: relative;
    display: flex;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}
.liveRtpGamesBox > .item .card .left {
    display: flex;
}
.liveRtpGamesBox > .item .card .left .thumb {
    position: relative;
    width: 85px;
    padding-bottom: 65px;
    overflow: hidden;
    border-radius: 10px;
    transform-origin: center;
    transition: transform 0.1s linear;
    will-change: transform;
}
.liveRtpGamesBox > .item .card .left .thumb .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    -webkit-user-select: none;
    user-select: none;
}
.liveRtpGamesBox > .item .card .left .bottom {
    margin-top: 10px;
    margin-left: 15px;
}
.liveRtpGamesBox > .item .card .left .bottom .name {
    max-width: 160px;
    overflow: hidden;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 440px) {
    .liveRtpGamesBox > .item .card .left .bottom .name {
        max-width: 120px;
    }
}
.liveRtpGamesBox > .item .card .left .bottom .provider {
    overflow: hidden;
    color: #ffffff70;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 340px) {
    .liveRtpGamesBox > .item .card .left .bottom {
        display: none;
    }
}
.liveRtpGamesBox > .item .card .right {
    display: flex;
    flex-direction: column;
    justify-content: right;
    width: 100%;
    margin-top: 5px;
}
.liveRtpGamesBox > .item .card .right .badge {
    max-width: 95px;
    margin-top: 5px;
    margin-left: auto;
    padding: 3px 10px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    border-radius: 5px;
}
.liveRtpGamesBox > .item .card .right .badge.red {
    margin-top: 0;
    background-color: #dc3545;
}
.liveRtpGamesBox > .item .card .right .badge.red svg {
    margin-top: -3px;
    transform: rotate(270deg) scale(1.2);
}
@media (max-width: 1080px) {
    .liveRtpGamesBox > .item {
        width: 100%;
        margin-right: 0;
    }
}
@media (max-width: 1099px) {
    .liveRtpGamesBox {
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 969px) {
    .liveRtpGamesBox {
        width: calc(100% + 14px);
        margin-right: -7px;
        margin-left: -7px;
    }
}
.gamesBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0 0;
}
.gamesBox [class*="swiper-wrapper"] {
    margin-top: 5px;
}
.gamesBox .gamesBoxPlaceholder {
    display: flex;
    width: 100%;
    overflow: hidden;
}
.gamesBox .gamesBoxPlaceholder .item {
    min-width: 16%;
    margin-right: 10px;
}
.gamesBox .gamesBoxPlaceholder .item .img {
    background-color: #272d39 !important;
    background-repeat: no-repeat;
    background-size: contain !important;
}
.gamesBox .playerCount {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0 auto 0 auto;
    margin-top: 10px;
}
.gamesBox .playerCount .playerText {
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #738198;
}
.gamesBox .playerCount .pulseDot {
    width: 6.5px;
    height: 6.5px;
    position: relative;
    margin-left: 2px;
    animation: pulse 1s infinite ease-out;
    z-index: 1;
    background: #1fff20;
    border-radius: 50%;
}
.gamesBox .playerCount .playerNumber {
    font-weight: 600;
    text-align: left;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
}
.gamesBox .item {
    position: relative;
    margin: 0;
    overflow: hidden;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
    transition: transform 0.1s linear, -webkit-transform 0.1s linear;
    will-change: transform;
}
.gamesBox .item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.gamesBox .item:hover .gameOverlay {
    visibility: visible !important;
}
.gamesBox .item.big {
    width: 16%;
}
@media (min-width: 1186px) and (max-width: 1624px) {
    .gamesBox .item.big {
        width: 19%;
    }
}
@media (min-width: 984px) and (max-width: 1185px) {
    .gamesBox .item.big {
        width: 24%;
    }
}
@media (min-width: 901px) and (max-width: 983px) {
    .gamesBox .item.big {
        width: 32.33%;
    }
}
@media (min-width: 791px) and (max-width: 900px) {
    .gamesBox .item.big {
        width: 19%;
    }
}
@media (min-width: 636px) and (max-width: 790px) {
    .gamesBox .item.big {
        width: 24%;
    }
}
@media (min-width: 484px) and (max-width: 635px) {
    .gamesBox .item.big {
        width: 32.33%;
    }
}
@media (min-width: 320px) and (max-width: 483px) {
    .gamesBox .item.big {
        width: 48.5%;
    }
}
.gamesBox .item .gameOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 30px 16px;
    background-color: #0000004d;
    visibility: hidden;
    transition-delay: 0.4s;
    transition-property: visibility;
}
.gamesBox .item .gameOverlay .gameOverlayTitle {
    position: absolute;
    top: 20px;
    right: 10px;
    left: 10px;
    z-index: 1;
    max-width: 100%;
    max-height: 62px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
}
@media (min-width: 540px) and (max-width: 1600px) {
    .gamesBox .item .gameOverlay .gameOverlayTitle {
        top: 15px;
        max-height: 43px;
    }
}
@media (min-width: 975px) and (max-width: 1600px) {
    .gamesBox .item .gameOverlay .gameOverlayTitle {
        font-size: 12px;
    }
}
@media (max-width: 539px) {
    .gamesBox .item .gameOverlay .gameOverlayTitle {
        top: 10px;
        max-height: 46px;
        font-size: 12px;
    }
}
@media (max-width: 373px) {
    .gamesBox .item .gameOverlay .gameOverlayTitle {
        top: 5px;
    }
}
.gamesBox .item .gameOverlay .gameOverlayPlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gamesBox .item .gameOverlay .gameOverlayPlay svg {
    width: 35px;
    height: 35px;
    color: #fff;
    transition: transform 0.3s ease-in-out;
}
@media (max-width: 425px) {
    .gamesBox .item .gameOverlay .gameOverlayPlay svg {
        width: 30px;
        height: 30px;
    }
}
@media (max-width: 375px) {
    .gamesBox .item .gameOverlay .gameOverlayPlay svg {
        width: 25px;
        height: 25px;
    }
}
.gamesBox .item .gameOverlay .gameOverlayPlay svg:hover {
    transform: scale(1.2);
}
.gamesBox .item .gameOverlay .gameOverlayProvider {
    position: absolute;
    right: 10px;
    bottom: 30px;
    left: 10px;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    text-transform: capitalize;
    text-overflow: ellipsis;
}
@media (min-width: 426px) and (max-width: 1600px) {
    .gamesBox .item .gameOverlay .gameOverlayProvider {
        font-size: 14px;
    }
}
@media (max-width: 425px) {
    .gamesBox .item .gameOverlay .gameOverlayProvider {
        bottom: 20px;
        max-height: 30px;
        font-size: 12px;
    }
}
@media (max-width: 375px) {
    .gamesBox .item .gameOverlay .gameOverlayProvider {
        max-height: 30px;
        font-size: 11px;
    }
}
.gamesBox .item .card {
    position: relative;
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}
.gamesBox .item .card.soon {
    overflow: hidden;
    opacity: 0.4;
    pointer-events: none;
}
.gamesBox .item .card .gameSoon {
    position: absolute;
    top: 50%;
    left: -10%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120%;
    height: 35%;
    padding-bottom: 4px;
    color: #fff;
    font-size: 18px;
    font-family: "Exo 2", Open Sans, sans-serif;
    background: #353c4a;
    -webkit-transform: rotate(-15deg) translateY(-50%);
    transform: rotate(-15deg) translateY(-50%);
    opacity: 0.9;
}
.gamesBox .item .card .thumb {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 132%;
    overflow: hidden;
    border-radius: 10px;
    transform-origin: center;
    transition: transform 0.1s linear;
    will-change: transform;
}
.gamesBox .item .card .thumb .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition-delay: 0.4s;
    transition-property: filter;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.gamesBox .item .card .thumb .online {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 4px 10px 2px 13px;
    color: #fff;
    font-size: 12px;
    background: #00000059;
    border-radius: 18px 0 0;
}
.gamesBox .item .card .thumb .online svg {
    margin: -1px 3px 0 0;
    font-size: 9px;
}
.gamesBox .item .card .thumb .badge {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    padding: 1% 10%;
    color: #fff;
    font-weight: 500;
    font-size: 80%;
    line-height: 16px;
}
.gamesBox .item .card .thumb .badge.right {
    right: 0;
    border-radius: 0 0 0 25px;
}
.gamesBox .item .card .thumb .badge.left {
    left: 0;
    border-radius: 0 0 25px;
}
.gamesBox .item .card .thumb .badge.new {
    color: #fff;
    background-color: #1070e3;
}
.gamesBox .item .card .thumb .badge.newYear {
    top: auto;
    bottom: 0;
    left: 0;
    padding: 5px;
    background-color: transparent;
}
.gamesBox .item .card .thumb .badge.top {
    color: #fff;
    background: #219a19;
}
.gamesBox .item .card .thumb .badge.select {
    color: #fff;
    background: #ff5722;
}
.gamesBox .item .card .thumb .badge.tournament {
    color: #000;
    background: #fce820;
}
.gamesBox .item .card .thumb .badge.rtpUp {
    padding-right: 10px;
    color: #fff;
    background: #dc3545;
}
.gamesBox .item .card .thumb .badge.rtpUp svg {
    margin-left: 2px;
    transform: rotate(270deg) scale(1.5);
}
.gamesBox .item .card .thumb .badge.crash {
    color: #000;
    background: #ffd30e;
}
.gamesBox .item .card .thumb .badge.live {
    color: #fff;
    background: #6da1ff;
}
.gamesBox .item .card .thumb .badge.jackpot {
    color: #fff;
    background: #bf3632;
}
.gamesBox .item .card .thumb .badge.minbet {
    padding-right: 10px;
    color: #fff;
    background: #8b3ffd;
}
.gamesBox .item .card .thumb .badge.minbet svg {
    margin-left: 2px;
    transform: rotate(270deg) scale(1.5);
}
.gamesBox .item .card .bottom {
    margin: 1px;
}
.gamesBox .item .card .bottom .name {
    overflow: hidden;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gamesBox .item .card .bottom .provider {
    overflow: hidden;
    color: #ffffff70;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 1180px) {
    .gamesBox > .item {
        width: 23%;
    }
    .gamesBox > .item.big {
        width: 31%;
    }
}
@media (max-width: 1099px) {
    .gamesBox {
        width: 100%;
        margin: 10px auto 0;
    }
}
@media (max-width: 900px) {
    .gamesBox > .item {
        width: 23%;
    }
    .gamesBox > .item.big {
        width: 31%;
    }
    .gamesBox > .item .card:hover .thumb {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }
}
@media (max-width: 700px) {
    .gamesBox > .item {
        width: 31%;
    }
    .gamesBox > .item.big {
        width: 30.5%;
    }
}
@media screen and (max-width: 549px) {
    .gamesBox > .item {
        width: 47.5%;
    }
}
@media (max-width: 450px) {
    .gamesBox > .item {
        width: 30.5%;
    }
}
.awssld__box,
.awssld__content,
.awssld__container figure {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.awssld__bullets button,
.awssld__controls button {
    outline-width: 0;
    outline-style: none;
    outline-color: 0;
}
.awssld {
    --organic-arrow-thickness: 4px;
    --organic-arrow-height: 40px;
    --slider-height-percentage: 60%;
    --loader-bar-color: rgba(0, 0, 0, 0.2117647059);
    --loader-bar-height: 6px;
    --control-button-width: 10%;
    --control-button-height: 25%;
    --control-button-opacity: 0.5;
    --control-button-hover-opacity: 0.75;
    --control-button-background: transparent;
    --transition-bezier: cubic-bezier(0.5, 0.075, 0.25, 0.95);
    --slider-transition-duration: 575ms;
    --organic-arrow-color: #6a6a6a;
    --organic-arrow-border-radius: 0;
    --control-bullet-color: rgba(255, 255, 255, 0.4784313725);
    --control-bullet-active-color: #fff;
    --content-background-color: #2f2f2f;
}
.awssld {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 280px;
}
.awssld__wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.awssld__container {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: var(--slider-height-percentage);
}
@media all and (max-width: 500px) {
    .awssld__container {
        padding-bottom: calc(var(--slider-height-percentage) * 1.25);
    }
}
.awssld__startUp {
    width: 100%;
    height: 100%;
    background-color: red;
}
.awssld__startUp > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.awssld__startUp img {
    width: 35%;
    height: auto;
}
.awssld__content {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--content-background-color);
    border-radius: 8px;
}
.awssld__content > img,
.awssld__content > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.awssld__content .sliderItem {
    z-index: 1;
    width: 100%;
    height: 100%;
}
.awssld__content .sliderItem svg {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.awssld__content .sliderItem .sliderContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 15px;
}
.awssld__content .sliderItem .sliderContent .title {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    background-color: #00000042;
    border-radius: 10px;
}
.awssld__content .sliderItem .sliderContent .description {
    display: inline-block;
    margin-top: 5px;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    background-color: #00000042;
    border-radius: 10px;
}
.awssld__content .sliderItem .sliderContent button {
    display: block;
    margin-top: 15px;
    padding: 7px 30px;
    color: #047cfc;
    font-weight: 500;
    font-size: 1.1rem;
    text-transform: uppercase;
    background-color: #fff;
    border-color: transparent;
    border-radius: 20px;
    transition: all 0.3s ease;
}
.awssld__content .sliderItem .sliderContent button:hover {
    transform: scale(1.05);
}
.awssld__content .sliderItem .sliderContent button.purple {
    color: #5600cb;
}
.awssld__content .sliderItem .sliderContent button.magenta {
    color: #ce1e65;
}
.awssld__content .sliderItem .sliderContent button.black {
    color: #000;
}
.awssld__content .sliderItem .sliderContent button.orange {
    color: #ff3c00;
}
.awssld__content .sliderItem .sliderContent button.blue {
    color: #057bfb;
}
.awssld__content .sliderItem .sliderContent .bonusesList {
    position: absolute;
    bottom: 25px;
    left: 15px;
    display: flex;
}
.awssld__content .sliderItem .sliderContent .bonusesList .item {
    display: flex;
}
.awssld__content .sliderItem .sliderContent .bonusesList .item:not(:last-child) {
    margin-right: 30px;
}
.awssld__content .sliderItem .sliderContent .bonusesList .item img {
    position: relative;
    top: 10px;
    width: 35px;
    height: 35px;
}
.awssld__content .sliderItem .sliderContent .bonusesList .item .features {
    margin-top: 10px;
    margin-left: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
@media (max-width: 500px) {
    .awssld__content .sliderItem .sliderContent .bonusesList {
        display: none;
    }
}
.awssld__content .sliderItem .img {
    position: absolute;
    z-index: 1;
}
.awssld__content .sliderItem .img.partner {
    top: 5%;
    right: 2.5%;
    height: 95%;
}
.awssld__content .sliderItem .img.bonus {
    top: 0;
    right: -60px;
    height: 100%;
}
.awssld__content .sliderItem .img img {
    height: 100%;
}
.awssld__controls button {
    position: absolute;
    top: calc(50% - 0.5 * var(--control-button-height));
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--control-button-width);
    height: var(--control-button-height);
    color: #fff;
    background-color: var(--control-button-background);
    border: none;
    cursor: pointer;
}
.awssld__controls button .awssld__controls__arrow-left,
.awssld__controls button .awssld__controls__arrow-right {
    opacity: var(--control-button-opacity);
}
.awssld__controls button:hover .awssld__controls__arrow-left,
.awssld__controls button:hover .awssld__controls__arrow-right {
    opacity: var(--control-button-opacity-hover);
}
.awssld__controls--active .awssld__controls__arrow-left {
    transform: translate3d(-100%, 0, 0);
    opacity: var(--control-button-opacity-hover);
}
.awssld__controls--active .awssld__controls__arrow-right {
    transform: translate3d(100%, 0, 0);
    opacity: var(--control-button-opacity-hover);
}
.awssld__controls--hidden {
    display: none;
}
@media all and (max-width: 520px) {
    .awssld__controls {
        visibility: hidden;
    }
}
.awssld__bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    display: block;
    width: 100%;
    height: var(--loader-bar-height);
    background-color: var(--loader-bar-color);
    transform: translate3d(-100%, 0, 0);
    transition: transform 3s var(--transition-bezier);
}
.awssld__bar--active {
    transform: translate3d(-20%, 0, 0);
}
.awssld__bar--end {
    transform: translateZ(0);
    transition-duration: 0.3s;
}
.awssld__next {
    right: 0;
}
.awssld__prev {
    left: 0;
}
.awssld__box {
    z-index: 1;
    visibility: hidden;
}
.awssld--animated {
    visibility: visible;
    will-change: transform;
}
.awssld--animated-mobile {
    transition: transform 325ms cubic-bezier(0.15, 0.65, 0.1, 1);
    will-change: transform;
}
.awssld--active {
    z-index: 2;
    transform: translateZ(0);
    visibility: visible;
}
.awssld--moveRight,
.awssld--moveLeft {
    backface-visibility: hidden;
}
.awssld--moveRight {
    animation: slideFromRight var(--slider-transition-duration) both var(--transition-bezier);
}
.awssld--moveLeft {
    animation: slideFromLeft var(--slider-transition-duration) both var(--transition-bezier);
}
.awssld--exit {
    z-index: 0;
}
.awssld--exit.awssld--moveLeft {
    animation: slideToLeft var(--slider-transition-duration) both var(--transition-bezier);
}
.awssld--exit.awssld--moveRight {
    animation: slideToRight var(--slider-transition-duration) both var(--transition-bezier);
}
.awssld--first .awssld__prev,
.awssld--last .awssld__next {
    visibility: hidden;
}
.awssld--fill-parent {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.awssld--fill-parent .awssld__container {
    height: 100%;
    padding: 0;
}
.awssld__bullets {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.awssld__bullets button {
    display: block;
    width: 20px;
    height: 5px;
    margin: 5px;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: var(--control-bullet-color);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.225s cubic-bezier(0.8, 1.35, 0.75, 1.45), background-color 0.175s ease-out;
}
.awssld__bullets button:hover,
.awssld__bullets .awssld__bullets--loading {
    transform: scale(1.2);
}
.awssld__bullets .awssld__bullets--active {
    background: var(--control-bullet-active-color);
    transform: scale(1.5);
}
.awssld__bullets .awssld__bullets--active:hover {
    transform: scale(1.5);
}
.awssld__controls__arrow-left,
.awssld__controls__arrow-right {
    position: relative;
    display: block;
    width: 100%;
    height: var(--organic-arrow-height);
    transition: transform 0.2s ease-out 0.125s, opacity 0.2s ease-out;
}
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-left:after,
.awssld__controls__arrow-right:before,
.awssld__controls__arrow-right:after {
    position: absolute;
    right: calc(50% - 0.7071 * (var(--organic-arrow-height) + var(--organic-arrow-thickness)) / 2);
    width: var(--organic-arrow-thickness);
    height: 100%;
    background-color: var(--organic-arrow-color);
    border-radius: var(--organic-arrow-border-radius);
    transition: transform 0.15s ease-out, background-color 0.15s ease-out;
    content: " ";
}
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-right:before {
    top: -50%;
    transform: rotate(-45deg);
    transform-origin: 100% 100% 0;
}
.awssld__controls__arrow-left:after,
.awssld__controls__arrow-right:after {
    top: 50%;
    transform: rotate(45deg);
    transform-origin: 100% 0% 0;
}
.awssld__controls__arrow-right--active {
    transform: translate3d(100%, 0, 0);
}
.awssld__controls__arrow-right--active:after {
    transform: rotate(90deg) translate3d(50%, 0, 0) !important;
}
.awssld__controls__arrow-right--active:before {
    transform: rotate(-90deg) translate3d(50%, 0, 0) !important;
}
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-left:after {
    right: auto;
    left: calc(50% - 0.7071 * (var(--organic-arrow-height) + var(--organic-arrow-thickness)) / 2);
}
.awssld__controls__arrow-left:before {
    top: -50%;
    transform: rotate(45deg);
    transform-origin: 0 100% 0;
}
.awssld__controls__arrow-left:after {
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: 0 0 0;
}
.awssld__controls__arrow-left--active {
    transform: translate3d(-100%, 0, 0);
}
.awssld__controls__arrow-left--active:after {
    transform: rotate(-90deg) translate3d(-50%, 0, 0) !important;
}
.awssld__controls__arrow-left--active:before {
    transform: rotate(90deg) translate3d(-50%, 0, 0) !important;
}
.awssld__controls button:hover .awssld__controls__arrow-left:before {
    transform: rotate(30deg);
    opacity: 1;
}
.awssld__controls button:hover .awssld__controls__arrow-left:after {
    transform: rotate(-30deg);
    opacity: 1;
}
.awssld__controls button:hover .awssld__controls__arrow-right:before {
    transform: rotate(-30deg);
    opacity: 1;
}
.awssld__controls button:hover .awssld__controls__arrow-right:after {
    transform: rotate(30deg);
    opacity: 1;
}
.awssld__timer {
    --timer-delay: 2s;
    --timer-release: 0.2s;
    --timer-height: 4px;
    --timer-background-color: rgb(0 0 0 / 0.15);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: var(--timer-height);
    background-color: var(--timer-background-color);
    transform: translate(-100%);
}
.awssld__timer--animated {
    transition: transform var(--timer-delay) linear;
    will-change: transform;
}
.awssld__timer--run {
    transform: translate(0);
}
.awssld__timer--fast {
    transform: translate(-0.00001px);
    transition: transform calc(var(--timer-release) / 2) linear;
}
.awssld__timer--end {
    transform: translate(-0.0001px);
    transition: transform var(--timer-release) linear;
}
.awssld__timer--hidden {
    display: none;
}
@keyframes slideFromLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes slideFromRight {
    0% {
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes slideToLeft {
    0% {
        transform: translateZ(0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideToRight {
    0% {
        transform: translateZ(0);
    }
    to {
        transform: translate3d(100%, 0, 0);
    }
}
.mainContainer .landingWrapper {
    display: flex;
    flex-direction: column;
    width: calc(100% - 60px);
    margin: 0 auto;
}
.mainContainer .landingWrapper .propsContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1250px;
    margin: 25px auto 0;
}
.mainContainer .landingWrapper .propsContainer.single .landingTournamentSection {
    width: 100% !important;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection {
    position: relative;
    display: flex;
    align-items: center;
    width: 49%;
    max-width: 1250px;
    height: 140px;
    padding: 20px 30px;
    overflow: hidden;
    color: inherit;
    background: #1c2028;
    border-radius: 10px;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.selector-casino.io/assets/png/Landing/tournamentBackground.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    content: "";
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent {
    position: relative;
    z-index: 1;
    width: 100%;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .caption {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 17px;
    white-space: nowrap;
    text-transform: uppercase;
}
@media (max-width: 330px) {
    .mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .caption {
        font-size: 13px;
    }
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .caption .bet {
    display: inline-flex;
    align-items: center;
    color: #2dc53a;
    font-weight: inherit;
    font-size: inherit;
    text-transform: uppercase;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .caption .bet .content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .caption .bet .icon {
    width: auto;
    height: auto;
    vertical-align: initial;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .caption .bet .icon.widthAuto {
    width: auto;
    height: auto;
    margin-left: 5px;
    vertical-align: initial;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .tagLine {
    max-width: 290px;
    color: #ffffffa6;
    white-space: pre-line;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent .tagLine .timer {
    color: #fff;
}
@media (max-width: 1365px) {
    .mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent {
        flex-direction: column;
        align-items: start;
    }
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper .propsContainer .landingTournamentSection .tournamentContent {
        pointer-events: none;
    }
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .itemFigure {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
    height: 100%;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .itemFigure img {
    width: auto;
    height: 100%;
    pointer-events: none;
}
@media (max-width: 1200px) {
    .mainContainer .landingWrapper .propsContainer .landingTournamentSection .itemFigure img {
        opacity: 0.2;
    }
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection .itemFigure .btnMore {
    position: absolute;
    right: 30px;
    z-index: 2;
    display: flex;
    height: 40px;
    margin-right: 0;
    padding: 9px 20px;
    color: inherit;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
    background: #20242d;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s ease-in;
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper .propsContainer .landingTournamentSection {
        height: 124px;
        padding: 20px;
    }
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection:hover .itemFigure img {
    opacity: 0.2;
}
.mainContainer .landingWrapper .propsContainer .landingTournamentSection:hover .itemFigure .btnMore {
    opacity: 1;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection {
    position: relative;
    display: flex;
    align-items: center;
    width: 49%;
    max-width: 1250px;
    height: 140px;
    padding: 20px 30px;
    overflow: hidden;
    color: inherit;
    background: #1c2028;
    border-radius: 10px;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.selector-casino.io/assets/png/Landing/vipBackground.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    content: "";
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent {
    position: relative;
    z-index: 1;
    width: 100%;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .caption {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 17px;
    white-space: nowrap;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .caption .emoji {
    display: flex;
    align-items: center;
    height: 22px;
    margin: 0 5px 0 0;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .caption .emoji img {
    width: auto;
    height: 20px;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .caption .truncate {
    max-width: 150px;
    margin-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .caption .truncate:before {
    display: inline-block;
    content: " ";
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block {
    width: 280px;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .smallText {
    display: flex;
    align-items: center;
    padding: 0 2px;
    color: #ffffffa6;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .smallText .progress {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    margin-right: 5px;
    margin-left: auto;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper {
    position: relative;
    width: 100%;
    margin: 7px 0 0 -2px;
    border: 1px solid transparent;
    border-radius: 3px;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBar {
    position: relative;
    height: 28px;
    margin-bottom: 0;
    padding: 2px;
    background: #242932;
    border-radius: 50px;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBar > span {
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    color: #fff;
    font-size: 13px;
    background: #337cff;
    border-radius: 50px;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBar.empty > span {
    padding-left: 25px;
    background: 0 0;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBar.empty:before {
    border-color: #191d25 transparent transparent;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBar,
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBar > span {
    display: flex;
    border-radius: 3px;
    -webkit-user-select: none;
    user-select: none;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBottom {
    position: absolute;
    top: 7px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 12px;
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBottom .item {
    display: flex;
    align-items: center;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block .progressWrapper .progressBottom .item img {
    height: 13px;
    margin: 0 5px 0 0;
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent .block {
        width: 100%;
    }
}
@media (max-width: 1365px) {
    .mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent {
        flex-direction: column;
        align-items: start;
    }
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper .propsContainer .landingVipSection .vipContent {
        pointer-events: none;
    }
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .itemFigure {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
    height: 100%;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .itemFigure img {
    width: auto;
    height: 100%;
    pointer-events: none;
}
@media (max-width: 1200px) {
    .mainContainer .landingWrapper .propsContainer .landingVipSection .itemFigure img {
        opacity: 0.2;
    }
}
.mainContainer .landingWrapper .propsContainer .landingVipSection .itemFigure .btnMore {
    position: absolute;
    right: 30px;
    z-index: 2;
    display: flex;
    height: 40px;
    margin-right: 0;
    padding: 9px 20px;
    color: inherit;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
    background: #20242d;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s ease-in;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection:hover .itemFigure img {
    opacity: 0.2;
}
.mainContainer .landingWrapper .propsContainer .landingVipSection:hover .itemFigure .btnMore {
    opacity: 1;
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper .propsContainer .landingVipSection {
        height: 124px;
        padding: 20px;
    }
    .mainContainer .landingWrapper .propsContainer .landingVipSection .itemFigure .btnMore {
        display: none;
    }
}
@media (max-width: 1550px) {
    .mainContainer .landingWrapper .propsContainer {
        flex-direction: column;
    }
    .mainContainer .landingWrapper .propsContainer .landingTournamentSection,
    .mainContainer .landingWrapper .propsContainer .landingVipSection {
        width: 100%;
    }
    .mainContainer .landingWrapper .propsContainer .landingVipSection {
        margin-top: 24px;
    }
}
.mainContainer .landingWrapper .landingWideWrapper {
    margin: -20px -60px 0;
    padding: 20px 60px;
    overflow: hidden;
    background: #191d25;
}
.mainContainer .landingWrapper .landingSliderSection {
    width: 100%;
    max-width: 1250px;
    min-height: 1px;
    margin: 0 auto 10px;
    padding: 0;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper .landingSliderSection .promoHeader {
        margin-top: -10px;
    }
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .label {
    position: relative;
    display: flex;
    align-items: center;
    height: 26px;
    padding-left: 26px;
    font-weight: 500;
    font-size: 18px;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .label button {
    color: #fff;
    background: transparent;
    border: 0;
    outline: none;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .label button img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .label button .btnLabel {
    margin-left: 8px;
    padding: 3px 6px;
    color: #808d98;
    font-weight: 400;
    background: #272d39;
    border-radius: 3px;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows {
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #738198;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 36px;
    border: 2px solid #3b4354;
    cursor: pointer;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows button[class*="swiper-button-disabled"] {
    cursor: auto;
    opacity: 0.5;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows button[class*="swiper-button-disabled"]:hover svg {
    transform: scale(1);
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows button:hover svg {
    transform: scale(1.2);
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows button svg {
    color: #738198;
    transition: transform 0.2s ease-in-out;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows .forward {
    border-radius: 0 10px 10px 0;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows .forward:active svg {
    transform: translate(4px);
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows .backward {
    border-right: none;
    border-radius: 10px 0 0 10px;
    transition: transform 0.3s ease-in-out;
}
.mainContainer .landingWrapper .landingSliderSection .promoHeader .arrows .backward:active svg {
    transform: translate(-4px);
}
.mainContainer .landingWrapper .landingSliderSection .card {
    position: relative;
    display: flex;
    transform: scale(1) !important;
}
.mainContainer .landingWrapper .landingSliderSection .card .background {
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
}
.mainContainer .landingWrapper .landingSliderSection .card .background img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
    aspect-ratio: 17/10;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 5px;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 182px;
    height: 100%;
    padding-right: 0;
    background: transparent;
    border-radius: 0;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .innerText {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .badge {
    margin-bottom: 5px;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .badge .badgeContent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0 5px;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
    background: #fff;
    border-radius: 3px;
    font-feature-settings: "tnum";
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .title {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 5px;
    margin-left: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    text-align: left;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .description {
    flex: 1 1 auto;
    height: 100%;
    margin-top: 10px;
    margin-left: 10px;
    overflow: hidden;
    text-wrap: wrap;
    text-overflow: ellipsis;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .description .descriptionContent {
    display: inline-block;
    height: 100%;
    color: #fff;
    font-weight: 300;
    line-height: 120%;
    text-align: left;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .btnAction {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .btnAction:hover {
    color: #000;
    background-color: #fff;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .btnActionWhite {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    color: #000;
    font-weight: 600;
    text-align: center;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .btnActionWhite:hover {
    color: #fff;
    background-color: transparent;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .btnActionMain {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #337cff;
    border: 1px solid #337cff;
    border-radius: 5px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.mainContainer .landingWrapper .landingSliderSection .card .cardContent .inner .btnActionMain:hover {
    color: #000;
    background-color: #fff;
}
.mainContainer .landingWrapper .landingSliderSection .card:hover .background {
    opacity: 0.9;
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper .landingSliderSection .awssld__wrapper {
        border-radius: 8px;
    }
}
.mainContainer .landingWrapper .landingMenuSection {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
}
.mainContainer .landingWrapper .landingGamesSection {
    width: 100%;
    max-width: 1250px;
    margin: 24px auto 0;
    padding: 0;
    background: transparent;
    border-radius: 6px;
}
.mainContainer .landingWrapper .landingWelcomeSection {
    display: flex;
}
.mainContainer .landingWrapper .landingWelcomeSection .left {
    position: relative;
    z-index: 1;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 600px;
    padding: 2.6875rem 1.25rem 3.25rem 0.1875rem;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box {
    position: relative;
    z-index: 1;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .title {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 46px;
    line-height: 56px;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .title .first {
    margin-top: 1.75rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .title .first .green {
    color: #2dc53a;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .title .second {
    height: 5.25rem;
    font-weight: 700;
    font-size: 4.25rem;
    line-height: 5.25rem;
    -webkit-letter-spacing: -4px;
    -moz-letter-spacing: -4px;
    -ms-letter-spacing: -4px;
    letter-spacing: -4px;
    white-space: nowrap;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .title .second .gradient {
    margin-left: 10px;
    padding: 0 5px 0 0;
    color: transparent;
    background: linear-gradient(90deg, #2dc53a 22.99%, #219a19 73.57%);
    -webkit-background-clip: text;
    background-clip: text;
}
@media (max-width: 650px) {
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .title {
        background: #191d2580;
        border-radius: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .title {
        background: #191d2580;
        border-radius: 0;
    }
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .btn {
    width: auto;
    min-width: 9.375rem;
    height: 3.5rem;
    margin-right: 0.75rem;
    padding: 0 1.25rem;
    font-weight: 400;
    font-size: 14px;
    line-height: 3.5rem;
    white-space: nowrap;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1rem;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods .or {
    margin-right: 0.75rem;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods .items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods .items .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 5px;
    font-weight: 400;
    font-size: 24px;
    background-color: #373e4c;
    border-radius: 4px;
    cursor: pointer;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods .items .item:hover {
    background-color: #3d4656;
}
.mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods .items .item svg {
    pointer-events: none;
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.75rem;
        margin-bottom: 0;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .btn {
        width: 75%;
        max-width: 18.625rem;
        margin: 0 auto;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods {
        display: block;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        margin: 0.3125rem 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods .items {
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 0.25rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
}
@media (max-width: 650px) {
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.75rem;
        margin-bottom: 0;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .btn {
        width: 75%;
        max-width: 18.625rem;
        margin: 0 auto;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods {
        display: block;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        margin: 0.3125rem 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .authBox .methods .items {
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 0.25rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
    .mainContainer .landingWrapper .landingWelcomeSection .left {
        width: auto;
        margin-top: -11.25rem;
        margin-top: -12.5rem;
        padding: 3.125rem 0.625rem 0.625rem;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .title {
        height: auto;
        font-size: 2.1875rem;
        line-height: 2.375rem;
        text-align: center;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .title .second {
        -webkit-justify-content: center;
        justify-content: center;
        height: 3.75rem;
        margin-top: -0.3125rem;
        font-size: 2.75rem;
        line-height: 3.75rem;
        -webkit-letter-spacing: -0.25rem;
        -moz-letter-spacing: -0.25rem;
        -ms-letter-spacing: -0.25rem;
        letter-spacing: -0.25rem;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
}
@media (max-width: 650px) {
    .mainContainer .landingWrapper .landingWelcomeSection .left {
        width: auto;
        margin-top: -11.25rem;
        margin-top: -12.5rem;
        padding: 3.125rem 0.625rem 0.625rem;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .title {
        height: auto;
        font-size: 2.1875rem;
        line-height: 2.375rem;
        text-align: center;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .left .box .title .second {
        -webkit-justify-content: center;
        justify-content: center;
        height: 3.75rem;
        margin-top: -0.3125rem;
        font-size: 2.75rem;
        line-height: 3.75rem;
        -webkit-letter-spacing: -0.25rem;
        -moz-letter-spacing: -0.25rem;
        -ms-letter-spacing: -0.25rem;
        letter-spacing: -0.25rem;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
}
.mainContainer .landingWrapper .landingWelcomeSection .right {
    position: relative;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: 1px;
}
.mainContainer .landingWrapper .landingWelcomeSection .right img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    min-width: 600px;
}
@media screen and (max-width: 1300px) and (min-width: 1001px) {
    .mainContainer .landingWrapper .landingWelcomeSection .right img {
        opacity: 0.4;
    }
}
@media screen and (max-width: 750px) and (min-width: 651px) {
    .mainContainer .landingWrapper .landingWelcomeSection .right img {
        opacity: 0.4;
    }
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
    .mainContainer .landingWrapper .landingWelcomeSection .right {
        width: auto;
        min-height: 18.75rem;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .right img {
        position: static;
        width: 100%;
        min-width: auto;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}
@media (max-width: 650px) {
    .mainContainer .landingWrapper .landingWelcomeSection .right {
        width: auto;
        min-height: 18.75rem;
    }
    .mainContainer .landingWrapper .landingWelcomeSection .right img {
        position: static;
        width: 100%;
        min-width: auto;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
    .mainContainer .landingWrapper .landingWelcomeSection {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: auto;
        padding: 0;
        background-color: transparent;
    }
}
@media (max-width: 650px) {
    .mainContainer .landingWrapper .landingWelcomeSection {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: auto;
        padding: 0;
        background-color: transparent;
    }
}
@media (max-width: 1099px) {
    .mainContainer .landingWrapper {
        width: calc(100% - 30px);
    }
}
@media (max-width: 900px) {
    .mainContainer .landingWrapper {
        width: 100%;
    }
}
.footer.landingMode {
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 0;
}
@media (max-width: 1099px) {
    .footer.landingMode {
        width: calc(100% - 30px);
    }
}
@media (max-width: 900px) {
    .footer.landingMode {
        width: 100%;
    }
}
.socialAuthSection {
    position: relative;
}
.socialAuthSection .block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 340px;
    height: 85vh;
    margin: auto;
    white-space: nowrap;
}
.socialAuthSection .loader {
    position: relative;
    top: 0;
    height: 100px;
}
.socialAuthSection .loader img {
    width: 80px;
    height: 80px;
}
.socialAuthSection .text {
    color: inherit;
    font-size: 28px;
}
.clubSection {
    padding: 30px !important;
    background: #272d39;
    border-radius: 6px;
}
.clubSection .clubHeader {
    position: relative;
    margin-bottom: 30px;
}
.clubSection .clubHeader .image {
    position: absolute;
    opacity: 0.6;
}
.clubSection .clubHeader .image1 {
    left: 16%;
    rotate: 45deg;
}
.clubSection .clubHeader .image2 {
    right: auto;
    left: 3%;
    rotate: 15deg;
}
.clubSection .clubHeader .image3 {
    right: 3%;
    rotate: 45deg;
}
.clubSection .clubHeader .image4 {
    right: 16%;
}
.clubSection .clubHeader .image1,
.clubSection .clubHeader .image4 {
    top: 5%;
    width: 72px;
}
.clubSection .clubHeader .image2,
.clubSection .clubHeader .image3 {
    bottom: 0;
    width: 48px;
}
.clubSection .clubHeader .ribbonWrapper {
    width: 360px;
    margin: 0 auto;
    text-align: center;
}
.clubSection .clubHeader .ribbonWrapper img {
    width: 72px;
}
.clubSection .clubHeader .ribbonWrapper .ribbon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    margin-top: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    background: url(https://cdn.selector-casino.io/assets/png/Club/ribbonWrapper.png) no-repeat;
    background-size: 100% auto;
}
.clubSection .clubHeader .ribbonWrapper .ribbon > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 400px) {
    .clubSection .clubHeader .ribbonWrapper .ribbon {
        height: 36px;
        margin-top: 5px;
        font-size: 14px;
    }
}
@media (max-width: 360px) {
    .clubSection .clubHeader .ribbonWrapper .ribbon {
        font-size: 13px;
    }
}
.clubSection .clubHeader .ribbonWrapper .ribbonDescription {
    margin-top: 10px;
    color: #aab0bd;
    font-size: 13px;
}
@media (max-width: 400px) {
    .clubSection .clubHeader .ribbonWrapper .ribbonDescription {
        margin-top: 5px;
    }
}
@media (max-width: 1350px) {
    .clubSection .clubHeader .image2,
    .clubSection .clubHeader .image3 {
        width: 35px;
    }
    .clubSection .clubHeader .image1,
    .clubSection .clubHeader .image4 {
        display: none;
    }
}
@media (max-width: 1050px) {
    .clubSection .clubHeader .image {
        display: none;
    }
}
@media (max-width: 500px) {
    .clubSection .clubHeader {
        margin-bottom: 15px;
    }
    .clubSection .clubHeader .ribbonWrapper {
        width: 100%;
    }
}
.clubSection .aboutBlock {
    position: relative;
    margin-bottom: 25px;
    padding: 20px;
    color: #fff;
    white-space: pre-line;
    background-color: #2d3340;
    border: none;
    border-radius: 5px;
}
.clubSection .aboutBlock.first {
    background-color: #337cff;
}
.clubSection .aboutBlock.first .h2,
.clubSection .aboutBlock.first .text {
    color: #fff;
}
.clubSection .aboutBlock.second {
    background-color: #3e2b97;
}
.clubSection .aboutBlock .noAuth {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    text-align: center;
}
.clubSection .aboutBlock .noAuth button {
    position: absolute;
    top: calc(50% - 1.25rem);
    left: calc(50% - 5rem);
    display: block;
    width: 10rem;
    text-transform: uppercase;
}
.clubSection .aboutBlock .vip {
    position: absolute;
    top: 0;
    right: 15px;
    width: 100px;
    min-height: 90px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
    opacity: 0.1;
}
.clubSection .aboutBlock .h2 {
    margin-bottom: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}
.clubSection .aboutBlock .rankWagers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 25px;
}
.clubSection .aboutBlock .rankWagers p {
    flex-basis: 50%;
    margin-bottom: 15px;
    color: #aab0bd;
}
@media (max-width: 600px) {
    .clubSection .aboutBlock .rankWagers p {
        flex-basis: 100%;
    }
}
.clubSection .aboutBlock .rankWagers p img {
    height: 16px;
    margin: -2px 5px 0 0;
}
.clubSection .aboutBlock .rankWagers p:last-child {
    margin-bottom: 0;
}
.clubSection .aboutBlock .rankWagers p.bronze {
    color: #ab5d30;
}
.clubSection .aboutBlock .rankWagers p.silver {
    color: #4d7bcd;
}
.clubSection .aboutBlock .rankWagers p.gold {
    color: #ffd40e;
}
.clubSection .aboutBlock .rankWagers p.platinum {
    color: #077cfc;
}
.clubSection .aboutBlock .rankWagers p.diamond {
    color: #7625f4;
}
.clubSection .aboutBlock .rankWagers p.elite {
    color: #ff3c38;
}
.clubSection .aboutBlock .progressBar {
    position: relative;
    height: 28px;
    margin-bottom: 10px;
    background: #191d25;
    border: 2px solid none;
}
.clubSection .aboutBlock .progressBar.filled:after {
    border-color: #337cff transparent transparent;
}
.clubSection .aboutBlock .progressBar.last:after {
    display: none;
}
.clubSection .aboutBlock .progressBar > span {
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    color: #fff;
    font-size: 13px;
    background: #337cff;
}
.clubSection .aboutBlock .progressBar:before {
    left: 7px;
    border-color: #337cff transparent transparent;
}
.clubSection .aboutBlock .progressBar:after {
    right: 7px;
    border-color: #191d25 transparent transparent;
}
.clubSection .aboutBlock .progressBar:before,
.clubSection .aboutBlock .progressBar:after {
    position: absolute;
    bottom: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0;
    content: "";
}
.clubSection .aboutBlock .progressBar.empty > span {
    padding-left: 25px;
    background: 0 0;
}
.clubSection .aboutBlock .progressBar.empty:before {
    border-color: #191d25 transparent transparent;
}
.clubSection .aboutBlock .progressBar,
.clubSection .aboutBlock .progressBar > span {
    display: flex;
    border-radius: 3px;
    -webkit-user-select: none;
    user-select: none;
}
.clubSection .aboutBlock .progressBottom {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
}
.clubSection .aboutBlock .progressBottom .item {
    display: flex;
    align-items: center;
}
.clubSection .aboutBlock .progressBottom .item img {
    height: 13px;
    margin: 0 5px 0 0;
}
.clubSection .caption {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}
.clubSection .caption:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #303646;
    content: "";
}
.clubSection .caption span {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    background: #272d39;
    border-radius: 0;
}
.clubSection .levelsContainer {
    display: flex;
    margin-bottom: 25px;
}
.clubSection .levelsContainer .left {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 25px;
    padding: 20px;
    background: #2d3340;
    border-radius: 5px;
}
.clubSection .levelsContainer .left .coinson {
    position: absolute;
    top: -90px;
    right: 45px;
    z-index: 100;
    width: 135px;
    height: auto;
}
@media (max-width: 580px) {
    .clubSection .levelsContainer .left .coinson {
        top: -75px;
        right: 0;
        width: 104px;
    }
}
.clubSection .levelsContainer .left .indent {
    width: 100%;
    margin-bottom: 15px;
}
.clubSection .levelsContainer .left .indent .h2 {
    margin-bottom: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}
.clubSection .levelsContainer .left .indent .gray {
    color: #aab0bd;
}
.clubSection .levelsContainer .right {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    height: auto;
}
.clubSection .levelsContainer .right .tabs {
    display: flex;
}
.clubSection .levelsContainer .right .tabs .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.66%;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    opacity: 0.5;
}
.clubSection .levelsContainer .right .tabs .item:hover {
    opacity: 1;
}
.clubSection .levelsContainer .right .tabs .item.active {
    border: 1px solid #343b48;
    border-bottom-color: #272d39;
    opacity: 1;
}
.clubSection .levelsContainer .right .tabs .item img {
    height: 32px;
    margin: 8px 0 26px;
}
@media (max-width: 500px) {
    .clubSection .levelsContainer .right .tabs .item img {
        height: 20px;
    }
}
@media (max-width: 450px) {
    .clubSection .levelsContainer .right .tabs .item img {
        margin: 10px 0;
    }
}
.clubSection .levelsContainer .right .tabs .item .name {
    position: absolute;
    bottom: 9px;
    font-size: 9px;
    white-space: nowrap;
    text-transform: uppercase;
}
@media (max-width: 450px) {
    .clubSection .levelsContainer .right .tabs .item .name {
        display: none;
    }
}
.clubSection .levelsContainer .right .content {
    margin-top: -1px;
    padding: 20px;
    border: 1px solid #343b48;
    border-radius: 0 0 5px 5px;
}
.clubSection .levelsContainer .right .content .name {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.clubSection .levelsContainer .right .content .name.bronze {
    color: #ab5d30;
}
.clubSection .levelsContainer .right .content .name.silver {
    color: #4d7bcd;
}
.clubSection .levelsContainer .right .content .name.gold {
    color: #ffd40e;
}
.clubSection .levelsContainer .right .content .name.platinum {
    color: #077cfc;
}
.clubSection .levelsContainer .right .content .name.diamond {
    color: #7625f4;
}
.clubSection .levelsContainer .right .content .name.elite {
    color: #ff3c38;
}
.clubSection .levelsContainer .right .content .name img {
    height: 16px;
    margin: -2px 5px 0 0;
}
.clubSection .levelsContainer .right .content .name span {
    text-transform: uppercase;
}
.clubSection .levelsContainer .right .content .wagerNeed {
    margin-bottom: 15px;
    color: #aab0bd;
    font-size: 12px;
}
.clubSection .levelsContainer .right .content .list {
    padding: 0;
    list-style: none;
}
.clubSection .levelsContainer .right .content .list li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #fff;
}
.clubSection .levelsContainer .right .content .list li.disabled {
    opacity: 0.3;
}
.clubSection .levelsContainer .right .content .list li .box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #3a404c;
}
.clubSection .levelsContainer .right .content .list li .box svg {
    width: 9px;
    height: 9px;
}
.clubSection .levelsContainer .right .content .list li .box svg.icon-close {
    width: 7px;
    height: 7px;
}
.clubSection .levelsContainer .right .content .list li:last-child {
    margin-bottom: 0;
}
.clubSection .levelsContainer .left,
.clubSection .levelsContainer .right {
    width: 50%;
}
@media (max-width: 1200px) {
    .clubSection .levelsContainer {
        flex-direction: column;
    }
    .clubSection .levelsContainer .left,
    .clubSection .levelsContainer .right {
        width: 100%;
        margin: 0;
    }
    .clubSection .levelsContainer .left {
        margin-bottom: 25px;
    }
}
@media (max-width: 450px) {
    .clubSection .levelsContainer .right .content {
        padding: 15px;
    }
}
.clubSection .bonusList {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 25px);
    margin: 0 -12.5px 25px;
}
.clubSection .bonusList .item {
    display: flex;
    align-items: stretch;
    width: 33.333%;
    padding: 0 12.5px;
}
.clubSection .bonusList .item:first-child,
.clubSection .bonusList .item:nth-child(2),
.clubSection .bonusList .item:nth-child(3) {
    margin-bottom: 25px;
}
.clubSection .bonusList .item .content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 25px;
    overflow: hidden;
    background: #2e3542;
    border-radius: 4px;
    box-shadow: none;
}
.clubSection .bonusList .item .content .image {
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0.5;
    -webkit-user-select: none;
    user-select: none;
}
.clubSection .bonusList .item .content .image.small {
    left: 0;
}
.clubSection .bonusList .item .content .image.big {
    right: 0;
}
.clubSection .bonusList .item .content .image img {
    width: auto;
    height: 100%;
}
.clubSection .bonusList .item .content .text {
    position: relative;
}
.clubSection .bonusList .item .content .text .name {
    position: relative;
    display: flex;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}
.clubSection .bonusList .item .content .text .name .num {
    position: absolute;
    top: 50%;
    left: -4px;
    font-weight: 500;
    font-size: 46px;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.2;
    -webkit-user-select: none;
    user-select: none;
}
.clubSection .bonusList .item .content .text .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.clubSection .bonusList .item .content.blue {
    background-color: #e2a200;
}
.clubSection .bonusList .item .content.purple {
    background-color: #d97529;
}
.clubSection .bonusList .item .content.green {
    background-color: #c03633;
}
.clubSection .bonusList .item .content.orange {
    background-color: #2c9632;
}
.clubSection .bonusList .item .content.red {
    background-color: #047cfc;
}
.clubSection .bonusList .item .content.cyan {
    background-color: #3e2b97;
}
@media (max-width: 1300px) {
    .clubSection .bonusList .item {
        width: 50%;
        margin-bottom: 25px;
    }
    .clubSection .bonusList .item .content {
        height: 130px;
        padding: 20px;
    }
    .clubSection .bonusList .item .content .text .name {
        margin-bottom: 15px;
        padding-left: 30px;
        font-size: 16px;
    }
    .clubSection .bonusList .item .content .text .name .num {
        font-size: 38px;
    }
}
@media (max-width: 600px) {
    .clubSection .bonusList .item {
        width: 100%;
        margin-bottom: 20px !important;
    }
    .clubSection .bonusList .item .content {
        height: auto;
    }
    .clubSection .bonusList:last-child {
        margin-bottom: 0 !important;
    }
}
.clubSection .becomeVip {
    position: relative;
    margin-top: 25px;
    color: inherit;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
}
.clubSection .becomeVip .image {
    position: absolute;
}
.clubSection .becomeVip .image1 {
    left: 16%;
}
.clubSection .becomeVip .image2 {
    left: 3%;
}
.clubSection .becomeVip .image3 {
    right: 3%;
}
.clubSection .becomeVip .image4 {
    right: 16%;
}
.clubSection .becomeVip .image1,
.clubSection .becomeVip .image4 {
    top: 5%;
    width: 72px;
}
.clubSection .becomeVip .image2,
.clubSection .becomeVip .image3 {
    bottom: 0;
    width: 48px;
}
.clubSection .becomeVip button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 42px;
    margin: 15px auto 0;
    padding: 0 15px;
    font-weight: 300;
    text-transform: uppercase;
}
@media (max-width: 1250px) {
    .clubSection .becomeVip .image1 {
        left: 12%;
    }
    .clubSection .becomeVip .image2,
    .clubSection .becomeVip .image3 {
        width: 35px;
    }
    .clubSection .becomeVip .image4 {
        right: 12%;
    }
}
@media (max-width: 1050px) {
    .clubSection .becomeVip .image {
        display: none;
    }
}
@media (max-width: 900px) {
    .clubSection {
        padding: 15px !important;
    }
}
.rankCard {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}
.rankCard .cardHeader {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 15px;
    width: 100%;
}
.rankCard .cardHeader .cardHeaderIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    background-color: red;
    border-radius: 100%;
}
.rankCard .cardHeader .cardHeaderIcon svg {
    width: 1.75rem;
    height: 1.75rem;
}
.rankCard .cardHeader .cardHeaderLine {
    height: 0.3rem;
    border-radius: 6px;
    width: 105%;
    margin-right: -8px;
    flex: 1;
    background-color: green;
}
.rankCard .cardBody {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background-color: #00f;
    flex: 1;
    border-radius: 6px;
    width: 100%;
    height: 20rem;
    padding: 20px;
}
.rankCard .cardBody .cardBodyLabel {
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px 4px;
    border-radius: 6px;
}
.rankCard .cardBody .cardBodyLabel span {
    text-align: left;
    justify-content: flex-start;
    font-weight: 400;
    align-items: center;
    display: inline-flex;
    font-size: 14px;
}
.rankCard .cardBody .cardBodyAmount {
    display: flex;
    flex-direction: column;
}
.rankCard .cardBody .cardBodyAmount .amount {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}
.rankCard .cardBody .cardBodyAmount .description {
    color: gray;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}
.rankCard .cardBody .cardBonusList {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.rankCard .cardBody .cardBonusList li {
    display: flex;
    align-items: center;
    gap: 4px;
}
.rankCard .cardBody .cardBonusList li .bonusIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
}
.rankCard .cardBody .cardBonusList li .bonusIcon svg {
    width: 0.75rem;
    height: 0.75rem;
}
.rankCard .cardBody .cardBonusList li .bonusTitle {
    color: pink;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}
.confirmSection {
    position: relative;
}
.confirmSection .block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 340px;
    height: 65vh;
    margin: auto;
    white-space: nowrap;
}
.confirmSection .loader {
    height: 100px;
}
.confirmSection .loader img {
    width: 80px;
    height: 80px;
}
.confirmSection .text {
    font-size: 28px;
}
.gameContentWrapper.mobile .contentWrapper .contentScroll {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    padding: 0;
    background: #20242d;
}
.gameContentWrapper.mobile .footer,
.gameContentWrapper.mobile .leftWrapperPadding,
.gameContentWrapper.mobile .rightWrapper {
    display: none;
}
.gameContentWrapper.mobile .mainContainer .section {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
@media (max-width: 900px) {
    .gameContentWrapper .footer,
    .gameMobileContentWrapper .footer {
        display: none;
    }
}
.gameContentWrapper .gameWrapper,
.gameMobileContentWrapper .gameWrapper {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: transparent;
    border-radius: 6px;
}
.gameContentWrapper .gameWrapper .gameStats,
.gameMobileContentWrapper .gameWrapper .gameStats {
    left: 50%;
    display: flex;
    width: 100%;
    max-width: 300px;
    padding-top: 20px;
    background-color: #1c2028;
    border: 1px solid #2d3340;
    border-radius: 6px;
    transform: translate(-50%);
}
.gameContentWrapper .gameWrapper .gameStats .block,
.gameMobileContentWrapper .gameWrapper .gameStats .block {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    width: 50%;
    padding: 15px 0;
    overflow: hidden;
    text-align: center;
}
.gameContentWrapper .gameWrapper .gameStats .block:nth-child(1),
.gameMobileContentWrapper .gameWrapper .gameStats .block:nth-child(1) {
    border-right: 1px solid #2d3340;
    border-bottom: 1px solid #2d3340;
    border-radius: 6px 0 0;
}
.gameContentWrapper .gameWrapper .gameStats .block:nth-child(2),
.gameMobileContentWrapper .gameWrapper .gameStats .block:nth-child(2) {
    border-bottom: 1px solid #2d3340;
    border-radius: 0 6px 0 0;
}
.gameContentWrapper .gameWrapper .gameStats .block:nth-child(3),
.gameMobileContentWrapper .gameWrapper .gameStats .block:nth-child(3) {
    border-right: 1px solid #2d3340;
    border-radius: 0 0 0 6px;
}
.gameContentWrapper .gameWrapper .gameStats .block:nth-child(4),
.gameMobileContentWrapper .gameWrapper .gameStats .block:nth-child(4) {
    border-radius: 0 0 6px;
}
.gameContentWrapper .gameWrapper .gameStats .block .num,
.gameMobileContentWrapper .gameWrapper .gameStats .block .num {
    color: #2dc53a;
    font-weight: 500;
    font-size: 16px;
}
.gameContentWrapper .gameWrapper .gameStats .block .text,
.gameMobileContentWrapper .gameWrapper .gameStats .block .text {
    margin-bottom: 2px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}
.gameContentWrapper .gameWrapper .gameControls,
.gameMobileContentWrapper .gameWrapper .gameControls {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 8px;
    background-color: #1c2028;
    border-radius: 0 0 8px 8px;
}
@media (max-width: 600px) {
    .gameContentWrapper .gameWrapper .gameControls,
    .gameMobileContentWrapper .gameWrapper .gameControls {
        padding-top: 0;
    }
}
.gameContentWrapper .gameWrapper .gameControls .logo,
.gameMobileContentWrapper .gameWrapper .gameControls .logo {
    max-height: 47px;
    cursor: auto;
    opacity: 0.1;
    filter: grayscale(1);
    transition: opacity 0.3s ease-in-out;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu {
    padding-right: 8px;
    border-right: 1px solid #2e3542;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency {
    position: relative;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency {
    display: inline-block;
    margin-top: 3px;
    padding: 7px;
    color: #aab0bd;
    font-weight: 600;
    font-size: 1rem;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: transparent !important;
    border: 0;
    border-radius: 4px;
    outline: none;
    transition: none;
    -webkit-user-select: none;
    user-select: none;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency:hover {
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency:hover .opener svg,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency:hover .opener svg {
    fill: #fff !important;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent {
    display: flex;
    align-items: center;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .badge,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    color: #fff;
    font-size: 14px;
    background: #047cfc;
    border-radius: 3px;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .badge.wide,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .badge.wide {
    width: 30px;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .opener,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .opener {
    top: 15px;
    right: 10px;
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: 0.45em;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .opener.open,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .opener.open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .opener svg,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .btnCurrency .currencyContent .opener svg {
    width: 100%;
    height: 100%;
    fill: #aab0bd;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown {
    position: absolute;
    top: 100%;
    right: 15px;
    left: inherit;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 100px;
    margin: 12px 0 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown.open,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown.open {
    display: block;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item {
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #000000bf;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:active,
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:focus,
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:active,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:focus,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:hover {
    background-color: #f1f1f1;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:first-child,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item:first-child {
    border-radius: 4px 4px 0 0;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item > div,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item > div .badge,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item > div .badge {
    width: 36px;
    margin-right: 8px;
    color: #0009;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background: #e5e5e5;
    border-radius: 2px;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item.active > div .badge,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown .item.active > div .badge {
    color: #fff;
    background: #219a19;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown:before,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown:before {
    position: absolute;
    top: -8px;
    right: 12px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 0 6px 8px;
    content: "";
}
@media (max-width: 900px) {
    .gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown,
    .gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
    .gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown:before,
    .gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameCurrency .dropdown:before {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuList,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem {
    padding: 7px 14px;
    color: #aab0bd;
    transition: color 0.2s ease-in-out;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem a,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem a {
    color: #aab0bd;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:hover {
    color: #fff;
    background-color: #20242d;
    border-radius: 5px;
    transform: scale(1.2);
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:hover a,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:hover a {
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:disabled,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:disabled {
    color: #aab0bd;
    opacity: 0.8;
}
.gameContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:disabled:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameControlsMenu .gameControlsMenuItem:disabled:hover {
    color: #aab0bd;
    cursor: not-allowed;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons {
    display: flex;
    justify-content: center;
    margin-right: 5px;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper {
    display: flex;
    align-items: center;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper span,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper span {
    color: #aab0bd;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper span:hover,
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper span.active,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper span:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper span.active {
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox {
    position: relative;
    width: 35px;
    height: 13px;
    margin: 0 15px;
    background-color: #2e3542;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox:not(.active):hover .gameCheckboxRound,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox:not(.active):hover .gameCheckboxRound {
    transform: translate(2px);
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active {
    background-color: #2dc53a;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active .gameCheckboxRound,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active .gameCheckboxRound {
    transform: translate(19px);
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox .gameCheckboxRound,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox .gameCheckboxRound {
    position: absolute;
    top: -4px;
    left: -2px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 5px;
    transform: translate(0);
    transition: transform 0.2s ease-in-out;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .btn,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .btn {
    margin-right: 15px;
    padding: 5px 13px;
    font-size: 11px;
    letter-spacing: 0.28px;
    white-space: nowrap;
    text-transform: uppercase;
    box-shadow: none;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .btn.demo,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .btn.demo {
    color: #000;
    background: #ffc645;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .btn.demo:hover,
.gameContentWrapper .gameWrapper .gameControls .gameButtons .btn.demo:focus,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .btn.demo:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .btn.demo:focus {
    background: #ffdb89;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .btn.real,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .btn.real {
    background: #ff5722;
}
.gameContentWrapper .gameWrapper .gameControls .gameButtons .btn.real:hover,
.gameContentWrapper .gameWrapper .gameControls .gameButtons .btn.real:focus,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .btn.real:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameButtons .btn.real:focus {
    background: #ff7e56;
}
.gameContentWrapper .gameWrapper .gameControls .gameInfo svg,
.gameMobileContentWrapper .gameWrapper .gameControls .gameInfo svg {
    color: #5e6a7f;
    transform: rotate(-90deg);
}
.gameContentWrapper .gameWrapper .gameControls .gameInfo svg:nth-last-child(2),
.gameMobileContentWrapper .gameWrapper .gameControls .gameInfo svg:nth-last-child(2) {
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameControls .gameInfo span,
.gameMobileContentWrapper .gameWrapper .gameControls .gameInfo span {
    position: relative;
    padding: 5px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.gameContentWrapper .gameWrapper .gameControls .gameInfo span:hover,
.gameContentWrapper .gameWrapper .gameControls .gameInfo span.gameName,
.gameMobileContentWrapper .gameWrapper .gameControls .gameInfo span:hover,
.gameMobileContentWrapper .gameWrapper .gameControls .gameInfo span.gameName {
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameControls .gameInfo span.gameName,
.gameMobileContentWrapper .gameWrapper .gameControls .gameInfo span.gameName {
    border-bottom: 1px solid #047cfc;
}
.gameContentWrapper .gameWrapper .gameLogo,
.gameMobileContentWrapper .gameWrapper .gameLogo {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    padding: 10px 0;
    text-align: center;
}
.gameContentWrapper .gameWrapper .gameLogo img,
.gameMobileContentWrapper .gameWrapper .gameLogo img {
    height: 100%;
}
@media (min-width: 901px) {
    .gameContentWrapper .gameWrapper .gameLogo,
    .gameMobileContentWrapper .gameWrapper .gameLogo {
        display: none;
    }
}
.gameContentWrapper .gameWrapper .gameBlock,
.gameMobileContentWrapper .gameWrapper .gameBlock {
    position: relative;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
    background-color: #1c2028;
    border-radius: 8px 8px 0 0;
}
@media (min-width: 601px) and (max-width: 900px) {
    .gameContentWrapper .gameWrapper .gameBlock,
    .gameMobileContentWrapper .gameWrapper .gameBlock {
        min-height: calc(100vh - 63px);
    }
}
@media (max-width: 900px) {
    .gameContentWrapper .gameWrapper .gameBlock,
    .gameMobileContentWrapper .gameWrapper .gameBlock {
        position: fixed;
        padding-bottom: 0;
        overflow: hidden;
    }
}
@media (max-width: 600px) {
    .gameContentWrapper .gameWrapper .gameBlock,
    .gameMobileContentWrapper .gameWrapper .gameBlock {
        min-height: 100vh;
    }
}
.gameContentWrapper .gameWrapper .gameBlock.mobile,
.gameMobileContentWrapper .gameWrapper .gameBlock.mobile {
    min-height: 100vh;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileOverlay,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay {
    position: fixed;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    min-height: 483px;
    background-color: #1c2028;
    touch-action: none;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .gameStats,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .gameStats {
    position: absolute;
    bottom: 90px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-top: 0;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite {
    cursor: pointer;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite svg,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite svg {
    position: absolute;
    top: calc(100vh - 490px);
    left: 40%;
    width: 20%;
    height: 20%;
    color: #828f9a;
}
@media (max-height: 483px) {
    .gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite svg,
    .gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite svg {
        top: 15px;
    }
}
.gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite.active svg,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite.active svg {
    color: #f54949d6;
}
@media screen and (orientation: landscape) {
    .gameContentWrapper .gameWrapper .gameBlock .mobileOverlay,
    .gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay {
        display: flex;
    }
    .gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .gameStats,
    .gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .gameStats {
        position: relative;
        bottom: 0;
        width: 50%;
        margin: auto 0;
    }
    .gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .gameStats .block,
    .gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .gameStats .block {
        border-right: 0;
        border-left: 0;
    }
    .gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite,
    .gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite {
        width: 50%;
    }
    .gameContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite svg,
    .gameMobileContentWrapper .gameWrapper .gameBlock .mobileOverlay .favorite svg {
        position: relative;
    }
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer {
    position: absolute;
    top: 45px;
    z-index: 10;
    width: 60px;
    height: 100px;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtn,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtn {
    position: fixed;
    top: 70px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    height: 50px;
    padding: 5px;
    background-color: #047cfc;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtn a svg,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtn a svg {
    width: 22px;
    height: 22px;
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnStats,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnStats {
    position: fixed;
    top: 130px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    height: 50px;
    padding: 5px;
    background-color: #75818c;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnStats.active,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnStats.active {
    background-color: #219a1a;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnStats svg,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnStats svg {
    width: 22px;
    height: 22px;
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnRecords,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnRecords {
    position: fixed;
    top: 190px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    height: 50px;
    padding: 5px;
    background-color: #75818c;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnRecords.active,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnRecords.active {
    background-color: #219a1a;
}
.gameContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnRecords svg,
.gameMobileContentWrapper .gameWrapper .gameBlock .mobileContainer .mobileBtnRecords svg {
    width: 22px;
    height: 22px;
    color: #fff;
}
.gameContentWrapper .gameWrapper .gameBlock iframe,
.gameContentWrapper .gameWrapper .gameBlock object,
.gameMobileContentWrapper .gameWrapper .gameBlock iframe,
.gameMobileContentWrapper .gameWrapper .gameBlock object {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}
.gameContentWrapper .gameDescription,
.gameMobileContentWrapper .gameDescription {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 20px auto 0;
    padding: 20px;
    background: #1c2028;
    border-radius: 10px;
}
.gameContentWrapper .gameDescription .gameControls,
.gameMobileContentWrapper .gameDescription .gameControls {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 8px;
    background-color: #1c2028;
    border-radius: 0 0 8px 8px;
}
@media (max-width: 600px) {
    .gameContentWrapper .gameDescription .gameControls,
    .gameMobileContentWrapper .gameDescription .gameControls {
        padding-top: 0;
    }
}
.gameContentWrapper .gameDescription .gameControls .logo,
.gameMobileContentWrapper .gameDescription .gameControls .logo {
    max-height: 47px;
    cursor: auto;
    opacity: 0.1;
    filter: grayscale(1);
    transition: opacity 0.3s ease-in-out;
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu {
    padding-right: 8px;
    border-right: 1px solid #2e3542;
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuList,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem {
    padding: 7px 14px;
    color: #aab0bd;
    transition: color 0.2s ease-in-out;
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem a,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem a {
    color: #aab0bd;
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:hover,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:hover {
    color: #fff;
    background-color: #20242d;
    border-radius: 5px;
    transform: scale(1.2);
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:hover a,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:hover a {
    color: #fff;
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:disabled,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:disabled {
    color: #aab0bd;
    opacity: 0.8;
}
.gameContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:disabled:hover,
.gameMobileContentWrapper .gameDescription .gameControls .gameControlsMenu .gameControlsMenuItem:disabled:hover {
    color: #aab0bd;
    cursor: not-allowed;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons {
    display: flex;
    justify-content: center;
    margin-right: 5px;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper {
    display: flex;
    align-items: center;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper span,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper span {
    color: #aab0bd;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper span:hover,
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper span.active,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper span:hover,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper span.active {
    color: #fff;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox {
    position: relative;
    width: 35px;
    height: 21px;
    margin: 0 8px;
    background-color: #2e3542;
    border-radius: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox:not(.active):hover .gameCheckboxRound,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox:not(.active):hover .gameCheckboxRound {
    transform: translate(2px);
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active {
    background-color: #2dc53a;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active .gameCheckboxRound,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox.active .gameCheckboxRound {
    transform: translate(15px);
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox .gameCheckboxRound,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .gameCheckboxWrapper .gameCheckbox .gameCheckboxRound {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(0);
    transition: transform 0.2s ease-in-out;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .btn,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .btn {
    margin-right: 15px;
    padding: 5px 13px;
    font-size: 11px;
    letter-spacing: 0.28px;
    white-space: nowrap;
    text-transform: uppercase;
    box-shadow: none;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .btn.demo,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .btn.demo {
    color: #000;
    background: #ffc645;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .btn.demo:hover,
.gameContentWrapper .gameDescription .gameControls .gameButtons .btn.demo:focus,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .btn.demo:hover,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .btn.demo:focus {
    background: #ffdb89;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .btn.real,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .btn.real {
    background: #ff5722;
}
.gameContentWrapper .gameDescription .gameControls .gameButtons .btn.real:hover,
.gameContentWrapper .gameDescription .gameControls .gameButtons .btn.real:focus,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .btn.real:hover,
.gameMobileContentWrapper .gameDescription .gameControls .gameButtons .btn.real:focus {
    background: #ff7e56;
}
.gameContentWrapper .gameDescription .gameControls .gameInfo svg,
.gameMobileContentWrapper .gameDescription .gameControls .gameInfo svg {
    color: #5e6a7f;
    transform: rotate(-90deg);
}
.gameContentWrapper .gameDescription .gameControls .gameInfo svg:nth-last-child(2),
.gameMobileContentWrapper .gameDescription .gameControls .gameInfo svg:nth-last-child(2) {
    color: #fff;
}
.gameContentWrapper .gameDescription .gameControls .gameInfo span,
.gameMobileContentWrapper .gameDescription .gameControls .gameInfo span {
    position: relative;
    padding: 5px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.gameContentWrapper .gameDescription .gameControls .gameInfo span:hover,
.gameContentWrapper .gameDescription .gameControls .gameInfo span.gameName,
.gameMobileContentWrapper .gameDescription .gameControls .gameInfo span:hover,
.gameMobileContentWrapper .gameDescription .gameControls .gameInfo span.gameName {
    color: #fff;
}
.gameContentWrapper .gameDescription .gameControls .gameInfo span.gameName,
.gameMobileContentWrapper .gameDescription .gameControls .gameInfo span.gameName {
    border-bottom: 1px solid #047cfc;
}
.gameContentWrapper .gameDescription.isLoading,
.gameMobileContentWrapper .gameDescription.isLoading {
    min-height: 250px;
}
.gameContentWrapper .gameDescription.isLoading .loaderBlock,
.gameMobileContentWrapper .gameDescription.isLoading .loaderBlock {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.gameContentWrapper .gameDescription.mobileOverlay,
.gameMobileContentWrapper .gameDescription.mobileOverlay {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    margin-top: 0;
    overflow-y: scroll;
    background-color: #1c2028;
    border-radius: 0;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionMenu,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionMenu {
    flex-direction: column;
    padding-left: 40px;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionMenu .item,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionMenu .item {
    margin-top: 10px;
    margin-left: 0;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionMenu .item:first-child,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionMenu .item:first-child {
    margin-top: 0;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent {
    flex-direction: column;
    padding-top: 20px;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .image,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .image {
    max-width: 100%;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .image img,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .image img {
    width: 100%;
    max-width: 400px;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .description,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .description {
    flex-direction: column;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 20px;
}
.gameContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .withPager .list .item .itemHeader .item:first-child,
.gameMobileContentWrapper .gameDescription.mobileOverlay .gameDescriptionContent .withPager .list .item .itemHeader .item:first-child {
    display: none;
}
.gameContentWrapper .gameDescription .title,
.gameMobileContentWrapper .gameDescription .title {
    font-weight: 500;
    font-size: 20px;
}
.gameContentWrapper .gameDescription .gameDescriptionMenu,
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu {
    display: flex;
    justify-content: flex-start;
    box-sizing: content-box;
    width: 100%;
    margin: 15px auto 15px 0;
    padding: 0;
    border-top: 1px solid #2e3542;
    border-bottom: 1px solid #2e3542;
    border-radius: 0;
}
.gameContentWrapper .gameDescription .gameDescriptionMenu .item,
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu .item {
    margin-bottom: -1px;
    margin-left: 25px;
    padding: 15px 0;
    color: #5e6a7f;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.gameContentWrapper .gameDescription .gameDescriptionMenu .item:hover,
.gameContentWrapper .gameDescription .gameDescriptionMenu .item:focus,
.gameContentWrapper .gameDescription .gameDescriptionMenu .item:active,
.gameContentWrapper .gameDescription .gameDescriptionMenu .item.active,
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu .item:hover,
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu .item:focus,
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu .item:active,
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu .item.active {
    color: #eee;
    border-bottom: 1px solid #047cfc;
}
.gameContentWrapper .gameDescription .gameDescriptionMenu .item:first-child,
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu .item:first-child {
    margin-left: 0;
}
.gameContentWrapper .gameDescription .gameDescriptionContent,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent {
    display: flex;
    margin-top: 10px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent.column,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent.column {
    flex-direction: column;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager {
    width: 100%;
    height: calc(100% - 95px);
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager.isLoading .list,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager.isLoading .list {
    pointer-events: none;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list {
    position: relative;
    min-height: 250px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list.isLoader,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list.isLoader {
    min-height: 500px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list.isLoader .loaderCentred,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list.isLoader .loaderCentred {
    position: absolute;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .empty,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    color: #5e6a7f;
    font-size: 18px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .empty h4,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .empty h4 {
    font-size: 24px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .loaderBlock,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .loaderBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    font-size: 18px;
    text-align: center;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .loaderBlock .spinnerBlock,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .loaderBlock .spinnerBlock {
    position: absolute;
    top: calc(50% - 2.5rem);
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #2d3340;
    transform: translateZ(0);
    transition: box-shadow 3ms, border-top-color 0.1s;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item:first-child,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item:first-child {
    border-top: none;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item:first-child .itemHeader,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item:first-child .itemHeader {
    color: #5e6a7f !important;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item:first-child .itemHeader .item span,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item:first-child .itemHeader .item span {
    text-transform: uppercase;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
    overflow: visible;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item {
    display: block;
    justify-content: center;
    width: 25%;
    text-align: center;
    border-top: none;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name {
    display: inline-flex;
    align-items: center;
    width: 100%;
    color: #828f9a;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name:hover,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name:hover {
    color: #fff;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name .rank,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name .rank {
    display: inline-block;
    margin-right: 10px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name .rank img,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name .rank img {
    width: 15px;
    height: 15px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name b,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .name b {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value.win,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value.win {
    color: #2dc53a;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value svg,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value svg {
    position: relative;
    top: 1px;
    margin-left: 2px;
}
@media (max-width: 600px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value svg,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value svg {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value svg,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value svg {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .value {
        font-size: 14px;
    }
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item span,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item span {
    padding: 3px 8px;
    border-radius: 50px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .itemAmount,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item .itemAmount {
    overflow: hidden;
    text-overflow: ellipsis;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:first-child,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:first-child {
    justify-content: flex-start;
    text-align: left;
    text-overflow: ellipsis;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:last-child,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:last-child {
    justify-content: flex-end;
    text-align: right;
}
@media (max-width: 550px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item {
        width: 50%;
    }
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:nth-child(2),
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:nth-child(4),
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:nth-child(2),
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader .item:nth-child(4) {
        display: none;
    }
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader:active,
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader:focus,
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader:hover,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader:active,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader:focus,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemHeader:hover {
    border: 0;
    outline: none;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent {
    width: 100%;
    height: auto;
    max-height: 0;
    margin-left: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent.open,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent.open {
    max-height: 200px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul {
    padding: 15px 0;
    color: #828f9a;
    list-style: none;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li {
    margin-bottom: 5px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li span,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li span {
    display: inline-flex;
    align-items: center;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li span svg,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li span svg {
    margin: 3px 2px 0;
    font-size: 0.9em;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li span:first-child,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul li span:first-child {
    margin-right: 5px;
    font-weight: 400;
}
@media (max-width: 480px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent ul {
        padding: 0 10px 5px;
    }
}
@media (max-width: 1100px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .withPager .list .item .itemContent {
        margin-left: -20px;
        font-size: 12px;
    }
}
.gameContentWrapper .gameDescription .gameDescriptionContent .image,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .image {
    min-width: 200px;
    max-width: 200px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .image img,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .image img {
    position: relative;
    max-width: 100%;
    border-radius: 10px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .image img:before,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .image img:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 132%;
    content: "";
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .rtp,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .rtp {
    display: flex;
    width: auto;
    margin-top: 10px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .rtp .inner,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .rtp .inner {
    width: auto;
    padding: 5px 0;
    color: #aab0bd;
    border-radius: 10px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .text,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .text {
    color: #aab0bd;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .text p,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .text p {
    margin-top: 10px;
    margin-bottom: 0;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item {
    margin-right: 10px;
    padding: 5px 15px;
    border: 1px solid #343b48;
    border-radius: 10px;
    cursor: pointer;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item a,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item a {
    color: #aab0bd;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:hover,
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:focus,
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:active,
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item.active,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:hover,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:focus,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:active,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item.active {
    background-color: #343b48;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:hover a,
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:focus a,
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:active a,
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item.active a,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:hover a,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:focus a,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:active a,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item.active a {
    color: #fff;
}
.gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:first-child,
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item:first-child {
    margin-left: 0;
}
@media (max-width: 600px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent .description .tags .item,
    .gameContentWrapper .gameDescription .gameDescriptionContent .description .tags a,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags .item,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .description .tags a {
        margin-bottom: 10px;
    }
}
@media (max-width: 1260px) {
    .gameContentWrapper .gameDescription .gameDescriptionContent,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent {
        flex-direction: column;
    }
    .gameContentWrapper .gameDescription .gameDescriptionContent .description,
    .gameMobileContentWrapper .gameDescription .gameDescriptionContent .description {
        margin-top: 20px;
        margin-left: 0;
    }
}
.gameContentWrapper .gamesBoxOnGame,
.gameMobileContentWrapper .gamesBoxOnGame {
    margin: 20px 0 0;
}
.gameContentWrapper .gamesBoxOnGame .providersBox .item,
.gameMobileContentWrapper .gamesBoxOnGame .providersBox .item {
    background-color: #21242d;
}
.gameContentWrapper .staticGameLoader .loaderBlock,
.gameMobileContentWrapper .staticGameLoader .loaderBlock {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #191d24;
}
.gameContentWrapper .staticGameLoader .loaderBlock .spinnerBlock,
.gameMobileContentWrapper .staticGameLoader .loaderBlock .spinnerBlock {
    position: absolute;
    top: calc(50% - 2.5rem);
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.gameMobileContentWrapper .footer {
    display: block !important;
}
.gameMobileContentWrapper .gameCurrency {
    position: relative;
}
.gameMobileContentWrapper .gameCurrency.full {
    margin-top: 10px;
    text-align: center;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency {
    display: inline-block;
    margin-top: 3px;
    padding: 7px;
    color: #aab0bd;
    font-weight: 600;
    font-size: 1rem;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: transparent !important;
    border: 0;
    border-radius: 4px;
    outline: none;
    transition: none;
    -webkit-user-select: none;
    user-select: none;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency:hover {
    color: #fff;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency:hover .opener svg {
    fill: #fff !important;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency .currencyContent {
    display: flex;
    align-items: center;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency .currencyContent .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    color: #fff;
    font-size: 14px;
    background: #047cfc;
    border-radius: 3px;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency .currencyContent .badge.wide {
    width: 36px;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency .currencyContent .opener {
    top: 15px;
    right: 10px;
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: 0.45em;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.gameMobileContentWrapper .gameCurrency .btnCurrency .currencyContent .opener.open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.gameMobileContentWrapper .gameCurrency .btnCurrency .currencyContent .opener svg {
    width: 100%;
    height: 100%;
    fill: #aab0bd;
}
.gameMobileContentWrapper .gameCurrency .dropdown {
    position: absolute;
    top: 100%;
    right: 15px;
    left: inherit;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 100px;
    margin: 12px 0 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.gameMobileContentWrapper .gameCurrency .dropdown.open {
    display: block;
}
.gameMobileContentWrapper .gameCurrency .dropdown .item {
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #000000bf;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.gameMobileContentWrapper .gameCurrency .dropdown .item:active,
.gameMobileContentWrapper .gameCurrency .dropdown .item:focus,
.gameMobileContentWrapper .gameCurrency .dropdown .item:hover {
    background-color: #f1f1f1;
}
.gameMobileContentWrapper .gameCurrency .dropdown .item:first-child {
    border-radius: 4px 4px 0 0;
}
.gameMobileContentWrapper .gameCurrency .dropdown .item > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.gameMobileContentWrapper .gameCurrency .dropdown .item > div .badge {
    width: 36px;
    margin-right: 8px;
    color: #0009;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background: #e5e5e5;
    border-radius: 2px;
}
.gameMobileContentWrapper .gameCurrency .dropdown .item.active > div .badge {
    color: #fff;
    background: #219a19;
}
.gameMobileContentWrapper .gameCurrency .dropdown:before {
    position: absolute;
    top: -8px;
    right: 12px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 0 6px 8px;
    content: "";
}
@media (max-width: 900px) {
    .gameMobileContentWrapper .gameCurrency .dropdown {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
    .gameMobileContentWrapper .gameCurrency .dropdown:before {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
}
.gameMobileContentWrapper .playButtons {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.gameMobileContentWrapper .playButtons > a,
.gameMobileContentWrapper .playButtons > button {
    flex: 0 1 49%;
}
.gameMobileContentWrapper .playButtons button {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 1em;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5;
    background: 0 0;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
.gameMobileContentWrapper .playButtons button.real {
    color: #013e01;
    background-color: #2dc53a;
}
.gameMobileContentWrapper .playButtons button.real svg {
    margin-right: 7px;
}
.gameMobileContentWrapper .playButtons button.demo {
    color: #828f9a;
    border: 1px solid #343b48;
}
@media (max-width: 450px) {
    .gameMobileContentWrapper .playButtons {
        flex-direction: column;
    }
    .gameMobileContentWrapper .playButtons a {
        width: 100%;
        margin-top: 15px;
    }
    .gameMobileContentWrapper .playButtons a:last-child {
        margin-top: 15px;
    }
}
.gameMobileContentWrapper .gameDescription {
    margin-top: 0 !important;
}
.gameMobileContentWrapper .gameDescription .image {
    width: 49%;
    min-width: 150px;
    margin-top: 15px;
}
.gameMobileContentWrapper .gameDescription .image img {
    width: 100%;
    max-width: 300px;
    border-radius: 8px;
}
.gameMobileContentWrapper .gameDescription .providerTitle {
    margin-top: 5px;
    font-weight: 500;
    font-size: 15px;
}
.gameMobileContentWrapper .gameDescription .providerTitle a {
    color: #aab0bd !important;
}
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu {
    flex-direction: column;
    width: 100% !important;
    margin: 15px 0 0 !important;
    padding: 0 !important;
    background: none !important;
}
.gameMobileContentWrapper .gameDescription .gameDescriptionMenu .item {
    margin-left: 0 !important;
    border-radius: 8px !important;
}
.gameMobileContentWrapper .gameDescription .gameDescriptionContent .description {
    margin-top: 5px !important;
    margin-left: 0 !important;
}
.gameMobileContentWrapper .gameControls {
    margin-top: 15px !important;
    padding: 5px !important;
    background-color: #20242d !important;
    border-radius: 8px !important;
}
.gameMobileContentWrapper .gameControls .gameControlsMenu {
    border-right: none !important;
}
main {
    max-width: 100% !important;
    height: 100%;
}
.sportSection {
    max-width: 100% !important;
    height: 100%;
}
.sportSection .gameWrapper {
    height: 100% !important;
}
.sportSection .gameWrapper .gameBlock {
    height: 100%;
    overflow: hidden;
}
.sportSection iframe {
    height: auto;
    border: none;
}
.gameControlsTooltip [class*="bootstrap_tooltip-inner"] {
    max-width: none;
    padding: 12px 16px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    background-color: #fff;
}
.gameControlsTooltip [class*="bootstrap_show"] {
    opacity: 1;
}
.gameControlsTooltip [class*="bootstrap_arrow"]:before {
    border-top-color: #fff !important;
}
.gameInfoContentWrapper .gameInfoWrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.gameInfoContentWrapper .gameInfoWrapper .left {
    width: 59%;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main {
    position: relative;
    padding: 2rem 1.875rem;
    overflow: hidden;
    color: #ffffff80;
    background-color: #1c1e22;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 0.125rem;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .background {
    position: absolute;
    top: -2%;
    left: -2%;
    width: 104%;
    padding-top: 55%;
    overflow: hidden;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer {
    position: relative;
    z-index: 9;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.625rem 0;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader img {
    width: 10rem;
    margin-right: 1.4375rem;
    border-radius: 0.125rem;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .name .text {
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    font-size: 1.75rem;
    line-height: 2rem;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .name .btn {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    color: #fff;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    padding-top: 0.5rem;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .info .provider a {
    color: #fff;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .info .provider a:hover {
    color: #79a6f8;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .info .extras {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    text-align: center;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .info .extras .item {
    display: flex;
    flex-direction: column;
    width: 60px;
    margin-right: 10px;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .gameHeader .description .info .extras .item:last-child {
    margin-right: 0;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .contentDescription {
    margin-top: 20px;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .contentDescription .title {
    color: #fff;
    font-size: 16px;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .contentDescription .text {
    margin-top: 20px;
    color: #fff;
    line-height: 21px;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .preview {
    position: relative;
    z-index: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 56px 0 0;
    padding-bottom: 20px;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .preview .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main .gameContainer .preview .header .title {
    margin-right: auto;
    font-size: 1.125rem;
}
.gameInfoContentWrapper .gameInfoWrapper .left .main:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, #1c1e223d, #1e202494 38%, #1e2024f0 84.85%);
    content: "";
}
.gameInfoContentWrapper .gameInfoWrapper .left .gameInfo {
    margin-top: 20px;
}
.gameInfoContentWrapper .gameInfoWrapper .left .gameInfo .title {
    margin-bottom: 0.625rem;
    color: #fff;
    font-size: 1.25rem;
}
.gameInfoContentWrapper .gameInfoWrapper .left .gameInfo .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.125rem;
}
.gameInfoContentWrapper .gameInfoWrapper .left .gameInfo .list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 35%;
    margin: 0.125rem 0.0625rem 0;
    padding: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
@media (max-width: 1500px) {
    .gameInfoContentWrapper .gameInfoWrapper .left {
        width: 100%;
    }
}
.gameInfoContentWrapper .gameInfoWrapper .right {
    width: 39%;
}
@media (max-width: 1500px) {
    .gameInfoContentWrapper .gameInfoWrapper .right {
        width: 100%;
    }
}
@media (max-width: 1500px) {
    .gameInfoContentWrapper .gameInfoWrapper {
        flex-direction: column;
    }
}
.fairContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.fairContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.fairContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.fairContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.fairContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.fairContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.fairContainer .fairBlock {
    display: flex;
    flex-wrap: wrap;
    color: inherit;
}
.fairContainer .fairBlock p {
    font-size: 16px;
}
.fairContainer .fairBlock p:first-child {
    margin-top: 20px;
}
.fairContainer .fairBlock p.license {
    color: #828f9a;
}
@media (max-width: 1100px) {
    .fairContainer .fairBlock p {
        font-size: 14px;
    }
}
@media (max-width: 520pxpx) {
    .fairContainer .fairBlock p {
        font-size: 13px;
    }
}
.fairContainer .fairBlock .fairCheckBlock {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin: 20px auto 30px;
    padding: 32px 0 19px;
    color: #fff;
    border-radius: 8px;
}
.fairContainer .fairBlock .fairCheckBlock .col {
    position: relative;
    padding: 0 28px;
}
.fairContainer .fairBlock .fairCheckBlock .col:first-child {
    text-align: right;
}
.fairContainer .fairBlock .fairCheckBlock .col:first-child:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #fff;
    opacity: 0.12;
    content: "";
}
.fairContainer .fairBlock .fairCheckBlock .col:first-child .title {
    justify-content: flex-end;
}
.fairContainer .fairBlock .fairCheckBlock .col:first-child .title:after {
    right: 0;
}
.fairContainer .fairBlock .fairCheckBlock .col:last-child {
    text-align: left;
}
.fairContainer .fairBlock .fairCheckBlock .col:last-child .title .text {
    max-width: 205px;
    color: #fcbc3d;
}
.fairContainer .fairBlock .fairCheckBlock .col:last-child .list .item:before {
    background: transparent;
    content: counter(item, decimal-leading-zero) " ";
    counter-increment: item;
}
.fairContainer .fairBlock .fairCheckBlock .col .title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.fairContainer .fairBlock .fairCheckBlock .col .title .text {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}
.fairContainer .fairBlock .fairCheckBlock .col .title:after {
    position: absolute;
    bottom: 0;
    width: 220px;
    height: 1px;
    background: #ffffff1f;
    content: "";
}
.fairContainer .fairBlock .fairCheckBlock .col .btnTitle {
    position: relative;
    width: 100%;
    padding: 250px 0 12px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: transparent;
    opacity: 0.7;
}
.fairContainer .fairBlock .fairCheckBlock .col .btnTitle:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #ffffff3d;
    content: "";
}
.fairContainer .fairBlock .fairCheckBlock .col .btnTitle.active {
    opacity: 1;
}
.fairContainer .fairBlock .fairCheckBlock .col .btnTitle.active:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #fcbc3d;
    content: "";
}
@media (min-width: 521px) {
    .fairContainer .fairBlock .fairCheckBlock .col .btnTitle {
        display: none;
    }
}
@media (max-width: 360px) {
    .fairContainer .fairBlock .fairCheckBlock .col .btnTitle {
        font-size: 13px;
        line-height: 21px;
    }
}
.fairContainer .fairBlock .fairCheckBlock .col .list {
    max-width: 260px;
    counter-reset: item;
}
.fairContainer .fairBlock .fairCheckBlock .col .list .item {
    position: relative;
    display: flex;
    align-items: center;
    height: 55px;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    transition: color 0.3s;
}
.fairContainer .fairBlock .fairCheckBlock .col .list .item:not(:last-child) {
    margin-bottom: 24px;
}
.fairContainer .fairBlock .fairCheckBlock .col .list .item:before {
    position: absolute;
    top: 50%;
    left: -36px;
    color: #828f9a;
    font-size: 12px;
    background: #32031c;
    transform: translateY(-50%);
    mix-blend-mode: luminosity;
}
.fairContainer .fairBlock .fairCheckBlock .col .list .item:after {
    position: absolute;
    top: 50%;
    left: -34px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    content: "";
}
@media (max-width: 1099px) {
    .fairContainer .fairBlock .fairCheckBlock {
        margin-bottom: 24px;
        padding: 230px 0 30px;
        background-position: 50% 0;
        border-radius: 13px;
    }
}
@media (max-width: 520px) {
    .fairContainer .fairBlock .fairCheckBlock {
        margin: 15px 0 28px;
        padding: 0 0 10px;
        overflow: hidden;
        background-color: #000;
        background-image: none;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: contain;
    }
    .fairContainer .fairBlock .fairCheckBlock:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 400px;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
        content: "";
    }
    .fairContainer .fairBlock .fairCheckBlock .col {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }
    .fairContainer .fairBlock .fairCheckBlock .col:first-child,
    .fairContainer .fairBlock .fairCheckBlock .col:last-child {
        text-align: center;
    }
    .fairContainer .fairBlock .fairCheckBlock .col:first-child:before {
        display: none;
    }
    .fairContainer .fairBlock .fairCheckBlock .col:first-child .list.active {
        display: block;
        width: 200%;
        max-width: 200%;
        margin-left: 0;
        padding-top: 24px;
        text-align: left;
    }
    .fairContainer .fairBlock .fairCheckBlock .col:first-child .list .item:before {
        background: url(https://cdn.selector-casino.io/assets/svg/Fair/false.svg);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
    }
    .fairContainer .fairBlock .fairCheckBlock .col:last-child .list.active {
        display: block;
        max-width: 200%;
        margin-left: -100%;
        padding-top: 24px;
        text-align: left;
    }
    .fairContainer .fairBlock .fairCheckBlock .col:last-child .list .item:before {
        background: url(https://cdn.selector-casino.io/assets/svg/Fair/true.svg);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
    }
    .fairContainer .fairBlock .fairCheckBlock .col .title {
        display: none;
    }
    .fairContainer .fairBlock .fairCheckBlock .col .list {
        display: none;
        max-width: 100%;
        padding-top: 24px;
        text-align: left;
    }
    .fairContainer .fairBlock .fairCheckBlock .col .list .item {
        height: auto !important;
        padding: 0 15px 10px 54px;
    }
    .fairContainer .fairBlock .fairCheckBlock .col .list .item:before {
        top: 0;
        left: 16px;
        width: 24px;
        height: 24px;
        transform: none;
        opacity: 1;
        mix-blend-mode: normal;
        content: "";
    }
    .fairContainer .fairBlock .fairCheckBlock .col .list .item:not(:last-child) {
        margin-bottom: 12px;
    }
    .fairContainer .fairBlock .fairCheckBlock .col .list .item:not(:last-child):after {
        top: auto;
        right: 0;
        bottom: 0;
        left: 56px;
        width: auto;
        height: 1px;
        background: #ffffff1f;
        transform: none;
        mix-blend-mode: normal;
    }
}
@media (max-width: 900px) {
    .fairContainer {
        padding: 15px;
    }
    .fairContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .fairContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .fairContainer .headerBlock .info {
        font-size: 13px;
    }
}
.helpContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.helpContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.helpContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.helpContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.helpContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.helpContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.helpContainer .helpBlock {
    margin-top: 20px;
    color: inherit;
}
.helpContainer .helpBlock .caption {
    position: relative;
    display: flex;
    align-items: center;
    margin: 25px 0;
    padding-left: 16px;
    font-weight: 400;
    font-size: 17px;
}
.helpContainer .helpBlock .caption:first-child {
    margin-top: 0;
}
.helpContainer .helpBlock .caption .badge {
    margin-top: 2px;
    margin-left: 10px;
    padding: 2px 6px;
    color: #828f9a;
    font-weight: 400;
    font-size: 12px;
    background: #2d3340;
    border-radius: 3px;
}
@media (min-width: 769px) {
    .helpContainer .helpBlock .caption:before {
        position: absolute;
        left: 1px;
        width: 8px;
        height: 2px;
        background: #d0d9e0;
        content: "";
    }
}
@media (max-width: 768px) {
    .helpContainer .helpBlock .caption {
        padding-left: 0;
        font-size: 16px;
    }
    .helpContainer .helpBlock .caption:first-child span {
        display: none;
    }
    .helpContainer .helpBlock .caption:first-child .badge {
        margin-left: 0;
    }
}
.helpContainer .helpBlock .feedback {
    display: flex;
}
.helpContainer .helpBlock .feedback .item {
    width: 50%;
    margin: 0 15px 0 0;
}
.helpContainer .helpBlock .feedback .item .feedbackContent {
    position: relative;
    display: flex;
    padding: 15px 20px;
    font-size: 14px;
    border: 2px solid #047cfc;
    border-radius: 6px;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .feedbackIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    padding-right: 18px;
    font-size: 32px;
    border-right: 1px solid #2e3542;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .textWrapper {
    padding-right: 41px;
    color: #8a91a0;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .textWrapper .title {
    margin-bottom: 3px;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .textWrapper a,
.helpContainer .helpBlock .feedback .item .feedbackContent .textWrapper button {
    display: inline-block;
    margin-bottom: 3px;
    color: #047cfc;
    font-size: 15px;
    border-bottom: 1px solid transparent;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .textWrapper div {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #fff;
    background: #2e3542;
    border: 0;
    border-radius: 3px;
    outline: none;
    transform: translateY(-50%);
    cursor: pointer;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .arrow svg {
    width: 15px;
    height: 15px;
    transform: rotate(-180deg);
    fill: #fff;
}
.helpContainer .helpBlock .feedback .item .feedbackContent .arrow:hover {
    background: #047cfc;
}
@media (max-width: 1360px) {
    .helpContainer .helpBlock .feedback .item .feedbackContent {
        padding: 15px;
    }
    .helpContainer .helpBlock .feedback .item .feedbackContent .feedbackIcon {
        display: none;
    }
    .helpContainer .helpBlock .feedback .item .feedbackContent .textWrapper {
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .helpContainer .helpBlock .feedback {
        flex-direction: column;
    }
    .helpContainer .helpBlock .feedback .item {
        width: 100%;
        margin: 0 0 15px;
    }
    .helpContainer .helpBlock .feedback .item .feedbackContent {
        padding: 20px;
    }
    .helpContainer .helpBlock .feedback .item .feedbackContent .feedbackIcon {
        display: flex;
    }
    .helpContainer .helpBlock .feedback .item .feedbackContent .textWrapper {
        padding-right: 41px;
    }
    .helpContainer .helpBlock .feedback .item .feedbackContent .arrow {
        right: 20px;
    }
}
@media (max-width: 500px) {
    .helpContainer .helpBlock .feedback .item .feedbackContent .feedbackIcon {
        display: none;
    }
}
.helpContainer .helpBlock .collapseBlock {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #2e3542;
    border-radius: 6px;
}
.helpContainer .helpBlock .collapseBlock .top {
    position: relative;
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 15px;
    color: #828f9a;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}
.helpContainer .helpBlock .collapseBlock .top:hover,
.helpContainer .helpBlock .collapseBlock .top:focus {
    color: #fff;
}
.helpContainer .helpBlock .collapseBlock .top .btn {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 15px;
    color: #828f9a;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
}
.helpContainer .helpBlock .collapseBlock .top .after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    transition: all 0.3s;
    pointer-events: none;
    fill: #fff;
}
.helpContainer .helpBlock .collapseBlock .top .after svg {
    width: 100%;
    height: 100%;
}
.helpContainer .helpBlock .collapseBlock .collapse {
    height: auto;
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
.helpContainer .helpBlock .collapseBlock .collapse:not(.open) {
    max-height: 0;
}
.helpContainer .helpBlock .collapseBlock .collapse .collapseContent {
    padding: 15px;
}
.helpContainer .helpBlock .collapseBlock .collapse .collapseContent .green {
    color: #37cc44;
}
.helpContainer .helpBlock .collapseBlock.open .top {
    border-radius: 6px 6px 0 0;
}
.helpContainer .helpBlock .collapseBlock.open .top .btn {
    color: #fff;
    border-bottom: 1px solid #2e3542;
    border-radius: 6px 6px 0 0;
}
.helpContainer .helpBlock .collapseBlock.open .top .after {
    transform: translateY(-50%) rotate(-180deg);
}
@media (max-width: 900px) {
    .helpContainer {
        padding: 15px;
    }
    .helpContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .helpContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .helpContainer .headerBlock .info {
        font-size: 13px;
    }
}
.logSection {
    padding-bottom: 0;
}
.logSection .profileHead {
    padding: 25px;
    background: #2e3542;
    border-radius: 5px 5px 0 0;
}
.logSection .profileHead .loaderBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 200px;
    font-size: 18px;
    text-align: center;
}
.logSection .profileHead .loaderBlock .spinnerBlock {
    position: absolute;
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.logSection .profileHead .headBlock {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}
.logSection .profileHead .headBlock .avatar {
    position: relative;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    padding: 8px;
    overflow: hidden;
    background: #1c2028;
    border-radius: 10px;
}
.logSection .profileHead .headBlock .avatar > div {
    width: 100% !important;
    height: 100% !important;
    font-family: Rubik, Arial, sans-serif;
}
.logSection .profileHead .headBlock .user {
    display: inline;
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    white-space: nowrap;
}
.logSection .profileHead .headBlock .user.hasBadge {
    position: relative;
}
.logSection .profileHead .headBlock .user .badge {
    position: absolute;
    top: 50%;
    margin-left: -1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.logSection .profileHead .headBlock .user .badge > div:first-child {
    display: flex;
    align-items: center;
    width: 15px;
    height: 15px;
}
.logSection .profileHead .headBlock .user .badge > div:first-child img,
.logSection .profileHead .headBlock .user .badge > div:first-child svg {
    display: block;
}
.logSection .profileHead .headBlock .user .text {
    padding-left: 20px;
}
.logSection .profileHead .headBlock .date {
    margin-top: 2px;
    color: #828f9a;
    font-size: 13px;
    text-align: center;
}
.logSection .profileHead .statsBlock {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0 0;
}
.logSection .profileHead .statsBlock .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 180px;
    margin-right: 15px;
    padding: 12px 5px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #3d4656;
    border-radius: 6px;
}
.logSection .profileHead .statsBlock .item .label {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 2px;
    color: #828f9a;
    font-weight: 500;
    font-size: 0.85em;
    text-transform: uppercase;
}
@media (max-width: 360px) {
    .logSection .profileHead .statsBlock .item .label {
        font-size: 0.75em;
    }
}
.logSection .profileHead .statsBlock .item .value {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #047cfc;
    font-weight: 500;
    font-size: 16px;
}
.logSection .profileHead .statsBlock .item .value.positive {
    color: #2dc53a !important;
}
.logSection .profileHead .statsBlock .item .value.neutral {
    color: #047cfc !important;
}
.logSection .profileHead .statsBlock .item .value svg {
    position: relative;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: 3px;
}
@media (max-width: 700px) {
    .logSection .profileHead {
        padding: 20px 10px 10px;
    }
    .logSection .profileHead .statsBlock {
        flex-wrap: wrap;
    }
    .logSection .profileHead .statsBlock .item {
        width: calc(50% - 10px);
        margin: 5px;
    }
}
@media (max-width: 400px) {
    .logSection .profileHead .statsBlock .item .label {
        max-width: 125px;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis;
    }
    .logSection .profileHead .statsBlock .item .value {
        font-size: 13px;
    }
    .logSection .profileHead .statsBlock .item .value svg {
        top: 0;
        width: 11px;
        height: 11px;
        margin-right: 3px;
    }
}
.logSection .logContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 1124px) {
    .logSection .logContainer {
        flex-direction: column;
    }
}
@media (max-width: 900px) {
    .logSection .logContainer {
        padding-bottom: 0;
    }
}
.logSection .logContainer .logComponent {
    width: 100%;
    height: 100%;
    color: #828f9a;
    background: #272d39;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
@media (max-width: 1124px) {
    .logSection .logContainer .logComponent {
        width: 100%;
    }
}
.logSection .logContainer .logComponent .logNav {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background: #2d3340;
    border-radius: 5px 5px 0 0;
}
.logSection .logContainer .logComponent .logNav .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    margin: 0 10px;
    color: #828f9a;
    font-size: 13px;
    text-transform: uppercase;
    background: transparent;
    border-radius: 100px;
}
.logSection .logContainer .logComponent .logNav .btn:not(.active):hover {
    color: #fff;
}
.logSection .logContainer .logComponent .logNav .btn.active {
    color: #fff;
    background: #047cfc;
}
@media (max-width: 600px) {
    .logSection .logContainer .logComponent .logNav .btn {
        height: 32px;
        margin: 0;
        font-size: 12px;
    }
}
.logSection .logContainer .logComponent .logWrapper {
    position: relative;
    height: calc(100% - 100px);
    min-height: 320px;
    padding: 15px 25px 0;
}
.logSection .logContainer .logComponent .logWrapper .withPager {
    height: calc(100% - 95px);
    overflow: hidden;
}
.logSection .logContainer .logComponent .logWrapper .withPager.isLoading tbody {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    pointer-events: none;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list {
    position: relative;
    height: 100%;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list.isLoader {
    min-height: 500px;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    font-size: 18px;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .empty h4 {
    font-size: 24px;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .loaderBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    font-size: 18px;
    text-align: center;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .loaderBlock .spinnerBlock {
    position: absolute;
    top: calc(50% - 2.5rem);
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable {
    width: 100%;
    color: #fff;
    border-collapse: initial;
    border-spacing: 0;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable tr:last-child td {
    border-bottom: none;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th {
    width: 20%;
    height: 36px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #2f3543;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th:first-child {
    text-align: left;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th:last-child {
    text-align: right;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value {
    z-index: 1;
    color: #5e6a7f;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value svg {
    margin-bottom: 2px;
    margin-left: 7px;
    font-size: 14px;
    fill: #5e6a7f;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td {
    width: 20%;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: center;
    border-bottom: 1px solid #2e3542;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:first-child svg {
    margin-bottom: 2px;
    margin-left: 5px;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td svg {
    margin-right: 3px;
    color: #5e6a7f;
    font-size: inherit;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.default {
    color: #828f9a;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.positive {
    color: #2dc53a;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.positive svg {
    color: #2dc53a;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:first-child {
    text-align: left;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:last-child {
    text-align: right;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.date {
    display: inline-block;
    text-align: center;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system {
    display: flex;
    align-items: center;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system.popover {
    display: flex;
    align-items: center;
    color: #fff;
    background: transparent;
    border: 0;
    outline: none;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system.popover .icon {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin-left: 4px;
    text-align: center;
    background: transparent;
    cursor: pointer;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system.popover .icon svg {
    display: block;
    width: 13px;
    height: 13px;
}
@media (max-width: 900px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th {
        padding: 0 10px;
    }
}
@media (max-width: 500px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .value,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value {
        font-size: 12px;
    }
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .value svg,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value svg {
        height: 13px;
    }
}
@media (max-width: 370px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .value,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value {
        font-size: 11px;
    }
}
@media (max-width: 350px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .value,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value {
        font-size: 10px;
    }
}
@media (max-width: 335px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .value,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value {
        font-size: 9px;
    }
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll {
    overflow-x: scroll;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable {
    width: 100%;
    color: #fff;
    border-collapse: initial;
    border-spacing: 0;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th {
    width: 25%;
    height: 36px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #2f3543;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:first-child {
    text-align: left;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:last-child {
    text-align: right;
}
@media (max-width: 800px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:nth-child(2) {
        text-align: center;
    }
}
@media (max-width: 500px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:nth-child(2) {
        text-align: right;
    }
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:nth-child(3) {
        display: none;
    }
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td {
    width: 25%;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: center;
    border-bottom: 1px solid #2e3542;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:first-child svg {
    margin-bottom: 2px;
    margin-left: 5px;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td svg {
    margin-right: 3px;
    color: #5e6a7f;
    font-size: inherit;
}
@media (max-width: 800px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:nth-child(1) {
        text-align: left;
    }
}
@media (max-width: 500px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:nth-child(3) {
        display: none;
    }
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:nth-child(2) {
        text-align: right;
    }
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.default {
    color: #828f9a;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.positive {
    color: #2dc53a;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:first-child {
    text-align: left;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:last-child {
    text-align: right;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.date {
    display: inline-block;
    text-align: center;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system {
    display: flex;
    align-items: center;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system.popover {
    display: flex;
    align-items: center;
    color: #fff;
    background: transparent;
    border: 0;
    outline: none;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system.popover .icon {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin-left: 4px;
    text-align: center;
    background: transparent;
    cursor: pointer;
}
.logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system.popover .icon svg {
    display: block;
    width: 13px;
    height: 13px;
}
@media (max-width: 900px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th {
        padding: 0 10px;
    }
}
@media (max-width: 400px) {
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td,
    .logSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th {
        font-size: 12px;
    }
}
.logSection .logContainer .logComponent .logWrapper .pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    list-style: none;
}
.logSection .logContainer .logComponent .logWrapper .pager .inputBlock {
    display: flex;
    align-items: center;
}
.logSection .logContainer .logComponent .logWrapper .pager .inputBlock .inputField {
    max-width: 45px;
    height: 40px;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
}
@media (max-width: 900px) {
    .logSection .logContainer .logComponent .logWrapper .pager .inputBlock .inputField {
        max-width: 40px;
        height: 35px;
    }
}
.logSection .logContainer .logComponent .logWrapper .pager .pagerBtn {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: -1px;
    padding: 0 12px;
    color: #828f9a;
    line-height: 1.25;
    background: none;
    border: 1px solid #2d3340;
    border-radius: 5px;
    cursor: pointer;
}
.logSection .logContainer .logComponent .logWrapper .pager .pagerBtn:hover {
    color: #fff;
}
.logSection .logContainer .logComponent .logWrapper .pager .pagerBtn svg {
    display: block;
    width: 12px;
    height: 12px;
}
.logSection .logContainer .logComponent .logWrapper .pager .pagerBtn:first-child svg {
    margin-right: 3px;
}
.logSection .logContainer .logComponent .logWrapper .pager .pagerBtn:last-child svg {
    margin-left: 3px;
    transform: scale(-1);
}
.logSection .logContainer .logComponent .logWrapper .pager .pagerBtn > span {
    display: flex;
    align-items: center;
    line-height: 0;
}
.logSection .logContainer .logComponent .logWrapper .pager .pagerBtn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
@media (max-width: 900px) {
    .logSection .logContainer .logComponent .logWrapper .pager .pagerBtn {
        height: 35px;
    }
}
@media (max-width: 900px) {
    .logSection .logContainer .logComponent .logWrapper .pager {
        padding: 15px;
    }
}
@media (max-width: 900px) {
    .logSection .logContainer .logComponent .logWrapper {
        padding: 15px 0 0;
    }
}
.loyaltyContainer {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    background: #272d39;
    border-radius: 6px;
}
.loyaltyContainer .headerBlock {
    position: relative;
    margin: -30px -30px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.loyaltyContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.loyaltyContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.loyaltyContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.loyaltyContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.loyaltyContainer .loaderBlock {
    display: block;
    height: 500px;
}
.loyaltyContainer .loaderBlock .loaderCentred {
    position: relative;
}
.loyaltyContainer .navBlock {
    display: flex;
    justify-content: center;
    box-sizing: content-box;
    width: 100%;
    margin: 10px auto 45px 0;
    padding: 0;
    border-bottom: 1px solid #2e3542;
    border-radius: 0;
}
.loyaltyContainer .navBlock .btn {
    margin-bottom: -1px;
    margin-left: 25px;
    padding: 15px 0;
    color: #5e6a7f;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.loyaltyContainer .navBlock .btn:first-child {
    margin-left: 0;
}
.loyaltyContainer .navBlock .btn:hover,
.loyaltyContainer .navBlock .btn:focus,
.loyaltyContainer .navBlock .btn.active {
    color: #eee;
    border-bottom: 1px solid #047cfc;
}
.loyaltyContainer .withPager {
    height: calc(100% - 95px);
}
.loyaltyContainer .withPager.isLoading .list {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    pointer-events: none;
}
.loyaltyContainer .withPager .list {
    position: relative;
    min-height: 250px;
}
.loyaltyContainer .withPager .list.isLoader {
    min-height: 500px;
}
.loyaltyContainer .withPager .list.isLoader .loaderCentred {
    position: absolute;
}
.loyaltyContainer .withPager .list .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    color: #5e6a7f;
    font-size: 18px;
}
.loyaltyContainer .withPager .list .empty h4 {
    font-size: 24px;
}
.loyaltyContainer .withPager .list .loaderBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    font-size: 18px;
    text-align: center;
}
.loyaltyContainer .withPager .list .loaderBlock .spinnerBlock {
    position: absolute;
    top: calc(50% - 2.5rem);
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.loyaltyContainer .withPager .list .item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #2d3340;
    transform: translateZ(0);
    transition: box-shadow 3ms, border-top-color 0.1s;
}
.loyaltyContainer .withPager .list .item.headItem .itemHeader .itemLeft .itemAmount span {
    z-index: 1;
    color: #5e6a7f;
    font-size: 14px;
    text-transform: uppercase;
}
.loyaltyContainer .withPager .list .item.headItem .itemHeader .itemLeft .itemAmount span svg {
    margin-bottom: 1px;
    margin-left: 7px;
    fill: #5e6a7f;
}
.loyaltyContainer .withPager .list .item.headItem .itemHeader .itemDate span {
    z-index: 1;
    color: #5e6a7f;
    font-size: 14px;
    text-transform: uppercase;
}
.loyaltyContainer .withPager .list .item.headItem .itemHeader .itemDate span svg {
    margin-bottom: 1px;
    margin-left: 7px;
    fill: #5e6a7f;
}
.loyaltyContainer .withPager .list .item.headItem .itemHeader .itemRight .itemInfo {
    margin-left: 0;
}
.loyaltyContainer .withPager .list .item.headItem .itemHeader .itemRight .itemInfo .infoCaption {
    z-index: 1;
    color: #5e6a7f;
    font-size: 14px;
    text-transform: uppercase;
}
.loyaltyContainer .withPager .list .item.headItem .itemHeader .itemRight .itemInfo .infoCaption svg {
    margin-bottom: 1px;
    margin-left: 7px;
    fill: #5e6a7f;
}
.loyaltyContainer .withPager .list .item.logItem .itemHeader .itemRight .itemInfo {
    margin-left: 0;
}
.loyaltyContainer .withPager .list .item.logItem .itemHeader .itemRight .itemInfo .infoCaption {
    font-size: 14px;
}
.loyaltyContainer .withPager .list .item .itemHeader {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
    overflow: visible;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.loyaltyContainer .withPager .list .item .itemHeader:active,
.loyaltyContainer .withPager .list .item .itemHeader:focus,
.loyaltyContainer .withPager .list .item .itemHeader:hover {
    border: 0;
    outline: none;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemRight,
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft {
    display: flex;
    align-items: center;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemAvatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    text-align: center;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemAvatar img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
@media (max-width: 1050px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemAvatar {
        width: 35px;
        height: 35px;
        margin-right: 8px;
    }
}
@media (max-width: 950px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemAvatar {
        display: none;
    }
}
.loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemInfo {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemInfo .infoCaption {
    display: block;
    overflow: hidden;
    color: #fff;
    line-height: 1.5;
    white-space: nowrap;
}
@media (max-width: 480px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemInfo .infoCaption {
        font-size: 14px;
    }
}
.loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemInfo .infoComment {
    display: block;
    max-width: 480px;
    overflow: hidden;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.5;
}
@media (max-width: 1100px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemInfo .infoComment {
        font-size: 12px;
    }
}
@media (max-width: 600px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemRight .itemInfo .infoComment {
        font-size: 11px;
    }
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemAmount {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: right;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemAmount .value {
    display: flex;
    align-items: center;
    color: #828f9a;
    white-space: nowrap;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemAmount .value.win {
    color: #2dc53a;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemAmount .value svg {
    position: relative;
    top: 1px;
    margin-left: 2px;
}
@media (max-width: 600px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemAmount .value svg {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemAmount .value svg {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemAmount .value {
        font-size: 14px;
    }
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus {
    display: flex;
    justify-content: flex-end;
    width: 200px;
    margin-left: auto;
    color: #fff;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus > span {
    padding: 0 5px;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 130px;
    height: 34px;
    margin-left: auto;
    text-align: center;
    background-color: #ffffff1a;
    border-radius: 34px;
    cursor: default;
}
@media (max-width: 450px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus button {
        font-size: 12px;
    }
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .success {
    color: #2dc53a;
    background-color: #62ca5b1a;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .canceled {
    color: #efde5c;
    background-color: #caae5b1a;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .waiting {
    color: #047cfc;
    background-color: #5b99ca1a;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .error {
    color: #efde5c;
    background-color: #caae5b1a;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .cancel {
    z-index: 1;
    color: #615918;
    background-color: #f5e249;
    cursor: pointer;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .cancel:hover,
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .cancel:focus {
    background-color: #e4d345;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .btnStatus .cancel svg {
    position: relative;
    margin-right: 8px;
    font-size: 0.8em;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .timer {
    position: relative;
    display: flex;
    align-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid #047cfc;
    border-radius: 4px 0 0 4px;
    cursor: help;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .timer svg {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    transform: translate(-50%, -50%);
    fill: #fff;
}
@media (max-width: 900px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .timer svg {
        font-size: 14px;
    }
}
@media (max-width: 900px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .timer {
        width: 30px;
        height: 30px;
    }
}
.loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .btn {
    height: 34px;
    padding: 0 15px;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
}
@media (max-width: 900px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .btn {
        height: 30px;
    }
}
@media (max-width: 600px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .btn {
        padding: 0 8px;
    }
}
@media (max-width: 400px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus .cancelBtn .btn {
        padding: 0 6px;
        font-size: 11px;
    }
}
@media (max-width: 1100px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus {
        width: 180px;
    }
}
@media (max-width: 600px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemLeft .itemStatus {
        width: 125px;
    }
}
.loyaltyContainer .withPager .list .item .itemHeader .itemDate {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.loyaltyContainer .withPager .list .item .itemHeader .itemDate > span {
    padding: 3px 8px;
    border-radius: 50px;
}
@media (max-width: 700px) {
    .loyaltyContainer .withPager .list .item .itemHeader .itemDate {
        display: none;
    }
}
@media (max-width: 1100px) {
    .loyaltyContainer .withPager .list .item .itemHeader {
        padding: 15px 0;
    }
}
.loyaltyContainer .withPager .list .item .itemContent {
    width: 100%;
    height: auto;
    max-height: 0;
    margin-left: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.loyaltyContainer .withPager .list .item .itemContent.open {
    max-height: 200px;
}
.loyaltyContainer .withPager .list .item .itemContent ul {
    padding: 15px 0;
    color: #828f9a;
    list-style: none;
}
.loyaltyContainer .withPager .list .item .itemContent ul li {
    margin-bottom: 5px;
}
.loyaltyContainer .withPager .list .item .itemContent ul li span {
    display: inline-flex;
    align-items: center;
}
.loyaltyContainer .withPager .list .item .itemContent ul li span svg {
    margin: 3px 2px 0;
    font-size: 0.9em;
}
.loyaltyContainer .withPager .list .item .itemContent ul li span:first-child {
    margin-right: 5px;
    font-weight: 400;
}
@media (max-width: 480px) {
    .loyaltyContainer .withPager .list .item .itemContent ul {
        padding: 0 10px 5px;
    }
}
@media (max-width: 1100px) {
    .loyaltyContainer .withPager .list .item .itemContent {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .loyaltyContainer .withPager .list .item .itemContent {
        margin-left: -20px;
        font-size: 12px;
    }
}
.loyaltyContainer .withPager .list .item:first-child {
    border-top: none;
}
.loyaltyContainer .pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 45px 0 0;
    list-style: none;
}
.loyaltyContainer .pager .inputBlock {
    display: flex;
    align-items: center;
}
.loyaltyContainer .pager .inputBlock .inputField {
    max-width: 45px;
    height: 40px;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
}
@media (max-width: 900px) {
    .loyaltyContainer .pager .inputBlock .inputField {
        max-width: 40px;
        height: 35px;
    }
}
.loyaltyContainer .pager .pagerBtn {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: -1px;
    padding: 0 12px;
    color: #828f9a;
    line-height: 1.25;
    background: none;
    border: 1px solid #2d3340;
    border-radius: 5px;
    cursor: pointer;
}
.loyaltyContainer .pager .pagerBtn:hover {
    color: #fff;
}
.loyaltyContainer .pager .pagerBtn svg {
    display: block;
    width: 12px;
    height: 12px;
}
.loyaltyContainer .pager .pagerBtn:first-child svg {
    margin-right: 3px;
}
.loyaltyContainer .pager .pagerBtn:last-child svg {
    margin-left: 3px;
    transform: scale(-1);
}
.loyaltyContainer .pager .pagerBtn > span {
    display: flex;
    align-items: center;
    line-height: 0;
}
.loyaltyContainer .pager .pagerBtn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
@media (max-width: 900px) {
    .loyaltyContainer .pager .pagerBtn {
        height: 35px;
    }
}
@media (max-width: 900px) {
    .loyaltyContainer .pager {
        padding: 30px 15px;
    }
}
.loyaltyContainer .statsForm {
    display: flex;
    width: 100%;
    height: 320px;
    margin-top: 20px;
    background: #232833;
    border-radius: 6px;
}
.loyaltyContainer .statsForm .left {
    width: 60%;
    height: 100%;
    border-right: 1px solid hsla(0, 0%, 59.2%, 0.087);
}
.loyaltyContainer .statsForm .left .item {
    display: flex;
    height: 50%;
}
.loyaltyContainer .statsForm .left .item.borderTop {
    border-top: 1px solid hsla(0, 0%, 59.2%, 0.087);
}
.loyaltyContainer .statsForm .left .item .wrap {
    display: flex;
    align-items: center;
    width: 100%;
}
.loyaltyContainer .statsForm .left .item .wrap.borderRight {
    border-right: 1px solid hsla(0, 0%, 59.2%, 0.087);
}
.loyaltyContainer .statsForm .left .item .wrap .block {
    position: relative;
    width: 100%;
    text-align: center;
}
.loyaltyContainer .statsForm .left .item .wrap .block svg {
    width: 30px;
    height: 30px;
    color: #495465;
}
.loyaltyContainer .statsForm .left .item .wrap .block .num {
    margin: 7px 0 5px;
    color: #fff;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.25em;
}
.loyaltyContainer .statsForm .left .item .wrap .block .text {
    color: #828f9a;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}
.loyaltyContainer .statsForm .right {
    width: 40%;
}
.loyaltyContainer .statsForm .right .item {
    display: flex;
    height: 50%;
}
.loyaltyContainer .statsForm .right .item.full {
    height: 100%;
}
.loyaltyContainer .statsForm .right .item .wrap {
    display: flex;
    align-items: center;
    width: 100%;
}
.loyaltyContainer .statsForm .right .item .wrap .currency {
    color: #495465;
    font-size: 30px;
}
.loyaltyContainer .statsForm .right .item .wrap .block {
    position: relative;
    width: 100%;
    text-align: center;
}
.loyaltyContainer .statsForm .right .item .wrap .block svg {
    width: 30px;
    height: 30px;
    color: #495465;
}
.loyaltyContainer .statsForm .right .item .wrap .block .num {
    margin: 5px 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.2em;
}
.loyaltyContainer .statsForm .right .item .wrap .block .text {
    color: #828f9a;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}
.loyaltyContainer .statsForm .right .item .wrap .block .btnBlock {
    display: flex;
    max-width: 180px;
    height: 100%;
    margin: auto;
}
.loyaltyContainer .statsForm .right .item .wrap .block .btnBlock .btn {
    justify-content: center;
    width: 100%;
    max-width: 180px;
    margin-top: 10px;
    padding: 12px 20px;
    font-size: 13px;
}
@media (max-width: 800px) {
    .loyaltyContainer .statsForm {
        flex-direction: column;
        height: auto;
    }
    .loyaltyContainer .statsForm .left {
        width: 100%;
    }
    .loyaltyContainer .statsForm .left .item {
        padding: 30px 0;
    }
    .loyaltyContainer .statsForm .right {
        width: 100%;
        border-top: 1px solid hsla(0, 0%, 59.2%, 0.087);
    }
    .loyaltyContainer .statsForm .right .item {
        padding: 30px 0;
    }
}
.loyaltyContainer .description {
    align-items: center;
    justify-content: center;
    width: 95%;
    margin-bottom: -15px;
    padding: 30px 20px 0;
    color: #828f9a;
    font-size: 14px;
    border-radius: 0;
}
@media (max-width: 900px) {
    .loyaltyContainer .description {
        width: 100%;
        padding-bottom: 15px;
    }
}
.loyaltyContainer .levelsBlock {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: auto;
    margin: 10px -5px 0;
    padding-bottom: 5px;
    overflow: hidden;
}
.loyaltyContainer .levelsBlock .item {
    display: block;
    box-sizing: border-box;
    width: 30%;
    max-width: 135px;
    height: auto;
    text-align: center;
    background-color: #2d333f;
    border-right: 5px solid #272d39;
    border-left: 5px solid #272d39;
    opacity: 0.5;
}
.loyaltyContainer .levelsBlock .item.current {
    opacity: 1;
}
.loyaltyContainer .levelsBlock .item.arrow {
    width: auto;
    background-color: transparent;
}
.loyaltyContainer .levelsBlock .item svg {
    position: relative;
    top: calc(50% - 0.5em);
    transform: rotate(180deg) scale(1.3);
}
.loyaltyContainer .levelsBlock .item img {
    width: 85%;
    margin-top: 10px;
}
.loyaltyContainer .levelsBlock .item .expmeter {
    margin-top: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.loyaltyContainer .levelsBlock .item .cashbackTitle {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    text-overflow: ellipsis;
}
.loyaltyContainer .levelsBlock .item .cashbackValue {
    margin-bottom: 20px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
@media (max-width: 900px) {
    .loyaltyContainer {
        padding: 15px;
    }
    .loyaltyContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .loyaltyContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .loyaltyContainer .headerBlock .info {
        font-size: 13px;
    }
}
.partnerContainer {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0;
    background: #272d39;
    border-radius: 5px;
}
.partnerContainer .loaderBlock {
    text-align: center;
}
.partnerContainer .sidebar {
    width: 30%;
    padding: 25px 0;
    background: #232833;
}
.partnerContainer .sidebar .head {
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #2d3340;
}
.partnerContainer .sidebar .head .avatarBlock {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    padding: 8px;
    overflow: hidden;
    background: #1c2028;
    border-radius: 10px;
}
.partnerContainer .sidebar .head .avatarBlock .avatar > div {
    position: relative !important;
    width: 88px !important;
    height: 88px !important;
}
.partnerContainer .sidebar .head .avatarBlock.active .actionsBlock,
.partnerContainer .sidebar .head .avatarBlock:focus .actionsBlock,
.partnerContainer .sidebar .head .avatarBlock:hover .actionsBlock {
    visibility: visible;
    opacity: 1;
}
.partnerContainer .sidebar .head .avatarBlock .actionsBlock {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232833a6;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s linear;
}
.partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
}
.partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions label,
.partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions label svg,
.partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions button svg {
    font-size: 12px;
}
.partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions label.avatarUpload,
.partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions button.avatarUpload {
    background-color: #047cfc;
}
@media (max-width: 1050px) {
    .partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions button,
    .partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions label {
        width: 22px;
        height: 22px;
    }
    .partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions button svg,
    .partnerContainer .sidebar .head .avatarBlock .actionsBlock .actions label svg {
        font-size: 10px;
    }
}
.partnerContainer .sidebar .head .name {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    margin: auto;
    font-size: 15px;
}
.partnerContainer .sidebar .head .name .btnName {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.partnerContainer .sidebar .head .name .btnName svg {
    position: relative;
    top: 0.05em;
    margin-left: 5px;
    font-size: 13px;
}
.partnerContainer .sidebar .head .name.active .btnName {
    display: none;
}
.partnerContainer .sidebar .partnerMobileNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.partnerContainer .sidebar .partnerMobileNav .navLabel {
    height: 48px;
    padding: 0;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown {
    position: relative;
    box-sizing: border-box;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown:hover .btnDropdown,
.partnerContainer .sidebar .partnerMobileNav .dropdown:active .btnDropdown {
    background-color: #272d39;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown {
    display: inline-block;
    height: 48px;
    padding: 0.375rem 0.75rem;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background-color: #272d39;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown.open {
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 5px #191d24;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown .btnContent {
    display: flex;
    align-items: center;
    color: inherit;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown .btnContent .navIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 6px;
    background: #ffffff14;
    border-radius: 3px;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown .btnContent .navIcon svg {
    font-size: 1.3em;
    opacity: 0.3;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown .btnContent .opener {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: 0.45em;
    transition: transform 0.2s ease-out;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown .btnContent .opener svg {
    width: 100%;
    height: 100%;
    fill: #7f8596;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .btnDropdown .btnContent .opener.open {
    transform: rotate(-180deg);
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 1000;
    display: none;
    float: left;
    box-sizing: border-box;
    width: 100%;
    min-width: auto;
    margin: 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #272d39;
    background-clip: padding-box;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 5px #191d24;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu.open {
    display: block;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu:first-child {
    border-radius: 0;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu .item {
    display: block;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 15px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    text-align: inherit;
    background-color: initial;
    border-bottom: 1px solid #3d414a;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu .item:hover,
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu .item:focus {
    color: #fff;
    background-color: #2c3240;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu .item:not(.active),
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu .item:not([disabled]) {
    cursor: pointer;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu .item:first-child {
    border-radius: 0;
}
.partnerContainer .sidebar .partnerMobileNav .dropdown .menu .item:last-child {
    border-bottom: 1px solid transparent;
}
.partnerContainer .sidebar div .navLabel {
    height: 50px;
    color: #aab0bd;
    line-height: 14px;
}
.partnerContainer .sidebar div .navLabel,
.partnerContainer .sidebar div .navItem {
    display: flex;
    align-items: center;
    padding: 0 25px;
    font-size: 14px;
}
.partnerContainer .sidebar div .navItem {
    height: 52px;
    color: #aab0bd;
    border-bottom: 1px solid #2d3340;
    cursor: pointer;
}
.partnerContainer .sidebar div .navItem .navIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 6px;
    background: #ffffff14;
    border-radius: 3px;
}
.partnerContainer .sidebar div .navItem .navIcon svg {
    color: #fff;
    font-size: 1.3em;
    opacity: 0.3;
}
.partnerContainer .sidebar div .navItem:last-child {
    border-bottom: 0;
}
.partnerContainer .sidebar div .navItem.active {
    color: #fff;
    background: #272d39;
    border-bottom: 1px solid transparent;
}
.partnerContainer .sidebar div .navItem:hover {
    color: #fff;
}
.partnerContainer .sidebar div .navItem:hover .navIcon svg,
.partnerContainer .sidebar div .navItem.active .navIcon svg {
    opacity: 1;
}
.partnerContainer .partnerContent {
    position: relative;
    width: 70%;
    min-height: 500px;
    padding: 25px;
}
.partnerContainer .partnerContent .caption {
    margin-bottom: 25px;
    color: inherit;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
}
.partnerContainer .partnerContent .alert {
    position: relative;
    margin-bottom: 1.5em;
    padding: 15px;
    font-size: 13px;
    background: #191d25f2;
    border: 1px solid #e86376;
    border-radius: 5px;
}
.partnerContainer .partnerContent .players .withPager {
    height: calc(100% - 95px);
}
.partnerContainer .partnerContent .players .withPager.isLoading .list {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    pointer-events: none;
}
.partnerContainer .partnerContent .players .withPager .list {
    position: relative;
    min-height: 250px;
}
.partnerContainer .partnerContent .players .withPager .list.isLoader {
    min-height: 400px;
}
.partnerContainer .partnerContent .players .withPager .list .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    color: #5e6a7f;
    font-size: 18px;
}
.partnerContainer .partnerContent .players .withPager .list .empty h4 {
    font-size: 24px;
}
.partnerContainer .partnerContent .players .withPager .list .loaderBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    font-size: 18px;
    text-align: center;
}
.partnerContainer .partnerContent .players .withPager .list .loaderBlock .spinnerBlock {
    position: absolute;
    top: calc(60% - 2.5rem);
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.partnerContainer .partnerContent .players .withPager .list .item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #2d3340;
    transform: translateZ(0);
    transition: box-shadow 3ms, border-top-color 0.1s;
}
.partnerContainer .partnerContent .players .withPager .list .item.headItem .itemHeader .itemLeft .itemAmount span {
    z-index: 1;
    color: #5e6a7f;
    font-size: 14px;
    text-transform: uppercase;
}
.partnerContainer .partnerContent .players .withPager .list .item.headItem .itemHeader .itemLeft .itemAmount span svg {
    margin-bottom: 1px;
    margin-left: 7px;
    fill: #5e6a7f;
}
.partnerContainer .partnerContent .players .withPager .list .item.headItem .itemHeader .itemDate span {
    z-index: 1;
    color: #5e6a7f;
    font-size: 14px;
    text-transform: uppercase;
}
.partnerContainer .partnerContent .players .withPager .list .item.headItem .itemHeader .itemDate span svg {
    margin-bottom: 1px;
    margin-left: 7px;
    fill: #5e6a7f;
}
.partnerContainer .partnerContent .players .withPager .list .item.headItem .itemHeader .itemRight .itemInfo {
    margin-left: 0;
}
.partnerContainer .partnerContent .players .withPager .list .item.headItem .itemHeader .itemRight .itemInfo .infoCaption {
    z-index: 1;
    color: #5e6a7f;
    font-size: 14px;
    text-transform: uppercase;
}
.partnerContainer .partnerContent .players .withPager .list .item.headItem .itemHeader .itemRight .itemInfo .infoCaption svg {
    margin-bottom: 1px;
    margin-left: 7px;
    fill: #5e6a7f;
}
.partnerContainer .partnerContent .players .withPager .list .item.logItem .itemHeader .itemRight .itemInfo {
    margin-left: 0;
}
.partnerContainer .partnerContent .players .withPager .list .item.logItem .itemHeader .itemRight .itemInfo .infoCaption {
    font-size: 14px;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
    overflow: visible;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader:active,
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader:focus,
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader:hover {
    border: 0;
    outline: none;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight,
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft {
    display: flex;
    align-items: center;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemAvatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    text-align: center;
    position: relative;
    padding: 2px;
    overflow: hidden;
    background: #1c2028;
    border-radius: 10px;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemAvatar > div {
    font-family: Rubik, Arial, sans-serif !important;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemAvatar img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
@media (max-width: 1050px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemAvatar {
        width: 35px;
        height: 35px;
        margin-right: 8px;
    }
}
@media (max-width: 950px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemAvatar {
        display: none;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemInfo {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemInfo .infoCaption {
    display: block;
    overflow: hidden;
    color: #fff;
    line-height: 1.5;
    white-space: nowrap;
}
@media (max-width: 480px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemInfo .infoCaption {
        font-size: 14px;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemInfo .infoComment {
    display: block;
    max-width: 480px;
    overflow: hidden;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.5;
}
@media (max-width: 1100px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemInfo .infoComment {
        font-size: 12px;
    }
}
@media (max-width: 600px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemRight .itemInfo .infoComment {
        font-size: 11px;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .itemAmount {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: right;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .itemAmount .value {
    display: flex;
    align-items: center;
    color: #828f9a;
    white-space: nowrap;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .itemAmount .value.win {
    color: #2dc53a;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .itemAmount .value svg {
    position: relative;
    top: 1px;
    margin-left: 2px;
}
@media (max-width: 600px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .itemAmount .value svg {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .itemAmount .value svg {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .itemAmount .value {
        font-size: 14px;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus {
    display: flex;
    justify-content: flex-end;
    width: 200px;
    margin-left: auto;
    color: #fff;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus > span {
    padding: 0 5px;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 130px;
    height: 34px;
    margin-left: auto;
    text-align: center;
    background-color: #ffffff1a;
    border-radius: 34px;
    cursor: default;
}
@media (max-width: 450px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus button {
        font-size: 12px;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .success {
    color: #2dc53a;
    background-color: #62ca5b1a;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .canceled {
    color: #efde5c;
    background-color: #caae5b1a;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .waiting {
    color: #047cfc;
    background-color: #5b99ca1a;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .error {
    color: #efde5c;
    background-color: #caae5b1a;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .cancel {
    z-index: 1;
    color: #615918;
    background-color: #f5e249;
    cursor: pointer;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .cancel:hover,
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .cancel:focus {
    background-color: #e4d345;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .btnStatus .cancel svg {
    position: relative;
    margin-right: 8px;
    font-size: 0.8em;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .timer {
    position: relative;
    display: flex;
    align-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid #047cfc;
    border-radius: 4px 0 0 4px;
    cursor: help;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .timer svg {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    transform: translate(-50%, -50%);
    fill: #fff;
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .timer svg {
        font-size: 14px;
    }
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .timer {
        width: 30px;
        height: 30px;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .btn {
    height: 34px;
    padding: 0 15px;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .btn {
        height: 30px;
    }
}
@media (max-width: 600px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .btn {
        padding: 0 8px;
    }
}
@media (max-width: 400px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus .cancelBtn .btn {
        padding: 0 6px;
        font-size: 11px;
    }
}
@media (max-width: 1100px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus {
        width: 180px;
    }
}
@media (max-width: 600px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemLeft .btnStatus {
        width: 125px;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemDate {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemDate > span {
    padding: 3px 8px;
    color: #fff;
    border-radius: 50px;
}
@media (max-width: 700px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader .itemDate {
        display: none;
    }
}
@media (max-width: 1100px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemHeader {
        padding: 15px 0;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item .itemContent {
    width: 100%;
    height: auto;
    max-height: 0;
    margin-left: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemContent.open {
    max-height: 200px;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemContent ul {
    padding: 15px 0;
    color: #828f9a;
    list-style: none;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemContent ul li {
    margin-bottom: 5px;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemContent ul li span {
    display: inline-flex;
    align-items: center;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemContent ul li span svg {
    margin: 3px 2px 0;
    font-size: 0.9em;
}
.partnerContainer .partnerContent .players .withPager .list .item .itemContent ul li span:first-child {
    margin-right: 5px;
    font-weight: 400;
}
@media (max-width: 480px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemContent ul {
        padding: 0 10px 5px;
    }
}
@media (max-width: 1100px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemContent {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .partnerContainer .partnerContent .players .withPager .list .item .itemContent {
        margin-left: -20px;
        font-size: 12px;
    }
}
.partnerContainer .partnerContent .players .withPager .list .item:first-child {
    border-top: none;
}
.partnerContainer .partnerContent .players .pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 45px 0 0;
    list-style: none;
}
.partnerContainer .partnerContent .players .pager .inputBlock {
    display: flex;
    align-items: center;
    color: inherit;
}
.partnerContainer .partnerContent .players .pager .inputBlock .inputField {
    max-width: 45px;
    height: 40px;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .players .pager .inputBlock .inputField {
        max-width: 40px;
        height: 35px;
    }
}
.partnerContainer .partnerContent .players .pager .pagerBtn {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: -1px;
    padding: 0 12px;
    color: #828f9a;
    line-height: 1.25;
    background: none;
    border: 1px solid #2d3340;
    border-radius: 5px;
    cursor: pointer;
}
.partnerContainer .partnerContent .players .pager .pagerBtn:hover {
    color: #fff;
    background-color: none;
}
.partnerContainer .partnerContent .players .pager .pagerBtn svg {
    display: block;
    width: 12px;
    height: 12px;
}
.partnerContainer .partnerContent .players .pager .pagerBtn:first-child svg {
    margin-right: 3px;
}
.partnerContainer .partnerContent .players .pager .pagerBtn:last-child svg {
    margin-left: 3px;
    transform: scale(-1);
}
.partnerContainer .partnerContent .players .pager .pagerBtn > span {
    display: flex;
    align-items: center;
    line-height: 0;
}
.partnerContainer .partnerContent .players .pager .pagerBtn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .players .pager .pagerBtn {
        height: 35px;
    }
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .players .pager {
        padding: 30px 15px;
    }
}
.partnerContainer .partnerContent .campgains .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    color: #5e6a7f;
    font-size: 18px;
}
.partnerContainer .partnerContent .campgains .empty h4 {
    font-size: 24px;
}
.partnerContainer .partnerContent .campgains .copyTooltip {
    position: relative;
    top: -75px;
    right: 0;
    bottom: 50px;
    width: 100px;
    color: inherit;
    background-color: #00000080;
    pointer-events: none;
}
.partnerContainer .partnerContent .campgains .panel {
    display: flex;
}
.partnerContainer .partnerContent .campgains .panel .btn {
    height: 30px;
    line-height: 10px;
}
.partnerContainer .partnerContent .campgains .panel .btn:not(:first-child) {
    margin-left: 10px;
}
.partnerContainer .partnerContent .campgains .newBlock {
    margin-top: 25px;
}
.partnerContainer .partnerContent .campgains .newBlock .inputRow {
    margin-bottom: 12px;
}
.partnerContainer .partnerContent .campgains .newBlock .inputRow label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.65em;
    color: #aab0bd;
    font-size: 13px;
    text-transform: uppercase;
}
.partnerContainer .partnerContent .campgains .newBlock .inputRow input {
    font-size: 1em;
}
.partnerContainer .partnerContent .campgains .newBlock .inputRow .inputAppend {
    position: relative;
}
.partnerContainer .partnerContent .campgains .newBlock .inputRow .inputAppend button {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 34px;
    margin-right: 6px;
    padding: 0 15px;
    color: #aab0bd;
    text-align: center;
    background: #373e4c;
    border-radius: 3px;
    transform: translateY(-50%);
    cursor: pointer;
}
.partnerContainer .partnerContent .campgains .newBlock .inputRow .inputAppend button:hover {
    color: #fff;
}
.partnerContainer .partnerContent .campgains .withPager {
    margin-top: 25px;
}
.partnerContainer .partnerContent .campgains .withPager .list {
    position: relative;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive {
    position: relative;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive.isLoader {
    min-height: 400px;
    overflow: hidden;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table thead tr th {
    padding: 10px 0;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
    border-bottom: 1px solid #2e3542;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table thead tr td,
.partnerContainer .partnerContent .campgains .withPager .list .responsive table thead tr th {
    width: 20%;
    text-align: center;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table thead tr td:first-child,
.partnerContainer .partnerContent .campgains .withPager .list .responsive table thead tr th:first-child {
    text-align: left;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table thead tr td:last-child,
.partnerContainer .partnerContent .campgains .withPager .list .responsive table thead tr th:last-child {
    text-align: right;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr {
    border-bottom: 1px solid #2d3340;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr:last-child {
    border-bottom: 0;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr:last-child td {
    border-bottom: 1px solid transparent;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td {
    min-width: 110px;
    padding: 20px 10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td.noItems {
    padding: 40px 0;
    color: #5e6a7f;
    font-size: 16px;
    text-align: center !important;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td:first-child {
    padding-left: 0;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td:last-child {
    padding-right: 0;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td.control {
    min-width: 130px;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td.control button {
    padding: 3px 10px;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td.control button:not(:first-child) {
    margin-left: 5px;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td .link {
    display: flex;
    align-items: center;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td .link div button {
    padding: 0;
    background-color: initial;
    border: 0;
    outline: none;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td .link div button:last-child {
    color: #545b70;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td .link div button:last-child:hover {
    color: #fff;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td .link div button:first-child {
    display: block;
    margin: 2px 0 -1px;
    color: #828f9a;
    font-size: 14px;
    line-height: 14px;
    transition: all 0.3s ease;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td .link div button:first-child:hover {
    color: #fff;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td div {
    height: 24px;
    white-space: nowrap;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td div.active {
    color: #2dc53a;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td div.expired {
    color: #e86376;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td,
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr th {
    width: 20%;
    text-align: center;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td:first-child,
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr th:first-child {
    text-align: left;
}
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr td:last-child,
.partnerContainer .partnerContent .campgains .withPager .list .responsive table tbody tr th:last-child {
    text-align: right;
}
.partnerContainer .partnerContent .stats .panel {
    display: flex;
    margin-bottom: 10px;
}
.partnerContainer .partnerContent .stats .panel .btn {
    height: 30px;
    line-height: 10px;
}
.partnerContainer .partnerContent .stats .panel .btn:not(:first-child) {
    margin-left: 10px;
}
.partnerContainer .partnerContent .stats .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    color: #5e6a7f;
    font-size: 18px;
}
.partnerContainer .partnerContent .stats .empty h4 {
    font-size: 24px;
}
.partnerContainer .partnerContent .stats .withPager {
    margin-top: 25px;
}
.partnerContainer .partnerContent .stats .withPager .list {
    position: relative;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive {
    position: relative;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive.isLoader {
    min-height: 400px;
    overflow: hidden;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table thead tr th {
    padding: 10px 0;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
    border-bottom: 1px solid #2e3542;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table thead tr td,
.partnerContainer .partnerContent .stats .withPager .list .responsive table thead tr th {
    width: 16.6%;
    padding: 10px;
    text-align: center;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table thead tr td:last-child,
.partnerContainer .partnerContent .stats .withPager .list .responsive table thead tr th:last-child {
    text-align: right;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr {
    border-bottom: 1px solid #2d3340;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr:last-child {
    border-bottom: 0;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr:last-child td {
    border-bottom: 1px solid transparent;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td {
    min-width: 110px;
    padding: 20px 10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td.noItems {
    padding: 40px 0;
    color: #5e6a7f;
    font-size: 16px;
    text-align: center !important;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td:first-child {
    padding-left: 0;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td:last-child {
    padding-right: 0;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td.control {
    min-width: 130px;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td.control button {
    padding: 3px 10px;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td.control button:not(:first-child) {
    margin-left: 5px;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td .link {
    display: flex;
    align-items: center;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td .link div button {
    padding: 0;
    background-color: initial;
    border: 0;
    outline: none;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td .link div button:last-child {
    color: #545b70;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td .link div button:last-child:hover {
    color: #fff;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td .link div button:first-child {
    display: block;
    margin: 2px 0 -1px;
    color: #828f9a;
    font-size: 14px;
    line-height: 14px;
    transition: all 0.3s ease;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td .link div button:first-child:hover {
    color: #fff;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td div {
    height: 24px;
    white-space: nowrap;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td div.active {
    color: #2dc53a;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td div.expired {
    color: #e86376;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td,
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr th {
    width: 16.6%;
    text-align: center;
}
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr td:last-child,
.partnerContainer .partnerContent .stats .withPager .list .responsive table tbody tr th:last-child {
    text-align: right;
}
.partnerContainer .partnerContent .stats .withPager .pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 45px 0 0;
    list-style: none;
}
.partnerContainer .partnerContent .stats .withPager .pager .inputBlock {
    display: flex;
    align-items: center;
    color: inherit;
}
.partnerContainer .partnerContent .stats .withPager .pager .inputBlock .inputField {
    max-width: 45px;
    height: 40px;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .stats .withPager .pager .inputBlock .inputField {
        max-width: 40px;
        height: 35px;
    }
}
.partnerContainer .partnerContent .stats .withPager .pager .pagerBtn {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: -1px;
    padding: 0 12px;
    color: #828f9a;
    line-height: 1.25;
    background: none;
    border: 1px solid #2d3340;
    border-radius: 5px;
    cursor: pointer;
}
.partnerContainer .partnerContent .stats .withPager .pager .pagerBtn:hover {
    color: #fff;
    background-color: none;
}
.partnerContainer .partnerContent .stats .withPager .pager .pagerBtn svg {
    display: block;
    width: 12px;
    height: 12px;
}
.partnerContainer .partnerContent .stats .withPager .pager .pagerBtn:first-child svg {
    margin-right: 3px;
}
.partnerContainer .partnerContent .stats .withPager .pager .pagerBtn:last-child svg {
    margin-left: 3px;
    transform: scale(-1);
}
.partnerContainer .partnerContent .stats .withPager .pager .pagerBtn > span {
    display: flex;
    align-items: center;
    line-height: 0;
}
.partnerContainer .partnerContent .stats .withPager .pager .pagerBtn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .stats .withPager .pager .pagerBtn {
        height: 35px;
    }
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .stats .withPager .pager {
        padding: 30px 15px;
    }
}
.partnerContainer .partnerContent .stats .campgainsSelector {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-bottom: 20px;
}
.partnerContainer .partnerContent .stats .campgainsSelector button {
    margin-top: 10px;
}
.partnerContainer .partnerContent .stats .campgainsSelector button:not(:last-child) {
    margin-right: 10px;
}
.partnerContainer .partnerContent .general .linkForm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
    padding: 20px;
    font-size: 14px;
    background: #2e3542;
    border-radius: 6px;
}
.partnerContainer .partnerContent .general .linkForm .form {
    width: 50%;
    margin-left: auto;
}
.partnerContainer .partnerContent .general .linkForm .form .formRow {
    margin: 0;
}
.partnerContainer .partnerContent .general .linkForm .form .formRow .inputGroup {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.partnerContainer .partnerContent .general .linkForm .form .formRow .inputGroup input {
    height: 44px;
    padding: 0 12px;
    font-size: 1em;
    border-right: 0;
    border-radius: 5px 0 0 5px;
}
.partnerContainer .partnerContent .general .linkForm .form .formRow .inputGroup .inputGroupAppend {
    position: relative;
    display: flex;
    border-radius: 0 5px 5px 0;
}
.partnerContainer .partnerContent .general .linkForm .form .formRow .inputGroup .inputGroupAppend .btn {
    background: #337cff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.partnerContainer .partnerContent .general .linkForm .form .formRow .inputGroup .inputGroupAppend .btn .icon {
    fill: #fff;
}
.partnerContainer .partnerContent .general .linkForm .form .formRow .inputGroup .inputGroupAppend .copyTooltip {
    right: 0;
    bottom: 50px;
    width: 100px;
    color: inherit;
    background-color: #00000080;
    pointer-events: none;
}
@media (max-width: 1099px) {
    .partnerContainer .partnerContent .general .linkForm {
        flex-direction: column;
    }
    .partnerContainer .partnerContent .general .linkForm .form {
        width: 100%;
        margin: 0;
    }
    .partnerContainer .partnerContent .general .linkForm .text {
        margin-bottom: 15px;
    }
}
@media (max-width: 900px) {
    .partnerContainer .partnerContent .general .linkForm {
        margin: 20px 0;
        padding: 15px;
    }
    .partnerContainer .partnerContent .general .linkForm .from .formRow .inputGroup .inputGroupAppend .btn {
        position: relative;
        padding: 0 20px;
        font-size: 17px;
    }
}
.partnerContainer .partnerContent .general .statsForm {
    display: flex;
    width: 100%;
    height: 320px;
    background: #232833;
    border-radius: 6px;
}
.partnerContainer .partnerContent .general .statsForm .left {
    width: 60%;
    height: 100%;
    border-right: 1px solid rgba(151, 151, 151, 0.0862745098);
}
.partnerContainer .partnerContent .general .statsForm .left .item {
    display: flex;
    height: 50%;
}
.partnerContainer .partnerContent .general .statsForm .left .item.borderTop {
    border-top: 1px solid rgba(151, 151, 151, 0.0862745098);
}
.partnerContainer .partnerContent .general .statsForm .left .item .wrap {
    display: flex;
    align-items: center;
    width: 100%;
}
.partnerContainer .partnerContent .general .statsForm .left .item .wrap.borderRight {
    border-right: 1px solid rgba(151, 151, 151, 0.0862745098);
}
.partnerContainer .partnerContent .general .statsForm .left .item .wrap .block {
    position: relative;
    width: 100%;
    text-align: center;
}
.partnerContainer .partnerContent .general .statsForm .left .item .wrap .block svg {
    width: 30px;
    height: 30px;
    color: #495465;
}
.partnerContainer .partnerContent .general .statsForm .left .item .wrap .block .num {
    margin: 7px 0 5px;
    color: #fff;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.25em;
}
.partnerContainer .partnerContent .general .statsForm .left .item .wrap .block .text {
    color: #828f9a;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}
.partnerContainer .partnerContent .general .statsForm .right {
    width: 40%;
}
.partnerContainer .partnerContent .general .statsForm .right .item {
    display: flex;
    height: 50%;
}
.partnerContainer .partnerContent .general .statsForm .right .item.full {
    height: 100%;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap {
    display: flex;
    align-items: center;
    width: 100%;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap .currency {
    color: #495465;
    font-size: 30px;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap .block {
    position: relative;
    width: 100%;
    text-align: center;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap .block svg {
    width: 30px;
    height: 30px;
    color: #495465;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap .block .num {
    margin: 5px 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.2em;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap .block .text {
    color: #828f9a;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap .block .btnBlock {
    display: flex;
    max-width: 180px;
    height: 100%;
    margin: auto;
}
.partnerContainer .partnerContent .general .statsForm .right .item .wrap .block .btnBlock .btn {
    justify-content: center;
    width: 100%;
    max-width: 180px;
    margin-top: 10px;
    padding: 12px 20px;
    font-size: 13px;
}
@media (max-width: 800px) {
    .partnerContainer .partnerContent .general .statsForm {
        flex-direction: column;
        height: auto;
    }
    .partnerContainer .partnerContent .general .statsForm .left {
        width: 100%;
    }
    .partnerContainer .partnerContent .general .statsForm .left .item {
        padding: 30px 0;
    }
    .partnerContainer .partnerContent .general .statsForm .right {
        width: 100%;
        border-top: 1px solid rgba(151, 151, 151, 0.0862745098);
    }
    .partnerContainer .partnerContent .general .statsForm .right .item {
        padding: 30px 0;
    }
}
.partnerContainer .partnerContent .preferences .form-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}
.partnerContainer .partnerContent .preferences .form-checkbox label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formLabel {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField {
    position: relative;
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField .checkBox {
    cursor: pointer;
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField .checkBox input {
    display: none;
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField .checkBox input:checked + .label:before {
    background: #047cfc;
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField .checkBox input:checked + .label:after {
    left: calc(100% - 15px);
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField .checkBox input + .label {
    position: relative;
    display: block;
    width: 33px;
    height: 10px;
    cursor: pointer;
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField .checkBox input + .label:before {
    display: block;
    width: 100%;
    height: 100%;
    background: #d8d8d82e;
    border-radius: 5px;
    transition: all 0.3s;
    content: "";
}
.partnerContainer .partnerContent .preferences .form-checkbox label .formField .checkBox input + .label:after {
    position: absolute;
    top: calc(50% - 9px);
    left: -3px;
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 4px;
    transition: all 0.3s;
    content: "";
}
.partnerContainer .partnerContent .preferences .form-checkbox:nth-child(odd) {
    background-color: #2c323f;
}
@media (max-width: 1050px) {
    .partnerContainer {
        display: block;
    }
    .partnerContainer .sidebar {
        width: 100%;
        padding: 0;
        border-radius: 5px 5px 0 0;
    }
    .partnerContainer .sidebar .head {
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .partnerContainer .sidebar .head .avatarBlock {
        width: 60px;
        height: 60px;
        margin: 0 15px 0 0;
        padding: 3px;
    }
    .partnerContainer .sidebar .head .avatarBlock .avatar > div {
        width: 52px !important;
        height: 52px !important;
    }
    .partnerContainer .sidebar .head .name {
        max-width: 100%;
        margin: 0;
    }
    .partnerContainer .partnerContent {
        width: 100%;
        padding: 15px;
    }
}
.modeSection {
    background-color: #20242d !important;
}
.modeSection.sport {
    padding-top: 0 !important;
}
.modeSection .modeContainer {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 380px;
    border-radius: 6px;
    justify-content: center;
}
.modeSection .modeContainer .background {
    position: absolute;
    width: 100%;
    height: 110%;
    background-size: cover;
    background-repeat: no-repeat;
}
.modeSection .modeContainer .background.casino {
    background-image: url(https://cdn.selector-casino.io/assets/svg/Home/casinoSectionBg.svg);
    background-position: center;
}
.modeSection .modeContainer .background.sport {
    background-image: url(https://cdn.selector-casino.io/assets/svg/Home/sportSectionBg.svg);
    background-position: center;
}
.modeSection .modeContainer .modeContentContainerWrapper {
    padding: 0 30px;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper {
    display: flex;
    max-width: 1250px;
    position: relative;
    overflow: hidden;
    margin: auto;
    width: 100%;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents {
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 25px;
    padding-top: 1rem;
}
@media (max-width: 1000px) {
    .modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents {
        padding-top: 2rem;
    }
}
@media (min-width: 1001px) {
    .modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents {
        padding-right: 1.5rem;
    }
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents h2 {
    font-weight: 700;
    line-height: normal;
    text-align: left;
    padding: 0;
    font-size: 38px;
    color: #fff;
}
@media (max-width: 1100px) {
    .modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents h2 {
        font-size: 32px;
    }
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .heroImageMobile {
    margin: 20px auto;
    width: auto;
    justify-content: center;
    display: none;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .heroImageMobile img {
    max-width: 310px;
    width: 100%;
    object-fit: contain;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .gameCategories {
    display: grid;
    gap: 1rem;
    isolation: isolate;
    margin-bottom: 0.5rem;
    padding: 1rem;
    border-radius: 0.375rem;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #00000026;
}
@media (min-width: 1001px) {
    .modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .gameCategories {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .gameCategories .categoryItem {
    display: grid;
    grid-template-columns: 40px auto;
    gap: 0.5rem;
    border-radius: 0.25rem;
    align-items: center;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .gameCategories .categoryItem img {
    max-width: 2.5rem;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .gameCategories .categoryItem .categoryName {
    max-width: 110px;
    min-height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-left: 0.5rem;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .gameCategories .categoryItem .categoryName span {
    font-weight: 700;
    text-align: left;
    font-size: 16px;
    max-width: 100%;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .btn {
    display: inline-flex;
    position: relative;
    font-weight: 600;
    white-space: nowrap;
    font-size: 14px;
    padding: 14px 20px;
    width: auto;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .btn.sport {
    background: #2cc539;
    color: #fff;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .btn.sport:hover {
    background: #14b922;
}
@media (max-width: 1000px) {
    .modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .innerContents .btn {
        text-align: center;
        justify-content: center;
        margin-top: 15px;
    }
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .heroImage {
    min-width: 365px;
    width: auto;
    justify-content: right;
    display: flex;
}
.modeSection .modeContainer .modeContentContainerWrapper .modeContentWrapper .heroImage img {
    max-width: 310px;
    object-fit: contain;
}
@media (max-width: 900px) {
    .modeSection {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.heroImageMobile {
    display: none;
}
@media (max-width: 1000px) {
    .modeSectionRightBarOpen .heroImageMobile {
        display: flex !important;
    }
    .modeSectionRightBarOpen .heroImage {
        display: none !important;
    }
    .modeSectionRightBarOpen .innerContents .btn {
        width: 100% !important;
    }
}
@media (max-width: 800px) {
    .modeSection .heroImage {
        display: none !important;
    }
    .modeSection .heroImageMobile {
        display: flex !important;
    }
    .modeSection .innerContents .btn {
        width: 100% !important;
    }
}
@keyframes animateCard1 {
    4% {
        transform: translate3d(-50%, 200%, 0);
        z-index: 4;
        opacity: 1;
    }
    4.1% {
        transform: translate3d(-50%, 200%, 0);
        z-index: -1;
        opacity: 0;
    }
    5% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: -1;
        opacity: 0;
    }
    5.1% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: 1;
        opacity: 1;
    }
    7% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
    25% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
    25.1% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 2;
        opacity: 1;
    }
    29% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 2;
    }
    50% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 2;
    }
    50.1% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 3;
    }
    54% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 3;
    }
    75% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 3;
    }
    75.1% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 4;
    }
    79% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 4;
    }
    to {
        transform: translate3d(-50%, -30%, 0);
        z-index: 4;
    }
}
@keyframes animateCard2 {
    4% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 3;
    }
    25% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 3;
    }
    25.1% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 4;
    }
    29% {
        transform: translate3d(-50%, 200%, 0);
        z-index: 4;
        opacity: 1;
    }
    29.1% {
        transform: translate3d(-50%, 200%, 0);
        z-index: -1;
        opacity: 0;
    }
    30% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: -1;
        opacity: 0;
    }
    30.1% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: 1;
        opacity: 1;
    }
    32% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
    50% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
    50.1% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 2;
        opacity: 1;
    }
    54% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 2;
    }
    75% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 2;
    }
    79% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 3;
    }
    to {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 3;
    }
}
@keyframes animateCard3 {
    4% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 2;
    }
    25% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 2;
    }
    25.1% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 3;
    }
    29% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 3;
    }
    50% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 3;
    }
    50.1% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 4;
    }
    55% {
        transform: translate3d(-50%, 200%, 0);
        z-index: 4;
        opacity: 1;
    }
    55.1% {
        transform: translate3d(-50%, 200%, 0);
        z-index: -1;
        opacity: 0;
    }
    56% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: -1;
        opacity: 0;
    }
    56.1% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: 1;
        opacity: 1;
    }
    58% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
    75% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
    79% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 2;
    }
    to {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 2;
    }
}
@keyframes animateCard4 {
    4% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 1;
    }
    25% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 1;
    }
    25.1% {
        transform: translate3d(-50%, -80%, -200px);
        z-index: 2;
    }
    29% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 2;
    }
    50% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 2;
    }
    50.1% {
        transform: translate3d(-50%, -55%, -100px);
        z-index: 3;
    }
    54% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 3;
    }
    75% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 3;
    }
    75.1% {
        transform: translate3d(-50%, -30%, 0);
        z-index: 4;
    }
    80% {
        transform: translate3d(-50%, 200%, 0);
        z-index: 4;
        opacity: 1;
    }
    80.1% {
        transform: translate3d(-50%, 200%, 0);
        z-index: -1;
        opacity: 0;
    }
    81% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: -1;
        opacity: 0;
    }
    81.1% {
        transform: translate3d(-50%, -80%, -300px);
        z-index: 1;
        opacity: 1;
    }
    83% {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
    to {
        transform: translate3d(-50%, -105%, -300px);
        z-index: 1;
        opacity: 1;
    }
}
.providersSection .slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}
.providersSection .sliderTrack {
    display: flex;
    width: fit-content;
    animation: scroll 180s linear infinite;
}
@keyframes scroll {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(-50%);
    }
}
.providersSection .item {
    width: 16%;
    min-width: 150px;
    height: 70px;
    border-radius: 10px;
    cursor: pointer;
    margin-right: 10px;
}
.providersSection .item:hover .card .thumb img {
    filter: invert(1) opacity(1);
}
.providersSection .item .card {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}
.providersSection .item .card .thumb {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    transform-origin: center;
    transition: transform 0.1s linear;
    will-change: transform;
}
.providersSection .item .card .thumb img {
    max-width: 80%;
    max-height: 65%;
    margin: auto;
    filter: invert(1) opacity(0.8);
}
.payWaysSection {
    background-color: #272d39 !important;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    max-width: 1250px;
    min-height: 530px;
    margin: auto;
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 900px) {
    .payWaysSection .payWaysContainer .payWaysContentWrapper {
        flex-direction: row;
        gap: 4rem;
        min-height: 430px;
    }
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer {
    aspect-ratio: 343/300;
    position: relative;
    width: 50%;
    height: auto;
    perspective: 600px;
}
@media (max-width: 360px) {
    .payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer {
        aspect-ratio: auto;
        height: 24rem;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
    .payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer {
        height: auto;
        width: 50%;
    }
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer .card {
    position: absolute;
    width: 100%;
    max-width: 440px;
    top: 50%;
    left: 50%;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer .card:nth-child(1) {
    z-index: 4;
    transform: translate3d(-50%, -30%, 0);
    animation: animateCard1 8s 2s infinite linear;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer .card:nth-child(2) {
    z-index: 3;
    transform: translate3d(-50%, -55%, -100px);
    animation: animateCard2 8s 2s infinite linear;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer .card:nth-child(3) {
    z-index: 2;
    transform: translate3d(-50%, -80%, -200px);
    animation: animateCard3 8s 2s infinite linear;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer .card:nth-child(4) {
    z-index: 1;
    transform: translate3d(-50%, -105%, -300px);
    animation: animateCard4 8s 2s infinite linear;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .cardsContainer .card .currencyImage {
    object-fit: cover;
    max-width: 880px;
    max-height: 538px;
    aspect-ratio: 1.63569/1;
    width: 100%;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .textContainer {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: center;
    width: 50%;
    margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 900px) {
    .payWaysSection .payWaysContainer .payWaysContentWrapper .textContainer {
        width: 50%;
        align-items: flex-start;
        margin-bottom: 0;
    }
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .textContainer .title {
    font-weight: 700;
    line-height: normal;
    text-align: left;
    font-size: 38px;
    color: #fff;
}
@media (max-width: 1100px) {
    .payWaysSection .payWaysContainer .payWaysContentWrapper .textContainer .title {
        font-size: 32px;
    }
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .textContainer .title .titleSpan {
    margin-bottom: 0.25rem;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .textContainer .description {
    font-weight: 400;
    text-align: left;
    font-size: 18px;
}
.payWaysSection .payWaysContainer .payWaysContentWrapper .textContainer .btn {
    justify-content: center;
    display: inline-flex;
    position: relative;
    font-weight: 600;
    white-space: nowrap;
    font-size: 14px;
    padding: 14px 20px;
    width: auto;
    margin-top: 2rem;
}
@media screen and (max-width: 1100px) and (min-width: 900px) {
    .homeSectionRightBarOpen .payWaysContentWrapper {
        flex-direction: column-reverse !important;
        gap: 0 !important;
    }
    .homeSectionRightBarOpen .payWaysContentWrapper .textContainer {
        align-items: normal !important;
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }
    .homeSectionRightBarOpen .payWaysContentWrapper .cardsContainer {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    .payWaysContentWrapper {
        flex-direction: column-reverse !important;
        gap: 0 !important;
    }
    .payWaysContentWrapper .textContainer {
        align-items: normal !important;
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }
    .payWaysContentWrapper .cardsContainer {
        width: 100% !important;
    }
}
.welcomeSection .welcomeWrapper {
    position: relative;
    width: 100%;
    padding-top: 40px;
    overflow: hidden;
}
.welcomeSection .welcomeWrapper .backgroundLogo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    justify-content: space-between;
    max-width: 1250px;
    margin: auto;
}
@media (min-width: 768px) and (max-width: 900px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper {
        flex-direction: row;
        gap: 30px;
    }
}
@media (min-width: 1100px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper {
        flex-direction: row;
        gap: 30px;
    }
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 1fr auto;
    gap: 10px;
    align-items: center;
    width: 100%;
}
@media (min-width: 768px) and (max-width: 900px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer {
        gap: 30px;
        max-width: 478px;
    }
}
@media (min-width: 1100px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer {
        gap: 30px;
        max-width: 478px;
    }
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer .title {
    display: block;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    line-height: 120%;
    text-align: left;
}
@media (max-width: 1300px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer .title {
        font-size: 38px;
    }
}
@media (min-width: 901px) and (max-width: 1099px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer .title {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer .title {
        text-align: center;
    }
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    padding: 14px 20px;
    font-weight: 600;
    font-size: 14px;
}
@media (min-width: 768px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer .btn {
        width: auto;
        margin-top: 10px;
    }
}
@media (min-width: 901px) and (max-width: 1099px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .ctaContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthText {
    margin-bottom: 10px;
    color: #738198;
    font-weight: 700;
    font-size: 14px;
}
@media (max-width: 767px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthText {
        margin: 0 auto 10px;
    }
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthButtons {
    display: flex;
    gap: 8px;
    width: 100%;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthButtons .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    font-weight: 400;
    font-size: 24px;
    background-color: #373e4c;
    border-radius: 4px;
    cursor: pointer;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthButtons .item:hover {
    background-color: #3d4656;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthButtons .item svg {
    pointer-events: none;
}
@media (max-width: 640px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthButtons .item {
        width: 20%;
    }
}
@media (min-width: 901px) and (max-width: 1099px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthButtons {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer .oauthButtons {
        justify-content: center;
    }
}
@media (min-width: 901px) and (max-width: 1099px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer {
        align-items: center;
    }
}
@media (max-width: 767px) {
    .welcomeSection .welcomeWrapper .welcomeContentWrapper .textContainer .oauthContainer {
        align-items: center;
    }
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    width: 100%;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper {
    position: relative;
    flex-basis: 50%;
    overflow: hidden;
    border-radius: 15px;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper.casino:before {
    position: absolute;
    padding: 2px;
    background: linear-gradient(45deg, #047cfc, #0064ff);
    border-radius: 15px;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper.sport:before {
    position: absolute;
    padding: 2px;
    background: linear-gradient(180deg, #047cfc, #187312, #187312);
    border-radius: 15px;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.welcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .heroImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    aspect-ratio: 0.666008/1;
}
.authenticatedWelcomeSection {
    position: relative;
    background-color: #191d25 !important;
}
.authenticatedWelcomeSection:not(.second):after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url(https://cdn.selector-casino.io/assets/svg/Home/welcomeSectionBg.svg) no-repeat center;
    background-size: cover;
    content: "";
}
.authenticatedWelcomeSection.second {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
    background-color: #20242d !important;
}
.authenticatedWelcomeSection.second .welcomeWrapper {
    padding-top: 20px !important;
}
.authenticatedWelcomeSection .welcomeWrapper {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 40px;
    overflow: hidden;
}
.authenticatedWelcomeSection .welcomeWrapper .backgroundLogo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    color: #fff;
}
@media (min-width: 768px) and (max-width: 900px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper {
        flex-direction: row;
    }
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer {
        margin-left: 30px;
    }
}
@media (min-width: 1200px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper {
        flex-direction: row;
    }
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer {
        margin-left: 30px;
    }
}
@media (max-width: 767px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (min-width: 901px) and (max-width: 1199px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper {
        display: flex;
        justify-content: center;
    }
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper {
    display: flex;
    flex: 1 1 40%;
    flex-direction: column;
    align-items: flex-start;
    align-self: center;
    justify-content: center;
    max-width: 384px;
    margin-right: auto;
    padding: 7px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .CardContainer__wrapper {
    gap: 0;
    padding: 24px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .CardContainer__header {
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper {
        margin: 0 auto;
    }
}
@media (min-width: 901px) and (max-width: 1199px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper {
        margin: 0 auto;
    }
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardContainer {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0.5rem;
    overflow: hidden;
    background-color: #191d25;
    background-image: linear-gradient(to bottom, #404858, #272d39);
    border-radius: 0.75rem;
    aspect-ratio: 16/9;
}
@media (max-width: 767px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardContainer {
        max-width: 390px;
    }
}
@media (min-width: 901px) and (max-width: 1199px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardContainer {
        max-width: 390px;
    }
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .innerCardContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background-color: #1c2028;
    border: 2px solid #738198;
    border-radius: 0.5rem;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .innerCardContainer.bronze {
    border-color: #ab5d30;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .innerCardContainer.silver {
    border-color: #4d7bcd;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .innerCardContainer.gold {
    border-color: #ffd40e;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .innerCardContainer.platinum {
    border-color: #077cfc;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .innerCardContainer.diamond {
    border-color: #7625f4;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .innerCardContainer.elite {
    border-color: #ff3c38;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardContent {
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
}
@media (max-width: 350px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardContent {
        padding: 10px;
    }
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardContent .username {
        font-size: 16px !important;
    }
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardHeader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardHeader .username {
    color: inherit;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .cardHeader img {
    width: 20px;
    height: 20px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .contentBody {
    width: 100%;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .flexRow {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    justify-content: space-between;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .slide {
    display: flex;
    justify-content: space-between;
    transition: 0.25s;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .slide:hover {
    transform: translate(8px);
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .progressButton {
    position: relative;
    display: inline-flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 0.125rem;
    transition: all 0.2s;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .progressButton:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .progressButton:active {
    transform: scale(0.98);
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .progressButton:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .progressButton:hover {
    color: #fff;
    background-color: transparent;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .progressButton:hover svg {
    color: #fff;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .flexGap {
    display: flex;
    gap: 5px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .flexGap .percentageText {
    color: inherit;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .flexGap .hoverable {
    position: relative;
    display: inline-block;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .flexGap .hoverable .tooltipText {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .flexGap .hoverable .tooltipText svg {
    width: 14px;
    height: 14px;
    fill: #738198;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meter {
    position: relative;
    width: 100%;
    height: 12px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #272d39;
    border-radius: 10px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meterFill {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #738198;
    border-radius: 10px;
    box-shadow: 0 10px 15px #0000001a;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meterFill.bronze {
    background-color: #ab5d30;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meterFill.silver {
    background-color: #4d7bcd;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meterFill.gold {
    background-color: #ffd40e;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meterFill.platinum {
    background-color: #077cfc;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meterFill.diamond {
    background-color: #7625f4;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .meterFill.elite {
    background-color: #ff3c38;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .flexBetween {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .milestoneWrap {
    display: flex;
    gap: 5px;
    align-items: center;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .milestoneWrap img {
    width: 16px;
    height: 16px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .cardWrapper .milestoneWrap .milestoneText {
    color: inherit;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .startPlay {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    justify-content: flex-start;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .startPlay svg {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    fill: #738198;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer {
    display: flex;
    flex: 1 1 auto;
    gap: 15px;
    max-width: 55%;
    height: 100%;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer.openAdaptive {
    flex: 1 1 45%;
    justify-content: flex-end;
    margin-left: 20px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer.openAdaptive > div {
    max-width: 264px;
}
@media (max-width: 767px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer {
        max-width: none;
        margin-top: 15px;
    }
}
@media (min-width: 901px) and (max-width: 1199px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer {
        max-width: none;
        margin-top: 15px;
    }
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper {
    position: relative;
    display: flex;
    flex-basis: 50%;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper:hover {
    transform: translateY(-10px);
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper.casino:before {
    position: absolute;
    padding: 2px;
    background: radial-gradient(circle at 100% 100%, #0064ff 0, #0064ff 6px, transparent 6px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #0064ff 0, #0064ff 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
        radial-gradient(circle at 100% 0, #272d39 0, #272d39 6px, transparent 6px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #272d39 0, #272d39 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
        linear-gradient(#0064ff, #272d39) 50% 50% / calc(100% - 4px) calc(100% - 16px) no-repeat, linear-gradient(#0064ff, #272d39) 50% 50% / calc(100% - 16px) calc(100% - 4px) no-repeat, linear-gradient(0deg, transparent 15%, #0064ff 100%);
    border-radius: 6px;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper.sport:before {
    position: absolute;
    padding: 2px;
    background: radial-gradient(circle at 100% 100%, #187312 0, #187312 6px, transparent 6px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #187312 0, #187312 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
        radial-gradient(circle at 100% 0, #272d39 0, #272d39 6px, transparent 6px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #272d39 0, #272d39 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
        linear-gradient(#187312, #272d39) 50% 50% / calc(100% - 4px) calc(100% - 16px) no-repeat, linear-gradient(#187312, #272d39) 50% 50% / calc(100% - 16px) calc(100% - 4px) no-repeat, linear-gradient(0deg, transparent 15%, #187312 100%);
    border-radius: 6px;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .imageInnerBlock {
    height: 100%;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .imageInnerBlock img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .title {
    flex: 1 1 auto;
    padding: 0.75rem 1rem;
    text-align: left;
    background: #272d39;
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .title span {
    justify-content: flex-start;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
}
@media (max-width: 380px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .title span {
        font-size: 12px;
    }
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .title span span {
    display: none;
}
@media (min-width: 768px) {
    .authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .title span span {
        display: inline-block;
    }
}
.authenticatedWelcomeSection .welcomeWrapper .welcomeContentWrapper .imagesContainer .imageWrapper .imageBlock .title span span svg {
    width: 14px;
    height: 14px;
    margin-right: 7px;
    margin-bottom: 2px;
    color: #738198;
}
.vipSection {
    background-color: #20242d !important;
}
.vipSection .contentWrapper {
    display: flex;
    flex-direction: column;
    place-content: center;
    max-width: 1250px;
    margin: auto;
    gap: 1.5rem;
}
@media (min-width: 1200px) {
    .vipSection .contentWrapper {
        flex-direction: row;
        gap: 4rem;
    }
}
.vipSection .contentWrapper .textContainer {
    display: flex;
    flex-direction: column;
    place-content: center;
    gap: 0.5rem;
}
@media (min-width: 1200px) {
    .vipSection .contentWrapper .textContainer {
        max-width: 50%;
    }
}
.vipSection .contentWrapper .textContainer .title {
    font-weight: 700;
    line-height: normal;
    text-align: left;
    font-size: 38px;
    color: #fff;
}
@media (max-width: 1100px) {
    .vipSection .contentWrapper .textContainer .title {
        font-size: 32px;
    }
}
.vipSection .contentWrapper .textContainer .description {
    font-weight: 400;
    text-align: left;
    font-size: 18px;
}
.vipSection .contentWrapper .textContainer .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-top: 1.5rem;
    width: 100%;
    font-size: 14px;
    padding: 14px 20px;
}
@media (min-width: 1200px) {
    .vipSection .contentWrapper .textContainer .btn {
        max-width: max-content;
        width: auto;
    }
}
.vipSection .contentWrapper .featuresContainer {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
@media (min-width: 1200px) {
    .vipSection .contentWrapper .featuresContainer {
        max-width: 50%;
    }
}
.vipSection .contentWrapper .featuresContainer .featureItem {
    display: flex;
    flex-direction: row;
    padding: 16px;
    background-color: #272d39;
    border-radius: 5px;
    gap: 18px;
}
.vipSection .contentWrapper .featuresContainer .featureItem .featureIcon {
    max-width: 2.5rem;
}
.vipSection .contentWrapper .featuresContainer .featureItem .featureTitle {
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 5px;
}
.vipSection .contentWrapper .featuresContainer .featureItem .featureDescription {
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-size: 16px;
}
.supportSection {
    background-color: #272d39 !important;
    position: relative;
}
.supportSection .supportContainer {
    display: flex;
    flex-direction: column-reverse;
    max-width: 1250px;
    margin: auto;
    overflow: hidden;
}
.supportSection .supportContainer .backgroundImage {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.supportSection .supportContainer .contentWrapper {
    isolation: isolate;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1250px;
    margin: auto;
}
@media (min-width: 1100px) {
    .supportSection .supportContainer .contentWrapper {
        flex-direction: row;
        gap: 3rem;
    }
}
.supportSection .supportContainer .contentWrapper .textContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.5rem;
    max-width: 568px;
}
.supportSection .supportContainer .contentWrapper .textContainer .title {
    font-weight: 700;
    line-height: normal;
    text-align: left;
    font-size: 38px;
    color: #fff;
}
@media (max-width: 1100px) {
    .supportSection .supportContainer .contentWrapper .textContainer .title {
        font-size: 32px;
    }
}
.supportSection .supportContainer .contentWrapper .textContainer .description {
    font-weight: 400;
    text-align: left;
    font-size: 18px;
}
.supportSection .supportContainer .contentWrapper .supportImage {
    max-width: 386px;
    margin: auto;
    padding: 0 1rem;
}
@media (min-width: 640px) {
    .supportSection .supportContainer .contentWrapper .supportImage {
        padding: 0;
    }
}
@media (min-width: 1100px) {
    .supportSection .supportContainer .contentWrapper .supportImage {
        margin-left: auto;
        margin-right: 0;
    }
}
@media (max-width: 390px) {
    .supportSection .supportContainer .contentWrapper .supportImage {
        max-width: 275px;
    }
}
.faqSection {
    background-color: #20242d !important;
    position: relative;
}
.faqSection .contentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1250px;
    margin: auto;
}
@media (min-width: 1201px) {
    .faqSection .contentWrapper {
        flex-direction: row;
        gap: 60px;
    }
}
.faqSection .contentWrapper .titleContainer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    justify-content: center;
}
.faqSection .contentWrapper .titleContainer h2 {
    font-weight: 700;
    font-size: 38px;
    color: #fff;
}
@media (max-width: 1100px) {
    .faqSection .contentWrapper .titleContainer h2 {
        font-size: 32px;
    }
}
@media (max-width: 1200px) {
    .faqSection .contentWrapper .titleContainer {
        margin-bottom: 20px;
    }
}
.faqSection .contentWrapper .questionsBlock {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #2e3542;
    border-radius: 6px;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock .top {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    height: auto;
    background-color: #292e39;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock .top .btn {
    position: relative;
    right: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    height: auto;
    padding: 10px 30px 10px 10px;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock .top .after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    transition: all 0.3s;
    pointer-events: none;
    fill: #fff;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock .top .after svg {
    width: 100%;
    height: 100%;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock .collapse {
    height: auto;
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 0.35s ease;
    font-size: 16px;
    background-color: #292e39;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock .collapse:not(.open) {
    /* max-height: 0; */
}
.faqSection .contentWrapper .questionsBlock .collapseBlock .collapse .collapseContent {
    padding: 15px 20px;
    color: #738198;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock.open .top {
    border-radius: 6px 6px 0 0;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock.open .top .btn {
    color: #fff;
    border-bottom: 1px solid #2e3542;
    border-radius: 6px 6px 0 0;
}
.faqSection .contentWrapper .questionsBlock .collapseBlock.open .top .after {
    transform: translateY(-50%) rotate(-180deg);
}
.faqSection .contentWrapper .desktopCta {
    display: none;
}
.faqSection .contentWrapper .desktopCta .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 20px;
}
@media (min-width: 1201px) {
    .faqSection .contentWrapper .desktopCta {
        display: inline-flex;
    }
}
.faqSection .contentWrapper .mobileCta {
    display: inline-flex;
    width: 100%;
    margin-top: 15px;
}
.faqSection .contentWrapper .mobileCta .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 20px;
    width: 100%;
}
@media (min-width: 1201px) {
    .faqSection .contentWrapper .mobileCta {
        display: none;
    }
}
.faqSection .contentWrapper .mobileCta .ctaButton {
    width: 100%;
}
.empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 200px;
    color: #5e6a7f;
    font-size: 18px;
}
.empty h4 {
    font-size: 24px;
}
@media (max-width: 500px) {
    .empty {
        font-size: 14px;
    }
    .empty h4 {
        margin-bottom: 0;
        font-size: 20px;
    }
}
.betsSection {
    padding: 40px 0;
    padding-bottom: 0 !important;
    background-color: #20242d !important;
}
@media (min-width: 900px) {
    .betsSection {
        padding-top: 3rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
.betsSection .betsContainer {
    max-width: 1250px;
    margin: auto;
}
.betsSection .betsHeader {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 900px) {
    .betsSection .betsHeader {
        text-align: left;
    }
}
.betsSection .title {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
}
.betsSection .subtitle {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
}
.betsSection .tableWrapper {
    overflow-x: auto;
    padding: 0 15px;
}
.betsSection .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #2d3442;
    border-radius: 10px 10px 0 0;
    padding: 15px 15px 5px;
}
.betsSection .table th,
.betsSection .table td {
    padding: 1rem;
    text-align: left;
}
.betsSection .table th {
    font-weight: 600;
    color: #a0aec0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.betsSection .table td {
    color: #fff;
}
.betsSection .table tr:nth-child(2n) {
    background-color: #313949;
}
.betsSection .table thead tr th {
    width: 20%;
    height: 36px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #2f3543;
}
@media (max-width: 740px) {
    .betsSection .table thead tr th:nth-child(2) {
        display: none;
    }
}
@media (max-width: 560px) {
    .betsSection .table thead tr th:nth-child(3) {
        display: none;
    }
}
@media (max-width: 400px) {
    .betsSection .table thead tr th:nth-child(4) {
        display: none;
    }
}
.betsSection .table thead tr th:first-child {
    text-align: left;
}
.betsSection .table thead tr th:last-child {
    text-align: right;
}
.betsSection .table thead tr th span {
    z-index: 1;
    color: #5e6a7f;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
}
.betsSection .table tbody tr td {
    width: 20%;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.betsSection .table tbody tr td:first-child {
    text-align: left;
}
.betsSection .table tbody tr td:last-child {
    text-align: right;
}
@media (max-width: 740px) {
    .betsSection .table tbody tr td:nth-child(2) {
        display: none;
    }
}
@media (max-width: 560px) {
    .betsSection .table tbody tr td:nth-child(3) {
        display: none;
    }
}
@media (max-width: 400px) {
    .betsSection .table tbody tr td:nth-child(4) {
        display: none;
    }
}
.betsSection .table tbody tr td .game,
.betsSection .table tbody tr td .name {
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.1s ease-in-out;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.betsSection .table tbody tr td .game:active,
.betsSection .table tbody tr td .name:active {
    transform: scale(0.95);
}
.betsSection .table .rightAlign {
    text-align: right;
}
.betsSection .table .currency {
    color: #2dc53a;
}
.betsSection .table .multiplier {
    font-weight: 600;
}
.authenticatedBetsSection {
    padding: 20px 15px;
    background-color: #272d39 !important;
}
@media (min-width: 901px) {
    .authenticatedBetsSection {
        padding-top: 3rem;
        padding-right: 2rem;
        padding-left: 2rem;
    }
}
@media (max-width: 900px) {
    .authenticatedBetsSection {
        margin: 0 -15px;
    }
}
.authenticatedBetsSection .betsContainer {
    max-width: 1250px;
    margin: auto;
}
.authenticatedBetsSection .title {
    display: flex;
    justify-content: space-between;
}
.authenticatedBetsSection .title .left {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.authenticatedBetsSection .title .left svg {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    margin-bottom: 3px;
    fill: #738198;
}
.authenticatedBetsSection .title .left h4 {
    margin-bottom: 0;
}
.authenticatedBetsSection .title .left .btnLabel {
    margin-left: 8px;
    padding: 3px 6px;
    font-size: 16px;
    color: #808d98;
    font-weight: 400;
    background: #272d39;
    border-radius: 3px;
    margin-bottom: 6px;
}
.authenticatedBetsSection .title .right {
    display: flex;
    align-items: center;
}
.authenticatedBetsSection .title .right .arrow-swiper[class*="swiper-button-disabled"] {
    cursor: auto;
    opacity: 0.5;
}
.authenticatedBetsSection .title .right .backward {
    border-right: none;
    border-radius: 10px 0 0 10px;
    transition: transform 0.3s ease-in-out;
}
.authenticatedBetsSection .title .right .forward {
    border-radius: 0 10px 10px 0;
    margin-left: -2px;
}
.authenticatedBetsSection .title .right .arrow-swiper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 36px;
    border: 2px solid #3b4354;
    cursor: pointer;
    transition: transform 0.1s ease-in-out;
}
.authenticatedBetsSection .title .right .arrow-swiper:active {
    transform: scale(0.95);
}
.authenticatedBetsSection .title .right .arrow-swiper svg {
    transition: transform 0.2s ease-in-out;
    fill: #738198;
}
.authenticatedBetsSection .tableWrapper {
    overflow-x: auto;
}
.authenticatedBetsSection .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px 10px 0 0;
    padding: 15px 0 40px;
}
.authenticatedBetsSection .table th,
.authenticatedBetsSection .table td {
    padding: 1rem;
    text-align: left;
}
.authenticatedBetsSection .table th {
    font-weight: 600;
    color: #a0aec0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.authenticatedBetsSection .table td {
    color: #fff;
}
.authenticatedBetsSection .table tr:nth-child(2n) {
    background-color: #313949;
}
.authenticatedBetsSection .table thead tr th {
    width: 20%;
    height: 36px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #2f3543;
}
@media (max-width: 740px) {
    .authenticatedBetsSection .table thead tr th:nth-child(2) {
        display: none;
    }
}
@media (max-width: 560px) {
    .authenticatedBetsSection .table thead tr th:nth-child(3) {
        display: none;
    }
}
@media (max-width: 400px) {
    .authenticatedBetsSection .table thead tr th:nth-child(4) {
        display: none;
    }
}
.authenticatedBetsSection .table thead tr th:first-child {
    text-align: left;
}
.authenticatedBetsSection .table thead tr th:last-child {
    text-align: right;
}
.authenticatedBetsSection .table thead tr th span {
    z-index: 1;
    color: #5e6a7f;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
}
.authenticatedBetsSection .table tbody tr td {
    width: 20%;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.authenticatedBetsSection .table tbody tr td:first-child {
    text-align: left;
}
.authenticatedBetsSection .table tbody tr td:last-child {
    text-align: right;
}
@media (max-width: 740px) {
    .authenticatedBetsSection .table tbody tr td:nth-child(2) {
        display: none;
    }
}
@media (max-width: 560px) {
    .authenticatedBetsSection .table tbody tr td:nth-child(3) {
        display: none;
    }
}
@media (max-width: 400px) {
    .authenticatedBetsSection .table tbody tr td:nth-child(4) {
        display: none;
    }
}
.authenticatedBetsSection .table tbody tr td .game,
.authenticatedBetsSection .table tbody tr td .name {
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: transform 0.1s ease-in-out;
}
.authenticatedBetsSection .table tbody tr td .game:active,
.authenticatedBetsSection .table tbody tr td .name:active {
    transform: scale(0.95);
}
.authenticatedBetsSection .table tbody tr td .game:hover,
.authenticatedBetsSection .table tbody tr td .name:hover {
    color: #fff;
}
.authenticatedBetsSection .table .rightAlign {
    text-align: right;
}
.authenticatedBetsSection .table .currency {
    color: #2dc53a;
}
.authenticatedBetsSection .table .multiplier {
    font-weight: 600;
}
.fade-enter {
    opacity: 0;
}
.fade-enter-active {
    opacity: 1;
    transition: opacity 0.5s ease-in;
}
.fade-exit,
.fade-exit-active {
    display: none;
}
.gamesSection {
    display: flex;
    flex-direction: column;
    padding: 20px 15px !important;
    background-color: #20242d !important;
}
.gamesSection .gamesContainerWrapper {
    max-width: 1250px;
    margin: auto auto 15px;
    overflow: hidden;
    width: 100%;
}
.gamesSection .gamesContainerWrapper .gamesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0 0;
}
.gamesSection .gamesContainerWrapper .gamesContainer [class*="swiper-wrapper"] {
    margin-top: 5px;
}
.gamesSection .gamesContainerWrapper .gamesContainer .gamesBoxPlaceholder {
    display: flex;
    width: 100%;
    overflow: hidden;
}
@media (max-width: 1099px) {
    .gamesSection .gamesContainerWrapper .gamesContainer {
        width: 100%;
        margin: 10px auto 0;
    }
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 #00e70166;
    }
    30% {
        box-shadow: 0 0 2px 2px #00e70166;
    }
    70% {
        box-shadow: 0 0 2px 2px #00e70166;
    }
    to {
        box-shadow: 0 0 #00e70166;
    }
}
.tournamentsSection {
    display: flex;
    flex-direction: column;
    padding: 20px 15px !important;
    background-color: #20242d !important;
}
.tournamentsSection .tournamentsContainerWrapper {
    width: 100%;
    max-width: 1250px;
    margin: auto;
    overflow: hidden;
}
.tournamentsSection .tournamentsContainerWrapper .title {
    display: flex;
    justify-content: space-between;
}
.tournamentsSection .tournamentsContainerWrapper .title .left {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.tournamentsSection .tournamentsContainerWrapper .title .left svg {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    margin-bottom: 6px;
    fill: #738198;
}
.tournamentsSection .tournamentsContainerWrapper .title .left .btnLabel {
    margin-bottom: 6px;
    margin-left: 8px;
    padding: 3px 6px;
    color: #808d98;
    font-weight: 400;
    font-size: 16px;
    background: #272d39;
    border-radius: 3px;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer {
    display: flex;
    grid-auto-columns: 50%;
    width: 100%;
    padding-top: 10px;
    overflow-x: auto;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .swiper-slide {
    transition-duration: 0.3s;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper {
    height: 100%;
    transition: all 0.3s;
    will-change: opacity;
    scroll-snap-align: start;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item,
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .itemInner {
    height: 100%;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item {
    background-color: #272d39;
    border-radius: 6px;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner {
    display: grid;
    grid-template-areas: "heading heading timer" "buttons buttons timer" "footer footer footer";
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr 0.8fr 1.2fr;
    gap: calc(20px - 1rem) 0;
    padding-top: 20px;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading {
    grid-area: heading;
    padding-left: 1rem;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .top {
    display: inherit;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .top.isMobile {
    font-size: 17px;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .bottom {
    display: inherit;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
}
@media (max-width: 500px) {
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .top {
        font-size: 16px;
    }
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .top.isMobile {
        font-size: 15px;
    }
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .bottom {
        font-size: 14px;
    }
}
@media (max-width: 380px) {
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .top {
        font-size: 16px;
    }
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .top.isMobile {
        font-size: 15px;
    }
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .heading .bottom {
        font-size: 14px;
    }
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .buttons {
    grid-area: buttons;
    align-content: flex-end;
    padding-bottom: 1rem;
    padding-left: 1rem;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .buttons .buttonsContainer {
    display: flex;
    align-items: center;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .buttons .buttonsContainer .btn {
    padding: 10px 15px;
    font-size: 14px;
}
@media (max-width: 380px) {
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .buttons .buttonsContainer .btn {
        padding: 8px 14px;
        font-size: 12px;
    }
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .timer {
    display: flex;
    grid-area: timer;
    justify-content: flex-end;
    padding-right: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}
@media (max-width: 380px) {
    .tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .timer {
        padding-right: 10px;
        transform: scale(0.9);
        transform-origin: right;
    }
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .tournamentFooter {
    grid-area: footer;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .tournamentFooter .homeFooterWrapper {
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    height: 3rem;
    padding: 0.75rem 0.5rem 0.75rem 1rem;
    border: 0;
    border-color: #3c4354;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .tournamentFooter .homeFooterWrapper .footerInner {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsContainer .itemWrapper .item .itemInner .tournamentFooter .homeFooterWrapper .footerInner svg {
    margin-right: 8px;
    color: #738198;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsLoader {
    position: relative;
    width: 100%;
    height: 202px;
}
.tournamentsSection .tournamentsContainerWrapper .homeTournamentsLoader .loaderComponent {
    background-color: #1c2028;
}
.itemPlaceholder .itemInner {
    display: flex !important;
    flex-direction: column;
}
.itemPlaceholder .heading {
    max-width: 500px;
    padding-right: 10px;
}
.itemPlaceholder .heading .top {
    margin-bottom: 10px;
    text-wrap: wrap !important;
}
.itemPlaceholder .nothingFound {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: auto;
    margin: 0;
    padding: 20px;
    font-size: 20px;
}
.itemPlaceholder .tournamentFooter {
    margin-top: auto;
}
.communitySection {
    background-color: #272d39 !important;
}
.communitySection .contentWrapper {
    gap: 4rem;
    flex-direction: column-reverse;
    max-width: 1250px;
    display: flex;
    margin: auto;
}
@media (min-width: 1200px) {
    .communitySection .contentWrapper {
        flex-direction: row;
    }
}
.communitySection .contentWrapper .left {
    width: 100%;
    margin: auto;
}
.communitySection .contentWrapper .left img {
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
    -webkit-user-select: none;
    user-select: none;
}
@media (min-width: 1200px) {
    .communitySection .contentWrapper .left {
        max-width: 600px;
    }
}
.communitySection .contentWrapper .right {
    justify-content: center;
    flex-direction: column;
    display: flex;
}
.communitySection .contentWrapper .right .title {
    font-size: 38px;
    color: #fff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}
@media (max-width: 1199px) {
    .communitySection .contentWrapper .right .title {
        font-size: 32px;
    }
}
.communitySection .contentWrapper .right .subtitle {
    font-size: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    margin-top: 0.5rem;
}
.communitySection .contentWrapper .right .btn {
    padding: 14px 20px;
    font-size: 14px;
    margin-top: 2rem;
    font-weight: 600;
    width: auto;
    max-width: max-content;
}
@media (max-width: 1199px) {
    .communitySection .contentWrapper .right .btn {
        width: 100%;
        max-width: 100%;
    }
}
.mainContainer .homeWrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}
.mainContainer .homeWrapper .homeSection {
    padding: 40px 15px;
    overflow: hidden;
}
.mainContainer .homeWrapper .homeSection:nth-child(2n) {
    background-color: #272d39;
}
.mainContainer .homeWrapper .homeSection:nth-child(odd) {
    background-color: #20242d;
}
.mainContainer .homeWrapper .homeSection:first-child {
    padding-top: 0;
    margin-top: -20px;
}
.mainContainer .homeWrapper .homeSection:last-child {
    margin-bottom: -20px;
}
@media (max-width: 900px) {
    .mainContainer .homeWrapper .homeSection {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.privacyContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.privacyContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.privacyContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.privacyContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.privacyContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.privacyContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.privacyContainer .privacyBlock {
    display: flex;
    flex-wrap: wrap;
    color: inherit;
}
.privacyContainer .privacyBlock h2 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
}
.privacyContainer .privacyBlock h2:first-child {
    margin-top: 20px;
}
.privacyContainer .privacyBlock p {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.privacyContainer .privacyBlock p:first-child {
    margin-top: 20px;
    color: #828f9a;
}
@media (max-width: 1100px) {
    .privacyContainer .privacyBlock p {
        font-size: 14px;
    }
}
@media (max-width: 480pxpx) {
    .privacyContainer .privacyBlock p {
        font-size: 13px;
    }
}
@media (max-width: 900px) {
    .privacyContainer {
        padding: 15px;
    }
    .privacyContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .privacyContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .privacyContainer .headerBlock .info {
        font-size: 13px;
    }
}
.promotionsContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.promotionsContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.promotionsContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.promotionsContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.promotionsContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.promotionsContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.promotionsContainer .promotionsBlock {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.promotionsContainer .promotionsBlock .item {
    width: 33.33333%;
    margin-top: 30px;
    padding: 0 15px;
}
.promotionsContainer .promotionsBlock .item .box {
    position: relative;
    align-items: center;
    width: 100%;
    background: #2e3542;
    border-radius: 5px;
}
.promotionsContainer .promotionsBlock .item .box .image img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.promotionsContainer .promotionsBlock .item .box .info {
    position: relative;
    align-items: center;
    padding: 15px;
    font-size: 13px;
}
.promotionsContainer .promotionsBlock .item .box .info .col {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 8px;
    color: #828f9a;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
}
.promotionsContainer .promotionsBlock .item .box .info .col span {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
}
.promotionsContainer .promotionsBlock .item .box .info .col span.ended {
    color: #f54949;
}
.promotionsContainer .promotionsBlock .item .box .info .col span.active {
    color: #2dc53a;
}
.promotionsContainer .promotionsBlock .item .box .info .col span svg {
    margin-bottom: 2px;
}
@media (min-width: 600px) and (max-width: 800px) {
    .promotionsContainer .promotionsBlock .item .box .info .col span {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    .promotionsContainer .promotionsBlock .item .box .info .col span {
        font-size: 12px;
    }
}
.promotionsContainer .promotionsBlock .item .box .info .col .nubmer {
    display: inline-block;
    padding-left: 22px;
}
.promotionsContainer .promotionsBlock .item .box .date {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
    text-align: center;
    background: #2e3542;
    border-radius: 0 0 6px 6px;
}
.promotionsContainer .promotionsBlock .item .box .date .time {
    position: relative;
    color: #828f9a;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
}
.promotionsContainer .promotionsBlock .item .box .date .time span {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: none;
}
.promotionsContainer .promotionsBlock .item .box .date .btn {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 110px;
    height: 40px;
    margin-left: auto;
    padding: 0;
    color: #fff;
    font-weight: 400;
    line-height: 40px;
    border: 1px solid hsla(0, 0%, 100%, 0.09);
}
@media (max-width: 1490px) {
    .promotionsContainer .promotionsBlock .item {
        width: 50%;
    }
}
@media (max-width: 600px) {
    .promotionsContainer .promotionsBlock .item {
        width: 100%;
    }
}
@media (min-width: 901px) and (max-width: 1024px) {
    .promotionsContainer .promotionsBlock .item {
        width: 100%;
    }
}
@media (max-width: 900px) {
    .promotionsContainer {
        padding: 15px;
    }
    .promotionsContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .promotionsContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .promotionsContainer .headerBlock .info {
        font-size: 13px;
    }
}
.pwaBackground {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: #000000bf;
}
.pwaModal {
    position: absolute;
    top: 50%;
    z-index: 10001;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    color: #353639;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pwaModal .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 30px);
    max-width: 360px;
    min-height: 50px;
    margin-bottom: 15px;
    background-color: #edf2ff;
    border-radius: 12px;
}
.pwaModal .wrapper .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    margin: -10px -10px 0 0;
    padding: 10px;
    color: #717171;
    font-size: 14px;
}
.pwaModal .wrapper .image {
    position: relative;
    flex: none;
    width: 100%;
}
.pwaModal .wrapper .image .spacer {
    display: block;
    width: 100%;
    padding-bottom: 65.2174%;
    content: "";
}
.pwaModal .wrapper .image img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
}
.pwaModal .wrapper .title {
    position: relative;
    margin: 15px 0 0;
    font-size: 20px;
    text-align: center;
}
.pwaModal .wrapper .title:before,
.pwaModal .wrapper .title:after {
    position: absolute;
    top: 3px;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
}
.pwaModal .wrapper .title:before {
    left: -30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAMAAAD/A0kuAAABelBMVEUAAAD/vg3/qQf/gkbzWlLwU1DwU1H/xCvwU1DwVFH/1DD/yyjwU1DwU1DvVVX1UWJdleL/yyj/ySjwU1BCpvb/yyjwVFBCpvbwVFH/rRH/pABGqvd3meD/pwbyZUr/pQT/oQCDgMbwU1D/oAD/ogD/yyj/rgz/zCvyVVJEqPn9vy7/pAAqedRDpvbKHmBUcMJDpvbsQXuFVaFrZrT/yyjwU1D/yij8pyeIfsXxVFDuQXvxU1HwU1HuQXrzbEr/zCj/zi2dfsGFWaz6kzn/yynYTYm4YKHsQXt+cLr/uBfxYEz/rAtyYq9ebb17hM74mTnTJmebSpDSKWjVKWjmrEn/yyn/tRHwVFD/owBCpfX/yifsQHr/oADwU1DFGVz/thPlgD1IovHiNnNQnewZdtM2l+wge9aSdbu2YKHeRYIkgduLecHXTIlkkdxsjNd9gspDdMmWbrWgbbGqZ6q/W5zRUI68IWTMIWEsjOJtd8NuY6+TRo6ZOYHVk1G2QeFrAAAAWXRSTlMAFvEHJPPjw5rtDd/UujAO+ejNyJCFgHJUTjMcDuzLwLCqo4x9a1k5OCkpJ/779eHa2r6zr6yino+Nc29kX1RIHxwXEvPu7enh4NrY1c6/trOjnYR7e2dGRQv19gQAAAJmSURBVDjLhdMJV9pAEAfwtSGXgAgWCsilXAqtttajVutRe993m2Q3bQhnPWprtfd376wkmsBC/u8Rlvd+TIYZgiBcYAwxEg8gRt4Tecc6VqvISmiaEBZeJWTGOmLMWacgIUEWDhCec+EUvAQicQwbojWc+OqVWYQyG4gZgaxtFRfFChyTSWRhMbzJxD5BVCGiPZPUJFwiqhpl6whY/4rsnGDZr95BzGxFixW0RFyDHV0W0eDIROgePhQKCXiLkcF2hhCpe8phnEW+CTIErxMSh5vD6BL5fAmBlZhull52BJKIRtRwxZonv860l5SLpzPJqDTPuzOJ+eBSesexMWg/DPttRqaMZiSN8cPRXj1pT6s8SpcvWfYCxh9hM0MSJyTmsOpyn+AKZ3eT4P/qsOqbPpvDObubacI77b8HvTiP00n7d/qEJYf99MvY7sHVbNIxwTGHPTGUZxZiD8Vh9a+KYm4zcb/tmIqiTLkeqyD/KOLfhAYC/KrL1lpgjbvOLcIzv+FXwyPw3+F9LntsAN7Vbrq2IKGyqi7GCFlzWW2fFu5o989LT/BB+FAMi7IsuW1LgXzTNCjNTvrcHlF7oEHupZg2gTG27HeDNrEHtmNOMXEJMLW61qZWaWuQL4rJLk1bBgvbsBvW2nTW7IVkH6+80E8Of1K7S+0eXcw4GpjQk2b9c0NpUdsZP23nFhqc2/PN+u8axQfdW1xjO5sv6PqPGvw4yD58CUoPzStdP2yANWF+UNorC7R381iDtG4gzzxt1v/Q3o/oQLzzcg56p+ukpb3zeu4vDNIq7Z3rl+vNhuGBXHwe/QewZbRtc2nFdAAAAABJRU5ErkJggg==)
        no-repeat;
    background-size: 20px;
}
.pwaModal .wrapper .title:after {
    right: -30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAqCAMAAAAd31JXAAABfVBMVEUAAAD/pwX/uRfHG17yVlT7dFfwVFFYmObvVFHwU1CEhdTwU1DwU1DxVFPxUlb/yyj/yin/tRj/xBzwU1D/yynwU1BDpvZDpff/yyn/zCr/pAD+nxf9vipHqfpQnevwU1D/oQD/yyjzYkv/yCnwVFD/oQD+ty+LfMP/zCj/ogr/ogDxU1HxVFH5vzP/ogBHqPgoedNjkd1pj9pCpvZbbr7sQXvvU1BlaLj5kTzwVFH/ogDvU1HxVFGMfMT/sxD/tBLxU1HuQnzuQnv0dEjxVFDzVlOIYrNKrf9PcsT/oACxZKVlZbXgSITsQHr/rAv/vBmEa7J7W6eNUZz0eUT/rwzRJmb/oACgRo7SKWaDgMj/yynTKmr/zCr/zCj/owBCpfX/yijsQHr/oADvU1D/uhfhckEcd9TlOXTBGFybcLWvZaeIe8MjgdvWS4lLn+85m+4zlOnEWJjeSIXkRH/hNXFui9V2h9A9eM62J2zNImNjg89/W6WNQoyjP4XIjmBZ401GAAAAX3RSTlMA9yb+Igns/eSHCfDZMBjo2hMMuLSqh3txPC8oHxn++PLf2dPKxbmQjIx9aFlOSyH+9+3o1cjDwq6dm5J5cXFiYV5KRkUpJA/o5+Pg4NvX1NDJycK/vq+sqqidkYFoW0eW0wUAAAJgSURBVDjLjdJ3W9pQFAbwU5GEEYaMliVUEGRbW2ud1Tpq994r49YAAoqCo/Oze29CSII3Prx/5Ul+z8nJewNDmd4ASsY5L+Uug4KD2/EYqLE7UJliwwhNa9c3pYn+WISWgBInSgHArstogUEOoGUrDTDJ33EpVn/bOIVGp/yajZF9E6FQZGwDMfbLNCIIPsB4V2sgJ+BkGA9l7JTgixrLciz6sfXTKORCE2DIAgpC4nt+DGhxrODFqsVitX80KKUsSreI88AHScpqDaJtiho85KBaKPwAgADANkKrYJmyOwVKEn4hk6+4GaXY2UtufR0AvE61gUWB5K3SwA3+ulnaX0rStbFBWelICHcdB6qNCD917CSnao9qBU6COXnBgEsIlcA6FUHH5DcMD5YrBobtq/9G7EBBrYBlKTuEXcnfewa8xHi0j4o/lpbN9jPPnxvwzo5eQDwbM49leb5p03E/s0DJDI/TNmLrPDvAtlkz4VU3h5eO+jNp94JXpw/EBhl8ZMJeBnH2AP79txAK6va52E1iy3ZNuIzQyhdBqJBjLOljRXGfJ1uIJuxk3DnfNwzCbk6zT0ScU4IbBgzUEg7a2B4nCd4Xe3WCJUm6T7Msf0IGH/EqtmFsZWcUoa2Mj6Re3yM7BCj2NgbKFmpxnbNz2/vCi3cJCt1U3s0eq/iwJctPvWCRu+q4uS62tT+y/OghWGUTkxOCT8Xar7rtDZGWY0ldLLaHZ3XbJztckbWmiNNmyZ6vB5KeOb6Bbe+fLM+74OqskW57eM+PQ5Lebaf11/YVRgjbacm37sFImR9ZwgWP6LbeiSVHOgAAAABJRU5ErkJggg==)
        no-repeat;
    background-size: 20px;
}
.pwaModal .wrapper .text {
    max-width: 240px;
    margin: 15px 0 0;
    font-size: 13px;
    text-align: center;
}
.pwaModal .wrapper .button {
    width: 100%;
    padding: 15px 15px 20px;
}
.pwaModal .wrapper .button button {
    display: block;
    width: 100%;
    max-width: 240px;
    height: 48px;
    margin: auto;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    background-color: #047cfc;
    border-radius: 6px;
    outline: none;
}
.pwaContainer {
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 20px;
    background: #1c2028;
}
.pwaContainer .caption {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 42px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #323946;
}
.pwaContainer .caption .text {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: inherit;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.pwaContainer .caption .text svg {
    margin: 0 9px 0 -1px;
    font-size: 26px;
}
.pwaContainer .caption .btnLeft {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 35px;
    padding: 0 15px 0 25px;
    color: inherit;
    background: #323946;
    border-radius: 6px;
    cursor: pointer;
}
.pwaContainer .caption .btnLeft svg {
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: 1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pwaContainer .item {
    margin-bottom: 20px;
}
.pwaContainer .item .head {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 5px;
    color: inherit;
    font-weight: 500;
    font-size: 15px;
}
.pwaContainer .item .head .number {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 12px;
    color: inherit;
    font-size: 13px;
    background-color: #337cff;
    border-radius: 3px;
}
.pwaContainer .item .head .iconIos {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    padding: 5px;
    background: #fff3;
    border-radius: 4px;
}
.pwaContainer .item .head .iconIos svg {
    width: 20px;
    height: 20px;
}
.pwaContainer .item .bottom {
    padding-left: 34px;
    color: #828f9a;
}
.pwaContainer .alert {
    padding: 15px;
    color: inherit;
    text-align: center;
    background: #4986f526;
    border: 1px solid #047cfc;
    border-radius: 6px;
}
.recoverySection {
    position: relative;
}
.recoverySection .block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 340px;
    height: 65vh;
    margin: auto;
    white-space: nowrap;
}
.recoverySection .loader {
    height: 100px;
}
.recoverySection .loader img {
    width: 80px;
    height: 80px;
}
.recoverySection .text {
    font-size: 28px;
}
.responsibilityContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.responsibilityContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.responsibilityContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.responsibilityContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.responsibilityContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.responsibilityContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.responsibilityContainer .responsibilityBlock {
    display: flex;
    flex-wrap: wrap;
    color: inherit;
}
.responsibilityContainer .responsibilityBlock h2 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
}
.responsibilityContainer .responsibilityBlock h2:first-child {
    margin-top: 20px;
}
.responsibilityContainer .responsibilityBlock p {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.responsibilityContainer .responsibilityBlock p:first-child {
    margin-top: 20px;
}
@media (max-width: 1100px) {
    .responsibilityContainer .responsibilityBlock p {
        font-size: 14px;
    }
}
@media (max-width: 480pxpx) {
    .responsibilityContainer .responsibilityBlock p {
        font-size: 13px;
    }
}
@media (max-width: 900px) {
    .responsibilityContainer {
        padding: 15px;
    }
    .responsibilityContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .responsibilityContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .responsibilityContainer .headerBlock .info {
        font-size: 13px;
    }
}
.settingsContainer {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0;
    background: #272d39;
    border-radius: 5px;
}
.settingsContainer .inputControl {
    color: #fff !important;
    background-color: #1c2028 !important;
    border: 2px solid transparent !important;
}
.settingsContainer .sidebar {
    width: 30%;
    padding: 25px 0;
    background: #232833;
}
.settingsContainer .sidebar .head {
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #2d3340;
}
.settingsContainer .sidebar .head .avatarBlock {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    padding: 8px;
    overflow: hidden;
    background: #1c2028;
    border-radius: 10px;
}
.settingsContainer .sidebar .head .avatarBlock .avatar > div {
    position: relative !important;
    width: 88px !important;
    height: 88px !important;
    font-family: Rubik, Arial, sans-serif;
    border-radius: 10px !important;
}
.settingsContainer .sidebar .head .avatarBlock.active .actionsBlock,
.settingsContainer .sidebar .head .avatarBlock:focus .actionsBlock,
.settingsContainer .sidebar .head .avatarBlock:hover .actionsBlock {
    visibility: visible;
    opacity: 1;
}
.settingsContainer .sidebar .head .avatarBlock .actionsBlock {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232833a6;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s linear;
}
.settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
}
.settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions label,
.settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions label svg,
.settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions button svg {
    font-size: 12px;
}
.settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions label.avatarUpload,
.settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions button.avatarUpload {
    background-color: #047cfc;
}
@media (max-width: 1050px) {
    .settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions button,
    .settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions label {
        width: 22px;
        height: 22px;
    }
    .settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions button svg,
    .settingsContainer .sidebar .head .avatarBlock .actionsBlock .actions label svg {
        font-size: 10px;
    }
}
.settingsContainer .sidebar .head .name {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    margin: auto;
    font-size: 15px;
}
.settingsContainer .sidebar .head .name .btnName {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.settingsContainer .sidebar .head .name .btnName svg {
    position: relative;
    top: 0.05em;
    margin-left: 5px;
    font-size: 13px;
}
.settingsContainer .sidebar .head .name.active .btnName {
    display: none;
}
.settingsContainer .sidebar .head .name .change {
    position: relative;
    display: flex;
}
.settingsContainer .sidebar .head .name .change input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    color: #fff;
    font-size: 1em;
    background-color: initial;
    border: 2px solid transparent;
    border-radius: 5px !important;
    outline: none !important;
    -webkit-appearance: none;
    touch-action: manipulation;
}
.settingsContainer .sidebar .head .name .change input:not([readonly]):focus {
    border-color: #535d71;
}
.settingsContainer .sidebar .head .name .change .submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 15px;
    color: #aab0bd;
    cursor: pointer;
}
.settingsContainer .sidebar .head .name .change .submit:hover,
.settingsContainer .sidebar .head .name .change .submit:focus {
    color: #fff;
}
.settingsContainer .sidebar .settingsMobileNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.settingsContainer .sidebar .settingsMobileNav .navLabel {
    height: 48px;
    padding: 0;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown {
    position: relative;
    box-sizing: border-box;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown:hover .btnDropdown,
.settingsContainer .sidebar .settingsMobileNav .dropdown:active .btnDropdown {
    background-color: #272d39;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown {
    display: inline-block;
    height: 48px;
    padding: 0.375rem 0.75rem;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background-color: #272d39;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown.open {
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 5px #191d24;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown .btnContent {
    display: flex;
    align-items: center;
    color: inherit;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown .btnContent .navIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 6px;
    background: #ffffff14;
    border-radius: 3px;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown .btnContent .navIcon svg {
    font-size: 1.3em;
    opacity: 0.3;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown .btnContent .opener {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: 0.45em;
    transition: transform 0.2s ease-out;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown .btnContent .opener svg {
    width: 100%;
    height: 100%;
    fill: #7f8596;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .btnDropdown .btnContent .opener.open {
    transform: rotate(-180deg);
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 1000;
    display: none;
    float: left;
    box-sizing: border-box;
    width: 100%;
    min-width: auto;
    margin: 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #272d39;
    background-clip: padding-box;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 5px #191d24;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu.open {
    display: block;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu:first-child {
    border-radius: 0;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu .item {
    display: block;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 15px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    text-align: inherit;
    background-color: initial;
    border-bottom: 1px solid #3d414a;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu .item:hover,
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu .item:focus {
    color: #fff;
    background-color: #2c3240;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu .item:not(.active),
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu .item:not([disabled]) {
    cursor: pointer;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu .item:first-child {
    border-radius: 0;
}
.settingsContainer .sidebar .settingsMobileNav .dropdown .menu .item:last-child {
    border-bottom: 1px solid transparent;
}
.settingsContainer .sidebar div .navLabel {
    height: 50px;
    color: #aab0bd;
    line-height: 14px;
}
.settingsContainer .sidebar div .navLabel,
.settingsContainer .sidebar div .navItem {
    display: flex;
    align-items: center;
    padding: 0 25px;
    font-size: 14px;
}
.settingsContainer .sidebar div .navItem {
    height: 52px;
    color: #aab0bd;
    border-bottom: 1px solid #2d3340;
    cursor: pointer;
}
.settingsContainer .sidebar div .navItem .navIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 6px;
    background: #ffffff14;
    border-radius: 3px;
}
.settingsContainer .sidebar div .navItem .navIcon svg {
    color: #fff;
    font-size: 1.3em;
    opacity: 0.3;
}
.settingsContainer .sidebar div .navItem:last-child {
    border-bottom: 0;
}
.settingsContainer .sidebar div .navItem.active {
    color: #fff;
    background: #272d39;
    border-bottom: 1px solid transparent;
}
.settingsContainer .sidebar div .navItem:hover {
    color: #fff;
}
.settingsContainer .sidebar div .navItem:hover .navIcon svg,
.settingsContainer .sidebar div .navItem.active .navIcon svg {
    opacity: 1;
}
.settingsContainer .settingsContent {
    position: relative;
    width: 70%;
    padding: 25px;
}
.settingsContainer .settingsContent .caption {
    margin-bottom: 25px;
    color: inherit;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}
.settingsContainer .settingsContent .alert {
    position: relative;
    margin-bottom: 1.5em;
    padding: 15px;
    font-size: 13px;
    background: #2d3340;
    border-radius: 5px;
}
.settingsContainer .settingsContent .preferences .form-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}
.settingsContainer .settingsContent .preferences .form-checkbox label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formLabel {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField {
    position: relative;
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField .checkBox {
    cursor: pointer;
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField .checkBox input {
    display: none;
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField .checkBox input:checked + .label:before {
    background: #337cff;
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField .checkBox input:checked + .label:after {
    left: calc(100% - 15px);
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField .checkBox input + .label {
    position: relative;
    display: block;
    width: 33px;
    height: 10px;
    cursor: pointer;
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField .checkBox input + .label:before {
    display: block;
    width: 100%;
    height: 100%;
    background: #d8d8d82e;
    border-radius: 5px;
    transition: all 0.3s;
    content: "";
}
.settingsContainer .settingsContent .preferences .form-checkbox label .formField .checkBox input + .label:after {
    position: absolute;
    top: calc(50% - 9px);
    left: -3px;
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 4px;
    transition: all 0.3s;
    content: "";
}
.settingsContainer .settingsContent .preferences .form-checkbox:nth-child(odd) {
    background-color: #2c323f;
}
.settingsContainer .settingsContent .verifyDescription {
    margin-bottom: 25px;
    color: inherit;
    font-size: 14px;
}
.settingsContainer .settingsContent .verifyForm {
    position: relative;
    min-height: 400px;
}
.settingsContainer .settingsContent .verifyForm input,
.settingsContainer .settingsContent .verifyForm select {
    background-color: inherit;
}
.settingsContainer .settingsContent .verifyForm.isLoader {
    min-height: 400px;
}
.settingsContainer .settingsContent .verifyForm .loaderBlock {
    text-align: center;
}
.settingsContainer .settingsContent .verifyForm div .submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    padding: 9px 20px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    background: #337cff;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.1s linear;
}
.settingsContainer .settingsContent .verifyForm div .submit:not([disabled]):focus,
.settingsContainer .settingsContent .verifyForm div .submit:not([disabled]):hover {
    background-color: #1966f2;
}
.settingsContainer .settingsContent .verifyForm div .colHalf {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div {
    width: 100%;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div:first-child {
    margin-right: 20px;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.65em;
    color: #aab0bd;
    font-size: 13px;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .inputSelect {
    position: relative;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .inputSelect:after {
    position: absolute;
    right: 0.75em;
    bottom: 50%;
    width: 0;
    height: 0;
    border-color: #717787 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    transform: translateY(50%);
    content: "";
    pointer-events: none;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .inputSelect .inputControl {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px !important;
    outline: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    touch-action: manipulation;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .inputSelect .inputControl option {
    color: #fff;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper {
    position: relative;
    display: inherit;
    width: inherit;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper.hasError input,
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper.hasError label {
    border-color: #e86376 !important;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper .inputControl {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #373e4c;
    border-radius: 5px !important;
    outline: none !important;
    -webkit-appearance: none;
    touch-action: manipulation;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper .inputControl:not([readonly]):focus {
    border-color: #535d71 !important;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper .tip {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 6px;
    padding: 1em;
    color: #e86376;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    background: #1c2028;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper .tip:after {
    position: absolute;
    top: 100%;
    left: 0.5em;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    border-top-color: #1c2028 !important;
    content: "";
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper .tip.topRight {
    top: auto;
    right: 0;
    bottom: 100%;
    left: auto;
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper .tip.topRight:after {
    left: 50%;
    transform: translate(-50%);
}
.settingsContainer .settingsContent .verifyForm div .colHalf > div .validationWrapper .tip.visible {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 500px) {
    .settingsContainer .settingsContent .verifyForm div .colHalf {
        flex-direction: column;
        margin: 0;
    }
    .settingsContainer .settingsContent .verifyForm div .colHalf > div {
        margin: 0 0 1em;
    }
}
.settingsContainer .settingsContent .verifyForm div .inputFile {
    margin-bottom: 1em;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .inputLabel {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.65em;
    color: #aab0bd;
    font-size: 13px;
}
.settingsContainer .settingsContent .verifyForm div .inputFile label {
    color: inherit;
}
.settingsContainer .settingsContent .verifyForm div .inputFile label .btnAppend {
    color: inherit;
    background-color: #aab0bd !important;
}
.settingsContainer .settingsContent .verifyForm div .inputFile label .btnAppend:hover,
.settingsContainer .settingsContent .verifyForm div .inputFile label .btnAppend:focus {
    color: #fff !important;
}
.settingsContainer .settingsContent .verifyForm div .inputFile label:hover .btnAppend {
    color: #fff !important;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper {
    position: relative;
    display: inherit;
    width: inherit;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper.hasError input,
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper.hasError label {
    border-color: #e86376 !important;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper label {
    position: relative;
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 0 0 15px;
    color: inherit;
    background-color: #1c2028;
    border-radius: 5px;
    cursor: pointer;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper label input[type="file"] {
    position: absolute;
    z-index: -1;
    width: 0.1px;
    height: 0.1px;
    overflow: hidden;
    opacity: 0;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper label .btnAppend {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    min-width: 80px;
    height: 34px;
    margin-right: 6px;
    padding: 0 15px;
    color: #fff;
    background: #aab0bd;
    border-radius: 3px;
    transform: translateY(-50%);
    cursor: pointer;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper .tip {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 6px;
    padding: 1em;
    color: #e86376;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    background: #1c2028;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper .tip:after {
    position: absolute;
    top: 100%;
    left: 0.5em;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    border-top-color: #1c2028 !important;
    content: "";
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper .tip.topRight {
    top: auto;
    right: 0;
    bottom: 100%;
    left: auto;
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper .tip.topRight:after {
    left: 50%;
    transform: translate(-50%);
}
.settingsContainer .settingsContent .verifyForm div .inputFile .validationWrapper .tip.visible {
    visibility: visible;
    opacity: 1;
}
.settingsContainer .settingsContent .verifyForm .message {
    font-size: 15px;
}
.settingsContainer .settingsContent .verifyForm .message .caption {
    margin-bottom: 0.25em;
    font-weight: 400;
    font-size: 18px;
    text-transform: none;
}
.settingsContainer .settingsContent .verifyForm .message.failed .caption {
    color: #e86376;
}
.settingsContainer .settingsContent .verifyForm .message.process .caption {
    color: #337cff;
}
.settingsContainer .settingsContent .verifyForm .message.success .caption {
    color: #2dc53a;
}
@media (max-width: 500px) {
    .settingsContainer .settingsContent .verifyForm {
        padding: 0;
        background-color: initial;
    }
    .settingsContainer .settingsContent .verifyForm:after,
    .settingsContainer .settingsContent .verifyForm:before {
        display: none;
    }
}
.settingsContainer .settingsContent .withPager .list {
    position: relative;
}
.settingsContainer .settingsContent .withPager .list.isLoader {
    min-height: 500px;
}
.settingsContainer .settingsContent .withPager .list .responsive {
    position: relative;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.settingsContainer .settingsContent .withPager .list .responsive table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.settingsContainer .settingsContent .withPager .list .responsive table thead tr th {
    padding: 10px 0;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
    border-bottom: 1px solid #2e3542;
}
.settingsContainer .settingsContent .withPager .list .responsive table thead tr td,
.settingsContainer .settingsContent .withPager .list .responsive table thead tr th {
    width: 20%;
    text-align: center;
}
.settingsContainer .settingsContent .withPager .list .responsive table thead tr td:first-child,
.settingsContainer .settingsContent .withPager .list .responsive table thead tr th:first-child {
    text-align: left;
}
.settingsContainer .settingsContent .withPager .list .responsive table thead tr td:last-child,
.settingsContainer .settingsContent .withPager .list .responsive table thead tr th:last-child {
    text-align: right;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr:last-child td {
    border-bottom: 1px solid transparent;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td {
    min-width: 110px;
    padding: 20px 10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td:first-child {
    padding-left: 0;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td:last-child {
    padding-right: 0;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td div {
    white-space: nowrap;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td div.active {
    color: #2dc53a;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td div.expired {
    color: #e86376;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td,
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr th {
    width: 20%;
    text-align: center;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td:first-child,
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr th:first-child {
    text-align: left;
}
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr td:last-child,
.settingsContainer .settingsContent .withPager .list .responsive table tbody tr th:last-child {
    text-align: right;
}
.settingsContainer .settingsContent .avatarContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .btnSelectAppearance {
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    font-size: 14px;
    background: #1c2028;
    border: 0;
    border-radius: 4px 0 0 4px;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .btnSelectAppearance:hover {
    background: #191d25;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .btnSelectAppearance.active {
    color: #fff;
    border: 2px solid #535d71;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .btnSelectAppearance .opener {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: auto;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .btnSelectAppearance .opener.open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .btnSelectAppearance .opener svg {
    width: 100%;
    height: 100%;
    fill: #7f8596;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown {
    position: absolute;
    top: 100%;
    right: inherit;
    left: inherit;
    z-index: 1080;
    display: none;
    box-sizing: border-box;
    min-width: 204px;
    margin: 12px 0 0;
    color: #212529;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000026, 0 3px 14px 2px #00000024;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown.open {
    z-index: 1081;
    display: block;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item {
    display: flex;
    align-items: center;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #000000bf;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-align: inherit;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item:active,
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item:focus,
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item:hover {
    background-color: #f1f1f1;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item:first-child {
    border-radius: 4px 4px 0 0;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item > div {
    display: flex;
    align-items: center;
    width: 100%;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item > div .badge {
    width: 36px;
    margin-right: 8px;
    color: #0009;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background: #e5e5e5;
    border-radius: 2px;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item > div .badge.wide {
    width: 48px;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown .item.active > div .badge {
    color: #fff;
    background: #219a19;
}
.settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown:before {
    position: absolute;
    top: -8px;
    right: inherit;
    left: 15px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 0 6px 8px;
    content: "";
}
@media (max-width: 900px) {
    .settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
    .settingsContainer .settingsContent .avatarContainer .dropdownContainer .dropdown:before {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translate(50%);
    }
}
.settingsContainer .settingsContent .avatarContainer .avatar-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.settingsContainer .settingsContent .avatarContainer .avatar-content .avatar-preview {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: #1c2028;
    border-radius: 10px;
}
.settingsContainer .settingsContent .avatarContainer .avatar-content .avatar-preview img {
    width: 100%;
    max-width: 300px;
    height: auto;
    border-radius: 5px;
}
.settingsContainer .settingsContent .avatarContainer .avatar-content .collection-selector {
    flex: 0 0 100%;
    margin-bottom: 20px;
}
.settingsContainer .settingsContent .avatarContainer .avatar-content .collection-selector h3 {
    margin-bottom: 0.65em;
    color: #aab0bd;
    font-size: 14px;
}
.settingsContainer .settingsContent .avatarContainer .avatar-content .avatar-customization {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 20px;
}
.settingsContainer .settingsContent .avatarContainer .avatar-content .avatar-customization .avatar-category {
    flex: 0 0 calc(50% - 10px);
}
.settingsContainer .settingsContent .avatarContainer .avatar-content .avatar-customization .avatar-category h3 {
    margin-bottom: 0.65em;
    color: #aab0bd;
    font-size: 14px;
}
.settingsContainer .settingsContent .avatarContainer .action-buttons {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 25px;
}
.settingsContainer .settingsContent .avatarContainer .action-buttons .btn {
    height: 30px;
    line-height: 10px;
}
@media (max-width: 768px) {
    .settingsContainer .settingsContent .avatarContainer .avatar-content .avatar-customization .avatar-category {
        flex: 0 0 100%;
    }
}
@media (max-width: 480px) {
    .settingsContainer .settingsContent .avatarContainer h1 {
        font-size: 24px;
    }
    .settingsContainer .settingsContent .avatarContainer .avatar-content .collection-selector h3 {
        margin-bottom: 0.65em;
        color: #aab0bd;
        font-size: 13px;
    }
    .settingsContainer .settingsContent .avatarContainer .avatar-content .avatar-customization .avatar-category h3 {
        font-size: 13px;
    }
}
.settingsContainer .settingsContent .securityContainer {
    margin-bottom: 25px;
}
.settingsContainer .settingsContent .securityContainer .loaderBlock {
    text-align: center;
}
.settingsContainer .settingsContent .securityContainer .inputHalf {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div {
    width: 100%;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .inputLabel {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.65em;
    color: #aab0bd;
    font-size: 13px;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .validationWrapper {
    position: relative;
    display: inherit;
    width: inherit;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .validationWrapper.hasError .inputControl {
    border-color: #e86376 !important;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .validationWrapper .inputControl {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #373e4c;
    border-radius: 5px !important;
    outline: none !important;
    -webkit-appearance: none;
    touch-action: manipulation;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .validationWrapper .inputControl:not([readonly]):focus {
    border-color: #337cff;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .validationWrapper .tip {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 6px;
    padding: 1em;
    color: #e86376;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    background: #1c2028;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .validationWrapper .tip.visible {
    visibility: visible;
    opacity: 1;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .validationWrapper .tip:after {
    position: absolute;
    top: 100%;
    left: 0.5em;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    border-top-color: #1c2028 !important;
    content: "";
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .inputControl {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #373e4c;
    border-radius: 5px !important;
    outline: none !important;
    -webkit-appearance: none;
    touch-action: manipulation;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .inputControl[type="submit"] {
    color: #fff;
    font-size: 14px;
    background-color: #337cff !important;
    border: 0;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-text-fill-color: #fff;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .inputControl[type="submit"][disabled] {
    cursor: not-allowed;
    opacity: 0.8;
    pointer-events: none;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div .inputControl[type="submit"]:not(disabled):hover {
    color: inherit;
    background-color: #1966f2 !important;
}
.settingsContainer .settingsContent .securityContainer .inputHalf > div:first-child {
    margin-right: 20px;
}
@media (max-width: 500px) {
    .settingsContainer .settingsContent .securityContainer .inputHalf {
        flex-direction: column;
        margin: 0;
    }
    .settingsContainer .settingsContent .securityContainer .inputHalf > div {
        width: 100%;
        margin-bottom: 10px;
    }
}
.settingsContainer .settingsContent .twoFactor {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
    overflow: hidden;
    color: inherit;
    background-color: transparent;
    border: 1px solid #373e4c;
    border-radius: 5px;
}
.settingsContainer .settingsContent .twoFactor .text {
    position: relative;
    z-index: 1;
    padding-right: 15px;
}
.settingsContainer .settingsContent .twoFactor button {
    position: relative;
    z-index: 1;
    margin-left: auto;
    padding: 0.375rem 0.75rem;
    white-space: nowrap;
}
.settingsContainer .settingsContent .twoFactor img {
    position: absolute;
    top: -100px;
    right: -30px;
    height: 280px;
    opacity: 0.1;
}
@media (max-width: 500px) {
    .settingsContainer .settingsContent .twoFactor {
        flex-direction: column;
        padding: 15px;
    }
    .settingsContainer .settingsContent .twoFactor .text {
        padding: 0 0 15px;
    }
    .settingsContainer .settingsContent .twoFactor button {
        width: 100%;
        padding: 10px 20px;
        font-size: 14px;
    }
}
.settingsContainer .settingsContent .inputRow {
    margin-bottom: 12px;
}
.settingsContainer .settingsContent .inputRow label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.65em;
    color: #aab0bd;
    font-size: 13px;
}
.settingsContainer .settingsContent .inputRow label svg {
    margin-left: 5px;
    font-size: 1em;
    fill: #2dc53a;
}
.settingsContainer .settingsContent .inputRow .inputControl {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #373e4c;
    border-radius: 5px !important;
    outline: none !important;
    -webkit-appearance: none;
    touch-action: manipulation;
}
.settingsContainer .settingsContent .inputRow .inputAppend {
    position: relative;
}
.settingsContainer .settingsContent .inputRow .inputAppend .inputControl {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #373e4c;
    border-radius: 5px !important;
    outline: none !important;
    -webkit-appearance: none;
    touch-action: manipulation;
}
.settingsContainer .settingsContent .inputRow .inputAppend .btnAppend {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 34px;
    margin-right: 6px;
    padding: 0 15px;
    color: #aab0bd;
    text-align: center;
    background: #373e4c;
    border-radius: 3px;
    transform: translateY(-50%);
    cursor: pointer;
}
@media (max-width: 450px) {
    .settingsContainer .settingsContent .inputRow .inputAppend .btnAppend {
        min-width: 55px;
    }
}
.settingsContainer .settingsContent .inputRow .inputAppend .btnAppend.approved {
    color: #2dc53a !important;
    cursor: default;
}
.settingsContainer .settingsContent .inputRow .inputAppend .btnAppend:hover {
    color: #fff;
}
.settingsContainer .settingsContent .inputRow .inputEmail {
    padding-left: 40px;
}
.settingsContainer .settingsContent .inputRow .emailIcon {
    position: absolute;
    top: 7px;
    left: 12px;
    color: #738198;
    font-size: 21px;
}
.settingsContainer .settingsContent .inputRow .emailDescription {
    display: block;
    margin-top: 0.65em;
    color: #aaaeb9;
    font-weight: 400;
    font-size: 12px;
}
.settingsContainer .settingsContent .inputRow .emailNoty {
    display: block;
    margin-top: 0.65em;
    color: #f1e20e;
    font-weight: 400;
    font-size: 12px;
}
.settingsContainer .settingsContent .socialContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}
.settingsContainer .settingsContent .socialContainer .btnSocial,
.settingsContainer .settingsContent .socialContainer .plus {
    margin-bottom: 10px;
}
.settingsContainer .settingsContent .socialContainer .btnSocial {
    display: flex;
    align-items: center;
    height: 38px;
    margin-left: 12px;
    padding: 0 20px;
    color: #fff;
    background: #373e4c;
    border-radius: 38px;
    cursor: pointer;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.vk {
    background-color: #2787f5;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.vk:hover {
    background-color: #1f6fca;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.fb {
    background-color: #3b5999;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.fb:hover {
    background-color: #2c4374;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.ok {
    background-color: #db8a37;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.ok:hover {
    background-color: #c47626;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.gl {
    background-color: #db4437;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.gl:hover {
    background-color: #c63024;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.st {
    background-color: #424242;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.st:hover {
    background-color: #383838;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.tg {
    background-color: #1e97ca;
}
.settingsContainer .settingsContent .socialContainer .btnSocial.tg:hover {
    background-color: #1478a2;
}
.settingsContainer .settingsContent .socialContainer .plus {
    display: flex;
    font-size: 34px;
    line-height: 30px;
}
@media (max-width: 1050px) {
    .settingsContainer {
        display: block;
    }
    .settingsContainer .sidebar {
        width: 100%;
        padding: 0;
        border-radius: 5px 5px 0 0;
    }
    .settingsContainer .sidebar .head {
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .settingsContainer .sidebar .head .avatarBlock {
        width: 60px;
        height: 60px;
        margin: 0 15px 0 0;
        padding: 3px;
    }
    .settingsContainer .sidebar .head .avatarBlock .avatar > div {
        width: 52px !important;
        height: 52px !important;
    }
    .settingsContainer .sidebar .head .name {
        max-width: 100%;
        margin: 0;
    }
    .settingsContainer .settingsContent {
        width: 100%;
        padding: 15px;
    }
}
.sweepstakesContainer {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.sweepstakesContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.sweepstakesContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.sweepstakesContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.sweepstakesContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.sweepstakesContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.sweepstakesContainer .sweepstakesBlock {
    display: flex;
    flex-wrap: wrap;
}
.sweepstakesContainer .sweepstakesBlock p {
    font-size: 16px;
}
.sweepstakesContainer .sweepstakesBlock p:first-child {
    margin-top: 20px;
}
@media (max-width: 1100px) {
    .sweepstakesContainer .sweepstakesBlock p {
        font-size: 14px;
    }
}
@media (max-width: 480pxpx) {
    .sweepstakesContainer .sweepstakesBlock p {
        font-size: 13px;
    }
}
.sweepstakesContainer .sweepstakesBlock .noTickets {
    z-index: 1;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .title {
    margin: 1rem 0 0.6rem;
    color: #fff;
    font-weight: 500;
    font-size: 2.25rem;
    text-align: center;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .description {
    max-width: 23rem;
    color: #aab0bd;
    font-size: 1.063rem;
    text-align: center;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card {
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 80vw;
    max-width: 420px;
    height: 250px;
    margin-top: 40px;
    text-align: center;
    background-color: #1c2028;
    border: 7px dashed #fff;
    border-radius: 15px;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card.active {
    background-color: #047cfb;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card .hover {
    width: 80%;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card .x {
    font-size: 100px;
    -webkit-user-select: none;
    user-select: none;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card.amount {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card.amount .open {
    width: 150px;
    margin: -30px auto 20px;
    padding: 3px 0 4px;
    font-size: 20px;
    background-color: #219a19;
    border-radius: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card.amount .open:hover {
    background-color: #2dc53a;
}
.sweepstakesContainer .sweepstakesBlock .noTickets .card.amount .open:disabled {
    background-color: #495465;
}
@media (max-width: 900px) {
    .sweepstakesContainer {
        padding: 15px;
    }
    .sweepstakesContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .sweepstakesContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .sweepstakesContainer .headerBlock .info {
        font-size: 13px;
    }
}
.tosContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.tosContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.tosContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.tosContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.tosContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.tosContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.tosContainer .tosBlock {
    display: flex;
    flex-wrap: wrap;
    color: inherit;
}
.tosContainer .tosBlock h2 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
}
.tosContainer .tosBlock h2:first-child {
    margin-top: 20px;
}
.tosContainer .tosBlock p {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.tosContainer .tosBlock p:first-child {
    margin-top: 20px;
    color: #828f9a;
}
@media (max-width: 1100px) {
    .tosContainer .tosBlock p {
        font-size: 14px;
    }
}
@media (max-width: 480pxpx) {
    .tosContainer .tosBlock p {
        font-size: 13px;
    }
}
@media (max-width: 900px) {
    .tosContainer {
        padding: 15px;
    }
    .tosContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .tosContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .tosContainer .headerBlock .info {
        font-size: 13px;
    }
}
.termsPartnersContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.termsPartnersContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.termsPartnersContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.termsPartnersContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.termsPartnersContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.termsPartnersContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.termsPartnersContainer .termsPartnersBlock {
    display: flex;
    flex-wrap: wrap;
    color: inherit;
}
.termsPartnersContainer .termsPartnersBlock h2 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
}
.termsPartnersContainer .termsPartnersBlock h2:first-child {
    margin-top: 20px;
}
.termsPartnersContainer .termsPartnersBlock p {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.termsPartnersContainer .termsPartnersBlock p:first-child {
    margin-top: 20px;
    color: #828f9a;
}
@media (max-width: 1100px) {
    .termsPartnersContainer .termsPartnersBlock p {
        font-size: 14px;
    }
}
@media (max-width: 480pxpx) {
    .termsPartnersContainer .termsPartnersBlock p {
        font-size: 13px;
    }
}
@media (max-width: 900px) {
    .termsPartnersContainer {
        padding: 15px;
    }
    .termsPartnersContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .termsPartnersContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .termsPartnersContainer .headerBlock .info {
        font-size: 13px;
    }
}
.tournamentSection {
    padding-bottom: 0;
}
.tournamentSection .tournamentHeader {
    width: 100%;
    position: relative;
    display: flex;
    height: 270px;
    text-align: right;
    background: #0064ff;
    overflow: hidden;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.tournamentSection .tournamentHeader .titleWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    align-items: baseline;
    height: 100%;
    margin: 0 20px;
    z-index: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.tournamentSection .tournamentHeader .titleWrapper .title {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    text-align: left;
}
.tournamentSection .tournamentHeader .titleWrapper .description {
    font-size: 18px;
    color: #fff;
    text-align: left;
}
.tournamentSection .tournamentHeader img {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
}
.tournamentSection .onPageTournamentSection {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1250px;
    height: 140px;
    margin-bottom: 20px;
    padding: 20px 30px;
    overflow: hidden;
    background: #272d39;
    border-radius: 2px;
}
.tournamentSection .onPageTournamentSection:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.selector-casino.io/assets/png/Landing/tournamentBackground.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    content: "";
}
.tournamentSection .onPageTournamentSection .tournamentContent {
    position: relative;
    z-index: 1;
    width: 100%;
}
.tournamentSection .onPageTournamentSection .tournamentContent .caption {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 17px;
    white-space: nowrap;
    text-transform: uppercase;
}
.tournamentSection .onPageTournamentSection .tournamentContent .caption .bet {
    display: inline-flex;
    align-items: center;
    color: #2dc53a;
    font-weight: inherit;
    font-size: inherit;
    text-transform: uppercase;
}
.tournamentSection .onPageTournamentSection .tournamentContent .caption .bet .content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.tournamentSection .onPageTournamentSection .tournamentContent .caption .bet .icon {
    width: auto;
    height: auto;
    vertical-align: initial;
}
.tournamentSection .onPageTournamentSection .tournamentContent .caption .bet .icon.widthAuto {
    width: auto;
    height: auto;
    margin-left: 5px;
    vertical-align: initial;
}
.tournamentSection .onPageTournamentSection .tournamentContent .tagLine {
    max-width: 290px;
    color: #ffffffa6;
    white-space: pre-line;
}
.tournamentSection .onPageTournamentSection .tournamentContent .tagLine .timer {
    color: #fff;
}
@media (max-width: 1365px) {
    .tournamentSection .onPageTournamentSection .tournamentContent {
        flex-direction: column;
        align-items: start;
    }
}
@media (max-width: 900px) {
    .tournamentSection .onPageTournamentSection .tournamentContent {
        pointer-events: none;
    }
}
.tournamentSection .onPageTournamentSection .itemFigure {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
    height: 100%;
}
.tournamentSection .onPageTournamentSection .itemFigure img {
    width: auto;
    height: 100%;
    pointer-events: none;
}
@media (max-width: 1200px) {
    .tournamentSection .onPageTournamentSection .itemFigure img {
        opacity: 0.2;
    }
}
.tournamentSection .onPageTournamentSection .itemFigure .btnMore {
    position: absolute;
    right: 30px;
    z-index: 2;
    display: flex;
    height: 40px;
    padding: 9px 20px;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
    background: #20242d;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s ease-in;
}
@media (max-width: 800px) {
    .tournamentSection .onPageTournamentSection {
        height: 124px;
        padding: 20px;
    }
}
.tournamentSection .profileHead {
    padding: 25px;
    background: #2e3542;
    border-radius: 5px 5px 0 0;
}
.tournamentSection .profileHead .loaderBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 200px;
    font-size: 18px;
    text-align: center;
}
.tournamentSection .profileHead .loaderBlock .spinnerBlock {
    position: absolute;
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.tournamentSection .profileHead .headBlock {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}
.tournamentSection .profileHead .headBlock .avatar {
    width: 72px;
    height: 72px;
    margin-bottom: 10px;
}
.tournamentSection .profileHead .headBlock .avatar > div {
    width: 100% !important;
    height: 100% !important;
    font-family: Rubik, Arial, sans-serif;
}
.tournamentSection .profileHead .headBlock h2 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
}
.tournamentSection .profileHead .headBlock .date {
    margin-top: 2px;
    color: #828f9a;
    font-size: 13px;
    text-align: center;
}
.tournamentSection .profileHead .statsBlock {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0 0;
}
.tournamentSection .profileHead .statsBlock .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 180px;
    margin-right: 15px;
    padding: 12px 5px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #3d4656;
    border-radius: 6px;
}
.tournamentSection .profileHead .statsBlock .item .label {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 2px;
    color: #828f9a;
    font-weight: 500;
    font-size: 0.85em;
    text-transform: uppercase;
}
@media (max-width: 360px) {
    .tournamentSection .profileHead .statsBlock .item .label {
        font-size: 0.75em;
    }
}
.tournamentSection .profileHead .statsBlock .item .value {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #047cfc;
    font-weight: 500;
    font-size: 16px;
}
.tournamentSection .profileHead .statsBlock .item .value.positive {
    color: #2dc53a !important;
}
.tournamentSection .profileHead .statsBlock .item .value.neutral {
    color: #047cfc !important;
}
.tournamentSection .profileHead .statsBlock .item .value svg {
    position: relative;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: 3px;
}
@media (max-width: 700px) {
    .tournamentSection .profileHead {
        padding: 20px 10px 10px;
    }
    .tournamentSection .profileHead .statsBlock {
        flex-wrap: wrap;
    }
    .tournamentSection .profileHead .statsBlock .item {
        width: calc(50% - 10px);
        margin: 5px;
    }
}
@media (max-width: 400px) {
    .tournamentSection .profileHead .statsBlock .item .label {
        max-width: 125px;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis;
    }
    .tournamentSection .profileHead .statsBlock .item .value {
        font-size: 13px;
    }
    .tournamentSection .profileHead .statsBlock .item .value svg {
        top: 0;
        width: 11px;
        height: 11px;
        margin-right: 3px;
    }
}
.tournamentSection .raceInfo {
    display: flex;
    background: #2e3542;
}
.tournamentSection .raceInfo .left {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    color: #fff;
    white-space: pre-line;
}
.tournamentSection .raceInfo .left .emoji {
    display: flex;
    align-items: center;
    height: 34px;
    margin-right: 10px;
}
.tournamentSection .raceInfo .left .emoji svg {
    fill: #738198;
    width: 30px;
    height: 30px;
}
.tournamentSection .raceInfo .left span {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 18px;
}
.tournamentSection .raceInfo .left span.places {
    display: inline;
    font-weight: 600;
    color: #fbe228;
}
.tournamentSection .raceInfo .right {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 15px;
    text-align: right;
    background: #373e4c;
}
.tournamentSection .raceInfo .right:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-left: 3px dotted #2e3542;
    content: "";
}
.tournamentSection .raceInfo .right .text {
    white-space: nowrap;
}
.tournamentSection .raceInfo .right .text .stroke {
    color: #738198;
}
.tournamentSection .raceInfo .right .text .stroke .bet {
    display: inline-flex;
    align-items: center;
    color: #2dc53a;
    font-weight: inherit;
    font-size: inherit;
    text-transform: uppercase;
}
.tournamentSection .raceInfo .right .text .stroke .bet .content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.tournamentSection .raceInfo .right .text .stroke .bet .widthAuto {
    width: auto;
    height: auto;
    margin-left: 5px;
    vertical-align: initial;
}
.tournamentSection .raceInfo .right .text .stroke:first-child {
    margin-bottom: 2px;
    color: #fff;
    font-size: 15px;
}
@media (max-width: 700px) {
    .tournamentSection .raceInfo {
        flex-direction: column;
    }
    .tournamentSection .raceInfo .left {
        width: 100%;
    }
    .tournamentSection .raceInfo .right {
        justify-content: center;
        width: 100%;
        margin: 0;
        overflow: hidden;
    }
    .tournamentSection .raceInfo .right:before {
        width: 100%;
        height: 0;
        border: 0;
        border-top: 3px dotted #2e3542;
    }
    .tournamentSection .raceInfo .right .text {
        text-align: center;
    }
}
.tournamentSection .logContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 1124px) {
    .tournamentSection .logContainer {
        flex-direction: column;
    }
}
@media (max-width: 900px) {
    .tournamentSection .logContainer {
        padding-bottom: 0;
    }
}
.tournamentSection .logContainer .logComponent {
    width: 100%;
    height: 100%;
    color: #828f9a;
    background: #272d39;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
@media (max-width: 1124px) {
    .tournamentSection .logContainer .logComponent {
        width: 100%;
    }
}
.tournamentSection .logContainer .logComponent .logNav {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background: #2d3340;
    border-radius: 5px 5px 0 0;
}
.tournamentSection .logContainer .logComponent .logNav .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    margin: 0 10px;
    color: #828f9a;
    font-size: 13px;
    text-transform: uppercase;
    background: transparent;
    border-radius: 100px;
}
.tournamentSection .logContainer .logComponent .logNav .btn:not(.active):hover {
    color: #fff;
}
.tournamentSection .logContainer .logComponent .logNav .btn.active {
    color: #fff;
    background: #047cfc;
}
@media (max-width: 600px) {
    .tournamentSection .logContainer .logComponent .logNav .btn {
        height: 32px;
        margin: 0;
        font-size: 12px;
    }
}
.tournamentSection .logContainer .logComponent .logWrapper {
    position: relative;
    height: calc(100% - 100px);
    min-height: 320px;
    padding: 5px 25px 0;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager {
    height: calc(100% - 95px);
    overflow: hidden;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager.isLoading tbody {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    pointer-events: none;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list {
    position: relative;
    height: 100%;
    overflow-x: scroll;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list.isLoader {
    min-height: 500px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    font-size: 18px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .empty h4 {
    font-size: 24px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .loaderBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    font-size: 18px;
    text-align: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .loaderBlock .spinnerBlock {
    position: absolute;
    top: calc(50% - 2.5rem);
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable {
    width: 100%;
    color: #fff;
    table-layout: auto;
    border-collapse: initial;
    border-spacing: 0;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable tr:last-child td {
    border-bottom: none;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th {
    width: 25%;
    height: 36px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #2f3543;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th:first-child {
    width: 1px;
    white-space: nowrap;
    text-align: left;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th:nth-child(2) {
    text-align: left;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th:last-child {
    text-align: right;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value {
    z-index: 1;
    color: #5e6a7f;
    text-transform: uppercase;
    cursor: pointer;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th .value svg {
    margin-bottom: 1px;
    margin-left: 7px;
    fill: #5e6a7f;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td {
    width: 25%;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    text-align: center;
    border-bottom: 1px solid #2d3340;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:first-child {
    width: 0%;
    padding-right: 10px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user {
    display: flex;
    align-items: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user .rank {
    margin-right: 10px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user .avatarBlock .avatar {
    width: 45px !important;
    height: 45px !important;
    margin-right: 10px;
    border-radius: 10px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user .avatarBlock img {
    background: #20242d;
    padding: 5px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user img {
    width: 15px;
    height: 15px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user .userInfo {
    display: flex;
    align-items: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user .userRank {
    flex: 0 0 15px;
    height: 15px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user .userRank > svg {
    width: 100%;
    height: 100%;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user button {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    background: initial;
    transition: transform 0.1s ease-in-out;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user button:active {
    transform: scale(0.95);
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user button:hover {
    color: #fff;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user button .name {
    position: relative;
    display: inline;
    white-space: nowrap;
}
@media (max-width: 1000px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user button .name {
        display: block;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user button .name.my {
    color: #fff !important;
    background: #0472fd;
    padding: 3px 10px;
    border-radius: 5px;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td svg {
    margin-right: 3px;
    color: #5e6a7f;
    font-size: inherit;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.default {
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.positive {
    color: #2dc53a;
    font-weight: 500;
    white-space: nowrap;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.positive svg {
    color: #2dc53a;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:first-child {
    text-align: left;
    color: #738198;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:last-child {
    text-align: right;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.date {
    display: inline-block;
    text-align: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system {
    display: flex;
    align-items: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system.popover {
    display: flex;
    align-items: center;
    color: #fff;
    background: transparent;
    border: 0;
    outline: none;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system.popover .icon {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin-left: 4px;
    text-align: center;
    background: transparent;
    cursor: pointer;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td.system.popover .icon svg {
    display: block;
    width: 13px;
    height: 13px;
}
@media (max-width: 900px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td,
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th {
        padding: 0 10px;
        text-wrap: nowrap;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:first-child,
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th:first-child {
        padding-right: 0;
    }
}
@media (max-width: 700px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td {
        font-size: 11px;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .user button {
        font-size: 12px;
    }
}
@media (max-width: 500px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td .avatarBlock {
        display: none;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td,
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th {
        padding: 0 8px;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable td:nth-child(2),
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logTable th:nth-child(2) {
        padding-left: 5px;
    }
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll {
    overflow-x: scroll;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable {
    width: 100%;
    color: #fff;
    border-collapse: initial;
    border-spacing: 0;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th {
    width: 33.3%;
    height: 36px;
    color: #5e6a7f;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #2f3543;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:first-child {
    text-align: left;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:last-child {
    text-align: right;
}
@media (max-width: 800px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:nth-child(2) {
        text-align: left;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:nth-child(1) {
        display: none;
    }
}
@media (max-width: 500px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:nth-child(3) {
        text-align: right;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th:nth-child(4) {
        display: none;
    }
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td {
    width: 33.3%;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: center;
    border-bottom: 1px solid #2e3542;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td svg {
    margin-right: 3px;
    color: #5e6a7f;
    font-size: inherit;
}
@media (max-width: 800px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:nth-child(2) {
        text-align: left;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:nth-child(1) {
        display: none;
    }
}
@media (max-width: 500px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:nth-child(4) {
        display: none;
    }
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:nth-child(3) {
        text-align: right;
    }
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.default {
    color: #828f9a;
    font-weight: 700;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.positive {
    color: #2dc53a;
    font-weight: 700;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:first-child {
    text-align: left;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td:last-child {
    text-align: right;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.date {
    display: inline-block;
    text-align: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system {
    display: flex;
    align-items: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system.popover {
    display: flex;
    align-items: center;
    color: #fff;
    background: transparent;
    border: 0;
    outline: none;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system.popover .icon {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin-left: 4px;
    text-align: center;
    background: transparent;
    cursor: pointer;
}
.tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td.system.popover .icon svg {
    display: block;
    width: 13px;
    height: 13px;
}
@media (max-width: 900px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td,
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th {
        padding: 0 10px;
    }
}
@media (max-width: 400px) {
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable td,
    .tournamentSection .logContainer .logComponent .logWrapper .withPager .list .logScroll .logTable th {
        font-size: 12px;
    }
}
.tournamentSection .logContainer .logComponent .logWrapper .pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    list-style: none;
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .inputBlock {
    display: flex;
    align-items: center;
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .inputBlock .inputField {
    max-width: 45px;
    height: 40px;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
}
@media (max-width: 900px) {
    .tournamentSection .logContainer .logComponent .logWrapper .pager .inputBlock .inputField {
        max-width: 40px;
        height: 35px;
    }
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: -1px;
    padding: 0 12px;
    color: #828f9a;
    line-height: 1.25;
    background: none;
    border: 1px solid #2d3340;
    border-radius: 5px;
    cursor: pointer;
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn:hover {
    color: #fff;
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn svg {
    display: block;
    width: 12px;
    height: 12px;
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn:first-child svg {
    margin-right: 3px;
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn:last-child svg {
    margin-left: 3px;
    transform: scale(-1);
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn > span {
    display: flex;
    align-items: center;
    line-height: 0;
}
.tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
@media (max-width: 900px) {
    .tournamentSection .logContainer .logComponent .logWrapper .pager .pagerBtn {
        height: 35px;
    }
}
@media (max-width: 900px) {
    .tournamentSection .logContainer .logComponent .logWrapper .pager {
        padding: 15px;
    }
}
@media (max-width: 900px) {
    .tournamentSection .logContainer .logComponent .logWrapper {
        padding: 5px 5px 0;
    }
}
.tournamentsContainer {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #272d39;
    border-radius: 6px;
}
.tournamentsContainer .headerBlock {
    position: relative;
    margin: -25px -25px 0;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    background: #2e3542;
    border-radius: 6px 6px 0 0;
}
.tournamentsContainer .headerBlock .caption {
    position: relative;
    margin-top: -3px;
}
.tournamentsContainer .headerBlock .caption h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 22px;
}
.tournamentsContainer .headerBlock .info {
    position: relative;
    color: #aab0bd;
    font-weight: 400;
    font-size: 15px;
}
.tournamentsContainer .headerBlock:after {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 30%;
    height: 300%;
    margin-left: -15%;
    background: #ffffff08;
    transform: rotate(25deg);
    content: "";
}
.tournamentsContainer .tournamentsBlock {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.tournamentsContainer .tournamentsBlock .item {
    width: 33.33333%;
    margin-top: 30px;
    padding: 0 15px;
}
.tournamentsContainer .tournamentsBlock .item .box {
    position: relative;
    align-items: center;
    width: 100%;
    background: #2e3542;
    border-radius: 5px;
}
.tournamentsContainer .tournamentsBlock .item .box .image .labels {
    position: absolute;
}
.tournamentsContainer .tournamentsBlock .item .box .image .labels .badge {
    padding: 5px 15px 5px 5px;
    font-size: 12px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 25px;
}
.tournamentsContainer .tournamentsBlock .item .box .image .labels .badge.tournament {
    color: inherit;
    background-color: #337cff;
}
.tournamentsContainer .tournamentsBlock .item .box .image .labels .badge.weekend_tournament {
    background-color: #e8650b;
}
@media (max-width: 480px) {
    .tournamentsContainer .tournamentsBlock .item .box .image .labels .badge {
        font-size: 10px;
    }
}
.tournamentsContainer .tournamentsBlock .item .box .image img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tournamentsContainer .tournamentsBlock .item .box .info {
    position: relative;
    align-items: center;
    padding: 15px;
    font-size: 13px;
}
.tournamentsContainer .tournamentsBlock .item .box .info .col {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 8px;
    color: #828f9a;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
}
.tournamentsContainer .tournamentsBlock .item .box .info .col span {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
}
.tournamentsContainer .tournamentsBlock .item .box .info .col span.ended {
    color: #f54949;
}
.tournamentsContainer .tournamentsBlock .item .box .info .col span.active {
    color: #2dc53a;
}
.tournamentsContainer .tournamentsBlock .item .box .info .col span svg {
    margin-bottom: 2px;
}
@media (min-width: 600px) and (max-width: 800px) {
    .tournamentsContainer .tournamentsBlock .item .box .info .col {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    .tournamentsContainer .tournamentsBlock .item .box .info .col {
        font-size: 12px;
    }
}
.tournamentsContainer .tournamentsBlock .item .box .info .col .nubmer {
    display: inline-block;
    padding-left: 22px;
}
.tournamentsContainer .tournamentsBlock .item .box .date {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
    text-align: center;
    background: #2e3542;
    border-radius: 0 0 6px 6px;
}
.tournamentsContainer .tournamentsBlock .item .box .date .time {
    position: relative;
    color: #828f9a;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
}
.tournamentsContainer .tournamentsBlock .item .box .date .time span {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: none;
}
.tournamentsContainer .tournamentsBlock .item .box .date .btn {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 110px;
    height: 40px;
    margin-left: auto;
    padding: 0;
    color: #fff;
    font-weight: 400;
    line-height: 40px;
    border: 1px solid hsla(0, 0%, 100%, 0.09);
}
@media (max-width: 1490px) {
    .tournamentsContainer .tournamentsBlock .item {
        width: 50%;
    }
}
@media (max-width: 600px) {
    .tournamentsContainer .tournamentsBlock .item {
        width: 100%;
    }
}
@media (min-width: 900px) and (max-width: 1024px) {
    .tournamentsContainer .tournamentsBlock .item {
        width: 100%;
    }
}
@media (max-width: 900px) {
    .tournamentsContainer {
        padding: 15px;
    }
    .tournamentsContainer .headerBlock {
        margin: -15px -15px 0;
        padding: 20px;
    }
    .tournamentsContainer .headerBlock .caption h1 {
        font-size: 20px;
    }
    .tournamentsContainer .headerBlock .info {
        font-size: 13px;
    }
}
.tournamentsContainer .nothingFound {
    position: relative;
    width: calc(100% + 15px);
    min-height: 150px;
    margin-top: 135px;
    color: #828f9a;
    font-weight: 500;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}
.staticGameLoader .loaderBlock {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #191d24;
}
.staticGameLoader .loaderBlock .logo {
    position: absolute;
    top: calc(50% - 6.5rem);
    left: calc(50% - 5rem);
    display: block;
    width: 10rem;
    height: 10rem;
    opacity: 0.75;
    pointer-events: none;
}
.staticGameLoader .loaderBlock .spinnerBlock {
    position: absolute;
    top: calc(50% + 2.5rem);
    left: 25%;
    display: block;
    width: 50%;
    opacity: 0.75;
    pointer-events: none;
}
.loaderComponent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 4.75rem;
    height: 0.75rem;
    margin: auto;
    background-color: #20242d;
    border-radius: 4rem;
}
.loaderComponent.dark {
    background-color: #1c2028;
}
.loaderComponent .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #047cfc;
    border-radius: 4rem;
    animation: loaderAnimation 0.8s infinite;
    will-change: left, right;
}
.spinner {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid transparent;
    border-top: 2px solid #748198;
    border-right: 2px solid #748198;
    border-bottom: 2px solid #748198;
    border-radius: 100%;
    animation: spin 1s linear infinite;
}
@keyframes loaderAnimation {
    0% {
        right: 4rem;
        left: 0.125rem;
    }
    5% {
        left: 0.125rem;
    }
    50% {
        right: 0.125rem;
        left: 4rem;
    }
    55% {
        right: 0.125rem;
    }
    to {
        right: 4rem;
        left: 0.125rem;
    }
}
.d-none {
    display: none !important;
}
.text-white {
    color: #fff !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.pt-2 {
    padding-top: 0.5rem !important;
}
a:not([href]) {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 901px) {
    a:not([href]):hover {
        color: inherit;
        text-decoration: none;
    }
}
.swiper {
    width: 100%;
}
.TooltipContent {
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1;
    color: #000;
    background-color: #fff;
    box-shadow: #0e121659 0 10px 38px -10px, #0e121633 0 10px 20px -15px;
    -webkit-user-select: none;
    user-select: none;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;
    z-index: 99999;
}
.TooltipContent > span {
    padding: 0 !important;
}
.TooltipContent[data-state="delayed-open"][data-side="top"] {
    animation-name: slideDownAndFade;
}
.TooltipContent[data-state="delayed-open"][data-side="right"] {
    margin-left: 10px;
    animation-name: slideLeftAndFade;
}
.TooltipContent[data-state="delayed-open"][data-side="bottom"] {
    animation-name: slideUpAndFade;
}
.TooltipContent[data-state="delayed-open"][data-side="left"] {
    animation-name: slideRightAndFade;
}
.TooltipArrow {
    fill: #fff;
}
@keyframes slideUpAndFade {
    0% {
        opacity: 0;
        transform: translateY(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideRightAndFade {
    0% {
        opacity: 0;
        transform: translate(-2px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes slideDownAndFade {
    0% {
        opacity: 0;
        transform: translateY(-2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideLeftAndFade {
    0% {
        opacity: 0;
        transform: translate(2px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.AccordionTrigger {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    text-align: left;
    border-radius: 5px;
    cursor: pointer;
}
.AccordionTrigger svg.pointer {
    flex-shrink: 0;
    transform: rotate(-90deg);
    transition: transform 0.2s ease;
}
.AccordionTrigger[data-state="open"] svg.pointer {
    transform: rotate(0);
}
.AccordionContent {
    overflow: hidden;
}
.AccordionContent__content {
    padding: 12px 16px;
    color: #b1bad3;
    font-size: 14px;
}
.AccordionContent[data-state="closed"] {
    animation: accordionUp 0.2s ease-out;
}
.AccordionContent[data-state="open"] {
    animation: accordionDown 0.2s ease-out;
}
.AccordionItem {
    background-color: #272c38;
    border-radius: 5px;
}
.AccordionItem:not(:last-of-type) {
    margin-bottom: 0.5rem;
}
@keyframes accordionDown {
    0% {
        height: 0;
    }
    to {
        height: var(--radix-accordion-content-height);
    }
}
@keyframes accordionUp {
    0% {
        height: var(--radix-accordion-content-height);
    }
    to {
        height: 0;
    }
}
.ClubModalPrivilegeTab {
    width: 100%;
    max-height: 356px;
    padding: 0;
    overflow-y: scroll;
}
.ClubModalPrivilegeTab__trigger {
    background-color: #2d3340;
    border-radius: 5px;
}
.ClubModalPrivilegeTab__trigger_content {
    display: flex;
    gap: 10px;
    align-items: center;
}
.ClubModalPrivilegeTab__trigger_content span {
    text-transform: capitalize;
}
.ClubModalPrivilegeTab__content {
    background-color: #2d3340;
    border-top: 1px solid #2f4553;
}
.ClubModalPrivilegeTab__content ul {
    list-style-position: inside;
}
.CardContainer {
    border-radius: 10px;
    padding: 7px;
    background-image: linear-gradient(to bottom, #404858, #272d39);
    max-width: 384px;
    min-width: 240px;
    width: 100%;
    aspect-ratio: 16/9;
}
.CardContainer__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: #1c2028;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
}
.CardContainer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.CardContainer__header h3 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
}
.CardContainer__header img {
    width: 20px;
    height: 20px;
}
.CardContainer__header svg.icon {
    width: 20px;
    height: 20px;
}
.CardContainer__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.CardContainer__body .Percentage {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}
.CardContainer__body .Percentage__link {
    transition: 0.2s all ease;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
.CardContainer__body .Percentage__link:hover {
    transform: translate(8px);
}
.CardContainer__body .Percentage__text {
    margin-left: auto;
    font-weight: 600;
}
.CardContainer__body .Percentage div[data-state] .icon {
    fill: #738198;
}
.CardContainer__body .Percentage div[data-state] .icon:hover {
    fill: #fff;
}
.CardContainer__body .ProgressBar {
    position: relative;
    width: 100%;
    height: 12px;
    overflow: hidden;
    background-color: #272d39;
    border-radius: 10px;
}
.CardContainer__body .ProgressBar__fill {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #738198;
    border-radius: 10px;
    box-shadow: 0 10px 15px #0000001a;
}
.CardContainer__body .ProgressBar__fill.bronze {
    background-color: #ab5d30;
}
.CardContainer__body .ProgressBar__fill.silver {
    background-color: #4d7bcd;
}
.CardContainer__body .ProgressBar__fill.gold {
    background-color: #ffd40e;
}
.CardContainer__body .ProgressBar__fill.platinum {
    background-color: #077cfc;
}
.CardContainer__body .ProgressBar__fill.diamond {
    background-color: #7625f4;
}
.CardContainer__body .ProgressBar__fill.elite {
    background-color: #ff3c38;
}
.CardContainer__body .Ranks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.CardContainer__body .Ranks div {
    display: flex;
    gap: 5px;
    align-items: center;
}
.CardContainer__body .Ranks__current,
.CardContainer__body .Ranks__next {
    font-weight: 600;
}
.ClubModalProgressTab {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.ClubModalProgressTab h2 {
    margin: 0 auto 0 0;
    color: #fff;
    font-size: 18px;
}
.ClubModalProgressTab__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-self: start;
    list-style-type: none;
}
.ClubModalProgressTab__listItem {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.ClubModalProgressTab__listItem .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #1c2028;
    border-radius: 5px;
}
.ClubModalProgressTab__listItem .icon svg {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
}
.ClubModalProgressTab__listItem h3,
.ClubModalProgressTab__listItem p {
    margin: 0;
}
.ClubModalProgressTab__listItem h3 {
    color: #fff;
    font-size: 14px;
}
.ClubModalProgressTab__listItem p {
    font-size: 14px;
}
.ClubVipModal__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    padding: 25px;
}
.ClubVipModal__nav {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px;
    background-color: #1c2028;
    border-radius: 5px;
}
.ClubVipModal__navBtn {
    padding: 13px 16px;
    border-radius: 5px;
    cursor: pointer;
}
.ClubVipModal__navBtn.active {
    background-color: #373e4c;
    transition: all 0.3s ease;
}
.ClubVipModal__link {
    width: 100%;
    padding: 18px;
    text-align: center;
    transition: all 0.2s ease;
}
.ClubVipModal__link:hover {
    color: #fff !important;
}
[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}
.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}
.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table;
}
.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}
.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}
[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}
.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}
.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
    transition-delay: 0s;
    transition-duration: 0s;
}
.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}
.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}
.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}
.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}
.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.confirmationContainer .confirmationContainerHeader {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.confirmationContainer .confirmationContainerHeader .header-content h3 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.confirmationContainer .actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.confirmationContainer .actions .btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #fff;
}
.confirmationContainer .actions .btn .icon {
    height: 1.25rem;
    width: 1.25rem;
    margin-bottom: 1px;
}
.confirmationContainer .actions .divider {
    display: flex;
    align-items: center;
}
.confirmationContainer .actions .divider .divider-line {
    flex: 1;
    height: 1px;
    background-color: #334155;
}
.confirmationContainer .actions .divider span {
    padding: 0 1rem;
    color: #64748b;
    font-size: 0.875rem;
}
.confirmationContainer .footer-text {
    font-size: 0.875rem;
    color: #64748b;
    text-align: center;
    margin-top: 1rem;
}
.RangeSliderContainer {
    position: relative;
    width: 100%;
    height: 45px;
}
.RangeSliderRoot {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
    height: 20px;
    background: #1c2028;
    border-radius: 5px;
}
.RangeSliderTrack {
    position: relative;
    flex-grow: 1;
    border-radius: 5px 0 0 5px;
    height: 15px;
}
.RangeSliderRange {
    position: absolute;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    height: 100%;
}
.RangeSliderThumb {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    margin-left: 3px;
    border-radius: 5px;
}
.RangeSliderThumb:hover {
    background-color: #006afe;
}
.RangeSliderThumb:focus {
    outline: none;
}
.RangeSliderValueDisplay {
    position: absolute;
    top: 25px;
    background-color: #fff;
    color: #1c2028;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    transform: translate(-50%);
}
.fortune-btn {
    position: absolute;
    bottom: 30px;
    left: 38px;
    z-index: 1;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: center;
    cursor: pointer;
    transition: all 0.5s;
}
.fortune-btn img {
    width: 100%;
    max-width: 100%;
    transform-origin: center;
    transition: all 0.5s;
}
.fortune-btn__icon {
    transition: transform 0.5s;
}
.fortune-btn__icon:hover,
.fortune-btn__icon.active {
    transform: translate(35px);
}
.fortune-btn__icon:hover img,
.fortune-btn__icon.active img {
    transform: rotate(60deg);
}
.fortune-btn.open {
    left: 192px;
}
@media (max-width: 900px) {
    .fortune-btn {
        bottom: 50px;
        left: -34px;
    }
    .fortune-btn__icon:hover,
    .fortune-btn__icon.active {
        transform: translate(37px);
    }
    .fortune-btn.open {
        left: -11.25px;
    }
}
@media (max-width: 400px) {
    .fortune-btn___icon:hover,
    .fortune-btn___icon.active {
        transform: translate(7.5px);
    }
    .fortune-btn.open {
        left: -7.5px;
    }
}
@media (min-width: 900px) {
    .full .fortune-btn {
        left: -30px;
    }
}
:root {
    --PhoneInput-color--focus: #03b2cb;
    --PhoneInputInternationalIconPhone-opacity: 0.8;
    --PhoneInputInternationalIconGlobe-opacity: 0.65;
    --PhoneInputCountrySelect-marginRight: 0.35em;
    --PhoneInputCountrySelectArrow-width: 0.3em;
    --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
    --PhoneInputCountrySelectArrow-borderWidth: 1px;
    --PhoneInputCountrySelectArrow-opacity: 0.45;
    --PhoneInputCountrySelectArrow-color: currentColor;
    --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountrySelectArrow-transform: rotate(45deg);
    --PhoneInputCountryFlag-aspectRatio: 1.5;
    --PhoneInputCountryFlag-height: 1em;
    --PhoneInputCountryFlag-borderWidth: 1px;
    --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);
    --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);
}
.PhoneInput {
    display: flex;
    align-items: center;
}
.PhoneInputInput {
    flex: 1;
    min-width: 0;
}
.PhoneInputCountryIcon {
    width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
    height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
    width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
    background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
    display: block;
    width: 100%;
    height: 100%;
}
.PhoneInputInternationalIconPhone {
    opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
    opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
.PhoneInputCountry {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border: 0;
    opacity: 0;
    cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
    cursor: default;
}
.PhoneInputCountrySelectArrow {
    display: block;
    content: "";
    width: var(--PhoneInputCountrySelectArrow-width);
    height: var(--PhoneInputCountrySelectArrow-width);
    margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
    border-style: solid;
    border-color: var(--PhoneInputCountrySelectArrow-color);
    border-top-width: 0;
    border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    border-left-width: 0;
    border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    transform: var(--PhoneInputCountrySelectArrow-transform);
    opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.slotCard {
    position: relative;
    width: 100%;
    transform-origin: center;
    will-change: transform;
}
.slotCard.disabled {
    pointer-events: none;
}
.slotCard.placeholder .img {
    background: #1c2028 !important;
}
.slotCard.placeholder .card .thumb .online {
    display: none;
}
.slotCard.big {
    width: 16%;
}
@media (min-width: 1186px) and (max-width: 1624px) {
    .slotCard.big {
        width: 19%;
    }
}
@media (min-width: 984px) and (max-width: 1185px) {
    .slotCard.big {
        width: 24%;
    }
}
@media (min-width: 901px) and (max-width: 983px) {
    .slotCard.big {
        width: 32.33%;
    }
}
@media (min-width: 791px) and (max-width: 900px) {
    .slotCard.big {
        width: 19%;
    }
}
@media (min-width: 636px) and (max-width: 790px) {
    .slotCard.big {
        width: 24%;
    }
}
@media (min-width: 484px) and (max-width: 635px) {
    .slotCard.big {
        width: 32.33%;
    }
}
@media (min-width: 320px) and (max-width: 483px) {
    .slotCard.big {
        width: 48.5%;
    }
}
.slotCard .card {
    position: relative;
    display: block;
    width: 100%;
    transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
    transition: transform 0.1s linear, -webkit-transform 0.1s linear;
    -webkit-tap-highlight-color: transparent;
}
.slotCard .card.lock {
    cursor: default;
    pointer-events: none;
}
.slotCard .card.soon {
    overflow: hidden;
    opacity: 0.4;
    pointer-events: none;
}
.slotCard .card .gameSoon {
    position: absolute;
    top: 50%;
    left: -10%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120%;
    height: 35%;
    padding-bottom: 4px;
    color: #fff;
    font-size: 18px;
    font-family: "Exo 2", Open Sans, sans-serif;
    background: #353c4a;
    -webkit-transform: rotate(-15deg) translateY(-50%);
    transform: rotate(-15deg) translateY(-50%);
    opacity: 0.9;
}
.slotCard .card .thumb {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 132%;
    overflow: hidden;
    border-radius: 10px;
    transform-origin: center;
    transition: transform 0.1s linear;
    will-change: transform;
}
.slotCard .card .thumb .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition-delay: 0.4s;
    transition-property: filter;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slotCard .card .thumb .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slotCard .card .thumb .img .title {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-self: flex-end;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 10px;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
.slotCard .card .thumb .img .title p {
    margin: auto 0 0;
    font-size: 16px;
}
.slotCard .card .thumb .online {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 4px 10px 2px 13px;
    color: #fff;
    font-size: 12px;
    background: #00000059;
    border-radius: 18px 0 0;
}
.slotCard .card .thumb .online svg {
    margin: -1px 3px 0 0;
    font-size: 9px;
}
.slotCard .card .thumb .badge {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    padding: 1% 10%;
    color: #fff;
    font-weight: 500;
    font-size: 80%;
    line-height: 16px;
}
.slotCard .card .thumb .badge.right {
    right: 0;
    border-radius: 0 0 0 25px;
}
.slotCard .card .thumb .badge.left {
    left: 0;
    border-radius: 0 0 25px;
}
.slotCard .card .thumb .badge.new {
    color: #fff;
    background-color: #1070e3;
}
.slotCard .card .thumb .badge.newYear {
    top: auto;
    bottom: 0;
    left: 0;
    padding: 5px;
    background-color: transparent;
}
.slotCard .card .thumb .badge.top {
    color: #fff;
    background: #219a19;
}
.slotCard .card .thumb .badge.select {
    color: #fff;
    background: #ff5722;
}
.slotCard .card .thumb .badge.tournament {
    color: #000;
    background: #fce820;
}
.slotCard .card .thumb .badge.rtpUp {
    padding-right: 10px;
    color: #fff;
    background: #dc3545;
}
.slotCard .card .thumb .badge.rtpUp svg {
    margin-left: 2px;
    transform: rotate(270deg) scale(1.5);
}
.slotCard .card .thumb .badge.crash {
    color: #000;
    background: #ffd30e;
}
.slotCard .card .thumb .badge.live {
    color: #fff;
    background: #6da1ff;
}
.slotCard .card .thumb .badge.jackpot {
    color: #fff;
    background: #bf3632;
}
.slotCard .card .thumb .badge.minbet {
    padding-right: 10px;
    color: #fff;
    background: #8b3ffd;
}
.slotCard .card .thumb .badge.minbet svg {
    margin-left: 2px;
    transform: rotate(270deg) scale(1.5);
}
.slotCard .card .thumb .badge.halloween {
    color: #fff;
    background: #df710c;
}
.slotCard .card .bottom {
    margin: 1px;
}
.slotCard .card .bottom .name {
    overflow: hidden;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.slotCard .card .bottom .provider {
    overflow: hidden;
    color: #ffffff70;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (min-width: 901px) {
    .slotCard .card:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}
.slotCard .playerCount {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0 auto 0 auto;
    margin-top: 10px;
}
.slotCard .playerCount .playerText {
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #738198;
}
.slotCard .playerCount .pulseDot {
    width: 6.5px;
    height: 6.5px;
    position: relative;
    margin-left: 2px;
    animation: pulse 1s infinite ease-out;
    z-index: 1;
    background: #1fff20;
    border-radius: 50%;
}
.slotCard .playerCount .playerNumber {
    font-weight: 600;
    text-align: left;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
}
.slotCard__restricted {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-align: center;
    background-color: #191c24cc;
    border-radius: 10px;
    pointer-events: none;
}
.slotCard__restricted svg {
    height: auto;
    margin-bottom: 10px;
}
.slotCard__restricted svg path {
    fill: #fff;
}
.slotCard__restricted span {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
@media (max-width: 1578px) {
    .slotCard__restricted svg {
        width: 35%;
    }
    .slotCard__restricted span {
        font-size: 12px;
    }
}
@media (max-width: 1400px) {
    .slotCard__restricted svg {
        width: 30%;
    }
    .slotCard__restricted span {
        font-size: 10px;
    }
}
@media (max-width: 1100px) {
    .slotCard__restricted span {
        font-size: 12px;
    }
}
@media (max-width: 400px) {
    .slotCard__restricted span {
        font-size: 10px;
    }
}
.lobby-games__list {
    display: grid;
    grid-gap: 20px 10px;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    overflow: visible !important;
}
.lobby-games__list .loaderBlock {
    min-height: 150px;
    margin-top: calc(150px - 5rem);
}
.lobby-games__list.static .gameWrapper .gameBlock:hover .imgBlock {
    filter: none;
}
@media (max-width: 1360px) {
    .lobby-games__list {
        grid-template-columns: repeat(auto-fill, minmax(127px, 1fr));
    }
}
@media (max-width: 600px) {
    .lobby-games__list {
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fill, minmax(103px, 1fr));
    }
}
@media (max-width: 400px) {
    .lobby-games__list {
        grid-gap: 10px 5px;
        grid-template-columns: repeat(3, 1fr);
    }
}
.lobby-games__container {
    height: 100%;
}
.lobby-games__more {
    display: block;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 10px 25px;
    font-size: 16px;
}
.nothingFound {
    position: relative;
    width: calc(100% + 15px);
    min-height: 150px;
    margin-top: 135px;
    color: #828f9a;
    font-weight: 500;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}
.search-lobby {
    position: relative;
    width: 100%;
}
.search-lobby__wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: auto;
    margin: 0;
    padding: 0;
}
.search-lobby__wrapper .inputField {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    padding-right: 10px;
}
.search-lobby__wrapper .inputField svg {
    margin-right: 10px;
    fill: #828f9a;
}
.search-lobby__wrapper .inputField input {
    padding: 0;
}
.search-lobby__wrapper .inputField::placeholder {
    color: #828f9a;
}
.search-lobby__close {
    position: absolute;
    top: 50%;
    right: 12px;
    height: 12px;
    transform: translateY(-50%);
    cursor: pointer;
}
.search-lobby__close button {
    cursor: pointer;
}
.search-lobby__close svg {
    display: block;
    width: 12px;
    height: 12px;
    transition: all 0.3s;
    fill: #ffffff21;
}
@media (min-width: 901px) {
    .search-lobby__close:hover svg {
        fill: #fff;
    }
}
.search-results-portal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #00000080;
}
.search-results-portal .search-lobby__wrapper {
    margin-bottom: 5px;
}
.results-container {
    padding: 1rem 0;
    background-color: #1c2028;
}
.results-container .nothingFound {
    width: 100%;
    min-height: auto;
    margin-top: 0;
    padding: 20px 0;
    font-size: 14px;
}
.results-container .lobby-games__list {
    grid-template-columns: repeat(auto-fill, minmax(129px, 1fr));
    max-height: 400px;
    padding: 0 1rem;
    overflow: auto !important;
}
@media (max-width: 1300px) {
    .results-container .lobby-games__list {
        grid-template-columns: repeat(auto-fill, minmax(101px, 1fr));
    }
}
.search-results-wrapper {
    position: absolute;
    z-index: 1000;
}
.search-results-history {
    margin-top: 20px;
    padding: 0 14px;
    color: #828f9a;
}
.search-results-history button {
    color: inherit;
    cursor: pointer;
    transition: 0.3s;
}
@media (min-width: 901px) {
    .search-results-history button:hover {
        color: #fff;
    }
}
.search-results-history__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    font-weight: 500;
}
.search-results-history__header p {
    margin-bottom: 0;
}
.search-results-history__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.search-results-history__item {
    margin-right: 10px;
    padding: 5px 10px;
    background-color: #272d39;
    border-radius: 10px;
}
.search-results-history__item button:first-child {
    margin-right: 5px;
}
.search-results-history__item svg {
    width: 10px;
    height: 10px;
}
@media (max-width: 900px) {
    .search-results-portal {
        z-index: 500 !important;
        background-color: transparent;
    }
    .search-lobby {
        margin-top: 20px;
        padding: 0 15px;
    }
    .search-lobby__wrapper {
        margin-bottom: 0;
    }
    .search-lobby__wrapper .inputField {
        border-color: #373e4c;
    }
    .search-results-wrapper {
        left: 0 !important;
        display: flex;
        flex-direction: column;
        width: 100% !important;
        padding: 0 15px;
        background-color: #1c2028;
    }
    .search-results-wrapper .search-lobby {
        margin-top: 0;
        padding: 0;
    }
    .results-container {
        flex: 1 1 auto;
        margin: 1rem 0;
        padding: 0 0 40px;
        overflow: hidden;
    }
    .results-container > div {
        height: 100%;
    }
    .results-container .nothingFound {
        width: 100% !important;
    }
    .results-container .infinite-scroll-component__outerdiv {
        height: 100%;
    }
    .results-container .lobby-games__list {
        max-height: none;
        padding: 0 5px 20px;
        overflow: auto !important;
    }
}
@media (max-width: 1200px) {
    .leftWrapperPadding {
        margin-left: 66.5px;
    }
}
.leftWrapperPadding .overlay {
    position: fixed;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}
@media screen and (max-width: 1200px) and (min-width: 900px) {
    .leftWrapperPadding .overlay {
        display: block;
    }
}
.leftWrapper {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 222px;
    height: 100vh;
    overflow-wrap: break-word;
    background-color: #1c2028;
    transition: all 0.3s ease;
}
.leftWrapper .spinner {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid #748198;
    border-right: 2px solid #748198;
    border-bottom: 2px solid #748198;
    border-radius: 100%;
    animation: spin 1s linear infinite;
}
.leftWrapper .leftBarAccordion .AccordionContent {
    background-color: #272d39;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.leftWrapper .leftBarAccordion .AccordionContent[data-state="open"] {
    animation: slideDown 0.1s ease-in-out;
}
.leftWrapper .leftBarAccordion .AccordionContent[data-state="closed"] {
    animation: slideUp 0.1s ease-in-out;
}
.leftWrapper .leftBarLinkWrap {
    font-weight: 500;
}
.leftWrapper .leftBarButton span {
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}
.leftWrapper .leftBarButton.current {
    background: #2d3340;
}
.leftWrapper .leftBarAccordionActive {
    background-color: #272d39;
    border-radius: 5px;
}
.leftWrapper .borderBottomActive {
    border-bottom: 2px solid #2d3340;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.leftWrapper .borderBottomActive:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.leftWrapper.open .leftBarLinkWrap {
    margin-right: 16px;
}
@media (max-width: 900px) {
    .leftWrapper.open .leftBarLinkWrap {
        margin-right: 0;
    }
}
@media (min-width: 900px) {
    .leftWrapper.collapsed {
        width: 4.75rem;
    }
    .leftWrapper.collapsed .spinner {
        width: 7px;
        height: 7px;
        border: 1px solid transparent;
        border-top: 1px solid #748198;
        border-right: 1px solid #748198;
        border-bottom: 1px solid #748198;
    }
    .leftWrapper.collapsed .leftBarAccordionIcon {
        position: absolute;
        right: 2px;
        height: 10px;
        width: 10px;
    }
    .leftWrapper.collapsed .leftBarButton {
        justify-content: center;
        min-height: 44px;
    }
    .leftWrapper.collapsed .leftBarContent {
        margin-top: 8px;
        padding: 0 0 0 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .leftWrapper.collapsed .leftBarContent.animating {
        padding: 0;
    }
    .leftWrapper.collapsed .leftBarSection {
        min-width: 44px;
    }
    .leftWrapper.collapsed .leftBarLinkWrap {
        flex-direction: column;
        padding-top: 16px;
    }
    .leftWrapper.collapsed .leftBarCasino,
    .leftWrapper.collapsed .leftBarSport {
        width: 44px;
        height: 44px;
        background-size: contain;
    }
    .leftWrapper.collapsed .leftBarCasino {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/casino-small.png);
    }
    .leftWrapper.collapsed .leftBarCasino:hover,
    .leftWrapper.collapsed .leftBarCasino.current {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/casino-small-active.png);
    }
    .leftWrapper.collapsed .leftBarSport {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/sport-small.png);
    }
    .leftWrapper.collapsed .leftBarSport:hover,
    .leftWrapper.collapsed .leftBarSport.current {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/sport-small-active.png);
    }
    .leftWrapper.collapsed .tipText {
        display: none;
    }
    .leftWrapper.collapsed .leftBarIcon {
        margin-right: 0;
    }
    .leftWrapper.collapsed .leftBarAccordionIcon {
        justify-content: center;
        margin-left: 0;
        background: transparent;
    }
}
@media (max-width: 1200px) {
    .leftWrapper {
        position: fixed;
        z-index: 2000;
    }
}
@media (max-width: 900px) {
    .leftWrapper {
        width: 100%;
    }
}
.AccordionContent .leftBarSubButton:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.AccordionContent .leftBarSubButton:first-child.current {
    background-color: #2d3340;
}
.AccordionContent .leftBarSubButton:first-child:hover {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.leftBarHeader {
    justify-content: center;
    background: #1c2028;
    display: flex;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}
.leftBarMenuButton {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 16px;
    height: 75px;
    color: #aab0bd;
}
.leftBarMenuButton svg {
    width: 16px;
    height: 16px;
}
@media (max-width: 900px) {
    .leftBarMenuButton {
        display: none;
    }
}
.leftBarContent {
    padding: 11px 10px 10px 16px;
    margin-top: 5px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}
.leftBarContent.animating {
    padding: 11px 16px 16px;
}
.leftBarLinkWrap {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.5rem;
    transition: all 0.3s ease;
}
.leftBarCasino,
.leftBarSport {
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 2.45rem;
    width: 76px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    padding: 0;
    transition: all 0.3s ease;
}
@media (max-width: 900px) {
    .leftBarCasino,
    .leftBarSport {
        width: 100%;
        height: 56px;
    }
}
.leftBarCasino {
    background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/casino.png);
}
.leftBarCasino:hover,
.leftBarCasino.current {
    background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/casino-active.png);
}
@media (max-width: 900px) {
    .leftBarCasino {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/casino-icon-big.png);
    }
    .leftBarCasino.current {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/casino-icon-big.png);
    }
}
.leftBarSport {
    background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/sport.png);
}
.leftBarSport:hover,
.leftBarSport.current {
    background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/sport-active.png);
}
@media (max-width: 900px) {
    .leftBarSport {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/sport-icon-big.png);
    }
    .leftBarSport.current {
        background-image: url(https://cdn.selector-casino.io/assets/png/LeftBar/sport-icon-big.png);
    }
}
.tipText {
    text-transform: uppercase;
    color: #fff;
    font-size: 1rem;
}
.leftBarSection {
    margin-bottom: 10px;
    background: #242932;
    border-radius: 5px;
}
@media (max-width: 900px) {
    .leftBarSection {
        transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s !important;
    }
}
.leftBarIcon {
    flex: 0 0 auto;
    margin-right: 10px;
}
.leftBarIcon svg {
    width: 16px;
    height: 16px;
}
.leftBarButton,
.leftBarSubButton {
    width: 100%;
    padding: 10px;
    color: #748198;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease;
    font-weight: 400;
    text-transform: none;
    border-radius: 5px;
}
@media (hover: hover) and (pointer: fine) {
    .leftBarButton:hover,
    .leftBarSubButton:hover {
        background-color: #2d3340;
        color: #fff;
    }
}
.leftBarAccordion {
    width: 100%;
}
.leftBarAccordion .leftBarButton {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.leftBarAccordion .leftBarAccordionIcon {
    border-radius: 9999px;
    background: #333b4a;
    margin-left: auto;
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px;
    justify-content: center;
}
.leftBarAccordion [data-state="open"] .leftBarAccordionIcon {
    background: linear-gradient(45deg, #047cfc, #0064ff);
    transform: rotate(90deg);
}
.leftBarAccordion [data-state="open"] .leftBarAccordionIcon svg {
    fill: #fff;
}
.leftBarAccordion [data-state="closed"] .leftBarAccordionIcon {
    transform: rotate(0);
}
.leftBarAccordion leftBarSubButton:hover {
    background-color: #2d3340;
    color: #fff;
}
.leftBarAccordion leftBarSubButton.current {
    background-color: #2d3340;
    color: #fff;
}
@media (max-width: 900px) {
    .leftWrapper {
        padding-top: 75px;
        padding-bottom: 55px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        z-index: 4;
        transform: translate(0) translateY(100%);
        transition: all 0.2s ease-in;
    }
    .leftWrapper.open {
        opacity: 1;
        width: 100%;
        transform: translate(0) translateY(0);
    }
    .leftWrapper.collapsed {
        opacity: 0;
        width: 100%;
        transform: translate(0) translateY(100%);
    }
    .leftWrapper.collapsed .leftBarButton {
        justify-content: flex-start;
    }
    .leftWrapper.collapsed .leftBarLinkWrap {
        flex-direction: row;
        padding: 1rem;
    }
    .leftWrapper.collapsed .leftBarCasino,
    .leftWrapper.collapsed .leftBarSport {
        width: 100%;
        background-size: cover;
    }
    .leftWrapper .leftBarLinkWrap {
        flex-direction: row;
        padding: 16px;
    }
}
@keyframes slideDown {
    0% {
        height: 0;
    }
    to {
        height: var(--radix-accordion-content-height);
    }
}
@keyframes slideUp {
    0% {
        height: var(--radix-accordion-content-height);
    }
    to {
        height: 0;
    }
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.rightWrapper {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow-wrap: break-word;
    transition: all 0.2s;
}
.rightWrapper .rightControls {
    display: flex;
    align-items: center;
    justify-content: end;
    box-sizing: content-box;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
}
.rightWrapper .rightControls button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0 6px;
    color: #748198;
    background: #272d39;
    border-radius: 5px;
    cursor: pointer;
}
.rightWrapper .rightControls button:last-child {
    margin-right: 20px;
    margin-left: 10px;
}
@media (max-width: 900px) {
    .rightWrapper .rightControls button:last-child {
        margin-right: 10px;
    }
}
.rightWrapper .rightControls button:hover {
    color: #fff;
    background: #2d3340;
}
.rightWrapper .rightControls button:hover .btnContent .iconWrapper svg {
    fill: #fff;
}
.rightWrapper .rightControls button .btnContent {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.rightWrapper .rightControls button .btnContent .iconWrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.rightWrapper .rightControls button .btnContent .iconWrapper svg {
    font-size: 14px;
    fill: #aab0bd;
}
.rightWrapper .rightContent {
    display: flex;
    width: 370px;
    height: 100%;
    transition: all 0.3s;
}
.rightWrapper .rightContent .rightContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 0 10px;
    background: #1c2028;
    border-radius: 10px;
}
.rightWrapper .rightTabs {
    display: flex;
    flex: none;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 20px;
}
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem {
    position: relative;
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin-right: 10px;
    padding: 10px 15px;
    color: #828f9a;
    font-size: 13px;
    line-height: 18px;
    background-color: initial;
    border: 0;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:last-child {
    margin-right: 0;
}
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem svg {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:active,
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:focus,
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:hover {
    outline: none;
}
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem.rightCurrent,
.rightWrapper .rightContent .rightContainer .liveBox .liveParams .liveItem:hover {
    color: #fff;
    background: #272d39;
}
@media (max-width: 1099px) {
    .rightWrapper .rightTabs {
        margin-bottom: 19px;
    }
}
@media (min-width: 901px) {
    .rightWrapper {
        width: 0;
    }
    .rightWrapper .rightContent {
        transform: translate(380px);
    }
    .rightWrapper.rightIsOpen {
        width: 370px;
    }
    .rightWrapper.rightIsOpen .rightContent {
        transform: translate(0);
    }
}
@media (max-width: 1099px) {
    .rightWrapper .rightContent,
    .rightWrapper.rightIsOpen {
        width: 315px;
    }
}
@media (max-width: 900px) {
    .rightWrapper {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 900;
        width: 100% !important;
        height: calc(100% - 50px);
        padding: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        transition: all 0.3s;
    }
    .rightWrapper .rightContent {
        width: 100% !important;
    }
    .rightWrapper .chatWrapper {
        padding-right: 0;
        opacity: 0;
        transition: all 0.3s;
        transition-delay: 0s;
    }
    .rightWrapper.rightIsOpen {
        -webkit-transform: translateY(0%);
        transform: translateY(0);
    }
    .rightWrapper.rightIsOpen .chatWrapper {
        opacity: 1;
        transition-delay: 0.3s;
    }
    .rightWrapper .rightContent .rightContainer {
        width: 100%;
    }
    .rightWrapper .rightTabs {
        display: none;
    }
    .rightWrapper .rightContent .rightContainer .liveBox {
        height: calc(100% - 30px);
        padding: 0 15px;
    }
    .rightWrapper .rightContent .rightContainer .liveBox .liveParams {
        padding: 10px 0 10px 5px;
    }
}
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    -ms-touch-action: auto;
    touch-action: auto;
}
.ps__rail-x {
    position: absolute;
    bottom: 0;
    display: none;
    height: 15px;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps__rail-y {
    position: absolute;
    right: -2px !important;
    display: none;
    width: 15px;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: transparent;
    opacity: 0.9;
}
.ps__thumb-x {
    position: absolute;
    bottom: 2px;
    height: 6px;
    background-color: #2e3542;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
}
.ps__thumb-y {
    position: absolute;
    right: 2px;
    width: 6px;
    background-color: #2e3542;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    height: 11px;
    background-color: #2e3542;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    width: 11px;
    background-color: #2e3542;
}
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}
.scrollbar-container {
    position: relative;
    height: 100%;
}
.VIPClubFAQ__header {
    display: flex;
    flex-direction: column;
}
.VIPClubFAQ__header h2 {
    font-size: 20px;
}
.VIPClubFAQ__header p {
    font-size: 14px;
    color: #b1bad3;
}
.VIPClubFAQ__content {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
}
.VIPClubFAQ__item {
    background: #2d3340;
    border-radius: 5px;
}
.VIPClubFAQ__item_nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 159px;
    padding: 8px 0;
}
.VIPClubFAQ__item_nav button {
    width: 100%;
    padding: 15px 20px;
    text-align: left;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}
.VIPClubFAQ__item_nav button.active {
    border-color: #047cfc;
}
.VIPClubFAQ__item_nav button:hover {
    background: #1f232b;
}
.VIPClubFAQ__item_content {
    flex: 1 1 auto;
    padding: 24px;
    width: 100%;
}
.VIPClubFAQ__item_content .Accordion .AccordionItem button span {
    font-size: 14px;
}
@media (min-width: 1900px) {
    .VIPClubFAQ__item_content .Accordion .AccordionItem button span {
        font-size: 16px;
    }
}
@media (min-width: 1900px) {
    .VIPClubFAQ__item_content .Accordion .AccordionContent__content {
        font-size: 16px;
    }
}
@media (max-width: 1300px) {
    .VIPClubFAQ__content {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .VIPClubFAQ__item_nav {
        flex-direction: row;
        align-items: center;
        min-width: max-content;
        padding: 5px;
        border-radius: 10px;
    }
    .VIPClubFAQ__item_nav button {
        padding: 13px 16px;
        font-size: 14px;
        white-space: nowrap;
        border-left: none;
        border-radius: 5px;
        cursor: pointer;
    }
    .VIPClubFAQ__item_nav button.active {
        background-color: #1f232b;
    }
}
@media (max-width: 425px) {
    .VIPClubFAQ__item_nav {
        gap: 2px;
        min-width: 100px;
        max-width: 100%;
        padding: 5px;
        overflow: scroll;
    }
    .VIPClubFAQ__item_nav button {
        padding: 8px 13px;
        font-size: 12px;
    }
}
.VIPClubPrivilege {
    display: flex;
    flex-direction: column;
    gap: 10px;
    container-type: inline-size;
}
.VIPClubPrivilege h2 {
    font-size: 20px;
}
.PrivilegeList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 20px;
    list-style-type: none;
}
@container (width < 815px) {
    .PrivilegeList {
        display: flex;
        flex-direction: column;
        column-gap: 20px;
        row-gap: 12px;
    }
}
.PrivilegeListItem {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding: 16px;
    background: #2d3340;
    border-radius: 5px;
}
.PrivilegeListItem h3 {
    font-size: 16px;
}
@media (min-width: 1900px) {
    .PrivilegeListItem h3 {
        font-size: 18px;
    }
}
.PrivilegeListItem__text {
    display: flex;
    flex-direction: column;
}
@media (max-width: 900px) {
    .PrivilegeListItem__text {
        font-size: 12px;
    }
}
@media (min-width: 1900px) {
    .PrivilegeListItem__text {
        font-size: 16px;
    }
}
.PrivilegeListItem__descr {
    color: #b1bad3;
}
@media (max-width: 500px) {
    .PrivilegeListItem {
        align-items: flex-start;
    }
    .PrivilegeListItem__img {
        width: 45px;
        height: 45px;
    }
}
.VIPClubLevelsSlider {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.VIPClubLevelsSlider__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.VIPClubLevelsSlider__header h2 {
    font-size: 20px;
}
.SliderItem {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.SliderItem__rank {
    display: flex;
    gap: 10px;
    align-items: center;
}
.SliderItem__rank div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #2d3340;
    border-radius: 100%;
}
.SliderItem__rank svg {
    width: 28px;
    height: 28px;
}
.SliderItem__line {
    display: block;
    flex: 1;
    width: 105%;
    height: 4px;
    margin-right: -8px;
    background: #2d3340;
    border-radius: 6px;
}
.SliderItem__card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 20px;
    background: #2d3340;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
}
.SliderItem__card h4 {
    padding: 2px 4px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 5px;
    color: #20242d;
}
.SliderItem__card h3 {
    font-size: 24px;
    font-weight: 600;
}
.SliderItem__wager .labelText {
    color: #b1bad3;
}
.SliderItem__wagerSum {
    cursor: pointer;
}
.SliderItem__wagerSum h3 {
    font-size: 28px;
    font-weight: 600;
    margin: 0;
}
.SliderItem__wagerSum svg {
    width: 20px;
    height: 20px;
}
.SliderItem__list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style-type: none;
}
.SliderItem__listItem {
    display: flex;
    gap: 5px;
    align-items: center;
}
.SliderItem__listItem .bonusIcon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}
.SliderItem__listItem .bonusIcon svg {
    fill: #20242d;
    width: 7px;
    height: 7px;
}
.slider-navigate {
    display: flex;
    align-items: center;
}
.slider-navigate-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 36px;
    border: 2px solid #3b4354;
    cursor: pointer;
    transition: transform 0.1s ease-in-out;
}
.slider-navigate-btn.swiper-button-disabled {
    cursor: auto;
    opacity: 0.5;
    pointer-events: none;
}
.slider-navigate-btn:active {
    transform: scale(0.9);
}
.slider-navigate-btn svg {
    transition: transform 0.2s ease-in-out;
    fill: #738198;
}
.slider-navigate-btn-prev {
    border-radius: 10px 0 0 10px;
}
.slider-navigate-btn-next {
    margin-left: -2px;
    border-radius: 0 10px 10px 0;
}
.slider-header {
    display: flex;
    justify-content: space-between;
}
.slider-header__title {
    display: flex;
    align-items: center;
    margin-right: 10px;
    font-size: 18px;
}
.slider-header__title svg,
.slider-header__title img {
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    margin-bottom: 3px;
    fill: #738198;
}
.slider-header__title h3,
.slider-header__title h4,
.slider-header__title h5,
.slider-header__title p {
    margin: 0;
}
.slider-header__title a {
    color: inherit;
}
@media (max-width: 500px) {
    .slider-header__title {
        font-size: 16px;
    }
    .slider-header__title svg,
    .slider-header__title img {
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 370px) {
    .slider-header__title svg,
    .slider-header__title img {
        display: none;
    }
}
.slider-header__count {
    margin-left: 8px;
    padding: 3px 6px;
    color: #808d98;
    font-weight: 400;
    font-size: 16px;
    background: #272d39;
    border-radius: 3px;
}
@media (max-width: 340px) {
    .slider-header__count {
        display: none;
    }
}
.clubHeader {
    container-type: inline-size;
    position: relative;
    margin-bottom: 40px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.clubHeader > .section {
    position: absolute;
    flex: 0 1 253px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}
@container (width < 900px) {
    .clubHeader {
        margin-bottom: 32px;
    }
}
@media (max-width: 900px) {
    .clubHeader {
        padding: 0 15px;
        justify-content: center;
    }
    .clubHeader div.section {
        justify-content: center;
        display: flex;
        align-items: center;
    }
}
.clubHeader__card_unauth {
    padding: 10px;
}
.clubHeader__card_unauth p {
    max-width: 500px;
    color: #b1bad3;
}
.clubHeader__imgWrapper {
    display: flex;
    align-items: center;
    width: 100%;
    grid-area: headerImage;
}
.clubHeader__imgWrapper img {
    width: auto;
    height: 20rem;
}
@media (min-width: 1650px) {
    .clubHeader__imgWrapper img {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .clubHeader__card {
        right: 5px;
        bottom: 5px;
        top: 0;
        left: 0;
        transform: translateY(0);
    }
}
.VIPClubSupport {
    display: grid;
    grid-template-columns: 6fr 4fr;
    padding: 24px;
    border-radius: 5px;
    background: #2d3340;
    column-gap: 32px;
    row-gap: 16px;
    align-items: center;
    container-type: inline-size;
}
.VIPClubSupport .left-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 600px;
}
@media (min-width: 1900px) {
    .VIPClubSupport .left-section p {
        font-size: 16px;
    }
}
.VIPClubSupport .right-section {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}
.VIPClubSupport .right-section .sub-section {
    flex: 0 1 300px;
}
.VIPClubSupport .right-section .sub-section p {
    margin-left: 2px;
    margin-bottom: 2px;
}
.VIPClubSupport .right-section .sub-section .btnContent {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.VIPClubSupport .right-section .sub-section .langDropdown {
    height: 44px;
    background: #20242d;
    border-radius: 5px;
}
.VIPClubSupport .right-section .sub-section .langDropdown .simplebar-content {
    width: 150px;
}
.VIPClubSupport .right-section .sub-section .langDropdown .btnLang {
    width: 100%;
    padding: 10px 20px;
}
.VIPClubSupport .right-section .sub-section .langDropdown .menu {
    min-width: auto;
}
.VIPClubSupport .right-section button {
    height: 44px;
    white-space: nowrap;
}
@container (width < 772px) {
    .VIPClubSupport .right-section {
        flex-direction: column;
        align-items: self-start;
    }
    .VIPClubSupport .right-section .sub-section {
        width: 100%;
        flex-basis: auto;
    }
    .VIPClubSupport .right-section .sub-section p {
        max-width: max-content;
    }
    .VIPClubSupport .right-section .sub-section .langDropdown {
        max-width: 352px;
        width: 100%;
    }
    .VIPClubSupport .right-section .sub-section .langDropdown .btnLang {
        max-width: 352px;
    }
    .VIPClubSupport .right-section button {
        max-width: 352px;
        width: 100%;
    }
}
.VIPClubSupport h2 {
    font-size: 20px;
}
@media (min-width: 1900px) {
    .VIPClubSupport h2 {
        font-size: 24px;
    }
}
@media (max-width: 1250px) {
    .VIPClubSupport h2 {
        font-size: 18px;
    }
}
.VIPClubSupport__text {
    width: 50%;
}
.VIPClubSupport p {
    color: #b1bad3;
    max-width: 700px;
    margin: 0;
}
@container (width < 820px) {
    .VIPClubSupport {
        grid-template-columns: 1fr;
    }
}
.clubMain {
    container-type: inline-size;
}
.club-page {
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding-bottom: 44px;
    container-type: inline-size;
}
@media (max-width: 900px) {
    .club-page {
        padding: 0 15px;
    }
}
@container (width < 900px) {
    .club-page {
        gap: 32px;
    }
}
.club-page-item__header {
    margin-bottom: 32px;
}
@container (width < 900px) {
    .club-page-item__header {
        margin-bottom: 15px;
    }
}
@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.PwaOfferBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    line-height: 1.2rem;
    background-color: #006cfe;
    border-radius: 6px;
}
.PwaOfferBtn .icons {
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    align-items: center;
}
.PwaOfferBtn .icons svg {
    font-size: 18px;
}
.PwaOfferBtn .icons svg:last-child {
    fill: #a4c639;
}
@media (max-width: 425px) {
    .PwaOfferBtn svg {
        font-size: 26px;
    }
}
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.category-tabs {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    padding: 5px;
    overflow: hidden;
    background-color: #1c2028;
    border-radius: 6px;
}
.category-tabs__wrapper {
    flex-shrink: 0;
}
.category-tabs__wrapper .swiper-scrollbar {
    position: static;
    margin-top: 5px;
    cursor: pointer;
}
.category-tabs__wrapper .swiper-scrollbar-drag {
    background: #434b53a8;
}
.category-tabs__slide {
    margin-left: 5px;
}
.category-tabs__slide:first-child {
    margin-left: 0;
}
.category-tabs__item {
    position: relative;
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.25rem;
    color: #fff;
    font-weight: 600;
    font-size: 0.985rem;
    line-height: 1;
    white-space: nowrap;
    border-radius: 6px;
    outline-offset: 2px;
    opacity: 0.5;
    transition: all 0.2s;
}
.category-tabs__item svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
}
.category-tabs__item:hover,
.category-tabs__item.active {
    color: #fff;
    background-color: #242932;
    opacity: 1;
}
.category-tabs__item:focus-visible {
    outline-color: #fff;
}
.category-tabs__item:active {
    transform: scale(0.98);
}
.promoHeader {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
@media (max-width: 900px) {
    .promoHeader {
        margin-top: -10px;
    }
}
.promoHeader .label {
    position: relative;
    display: flex;
    align-items: center;
    height: 26px;
    padding-left: 26px;
    font-weight: 500;
    font-size: 18px;
}
.promoHeader .label button {
    color: #fff;
    background: transparent;
    border: 0;
    outline: none;
}
.promoHeader .label button img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
}
.promoHeader .label button .btnLabel {
    margin-left: 8px;
    padding: 3px 6px;
    color: #808d98;
    font-weight: 400;
    background: #272d39;
    border-radius: 3px;
}
.promoHeader .arrows {
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #738198;
}
.promoHeader .arrows button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 36px;
    border: 2px solid #3b4354;
    cursor: pointer;
}
.promoHeader .arrows button[class*="swiper-button-disabled"] {
    cursor: auto;
    opacity: 0.5;
}
.promoHeader .arrows button[class*="swiper-button-disabled"]:hover svg {
    transform: scale(1);
}
.promoHeader .arrows button:hover svg {
    transform: scale(1.2);
}
.promoHeader .arrows button svg {
    color: #738198;
    transition: transform 0.2s ease-in-out;
}
.promoHeader .arrows .forward {
    border-radius: 0 10px 10px 0;
}
.promoHeader .arrows .forward:active svg {
    transform: translate(4px);
}
.promoHeader .arrows .backward {
    border-right: none;
    border-radius: 10px 0 0 10px;
    transition: transform 0.3s ease-in-out;
}
.promoHeader .arrows .backward:active svg {
    transform: translate(-4px);
}
.promoSlider {
    margin-bottom: 25px;
}
.promoSlider .card {
    position: relative;
    display: flex;
    transform: scale(1) !important;
}
.promoSlider .card .background {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
    border: 0;
}
.promoSlider .card .background img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
    aspect-ratio: 17/10;
}
.promoSlider .card .cardContent {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 5px;
}
.promoSlider .card .cardContent .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 182px;
    height: 100%;
    padding-right: 0;
    background: transparent;
    border-radius: 0;
}
.promoSlider .card .cardContent .inner .innerText {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}
.promoSlider .card .cardContent .inner .badge {
    margin-bottom: 5px;
}
.promoSlider .card .cardContent .inner .badge .badgeContent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0 5px;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
    background: #fff;
    border-radius: 3px;
    font-feature-settings: "tnum";
}
.promoSlider .card .cardContent .inner .title {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 5px;
    margin-left: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    text-align: left;
}
.promoSlider .card .cardContent .inner .description {
    flex: 1 1 auto;
    height: 100%;
    margin-top: 10px;
    margin-left: 10px;
    overflow: hidden;
    text-wrap: wrap;
    text-overflow: ellipsis;
}
.promoSlider .card .cardContent .inner .description .descriptionContent {
    display: inline-block;
    height: 100%;
    color: #fff;
    font-weight: 300;
    line-height: 120%;
    text-align: left;
}
.promoSlider .card .cardContent .inner .btnAction {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.promoSlider .card .cardContent .inner .btnAction:hover {
    color: #000;
    background-color: #fff;
}
.promoSlider .card .cardContent .inner .btnActionWhite {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    color: #000;
    font-weight: 600;
    text-align: center;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.promoSlider .card .cardContent .inner .btnActionWhite:hover {
    color: #fff;
    background-color: transparent;
}
.promoSlider .card .cardContent .inner .btnActionMain {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #337cff;
    border: 1px solid #337cff;
    border-radius: 5px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.promoSlider .card .cardContent .inner .btnActionMain:hover {
    color: #000;
    background-color: #fff;
}
.promoSlider .card:hover .background {
    opacity: 0.9;
}
.provider-control {
    position: relative;
    display: inline-flex;
    height: 42px;
    margin-left: auto;
    text-transform: uppercase;
    vertical-align: middle;
}
@media (max-width: 600px) {
    .provider-control {
        position: unset;
    }
}
.provider-control .btnName {
    display: none;
}
@media (max-width: 1510px) {
    .provider-control .btnName {
        display: flex;
        align-items: center;
        align-self: center;
        margin-right: 15px;
        color: inherit;
        text-transform: none;
    }
    .provider-control .btnName svg {
        margin-right: 5px;
    }
}
@media (max-width: 600px) {
    .provider-control .btnName {
        display: none;
    }
}
.provider-control .btn {
    display: flex;
    flex: auto;
    flex-grow: 10;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    color: #828f9a;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
    background: #242932;
    border: none;
    border-radius: 5px;
    outline: none !important;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.provider-control .btn.active {
    color: #fff;
    background: #047cfc;
    border-radius: 5px;
}
.provider-control .btn.active svg:last-child {
    transform: rotate(180deg);
}
.provider-control .btn:not(.active):hover {
    color: #fff;
    background: #373e4c;
}
.provider-control .btn svg:first-child {
    margin-right: 7px;
}
.provider-control .btn svg:last-child {
    margin-left: 7px;
    transition: transform 0.3s ease-in-out;
}
.provider-control .btn.filtered {
    border: 2px solid #047cfc;
}
.providers-dropdown {
    position: absolute;
    top: 115%;
    left: 50%;
    z-index: 10;
    width: 215px;
    padding: 0;
    background-color: #f9f9f9;
    border-radius: 5px;
    transform: translate(-50%);
}
@media (min-width: 376px) and (max-width: 600px) {
    .providers-dropdown {
        top: calc(100% + 8px);
        width: 100%;
    }
}
@media (max-width: 376px) {
    .providers-dropdown {
        width: 100%;
    }
}
.providers-dropdown:after {
    position: absolute;
    top: -4px;
    left: 100px;
    width: 8px;
    height: 8px;
    background: #f9f9f9;
    transform: translate(-50%) rotate(45deg);
    content: "";
}
@media (max-width: 1365px) {
    .providers-dropdown:after {
        left: 50%;
    }
}
@media (max-width: 600px) {
    .providers-dropdown:after {
        display: none;
    }
}
.providers-dropdown__search {
    position: relative;
    margin-bottom: 0 !important;
}
.providers-dropdown__search input {
    position: relative;
    z-index: 1;
    height: 40px;
    padding-left: 30px;
    color: #000000bf !important;
    background-color: #e5e5e5;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
}
.providers-dropdown__search input:focus {
    border-color: #0000004d !important;
}
.providers-dropdown__search > svg {
    position: absolute;
    top: 13px;
    left: 9px;
    z-index: 1;
    color: #00000080;
    font-size: 14px;
}
.providers-dropdown__list {
    width: 100%;
    max-width: 100%;
    max-height: 47vh;
    margin: 0 !important;
    overflow-y: scroll;
}
.providers-dropdown__list::-webkit-scrollbar-track {
    background-color: #bdbdbd;
    border-radius: 25px;
}
.providers-dropdown__list.no-scroll {
    max-height: none;
    overflow: auto;
}
.providers-dropdown button {
    justify-content: flex-start !important;
    padding-right: 30px !important;
    padding-left: 15px !important;
    overflow: hidden;
    color: #fff !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #828f9a !important;
}
.providers-dropdown__item {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.providers-dropdown__item:nth-child(odd) .btn {
    border-right: 1px solid #f1f1f1 !important;
    border-radius: 5px 0 0 5px !important;
}
.providers-dropdown__item .btn {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 10px !important;
    color: #000000bf !important;
    font-weight: 400;
    background-color: #fff !important;
    border-bottom: 1px solid #f1f1f1 !important;
    transition: background-color 0.2s !important;
}
.providers-dropdown__item .btn:hover {
    background-color: #f1f1f1 !important;
}
.providers-dropdown__item .btn.active {
    background-color: #e5e5e5 !important;
}
.providers-dropdown__item .btn .badge {
    margin-left: auto;
    padding: 5px 10px;
    color: #fff;
    font-weight: 500;
    background: #047cfc;
    border-radius: 5px;
}
.providers-dropdown__content {
    margin: 0 !important;
}
.lobbySection .container {
    padding: 10px 15px;
}
.lobbySection .gamesBoxLobby {
    margin: 0;
}
.lobbySection .lobbyHeader {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 300px;
    height: 100%;
    margin: 0 0 25px;
    padding: 25px 16px;
    color: #fff;
    line-height: 1;
    border-bottom: 2px solid #2dc53a;
}
@media (max-width: 900px) {
    .lobbySection .lobbyHeader {
        flex: 0 0 60px;
        background: #20242d;
        border-color: transparent;
    }
}
@media (max-width: 400px) {
    .lobbySection .lobbyHeader {
        justify-content: space-between;
    }
}
.lobbySection .lobbyHeader:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.selector-casino.io/assets/png/Lobby/header.png);
    background-position: 50% 100%;
    background-size: cover;
    opacity: 0.95;
    content: "";
}
.lobbySection .lobbyHeader .left {
    position: relative;
}
.lobbySection .lobbyHeader .left .title {
    position: relative;
    display: flex;
    align-items: center;
    margin: -5px 0 14px;
    font-weight: 400;
    font-size: 30px;
}
.lobbySection .lobbyHeader .left .text {
    font-size: 14px;
    line-height: 20px;
}
@media (max-width: 800px) {
    .lobbySection .lobbyHeader .left {
        display: none;
    }
}
.lobbySection .lobbyHeader .right {
    position: relative;
    min-width: 192px;
    margin-left: auto;
}
.lobbySection .lobbyHeader .right .countWrapper {
    padding: 15px;
    text-align: center;
    background: #00000017;
    border-radius: 0;
}
.lobbySection .lobbyHeader .right .countWrapper .total {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -5px 0 2px;
    color: #2dc53a;
    font-weight: 400;
    font-size: 34px;
    text-align: center;
}
.lobbySection .lobbyHeader .right .countWrapper .text {
    margin-right: -3px;
    color: inherit;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}
@media (max-width: 900px) {
    .lobbySection .lobbyHeader .right {
        width: 100%;
    }
}
.lobbySection .loaderBlock {
    position: relative;
    width: calc(100% + 15px);
    min-height: 300px;
    margin-top: calc(300px - 5rem);
    text-align: center;
}
.lobbySection .loaderBlock .loaderCentred {
    top: 20%;
    height: 100px;
}
.lobbySection .loaderBlock .loaderCentred img {
    width: 60px;
    height: 60px;
}
.lobbySection .menuWrapper {
    margin-bottom: 20px;
}
.lobbySection .categoriesDropdown {
    position: absolute;
    top: 115%;
    left: 50%;
    z-index: 10;
    width: 215px;
    padding: 0;
    background-color: #f9f9f9;
    border-radius: 5px;
    transform: translate(-50%);
}
@media (min-width: 601px) and (max-width: 1510px) {
    .lobbySection .categoriesDropdown {
        left: 75%;
        transform: translate(-50%);
    }
}
@media (min-width: 376px) and (max-width: 600px) {
    .lobbySection .categoriesDropdown {
        top: calc(100% + 8px);
        width: 100%;
    }
}
@media (max-width: 376px) {
    .lobbySection .categoriesDropdown {
        width: 100%;
    }
}
.lobbySection .categoriesDropdown:after {
    position: absolute;
    top: -4px;
    left: 100px;
    width: 8px;
    height: 8px;
    background: #f9f9f9;
    transform: translate(-50%) rotate(45deg);
    content: "";
}
@media (max-width: 1365px) {
    .lobbySection .categoriesDropdown:after {
        left: 50%;
    }
}
@media (min-width: 376px) and (max-width: 600px) {
    .lobbySection .categoriesDropdown:after {
        display: none;
    }
}
.lobbySection .categoriesDropdown .searchBlock {
    margin-bottom: 0 !important;
}
.lobbySection .categoriesDropdown .searchBlock input {
    position: relative;
    z-index: 1;
    height: 40px;
    padding-left: 30px;
    color: #000000bf !important;
    background-color: #e5e5e5;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-radius: 10px 10px 0 0;
}
.lobbySection .categoriesDropdown .searchBlock input:focus {
    border-color: #0000004d !important;
}
.lobbySection .categoriesDropdown .categoriesListWrapper {
    width: 100%;
    max-width: 100%;
    max-height: 50vh;
    overflow-y: scroll;
}
.lobbySection .categoriesDropdown .categoriesListWrapper::-webkit-scrollbar-track {
    background-color: #bdbdbd;
    border-radius: 25px;
}
.lobbySection .categoriesDropdown .categoriesListWrapper.noScroll {
    max-height: none;
    overflow: auto;
}
.lobbySection .categoriesDropdown .categoriesList {
    margin: 0 !important;
}
.lobbySection .categoriesDropdown .categoriesList .item {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.lobbySection .categoriesDropdown .categoriesList .item:nth-child(odd) .btn {
    border-right: 1px solid #f1f1f1 !important;
    border-radius: 5px 0 0 5px !important;
}
.lobbySection .categoriesDropdown .categoriesList .item .btnWrapper {
    height: auto !important;
}
.lobbySection .categoriesDropdown .categoriesList .item .btn {
    position: relative;
    z-index: 1;
    padding: 10px !important;
    color: #000000bf !important;
    background-color: #fff !important;
    border-bottom: 1px solid #f1f1f1 !important;
    transition: background-color 0.2s !important;
}
.lobbySection .categoriesDropdown .categoriesList .item .btn:hover {
    background-color: #f1f1f1 !important;
}
.lobbySection .categoriesDropdown .categoriesList .item .btn.active {
    background-color: #e5e5e5 !important;
}
.lobbySection .categoriesDropdown .categoriesList .item .btn .badge {
    margin-left: auto;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    background: #047cfc;
    border-radius: 10px;
}
.lobbySection .categoriesDropdown button {
    justify-content: flex-start !important;
    padding-right: 30px !important;
    padding-left: 15px !important;
    overflow: hidden;
    color: #fff !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #828f9a !important;
}
.lobbySection .categoriesDropdown .categoriesBox {
    margin: 0 !important;
}
.lobbySection .categoriesBox {
    position: relative;
    width: auto !important;
    margin: 0 !important;
}
.lobbySection .categoriesBox .btnCategories {
    margin-bottom: 0 !important;
}
.lobbySection .categoriesBox .menuWrapper {
    display: none;
    margin-bottom: 20px;
}
.lobbySection .categoriesBox .menuWrapper.open {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    max-width: 418px;
    margin: 0 auto;
    padding: 5px;
    overflow: visible;
    background-color: #f9f9f9;
    border-radius: 5px;
}
.lobbySection .categoriesBox .menuWrapper.open:after {
    position: absolute;
    top: -4px;
    left: 100px;
    width: 8px;
    height: 8px;
    background: #f9f9f9;
    transform: translate(-50%) rotate(45deg);
    content: "";
}
@media (max-width: 1365px) {
    .lobbySection .categoriesBox .menuWrapper.open:after {
        left: 50%;
    }
}
.lobbySection .categoriesBox .menuWrapper.open .item {
    width: 100%;
    min-width: auto;
    max-width: calc(50% - 10px);
    margin: 5px;
    color: #fff;
    background-color: #828f9a;
    border-radius: 5px;
}
.lobbySection .providersBox {
    margin-top: 15px;
    margin-bottom: 24px;
}
.lobbySection .categoriesBox {
    width: 100%;
    margin: 0 0 5px;
}
.lobbySection .categoriesBox .searchWrapper {
    position: relative;
}
.lobbySection .categoriesBox .searchWrapper > svg {
    position: absolute;
    top: 13px;
    left: 9px;
    z-index: 1;
    color: #00000080;
    font-size: 14px;
}
.lobbySection .categoriesBox .searchBlock {
    width: 100%;
    margin-bottom: 10px;
}
.lobbySection .categoriesBox .providersList,
.lobbySection .categoriesBox .categoriesList {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 10px;
}
.lobbySection .categoriesBox .providersList .item,
.lobbySection .categoriesBox .categoriesList .item {
    min-width: 20%;
    max-width: 20%;
    padding: 5px;
}
@media (max-width: 1365px) {
    .lobbySection .categoriesBox .providersList .item,
    .lobbySection .categoriesBox .categoriesList .item {
        min-width: 25%;
        max-width: 25%;
    }
}
@media (max-width: 991px) {
    .lobbySection .categoriesBox .providersList .item,
    .lobbySection .categoriesBox .categoriesList .item {
        min-width: 33%;
        max-width: 33%;
    }
}
@media (max-width: 768px) {
    .lobbySection .categoriesBox .providersList .item,
    .lobbySection .categoriesBox .categoriesList .item {
        min-width: 50%;
        max-width: 50%;
    }
}
.lobbySection .categoriesBox .providersList .item .btnWrapper,
.lobbySection .categoriesBox .categoriesList .item .btnWrapper {
    display: inline-flex;
    width: 100%;
    height: 42px;
    text-transform: uppercase;
}
.lobbySection .categoriesBox .providersList .item .btnWrapper .btn,
.lobbySection .categoriesBox .categoriesList .item .btnWrapper .btn {
    display: flex;
    flex: auto;
    flex-grow: 10;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 9px 5px;
    color: #828f9a;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
    background: #2e3542;
    border: none;
    border-radius: 5px;
    outline: none !important;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.lobbySection .categoriesBox .providersList .item .btnWrapper .btn.filtered,
.lobbySection .categoriesBox .categoriesList .item .btnWrapper .btn.filtered {
    border: 2px solid #047cfc;
}
.lobbySection .categoriesBox .providersList .item .btnWrapper .btn.active,
.lobbySection .categoriesBox .categoriesList .item .btnWrapper .btn.active {
    color: #fff;
    background: #047cfc;
    border: none;
}
.lobbySection .categoriesBox .providersList .item .btnWrapper .btn:not(.active):hover,
.lobbySection .categoriesBox .categoriesList .item .btnWrapper .btn:not(.active):hover {
    color: #fff;
    background: #373e4c;
}
.lobbySection .categoriesBox .providersList .item .btnWrapper .btn .badge,
.lobbySection .categoriesBox .categoriesList .item .btnWrapper .btn .badge {
    margin-left: auto;
    padding: 5px 8px;
    color: #fff;
    font-weight: 500;
    background: #047cfc;
    border-radius: 3px;
}
.lobbySection .categoriesBox .btnCategories {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 263px;
    height: 42px;
    margin: 0 auto 20px;
    padding: 9px 5px;
    color: #828f9a;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    background: #2e3542;
    border: none;
    border-radius: 5px;
    outline: none !important;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.lobbySection .categoriesBox .btnCategories.filtered {
    border: 2px solid #047cfc;
}
.lobbySection .categoriesBox .btnCategories.active {
    color: #fff;
    background: #047cfc;
    border: none;
}
.lobbySection .categoriesBox .btnCategories.active svg:last-child {
    transform: rotate(180deg);
}
.lobbySection .categoriesBox .btnCategories:not(.active):hover {
    color: #fff;
    background: #373e4c;
}
.lobbySection .categoriesBox .btnCategories svg {
    margin: 0 5px;
    transition: transform 0.3s ease-in-out;
}
.lobbySection .categoriesBox .categoriesList .item .btnWrapper .btn {
    background: #047cfc;
}
.lobbySection .allProviderContainer {
    background-color: #1c2028;
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 5px;
    flex-shrink: 0;
    margin-bottom: 1.5rem;
}
.lobbySection .controlPanel {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 47px;
    margin: 0 0 15px;
}
.lobbySection .controlPanel h2 {
    margin-bottom: 0;
}
.lobbySection .controlPanel .userButtonsWrapper {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}
@media (max-width: 1510px) {
    .lobbySection .controlPanel .userButtonsWrapper {
        order: 0;
        width: 100%;
    }
}
.lobbySection .controlPanel .userButtons {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    border-bottom: 1px solid #2e3542;
    border-radius: 5px;
}
@media (max-width: 1510px) {
    .lobbySection .controlPanel .userButtons {
        width: 100%;
    }
}
@media (max-width: 710px) {
    .lobbySection .controlPanel .userButtons {
        justify-content: flex-start;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        border-radius: 5px;
    }
}
.lobbySection .controlPanel .userButtons::-webkit-scrollbar,
.lobbySection .controlPanel .userButtons::-webkit-scrollbar-track {
    width: 0;
    height: 0;
}
.lobbySection .controlPanel .userButtons .btnItem {
    width: auto;
    margin-right: 5px;
    margin-bottom: -1px;
    padding: 5px 0;
    border-bottom: 1px solid #2e3542;
}
@media (max-width: 1510px) {
    .lobbySection .controlPanel .userButtons .btnItem {
        flex: 1 1 auto;
    }
}
.lobbySection .controlPanel .userButtons .btnItem:last-child {
    margin-right: 0;
}
.lobbySection .controlPanel .userButtons .btnItem .btnUserLobby {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 10.5px;
    color: #828f9a;
    font-weight: 500;
    font-size: 14px;
    background-color: transparent;
    border-radius: 5px;
    cursor: pointer;
}
@media (max-width: 1510px) {
    .lobbySection .controlPanel .userButtons .btnItem .btnUserLobby {
        width: 100%;
    }
}
@media (min-width: 901px) and (max-width: 985px) {
    .lobbySection .controlPanel .userButtons .btnItem .btnUserLobby {
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media (max-width: 710px) {
    .lobbySection .controlPanel .userButtons .btnItem .btnUserLobby {
        border-radius: 5px;
    }
}
.lobbySection .controlPanel .userButtons .btnItem .btnUserLobby svg {
    min-width: 12px;
    margin-right: 7px;
}
.lobbySection .controlPanel .userButtons .btnItem:hover,
.lobbySection .controlPanel .userButtons .btnItem.active {
    border-bottom: 1px solid #047cfc;
}
.lobbySection .controlPanel .userButtons .btnItem:hover .btnUserLobby,
.lobbySection .controlPanel .userButtons .btnItem.active .btnUserLobby {
    color: #fff;
}
.lobby-page__bets {
    margin-top: 24px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1100px) {
    .lobby-page__bets {
        padding-right: 0;
        padding-left: 0;
    }
    .lobby-page__bets .betsContainer {
        width: calc(100% - 60px);
    }
}
@media (min-width: 768px) {
    .lobby-page__bets.betsSection {
        padding: 20px 0 0;
    }
}
@media (max-width: 500px) {
    .lobby-page__bets .title {
        margin: 0;
        font-size: 18px;
    }
}
@media (max-width: 370px) {
    .lobby-page__bets .title {
        margin: 0;
        font-size: 16px;
    }
    .lobby-page__bets .subtitle {
        font-size: 12px;
    }
}
.lobby-page .betsSection .subtitle {
    padding: 0 2rem;
}
.lobby-page__title {
    display: flex;
    flex: 1 1 auto;
    align-items: flex-start;
    font-size: 18px;
}
.lobby-page__title svg,
.lobby-page__title img {
    flex: 0 0 23px;
    height: 23px;
    margin-top: 1px;
    margin-right: 8px;
    fill: #808d98;
}
.lobby-page__title span {
    margin-top: 3px;
}
.lobby-page__count {
    margin-left: 8px;
    padding: 3px 6px;
    color: #808d98;
    font-weight: 400;
    font-size: 16px;
    background: #272d39;
    border-radius: 3px;
}
.lobby-page__providers {
    margin-top: 50px;
}
.lobby-page__title,
.lobby-page .provider-control {
    margin-bottom: 5px !important;
}
@media (max-width: 768px) {
    .lobby-page__title {
        font-size: 20px;
    }
    .lobby-page__count {
        margin-top: 0;
        font-size: 18px;
    }
}
@media (max-width: 500px) {
    .lobby-page__title {
        font-size: 18px;
    }
    .lobby-page__title svg,
    .lobby-page__title img {
        flex-basis: 20px;
        height: 20px;
    }
    .lobby-page__count {
        margin-top: 0;
        font-size: 16px;
    }
    .provider-control {
        flex: 1 1 100%;
        margin-top: 10px;
    }
}
.promo-slider-wrapper {
    width: 100%;
}
.promo-slider-header {
    width: 100%;
    margin-bottom: 10px;
}
.promo-slider-header .slider-header__title {
    font-weight: 500;
}
.promo-slider {
    margin-bottom: 20px;
}
.promo-slider-item {
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
    background-color: #272d39;
    border-radius: 10px;
}
.promo-slider-item__img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 58%;
    overflow: hidden;
    background-color: #20242d;
    border-radius: 10px;
}
.promo-slider-item__img.disabled {
    pointer-events: none;
}
.promo-slider-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.promo-slider-item__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 13px;
}
.promo-slider-item__text {
    margin-bottom: 10px;
}
.promo-slider-item__text h2 {
    margin-bottom: 5px;
    font-size: 24px;
}
.promo-slider-item__text p {
    margin: 0;
    font-size: 16px;
}
.promo-slider-item__link {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 265px;
    height: 53px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
}
@media (min-width: 901px) {
    .promo-slider-item__link:hover {
        color: #fff;
    }
}
@media screen and (max-width: 1700px) and (min-width: 1200px) {
    .chat-open .promo-slider-item__text h2 {
        font-size: 22px;
    }
    .chat-open .promo-slider-item__text p {
        font-size: 16px;
    }
    .chat-open .promo-slider-item__link {
        height: 50px;
    }
}
@media (max-width: 1200px) {
    .promo-slider-item__text h2 {
        font-size: 22px;
    }
    .promo-slider-item__text p {
        font-size: 16px;
    }
    .promo-slider-item__link {
        height: 50px;
    }
}
@media (max-width: 1000px) {
    .promo-slider-item {
        padding: 15px;
    }
    .promo-slider-item__content {
        padding-right: 0;
        padding-left: 0;
    }
    .promo-slider-item__text h2 {
        font-size: 20px;
    }
    .promo-slider-item__link {
        align-self: flex-start;
        height: 45px;
    }
}
@media (max-width: 700px) {
    .promo-slider-item {
        width: 100% !important;
    }
}
@media (max-width: 500px) {
    .promo-slider {
        margin-bottom: 10px;
    }
    .promo-slider-item {
        padding: 10px;
    }
    .promo-slider-item__text h2 {
        font-size: 16px;
    }
    .promo-slider-item__text p {
        font-size: 14px;
    }
    .promo-slider-item__link {
        height: 40px;
        font-size: 14px;
    }
}
.promo-wheel-timer {
    margin-bottom: 20px;
}
.promo-wheel-timer__text {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 25px;
}
.promo-wheel-timer__countdown {
    display: flex;
    align-items: center;
    font-size: 25px;
}
.promo-wheel-timer__digit {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 5px;
    font-weight: 500;
    line-height: 0;
    background-color: #047cfc;
    border-radius: 5px;
}
.promo-wheel-timer__points {
    margin: 0 5px;
    font-size: 35px;
    line-height: 0;
}
@media (max-width: 500px) {
    .promo-wheel-timer__text {
        font-size: 20px;
    }
    .promo-wheel-timer__countdown {
        font-size: 22px;
    }
    .promo-wheel-timer__digit {
        flex-basis: 40px;
        height: 35px;
    }
}
:root {
    --color-main-first: #047cfc;
    --color-main-second: #0064ff;
    --color-main-third: #79a6f8;
    --color-side-first: #219a19;
    --color-side-second: #187312;
    --color-side-third: #2dc53a;
    --color-side-fourth: #013e01;
    --color-side-second-first: #3e2b97;
    --color-side-second-second: #e8650b;
    --color-main-background: #20242d;
    --color-side-background: #1c2028;
    --color-third-background: #272d39;
    --color-fourth-background: #242932;
    --color-fifth-background: #2d3340;
    --color-sixth-background: #232833;
    --color-seventh-background: #2e3542;
    --color-eighth-background: #191d25;
    --color-nineth-background: #373e4c;
    --color-tenth-background: #3d4656;
    --color-eleventh-background: #343b48;
    --color-twelvth-background: #495465;
    --color-thirtieth-background: #242831;
    --color-text-first: #828f9a;
    --color-text-second: #748198;
    --color-text-third: #6b768a;
    --color-text-fourth: #aab0bd;
    --color-text-fivth: #5e6a7f;
    --color-text-sixth: #d8d8d8;
    --color-text-placeholder: #828f9a;
    --color-white: #fff;
    --color-black: #000;
}
.promo-bonus {
    width: 100%;
    background-image: url(https://cdn.selector-casino.io/assets/png/Promo/promoWheelBgNew.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.promo-bonus__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    padding: 40px 10px 40px 20px;
}
.promo-bonus__left {
    flex: 0 1 600px;
    margin-right: 30px;
}
.promo-bonus__left h1 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 37px;
    text-transform: uppercase;
}
.promo-bonus__right {
    flex: 0 1 570px;
}
.promo-bonus__list-mob,
.promo-bonus-list-mob {
    display: none;
}
.promo-bonus-list {
    padding: 20px 20px 20px 7%;
    background-color: #272d3980;
    border-radius: 10px;
}
.promo-bonus-list ol {
    counter-reset: list-counter;
}
.promo-bonus-list ol li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px;
    list-style: none;
    counter-increment: list-counter;
}
.promo-bonus-list ol li:before {
    display: flex;
    flex: 0 0 35px;
    align-items: center;
    justify-content: center;
    height: 35px;
    margin-right: 10px;
    font-weight: 700;
    font-size: 20px;
    background-size: cover;
    border-radius: 5px;
    content: "";
}
.promo-bonus-list ol li:nth-child(1):before {
    background-image: url(https://cdn.selector-casino.io/assets/svg/Promo/1.svg);
}
.promo-bonus-list ol li:nth-child(2):before {
    background-image: url(https://cdn.selector-casino.io/assets/svg/Promo/2.svg);
}
.promo-bonus-list ol li:nth-child(3):before {
    background-image: url(https://cdn.selector-casino.io/assets/svg/Promo/3.svg);
}
.promo-bonus-list ol li:last-child {
    margin-bottom: 0;
}
.promo-bonus-wheel {
    position: relative;
}
.promo-bonus-wheel__badge {
    position: absolute;
    top: -3px;
    left: 50%;
    z-index: 1;
    width: 7%;
    height: 7%;
    transform: translate(-50%);
}
.promo-bonus-wheel__img {
    width: 100%;
    line-height: 0;
}
.promo-bonus-wheel__img canvas {
    width: 100%;
}
.promo-bonus-wheel__play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(24% - 2px);
    height: calc(24% - 2px);
    background-color: #2998ff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: 0.3s;
}
.promo-bonus-wheel__play:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}
.promo-bonus-wheel__play:disabled:hover {
    background-color: #2998ff;
}
.promo-bonus-wheel__play img {
    width: 40%;
    height: 40%;
}
@media (min-width: 901px) {
    .promo-bonus-wheel__play:hover {
        background-color: #43a4ff;
    }
}
@media (max-width: 1500px) {
    .chat-open.promo-bonus {
        background-image: url(https://cdn.selector-casino.io/assets/png/Promo/promoWheelBgNew.png);
        background-position: 0 20%;
    }
    .chat-open .promo-bonus-list-mob {
        display: block;
        margin-top: 40px;
    }
    .chat-open .promo-bonus__wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .chat-open .promo-bonus__left {
        margin-right: 0;
    }
    .chat-open .promo-bonus__left h1 {
        margin-bottom: 40px;
        text-align: center;
    }
    .chat-open .promo-bonus__left .promo-bonus-list {
        display: none;
    }
    .chat-open .promo-wheel-timer {
        text-align: center;
    }
    .chat-open .promo-wheel-timer__countdown {
        justify-content: center;
    }
}
@media (max-width: 1400px) {
    .promo-bonus__right {
        flex: 0 1 500px;
    }
    .promo-bonus__left h1 {
        font-size: 30px;
    }
    .promo-bonus-list {
        padding: 20px;
    }
    .promo-bonus-list li {
        font-size: 16px;
    }
}
@media (max-width: 900px) {
    .promo-bonus-list-mob {
        display: block;
        margin-top: 40px;
    }
    .promo-bonus {
        background-image: url(https://cdn.selector-casino.io/assets/png/Promo/promoWheelBgNew.png);
        background-position: center;
    }
    .promo-bonus__wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .promo-bonus__left {
        margin-right: 0;
    }
    .promo-bonus__left h1 {
        margin-bottom: 40px;
        text-align: center;
    }
    .promo-bonus__left .promo-bonus-list {
        display: none;
    }
    .promo-wheel-timer {
        text-align: center;
    }
    .promo-wheel-timer__countdown {
        justify-content: center;
    }
}
@media (max-width: 700px) {
    .promo-bonus-list-mob {
        margin-top: 20px;
    }
    .promo-wheel-timer {
        margin-bottom: 30px;
    }
}
@media (max-width: 500px) {
    .promo-bonus__wrapper {
        padding: 20px 10px;
    }
    .promo-bonus__left h1 {
        font-size: 25px;
    }
    .promo-bonus-list {
        margin: 0 5px;
        padding: 20px;
    }
}
@media (max-width: 400px) {
    .promo-bonus-list {
        margin: 0;
        padding: 10px;
    }
    .promo-bonus-list li {
        font-size: 16px;
    }
}
@media (min-width: 1100px) {
    .promoMain .section {
        width: calc(100% - 33px);
    }
}
.promoContainer {
    display: flex;
    flex-wrap: wrap;
}
.promoContainer.isLoader {
    display: block;
    height: 85vh;
}
.promoContainer.isLoader .loaderCentred {
    position: relative;
}
.promoContainer strong {
    font-weight: 500;
}
.promoContainer .mb-grid {
    margin-bottom: 30px;
}
.promoContainer .row {
    height: 100%;
}
@media (min-width: 992px) {
    .promoContainer .row .order-1 {
        margin-bottom: 0;
    }
}
.promoContainer .order-5,
.promoContainer .order-4 {
    margin-bottom: 0;
}
/* SELECTOR.GG BUILD 1607536706*/ 
@media (max-width:767px){.col-md-3{flex:0 0 50%;max-width:50%}.text-white-50{font-size:.7rem!important}}
@media (min-width:768px) and (max-width:991px){.col-md-3{flex:0 0 33.33%;max-width:33.33%}}
@media (min-width:992px) and (max-width:1365px){.col-md-3{flex:0 0 25%;max-width:25%}.gamemode-title{font-size:.9em}.text-white-50{font-size:.7rem}}
@media (min-width:1366px){.col-md-3{flex:0 0 20%;max-width:20%}}
.gamemode-title{font-weight:600;font-size:.8em;text-transform:capitalize;margin:0;border-radius:5px;white-space:normal;overflow:visible!important;text-overflow:ellipsis}
.text-white-50{font-size:.75rem}
.gamemode-img{top:0;left:0;right:0;bottom:0;width:100%!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.gamemode:before{content:"";display:block;padding-top:66%}
.mb-5{margin-bottom:.4rem!important}
.my-6{margin:1rem 0}
.mb-7{margin-bottom:1.3rem!important}
.new-slots .gamemode-el>*+*{margin-top:0!important}
.gamemode-description{margin-left:.8rem!important}
.gamemode-description>:first-child{margin-right:0;width:100%;text-overflow:ellipsis;white-space:normal;overflow:visible!important}
.form_form{width:auto;position:relative;margin:-5px -5px 25px;display:flex;overflow-x:scroll}
.form_item{min-width:20%;padding:5px}
@media (max-width:1250px){.btn-find-slot{font-size:.8rem}}
@media (max-width:768px){.form_item{min-width:50%!important}.input-slot{width:65%!important}.find-slot{width:35%!important}.btn-find-slot{font-size:.7rem}.btn-play-slot-demo{padding:2px 25px!important;margin-top:5px!important}.btn-play-slot{padding:2px 25px!important}}
.form_checkbox .form_radio.form_withOutImage{height:40px}
.form_checkbox .form_radio{height:60px}
.form_radio{width:100%;height:42px;border-radius:6px;border:1px solid #343b48;background:0 0;outline:0;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.form_checkbox .form_radio .form_checked{position:absolute;width:15px;height:13px;left:0;top:0;background:#4986f5;border-radius:0 0 4px 0;border:0;display:none}
.form_radio .form_checked{display:block;position:absolute;height:22px;width:22px;border-radius:50%;border:2px solid #4c5465;left:15px}
.form_checkbox .form_radio .form_value{color:#93969b;padding-left:2px;display:flex;align-items:center;font-weight:600;font-size:16px}
.form_radio .form_value{padding-left:25px;display:flex;align-items:center}
.form_checkbox .form_radio .form_value svg{margin-left:3px;margin-top:2px;font-size:13px}
.form_checkbox .form_radio.form_isActive{border:2px solid #4986f5}
.form_checkbox .form_radio.form_isActive .form_checked{display:block}
.form_checkbox .form_radio .form_checked:after{content:"";position:absolute;left:4px;top:0;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.slot_block{width:calc(100%);position:relative;padding-bottom:56.25%;margin-right:0;margin-left:0}
.slot_block iframe{border:none;position:absolute;width:100%;height:100%}
.container ::-webkit-scrollbar{height:5px}
.slots-container{margin-top:20px}
.input-slot{width:80%;border-top-right-radius:0;border-bottom-right-radius:0}
.find-slot{width:20%}
.btn-find-slot{width:100%;border-bottom-left-radius:0;border-top-left-radius:0}
.slot_overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;flex-flow:column nowrap;padding-top:15%;transition:all .3s linear;background-color:#000000d6;display:none}
.slot_overlay .connected{position:absolute;bottom:5px;right:7px;display:block;color:#6c757d}
.slot_overlay .connected .icon{height:13px}
.slot_overlay .connected span{line-height:13px;font-size:13px}
.btn-play-slot{padding:3px 30px}
.btn-play-slot-demo{margin-top:10px;padding:3px 25px}
.gamemode:hover .slot_overlay{display:flex}
.slot_labels{position:absolute;top:3px;right:3px;display:flex;align-items:center;transition:all .3s linear;opacity:1}
.slot_labels .btn{font-size:9px;font-weight:700;line-height:4px;width:fit-content;margin-right:0;text-transform:uppercase;color:#fff;border-radius:5px}
.control_buttons{display:block;margin-left:auto;margin-right:0;align-items:center;margin-right:-15px}
.btn-slot-control{box-shadow:none;text-transform:uppercase;font-size:11px;letter-spacing:.28px;padding:5px 13px;white-space:nowrap;margin-right:15px}
.input-group{margin-bottom:40px}
@media (max-width:767px){.control_buttons{text-align:center;margin-right:0}.btn-slot-control{width:100%;float:none!important;padding:10px 13px;margin:5px auto}}
.container-landing{padding:0 0 15px;height:auto;width:100%;min-height:280px;border-radius:6px}
.slots-container .nothing-found{color:#626d7e;font-size:25px;margin:0 auto;text-transform:uppercase;font-weight:600;line-height:227px}
.gamemode{overflow:hidden;border-radius:0}
.random-slot .slot_overlay{background:0 0;display:flex}
.random-slot .gamemode-img{background-image:url(svg/random-slot-hover.svg@5),linear-gradient(to top,#4986f5,#5cabff);background-size:cover}
.random-slot button{top:calc(50% - 16px);position:absolute;background-color:#fff!important;border:none;border-radius:30px;color:#087fff!important;font-size:20px;font-weight:500}
.new-slots{margin-top:20px}
.new-slots .name{flex:0 0 50%;max-width:50%;color:#fff;font-size:20px;padding:10px 15px 20px}
.new-slots .gamemode{min-width:150px;width:150px;border-radius:3px}
.new-slots .gamemode-description{width:calc(100% - 120px);border-bottom:2px solid #2f3542}
.new-slots .gamemode-description a{font-size:12px;float:none;text-transform:uppercase;border-radius:5px}
.new-slots .gamemode-description div:first-child{width:100%}
.new-slots .gamemode-description div:nth-child(2){display:none;width:30%}

.new-slots .col-md-4{flex:0 0 100%;max-width:100%}
.new-slots .gamemode-el{display:flex;height:100px}
.top-slots{background-color:#272d39;margin-top:10px}
.top-slots .top-banner-text{position:absolute;z-index:2;margin-top:20px;margin-left:20px}
.top-slots .top-banner-text .collection{font-weight:500;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#fff}
.top-slots .top-banner-text .name{font-size:22px;line-height:1;font-weight:500;color:#fff;display:block}
.top-slots .top-slots-games .name{flex:0 0 50%;max-width:50%;color:#fff;font-size:20px;padding:10px 15px 20px}
.top-slots .top-banner-text button{font-size:.95rem;margin-top:39px;padding:5px 12px;border-radius:20px}
.top-slots .top-banner-text svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:5px}
.top-slots .top-slots-games{width:70%;display:flex;flex-wrap:wrap;padding:10px 0}
.top-slots .gamemode-el{display:flex;height:90px}
.top-slots .gamemode{min-width:135px;width:135px}
.top-slots .gamemode-description{width:calc(100% - 135px);border-bottom:2px solid #2f3542}
.top-slots .top-banner-block{width:40%}
.top-slots .top-slots-games{overflow:hidden;width:100%}
.top-slots .top-banner-block{display:none}
.top-slots .col-md-4{flex:0 0 100%;max-width:100%;margin-left:auto}
.promo-bonus-bg{background:#4986f5;border-radius:0}
.promo-bonus-img{position:absolute;z-index:1;height:100%;max-height:100%;top:-110px;right:-30px}
.promo-bonus-img img{height:300px}
.promo-bonus-info .promo-title{color:#fff;font-size:22px;font-weight:500;display:block}
.promo-bonus-info .promo-description{color:#fff;font-size:15px;margin-top:10px}
.promo-bonus-bg{background:#4986f5;border-radius:0;height:225px}
.promo-bonus-info{width:100%;height:100%;padding:15px;position:absolute;top:0;left:0;z-index:2}
.promo-bonus-info button{display:block;font-size:.95rem;padding:5px 30px;border-radius:20px;text-transform:uppercase;background-color:#fff;color:#4986f5;font-weight:500;position:absolute;bottom:30px;left:15px}
.promo-bonus-info .bonus-list{position:absolute;bottom:15px;left:15px;display:none}
.promo-bonus-info .item{display:flex;margin-right:30px}
.promo-bonus-info .item .features{margin-left:10px;margin-top:10px;font-size:14px;color:#fff;font-weight:500}
.promo-slot-bg{background:#5500cb;background-image:url(png/promo/reels-rush-2-promo.png);height:200px;background-repeat:no-repeat;border-top-left-radius:5px;border-top-right-radius:5px;-webkit-filter:blur(3px);filter:blur(3px);background-position:50%;background-size:500px}
.promo-slot-info{width:100%;height:100%;padding:30px;position:absolute;top:0;left:0}
.promo-slot-info .promo-title{color:#fff;font-size:30px;font-weight:500;display:block}
.promo-slot-info .promo-description{color:#fff;font-size:15px;margin-top:10px;display:none}
.promo-slot-info button{display:block;font-size:.95rem;position:absolute;bottom:30px;left:30px;padding:5px 30px;border-radius:20px;text-transform:uppercase;background-color:#fff;color:#5500cb;font-weight:500}
.site-description{text-align:center;max-width:100%;margin-top:15px;padding:0 0 10px}
.site-description div:first-child{text-align:center;width:100%}
@media (min-width:400px){.new-slots .gamemode-description div:first-child{width:70%}.new-slots .gamemode-description div:nth-child(2){display:block;width:30%}}
@media (min-width:580px){.new-slots .col-md-4{flex:0 0 50%;max-width:50%}.new-slots .gamemode-description div:first-child{display:none}.new-slots .gamemode-description div:nth-child(2){display:block;width:100%}.top-slots .gamemode{min-width:155px;width:155px}.top-slots .gamemode-description{width:calc(100% - 155px)}}
@media (min-width:768px){.promo-bonus-info button{position:unset;margin-top:20px}.promo-bonus-info .bonus-list{display:flex}.promo-slot-bg{background-size:contain;background-position-x:right;filter:none}.promo-slot-info .promo-description{display:block}.new-slots .col-md-4{flex:0 0 50%;max-width:50%}.top-slots .gamemode{min-width:120px;width:120px}.top-slots .gamemode-description{width:calc(100% - 120px)}.top-slots .gamemode-el{display:flex;height:80px}}
@media (min-width:821px){.promo-bonus-info button{position:absolute;margin-top:0}.promo-bonus-info .bonus-list{display:none}}
@media (min-width:1000px){.promo-bonus-info button{position:unset;margin-top:20px}.promo-bonus-info .bonus-list{display:flex}}
@media (min-width:1091px){.site-description{text-align:right}.site-description div:first-child{text-align:right}.top-slots .top-slots-games .name{display:none}.new-slots .gamemode-description div:first-child{display:block}.new-slots .gamemode-description div:nth-child(2){width:30%}.top-slots .col-md-4{flex:0 0 50%;max-width:50%;padding:0 15px 0}.top-slots .gamemode-description{border-bottom:none}.top-slots .top-banner-block{width:35%;display:flex}.top-slots .top-slots-games{width:65%;display:flex;flex-wrap:wrap;padding:10px 0;max-height:240px}.top-slots .top-banner{width:225px;position:absolute}.top-slots .top-banner-text button{font-size:.6rem}}
.site-description div:nth-child(2){font-size:1rem;text-transform:uppercase;font-weight:500;color:#4c4f56}
.site-description img{-webkit-filter:grayscale(1) opacity(.2);filter:grayscale(1) opacity(.2);width:230px}
.promo-bonus-bg-bf{background:url(jpg/promo/christmas.jpg)!important;background-repeat:no-repeat!important;background-position:center center!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}
.promo-bonus-info-bf{padding:55px 15px!important}
.bonus-list-bf{display:none!important}
.promo-bonus-info .promo-description-bf{background-color:#000000a6;padding:0 10px;border-radius:5px}
.promo-bonus-info .promo-title-bf{display:inline!important;background-color:#000000a6;padding:0 10px;border-radius:5px}
.providers-block{display:flex;margin-top:40px;flex-wrap:wrap;justify-content:center}
.providers-block a{}
.providers-block h2{font-size: 1.3rem;background: #242932;padding: 10px;}
.providers-block a img{height:30px;filter:invert(1) opacity(.3)}
.paysystems-block{display:flex;margin-top:40px;flex-wrap:wrap;justify-content:center}
.paysystems-block a{height:30px;display:block;margin:10px 15px}
.paysystems-block a img{height:30px;filter:invert(1) opacity(.3)}
.footer{padding-top:10px}
._1o640{padding-top:40px;display:grid;grid-template-columns:auto auto;grid-gap:25px}
._1lx81{height:278px}
._1lx81 ._1s3NE,._1lx81 ._34Mbf,._1lx81 button{margin-left:30px}
._1s3NE{color:#fff;font-size:36px;margin-top:70px;line-height:40px}
._34Mbf{margin-top:10px;color:#fff;font-size:16px;line-height:18px}
.z-C7Z{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
._1lx81 button{margin-top:50px}
.g-form-button{display:flex;justify-content:space-around;align-items:center;min-width:142.89px;font-size:12px;line-height:16px;letter-spacing:1px;border-radius:17px;background-color:transparent;border:1px solid var(--color-border-02);text-transform:uppercase;color:var(--color-text-02);font-weight:700;cursor:pointer;padding:9px 20px;z-index:1;transition:var(--transition)}
.g-form-button-transparent{border-color:var(--border-color-middle-transparent);color:var(--color-text-04)}
.g-form-button__icon{position:relative;top:-1px;margin-left:10px;opacity:.5;font-size:12px!important;transition:var(--transition)}
.menu-langing .btn-light{background:0 0;box-shadow:none;text-transform:uppercase;letter-spacing:.28px;white-space:nowrap;border:1px solid #434b57;color:#6e809f;padding:6px 17px;font-size:.7rem;margin-top:10px}
.menu-langing .btn-light:hover{color:#212529;background-color:#dae0e5;border-color:#d3d9df}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:transparent;background-clip:border-box;border:none;border-radius:.25rem;padding-top:20px;margin:0 0}
.card-body{background-color:#242932;flex:1 1 auto;padding:1.25rem;color:#fff}
.jackpot_block{display:flex;margin-top:30px}
.jackpot_item{width:50%;margin:0 15px 0 0}
.jackpot_item:last-child{margin:0}
.jackpot_content{padding:15px 20px;border-radius:6px;border:2px solid #4986f5;font-size:14px;position:relative;display:flex}
.jackpot_icon{font-size:32px;display:flex;align-items:center;justify-content:center;margin-right:20px;border-right:1px solid #333a48;padding-right:18px;color:#5a657a}
.jackpot_text{padding-right:41px;color:#8a91a0}
.jackpot_text a{color:#ffc107;border-bottom:1px solid transparent;margin-bottom:3px;display:inline-block;font-size:25px}
.jackpot_text a:hover{color:#ff6501;border-bottom:1px dashed}
.jackpot_textTitle{color:#fff;font-size:15px;margin-bottom:3px;font-weight:600}
.jackpot_arrow{position:absolute;right:20px;top:50%;width:36px;height:36px;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#333a48;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;outline:0;border:0}
.jackpot_arrow:focus,.jackpot_arrow:hover{outline:0}
.jackpot_arrow:hover{background:#4986f5}
.jackpot_arrow svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);fill:#fff;height:15px;width:15px}

@media (max-width:1270px){.jackpot_icon{display:none}.jackpot_text{padding-right:0}.jackpot_content{padding:15px}}
@media (max-width:768px){.jackpot_icon{display:flex}.jackpot_text{padding-right:41px}.jackpot_content{padding:20px}.jackpot_arrow{right:20px}.jackpot_block{flex-direction:column}.jackpot_item{width:100%;margin:0 0 15px}.jackpot_item:last-child{margin:0}}
@media (max-width:500px){.jackpot_icon{display:none}.jackpot_arrow{right:15px}.jackpot_content{padding:15px}}
@media screen and (max-width:1024px){._1o640{grid-template-columns:auto}}
@media (min-width:1290px){.gamemode-title{font-size:1em}.text-white-50{font-size:.9rem}}
@media (min-width:1367px){.top-slots .top-banner-text .name{font-size:25px}.top-slots .col-md-4{flex:0 0 33.33333%;max-width:33.33333%;padding:0 15px}.top-slots .top-banner-block{width:30%;display:flex}.top-slots .top-slots-games{width:70%;display:flex;flex-wrap:wrap;padding:10px 0;max-height:none}.top-slots .gamemode{min-width:120px;width:120px}.top-slots .gamemode-description{width:calc(100% - 120px)}.top-slots .top-banner{width:275px;position:absolute}.top-slots .top-banner-text button{font-size:.85rem}}