@charset "UTF-8";
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #711edb;
    --pink: #e83e8c;
    --red: #ec1e1e;
    --orange: #fa9b0d;
    --yellow: #facd0d;
    --green: #04c000;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #686c7d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #686c7d;
    --success: #04c000;
    --info: #17a2b8;
    --warning: #facd0d;
    --danger: #ec1e1e;
    --light: #e0e0e4;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-xsm: 520px;
    --breakpoint-sm: 768px;
    --breakpoint-md: 992px;
    --breakpoint-lg: 1350px;
    --font-family-sans-serif: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --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: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-family: Montserrat, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}
p {
    margin: 0;
}
address {
    font-style: normal;
    line-height: inherit;
}
address,
dl,
ol,
ul {
    margin-bottom: 1rem;
}
dl,
ol,
ul {
    margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0;
}
b,
strong {
    font-weight: 700;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
a:not([href]):not([tabindex]),
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;
}
figure {
    margin: 0 0 1rem;
}
img {
    max-width: 100%;
    border-style: none;
}
img,
svg {
    vertical-align: middle;
}
svg {
    overflow: hidden;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #686c7d;
    text-align: left;
    caption-side: bottom;
}
th {
    text-align: inherit;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
    outline: none !important;
    cursor: pointer;
}
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;
    cursor: pointer;
}
button,
select {
    text-transform: none;
}
select {
    word-wrap: normal;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
[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: 0.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;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.75rem;
}
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1rem;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#component-game-search-component-1 {
    max-height: 152px;
}
small {
    font-size: 80%;
    font-weight: 400;
}
.color_white {
    color: var(--white);
}
.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1350px) {
    .container {
        max-width: 1340px;
    }
}
.container-fluid {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.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-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xsm,
.col-xsm-1,
.col-xsm-2,
.col-xsm-3,
.col-xsm-4,
.col-xsm-5,
.col-xsm-6,
.col-xsm-7,
.col-xsm-8,
.col-xsm-9,
.col-xsm-10,
.col-xsm-11,
.col-xsm-12,
.col-xsm-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col-1,
.col-auto {
    -webkit-box-flex: 0;
}
.col-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-2,
.col-3 {
    -webkit-box-flex: 0;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-4,
.col-5 {
    -webkit-box-flex: 0;
}
.col-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-6,
.col-7 {
    -webkit-box-flex: 0;
}
.col-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-8,
.col-9 {
    -webkit-box-flex: 0;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-10,
.col-11 {
    -webkit-box-flex: 0;
}
.col-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}
.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}
.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}
.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}
.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}
.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}
.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}
.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}
.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}
.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}
.offset-1 {
    margin-left: 8.3333333333%;
}
.offset-2 {
    margin-left: 16.6666666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.3333333333%;
}
.offset-5 {
    margin-left: 41.6666666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.3333333333%;
}
.offset-8 {
    margin-left: 66.6666666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.3333333333%;
}
.offset-11 {
    margin-left: 91.6666666667%;
}
@media (min-width: 520px) {
    .col-xsm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xsm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xsm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xsm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xsm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xsm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xsm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xsm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xsm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xsm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xsm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xsm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xsm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xsm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xsm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xsm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xsm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xsm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xsm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xsm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xsm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xsm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xsm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xsm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xsm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xsm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xsm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xsm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xsm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xsm-0 {
        margin-left: 0;
    }
    .offset-xsm-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xsm-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xsm-3 {
        margin-left: 25%;
    }
    .offset-xsm-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xsm-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xsm-6 {
        margin-left: 50%;
    }
    .offset-xsm-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xsm-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xsm-9 {
        margin-left: 75%;
    }
    .offset-xsm-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xsm-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 768px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 992px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1350px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-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;
    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;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}
.btn:hover {
    color: #212529;
    text-decoration: none;
}
.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.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 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
    color: #fff;
    background-color: #686c7d;
    border-color: #686c7d;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #575a68;
    border-color: #515461;
}
.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem hsla(230, 8%, 53%, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #686c7d;
    border-color: #686c7d;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #515461;
    border-color: #4b4e5a;
}
.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 0.2rem hsla(230, 8%, 53%, 0.5);
}
.btn-success {
    color: #fff;
    background-color: #04c000;
    border-color: #04c000;
}
.btn-success:hover {
    color: #fff;
    background-color: #039a00;
    border-color: #038d00;
}
.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(42, 201, 38, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #04c000;
    border-color: #04c000;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #038d00;
    border-color: #038000;
}
.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 0.2rem rgba(42, 201, 38, 0.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 0.2rem rgba(58, 176, 195, 0.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 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
    color: #212529;
    background-color: #facd0d;
    border-color: #facd0d;
}
.btn-warning:hover {
    color: #212529;
    background-color: #dcb305;
    border-color: #d0a904;
}
.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(217, 180, 17, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #facd0d;
    border-color: #facd0d;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d0a904;
    border-color: #c39f04;
}
.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 0.2rem rgba(217, 180, 17, 0.5);
}
.btn-danger {
    color: #fff;
    background-color: #ec1e1e;
    border-color: #ec1e1e;
}
.btn-danger:hover {
    color: #fff;
    background-color: #d21212;
    border-color: #c61111;
}
.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 64, 64, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #ec1e1e;
    border-color: #ec1e1e;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c61111;
    border-color: #bb1010;
}
.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 0.2rem rgba(239, 64, 64, 0.5);
}
.btn-light {
    color: #212529;
    background-color: #e0e0e4;
    border-color: #e0e0e4;
}
.btn-light:hover {
    color: #212529;
    background-color: #ccccd2;
    border-color: #c5c5cc;
}
.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 0.2rem hsla(228, 4%, 77%, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #e0e0e4;
    border-color: #e0e0e4;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #c5c5cc;
    border-color: #bebec6;
}
.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 0.2rem hsla(228, 4%, 77%, 0.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 0.2rem rgba(82, 88, 93, 0.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 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    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: #007bff;
    border-color: #007bff;
}
.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 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
    color: #686c7d;
    border-color: #686c7d;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #686c7d;
    border-color: #686c7d;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem hsla(229, 9%, 45%, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #686c7d;
    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: #686c7d;
    border-color: #686c7d;
}
.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 0.2rem hsla(229, 9%, 45%, 0.5);
}
.btn-outline-success {
    color: #04c000;
    border-color: #04c000;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #04c000;
    border-color: #04c000;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(4, 192, 0, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #04c000;
    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: #04c000;
    border-color: #04c000;
}
.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 0.2rem rgba(4, 192, 0, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
    color: #facd0d;
    border-color: #facd0d;
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #facd0d;
    border-color: #facd0d;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(250, 205, 13, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #facd0d;
    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: #facd0d;
    border-color: #facd0d;
}
.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 0.2rem rgba(250, 205, 13, 0.5);
}
.btn-outline-danger {
    color: #ec1e1e;
    border-color: #ec1e1e;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #ec1e1e;
    border-color: #ec1e1e;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(236, 30, 30, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #ec1e1e;
    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: #ec1e1e;
    border-color: #ec1e1e;
}
.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 0.2rem rgba(236, 30, 30, 0.5);
}
.btn-outline-light {
    color: #e0e0e4;
    border-color: #e0e0e4;
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #e0e0e4;
    border-color: #e0e0e4;
}
.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem hsla(240, 7%, 89%, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #e0e0e4;
    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: #e0e0e4;
    border-color: #e0e0e4;
}
.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 0.2rem hsla(240, 7%, 89%, 0.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 0.2rem rgba(52, 58, 64, 0.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 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}
.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: #686c7d;
    pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.btn-group-sm > .btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 0.5rem;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 100%;
}
.fade {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}
.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.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: 0.5rem 0;
    margin: 0.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, 0.15);
    border-radius: 0.25rem;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
@media (min-width: 520px) {
    .dropdown-menu-xsm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xsm-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}
@media (max-width: 992px) {
    .simplebar-placeholder {
        height: 70px!important;
    }
    .filter-s .container-mobile-s .simplebar-track.horizontal {
        display: none;
    }
}
@media (min-width: 1350px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.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: 0.125rem;
}
.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.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: 0.125rem;
}
.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}
.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.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: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #acacbf;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e0e0e4;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #686c7d;
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #686c7d;
    white-space: nowrap;
}
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
    z-index: 1;
}
.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    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: 0.5625rem;
    padding-left: 0.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: 0.375rem;
    padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.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-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
}
.nav-link.disabled {
    color: #686c7d;
    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: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #acacbf #acacbf #dee2e6;
}
.nav-tabs .nav-link.disabled {
    color: #686c7d;
    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: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}
.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}
.tab-content {
    height: inherit;
}
.tab-content > .tab-pane {
    height: 100%;
    display: none;
}
.tab-content > .active {
    display: block;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.card > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: 0.75rem;
}
.card-subtitle {
    margin-top: -0.375rem;
}
.card-subtitle,
.card-text:last-child {
    margin-bottom: 0;
}
.card-link:hover {
    text-decoration: none;
}
.card-link + .card-link {
    margin-left: 1.25rem;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
    margin-bottom: -0.75rem;
    border-bottom: 0;
}
.card-header-pills,
.card-header-tabs {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
.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;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}
a.close.disabled {
    pointer-events: none;
}
.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: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}
.modal.show .modal-dialog {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}
.modal-dialog-scrollable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none;
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.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: 0.5;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    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 (min-width: 768px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .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: 1350px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}
.modal-xl {
    max-width: 1140px;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Montserrat, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, sans-serif;
    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: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-top {
    padding: 0.4rem 0;
}
.bs-tooltip-top .arrow {
    bottom: 0;
}
.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-right {
    padding: 0 0.4rem;
}
.bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow {
    top: 0;
}
.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-left {
    padding: 0 0.4rem;
}
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}
.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: #007bff !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: #686c7d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #515461 !important;
}
.bg-success {
    background-color: #04c000 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #038d00 !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: #facd0d !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d0a904 !important;
}
.bg-danger {
    background-color: #ec1e1e !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #c61111 !important;
}
.bg-light {
    background-color: #e0e0e4 !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #c5c5cc !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-0 {
    border: 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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
@media (min-width: 520px) {
    .d-xsm-none {
        display: none !important;
    }
    .d-xsm-inline {
        display: inline !important;
    }
    .d-xsm-inline-block {
        display: inline-block !important;
    }
    .d-xsm-block {
        display: block !important;
    }
    .d-xsm-table {
        display: table !important;
    }
    .d-xsm-table-row {
        display: table-row !important;
    }
    .d-xsm-table-cell {
        display: table-cell !important;
    }
    .d-xsm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xsm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 992px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 1350px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
.embed-responsive-21by9:before {
    padding-top: 42.8571428571%;
}
.embed-responsive-16by9:before {
    padding-top: 56.25%;
}
.embed-responsive-4by3:before {
    padding-top: 75%;
}
.embed-responsive-1by1:before {
    padding-top: 100%;
}
.flex-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.flex-column,
.flex-row {
    -webkit-box-direction: normal !important;
}
.flex-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}
.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-direction: reverse !important;
}
.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}
.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}
.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}
.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}
.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}
.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}
.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}
.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}
.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}
.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}
.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}
.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}
.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}
.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}
@media (min-width: 520px) {
    .flex-xsm-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-xsm-column,
    .flex-xsm-row {
        -webkit-box-direction: normal !important;
    }
    .flex-xsm-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-xsm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-xsm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-xsm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-xsm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-xsm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-xsm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-xsm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-xsm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-xsm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-xsm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-xsm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-xsm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-xsm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-xsm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-xsm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-xsm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-xsm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-xsm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-xsm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-xsm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-xsm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-xsm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-xsm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-xsm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-xsm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-xsm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-xsm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-xsm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-xsm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-xsm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-xsm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-xsm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-sm-column,
    .flex-sm-row {
        -webkit-box-direction: normal !important;
    }
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}
@media (min-width: 992px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-md-column,
    .flex-md-row {
        -webkit-box-direction: normal !important;
    }
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}
@media (min-width: 1350px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-direction: normal !important;
    }
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-none {
    float: none !important;
}
@media (min-width: 520px) {
    .float-xsm-left {
        float: left !important;
    }
    .float-xsm-right {
        float: right !important;
    }
    .float-xsm-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}
@media (min-width: 992px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}
@media (min-width: 1350px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-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;
}
@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.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;
}
.vw-100 {
    width: 100vw !important;
}
.vh-100 {
    height: 100vh !important;
}
.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.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-5 {
    margin: 0.3125rem !important;
}
.mt-5,
.my-5 {
    margin-top: 0.3125rem !important;
}
.mr-5,
.mx-5 {
    margin-right: 0.3125rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 0.3125rem !important;
}
.ml-5,
.mx-5 {
    margin-left: 0.3125rem !important;
}
.m-10 {
    margin: 0.625rem !important;
}
.mt-10,
.my-10 {
    margin-top: 0.625rem !important;
}
.mr-10,
.mx-10 {
    margin-right: 0.625rem !important;
}
.mb-10,
.my-10 {
    margin-bottom: 0.625rem !important;
}
.ml-10,
.mx-10 {
    margin-left: 0.625rem !important;
}
.m-15 {
    margin: 0.9375rem !important;
}
.mt-15,
.my-15 {
    margin-top: 0.9375rem !important;
}
.mr-15,
.mx-15 {
    margin-right: 0.9375rem !important;
}
.mb-15,
.my-15 {
    margin-bottom: 0.9375rem !important;
}
.ml-15,
.mx-15 {
    margin-left: 0.9375rem !important;
}
.m-20 {
    margin: 1.25rem !important;
}
.mt-20,
.my-20 {
    margin-top: 1.25rem !important;
}
.mr-20,
.mx-20 {
    margin-right: 1.25rem !important;
}
.mb-20,
.my-20 {
    margin-bottom: 1.25rem !important;
}
.ml-20,
.mx-20 {
    margin-left: 1.25rem !important;
}
.m-30 {
    margin: 1.875rem !important;
}
.mt-30,
.my-30 {
    margin-top: 1.875rem !important;
}
.mr-30,
.mx-30 {
    margin-right: 1.875rem !important;
}
.mb-30,
.my-30 {
    margin-bottom: 1.875rem !important;
}
.ml-30,
.mx-30 {
    margin-left: 1.875rem !important;
}
.m-40 {
    margin: 2.5rem !important;
}
.mt-40,
.my-40 {
    margin-top: 2.5rem !important;
}
.mr-40,
.mx-40 {
    margin-right: 2.5rem !important;
}
.mb-40,
.my-40 {
    margin-bottom: 2.5rem !important;
}
.ml-40,
.mx-40 {
    margin-left: 2.5rem !important;
}
.m-50 {
    margin: 3.125rem !important;
}
.mt-50,
.my-50 {
    margin-top: 3.125rem !important;
}
.mr-50,
.mx-50 {
    margin-right: 3.125rem !important;
}
.mb-50,
.my-50 {
    margin-bottom: 3.125rem !important;
}
.ml-50,
.mx-50 {
    margin-left: 3.125rem !important;
}
.m-60 {
    margin: 3.75rem !important;
}
.mt-60,
.my-60 {
    margin-top: 3.75rem !important;
}
.mr-60,
.mx-60 {
    margin-right: 3.75rem !important;
}
.mb-60,
.my-60 {
    margin-bottom: 3.75rem !important;
}
.ml-60,
.mx-60 {
    margin-left: 3.75rem !important;
}
.m-70 {
    margin: 4.375rem !important;
}
.mt-70,
.my-70 {
    margin-top: 4.375rem !important;
}
.mr-70,
.mx-70 {
    margin-right: 4.375rem !important;
}
.mb-70,
.my-70 {
    margin-bottom: 4.375rem !important;
}
.ml-70,
.mx-70 {
    margin-left: 4.375rem !important;
}
.m-80 {
    margin: 5rem !important;
}
.mt-80,
.my-80 {
    margin-top: 5rem !important;
}
.mr-80,
.mx-80 {
    margin-right: 5rem !important;
}
.mb-80,
.my-80 {
    margin-bottom: 5rem !important;
}
.ml-80,
.mx-80 {
    margin-left: 5rem !important;
}
.m-90 {
    margin: 5.625rem !important;
}
.mt-90,
.my-90 {
    margin-top: 5.625rem !important;
}
.mr-90,
.mx-90 {
    margin-right: 5.625rem !important;
}
.mb-90,
.my-90 {
    margin-bottom: 5.625rem !important;
}
.ml-90,
.mx-90 {
    margin-left: 5.625rem !important;
}
.m-100 {
    margin: 6.25rem !important;
}
.mt-100,
.my-100 {
    margin-top: 6.25rem !important;
}
.mr-100,
.mx-100 {
    margin-right: 6.25rem !important;
}
.mb-100,
.my-100 {
    margin-bottom: 6.25rem !important;
}
.ml-100,
.mx-100 {
    margin-left: 6.25rem !important;
}
.m-110 {
    margin: 6.875rem !important;
}
.mt-110,
.my-110 {
    margin-top: 6.875rem !important;
}
.mr-110,
.mx-110 {
    margin-right: 6.875rem !important;
}
.mb-110,
.my-110 {
    margin-bottom: 6.875rem !important;
}
.ml-110,
.mx-110 {
    margin-left: 6.875rem !important;
}
.m-120 {
    margin: 7.5rem !important;
}
.mt-120,
.my-120 {
    margin-top: 7.5rem !important;
}
.mr-120,
.mx-120 {
    margin-right: 7.5rem !important;
}
.mb-120,
.my-120 {
    margin-bottom: 7.5rem !important;
}
.ml-120,
.mx-120 {
    margin-left: 7.5rem !important;
}
.m-130 {
    margin: 8.125rem !important;
}
.mt-130,
.my-130 {
    margin-top: 8.125rem !important;
}
.mr-130,
.mx-130 {
    margin-right: 8.125rem !important;
}
.mb-130,
.my-130 {
    margin-bottom: 8.125rem !important;
}
.ml-130,
.mx-130 {
    margin-left: 8.125rem !important;
}
.m-140 {
    margin: 8.75rem !important;
}
.mt-140,
.my-140 {
    margin-top: 8.75rem !important;
}
.mr-140,
.mx-140 {
    margin-right: 8.75rem !important;
}
.mb-140,
.my-140 {
    margin-bottom: 8.75rem !important;
}
.ml-140,
.mx-140 {
    margin-left: 8.75rem !important;
}
.m-150 {
    margin: 9.375rem !important;
}
.mt-150,
.my-150 {
    margin-top: 9.375rem !important;
}
.mr-150,
.mx-150 {
    margin-right: 9.375rem !important;
}
.mb-150,
.my-150 {
    margin-bottom: 9.375rem !important;
}
.ml-150,
.mx-150 {
    margin-left: 9.375rem !important;
}
.m-160 {
    margin: 10rem !important;
}
.mt-160,
.my-160 {
    margin-top: 10rem !important;
}
.mr-160,
.mx-160 {
    margin-right: 10rem !important;
}
.mb-160,
.my-160 {
    margin-bottom: 10rem !important;
}
.ml-160,
.mx-160 {
    margin-left: 10rem !important;
}
.m-170 {
    margin: 10.625rem !important;
}
.mt-170,
.my-170 {
    margin-top: 10.625rem !important;
}
.mr-170,
.mx-170 {
    margin-right: 10.625rem !important;
}
.mb-170,
.my-170 {
    margin-bottom: 10.625rem !important;
}
.ml-170,
.mx-170 {
    margin-left: 10.625rem !important;
}
.m-180 {
    margin: 11.25rem !important;
}
.mt-180,
.my-180 {
    margin-top: 11.25rem !important;
}
.mr-180,
.mx-180 {
    margin-right: 11.25rem !important;
}
.mb-180,
.my-180 {
    margin-bottom: 11.25rem !important;
}
.ml-180,
.mx-180 {
    margin-left: 11.25rem !important;
}
.m-190 {
    margin: 11.875rem !important;
}
.mt-190,
.my-190 {
    margin-top: 11.875rem !important;
}
.mr-190,
.mx-190 {
    margin-right: 11.875rem !important;
}
.mb-190,
.my-190 {
    margin-bottom: 11.875rem !important;
}
.ml-190,
.mx-190 {
    margin-left: 11.875rem !important;
}
.m-200 {
    margin: 12.5rem !important;
}
.mt-200,
.my-200 {
    margin-top: 12.5rem !important;
}
.mr-200,
.mx-200 {
    margin-right: 12.5rem !important;
}
.mb-200,
.my-200 {
    margin-bottom: 12.5rem !important;
}
.ml-200,
.mx-200 {
    margin-left: 12.5rem !important;
}
.m-210 {
    margin: 13.125rem !important;
}
.mt-210,
.my-210 {
    margin-top: 13.125rem !important;
}
.mr-210,
.mx-210 {
    margin-right: 13.125rem !important;
}
.mb-210,
.my-210 {
    margin-bottom: 13.125rem !important;
}
.ml-210,
.mx-210 {
    margin-left: 13.125rem !important;
}
.m-220 {
    margin: 13.75rem !important;
}
.mt-220,
.my-220 {
    margin-top: 13.75rem !important;
}
.mr-220,
.mx-220 {
    margin-right: 13.75rem !important;
}
.mb-220,
.my-220 {
    margin-bottom: 13.75rem !important;
}
.ml-220,
.mx-220 {
    margin-left: 13.75rem !important;
}
.m-230 {
    margin: 14.375rem !important;
}
.mt-230,
.my-230 {
    margin-top: 14.375rem !important;
}
.mr-230,
.mx-230 {
    margin-right: 14.375rem !important;
}
.mb-230,
.my-230 {
    margin-bottom: 14.375rem !important;
}
.ml-230,
.mx-230 {
    margin-left: 14.375rem !important;
}
.m-240 {
    margin: 15rem !important;
}
.mt-240,
.my-240 {
    margin-top: 15rem !important;
}
.mr-240,
.mx-240 {
    margin-right: 15rem !important;
}
.mb-240,
.my-240 {
    margin-bottom: 15rem !important;
}
.ml-240,
.mx-240 {
    margin-left: 15rem !important;
}
.m-250 {
    margin: 15.625rem !important;
}
.mt-250,
.my-250 {
    margin-top: 15.625rem !important;
}
.mr-250,
.mx-250 {
    margin-right: 15.625rem !important;
}
.mb-250,
.my-250 {
    margin-bottom: 15.625rem !important;
}
.ml-250,
.mx-250 {
    margin-left: 15.625rem !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-5 {
    padding: 0.3125rem !important;
}
.pt-5,
.py-5 {
    padding-top: 0.3125rem !important;
}
.pr-5,
.px-5 {
    padding-right: 0.3125rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 0.3125rem !important;
}
.pl-5,
.px-5 {
    padding-left: 0.3125rem !important;
}
.p-10 {
    padding: 0.625rem !important;
}
.pt-10,
.py-10 {
    padding-top: 0.625rem !important;
}
.pr-10,
.px-10 {
    padding-right: 0.625rem !important;
}
.pb-10,
.py-10 {
    padding-bottom: 0.625rem !important;
}
.pl-10,
.px-10 {
    padding-left: 0.625rem !important;
}
.p-15 {
    padding: 0.9375rem !important;
}
.pt-15,
.py-15 {
    padding-top: 0.9375rem !important;
}
.pr-15,
.px-15 {
    padding-right: 0.9375rem !important;
}
.pb-15,
.py-15 {
    padding-bottom: 0.9375rem !important;
}
.pl-15,
.px-15 {
    padding-left: 0.9375rem !important;
}
.p-20 {
    padding: 1.25rem !important;
}
.pt-20,
.py-20 {
    padding-top: 1.25rem !important;
}
.pr-20,
.px-20 {
    padding-right: 1.25rem !important;
}
.pb-20,
.py-20 {
    padding-bottom: 1.25rem !important;
}
.pl-20,
.px-20 {
    padding-left: 1.25rem !important;
}
.p-30 {
    padding: 1.875rem !important;
}
.pt-30,
.py-30 {
    padding-top: 1.875rem !important;
}
.pr-30,
.px-30 {
    padding-right: 1.875rem !important;
}
.pb-30,
.py-30 {
    padding-bottom: 1.875rem !important;
}
.pl-30,
.px-30 {
    padding-left: 1.875rem !important;
}
.p-40 {
    padding: 2.5rem !important;
}
.pt-40,
.py-40 {
    padding-top: 2.5rem !important;
}
.pr-40,
.px-40 {
    padding-right: 2.5rem !important;
}
.pb-40,
.py-40 {
    padding-bottom: 2.5rem !important;
}
.pl-40,
.px-40 {
    padding-left: 2.5rem !important;
}
.p-50 {
    padding: 3.125rem !important;
}
.pt-50,
.py-50 {
    padding-top: 3.125rem !important;
}
.pr-50,
.px-50 {
    padding-right: 3.125rem !important;
}
.pb-50,
.py-50 {
    padding-bottom: 3.125rem !important;
}
.pl-50,
.px-50 {
    padding-left: 3.125rem !important;
}
.p-60 {
    padding: 3.75rem !important;
}
.pt-60,
.py-60 {
    padding-top: 3.75rem !important;
}
.pr-60,
.px-60 {
    padding-right: 3.75rem !important;
}
.pb-60,
.py-60 {
    padding-bottom: 3.75rem !important;
}
.pl-60,
.px-60 {
    padding-left: 3.75rem !important;
}
.p-70 {
    padding: 4.375rem !important;
}
.pt-70,
.py-70 {
    padding-top: 4.375rem !important;
}
.pr-70,
.px-70 {
    padding-right: 4.375rem !important;
}
.pb-70,
.py-70 {
    padding-bottom: 4.375rem !important;
}
.pl-70,
.px-70 {
    padding-left: 4.375rem !important;
}
.p-80 {
    padding: 5rem !important;
}
.pt-80,
.py-80 {
    padding-top: 5rem !important;
}
.pr-80,
.px-80 {
    padding-right: 5rem !important;
}
.pb-80,
.py-80 {
    padding-bottom: 5rem !important;
}
.pl-80,
.px-80 {
    padding-left: 5rem !important;
}
.p-90 {
    padding: 5.625rem !important;
}
.pt-90,
.py-90 {
    padding-top: 5.625rem !important;
}
.pr-90,
.px-90 {
    padding-right: 5.625rem !important;
}
.pb-90,
.py-90 {
    padding-bottom: 5.625rem !important;
}
.pl-90,
.px-90 {
    padding-left: 5.625rem !important;
}
.p-100 {
    padding: 6.25rem !important;
}
.pt-100,
.py-100 {
    padding-top: 6.25rem !important;
}
.pr-100,
.px-100 {
    padding-right: 6.25rem !important;
}
.pb-100,
.py-100 {
    padding-bottom: 6.25rem !important;
}
.pl-100,
.px-100 {
    padding-left: 6.25rem !important;
}
.p-110 {
    padding: 6.875rem !important;
}
.pt-110,
.py-110 {
    padding-top: 6.875rem !important;
}
.pr-110,
.px-110 {
    padding-right: 6.875rem !important;
}
.pb-110,
.py-110 {
    padding-bottom: 6.875rem !important;
}
.pl-110,
.px-110 {
    padding-left: 6.875rem !important;
}
.p-120 {
    padding: 7.5rem !important;
}
.pt-120,
.py-120 {
    padding-top: 7.5rem !important;
}
.pr-120,
.px-120 {
    padding-right: 7.5rem !important;
}
.pb-120,
.py-120 {
    padding-bottom: 7.5rem !important;
}
.pl-120,
.px-120 {
    padding-left: 7.5rem !important;
}
.p-130 {
    padding: 8.125rem !important;
}
.pt-130,
.py-130 {
    padding-top: 8.125rem !important;
}
.pr-130,
.px-130 {
    padding-right: 8.125rem !important;
}
.pb-130,
.py-130 {
    padding-bottom: 8.125rem !important;
}
.pl-130,
.px-130 {
    padding-left: 8.125rem !important;
}
.p-140 {
    padding: 8.75rem !important;
}
.pt-140,
.py-140 {
    padding-top: 8.75rem !important;
}
.pr-140,
.px-140 {
    padding-right: 8.75rem !important;
}
.pb-140,
.py-140 {
    padding-bottom: 8.75rem !important;
}
.pl-140,
.px-140 {
    padding-left: 8.75rem !important;
}
.p-150 {
    padding: 9.375rem !important;
}
.pt-150,
.py-150 {
    padding-top: 9.375rem !important;
}
.pr-150,
.px-150 {
    padding-right: 9.375rem !important;
}
.pb-150,
.py-150 {
    padding-bottom: 9.375rem !important;
}
.pl-150,
.px-150 {
    padding-left: 9.375rem !important;
}
.p-160 {
    padding: 10rem !important;
}
.pt-160,
.py-160 {
    padding-top: 10rem !important;
}
.pr-160,
.px-160 {
    padding-right: 10rem !important;
}
.pb-160,
.py-160 {
    padding-bottom: 10rem !important;
}
.pl-160,
.px-160 {
    padding-left: 10rem !important;
}
.p-170 {
    padding: 10.625rem !important;
}
.pt-170,
.py-170 {
    padding-top: 10.625rem !important;
}
.pr-170,
.px-170 {
    padding-right: 10.625rem !important;
}
.pb-170,
.py-170 {
    padding-bottom: 10.625rem !important;
}
.pl-170,
.px-170 {
    padding-left: 10.625rem !important;
}
.p-180 {
    padding: 11.25rem !important;
}
.pt-180,
.py-180 {
    padding-top: 11.25rem !important;
}
.pr-180,
.px-180 {
    padding-right: 11.25rem !important;
}
.pb-180,
.py-180 {
    padding-bottom: 11.25rem !important;
}
.pl-180,
.px-180 {
    padding-left: 11.25rem !important;
}
.p-190 {
    padding: 11.875rem !important;
}
.pt-190,
.py-190 {
    padding-top: 11.875rem !important;
}
.pr-190,
.px-190 {
    padding-right: 11.875rem !important;
}
.pb-190,
.py-190 {
    padding-bottom: 11.875rem !important;
}
.pl-190,
.px-190 {
    padding-left: 11.875rem !important;
}
.p-200 {
    padding: 12.5rem !important;
}
.pt-200,
.py-200 {
    padding-top: 12.5rem !important;
}
.pr-200,
.px-200 {
    padding-right: 12.5rem !important;
}
.pb-200,
.py-200 {
    padding-bottom: 12.5rem !important;
}
.pl-200,
.px-200 {
    padding-left: 12.5rem !important;
}
.p-210 {
    padding: 13.125rem !important;
}
.pt-210,
.py-210 {
    padding-top: 13.125rem !important;
}
.pr-210,
.px-210 {
    padding-right: 13.125rem !important;
}
.pb-210,
.py-210 {
    padding-bottom: 13.125rem !important;
}
.pl-210,
.px-210 {
    padding-left: 13.125rem !important;
}
.p-220 {
    padding: 13.75rem !important;
}
.pt-220,
.py-220 {
    padding-top: 13.75rem !important;
}
.pr-220,
.px-220 {
    padding-right: 13.75rem !important;
}
.pb-220,
.py-220 {
    padding-bottom: 13.75rem !important;
}
.pl-220,
.px-220 {
    padding-left: 13.75rem !important;
}
.p-230 {
    padding: 14.375rem !important;
}
.pt-230,
.py-230 {
    padding-top: 14.375rem !important;
}
.pr-230,
.px-230 {
    padding-right: 14.375rem !important;
}
.pb-230,
.py-230 {
    padding-bottom: 14.375rem !important;
}
.pl-230,
.px-230 {
    padding-left: 14.375rem !important;
}
.p-240 {
    padding: 15rem !important;
}
.pt-240,
.py-240 {
    padding-top: 15rem !important;
}
.pr-240,
.px-240 {
    padding-right: 15rem !important;
}
.pb-240,
.py-240 {
    padding-bottom: 15rem !important;
}
.pl-240,
.px-240 {
    padding-left: 15rem !important;
}
.p-250 {
    padding: 15.625rem !important;
}
.pt-250,
.py-250 {
    padding-top: 15.625rem !important;
}
.pr-250,
.px-250 {
    padding-right: 15.625rem !important;
}
.pb-250,
.py-250 {
    padding-bottom: 15.625rem !important;
}
.pl-250,
.px-250 {
    padding-left: 15.625rem !important;
}
.m-n5 {
    margin: -0.3125rem !important;
}
.mt-n5,
.my-n5 {
    margin-top: -0.3125rem !important;
}
.mr-n5,
.mx-n5 {
    margin-right: -0.3125rem !important;
}
.mb-n5,
.my-n5 {
    margin-bottom: -0.3125rem !important;
}
.ml-n5,
.mx-n5 {
    margin-left: -0.3125rem !important;
}
.m-n10 {
    margin: -0.625rem !important;
}
.mt-n10,
.my-n10 {
    margin-top: -0.625rem !important;
}
.mr-n10,
.mx-n10 {
    margin-right: -0.625rem !important;
}
.mb-n10,
.my-n10 {
    margin-bottom: -0.625rem !important;
}
.ml-n10,
.mx-n10 {
    margin-left: -0.625rem !important;
}
.m-n15 {
    margin: -0.9375rem !important;
}
.mt-n15,
.my-n15 {
    margin-top: -0.9375rem !important;
}
.mr-n15,
.mx-n15 {
    margin-right: -0.9375rem !important;
}
.mb-n15,
.my-n15 {
    margin-bottom: -0.9375rem !important;
}
.ml-n15,
.mx-n15 {
    margin-left: -0.9375rem !important;
}
.m-n20 {
    margin: -1.25rem !important;
}
.mt-n20,
.my-n20 {
    margin-top: -1.25rem !important;
}
.mr-n20,
.mx-n20 {
    margin-right: -1.25rem !important;
}
.mb-n20,
.my-n20 {
    margin-bottom: -1.25rem !important;
}
.ml-n20,
.mx-n20 {
    margin-left: -1.25rem !important;
}
.m-n30 {
    margin: -1.875rem !important;
}
.mt-n30,
.my-n30 {
    margin-top: -1.875rem !important;
}
.mr-n30,
.mx-n30 {
    margin-right: -1.875rem !important;
}
.mb-n30,
.my-n30 {
    margin-bottom: -1.875rem !important;
}
.ml-n30,
.mx-n30 {
    margin-left: -1.875rem !important;
}
.m-n40 {
    margin: -2.5rem !important;
}
.mt-n40,
.my-n40 {
    margin-top: -2.5rem !important;
}
.mr-n40,
.mx-n40 {
    margin-right: -2.5rem !important;
}
.mb-n40,
.my-n40 {
    margin-bottom: -2.5rem !important;
}
.ml-n40,
.mx-n40 {
    margin-left: -2.5rem !important;
}
.m-n50 {
    margin: -3.125rem !important;
}
.mt-n50,
.my-n50 {
    margin-top: -3.125rem !important;
}
.mr-n50,
.mx-n50 {
    margin-right: -3.125rem !important;
}
.mb-n50,
.my-n50 {
    margin-bottom: -3.125rem !important;
}
.ml-n50,
.mx-n50 {
    margin-left: -3.125rem !important;
}
.m-n60 {
    margin: -3.75rem !important;
}
.mt-n60,
.my-n60 {
    margin-top: -3.75rem !important;
}
.mr-n60,
.mx-n60 {
    margin-right: -3.75rem !important;
}
.mb-n60,
.my-n60 {
    margin-bottom: -3.75rem !important;
}
.ml-n60,
.mx-n60 {
    margin-left: -3.75rem !important;
}
.m-n70 {
    margin: -4.375rem !important;
}
.mt-n70,
.my-n70 {
    margin-top: -4.375rem !important;
}
.mr-n70,
.mx-n70 {
    margin-right: -4.375rem !important;
}
.mb-n70,
.my-n70 {
    margin-bottom: -4.375rem !important;
}
.ml-n70,
.mx-n70 {
    margin-left: -4.375rem !important;
}
.m-n80 {
    margin: -5rem !important;
}
.mt-n80,
.my-n80 {
    margin-top: -5rem !important;
}
.mr-n80,
.mx-n80 {
    margin-right: -5rem !important;
}
.mb-n80,
.my-n80 {
    margin-bottom: -5rem !important;
}
.ml-n80,
.mx-n80 {
    margin-left: -5rem !important;
}
.m-n90 {
    margin: -5.625rem !important;
}
.mt-n90,
.my-n90 {
    margin-top: -5.625rem !important;
}
.mr-n90,
.mx-n90 {
    margin-right: -5.625rem !important;
}
.mb-n90,
.my-n90 {
    margin-bottom: -5.625rem !important;
}
.ml-n90,
.mx-n90 {
    margin-left: -5.625rem !important;
}
.m-n100 {
    margin: -6.25rem !important;
}
.mt-n100,
.my-n100 {
    margin-top: -6.25rem !important;
}
.mr-n100,
.mx-n100 {
    margin-right: -6.25rem !important;
}
.mb-n100,
.my-n100 {
    margin-bottom: -6.25rem !important;
}
.ml-n100,
.mx-n100 {
    margin-left: -6.25rem !important;
}
.m-n110 {
    margin: -6.875rem !important;
}
.mt-n110,
.my-n110 {
    margin-top: -6.875rem !important;
}
.mr-n110,
.mx-n110 {
    margin-right: -6.875rem !important;
}
.mb-n110,
.my-n110 {
    margin-bottom: -6.875rem !important;
}
.ml-n110,
.mx-n110 {
    margin-left: -6.875rem !important;
}
.m-n120 {
    margin: -7.5rem !important;
}
.mt-n120,
.my-n120 {
    margin-top: -7.5rem !important;
}
.mr-n120,
.mx-n120 {
    margin-right: -7.5rem !important;
}
.mb-n120,
.my-n120 {
    margin-bottom: -7.5rem !important;
}
.ml-n120,
.mx-n120 {
    margin-left: -7.5rem !important;
}
.m-n130 {
    margin: -8.125rem !important;
}
.mt-n130,
.my-n130 {
    margin-top: -8.125rem !important;
}
.mr-n130,
.mx-n130 {
    margin-right: -8.125rem !important;
}
.mb-n130,
.my-n130 {
    margin-bottom: -8.125rem !important;
}
.ml-n130,
.mx-n130 {
    margin-left: -8.125rem !important;
}
.m-n140 {
    margin: -8.75rem !important;
}
.mt-n140,
.my-n140 {
    margin-top: -8.75rem !important;
}
.mr-n140,
.mx-n140 {
    margin-right: -8.75rem !important;
}
.mb-n140,
.my-n140 {
    margin-bottom: -8.75rem !important;
}
.ml-n140,
.mx-n140 {
    margin-left: -8.75rem !important;
}
.m-n150 {
    margin: -9.375rem !important;
}
.mt-n150,
.my-n150 {
    margin-top: -9.375rem !important;
}
.mr-n150,
.mx-n150 {
    margin-right: -9.375rem !important;
}
.mb-n150,
.my-n150 {
    margin-bottom: -9.375rem !important;
}
.ml-n150,
.mx-n150 {
    margin-left: -9.375rem !important;
}
.m-n160 {
    margin: -10rem !important;
}
.mt-n160,
.my-n160 {
    margin-top: -10rem !important;
}
.mr-n160,
.mx-n160 {
    margin-right: -10rem !important;
}
.mb-n160,
.my-n160 {
    margin-bottom: -10rem !important;
}
.ml-n160,
.mx-n160 {
    margin-left: -10rem !important;
}
.m-n170 {
    margin: -10.625rem !important;
}
.mt-n170,
.my-n170 {
    margin-top: -10.625rem !important;
}
.mr-n170,
.mx-n170 {
    margin-right: -10.625rem !important;
}
.mb-n170,
.my-n170 {
    margin-bottom: -10.625rem !important;
}
.ml-n170,
.mx-n170 {
    margin-left: -10.625rem !important;
}
.m-n180 {
    margin: -11.25rem !important;
}
.mt-n180,
.my-n180 {
    margin-top: -11.25rem !important;
}
.mr-n180,
.mx-n180 {
    margin-right: -11.25rem !important;
}
.mb-n180,
.my-n180 {
    margin-bottom: -11.25rem !important;
}
.ml-n180,
.mx-n180 {
    margin-left: -11.25rem !important;
}
.m-n190 {
    margin: -11.875rem !important;
}
.mt-n190,
.my-n190 {
    margin-top: -11.875rem !important;
}
.mr-n190,
.mx-n190 {
    margin-right: -11.875rem !important;
}
.mb-n190,
.my-n190 {
    margin-bottom: -11.875rem !important;
}
.ml-n190,
.mx-n190 {
    margin-left: -11.875rem !important;
}
.m-n200 {
    margin: -12.5rem !important;
}
.mt-n200,
.my-n200 {
    margin-top: -12.5rem !important;
}
.mr-n200,
.mx-n200 {
    margin-right: -12.5rem !important;
}
.mb-n200,
.my-n200 {
    margin-bottom: -12.5rem !important;
}
.ml-n200,
.mx-n200 {
    margin-left: -12.5rem !important;
}
.m-n210 {
    margin: -13.125rem !important;
}
.mt-n210,
.my-n210 {
    margin-top: -13.125rem !important;
}
.mr-n210,
.mx-n210 {
    margin-right: -13.125rem !important;
}
.mb-n210,
.my-n210 {
    margin-bottom: -13.125rem !important;
}
.ml-n210,
.mx-n210 {
    margin-left: -13.125rem !important;
}
.m-n220 {
    margin: -13.75rem !important;
}
.mt-n220,
.my-n220 {
    margin-top: -13.75rem !important;
}
.mr-n220,
.mx-n220 {
    margin-right: -13.75rem !important;
}
.mb-n220,
.my-n220 {
    margin-bottom: -13.75rem !important;
}
.ml-n220,
.mx-n220 {
    margin-left: -13.75rem !important;
}
.m-n230 {
    margin: -14.375rem !important;
}
.mt-n230,
.my-n230 {
    margin-top: -14.375rem !important;
}
.mr-n230,
.mx-n230 {
    margin-right: -14.375rem !important;
}
.mb-n230,
.my-n230 {
    margin-bottom: -14.375rem !important;
}
.ml-n230,
.mx-n230 {
    margin-left: -14.375rem !important;
}
.m-n240 {
    margin: -15rem !important;
}
.mt-n240,
.my-n240 {
    margin-top: -15rem !important;
}
.mr-n240,
.mx-n240 {
    margin-right: -15rem !important;
}
.mb-n240,
.my-n240 {
    margin-bottom: -15rem !important;
}
.ml-n240,
.mx-n240 {
    margin-left: -15rem !important;
}
.m-n250 {
    margin: -15.625rem !important;
}
.mt-n250,
.my-n250 {
    margin-top: -15.625rem !important;
}
.mr-n250,
.mx-n250 {
    margin-right: -15.625rem !important;
}
.mb-n250,
.my-n250 {
    margin-bottom: -15.625rem !important;
}
.ml-n250,
.mx-n250 {
    margin-left: -15.625rem !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: 520px) {
    .m-xsm-0 {
        margin: 0 !important;
    }
    .mt-xsm-0,
    .my-xsm-0 {
        margin-top: 0 !important;
    }
    .mr-xsm-0,
    .mx-xsm-0 {
        margin-right: 0 !important;
    }
    .mb-xsm-0,
    .my-xsm-0 {
        margin-bottom: 0 !important;
    }
    .ml-xsm-0,
    .mx-xsm-0 {
        margin-left: 0 !important;
    }
    .m-xsm-5 {
        margin: 0.3125rem !important;
    }
    .mt-xsm-5,
    .my-xsm-5 {
        margin-top: 0.3125rem !important;
    }
    .mr-xsm-5,
    .mx-xsm-5 {
        margin-right: 0.3125rem !important;
    }
    .mb-xsm-5,
    .my-xsm-5 {
        margin-bottom: 0.3125rem !important;
    }
    .ml-xsm-5,
    .mx-xsm-5 {
        margin-left: 0.3125rem !important;
    }
    .m-xsm-10 {
        margin: 0.625rem !important;
    }
    .mt-xsm-10,
    .my-xsm-10 {
        margin-top: 0.625rem !important;
    }
    .mr-xsm-10,
    .mx-xsm-10 {
        margin-right: 0.625rem !important;
    }
    .mb-xsm-10,
    .my-xsm-10 {
        margin-bottom: 0.625rem !important;
    }
    .ml-xsm-10,
    .mx-xsm-10 {
        margin-left: 0.625rem !important;
    }
    .m-xsm-15 {
        margin: 0.9375rem !important;
    }
    .mt-xsm-15,
    .my-xsm-15 {
        margin-top: 0.9375rem !important;
    }
    .mr-xsm-15,
    .mx-xsm-15 {
        margin-right: 0.9375rem !important;
    }
    .mb-xsm-15,
    .my-xsm-15 {
        margin-bottom: 0.9375rem !important;
    }
    .ml-xsm-15,
    .mx-xsm-15 {
        margin-left: 0.9375rem !important;
    }
    .m-xsm-20 {
        margin: 1.25rem !important;
    }
    .mt-xsm-20,
    .my-xsm-20 {
        margin-top: 1.25rem !important;
    }
    .mr-xsm-20,
    .mx-xsm-20 {
        margin-right: 1.25rem !important;
    }
    .mb-xsm-20,
    .my-xsm-20 {
        margin-bottom: 1.25rem !important;
    }
    .ml-xsm-20,
    .mx-xsm-20 {
        margin-left: 1.25rem !important;
    }
    .m-xsm-30 {
        margin: 1.875rem !important;
    }
    .mt-xsm-30,
    .my-xsm-30 {
        margin-top: 1.875rem !important;
    }
    .mr-xsm-30,
    .mx-xsm-30 {
        margin-right: 1.875rem !important;
    }
    .mb-xsm-30,
    .my-xsm-30 {
        margin-bottom: 1.875rem !important;
    }
    .ml-xsm-30,
    .mx-xsm-30 {
        margin-left: 1.875rem !important;
    }
    .m-xsm-40 {
        margin: 2.5rem !important;
    }
    .mt-xsm-40,
    .my-xsm-40 {
        margin-top: 2.5rem !important;
    }
    .mr-xsm-40,
    .mx-xsm-40 {
        margin-right: 2.5rem !important;
    }
    .mb-xsm-40,
    .my-xsm-40 {
        margin-bottom: 2.5rem !important;
    }
    .ml-xsm-40,
    .mx-xsm-40 {
        margin-left: 2.5rem !important;
    }
    .m-xsm-50 {
        margin: 3.125rem !important;
    }
    .mt-xsm-50,
    .my-xsm-50 {
        margin-top: 3.125rem !important;
    }
    .mr-xsm-50,
    .mx-xsm-50 {
        margin-right: 3.125rem !important;
    }
    .mb-xsm-50,
    .my-xsm-50 {
        margin-bottom: 3.125rem !important;
    }
    .ml-xsm-50,
    .mx-xsm-50 {
        margin-left: 3.125rem !important;
    }
    .m-xsm-60 {
        margin: 3.75rem !important;
    }
    .mt-xsm-60,
    .my-xsm-60 {
        margin-top: 3.75rem !important;
    }
    .mr-xsm-60,
    .mx-xsm-60 {
        margin-right: 3.75rem !important;
    }
    .mb-xsm-60,
    .my-xsm-60 {
        margin-bottom: 3.75rem !important;
    }
    .ml-xsm-60,
    .mx-xsm-60 {
        margin-left: 3.75rem !important;
    }
    .m-xsm-70 {
        margin: 4.375rem !important;
    }
    .mt-xsm-70,
    .my-xsm-70 {
        margin-top: 4.375rem !important;
    }
    .mr-xsm-70,
    .mx-xsm-70 {
        margin-right: 4.375rem !important;
    }
    .mb-xsm-70,
    .my-xsm-70 {
        margin-bottom: 4.375rem !important;
    }
    .ml-xsm-70,
    .mx-xsm-70 {
        margin-left: 4.375rem !important;
    }
    .m-xsm-80 {
        margin: 5rem !important;
    }
    .mt-xsm-80,
    .my-xsm-80 {
        margin-top: 5rem !important;
    }
    .mr-xsm-80,
    .mx-xsm-80 {
        margin-right: 5rem !important;
    }
    .mb-xsm-80,
    .my-xsm-80 {
        margin-bottom: 5rem !important;
    }
    .ml-xsm-80,
    .mx-xsm-80 {
        margin-left: 5rem !important;
    }
    .m-xsm-90 {
        margin: 5.625rem !important;
    }
    .mt-xsm-90,
    .my-xsm-90 {
        margin-top: 5.625rem !important;
    }
    .mr-xsm-90,
    .mx-xsm-90 {
        margin-right: 5.625rem !important;
    }
    .mb-xsm-90,
    .my-xsm-90 {
        margin-bottom: 5.625rem !important;
    }
    .ml-xsm-90,
    .mx-xsm-90 {
        margin-left: 5.625rem !important;
    }
    .m-xsm-100 {
        margin: 6.25rem !important;
    }
    .mt-xsm-100,
    .my-xsm-100 {
        margin-top: 6.25rem !important;
    }
    .mr-xsm-100,
    .mx-xsm-100 {
        margin-right: 6.25rem !important;
    }
    .mb-xsm-100,
    .my-xsm-100 {
        margin-bottom: 6.25rem !important;
    }
    .ml-xsm-100,
    .mx-xsm-100 {
        margin-left: 6.25rem !important;
    }
    .m-xsm-110 {
        margin: 6.875rem !important;
    }
    .mt-xsm-110,
    .my-xsm-110 {
        margin-top: 6.875rem !important;
    }
    .mr-xsm-110,
    .mx-xsm-110 {
        margin-right: 6.875rem !important;
    }
    .mb-xsm-110,
    .my-xsm-110 {
        margin-bottom: 6.875rem !important;
    }
    .ml-xsm-110,
    .mx-xsm-110 {
        margin-left: 6.875rem !important;
    }
    .m-xsm-120 {
        margin: 7.5rem !important;
    }
    .mt-xsm-120,
    .my-xsm-120 {
        margin-top: 7.5rem !important;
    }
    .mr-xsm-120,
    .mx-xsm-120 {
        margin-right: 7.5rem !important;
    }
    .mb-xsm-120,
    .my-xsm-120 {
        margin-bottom: 7.5rem !important;
    }
    .ml-xsm-120,
    .mx-xsm-120 {
        margin-left: 7.5rem !important;
    }
    .m-xsm-130 {
        margin: 8.125rem !important;
    }
    .mt-xsm-130,
    .my-xsm-130 {
        margin-top: 8.125rem !important;
    }
    .mr-xsm-130,
    .mx-xsm-130 {
        margin-right: 8.125rem !important;
    }
    .mb-xsm-130,
    .my-xsm-130 {
        margin-bottom: 8.125rem !important;
    }
    .ml-xsm-130,
    .mx-xsm-130 {
        margin-left: 8.125rem !important;
    }
    .m-xsm-140 {
        margin: 8.75rem !important;
    }
    .mt-xsm-140,
    .my-xsm-140 {
        margin-top: 8.75rem !important;
    }
    .mr-xsm-140,
    .mx-xsm-140 {
        margin-right: 8.75rem !important;
    }
    .mb-xsm-140,
    .my-xsm-140 {
        margin-bottom: 8.75rem !important;
    }
    .ml-xsm-140,
    .mx-xsm-140 {
        margin-left: 8.75rem !important;
    }
    .m-xsm-150 {
        margin: 9.375rem !important;
    }
    .mt-xsm-150,
    .my-xsm-150 {
        margin-top: 9.375rem !important;
    }
    .mr-xsm-150,
    .mx-xsm-150 {
        margin-right: 9.375rem !important;
    }
    .mb-xsm-150,
    .my-xsm-150 {
        margin-bottom: 9.375rem !important;
    }
    .ml-xsm-150,
    .mx-xsm-150 {
        margin-left: 9.375rem !important;
    }
    .m-xsm-160 {
        margin: 10rem !important;
    }
    .mt-xsm-160,
    .my-xsm-160 {
        margin-top: 10rem !important;
    }
    .mr-xsm-160,
    .mx-xsm-160 {
        margin-right: 10rem !important;
    }
    .mb-xsm-160,
    .my-xsm-160 {
        margin-bottom: 10rem !important;
    }
    .ml-xsm-160,
    .mx-xsm-160 {
        margin-left: 10rem !important;
    }
    .m-xsm-170 {
        margin: 10.625rem !important;
    }
    .mt-xsm-170,
    .my-xsm-170 {
        margin-top: 10.625rem !important;
    }
    .mr-xsm-170,
    .mx-xsm-170 {
        margin-right: 10.625rem !important;
    }
    .mb-xsm-170,
    .my-xsm-170 {
        margin-bottom: 10.625rem !important;
    }
    .ml-xsm-170,
    .mx-xsm-170 {
        margin-left: 10.625rem !important;
    }
    .m-xsm-180 {
        margin: 11.25rem !important;
    }
    .mt-xsm-180,
    .my-xsm-180 {
        margin-top: 11.25rem !important;
    }
    .mr-xsm-180,
    .mx-xsm-180 {
        margin-right: 11.25rem !important;
    }
    .mb-xsm-180,
    .my-xsm-180 {
        margin-bottom: 11.25rem !important;
    }
    .ml-xsm-180,
    .mx-xsm-180 {
        margin-left: 11.25rem !important;
    }
    .m-xsm-190 {
        margin: 11.875rem !important;
    }
    .mt-xsm-190,
    .my-xsm-190 {
        margin-top: 11.875rem !important;
    }
    .mr-xsm-190,
    .mx-xsm-190 {
        margin-right: 11.875rem !important;
    }
    .mb-xsm-190,
    .my-xsm-190 {
        margin-bottom: 11.875rem !important;
    }
    .ml-xsm-190,
    .mx-xsm-190 {
        margin-left: 11.875rem !important;
    }
    .m-xsm-200 {
        margin: 12.5rem !important;
    }
    .mt-xsm-200,
    .my-xsm-200 {
        margin-top: 12.5rem !important;
    }
    .mr-xsm-200,
    .mx-xsm-200 {
        margin-right: 12.5rem !important;
    }
    .mb-xsm-200,
    .my-xsm-200 {
        margin-bottom: 12.5rem !important;
    }
    .ml-xsm-200,
    .mx-xsm-200 {
        margin-left: 12.5rem !important;
    }
    .m-xsm-210 {
        margin: 13.125rem !important;
    }
    .mt-xsm-210,
    .my-xsm-210 {
        margin-top: 13.125rem !important;
    }
    .mr-xsm-210,
    .mx-xsm-210 {
        margin-right: 13.125rem !important;
    }
    .mb-xsm-210,
    .my-xsm-210 {
        margin-bottom: 13.125rem !important;
    }
    .ml-xsm-210,
    .mx-xsm-210 {
        margin-left: 13.125rem !important;
    }
    .m-xsm-220 {
        margin: 13.75rem !important;
    }
    .mt-xsm-220,
    .my-xsm-220 {
        margin-top: 13.75rem !important;
    }
    .mr-xsm-220,
    .mx-xsm-220 {
        margin-right: 13.75rem !important;
    }
    .mb-xsm-220,
    .my-xsm-220 {
        margin-bottom: 13.75rem !important;
    }
    .ml-xsm-220,
    .mx-xsm-220 {
        margin-left: 13.75rem !important;
    }
    .m-xsm-230 {
        margin: 14.375rem !important;
    }
    .mt-xsm-230,
    .my-xsm-230 {
        margin-top: 14.375rem !important;
    }
    .mr-xsm-230,
    .mx-xsm-230 {
        margin-right: 14.375rem !important;
    }
    .mb-xsm-230,
    .my-xsm-230 {
        margin-bottom: 14.375rem !important;
    }
    .ml-xsm-230,
    .mx-xsm-230 {
        margin-left: 14.375rem !important;
    }
    .m-xsm-240 {
        margin: 15rem !important;
    }
    .mt-xsm-240,
    .my-xsm-240 {
        margin-top: 15rem !important;
    }
    .mr-xsm-240,
    .mx-xsm-240 {
        margin-right: 15rem !important;
    }
    .mb-xsm-240,
    .my-xsm-240 {
        margin-bottom: 15rem !important;
    }
    .ml-xsm-240,
    .mx-xsm-240 {
        margin-left: 15rem !important;
    }
    .m-xsm-250 {
        margin: 15.625rem !important;
    }
    .mt-xsm-250,
    .my-xsm-250 {
        margin-top: 15.625rem !important;
    }
    .mr-xsm-250,
    .mx-xsm-250 {
        margin-right: 15.625rem !important;
    }
    .mb-xsm-250,
    .my-xsm-250 {
        margin-bottom: 15.625rem !important;
    }
    .ml-xsm-250,
    .mx-xsm-250 {
        margin-left: 15.625rem !important;
    }
    .p-xsm-0 {
        padding: 0 !important;
    }
    .pt-xsm-0,
    .py-xsm-0 {
        padding-top: 0 !important;
    }
    .pr-xsm-0,
    .px-xsm-0 {
        padding-right: 0 !important;
    }
    .pb-xsm-0,
    .py-xsm-0 {
        padding-bottom: 0 !important;
    }
    .pl-xsm-0,
    .px-xsm-0 {
        padding-left: 0 !important;
    }
    .p-xsm-5 {
        padding: 0.3125rem !important;
    }
    .pt-xsm-5,
    .py-xsm-5 {
        padding-top: 0.3125rem !important;
    }
    .pr-xsm-5,
    .px-xsm-5 {
        padding-right: 0.3125rem !important;
    }
    .pb-xsm-5,
    .py-xsm-5 {
        padding-bottom: 0.3125rem !important;
    }
    .pl-xsm-5,
    .px-xsm-5 {
        padding-left: 0.3125rem !important;
    }
    .p-xsm-10 {
        padding: 0.625rem !important;
    }
    .pt-xsm-10,
    .py-xsm-10 {
        padding-top: 0.625rem !important;
    }
    .pr-xsm-10,
    .px-xsm-10 {
        padding-right: 0.625rem !important;
    }
    .pb-xsm-10,
    .py-xsm-10 {
        padding-bottom: 0.625rem !important;
    }
    .pl-xsm-10,
    .px-xsm-10 {
        padding-left: 0.625rem !important;
    }
    .p-xsm-15 {
        padding: 0.9375rem !important;
    }
    .pt-xsm-15,
    .py-xsm-15 {
        padding-top: 0.9375rem !important;
    }
    .pr-xsm-15,
    .px-xsm-15 {
        padding-right: 0.9375rem !important;
    }
    .pb-xsm-15,
    .py-xsm-15 {
        padding-bottom: 0.9375rem !important;
    }
    .pl-xsm-15,
    .px-xsm-15 {
        padding-left: 0.9375rem !important;
    }
    .p-xsm-20 {
        padding: 1.25rem !important;
    }
    .pt-xsm-20,
    .py-xsm-20 {
        padding-top: 1.25rem !important;
    }
    .pr-xsm-20,
    .px-xsm-20 {
        padding-right: 1.25rem !important;
    }
    .pb-xsm-20,
    .py-xsm-20 {
        padding-bottom: 1.25rem !important;
    }
    .pl-xsm-20,
    .px-xsm-20 {
        padding-left: 1.25rem !important;
    }
    .p-xsm-30 {
        padding: 1.875rem !important;
    }
    .pt-xsm-30,
    .py-xsm-30 {
        padding-top: 1.875rem !important;
    }
    .pr-xsm-30,
    .px-xsm-30 {
        padding-right: 1.875rem !important;
    }
    .pb-xsm-30,
    .py-xsm-30 {
        padding-bottom: 1.875rem !important;
    }
    .pl-xsm-30,
    .px-xsm-30 {
        padding-left: 1.875rem !important;
    }
    .p-xsm-40 {
        padding: 2.5rem !important;
    }
    .pt-xsm-40,
    .py-xsm-40 {
        padding-top: 2.5rem !important;
    }
    .pr-xsm-40,
    .px-xsm-40 {
        padding-right: 2.5rem !important;
    }
    .pb-xsm-40,
    .py-xsm-40 {
        padding-bottom: 2.5rem !important;
    }
    .pl-xsm-40,
    .px-xsm-40 {
        padding-left: 2.5rem !important;
    }
    .p-xsm-50 {
        padding: 3.125rem !important;
    }
    .pt-xsm-50,
    .py-xsm-50 {
        padding-top: 3.125rem !important;
    }
    .pr-xsm-50,
    .px-xsm-50 {
        padding-right: 3.125rem !important;
    }
    .pb-xsm-50,
    .py-xsm-50 {
        padding-bottom: 3.125rem !important;
    }
    .pl-xsm-50,
    .px-xsm-50 {
        padding-left: 3.125rem !important;
    }
    .p-xsm-60 {
        padding: 3.75rem !important;
    }
    .pt-xsm-60,
    .py-xsm-60 {
        padding-top: 3.75rem !important;
    }
    .pr-xsm-60,
    .px-xsm-60 {
        padding-right: 3.75rem !important;
    }
    .pb-xsm-60,
    .py-xsm-60 {
        padding-bottom: 3.75rem !important;
    }
    .pl-xsm-60,
    .px-xsm-60 {
        padding-left: 3.75rem !important;
    }
    .p-xsm-70 {
        padding: 4.375rem !important;
    }
    .pt-xsm-70,
    .py-xsm-70 {
        padding-top: 4.375rem !important;
    }
    .pr-xsm-70,
    .px-xsm-70 {
        padding-right: 4.375rem !important;
    }
    .pb-xsm-70,
    .py-xsm-70 {
        padding-bottom: 4.375rem !important;
    }
    .pl-xsm-70,
    .px-xsm-70 {
        padding-left: 4.375rem !important;
    }
    .p-xsm-80 {
        padding: 5rem !important;
    }
    .pt-xsm-80,
    .py-xsm-80 {
        padding-top: 5rem !important;
    }
    .pr-xsm-80,
    .px-xsm-80 {
        padding-right: 5rem !important;
    }
    .pb-xsm-80,
    .py-xsm-80 {
        padding-bottom: 5rem !important;
    }
    .pl-xsm-80,
    .px-xsm-80 {
        padding-left: 5rem !important;
    }
    .p-xsm-90 {
        padding: 5.625rem !important;
    }
    .pt-xsm-90,
    .py-xsm-90 {
        padding-top: 5.625rem !important;
    }
    .pr-xsm-90,
    .px-xsm-90 {
        padding-right: 5.625rem !important;
    }
    .pb-xsm-90,
    .py-xsm-90 {
        padding-bottom: 5.625rem !important;
    }
    .pl-xsm-90,
    .px-xsm-90 {
        padding-left: 5.625rem !important;
    }
    .p-xsm-100 {
        padding: 6.25rem !important;
    }
    .pt-xsm-100,
    .py-xsm-100 {
        padding-top: 6.25rem !important;
    }
    .pr-xsm-100,
    .px-xsm-100 {
        padding-right: 6.25rem !important;
    }
    .pb-xsm-100,
    .py-xsm-100 {
        padding-bottom: 6.25rem !important;
    }
    .pl-xsm-100,
    .px-xsm-100 {
        padding-left: 6.25rem !important;
    }
    .p-xsm-110 {
        padding: 6.875rem !important;
    }
    .pt-xsm-110,
    .py-xsm-110 {
        padding-top: 6.875rem !important;
    }
    .pr-xsm-110,
    .px-xsm-110 {
        padding-right: 6.875rem !important;
    }
    .pb-xsm-110,
    .py-xsm-110 {
        padding-bottom: 6.875rem !important;
    }
    .pl-xsm-110,
    .px-xsm-110 {
        padding-left: 6.875rem !important;
    }
    .p-xsm-120 {
        padding: 7.5rem !important;
    }
    .pt-xsm-120,
    .py-xsm-120 {
        padding-top: 7.5rem !important;
    }
    .pr-xsm-120,
    .px-xsm-120 {
        padding-right: 7.5rem !important;
    }
    .pb-xsm-120,
    .py-xsm-120 {
        padding-bottom: 7.5rem !important;
    }
    .pl-xsm-120,
    .px-xsm-120 {
        padding-left: 7.5rem !important;
    }
    .p-xsm-130 {
        padding: 8.125rem !important;
    }
    .pt-xsm-130,
    .py-xsm-130 {
        padding-top: 8.125rem !important;
    }
    .pr-xsm-130,
    .px-xsm-130 {
        padding-right: 8.125rem !important;
    }
    .pb-xsm-130,
    .py-xsm-130 {
        padding-bottom: 8.125rem !important;
    }
    .pl-xsm-130,
    .px-xsm-130 {
        padding-left: 8.125rem !important;
    }
    .p-xsm-140 {
        padding: 8.75rem !important;
    }
    .pt-xsm-140,
    .py-xsm-140 {
        padding-top: 8.75rem !important;
    }
    .pr-xsm-140,
    .px-xsm-140 {
        padding-right: 8.75rem !important;
    }
    .pb-xsm-140,
    .py-xsm-140 {
        padding-bottom: 8.75rem !important;
    }
    .pl-xsm-140,
    .px-xsm-140 {
        padding-left: 8.75rem !important;
    }
    .p-xsm-150 {
        padding: 9.375rem !important;
    }
    .pt-xsm-150,
    .py-xsm-150 {
        padding-top: 9.375rem !important;
    }
    .pr-xsm-150,
    .px-xsm-150 {
        padding-right: 9.375rem !important;
    }
    .pb-xsm-150,
    .py-xsm-150 {
        padding-bottom: 9.375rem !important;
    }
    .pl-xsm-150,
    .px-xsm-150 {
        padding-left: 9.375rem !important;
    }
    .p-xsm-160 {
        padding: 10rem !important;
    }
    .pt-xsm-160,
    .py-xsm-160 {
        padding-top: 10rem !important;
    }
    .pr-xsm-160,
    .px-xsm-160 {
        padding-right: 10rem !important;
    }
    .pb-xsm-160,
    .py-xsm-160 {
        padding-bottom: 10rem !important;
    }
    .pl-xsm-160,
    .px-xsm-160 {
        padding-left: 10rem !important;
    }
    .p-xsm-170 {
        padding: 10.625rem !important;
    }
    .pt-xsm-170,
    .py-xsm-170 {
        padding-top: 10.625rem !important;
    }
    .pr-xsm-170,
    .px-xsm-170 {
        padding-right: 10.625rem !important;
    }
    .pb-xsm-170,
    .py-xsm-170 {
        padding-bottom: 10.625rem !important;
    }
    .pl-xsm-170,
    .px-xsm-170 {
        padding-left: 10.625rem !important;
    }
    .p-xsm-180 {
        padding: 11.25rem !important;
    }
    .pt-xsm-180,
    .py-xsm-180 {
        padding-top: 11.25rem !important;
    }
    .pr-xsm-180,
    .px-xsm-180 {
        padding-right: 11.25rem !important;
    }
    .pb-xsm-180,
    .py-xsm-180 {
        padding-bottom: 11.25rem !important;
    }
    .pl-xsm-180,
    .px-xsm-180 {
        padding-left: 11.25rem !important;
    }
    .p-xsm-190 {
        padding: 11.875rem !important;
    }
    .pt-xsm-190,
    .py-xsm-190 {
        padding-top: 11.875rem !important;
    }
    .pr-xsm-190,
    .px-xsm-190 {
        padding-right: 11.875rem !important;
    }
    .pb-xsm-190,
    .py-xsm-190 {
        padding-bottom: 11.875rem !important;
    }
    .pl-xsm-190,
    .px-xsm-190 {
        padding-left: 11.875rem !important;
    }
    .p-xsm-200 {
        padding: 12.5rem !important;
    }
    .pt-xsm-200,
    .py-xsm-200 {
        padding-top: 12.5rem !important;
    }
    .pr-xsm-200,
    .px-xsm-200 {
        padding-right: 12.5rem !important;
    }
    .pb-xsm-200,
    .py-xsm-200 {
        padding-bottom: 12.5rem !important;
    }
    .pl-xsm-200,
    .px-xsm-200 {
        padding-left: 12.5rem !important;
    }
    .p-xsm-210 {
        padding: 13.125rem !important;
    }
    .pt-xsm-210,
    .py-xsm-210 {
        padding-top: 13.125rem !important;
    }
    .pr-xsm-210,
    .px-xsm-210 {
        padding-right: 13.125rem !important;
    }
    .pb-xsm-210,
    .py-xsm-210 {
        padding-bottom: 13.125rem !important;
    }
    .pl-xsm-210,
    .px-xsm-210 {
        padding-left: 13.125rem !important;
    }
    .p-xsm-220 {
        padding: 13.75rem !important;
    }
    .pt-xsm-220,
    .py-xsm-220 {
        padding-top: 13.75rem !important;
    }
    .pr-xsm-220,
    .px-xsm-220 {
        padding-right: 13.75rem !important;
    }
    .pb-xsm-220,
    .py-xsm-220 {
        padding-bottom: 13.75rem !important;
    }
    .pl-xsm-220,
    .px-xsm-220 {
        padding-left: 13.75rem !important;
    }
    .p-xsm-230 {
        padding: 14.375rem !important;
    }
    .pt-xsm-230,
    .py-xsm-230 {
        padding-top: 14.375rem !important;
    }
    .pr-xsm-230,
    .px-xsm-230 {
        padding-right: 14.375rem !important;
    }
    .pb-xsm-230,
    .py-xsm-230 {
        padding-bottom: 14.375rem !important;
    }
    .pl-xsm-230,
    .px-xsm-230 {
        padding-left: 14.375rem !important;
    }
    .p-xsm-240 {
        padding: 15rem !important;
    }
    .pt-xsm-240,
    .py-xsm-240 {
        padding-top: 15rem !important;
    }
    .pr-xsm-240,
    .px-xsm-240 {
        padding-right: 15rem !important;
    }
    .pb-xsm-240,
    .py-xsm-240 {
        padding-bottom: 15rem !important;
    }
    .pl-xsm-240,
    .px-xsm-240 {
        padding-left: 15rem !important;
    }
    .p-xsm-250 {
        padding: 15.625rem !important;
    }
    .pt-xsm-250,
    .py-xsm-250 {
        padding-top: 15.625rem !important;
    }
    .pr-xsm-250,
    .px-xsm-250 {
        padding-right: 15.625rem !important;
    }
    .pb-xsm-250,
    .py-xsm-250 {
        padding-bottom: 15.625rem !important;
    }
    .pl-xsm-250,
    .px-xsm-250 {
        padding-left: 15.625rem !important;
    }
    .m-xsm-n5 {
        margin: -0.3125rem !important;
    }
    .mt-xsm-n5,
    .my-xsm-n5 {
        margin-top: -0.3125rem !important;
    }
    .mr-xsm-n5,
    .mx-xsm-n5 {
        margin-right: -0.3125rem !important;
    }
    .mb-xsm-n5,
    .my-xsm-n5 {
        margin-bottom: -0.3125rem !important;
    }
    .ml-xsm-n5,
    .mx-xsm-n5 {
        margin-left: -0.3125rem !important;
    }
    .m-xsm-n10 {
        margin: -0.625rem !important;
    }
    .mt-xsm-n10,
    .my-xsm-n10 {
        margin-top: -0.625rem !important;
    }
    .mr-xsm-n10,
    .mx-xsm-n10 {
        margin-right: -0.625rem !important;
    }
    .mb-xsm-n10,
    .my-xsm-n10 {
        margin-bottom: -0.625rem !important;
    }
    .ml-xsm-n10,
    .mx-xsm-n10 {
        margin-left: -0.625rem !important;
    }
    .m-xsm-n15 {
        margin: -0.9375rem !important;
    }
    .mt-xsm-n15,
    .my-xsm-n15 {
        margin-top: -0.9375rem !important;
    }
    .mr-xsm-n15,
    .mx-xsm-n15 {
        margin-right: -0.9375rem !important;
    }
    .mb-xsm-n15,
    .my-xsm-n15 {
        margin-bottom: -0.9375rem !important;
    }
    .ml-xsm-n15,
    .mx-xsm-n15 {
        margin-left: -0.9375rem !important;
    }
    .m-xsm-n20 {
        margin: -1.25rem !important;
    }
    .mt-xsm-n20,
    .my-xsm-n20 {
        margin-top: -1.25rem !important;
    }
    .mr-xsm-n20,
    .mx-xsm-n20 {
        margin-right: -1.25rem !important;
    }
    .mb-xsm-n20,
    .my-xsm-n20 {
        margin-bottom: -1.25rem !important;
    }
    .ml-xsm-n20,
    .mx-xsm-n20 {
        margin-left: -1.25rem !important;
    }
    .m-xsm-n30 {
        margin: -1.875rem !important;
    }
    .mt-xsm-n30,
    .my-xsm-n30 {
        margin-top: -1.875rem !important;
    }
    .mr-xsm-n30,
    .mx-xsm-n30 {
        margin-right: -1.875rem !important;
    }
    .mb-xsm-n30,
    .my-xsm-n30 {
        margin-bottom: -1.875rem !important;
    }
    .ml-xsm-n30,
    .mx-xsm-n30 {
        margin-left: -1.875rem !important;
    }
    .m-xsm-n40 {
        margin: -2.5rem !important;
    }
    .mt-xsm-n40,
    .my-xsm-n40 {
        margin-top: -2.5rem !important;
    }
    .mr-xsm-n40,
    .mx-xsm-n40 {
        margin-right: -2.5rem !important;
    }
    .mb-xsm-n40,
    .my-xsm-n40 {
        margin-bottom: -2.5rem !important;
    }
    .ml-xsm-n40,
    .mx-xsm-n40 {
        margin-left: -2.5rem !important;
    }
    .m-xsm-n50 {
        margin: -3.125rem !important;
    }
    .mt-xsm-n50,
    .my-xsm-n50 {
        margin-top: -3.125rem !important;
    }
    .mr-xsm-n50,
    .mx-xsm-n50 {
        margin-right: -3.125rem !important;
    }
    .mb-xsm-n50,
    .my-xsm-n50 {
        margin-bottom: -3.125rem !important;
    }
    .ml-xsm-n50,
    .mx-xsm-n50 {
        margin-left: -3.125rem !important;
    }
    .m-xsm-n60 {
        margin: -3.75rem !important;
    }
    .mt-xsm-n60,
    .my-xsm-n60 {
        margin-top: -3.75rem !important;
    }
    .mr-xsm-n60,
    .mx-xsm-n60 {
        margin-right: -3.75rem !important;
    }
    .mb-xsm-n60,
    .my-xsm-n60 {
        margin-bottom: -3.75rem !important;
    }
    .ml-xsm-n60,
    .mx-xsm-n60 {
        margin-left: -3.75rem !important;
    }
    .m-xsm-n70 {
        margin: -4.375rem !important;
    }
    .mt-xsm-n70,
    .my-xsm-n70 {
        margin-top: -4.375rem !important;
    }
    .mr-xsm-n70,
    .mx-xsm-n70 {
        margin-right: -4.375rem !important;
    }
    .mb-xsm-n70,
    .my-xsm-n70 {
        margin-bottom: -4.375rem !important;
    }
    .ml-xsm-n70,
    .mx-xsm-n70 {
        margin-left: -4.375rem !important;
    }
    .m-xsm-n80 {
        margin: -5rem !important;
    }
    .mt-xsm-n80,
    .my-xsm-n80 {
        margin-top: -5rem !important;
    }
    .mr-xsm-n80,
    .mx-xsm-n80 {
        margin-right: -5rem !important;
    }
    .mb-xsm-n80,
    .my-xsm-n80 {
        margin-bottom: -5rem !important;
    }
    .ml-xsm-n80,
    .mx-xsm-n80 {
        margin-left: -5rem !important;
    }
    .m-xsm-n90 {
        margin: -5.625rem !important;
    }
    .mt-xsm-n90,
    .my-xsm-n90 {
        margin-top: -5.625rem !important;
    }
    .mr-xsm-n90,
    .mx-xsm-n90 {
        margin-right: -5.625rem !important;
    }
    .mb-xsm-n90,
    .my-xsm-n90 {
        margin-bottom: -5.625rem !important;
    }
    .ml-xsm-n90,
    .mx-xsm-n90 {
        margin-left: -5.625rem !important;
    }
    .m-xsm-n100 {
        margin: -6.25rem !important;
    }
    .mt-xsm-n100,
    .my-xsm-n100 {
        margin-top: -6.25rem !important;
    }
    .mr-xsm-n100,
    .mx-xsm-n100 {
        margin-right: -6.25rem !important;
    }
    .mb-xsm-n100,
    .my-xsm-n100 {
        margin-bottom: -6.25rem !important;
    }
    .ml-xsm-n100,
    .mx-xsm-n100 {
        margin-left: -6.25rem !important;
    }
    .m-xsm-n110 {
        margin: -6.875rem !important;
    }
    .mt-xsm-n110,
    .my-xsm-n110 {
        margin-top: -6.875rem !important;
    }
    .mr-xsm-n110,
    .mx-xsm-n110 {
        margin-right: -6.875rem !important;
    }
    .mb-xsm-n110,
    .my-xsm-n110 {
        margin-bottom: -6.875rem !important;
    }
    .ml-xsm-n110,
    .mx-xsm-n110 {
        margin-left: -6.875rem !important;
    }
    .m-xsm-n120 {
        margin: -7.5rem !important;
    }
    .mt-xsm-n120,
    .my-xsm-n120 {
        margin-top: -7.5rem !important;
    }
    .mr-xsm-n120,
    .mx-xsm-n120 {
        margin-right: -7.5rem !important;
    }
    .mb-xsm-n120,
    .my-xsm-n120 {
        margin-bottom: -7.5rem !important;
    }
    .ml-xsm-n120,
    .mx-xsm-n120 {
        margin-left: -7.5rem !important;
    }
    .m-xsm-n130 {
        margin: -8.125rem !important;
    }
    .mt-xsm-n130,
    .my-xsm-n130 {
        margin-top: -8.125rem !important;
    }
    .mr-xsm-n130,
    .mx-xsm-n130 {
        margin-right: -8.125rem !important;
    }
    .mb-xsm-n130,
    .my-xsm-n130 {
        margin-bottom: -8.125rem !important;
    }
    .ml-xsm-n130,
    .mx-xsm-n130 {
        margin-left: -8.125rem !important;
    }
    .m-xsm-n140 {
        margin: -8.75rem !important;
    }
    .mt-xsm-n140,
    .my-xsm-n140 {
        margin-top: -8.75rem !important;
    }
    .mr-xsm-n140,
    .mx-xsm-n140 {
        margin-right: -8.75rem !important;
    }
    .mb-xsm-n140,
    .my-xsm-n140 {
        margin-bottom: -8.75rem !important;
    }
    .ml-xsm-n140,
    .mx-xsm-n140 {
        margin-left: -8.75rem !important;
    }
    .m-xsm-n150 {
        margin: -9.375rem !important;
    }
    .mt-xsm-n150,
    .my-xsm-n150 {
        margin-top: -9.375rem !important;
    }
    .mr-xsm-n150,
    .mx-xsm-n150 {
        margin-right: -9.375rem !important;
    }
    .mb-xsm-n150,
    .my-xsm-n150 {
        margin-bottom: -9.375rem !important;
    }
    .ml-xsm-n150,
    .mx-xsm-n150 {
        margin-left: -9.375rem !important;
    }
    .m-xsm-n160 {
        margin: -10rem !important;
    }
    .mt-xsm-n160,
    .my-xsm-n160 {
        margin-top: -10rem !important;
    }
    .mr-xsm-n160,
    .mx-xsm-n160 {
        margin-right: -10rem !important;
    }
    .mb-xsm-n160,
    .my-xsm-n160 {
        margin-bottom: -10rem !important;
    }
    .ml-xsm-n160,
    .mx-xsm-n160 {
        margin-left: -10rem !important;
    }
    .m-xsm-n170 {
        margin: -10.625rem !important;
    }
    .mt-xsm-n170,
    .my-xsm-n170 {
        margin-top: -10.625rem !important;
    }
    .mr-xsm-n170,
    .mx-xsm-n170 {
        margin-right: -10.625rem !important;
    }
    .mb-xsm-n170,
    .my-xsm-n170 {
        margin-bottom: -10.625rem !important;
    }
    .ml-xsm-n170,
    .mx-xsm-n170 {
        margin-left: -10.625rem !important;
    }
    .m-xsm-n180 {
        margin: -11.25rem !important;
    }
    .mt-xsm-n180,
    .my-xsm-n180 {
        margin-top: -11.25rem !important;
    }
    .mr-xsm-n180,
    .mx-xsm-n180 {
        margin-right: -11.25rem !important;
    }
    .mb-xsm-n180,
    .my-xsm-n180 {
        margin-bottom: -11.25rem !important;
    }
    .ml-xsm-n180,
    .mx-xsm-n180 {
        margin-left: -11.25rem !important;
    }
    .m-xsm-n190 {
        margin: -11.875rem !important;
    }
    .mt-xsm-n190,
    .my-xsm-n190 {
        margin-top: -11.875rem !important;
    }
    .mr-xsm-n190,
    .mx-xsm-n190 {
        margin-right: -11.875rem !important;
    }
    .mb-xsm-n190,
    .my-xsm-n190 {
        margin-bottom: -11.875rem !important;
    }
    .ml-xsm-n190,
    .mx-xsm-n190 {
        margin-left: -11.875rem !important;
    }
    .m-xsm-n200 {
        margin: -12.5rem !important;
    }
    .mt-xsm-n200,
    .my-xsm-n200 {
        margin-top: -12.5rem !important;
    }
    .mr-xsm-n200,
    .mx-xsm-n200 {
        margin-right: -12.5rem !important;
    }
    .mb-xsm-n200,
    .my-xsm-n200 {
        margin-bottom: -12.5rem !important;
    }
    .ml-xsm-n200,
    .mx-xsm-n200 {
        margin-left: -12.5rem !important;
    }
    .m-xsm-n210 {
        margin: -13.125rem !important;
    }
    .mt-xsm-n210,
    .my-xsm-n210 {
        margin-top: -13.125rem !important;
    }
    .mr-xsm-n210,
    .mx-xsm-n210 {
        margin-right: -13.125rem !important;
    }
    .mb-xsm-n210,
    .my-xsm-n210 {
        margin-bottom: -13.125rem !important;
    }
    .ml-xsm-n210,
    .mx-xsm-n210 {
        margin-left: -13.125rem !important;
    }
    .m-xsm-n220 {
        margin: -13.75rem !important;
    }
    .mt-xsm-n220,
    .my-xsm-n220 {
        margin-top: -13.75rem !important;
    }
    .mr-xsm-n220,
    .mx-xsm-n220 {
        margin-right: -13.75rem !important;
    }
    .mb-xsm-n220,
    .my-xsm-n220 {
        margin-bottom: -13.75rem !important;
    }
    .ml-xsm-n220,
    .mx-xsm-n220 {
        margin-left: -13.75rem !important;
    }
    .m-xsm-n230 {
        margin: -14.375rem !important;
    }
    .mt-xsm-n230,
    .my-xsm-n230 {
        margin-top: -14.375rem !important;
    }
    .mr-xsm-n230,
    .mx-xsm-n230 {
        margin-right: -14.375rem !important;
    }
    .mb-xsm-n230,
    .my-xsm-n230 {
        margin-bottom: -14.375rem !important;
    }
    .ml-xsm-n230,
    .mx-xsm-n230 {
        margin-left: -14.375rem !important;
    }
    .m-xsm-n240 {
        margin: -15rem !important;
    }
    .mt-xsm-n240,
    .my-xsm-n240 {
        margin-top: -15rem !important;
    }
    .mr-xsm-n240,
    .mx-xsm-n240 {
        margin-right: -15rem !important;
    }
    .mb-xsm-n240,
    .my-xsm-n240 {
        margin-bottom: -15rem !important;
    }
    .ml-xsm-n240,
    .mx-xsm-n240 {
        margin-left: -15rem !important;
    }
    .m-xsm-n250 {
        margin: -15.625rem !important;
    }
    .mt-xsm-n250,
    .my-xsm-n250 {
        margin-top: -15.625rem !important;
    }
    .mr-xsm-n250,
    .mx-xsm-n250 {
        margin-right: -15.625rem !important;
    }
    .mb-xsm-n250,
    .my-xsm-n250 {
        margin-bottom: -15.625rem !important;
    }
    .ml-xsm-n250,
    .mx-xsm-n250 {
        margin-left: -15.625rem !important;
    }
    .m-xsm-auto {
        margin: auto !important;
    }
    .mt-xsm-auto,
    .my-xsm-auto {
        margin-top: auto !important;
    }
    .mr-xsm-auto,
    .mx-xsm-auto {
        margin-right: auto !important;
    }
    .mb-xsm-auto,
    .my-xsm-auto {
        margin-bottom: auto !important;
    }
    .ml-xsm-auto,
    .mx-xsm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .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-5 {
        margin: 0.3125rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 0.3125rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 0.3125rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 0.3125rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 0.3125rem !important;
    }
    .m-sm-10 {
        margin: 0.625rem !important;
    }
    .mt-sm-10,
    .my-sm-10 {
        margin-top: 0.625rem !important;
    }
    .mr-sm-10,
    .mx-sm-10 {
        margin-right: 0.625rem !important;
    }
    .mb-sm-10,
    .my-sm-10 {
        margin-bottom: 0.625rem !important;
    }
    .ml-sm-10,
    .mx-sm-10 {
        margin-left: 0.625rem !important;
    }
    .m-sm-15 {
        margin: 0.9375rem !important;
    }
    .mt-sm-15,
    .my-sm-15 {
        margin-top: 0.9375rem !important;
    }
    .mr-sm-15,
    .mx-sm-15 {
        margin-right: 0.9375rem !important;
    }
    .mb-sm-15,
    .my-sm-15 {
        margin-bottom: 0.9375rem !important;
    }
    .ml-sm-15,
    .mx-sm-15 {
        margin-left: 0.9375rem !important;
    }
    .m-sm-20 {
        margin: 1.25rem !important;
    }
    .mt-sm-20,
    .my-sm-20 {
        margin-top: 1.25rem !important;
    }
    .mr-sm-20,
    .mx-sm-20 {
        margin-right: 1.25rem !important;
    }
    .mb-sm-20,
    .my-sm-20 {
        margin-bottom: 1.25rem !important;
    }
    .ml-sm-20,
    .mx-sm-20 {
        margin-left: 1.25rem !important;
    }
    .m-sm-30 {
        margin: 1.875rem !important;
    }
    .mt-sm-30,
    .my-sm-30 {
        margin-top: 1.875rem !important;
    }
    .mr-sm-30,
    .mx-sm-30 {
        margin-right: 1.875rem !important;
    }
    .mb-sm-30,
    .my-sm-30 {
        margin-bottom: 1.875rem !important;
    }
    .ml-sm-30,
    .mx-sm-30 {
        margin-left: 1.875rem !important;
    }
    .m-sm-40 {
        margin: 2.5rem !important;
    }
    .mt-sm-40,
    .my-sm-40 {
        margin-top: 2.5rem !important;
    }
    .mr-sm-40,
    .mx-sm-40 {
        margin-right: 2.5rem !important;
    }
    .mb-sm-40,
    .my-sm-40 {
        margin-bottom: 2.5rem !important;
    }
    .ml-sm-40,
    .mx-sm-40 {
        margin-left: 2.5rem !important;
    }
    .m-sm-50 {
        margin: 3.125rem !important;
    }
    .mt-sm-50,
    .my-sm-50 {
        margin-top: 3.125rem !important;
    }
    .mr-sm-50,
    .mx-sm-50 {
        margin-right: 3.125rem !important;
    }
    .mb-sm-50,
    .my-sm-50 {
        margin-bottom: 3.125rem !important;
    }
    .ml-sm-50,
    .mx-sm-50 {
        margin-left: 3.125rem !important;
    }
    .m-sm-60 {
        margin: 3.75rem !important;
    }
    .mt-sm-60,
    .my-sm-60 {
        margin-top: 3.75rem !important;
    }
    .mr-sm-60,
    .mx-sm-60 {
        margin-right: 3.75rem !important;
    }
    .mb-sm-60,
    .my-sm-60 {
        margin-bottom: 3.75rem !important;
    }
    .ml-sm-60,
    .mx-sm-60 {
        margin-left: 3.75rem !important;
    }
    .m-sm-70 {
        margin: 4.375rem !important;
    }
    .mt-sm-70,
    .my-sm-70 {
        margin-top: 4.375rem !important;
    }
    .mr-sm-70,
    .mx-sm-70 {
        margin-right: 4.375rem !important;
    }
    .mb-sm-70,
    .my-sm-70 {
        margin-bottom: 4.375rem !important;
    }
    .ml-sm-70,
    .mx-sm-70 {
        margin-left: 4.375rem !important;
    }
    .m-sm-80 {
        margin: 5rem !important;
    }
    .mt-sm-80,
    .my-sm-80 {
        margin-top: 5rem !important;
    }
    .mr-sm-80,
    .mx-sm-80 {
        margin-right: 5rem !important;
    }
    .mb-sm-80,
    .my-sm-80 {
        margin-bottom: 5rem !important;
    }
    .ml-sm-80,
    .mx-sm-80 {
        margin-left: 5rem !important;
    }
    .m-sm-90 {
        margin: 5.625rem !important;
    }
    .mt-sm-90,
    .my-sm-90 {
        margin-top: 5.625rem !important;
    }
    .mr-sm-90,
    .mx-sm-90 {
        margin-right: 5.625rem !important;
    }
    .mb-sm-90,
    .my-sm-90 {
        margin-bottom: 5.625rem !important;
    }
    .ml-sm-90,
    .mx-sm-90 {
        margin-left: 5.625rem !important;
    }
    .m-sm-100 {
        margin: 6.25rem !important;
    }
    .mt-sm-100,
    .my-sm-100 {
        margin-top: 6.25rem !important;
    }
    .mr-sm-100,
    .mx-sm-100 {
        margin-right: 6.25rem !important;
    }
    .mb-sm-100,
    .my-sm-100 {
        margin-bottom: 6.25rem !important;
    }
    .ml-sm-100,
    .mx-sm-100 {
        margin-left: 6.25rem !important;
    }
    .m-sm-110 {
        margin: 6.875rem !important;
    }
    .mt-sm-110,
    .my-sm-110 {
        margin-top: 6.875rem !important;
    }
    .mr-sm-110,
    .mx-sm-110 {
        margin-right: 6.875rem !important;
    }
    .mb-sm-110,
    .my-sm-110 {
        margin-bottom: 6.875rem !important;
    }
    .ml-sm-110,
    .mx-sm-110 {
        margin-left: 6.875rem !important;
    }
    .m-sm-120 {
        margin: 7.5rem !important;
    }
    .mt-sm-120,
    .my-sm-120 {
        margin-top: 7.5rem !important;
    }
    .mr-sm-120,
    .mx-sm-120 {
        margin-right: 7.5rem !important;
    }
    .mb-sm-120,
    .my-sm-120 {
        margin-bottom: 7.5rem !important;
    }
    .ml-sm-120,
    .mx-sm-120 {
        margin-left: 7.5rem !important;
    }
    .m-sm-130 {
        margin: 8.125rem !important;
    }
    .mt-sm-130,
    .my-sm-130 {
        margin-top: 8.125rem !important;
    }
    .mr-sm-130,
    .mx-sm-130 {
        margin-right: 8.125rem !important;
    }
    .mb-sm-130,
    .my-sm-130 {
        margin-bottom: 8.125rem !important;
    }
    .ml-sm-130,
    .mx-sm-130 {
        margin-left: 8.125rem !important;
    }
    .m-sm-140 {
        margin: 8.75rem !important;
    }
    .mt-sm-140,
    .my-sm-140 {
        margin-top: 8.75rem !important;
    }
    .mr-sm-140,
    .mx-sm-140 {
        margin-right: 8.75rem !important;
    }
    .mb-sm-140,
    .my-sm-140 {
        margin-bottom: 8.75rem !important;
    }
    .ml-sm-140,
    .mx-sm-140 {
        margin-left: 8.75rem !important;
    }
    .m-sm-150 {
        margin: 9.375rem !important;
    }
    .mt-sm-150,
    .my-sm-150 {
        margin-top: 9.375rem !important;
    }
    .mr-sm-150,
    .mx-sm-150 {
        margin-right: 9.375rem !important;
    }
    .mb-sm-150,
    .my-sm-150 {
        margin-bottom: 9.375rem !important;
    }
    .ml-sm-150,
    .mx-sm-150 {
        margin-left: 9.375rem !important;
    }
    .m-sm-160 {
        margin: 10rem !important;
    }
    .mt-sm-160,
    .my-sm-160 {
        margin-top: 10rem !important;
    }
    .mr-sm-160,
    .mx-sm-160 {
        margin-right: 10rem !important;
    }
    .mb-sm-160,
    .my-sm-160 {
        margin-bottom: 10rem !important;
    }
    .ml-sm-160,
    .mx-sm-160 {
        margin-left: 10rem !important;
    }
    .m-sm-170 {
        margin: 10.625rem !important;
    }
    .mt-sm-170,
    .my-sm-170 {
        margin-top: 10.625rem !important;
    }
    .mr-sm-170,
    .mx-sm-170 {
        margin-right: 10.625rem !important;
    }
    .mb-sm-170,
    .my-sm-170 {
        margin-bottom: 10.625rem !important;
    }
    .ml-sm-170,
    .mx-sm-170 {
        margin-left: 10.625rem !important;
    }
    .m-sm-180 {
        margin: 11.25rem !important;
    }
    .mt-sm-180,
    .my-sm-180 {
        margin-top: 11.25rem !important;
    }
    .mr-sm-180,
    .mx-sm-180 {
        margin-right: 11.25rem !important;
    }
    .mb-sm-180,
    .my-sm-180 {
        margin-bottom: 11.25rem !important;
    }
    .ml-sm-180,
    .mx-sm-180 {
        margin-left: 11.25rem !important;
    }
    .m-sm-190 {
        margin: 11.875rem !important;
    }
    .mt-sm-190,
    .my-sm-190 {
        margin-top: 11.875rem !important;
    }
    .mr-sm-190,
    .mx-sm-190 {
        margin-right: 11.875rem !important;
    }
    .mb-sm-190,
    .my-sm-190 {
        margin-bottom: 11.875rem !important;
    }
    .ml-sm-190,
    .mx-sm-190 {
        margin-left: 11.875rem !important;
    }
    .m-sm-200 {
        margin: 12.5rem !important;
    }
    .mt-sm-200,
    .my-sm-200 {
        margin-top: 12.5rem !important;
    }
    .mr-sm-200,
    .mx-sm-200 {
        margin-right: 12.5rem !important;
    }
    .mb-sm-200,
    .my-sm-200 {
        margin-bottom: 12.5rem !important;
    }
    .ml-sm-200,
    .mx-sm-200 {
        margin-left: 12.5rem !important;
    }
    .m-sm-210 {
        margin: 13.125rem !important;
    }
    .mt-sm-210,
    .my-sm-210 {
        margin-top: 13.125rem !important;
    }
    .mr-sm-210,
    .mx-sm-210 {
        margin-right: 13.125rem !important;
    }
    .mb-sm-210,
    .my-sm-210 {
        margin-bottom: 13.125rem !important;
    }
    .ml-sm-210,
    .mx-sm-210 {
        margin-left: 13.125rem !important;
    }
    .m-sm-220 {
        margin: 13.75rem !important;
    }
    .mt-sm-220,
    .my-sm-220 {
        margin-top: 13.75rem !important;
    }
    .mr-sm-220,
    .mx-sm-220 {
        margin-right: 13.75rem !important;
    }
    .mb-sm-220,
    .my-sm-220 {
        margin-bottom: 13.75rem !important;
    }
    .ml-sm-220,
    .mx-sm-220 {
        margin-left: 13.75rem !important;
    }
    .m-sm-230 {
        margin: 14.375rem !important;
    }
    .mt-sm-230,
    .my-sm-230 {
        margin-top: 14.375rem !important;
    }
    .mr-sm-230,
    .mx-sm-230 {
        margin-right: 14.375rem !important;
    }
    .mb-sm-230,
    .my-sm-230 {
        margin-bottom: 14.375rem !important;
    }
    .ml-sm-230,
    .mx-sm-230 {
        margin-left: 14.375rem !important;
    }
    .m-sm-240 {
        margin: 15rem !important;
    }
    .mt-sm-240,
    .my-sm-240 {
        margin-top: 15rem !important;
    }
    .mr-sm-240,
    .mx-sm-240 {
        margin-right: 15rem !important;
    }
    .mb-sm-240,
    .my-sm-240 {
        margin-bottom: 15rem !important;
    }
    .ml-sm-240,
    .mx-sm-240 {
        margin-left: 15rem !important;
    }
    .m-sm-250 {
        margin: 15.625rem !important;
    }
    .mt-sm-250,
    .my-sm-250 {
        margin-top: 15.625rem !important;
    }
    .mr-sm-250,
    .mx-sm-250 {
        margin-right: 15.625rem !important;
    }
    .mb-sm-250,
    .my-sm-250 {
        margin-bottom: 15.625rem !important;
    }
    .ml-sm-250,
    .mx-sm-250 {
        margin-left: 15.625rem !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-5 {
        padding: 0.3125rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 0.3125rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 0.3125rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 0.3125rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 0.3125rem !important;
    }
    .p-sm-10 {
        padding: 0.625rem !important;
    }
    .pt-sm-10,
    .py-sm-10 {
        padding-top: 0.625rem !important;
    }
    .pr-sm-10,
    .px-sm-10 {
        padding-right: 0.625rem !important;
    }
    .pb-sm-10,
    .py-sm-10 {
        padding-bottom: 0.625rem !important;
    }
    .pl-sm-10,
    .px-sm-10 {
        padding-left: 0.625rem !important;
    }
    .p-sm-15 {
        padding: 0.9375rem !important;
    }
    .pt-sm-15,
    .py-sm-15 {
        padding-top: 0.9375rem !important;
    }
    .pr-sm-15,
    .px-sm-15 {
        padding-right: 0.9375rem !important;
    }
    .pb-sm-15,
    .py-sm-15 {
        padding-bottom: 0.9375rem !important;
    }
    .pl-sm-15,
    .px-sm-15 {
        padding-left: 0.9375rem !important;
    }
    .p-sm-20 {
        padding: 1.25rem !important;
    }
    .pt-sm-20,
    .py-sm-20 {
        padding-top: 1.25rem !important;
    }
    .pr-sm-20,
    .px-sm-20 {
        padding-right: 1.25rem !important;
    }
    .pb-sm-20,
    .py-sm-20 {
        padding-bottom: 1.25rem !important;
    }
    .pl-sm-20,
    .px-sm-20 {
        padding-left: 1.25rem !important;
    }
    .p-sm-30 {
        padding: 1.875rem !important;
    }
    .pt-sm-30,
    .py-sm-30 {
        padding-top: 1.875rem !important;
    }
    .pr-sm-30,
    .px-sm-30 {
        padding-right: 1.875rem !important;
    }
    .pb-sm-30,
    .py-sm-30 {
        padding-bottom: 1.875rem !important;
    }
    .pl-sm-30,
    .px-sm-30 {
        padding-left: 1.875rem !important;
    }
    .p-sm-40 {
        padding: 2.5rem !important;
    }
    .pt-sm-40,
    .py-sm-40 {
        padding-top: 2.5rem !important;
    }
    .pr-sm-40,
    .px-sm-40 {
        padding-right: 2.5rem !important;
    }
    .pb-sm-40,
    .py-sm-40 {
        padding-bottom: 2.5rem !important;
    }
    .pl-sm-40,
    .px-sm-40 {
        padding-left: 2.5rem !important;
    }
    .p-sm-50 {
        padding: 3.125rem !important;
    }
    .pt-sm-50,
    .py-sm-50 {
        padding-top: 3.125rem !important;
    }
    .pr-sm-50,
    .px-sm-50 {
        padding-right: 3.125rem !important;
    }
    .pb-sm-50,
    .py-sm-50 {
        padding-bottom: 3.125rem !important;
    }
    .pl-sm-50,
    .px-sm-50 {
        padding-left: 3.125rem !important;
    }
    .p-sm-60 {
        padding: 3.75rem !important;
    }
    .pt-sm-60,
    .py-sm-60 {
        padding-top: 3.75rem !important;
    }
    .pr-sm-60,
    .px-sm-60 {
        padding-right: 3.75rem !important;
    }
    .pb-sm-60,
    .py-sm-60 {
        padding-bottom: 3.75rem !important;
    }
    .pl-sm-60,
    .px-sm-60 {
        padding-left: 3.75rem !important;
    }
    .p-sm-70 {
        padding: 4.375rem !important;
    }
    .pt-sm-70,
    .py-sm-70 {
        padding-top: 4.375rem !important;
    }
    .pr-sm-70,
    .px-sm-70 {
        padding-right: 4.375rem !important;
    }
    .pb-sm-70,
    .py-sm-70 {
        padding-bottom: 4.375rem !important;
    }
    .pl-sm-70,
    .px-sm-70 {
        padding-left: 4.375rem !important;
    }
    .p-sm-80 {
        padding: 5rem !important;
    }
    .pt-sm-80,
    .py-sm-80 {
        padding-top: 5rem !important;
    }
    .pr-sm-80,
    .px-sm-80 {
        padding-right: 5rem !important;
    }
    .pb-sm-80,
    .py-sm-80 {
        padding-bottom: 5rem !important;
    }
    .pl-sm-80,
    .px-sm-80 {
        padding-left: 5rem !important;
    }
    .p-sm-90 {
        padding: 5.625rem !important;
    }
    .pt-sm-90,
    .py-sm-90 {
        padding-top: 5.625rem !important;
    }
    .pr-sm-90,
    .px-sm-90 {
        padding-right: 5.625rem !important;
    }
    .pb-sm-90,
    .py-sm-90 {
        padding-bottom: 5.625rem !important;
    }
    .pl-sm-90,
    .px-sm-90 {
        padding-left: 5.625rem !important;
    }
    .p-sm-100 {
        padding: 6.25rem !important;
    }
    .pt-sm-100,
    .py-sm-100 {
        padding-top: 6.25rem !important;
    }
    .pr-sm-100,
    .px-sm-100 {
        padding-right: 6.25rem !important;
    }
    .pb-sm-100,
    .py-sm-100 {
        padding-bottom: 6.25rem !important;
    }
    .pl-sm-100,
    .px-sm-100 {
        padding-left: 6.25rem !important;
    }
    .p-sm-110 {
        padding: 6.875rem !important;
    }
    .pt-sm-110,
    .py-sm-110 {
        padding-top: 6.875rem !important;
    }
    .pr-sm-110,
    .px-sm-110 {
        padding-right: 6.875rem !important;
    }
    .pb-sm-110,
    .py-sm-110 {
        padding-bottom: 6.875rem !important;
    }
    .pl-sm-110,
    .px-sm-110 {
        padding-left: 6.875rem !important;
    }
    .p-sm-120 {
        padding: 7.5rem !important;
    }
    .pt-sm-120,
    .py-sm-120 {
        padding-top: 7.5rem !important;
    }
    .pr-sm-120,
    .px-sm-120 {
        padding-right: 7.5rem !important;
    }
    .pb-sm-120,
    .py-sm-120 {
        padding-bottom: 7.5rem !important;
    }
    .pl-sm-120,
    .px-sm-120 {
        padding-left: 7.5rem !important;
    }
    .p-sm-130 {
        padding: 8.125rem !important;
    }
    .pt-sm-130,
    .py-sm-130 {
        padding-top: 8.125rem !important;
    }
    .pr-sm-130,
    .px-sm-130 {
        padding-right: 8.125rem !important;
    }
    .pb-sm-130,
    .py-sm-130 {
        padding-bottom: 8.125rem !important;
    }
    .pl-sm-130,
    .px-sm-130 {
        padding-left: 8.125rem !important;
    }
    .p-sm-140 {
        padding: 8.75rem !important;
    }
    .pt-sm-140,
    .py-sm-140 {
        padding-top: 8.75rem !important;
    }
    .pr-sm-140,
    .px-sm-140 {
        padding-right: 8.75rem !important;
    }
    .pb-sm-140,
    .py-sm-140 {
        padding-bottom: 8.75rem !important;
    }
    .pl-sm-140,
    .px-sm-140 {
        padding-left: 8.75rem !important;
    }
    .p-sm-150 {
        padding: 9.375rem !important;
    }
    .pt-sm-150,
    .py-sm-150 {
        padding-top: 9.375rem !important;
    }
    .pr-sm-150,
    .px-sm-150 {
        padding-right: 9.375rem !important;
    }
    .pb-sm-150,
    .py-sm-150 {
        padding-bottom: 9.375rem !important;
    }
    .pl-sm-150,
    .px-sm-150 {
        padding-left: 9.375rem !important;
    }
    .p-sm-160 {
        padding: 10rem !important;
    }
    .pt-sm-160,
    .py-sm-160 {
        padding-top: 10rem !important;
    }
    .pr-sm-160,
    .px-sm-160 {
        padding-right: 10rem !important;
    }
    .pb-sm-160,
    .py-sm-160 {
        padding-bottom: 10rem !important;
    }
    .pl-sm-160,
    .px-sm-160 {
        padding-left: 10rem !important;
    }
    .p-sm-170 {
        padding: 10.625rem !important;
    }
    .pt-sm-170,
    .py-sm-170 {
        padding-top: 10.625rem !important;
    }
    .pr-sm-170,
    .px-sm-170 {
        padding-right: 10.625rem !important;
    }
    .pb-sm-170,
    .py-sm-170 {
        padding-bottom: 10.625rem !important;
    }
    .pl-sm-170,
    .px-sm-170 {
        padding-left: 10.625rem !important;
    }
    .p-sm-180 {
        padding: 11.25rem !important;
    }
    .pt-sm-180,
    .py-sm-180 {
        padding-top: 11.25rem !important;
    }
    .pr-sm-180,
    .px-sm-180 {
        padding-right: 11.25rem !important;
    }
    .pb-sm-180,
    .py-sm-180 {
        padding-bottom: 11.25rem !important;
    }
    .pl-sm-180,
    .px-sm-180 {
        padding-left: 11.25rem !important;
    }
    .p-sm-190 {
        padding: 11.875rem !important;
    }
    .pt-sm-190,
    .py-sm-190 {
        padding-top: 11.875rem !important;
    }
    .pr-sm-190,
    .px-sm-190 {
        padding-right: 11.875rem !important;
    }
    .pb-sm-190,
    .py-sm-190 {
        padding-bottom: 11.875rem !important;
    }
    .pl-sm-190,
    .px-sm-190 {
        padding-left: 11.875rem !important;
    }
    .p-sm-200 {
        padding: 12.5rem !important;
    }
    .pt-sm-200,
    .py-sm-200 {
        padding-top: 12.5rem !important;
    }
    .pr-sm-200,
    .px-sm-200 {
        padding-right: 12.5rem !important;
    }
    .pb-sm-200,
    .py-sm-200 {
        padding-bottom: 12.5rem !important;
    }
    .pl-sm-200,
    .px-sm-200 {
        padding-left: 12.5rem !important;
    }
    .p-sm-210 {
        padding: 13.125rem !important;
    }
    .pt-sm-210,
    .py-sm-210 {
        padding-top: 13.125rem !important;
    }
    .pr-sm-210,
    .px-sm-210 {
        padding-right: 13.125rem !important;
    }
    .pb-sm-210,
    .py-sm-210 {
        padding-bottom: 13.125rem !important;
    }
    .pl-sm-210,
    .px-sm-210 {
        padding-left: 13.125rem !important;
    }
    .p-sm-220 {
        padding: 13.75rem !important;
    }
    .pt-sm-220,
    .py-sm-220 {
        padding-top: 13.75rem !important;
    }
    .pr-sm-220,
    .px-sm-220 {
        padding-right: 13.75rem !important;
    }
    .pb-sm-220,
    .py-sm-220 {
        padding-bottom: 13.75rem !important;
    }
    .pl-sm-220,
    .px-sm-220 {
        padding-left: 13.75rem !important;
    }
    .p-sm-230 {
        padding: 14.375rem !important;
    }
    .pt-sm-230,
    .py-sm-230 {
        padding-top: 14.375rem !important;
    }
    .pr-sm-230,
    .px-sm-230 {
        padding-right: 14.375rem !important;
    }
    .pb-sm-230,
    .py-sm-230 {
        padding-bottom: 14.375rem !important;
    }
    .pl-sm-230,
    .px-sm-230 {
        padding-left: 14.375rem !important;
    }
    .p-sm-240 {
        padding: 15rem !important;
    }
    .pt-sm-240,
    .py-sm-240 {
        padding-top: 15rem !important;
    }
    .pr-sm-240,
    .px-sm-240 {
        padding-right: 15rem !important;
    }
    .pb-sm-240,
    .py-sm-240 {
        padding-bottom: 15rem !important;
    }
    .pl-sm-240,
    .px-sm-240 {
        padding-left: 15rem !important;
    }
    .p-sm-250 {
        padding: 15.625rem !important;
    }
    .pt-sm-250,
    .py-sm-250 {
        padding-top: 15.625rem !important;
    }
    .pr-sm-250,
    .px-sm-250 {
        padding-right: 15.625rem !important;
    }
    .pb-sm-250,
    .py-sm-250 {
        padding-bottom: 15.625rem !important;
    }
    .pl-sm-250,
    .px-sm-250 {
        padding-left: 15.625rem !important;
    }
    .m-sm-n5 {
        margin: -0.3125rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -0.3125rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -0.3125rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -0.3125rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -0.3125rem !important;
    }
    .m-sm-n10 {
        margin: -0.625rem !important;
    }
    .mt-sm-n10,
    .my-sm-n10 {
        margin-top: -0.625rem !important;
    }
    .mr-sm-n10,
    .mx-sm-n10 {
        margin-right: -0.625rem !important;
    }
    .mb-sm-n10,
    .my-sm-n10 {
        margin-bottom: -0.625rem !important;
    }
    .ml-sm-n10,
    .mx-sm-n10 {
        margin-left: -0.625rem !important;
    }
    .m-sm-n15 {
        margin: -0.9375rem !important;
    }
    .mt-sm-n15,
    .my-sm-n15 {
        margin-top: -0.9375rem !important;
    }
    .mr-sm-n15,
    .mx-sm-n15 {
        margin-right: -0.9375rem !important;
    }
    .mb-sm-n15,
    .my-sm-n15 {
        margin-bottom: -0.9375rem !important;
    }
    .ml-sm-n15,
    .mx-sm-n15 {
        margin-left: -0.9375rem !important;
    }
    .m-sm-n20 {
        margin: -1.25rem !important;
    }
    .mt-sm-n20,
    .my-sm-n20 {
        margin-top: -1.25rem !important;
    }
    .mr-sm-n20,
    .mx-sm-n20 {
        margin-right: -1.25rem !important;
    }
    .mb-sm-n20,
    .my-sm-n20 {
        margin-bottom: -1.25rem !important;
    }
    .ml-sm-n20,
    .mx-sm-n20 {
        margin-left: -1.25rem !important;
    }
    .m-sm-n30 {
        margin: -1.875rem !important;
    }
    .mt-sm-n30,
    .my-sm-n30 {
        margin-top: -1.875rem !important;
    }
    .mr-sm-n30,
    .mx-sm-n30 {
        margin-right: -1.875rem !important;
    }
    .mb-sm-n30,
    .my-sm-n30 {
        margin-bottom: -1.875rem !important;
    }
    .ml-sm-n30,
    .mx-sm-n30 {
        margin-left: -1.875rem !important;
    }
    .m-sm-n40 {
        margin: -2.5rem !important;
    }
    .mt-sm-n40,
    .my-sm-n40 {
        margin-top: -2.5rem !important;
    }
    .mr-sm-n40,
    .mx-sm-n40 {
        margin-right: -2.5rem !important;
    }
    .mb-sm-n40,
    .my-sm-n40 {
        margin-bottom: -2.5rem !important;
    }
    .ml-sm-n40,
    .mx-sm-n40 {
        margin-left: -2.5rem !important;
    }
    .m-sm-n50 {
        margin: -3.125rem !important;
    }
    .mt-sm-n50,
    .my-sm-n50 {
        margin-top: -3.125rem !important;
    }
    .mr-sm-n50,
    .mx-sm-n50 {
        margin-right: -3.125rem !important;
    }
    .mb-sm-n50,
    .my-sm-n50 {
        margin-bottom: -3.125rem !important;
    }
    .ml-sm-n50,
    .mx-sm-n50 {
        margin-left: -3.125rem !important;
    }
    .m-sm-n60 {
        margin: -3.75rem !important;
    }
    .mt-sm-n60,
    .my-sm-n60 {
        margin-top: -3.75rem !important;
    }
    .mr-sm-n60,
    .mx-sm-n60 {
        margin-right: -3.75rem !important;
    }
    .mb-sm-n60,
    .my-sm-n60 {
        margin-bottom: -3.75rem !important;
    }
    .ml-sm-n60,
    .mx-sm-n60 {
        margin-left: -3.75rem !important;
    }
    .m-sm-n70 {
        margin: -4.375rem !important;
    }
    .mt-sm-n70,
    .my-sm-n70 {
        margin-top: -4.375rem !important;
    }
    .mr-sm-n70,
    .mx-sm-n70 {
        margin-right: -4.375rem !important;
    }
    .mb-sm-n70,
    .my-sm-n70 {
        margin-bottom: -4.375rem !important;
    }
    .ml-sm-n70,
    .mx-sm-n70 {
        margin-left: -4.375rem !important;
    }
    .m-sm-n80 {
        margin: -5rem !important;
    }
    .mt-sm-n80,
    .my-sm-n80 {
        margin-top: -5rem !important;
    }
    .mr-sm-n80,
    .mx-sm-n80 {
        margin-right: -5rem !important;
    }
    .mb-sm-n80,
    .my-sm-n80 {
        margin-bottom: -5rem !important;
    }
    .ml-sm-n80,
    .mx-sm-n80 {
        margin-left: -5rem !important;
    }
    .m-sm-n90 {
        margin: -5.625rem !important;
    }
    .mt-sm-n90,
    .my-sm-n90 {
        margin-top: -5.625rem !important;
    }
    .mr-sm-n90,
    .mx-sm-n90 {
        margin-right: -5.625rem !important;
    }
    .mb-sm-n90,
    .my-sm-n90 {
        margin-bottom: -5.625rem !important;
    }
    .ml-sm-n90,
    .mx-sm-n90 {
        margin-left: -5.625rem !important;
    }
    .m-sm-n100 {
        margin: -6.25rem !important;
    }
    .mt-sm-n100,
    .my-sm-n100 {
        margin-top: -6.25rem !important;
    }
    .mr-sm-n100,
    .mx-sm-n100 {
        margin-right: -6.25rem !important;
    }
    .mb-sm-n100,
    .my-sm-n100 {
        margin-bottom: -6.25rem !important;
    }
    .ml-sm-n100,
    .mx-sm-n100 {
        margin-left: -6.25rem !important;
    }
    .m-sm-n110 {
        margin: -6.875rem !important;
    }
    .mt-sm-n110,
    .my-sm-n110 {
        margin-top: -6.875rem !important;
    }
    .mr-sm-n110,
    .mx-sm-n110 {
        margin-right: -6.875rem !important;
    }
    .mb-sm-n110,
    .my-sm-n110 {
        margin-bottom: -6.875rem !important;
    }
    .ml-sm-n110,
    .mx-sm-n110 {
        margin-left: -6.875rem !important;
    }
    .m-sm-n120 {
        margin: -7.5rem !important;
    }
    .mt-sm-n120,
    .my-sm-n120 {
        margin-top: -7.5rem !important;
    }
    .mr-sm-n120,
    .mx-sm-n120 {
        margin-right: -7.5rem !important;
    }
    .mb-sm-n120,
    .my-sm-n120 {
        margin-bottom: -7.5rem !important;
    }
    .ml-sm-n120,
    .mx-sm-n120 {
        margin-left: -7.5rem !important;
    }
    .m-sm-n130 {
        margin: -8.125rem !important;
    }
    .mt-sm-n130,
    .my-sm-n130 {
        margin-top: -8.125rem !important;
    }
    .mr-sm-n130,
    .mx-sm-n130 {
        margin-right: -8.125rem !important;
    }
    .mb-sm-n130,
    .my-sm-n130 {
        margin-bottom: -8.125rem !important;
    }
    .ml-sm-n130,
    .mx-sm-n130 {
        margin-left: -8.125rem !important;
    }
    .m-sm-n140 {
        margin: -8.75rem !important;
    }
    .mt-sm-n140,
    .my-sm-n140 {
        margin-top: -8.75rem !important;
    }
    .mr-sm-n140,
    .mx-sm-n140 {
        margin-right: -8.75rem !important;
    }
    .mb-sm-n140,
    .my-sm-n140 {
        margin-bottom: -8.75rem !important;
    }
    .ml-sm-n140,
    .mx-sm-n140 {
        margin-left: -8.75rem !important;
    }
    .m-sm-n150 {
        margin: -9.375rem !important;
    }
    .mt-sm-n150,
    .my-sm-n150 {
        margin-top: -9.375rem !important;
    }
    .mr-sm-n150,
    .mx-sm-n150 {
        margin-right: -9.375rem !important;
    }
    .mb-sm-n150,
    .my-sm-n150 {
        margin-bottom: -9.375rem !important;
    }
    .ml-sm-n150,
    .mx-sm-n150 {
        margin-left: -9.375rem !important;
    }
    .m-sm-n160 {
        margin: -10rem !important;
    }
    .mt-sm-n160,
    .my-sm-n160 {
        margin-top: -10rem !important;
    }
    .mr-sm-n160,
    .mx-sm-n160 {
        margin-right: -10rem !important;
    }
    .mb-sm-n160,
    .my-sm-n160 {
        margin-bottom: -10rem !important;
    }
    .ml-sm-n160,
    .mx-sm-n160 {
        margin-left: -10rem !important;
    }
    .m-sm-n170 {
        margin: -10.625rem !important;
    }
    .mt-sm-n170,
    .my-sm-n170 {
        margin-top: -10.625rem !important;
    }
    .mr-sm-n170,
    .mx-sm-n170 {
        margin-right: -10.625rem !important;
    }
    .mb-sm-n170,
    .my-sm-n170 {
        margin-bottom: -10.625rem !important;
    }
    .ml-sm-n170,
    .mx-sm-n170 {
        margin-left: -10.625rem !important;
    }
    .m-sm-n180 {
        margin: -11.25rem !important;
    }
    .mt-sm-n180,
    .my-sm-n180 {
        margin-top: -11.25rem !important;
    }
    .mr-sm-n180,
    .mx-sm-n180 {
        margin-right: -11.25rem !important;
    }
    .mb-sm-n180,
    .my-sm-n180 {
        margin-bottom: -11.25rem !important;
    }
    .ml-sm-n180,
    .mx-sm-n180 {
        margin-left: -11.25rem !important;
    }
    .m-sm-n190 {
        margin: -11.875rem !important;
    }
    .mt-sm-n190,
    .my-sm-n190 {
        margin-top: -11.875rem !important;
    }
    .mr-sm-n190,
    .mx-sm-n190 {
        margin-right: -11.875rem !important;
    }
    .mb-sm-n190,
    .my-sm-n190 {
        margin-bottom: -11.875rem !important;
    }
    .ml-sm-n190,
    .mx-sm-n190 {
        margin-left: -11.875rem !important;
    }
    .m-sm-n200 {
        margin: -12.5rem !important;
    }
    .mt-sm-n200,
    .my-sm-n200 {
        margin-top: -12.5rem !important;
    }
    .mr-sm-n200,
    .mx-sm-n200 {
        margin-right: -12.5rem !important;
    }
    .mb-sm-n200,
    .my-sm-n200 {
        margin-bottom: -12.5rem !important;
    }
    .ml-sm-n200,
    .mx-sm-n200 {
        margin-left: -12.5rem !important;
    }
    .m-sm-n210 {
        margin: -13.125rem !important;
    }
    .mt-sm-n210,
    .my-sm-n210 {
        margin-top: -13.125rem !important;
    }
    .mr-sm-n210,
    .mx-sm-n210 {
        margin-right: -13.125rem !important;
    }
    .mb-sm-n210,
    .my-sm-n210 {
        margin-bottom: -13.125rem !important;
    }
    .ml-sm-n210,
    .mx-sm-n210 {
        margin-left: -13.125rem !important;
    }
    .m-sm-n220 {
        margin: -13.75rem !important;
    }
    .mt-sm-n220,
    .my-sm-n220 {
        margin-top: -13.75rem !important;
    }
    .mr-sm-n220,
    .mx-sm-n220 {
        margin-right: -13.75rem !important;
    }
    .mb-sm-n220,
    .my-sm-n220 {
        margin-bottom: -13.75rem !important;
    }
    .ml-sm-n220,
    .mx-sm-n220 {
        margin-left: -13.75rem !important;
    }
    .m-sm-n230 {
        margin: -14.375rem !important;
    }
    .mt-sm-n230,
    .my-sm-n230 {
        margin-top: -14.375rem !important;
    }
    .mr-sm-n230,
    .mx-sm-n230 {
        margin-right: -14.375rem !important;
    }
    .mb-sm-n230,
    .my-sm-n230 {
        margin-bottom: -14.375rem !important;
    }
    .ml-sm-n230,
    .mx-sm-n230 {
        margin-left: -14.375rem !important;
    }
    .m-sm-n240 {
        margin: -15rem !important;
    }
    .mt-sm-n240,
    .my-sm-n240 {
        margin-top: -15rem !important;
    }
    .mr-sm-n240,
    .mx-sm-n240 {
        margin-right: -15rem !important;
    }
    .mb-sm-n240,
    .my-sm-n240 {
        margin-bottom: -15rem !important;
    }
    .ml-sm-n240,
    .mx-sm-n240 {
        margin-left: -15rem !important;
    }
    .m-sm-n250 {
        margin: -15.625rem !important;
    }
    .mt-sm-n250,
    .my-sm-n250 {
        margin-top: -15.625rem !important;
    }
    .mr-sm-n250,
    .mx-sm-n250 {
        margin-right: -15.625rem !important;
    }
    .mb-sm-n250,
    .my-sm-n250 {
        margin-bottom: -15.625rem !important;
    }
    .ml-sm-n250,
    .mx-sm-n250 {
        margin-left: -15.625rem !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: 992px) {
    .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-5 {
        margin: 0.3125rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 0.3125rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 0.3125rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 0.3125rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 0.3125rem !important;
    }
    .m-md-10 {
        margin: 0.625rem !important;
    }
    .mt-md-10,
    .my-md-10 {
        margin-top: 0.625rem !important;
    }
    .mr-md-10,
    .mx-md-10 {
        margin-right: 0.625rem !important;
    }
    .mb-md-10,
    .my-md-10 {
        margin-bottom: 0.625rem !important;
    }
    .ml-md-10,
    .mx-md-10 {
        margin-left: 0.625rem !important;
    }
    .m-md-15 {
        margin: 0.9375rem !important;
    }
    .mt-md-15,
    .my-md-15 {
        margin-top: 0.9375rem !important;
    }
    .mr-md-15,
    .mx-md-15 {
        margin-right: 0.9375rem !important;
    }
    .mb-md-15,
    .my-md-15 {
        margin-bottom: 0.9375rem !important;
    }
    .ml-md-15,
    .mx-md-15 {
        margin-left: 0.9375rem !important;
    }
    .m-md-20 {
        margin: 1.25rem !important;
    }
    .mt-md-20,
    .my-md-20 {
        margin-top: 1.25rem !important;
    }
    .mr-md-20,
    .mx-md-20 {
        margin-right: 1.25rem !important;
    }
    .mb-md-20,
    .my-md-20 {
        margin-bottom: 1.25rem !important;
    }
    .ml-md-20,
    .mx-md-20 {
        margin-left: 1.25rem !important;
    }
    .m-md-30 {
        margin: 1.875rem !important;
    }
    .mt-md-30,
    .my-md-30 {
        margin-top: 1.875rem !important;
    }
    .mr-md-30,
    .mx-md-30 {
        margin-right: 1.875rem !important;
    }
    .mb-md-30,
    .my-md-30 {
        margin-bottom: 1.875rem !important;
    }
    .ml-md-30,
    .mx-md-30 {
        margin-left: 1.875rem !important;
    }
    .m-md-40 {
        margin: 2.5rem !important;
    }
    .mt-md-40,
    .my-md-40 {
        margin-top: 2.5rem !important;
    }
    .mr-md-40,
    .mx-md-40 {
        margin-right: 2.5rem !important;
    }
    .mb-md-40,
    .my-md-40 {
        margin-bottom: 2.5rem !important;
    }
    .ml-md-40,
    .mx-md-40 {
        margin-left: 2.5rem !important;
    }
    .m-md-50 {
        margin: 3.125rem !important;
    }
    .mt-md-50,
    .my-md-50 {
        margin-top: 3.125rem !important;
    }
    .mr-md-50,
    .mx-md-50 {
        margin-right: 3.125rem !important;
    }
    .mb-md-50,
    .my-md-50 {
        margin-bottom: 3.125rem !important;
    }
    .ml-md-50,
    .mx-md-50 {
        margin-left: 3.125rem !important;
    }
    .m-md-60 {
        margin: 3.75rem !important;
    }
    .mt-md-60,
    .my-md-60 {
        margin-top: 3.75rem !important;
    }
    .mr-md-60,
    .mx-md-60 {
        margin-right: 3.75rem !important;
    }
    .mb-md-60,
    .my-md-60 {
        margin-bottom: 3.75rem !important;
    }
    .ml-md-60,
    .mx-md-60 {
        margin-left: 3.75rem !important;
    }
    .m-md-70 {
        margin: 4.375rem !important;
    }
    .mt-md-70,
    .my-md-70 {
        margin-top: 4.375rem !important;
    }
    .mr-md-70,
    .mx-md-70 {
        margin-right: 4.375rem !important;
    }
    .mb-md-70,
    .my-md-70 {
        margin-bottom: 4.375rem !important;
    }
    .ml-md-70,
    .mx-md-70 {
        margin-left: 4.375rem !important;
    }
    .m-md-80 {
        margin: 5rem !important;
    }
    .mt-md-80,
    .my-md-80 {
        margin-top: 5rem !important;
    }
    .mr-md-80,
    .mx-md-80 {
        margin-right: 5rem !important;
    }
    .mb-md-80,
    .my-md-80 {
        margin-bottom: 5rem !important;
    }
    .ml-md-80,
    .mx-md-80 {
        margin-left: 5rem !important;
    }
    .m-md-90 {
        margin: 5.625rem !important;
    }
    .mt-md-90,
    .my-md-90 {
        margin-top: 5.625rem !important;
    }
    .mr-md-90,
    .mx-md-90 {
        margin-right: 5.625rem !important;
    }
    .mb-md-90,
    .my-md-90 {
        margin-bottom: 5.625rem !important;
    }
    .ml-md-90,
    .mx-md-90 {
        margin-left: 5.625rem !important;
    }
    .m-md-100 {
        margin: 6.25rem !important;
    }
    .mt-md-100,
    .my-md-100 {
        margin-top: 6.25rem !important;
    }
    .mr-md-100,
    .mx-md-100 {
        margin-right: 6.25rem !important;
    }
    .mb-md-100,
    .my-md-100 {
        margin-bottom: 6.25rem !important;
    }
    .ml-md-100,
    .mx-md-100 {
        margin-left: 6.25rem !important;
    }
    .m-md-110 {
        margin: 6.875rem !important;
    }
    .mt-md-110,
    .my-md-110 {
        margin-top: 6.875rem !important;
    }
    .mr-md-110,
    .mx-md-110 {
        margin-right: 6.875rem !important;
    }
    .mb-md-110,
    .my-md-110 {
        margin-bottom: 6.875rem !important;
    }
    .ml-md-110,
    .mx-md-110 {
        margin-left: 6.875rem !important;
    }
    .m-md-120 {
        margin: 7.5rem !important;
    }
    .mt-md-120,
    .my-md-120 {
        margin-top: 7.5rem !important;
    }
    .mr-md-120,
    .mx-md-120 {
        margin-right: 7.5rem !important;
    }
    .mb-md-120,
    .my-md-120 {
        margin-bottom: 7.5rem !important;
    }
    .ml-md-120,
    .mx-md-120 {
        margin-left: 7.5rem !important;
    }
    .m-md-130 {
        margin: 8.125rem !important;
    }
    .mt-md-130,
    .my-md-130 {
        margin-top: 8.125rem !important;
    }
    .mr-md-130,
    .mx-md-130 {
        margin-right: 8.125rem !important;
    }
    .mb-md-130,
    .my-md-130 {
        margin-bottom: 8.125rem !important;
    }
    .ml-md-130,
    .mx-md-130 {
        margin-left: 8.125rem !important;
    }
    .m-md-140 {
        margin: 8.75rem !important;
    }
    .mt-md-140,
    .my-md-140 {
        margin-top: 8.75rem !important;
    }
    .mr-md-140,
    .mx-md-140 {
        margin-right: 8.75rem !important;
    }
    .mb-md-140,
    .my-md-140 {
        margin-bottom: 8.75rem !important;
    }
    .ml-md-140,
    .mx-md-140 {
        margin-left: 8.75rem !important;
    }
    .m-md-150 {
        margin: 9.375rem !important;
    }
    .mt-md-150,
    .my-md-150 {
        margin-top: 9.375rem !important;
    }
    .mr-md-150,
    .mx-md-150 {
        margin-right: 9.375rem !important;
    }
    .mb-md-150,
    .my-md-150 {
        margin-bottom: 9.375rem !important;
    }
    .ml-md-150,
    .mx-md-150 {
        margin-left: 9.375rem !important;
    }
    .m-md-160 {
        margin: 10rem !important;
    }
    .mt-md-160,
    .my-md-160 {
        margin-top: 10rem !important;
    }
    .mr-md-160,
    .mx-md-160 {
        margin-right: 10rem !important;
    }
    .mb-md-160,
    .my-md-160 {
        margin-bottom: 10rem !important;
    }
    .ml-md-160,
    .mx-md-160 {
        margin-left: 10rem !important;
    }
    .m-md-170 {
        margin: 10.625rem !important;
    }
    .mt-md-170,
    .my-md-170 {
        margin-top: 10.625rem !important;
    }
    .mr-md-170,
    .mx-md-170 {
        margin-right: 10.625rem !important;
    }
    .mb-md-170,
    .my-md-170 {
        margin-bottom: 10.625rem !important;
    }
    .ml-md-170,
    .mx-md-170 {
        margin-left: 10.625rem !important;
    }
    .m-md-180 {
        margin: 11.25rem !important;
    }
    .mt-md-180,
    .my-md-180 {
        margin-top: 11.25rem !important;
    }
    .mr-md-180,
    .mx-md-180 {
        margin-right: 11.25rem !important;
    }
    .mb-md-180,
    .my-md-180 {
        margin-bottom: 11.25rem !important;
    }
    .ml-md-180,
    .mx-md-180 {
        margin-left: 11.25rem !important;
    }
    .m-md-190 {
        margin: 11.875rem !important;
    }
    .mt-md-190,
    .my-md-190 {
        margin-top: 11.875rem !important;
    }
    .mr-md-190,
    .mx-md-190 {
        margin-right: 11.875rem !important;
    }
    .mb-md-190,
    .my-md-190 {
        margin-bottom: 11.875rem !important;
    }
    .ml-md-190,
    .mx-md-190 {
        margin-left: 11.875rem !important;
    }
    .m-md-200 {
        margin: 12.5rem !important;
    }
    .mt-md-200,
    .my-md-200 {
        margin-top: 12.5rem !important;
    }
    .mr-md-200,
    .mx-md-200 {
        margin-right: 12.5rem !important;
    }
    .mb-md-200,
    .my-md-200 {
        margin-bottom: 12.5rem !important;
    }
    .ml-md-200,
    .mx-md-200 {
        margin-left: 12.5rem !important;
    }
    .m-md-210 {
        margin: 13.125rem !important;
    }
    .mt-md-210,
    .my-md-210 {
        margin-top: 13.125rem !important;
    }
    .mr-md-210,
    .mx-md-210 {
        margin-right: 13.125rem !important;
    }
    .mb-md-210,
    .my-md-210 {
        margin-bottom: 13.125rem !important;
    }
    .ml-md-210,
    .mx-md-210 {
        margin-left: 13.125rem !important;
    }
    .m-md-220 {
        margin: 13.75rem !important;
    }
    .mt-md-220,
    .my-md-220 {
        margin-top: 13.75rem !important;
    }
    .mr-md-220,
    .mx-md-220 {
        margin-right: 13.75rem !important;
    }
    .mb-md-220,
    .my-md-220 {
        margin-bottom: 13.75rem !important;
    }
    .ml-md-220,
    .mx-md-220 {
        margin-left: 13.75rem !important;
    }
    .m-md-230 {
        margin: 14.375rem !important;
    }
    .mt-md-230,
    .my-md-230 {
        margin-top: 14.375rem !important;
    }
    .mr-md-230,
    .mx-md-230 {
        margin-right: 14.375rem !important;
    }
    .mb-md-230,
    .my-md-230 {
        margin-bottom: 14.375rem !important;
    }
    .ml-md-230,
    .mx-md-230 {
        margin-left: 14.375rem !important;
    }
    .m-md-240 {
        margin: 15rem !important;
    }
    .mt-md-240,
    .my-md-240 {
        margin-top: 15rem !important;
    }
    .mr-md-240,
    .mx-md-240 {
        margin-right: 15rem !important;
    }
    .mb-md-240,
    .my-md-240 {
        margin-bottom: 15rem !important;
    }
    .ml-md-240,
    .mx-md-240 {
        margin-left: 15rem !important;
    }
    .m-md-250 {
        margin: 15.625rem !important;
    }
    .mt-md-250,
    .my-md-250 {
        margin-top: 15.625rem !important;
    }
    .mr-md-250,
    .mx-md-250 {
        margin-right: 15.625rem !important;
    }
    .mb-md-250,
    .my-md-250 {
        margin-bottom: 15.625rem !important;
    }
    .ml-md-250,
    .mx-md-250 {
        margin-left: 15.625rem !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-5 {
        padding: 0.3125rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 0.3125rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 0.3125rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 0.3125rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 0.3125rem !important;
    }
    .p-md-10 {
        padding: 0.625rem !important;
    }
    .pt-md-10,
    .py-md-10 {
        padding-top: 0.625rem !important;
    }
    .pr-md-10,
    .px-md-10 {
        padding-right: 0.625rem !important;
    }
    .pb-md-10,
    .py-md-10 {
        padding-bottom: 0.625rem !important;
    }
    .pl-md-10,
    .px-md-10 {
        padding-left: 0.625rem !important;
    }
    .p-md-15 {
        padding: 0.9375rem !important;
    }
    .pt-md-15,
    .py-md-15 {
        padding-top: 0.9375rem !important;
    }
    .pr-md-15,
    .px-md-15 {
        padding-right: 0.9375rem !important;
    }
    .pb-md-15,
    .py-md-15 {
        padding-bottom: 0.9375rem !important;
    }
    .pl-md-15,
    .px-md-15 {
        padding-left: 0.9375rem !important;
    }
    .p-md-20 {
        padding: 1.25rem !important;
    }
    .pt-md-20,
    .py-md-20 {
        padding-top: 1.25rem !important;
    }
    .pr-md-20,
    .px-md-20 {
        padding-right: 1.25rem !important;
    }
    .pb-md-20,
    .py-md-20 {
        padding-bottom: 1.25rem !important;
    }
    .pl-md-20,
    .px-md-20 {
        padding-left: 1.25rem !important;
    }
    .p-md-30 {
        padding: 1.875rem !important;
    }
    .pt-md-30,
    .py-md-30 {
        padding-top: 1.875rem !important;
    }
    .pr-md-30,
    .px-md-30 {
        padding-right: 1.875rem !important;
    }
    .pb-md-30,
    .py-md-30 {
        padding-bottom: 1.875rem !important;
    }
    .pl-md-30,
    .px-md-30 {
        padding-left: 1.875rem !important;
    }
    .p-md-40 {
        padding: 2.5rem !important;
    }
    .pt-md-40,
    .py-md-40 {
        padding-top: 2.5rem !important;
    }
    .pr-md-40,
    .px-md-40 {
        padding-right: 2.5rem !important;
    }
    .pb-md-40,
    .py-md-40 {
        padding-bottom: 2.5rem !important;
    }
    .pl-md-40,
    .px-md-40 {
        padding-left: 2.5rem !important;
    }
    .p-md-50 {
        padding: 3.125rem !important;
    }
    .pt-md-50,
    .py-md-50 {
        padding-top: 3.125rem !important;
    }
    .pr-md-50,
    .px-md-50 {
        padding-right: 3.125rem !important;
    }
    .pb-md-50,
    .py-md-50 {
        padding-bottom: 3.125rem !important;
    }
    .pl-md-50,
    .px-md-50 {
        padding-left: 3.125rem !important;
    }
    .p-md-60 {
        padding: 3.75rem !important;
    }
    .pt-md-60,
    .py-md-60 {
        padding-top: 3.75rem !important;
    }
    .pr-md-60,
    .px-md-60 {
        padding-right: 3.75rem !important;
    }
    .pb-md-60,
    .py-md-60 {
        padding-bottom: 3.75rem !important;
    }
    .pl-md-60,
    .px-md-60 {
        padding-left: 3.75rem !important;
    }
    .p-md-70 {
        padding: 4.375rem !important;
    }
    .pt-md-70,
    .py-md-70 {
        padding-top: 4.375rem !important;
    }
    .pr-md-70,
    .px-md-70 {
        padding-right: 4.375rem !important;
    }
    .pb-md-70,
    .py-md-70 {
        padding-bottom: 4.375rem !important;
    }
    .pl-md-70,
    .px-md-70 {
        padding-left: 4.375rem !important;
    }
    .p-md-80 {
        padding: 5rem !important;
    }
    .pt-md-80,
    .py-md-80 {
        padding-top: 5rem !important;
    }
    .pr-md-80,
    .px-md-80 {
        padding-right: 5rem !important;
    }
    .pb-md-80,
    .py-md-80 {
        padding-bottom: 5rem !important;
    }
    .pl-md-80,
    .px-md-80 {
        padding-left: 5rem !important;
    }
    .p-md-90 {
        padding: 5.625rem !important;
    }
    .pt-md-90,
    .py-md-90 {
        padding-top: 5.625rem !important;
    }
    .pr-md-90,
    .px-md-90 {
        padding-right: 5.625rem !important;
    }
    .pb-md-90,
    .py-md-90 {
        padding-bottom: 5.625rem !important;
    }
    .pl-md-90,
    .px-md-90 {
        padding-left: 5.625rem !important;
    }
    .p-md-100 {
        padding: 6.25rem !important;
    }
    .pt-md-100,
    .py-md-100 {
        padding-top: 6.25rem !important;
    }
    .pr-md-100,
    .px-md-100 {
        padding-right: 6.25rem !important;
    }
    .pb-md-100,
    .py-md-100 {
        padding-bottom: 6.25rem !important;
    }
    .pl-md-100,
    .px-md-100 {
        padding-left: 6.25rem !important;
    }
    .p-md-110 {
        padding: 6.875rem !important;
    }
    .pt-md-110,
    .py-md-110 {
        padding-top: 6.875rem !important;
    }
    .pr-md-110,
    .px-md-110 {
        padding-right: 6.875rem !important;
    }
    .pb-md-110,
    .py-md-110 {
        padding-bottom: 6.875rem !important;
    }
    .pl-md-110,
    .px-md-110 {
        padding-left: 6.875rem !important;
    }
    .p-md-120 {
        padding: 7.5rem !important;
    }
    .pt-md-120,
    .py-md-120 {
        padding-top: 7.5rem !important;
    }
    .pr-md-120,
    .px-md-120 {
        padding-right: 7.5rem !important;
    }
    .pb-md-120,
    .py-md-120 {
        padding-bottom: 7.5rem !important;
    }
    .pl-md-120,
    .px-md-120 {
        padding-left: 7.5rem !important;
    }
    .p-md-130 {
        padding: 8.125rem !important;
    }
    .pt-md-130,
    .py-md-130 {
        padding-top: 8.125rem !important;
    }
    .pr-md-130,
    .px-md-130 {
        padding-right: 8.125rem !important;
    }
    .pb-md-130,
    .py-md-130 {
        padding-bottom: 8.125rem !important;
    }
    .pl-md-130,
    .px-md-130 {
        padding-left: 8.125rem !important;
    }
    .p-md-140 {
        padding: 8.75rem !important;
    }
    .pt-md-140,
    .py-md-140 {
        padding-top: 8.75rem !important;
    }
    .pr-md-140,
    .px-md-140 {
        padding-right: 8.75rem !important;
    }
    .pb-md-140,
    .py-md-140 {
        padding-bottom: 8.75rem !important;
    }
    .pl-md-140,
    .px-md-140 {
        padding-left: 8.75rem !important;
    }
    .p-md-150 {
        padding: 9.375rem !important;
    }
    .pt-md-150,
    .py-md-150 {
        padding-top: 9.375rem !important;
    }
    .pr-md-150,
    .px-md-150 {
        padding-right: 9.375rem !important;
    }
    .pb-md-150,
    .py-md-150 {
        padding-bottom: 9.375rem !important;
    }
    .pl-md-150,
    .px-md-150 {
        padding-left: 9.375rem !important;
    }
    .p-md-160 {
        padding: 10rem !important;
    }
    .pt-md-160,
    .py-md-160 {
        padding-top: 10rem !important;
    }
    .pr-md-160,
    .px-md-160 {
        padding-right: 10rem !important;
    }
    .pb-md-160,
    .py-md-160 {
        padding-bottom: 10rem !important;
    }
    .pl-md-160,
    .px-md-160 {
        padding-left: 10rem !important;
    }
    .p-md-170 {
        padding: 10.625rem !important;
    }
    .pt-md-170,
    .py-md-170 {
        padding-top: 10.625rem !important;
    }
    .pr-md-170,
    .px-md-170 {
        padding-right: 10.625rem !important;
    }
    .pb-md-170,
    .py-md-170 {
        padding-bottom: 10.625rem !important;
    }
    .pl-md-170,
    .px-md-170 {
        padding-left: 10.625rem !important;
    }
    .p-md-180 {
        padding: 11.25rem !important;
    }
    .pt-md-180,
    .py-md-180 {
        padding-top: 11.25rem !important;
    }
    .pr-md-180,
    .px-md-180 {
        padding-right: 11.25rem !important;
    }
    .pb-md-180,
    .py-md-180 {
        padding-bottom: 11.25rem !important;
    }
    .pl-md-180,
    .px-md-180 {
        padding-left: 11.25rem !important;
    }
    .p-md-190 {
        padding: 11.875rem !important;
    }
    .pt-md-190,
    .py-md-190 {
        padding-top: 11.875rem !important;
    }
    .pr-md-190,
    .px-md-190 {
        padding-right: 11.875rem !important;
    }
    .pb-md-190,
    .py-md-190 {
        padding-bottom: 11.875rem !important;
    }
    .pl-md-190,
    .px-md-190 {
        padding-left: 11.875rem !important;
    }
    .p-md-200 {
        padding: 12.5rem !important;
    }
    .pt-md-200,
    .py-md-200 {
        padding-top: 12.5rem !important;
    }
    .pr-md-200,
    .px-md-200 {
        padding-right: 12.5rem !important;
    }
    .pb-md-200,
    .py-md-200 {
        padding-bottom: 12.5rem !important;
    }
    .pl-md-200,
    .px-md-200 {
        padding-left: 12.5rem !important;
    }
    .p-md-210 {
        padding: 13.125rem !important;
    }
    .pt-md-210,
    .py-md-210 {
        padding-top: 13.125rem !important;
    }
    .pr-md-210,
    .px-md-210 {
        padding-right: 13.125rem !important;
    }
    .pb-md-210,
    .py-md-210 {
        padding-bottom: 13.125rem !important;
    }
    .pl-md-210,
    .px-md-210 {
        padding-left: 13.125rem !important;
    }
    .p-md-220 {
        padding: 13.75rem !important;
    }
    .pt-md-220,
    .py-md-220 {
        padding-top: 13.75rem !important;
    }
    .pr-md-220,
    .px-md-220 {
        padding-right: 13.75rem !important;
    }
    .pb-md-220,
    .py-md-220 {
        padding-bottom: 13.75rem !important;
    }
    .pl-md-220,
    .px-md-220 {
        padding-left: 13.75rem !important;
    }
    .p-md-230 {
        padding: 14.375rem !important;
    }
    .pt-md-230,
    .py-md-230 {
        padding-top: 14.375rem !important;
    }
    .pr-md-230,
    .px-md-230 {
        padding-right: 14.375rem !important;
    }
    .pb-md-230,
    .py-md-230 {
        padding-bottom: 14.375rem !important;
    }
    .pl-md-230,
    .px-md-230 {
        padding-left: 14.375rem !important;
    }
    .p-md-240 {
        padding: 15rem !important;
    }
    .pt-md-240,
    .py-md-240 {
        padding-top: 15rem !important;
    }
    .pr-md-240,
    .px-md-240 {
        padding-right: 15rem !important;
    }
    .pb-md-240,
    .py-md-240 {
        padding-bottom: 15rem !important;
    }
    .pl-md-240,
    .px-md-240 {
        padding-left: 15rem !important;
    }
    .p-md-250 {
        padding: 15.625rem !important;
    }
    .pt-md-250,
    .py-md-250 {
        padding-top: 15.625rem !important;
    }
    .pr-md-250,
    .px-md-250 {
        padding-right: 15.625rem !important;
    }
    .pb-md-250,
    .py-md-250 {
        padding-bottom: 15.625rem !important;
    }
    .pl-md-250,
    .px-md-250 {
        padding-left: 15.625rem !important;
    }
    .m-md-n5 {
        margin: -0.3125rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -0.3125rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -0.3125rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -0.3125rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -0.3125rem !important;
    }
    .m-md-n10 {
        margin: -0.625rem !important;
    }
    .mt-md-n10,
    .my-md-n10 {
        margin-top: -0.625rem !important;
    }
    .mr-md-n10,
    .mx-md-n10 {
        margin-right: -0.625rem !important;
    }
    .mb-md-n10,
    .my-md-n10 {
        margin-bottom: -0.625rem !important;
    }
    .ml-md-n10,
    .mx-md-n10 {
        margin-left: -0.625rem !important;
    }
    .m-md-n15 {
        margin: -0.9375rem !important;
    }
    .mt-md-n15,
    .my-md-n15 {
        margin-top: -0.9375rem !important;
    }
    .mr-md-n15,
    .mx-md-n15 {
        margin-right: -0.9375rem !important;
    }
    .mb-md-n15,
    .my-md-n15 {
        margin-bottom: -0.9375rem !important;
    }
    .ml-md-n15,
    .mx-md-n15 {
        margin-left: -0.9375rem !important;
    }
    .m-md-n20 {
        margin: -1.25rem !important;
    }
    .mt-md-n20,
    .my-md-n20 {
        margin-top: -1.25rem !important;
    }
    .mr-md-n20,
    .mx-md-n20 {
        margin-right: -1.25rem !important;
    }
    .mb-md-n20,
    .my-md-n20 {
        margin-bottom: -1.25rem !important;
    }
    .ml-md-n20,
    .mx-md-n20 {
        margin-left: -1.25rem !important;
    }
    .m-md-n30 {
        margin: -1.875rem !important;
    }
    .mt-md-n30,
    .my-md-n30 {
        margin-top: -1.875rem !important;
    }
    .mr-md-n30,
    .mx-md-n30 {
        margin-right: -1.875rem !important;
    }
    .mb-md-n30,
    .my-md-n30 {
        margin-bottom: -1.875rem !important;
    }
    .ml-md-n30,
    .mx-md-n30 {
        margin-left: -1.875rem !important;
    }
    .m-md-n40 {
        margin: -2.5rem !important;
    }
    .mt-md-n40,
    .my-md-n40 {
        margin-top: -2.5rem !important;
    }
    .mr-md-n40,
    .mx-md-n40 {
        margin-right: -2.5rem !important;
    }
    .mb-md-n40,
    .my-md-n40 {
        margin-bottom: -2.5rem !important;
    }
    .ml-md-n40,
    .mx-md-n40 {
        margin-left: -2.5rem !important;
    }
    .m-md-n50 {
        margin: -3.125rem !important;
    }
    .mt-md-n50,
    .my-md-n50 {
        margin-top: -3.125rem !important;
    }
    .mr-md-n50,
    .mx-md-n50 {
        margin-right: -3.125rem !important;
    }
    .mb-md-n50,
    .my-md-n50 {
        margin-bottom: -3.125rem !important;
    }
    .ml-md-n50,
    .mx-md-n50 {
        margin-left: -3.125rem !important;
    }
    .m-md-n60 {
        margin: -3.75rem !important;
    }
    .mt-md-n60,
    .my-md-n60 {
        margin-top: -3.75rem !important;
    }
    .mr-md-n60,
    .mx-md-n60 {
        margin-right: -3.75rem !important;
    }
    .mb-md-n60,
    .my-md-n60 {
        margin-bottom: -3.75rem !important;
    }
    .ml-md-n60,
    .mx-md-n60 {
        margin-left: -3.75rem !important;
    }
    .m-md-n70 {
        margin: -4.375rem !important;
    }
    .mt-md-n70,
    .my-md-n70 {
        margin-top: -4.375rem !important;
    }
    .mr-md-n70,
    .mx-md-n70 {
        margin-right: -4.375rem !important;
    }
    .mb-md-n70,
    .my-md-n70 {
        margin-bottom: -4.375rem !important;
    }
    .ml-md-n70,
    .mx-md-n70 {
        margin-left: -4.375rem !important;
    }
    .m-md-n80 {
        margin: -5rem !important;
    }
    .mt-md-n80,
    .my-md-n80 {
        margin-top: -5rem !important;
    }
    .mr-md-n80,
    .mx-md-n80 {
        margin-right: -5rem !important;
    }
    .mb-md-n80,
    .my-md-n80 {
        margin-bottom: -5rem !important;
    }
    .ml-md-n80,
    .mx-md-n80 {
        margin-left: -5rem !important;
    }
    .m-md-n90 {
        margin: -5.625rem !important;
    }
    .mt-md-n90,
    .my-md-n90 {
        margin-top: -5.625rem !important;
    }
    .mr-md-n90,
    .mx-md-n90 {
        margin-right: -5.625rem !important;
    }
    .mb-md-n90,
    .my-md-n90 {
        margin-bottom: -5.625rem !important;
    }
    .ml-md-n90,
    .mx-md-n90 {
        margin-left: -5.625rem !important;
    }
    .m-md-n100 {
        margin: -6.25rem !important;
    }
    .mt-md-n100,
    .my-md-n100 {
        margin-top: -6.25rem !important;
    }
    .mr-md-n100,
    .mx-md-n100 {
        margin-right: -6.25rem !important;
    }
    .mb-md-n100,
    .my-md-n100 {
        margin-bottom: -6.25rem !important;
    }
    .ml-md-n100,
    .mx-md-n100 {
        margin-left: -6.25rem !important;
    }
    .m-md-n110 {
        margin: -6.875rem !important;
    }
    .mt-md-n110,
    .my-md-n110 {
        margin-top: -6.875rem !important;
    }
    .mr-md-n110,
    .mx-md-n110 {
        margin-right: -6.875rem !important;
    }
    .mb-md-n110,
    .my-md-n110 {
        margin-bottom: -6.875rem !important;
    }
    .ml-md-n110,
    .mx-md-n110 {
        margin-left: -6.875rem !important;
    }
    .m-md-n120 {
        margin: -7.5rem !important;
    }
    .mt-md-n120,
    .my-md-n120 {
        margin-top: -7.5rem !important;
    }
    .mr-md-n120,
    .mx-md-n120 {
        margin-right: -7.5rem !important;
    }
    .mb-md-n120,
    .my-md-n120 {
        margin-bottom: -7.5rem !important;
    }
    .ml-md-n120,
    .mx-md-n120 {
        margin-left: -7.5rem !important;
    }
    .m-md-n130 {
        margin: -8.125rem !important;
    }
    .mt-md-n130,
    .my-md-n130 {
        margin-top: -8.125rem !important;
    }
    .mr-md-n130,
    .mx-md-n130 {
        margin-right: -8.125rem !important;
    }
    .mb-md-n130,
    .my-md-n130 {
        margin-bottom: -8.125rem !important;
    }
    .ml-md-n130,
    .mx-md-n130 {
        margin-left: -8.125rem !important;
    }
    .m-md-n140 {
        margin: -8.75rem !important;
    }
    .mt-md-n140,
    .my-md-n140 {
        margin-top: -8.75rem !important;
    }
    .mr-md-n140,
    .mx-md-n140 {
        margin-right: -8.75rem !important;
    }
    .mb-md-n140,
    .my-md-n140 {
        margin-bottom: -8.75rem !important;
    }
    .ml-md-n140,
    .mx-md-n140 {
        margin-left: -8.75rem !important;
    }
    .m-md-n150 {
        margin: -9.375rem !important;
    }
    .mt-md-n150,
    .my-md-n150 {
        margin-top: -9.375rem !important;
    }
    .mr-md-n150,
    .mx-md-n150 {
        margin-right: -9.375rem !important;
    }
    .mb-md-n150,
    .my-md-n150 {
        margin-bottom: -9.375rem !important;
    }
    .ml-md-n150,
    .mx-md-n150 {
        margin-left: -9.375rem !important;
    }
    .m-md-n160 {
        margin: -10rem !important;
    }
    .mt-md-n160,
    .my-md-n160 {
        margin-top: -10rem !important;
    }
    .mr-md-n160,
    .mx-md-n160 {
        margin-right: -10rem !important;
    }
    .mb-md-n160,
    .my-md-n160 {
        margin-bottom: -10rem !important;
    }
    .ml-md-n160,
    .mx-md-n160 {
        margin-left: -10rem !important;
    }
    .m-md-n170 {
        margin: -10.625rem !important;
    }
    .mt-md-n170,
    .my-md-n170 {
        margin-top: -10.625rem !important;
    }
    .mr-md-n170,
    .mx-md-n170 {
        margin-right: -10.625rem !important;
    }
    .mb-md-n170,
    .my-md-n170 {
        margin-bottom: -10.625rem !important;
    }
    .ml-md-n170,
    .mx-md-n170 {
        margin-left: -10.625rem !important;
    }
    .m-md-n180 {
        margin: -11.25rem !important;
    }
    .mt-md-n180,
    .my-md-n180 {
        margin-top: -11.25rem !important;
    }
    .mr-md-n180,
    .mx-md-n180 {
        margin-right: -11.25rem !important;
    }
    .mb-md-n180,
    .my-md-n180 {
        margin-bottom: -11.25rem !important;
    }
    .ml-md-n180,
    .mx-md-n180 {
        margin-left: -11.25rem !important;
    }
    .m-md-n190 {
        margin: -11.875rem !important;
    }
    .mt-md-n190,
    .my-md-n190 {
        margin-top: -11.875rem !important;
    }
    .mr-md-n190,
    .mx-md-n190 {
        margin-right: -11.875rem !important;
    }
    .mb-md-n190,
    .my-md-n190 {
        margin-bottom: -11.875rem !important;
    }
    .ml-md-n190,
    .mx-md-n190 {
        margin-left: -11.875rem !important;
    }
    .m-md-n200 {
        margin: -12.5rem !important;
    }
    .mt-md-n200,
    .my-md-n200 {
        margin-top: -12.5rem !important;
    }
    .mr-md-n200,
    .mx-md-n200 {
        margin-right: -12.5rem !important;
    }
    .mb-md-n200,
    .my-md-n200 {
        margin-bottom: -12.5rem !important;
    }
    .ml-md-n200,
    .mx-md-n200 {
        margin-left: -12.5rem !important;
    }
    .m-md-n210 {
        margin: -13.125rem !important;
    }
    .mt-md-n210,
    .my-md-n210 {
        margin-top: -13.125rem !important;
    }
    .mr-md-n210,
    .mx-md-n210 {
        margin-right: -13.125rem !important;
    }
    .mb-md-n210,
    .my-md-n210 {
        margin-bottom: -13.125rem !important;
    }
    .ml-md-n210,
    .mx-md-n210 {
        margin-left: -13.125rem !important;
    }
    .m-md-n220 {
        margin: -13.75rem !important;
    }
    .mt-md-n220,
    .my-md-n220 {
        margin-top: -13.75rem !important;
    }
    .mr-md-n220,
    .mx-md-n220 {
        margin-right: -13.75rem !important;
    }
    .mb-md-n220,
    .my-md-n220 {
        margin-bottom: -13.75rem !important;
    }
    .ml-md-n220,
    .mx-md-n220 {
        margin-left: -13.75rem !important;
    }
    .m-md-n230 {
        margin: -14.375rem !important;
    }
    .mt-md-n230,
    .my-md-n230 {
        margin-top: -14.375rem !important;
    }
    .mr-md-n230,
    .mx-md-n230 {
        margin-right: -14.375rem !important;
    }
    .mb-md-n230,
    .my-md-n230 {
        margin-bottom: -14.375rem !important;
    }
    .ml-md-n230,
    .mx-md-n230 {
        margin-left: -14.375rem !important;
    }
    .m-md-n240 {
        margin: -15rem !important;
    }
    .mt-md-n240,
    .my-md-n240 {
        margin-top: -15rem !important;
    }
    .mr-md-n240,
    .mx-md-n240 {
        margin-right: -15rem !important;
    }
    .mb-md-n240,
    .my-md-n240 {
        margin-bottom: -15rem !important;
    }
    .ml-md-n240,
    .mx-md-n240 {
        margin-left: -15rem !important;
    }
    .m-md-n250 {
        margin: -15.625rem !important;
    }
    .mt-md-n250,
    .my-md-n250 {
        margin-top: -15.625rem !important;
    }
    .mr-md-n250,
    .mx-md-n250 {
        margin-right: -15.625rem !important;
    }
    .mb-md-n250,
    .my-md-n250 {
        margin-bottom: -15.625rem !important;
    }
    .ml-md-n250,
    .mx-md-n250 {
        margin-left: -15.625rem !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: 1350px) {
    .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-5 {
        margin: 0.3125rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 0.3125rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 0.3125rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 0.3125rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 0.3125rem !important;
    }
    .m-lg-10 {
        margin: 0.625rem !important;
    }
    .mt-lg-10,
    .my-lg-10 {
        margin-top: 0.625rem !important;
    }
    .mr-lg-10,
    .mx-lg-10 {
        margin-right: 0.625rem !important;
    }
    .mb-lg-10,
    .my-lg-10 {
        margin-bottom: 0.625rem !important;
    }
    .ml-lg-10,
    .mx-lg-10 {
        margin-left: 0.625rem !important;
    }
    .m-lg-15 {
        margin: 0.9375rem !important;
    }
    .mt-lg-15,
    .my-lg-15 {
        margin-top: 0.9375rem !important;
    }
    .mr-lg-15,
    .mx-lg-15 {
        margin-right: 0.9375rem !important;
    }
    .mb-lg-15,
    .my-lg-15 {
        margin-bottom: 0.9375rem !important;
    }
    .ml-lg-15,
    .mx-lg-15 {
        margin-left: 0.9375rem !important;
    }
    .m-lg-20 {
        margin: 1.25rem !important;
    }
    .mt-lg-20,
    .my-lg-20 {
        margin-top: 1.25rem !important;
    }
    .mr-lg-20,
    .mx-lg-20 {
        margin-right: 1.25rem !important;
    }
    .mb-lg-20,
    .my-lg-20 {
        margin-bottom: 1.25rem !important;
    }
    .ml-lg-20,
    .mx-lg-20 {
        margin-left: 1.25rem !important;
    }
    .m-lg-30 {
        margin: 1.875rem !important;
    }
    .mt-lg-30,
    .my-lg-30 {
        margin-top: 1.875rem !important;
    }
    .mr-lg-30,
    .mx-lg-30 {
        margin-right: 1.875rem !important;
    }
    .mb-lg-30,
    .my-lg-30 {
        margin-bottom: 1.875rem !important;
    }
    .ml-lg-30,
    .mx-lg-30 {
        margin-left: 1.875rem !important;
    }
    .m-lg-40 {
        margin: 2.5rem !important;
    }
    .mt-lg-40,
    .my-lg-40 {
        margin-top: 2.5rem !important;
    }
    .mr-lg-40,
    .mx-lg-40 {
        margin-right: 2.5rem !important;
    }
    .mb-lg-40,
    .my-lg-40 {
        margin-bottom: 2.5rem !important;
    }
    .ml-lg-40,
    .mx-lg-40 {
        margin-left: 2.5rem !important;
    }
    .m-lg-50 {
        margin: 3.125rem !important;
    }
    .mt-lg-50,
    .my-lg-50 {
        margin-top: 3.125rem !important;
    }
    .mr-lg-50,
    .mx-lg-50 {
        margin-right: 3.125rem !important;
    }
    .mb-lg-50,
    .my-lg-50 {
        margin-bottom: 3.125rem !important;
    }
    .ml-lg-50,
    .mx-lg-50 {
        margin-left: 3.125rem !important;
    }
    .m-lg-60 {
        margin: 3.75rem !important;
    }
    .mt-lg-60,
    .my-lg-60 {
        margin-top: 3.75rem !important;
    }
    .mr-lg-60,
    .mx-lg-60 {
        margin-right: 3.75rem !important;
    }
    .mb-lg-60,
    .my-lg-60 {
        margin-bottom: 3.75rem !important;
    }
    .ml-lg-60,
    .mx-lg-60 {
        margin-left: 3.75rem !important;
    }
    .m-lg-70 {
        margin: 4.375rem !important;
    }
    .mt-lg-70,
    .my-lg-70 {
        margin-top: 4.375rem !important;
    }
    .mr-lg-70,
    .mx-lg-70 {
        margin-right: 4.375rem !important;
    }
    .mb-lg-70,
    .my-lg-70 {
        margin-bottom: 4.375rem !important;
    }
    .ml-lg-70,
    .mx-lg-70 {
        margin-left: 4.375rem !important;
    }
    .m-lg-80 {
        margin: 5rem !important;
    }
    .mt-lg-80,
    .my-lg-80 {
        margin-top: 5rem !important;
    }
    .mr-lg-80,
    .mx-lg-80 {
        margin-right: 5rem !important;
    }
    .mb-lg-80,
    .my-lg-80 {
        margin-bottom: 5rem !important;
    }
    .ml-lg-80,
    .mx-lg-80 {
        margin-left: 5rem !important;
    }
    .m-lg-90 {
        margin: 5.625rem !important;
    }
    .mt-lg-90,
    .my-lg-90 {
        margin-top: 5.625rem !important;
    }
    .mr-lg-90,
    .mx-lg-90 {
        margin-right: 5.625rem !important;
    }
    .mb-lg-90,
    .my-lg-90 {
        margin-bottom: 5.625rem !important;
    }
    .ml-lg-90,
    .mx-lg-90 {
        margin-left: 5.625rem !important;
    }
    .m-lg-100 {
        margin: 6.25rem !important;
    }
    .mt-lg-100,
    .my-lg-100 {
        margin-top: 6.25rem !important;
    }
    .mr-lg-100,
    .mx-lg-100 {
        margin-right: 6.25rem !important;
    }
    .mb-lg-100,
    .my-lg-100 {
        margin-bottom: 6.25rem !important;
    }
    .ml-lg-100,
    .mx-lg-100 {
        margin-left: 6.25rem !important;
    }
    .m-lg-110 {
        margin: 6.875rem !important;
    }
    .mt-lg-110,
    .my-lg-110 {
        margin-top: 6.875rem !important;
    }
    .mr-lg-110,
    .mx-lg-110 {
        margin-right: 6.875rem !important;
    }
    .mb-lg-110,
    .my-lg-110 {
        margin-bottom: 6.875rem !important;
    }
    .ml-lg-110,
    .mx-lg-110 {
        margin-left: 6.875rem !important;
    }
    .m-lg-120 {
        margin: 7.5rem !important;
    }
    .mt-lg-120,
    .my-lg-120 {
        margin-top: 7.5rem !important;
    }
    .mr-lg-120,
    .mx-lg-120 {
        margin-right: 7.5rem !important;
    }
    .mb-lg-120,
    .my-lg-120 {
        margin-bottom: 7.5rem !important;
    }
    .ml-lg-120,
    .mx-lg-120 {
        margin-left: 7.5rem !important;
    }
    .m-lg-130 {
        margin: 8.125rem !important;
    }
    .mt-lg-130,
    .my-lg-130 {
        margin-top: 8.125rem !important;
    }
    .mr-lg-130,
    .mx-lg-130 {
        margin-right: 8.125rem !important;
    }
    .mb-lg-130,
    .my-lg-130 {
        margin-bottom: 8.125rem !important;
    }
    .ml-lg-130,
    .mx-lg-130 {
        margin-left: 8.125rem !important;
    }
    .m-lg-140 {
        margin: 8.75rem !important;
    }
    .mt-lg-140,
    .my-lg-140 {
        margin-top: 8.75rem !important;
    }
    .mr-lg-140,
    .mx-lg-140 {
        margin-right: 8.75rem !important;
    }
    .mb-lg-140,
    .my-lg-140 {
        margin-bottom: 8.75rem !important;
    }
    .ml-lg-140,
    .mx-lg-140 {
        margin-left: 8.75rem !important;
    }
    .m-lg-150 {
        margin: 9.375rem !important;
    }
    .mt-lg-150,
    .my-lg-150 {
        margin-top: 9.375rem !important;
    }
    .mr-lg-150,
    .mx-lg-150 {
        margin-right: 9.375rem !important;
    }
    .mb-lg-150,
    .my-lg-150 {
        margin-bottom: 9.375rem !important;
    }
    .ml-lg-150,
    .mx-lg-150 {
        margin-left: 9.375rem !important;
    }
    .m-lg-160 {
        margin: 10rem !important;
    }
    .mt-lg-160,
    .my-lg-160 {
        margin-top: 10rem !important;
    }
    .mr-lg-160,
    .mx-lg-160 {
        margin-right: 10rem !important;
    }
    .mb-lg-160,
    .my-lg-160 {
        margin-bottom: 10rem !important;
    }
    .ml-lg-160,
    .mx-lg-160 {
        margin-left: 10rem !important;
    }
    .m-lg-170 {
        margin: 10.625rem !important;
    }
    .mt-lg-170,
    .my-lg-170 {
        margin-top: 10.625rem !important;
    }
    .mr-lg-170,
    .mx-lg-170 {
        margin-right: 10.625rem !important;
    }
    .mb-lg-170,
    .my-lg-170 {
        margin-bottom: 10.625rem !important;
    }
    .ml-lg-170,
    .mx-lg-170 {
        margin-left: 10.625rem !important;
    }
    .m-lg-180 {
        margin: 11.25rem !important;
    }
    .mt-lg-180,
    .my-lg-180 {
        margin-top: 11.25rem !important;
    }
    .mr-lg-180,
    .mx-lg-180 {
        margin-right: 11.25rem !important;
    }
    .mb-lg-180,
    .my-lg-180 {
        margin-bottom: 11.25rem !important;
    }
    .ml-lg-180,
    .mx-lg-180 {
        margin-left: 11.25rem !important;
    }
    .m-lg-190 {
        margin: 11.875rem !important;
    }
    .mt-lg-190,
    .my-lg-190 {
        margin-top: 11.875rem !important;
    }
    .mr-lg-190,
    .mx-lg-190 {
        margin-right: 11.875rem !important;
    }
    .mb-lg-190,
    .my-lg-190 {
        margin-bottom: 11.875rem !important;
    }
    .ml-lg-190,
    .mx-lg-190 {
        margin-left: 11.875rem !important;
    }
    .m-lg-200 {
        margin: 12.5rem !important;
    }
    .mt-lg-200,
    .my-lg-200 {
        margin-top: 12.5rem !important;
    }
    .mr-lg-200,
    .mx-lg-200 {
        margin-right: 12.5rem !important;
    }
    .mb-lg-200,
    .my-lg-200 {
        margin-bottom: 12.5rem !important;
    }
    .ml-lg-200,
    .mx-lg-200 {
        margin-left: 12.5rem !important;
    }
    .m-lg-210 {
        margin: 13.125rem !important;
    }
    .mt-lg-210,
    .my-lg-210 {
        margin-top: 13.125rem !important;
    }
    .mr-lg-210,
    .mx-lg-210 {
        margin-right: 13.125rem !important;
    }
    .mb-lg-210,
    .my-lg-210 {
        margin-bottom: 13.125rem !important;
    }
    .ml-lg-210,
    .mx-lg-210 {
        margin-left: 13.125rem !important;
    }
    .m-lg-220 {
        margin: 13.75rem !important;
    }
    .mt-lg-220,
    .my-lg-220 {
        margin-top: 13.75rem !important;
    }
    .mr-lg-220,
    .mx-lg-220 {
        margin-right: 13.75rem !important;
    }
    .mb-lg-220,
    .my-lg-220 {
        margin-bottom: 13.75rem !important;
    }
    .ml-lg-220,
    .mx-lg-220 {
        margin-left: 13.75rem !important;
    }
    .m-lg-230 {
        margin: 14.375rem !important;
    }
    .mt-lg-230,
    .my-lg-230 {
        margin-top: 14.375rem !important;
    }
    .mr-lg-230,
    .mx-lg-230 {
        margin-right: 14.375rem !important;
    }
    .mb-lg-230,
    .my-lg-230 {
        margin-bottom: 14.375rem !important;
    }
    .ml-lg-230,
    .mx-lg-230 {
        margin-left: 14.375rem !important;
    }
    .m-lg-240 {
        margin: 15rem !important;
    }
    .mt-lg-240,
    .my-lg-240 {
        margin-top: 15rem !important;
    }
    .mr-lg-240,
    .mx-lg-240 {
        margin-right: 15rem !important;
    }
    .mb-lg-240,
    .my-lg-240 {
        margin-bottom: 15rem !important;
    }
    .ml-lg-240,
    .mx-lg-240 {
        margin-left: 15rem !important;
    }
    .m-lg-250 {
        margin: 15.625rem !important;
    }
    .mt-lg-250,
    .my-lg-250 {
        margin-top: 15.625rem !important;
    }
    .mr-lg-250,
    .mx-lg-250 {
        margin-right: 15.625rem !important;
    }
    .mb-lg-250,
    .my-lg-250 {
        margin-bottom: 15.625rem !important;
    }
    .ml-lg-250,
    .mx-lg-250 {
        margin-left: 15.625rem !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-5 {
        padding: 0.3125rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 0.3125rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 0.3125rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 0.3125rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 0.3125rem !important;
    }
    .p-lg-10 {
        padding: 0.625rem !important;
    }
    .pt-lg-10,
    .py-lg-10 {
        padding-top: 0.625rem !important;
    }
    .pr-lg-10,
    .px-lg-10 {
        padding-right: 0.625rem !important;
    }
    .pb-lg-10,
    .py-lg-10 {
        padding-bottom: 0.625rem !important;
    }
    .pl-lg-10,
    .px-lg-10 {
        padding-left: 0.625rem !important;
    }
    .p-lg-15 {
        padding: 0.9375rem !important;
    }
    .pt-lg-15,
    .py-lg-15 {
        padding-top: 0.9375rem !important;
    }
    .pr-lg-15,
    .px-lg-15 {
        padding-right: 0.9375rem !important;
    }
    .pb-lg-15,
    .py-lg-15 {
        padding-bottom: 0.9375rem !important;
    }
    .pl-lg-15,
    .px-lg-15 {
        padding-left: 0.9375rem !important;
    }
    .p-lg-20 {
        padding: 1.25rem !important;
    }
    .pt-lg-20,
    .py-lg-20 {
        padding-top: 1.25rem !important;
    }
    .pr-lg-20,
    .px-lg-20 {
        padding-right: 1.25rem !important;
    }
    .pb-lg-20,
    .py-lg-20 {
        padding-bottom: 1.25rem !important;
    }
    .pl-lg-20,
    .px-lg-20 {
        padding-left: 1.25rem !important;
    }
    .p-lg-30 {
        padding: 1.875rem !important;
    }
    .pt-lg-30,
    .py-lg-30 {
        padding-top: 1.875rem !important;
    }
    .pr-lg-30,
    .px-lg-30 {
        padding-right: 1.875rem !important;
    }
    .pb-lg-30,
    .py-lg-30 {
        padding-bottom: 1.875rem !important;
    }
    .pl-lg-30,
    .px-lg-30 {
        padding-left: 1.875rem !important;
    }
    .p-lg-40 {
        padding: 2.5rem !important;
    }
    .pt-lg-40,
    .py-lg-40 {
        padding-top: 2.5rem !important;
    }
    .pr-lg-40,
    .px-lg-40 {
        padding-right: 2.5rem !important;
    }
    .pb-lg-40,
    .py-lg-40 {
        padding-bottom: 2.5rem !important;
    }
    .pl-lg-40,
    .px-lg-40 {
        padding-left: 2.5rem !important;
    }
    .p-lg-50 {
        padding: 3.125rem !important;
    }
    .pt-lg-50,
    .py-lg-50 {
        padding-top: 3.125rem !important;
    }
    .pr-lg-50,
    .px-lg-50 {
        padding-right: 3.125rem !important;
    }
    .pb-lg-50,
    .py-lg-50 {
        padding-bottom: 3.125rem !important;
    }
    .pl-lg-50,
    .px-lg-50 {
        padding-left: 3.125rem !important;
    }
    .p-lg-60 {
        padding: 3.75rem !important;
    }
    .pt-lg-60,
    .py-lg-60 {
        padding-top: 3.75rem !important;
    }
    .pr-lg-60,
    .px-lg-60 {
        padding-right: 3.75rem !important;
    }
    .pb-lg-60,
    .py-lg-60 {
        padding-bottom: 3.75rem !important;
    }
    .pl-lg-60,
    .px-lg-60 {
        padding-left: 3.75rem !important;
    }
    .p-lg-70 {
        padding: 4.375rem !important;
    }
    .pt-lg-70,
    .py-lg-70 {
        padding-top: 4.375rem !important;
    }
    .pr-lg-70,
    .px-lg-70 {
        padding-right: 4.375rem !important;
    }
    .pb-lg-70,
    .py-lg-70 {
        padding-bottom: 4.375rem !important;
    }
    .pl-lg-70,
    .px-lg-70 {
        padding-left: 4.375rem !important;
    }
    .p-lg-80 {
        padding: 5rem !important;
    }
    .pt-lg-80,
    .py-lg-80 {
        padding-top: 5rem !important;
    }
    .pr-lg-80,
    .px-lg-80 {
        padding-right: 5rem !important;
    }
    .pb-lg-80,
    .py-lg-80 {
        padding-bottom: 5rem !important;
    }
    .pl-lg-80,
    .px-lg-80 {
        padding-left: 5rem !important;
    }
    .p-lg-90 {
        padding: 5.625rem !important;
    }
    .pt-lg-90,
    .py-lg-90 {
        padding-top: 5.625rem !important;
    }
    .pr-lg-90,
    .px-lg-90 {
        padding-right: 5.625rem !important;
    }
    .pb-lg-90,
    .py-lg-90 {
        padding-bottom: 5.625rem !important;
    }
    .pl-lg-90,
    .px-lg-90 {
        padding-left: 5.625rem !important;
    }
    .p-lg-100 {
        padding: 6.25rem !important;
    }
    .pt-lg-100,
    .py-lg-100 {
        padding-top: 6.25rem !important;
    }
    .pr-lg-100,
    .px-lg-100 {
        padding-right: 6.25rem !important;
    }
    .pb-lg-100,
    .py-lg-100 {
        padding-bottom: 6.25rem !important;
    }
    .pl-lg-100,
    .px-lg-100 {
        padding-left: 6.25rem !important;
    }
    .p-lg-110 {
        padding: 6.875rem !important;
    }
    .pt-lg-110,
    .py-lg-110 {
        padding-top: 6.875rem !important;
    }
    .pr-lg-110,
    .px-lg-110 {
        padding-right: 6.875rem !important;
    }
    .pb-lg-110,
    .py-lg-110 {
        padding-bottom: 6.875rem !important;
    }
    .pl-lg-110,
    .px-lg-110 {
        padding-left: 6.875rem !important;
    }
    .p-lg-120 {
        padding: 7.5rem !important;
    }
    .pt-lg-120,
    .py-lg-120 {
        padding-top: 7.5rem !important;
    }
    .pr-lg-120,
    .px-lg-120 {
        padding-right: 7.5rem !important;
    }
    .pb-lg-120,
    .py-lg-120 {
        padding-bottom: 7.5rem !important;
    }
    .pl-lg-120,
    .px-lg-120 {
        padding-left: 7.5rem !important;
    }
    .p-lg-130 {
        padding: 8.125rem !important;
    }
    .pt-lg-130,
    .py-lg-130 {
        padding-top: 8.125rem !important;
    }
    .pr-lg-130,
    .px-lg-130 {
        padding-right: 8.125rem !important;
    }
    .pb-lg-130,
    .py-lg-130 {
        padding-bottom: 8.125rem !important;
    }
    .pl-lg-130,
    .px-lg-130 {
        padding-left: 8.125rem !important;
    }
    .p-lg-140 {
        padding: 8.75rem !important;
    }
    .pt-lg-140,
    .py-lg-140 {
        padding-top: 8.75rem !important;
    }
    .pr-lg-140,
    .px-lg-140 {
        padding-right: 8.75rem !important;
    }
    .pb-lg-140,
    .py-lg-140 {
        padding-bottom: 8.75rem !important;
    }
    .pl-lg-140,
    .px-lg-140 {
        padding-left: 8.75rem !important;
    }
    .p-lg-150 {
        padding: 9.375rem !important;
    }
    .pt-lg-150,
    .py-lg-150 {
        padding-top: 9.375rem !important;
    }
    .pr-lg-150,
    .px-lg-150 {
        padding-right: 9.375rem !important;
    }
    .pb-lg-150,
    .py-lg-150 {
        padding-bottom: 9.375rem !important;
    }
    .pl-lg-150,
    .px-lg-150 {
        padding-left: 9.375rem !important;
    }
    .p-lg-160 {
        padding: 10rem !important;
    }
    .pt-lg-160,
    .py-lg-160 {
        padding-top: 10rem !important;
    }
    .pr-lg-160,
    .px-lg-160 {
        padding-right: 10rem !important;
    }
    .pb-lg-160,
    .py-lg-160 {
        padding-bottom: 10rem !important;
    }
    .pl-lg-160,
    .px-lg-160 {
        padding-left: 10rem !important;
    }
    .p-lg-170 {
        padding: 10.625rem !important;
    }
    .pt-lg-170,
    .py-lg-170 {
        padding-top: 10.625rem !important;
    }
    .pr-lg-170,
    .px-lg-170 {
        padding-right: 10.625rem !important;
    }
    .pb-lg-170,
    .py-lg-170 {
        padding-bottom: 10.625rem !important;
    }
    .pl-lg-170,
    .px-lg-170 {
        padding-left: 10.625rem !important;
    }
    .p-lg-180 {
        padding: 11.25rem !important;
    }
    .pt-lg-180,
    .py-lg-180 {
        padding-top: 11.25rem !important;
    }
    .pr-lg-180,
    .px-lg-180 {
        padding-right: 11.25rem !important;
    }
    .pb-lg-180,
    .py-lg-180 {
        padding-bottom: 11.25rem !important;
    }
    .pl-lg-180,
    .px-lg-180 {
        padding-left: 11.25rem !important;
    }
    .p-lg-190 {
        padding: 11.875rem !important;
    }
    .pt-lg-190,
    .py-lg-190 {
        padding-top: 11.875rem !important;
    }
    .pr-lg-190,
    .px-lg-190 {
        padding-right: 11.875rem !important;
    }
    .pb-lg-190,
    .py-lg-190 {
        padding-bottom: 11.875rem !important;
    }
    .pl-lg-190,
    .px-lg-190 {
        padding-left: 11.875rem !important;
    }
    .p-lg-200 {
        padding: 12.5rem !important;
    }
    .pt-lg-200,
    .py-lg-200 {
        padding-top: 12.5rem !important;
    }
    .pr-lg-200,
    .px-lg-200 {
        padding-right: 12.5rem !important;
    }
    .pb-lg-200,
    .py-lg-200 {
        padding-bottom: 12.5rem !important;
    }
    .pl-lg-200,
    .px-lg-200 {
        padding-left: 12.5rem !important;
    }
    .p-lg-210 {
        padding: 13.125rem !important;
    }
    .pt-lg-210,
    .py-lg-210 {
        padding-top: 13.125rem !important;
    }
    .pr-lg-210,
    .px-lg-210 {
        padding-right: 13.125rem !important;
    }
    .pb-lg-210,
    .py-lg-210 {
        padding-bottom: 13.125rem !important;
    }
    .pl-lg-210,
    .px-lg-210 {
        padding-left: 13.125rem !important;
    }
    .p-lg-220 {
        padding: 13.75rem !important;
    }
    .pt-lg-220,
    .py-lg-220 {
        padding-top: 13.75rem !important;
    }
    .pr-lg-220,
    .px-lg-220 {
        padding-right: 13.75rem !important;
    }
    .pb-lg-220,
    .py-lg-220 {
        padding-bottom: 13.75rem !important;
    }
    .pl-lg-220,
    .px-lg-220 {
        padding-left: 13.75rem !important;
    }
    .p-lg-230 {
        padding: 14.375rem !important;
    }
    .pt-lg-230,
    .py-lg-230 {
        padding-top: 14.375rem !important;
    }
    .pr-lg-230,
    .px-lg-230 {
        padding-right: 14.375rem !important;
    }
    .pb-lg-230,
    .py-lg-230 {
        padding-bottom: 14.375rem !important;
    }
    .pl-lg-230,
    .px-lg-230 {
        padding-left: 14.375rem !important;
    }
    .p-lg-240 {
        padding: 15rem !important;
    }
    .pt-lg-240,
    .py-lg-240 {
        padding-top: 15rem !important;
    }
    .pr-lg-240,
    .px-lg-240 {
        padding-right: 15rem !important;
    }
    .pb-lg-240,
    .py-lg-240 {
        padding-bottom: 15rem !important;
    }
    .pl-lg-240,
    .px-lg-240 {
        padding-left: 15rem !important;
    }
    .p-lg-250 {
        padding: 15.625rem !important;
    }
    .pt-lg-250,
    .py-lg-250 {
        padding-top: 15.625rem !important;
    }
    .pr-lg-250,
    .px-lg-250 {
        padding-right: 15.625rem !important;
    }
    .pb-lg-250,
    .py-lg-250 {
        padding-bottom: 15.625rem !important;
    }
    .pl-lg-250,
    .px-lg-250 {
        padding-left: 15.625rem !important;
    }
    .m-lg-n5 {
        margin: -0.3125rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -0.3125rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -0.3125rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -0.3125rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -0.3125rem !important;
    }
    .m-lg-n10 {
        margin: -0.625rem !important;
    }
    .mt-lg-n10,
    .my-lg-n10 {
        margin-top: -0.625rem !important;
    }
    .mr-lg-n10,
    .mx-lg-n10 {
        margin-right: -0.625rem !important;
    }
    .mb-lg-n10,
    .my-lg-n10 {
        margin-bottom: -0.625rem !important;
    }
    .ml-lg-n10,
    .mx-lg-n10 {
        margin-left: -0.625rem !important;
    }
    .m-lg-n15 {
        margin: -0.9375rem !important;
    }
    .mt-lg-n15,
    .my-lg-n15 {
        margin-top: -0.9375rem !important;
    }
    .mr-lg-n15,
    .mx-lg-n15 {
        margin-right: -0.9375rem !important;
    }
    .mb-lg-n15,
    .my-lg-n15 {
        margin-bottom: -0.9375rem !important;
    }
    .ml-lg-n15,
    .mx-lg-n15 {
        margin-left: -0.9375rem !important;
    }
    .m-lg-n20 {
        margin: -1.25rem !important;
    }
    .mt-lg-n20,
    .my-lg-n20 {
        margin-top: -1.25rem !important;
    }
    .mr-lg-n20,
    .mx-lg-n20 {
        margin-right: -1.25rem !important;
    }
    .mb-lg-n20,
    .my-lg-n20 {
        margin-bottom: -1.25rem !important;
    }
    .ml-lg-n20,
    .mx-lg-n20 {
        margin-left: -1.25rem !important;
    }
    .m-lg-n30 {
        margin: -1.875rem !important;
    }
    .mt-lg-n30,
    .my-lg-n30 {
        margin-top: -1.875rem !important;
    }
    .mr-lg-n30,
    .mx-lg-n30 {
        margin-right: -1.875rem !important;
    }
    .mb-lg-n30,
    .my-lg-n30 {
        margin-bottom: -1.875rem !important;
    }
    .ml-lg-n30,
    .mx-lg-n30 {
        margin-left: -1.875rem !important;
    }
    .m-lg-n40 {
        margin: -2.5rem !important;
    }
    .mt-lg-n40,
    .my-lg-n40 {
        margin-top: -2.5rem !important;
    }
    .mr-lg-n40,
    .mx-lg-n40 {
        margin-right: -2.5rem !important;
    }
    .mb-lg-n40,
    .my-lg-n40 {
        margin-bottom: -2.5rem !important;
    }
    .ml-lg-n40,
    .mx-lg-n40 {
        margin-left: -2.5rem !important;
    }
    .m-lg-n50 {
        margin: -3.125rem !important;
    }
    .mt-lg-n50,
    .my-lg-n50 {
        margin-top: -3.125rem !important;
    }
    .mr-lg-n50,
    .mx-lg-n50 {
        margin-right: -3.125rem !important;
    }
    .mb-lg-n50,
    .my-lg-n50 {
        margin-bottom: -3.125rem !important;
    }
    .ml-lg-n50,
    .mx-lg-n50 {
        margin-left: -3.125rem !important;
    }
    .m-lg-n60 {
        margin: -3.75rem !important;
    }
    .mt-lg-n60,
    .my-lg-n60 {
        margin-top: -3.75rem !important;
    }
    .mr-lg-n60,
    .mx-lg-n60 {
        margin-right: -3.75rem !important;
    }
    .mb-lg-n60,
    .my-lg-n60 {
        margin-bottom: -3.75rem !important;
    }
    .ml-lg-n60,
    .mx-lg-n60 {
        margin-left: -3.75rem !important;
    }
    .m-lg-n70 {
        margin: -4.375rem !important;
    }
    .mt-lg-n70,
    .my-lg-n70 {
        margin-top: -4.375rem !important;
    }
    .mr-lg-n70,
    .mx-lg-n70 {
        margin-right: -4.375rem !important;
    }
    .mb-lg-n70,
    .my-lg-n70 {
        margin-bottom: -4.375rem !important;
    }
    .ml-lg-n70,
    .mx-lg-n70 {
        margin-left: -4.375rem !important;
    }
    .m-lg-n80 {
        margin: -5rem !important;
    }
    .mt-lg-n80,
    .my-lg-n80 {
        margin-top: -5rem !important;
    }
    .mr-lg-n80,
    .mx-lg-n80 {
        margin-right: -5rem !important;
    }
    .mb-lg-n80,
    .my-lg-n80 {
        margin-bottom: -5rem !important;
    }
    .ml-lg-n80,
    .mx-lg-n80 {
        margin-left: -5rem !important;
    }
    .m-lg-n90 {
        margin: -5.625rem !important;
    }
    .mt-lg-n90,
    .my-lg-n90 {
        margin-top: -5.625rem !important;
    }
    .mr-lg-n90,
    .mx-lg-n90 {
        margin-right: -5.625rem !important;
    }
    .mb-lg-n90,
    .my-lg-n90 {
        margin-bottom: -5.625rem !important;
    }
    .ml-lg-n90,
    .mx-lg-n90 {
        margin-left: -5.625rem !important;
    }
    .m-lg-n100 {
        margin: -6.25rem !important;
    }
    .mt-lg-n100,
    .my-lg-n100 {
        margin-top: -6.25rem !important;
    }
    .mr-lg-n100,
    .mx-lg-n100 {
        margin-right: -6.25rem !important;
    }
    .mb-lg-n100,
    .my-lg-n100 {
        margin-bottom: -6.25rem !important;
    }
    .ml-lg-n100,
    .mx-lg-n100 {
        margin-left: -6.25rem !important;
    }
    .m-lg-n110 {
        margin: -6.875rem !important;
    }
    .mt-lg-n110,
    .my-lg-n110 {
        margin-top: -6.875rem !important;
    }
    .mr-lg-n110,
    .mx-lg-n110 {
        margin-right: -6.875rem !important;
    }
    .mb-lg-n110,
    .my-lg-n110 {
        margin-bottom: -6.875rem !important;
    }
    .ml-lg-n110,
    .mx-lg-n110 {
        margin-left: -6.875rem !important;
    }
    .m-lg-n120 {
        margin: -7.5rem !important;
    }
    .mt-lg-n120,
    .my-lg-n120 {
        margin-top: -7.5rem !important;
    }
    .mr-lg-n120,
    .mx-lg-n120 {
        margin-right: -7.5rem !important;
    }
    .mb-lg-n120,
    .my-lg-n120 {
        margin-bottom: -7.5rem !important;
    }
    .ml-lg-n120,
    .mx-lg-n120 {
        margin-left: -7.5rem !important;
    }
    .m-lg-n130 {
        margin: -8.125rem !important;
    }
    .mt-lg-n130,
    .my-lg-n130 {
        margin-top: -8.125rem !important;
    }
    .mr-lg-n130,
    .mx-lg-n130 {
        margin-right: -8.125rem !important;
    }
    .mb-lg-n130,
    .my-lg-n130 {
        margin-bottom: -8.125rem !important;
    }
    .ml-lg-n130,
    .mx-lg-n130 {
        margin-left: -8.125rem !important;
    }
    .m-lg-n140 {
        margin: -8.75rem !important;
    }
    .mt-lg-n140,
    .my-lg-n140 {
        margin-top: -8.75rem !important;
    }
    .mr-lg-n140,
    .mx-lg-n140 {
        margin-right: -8.75rem !important;
    }
    .mb-lg-n140,
    .my-lg-n140 {
        margin-bottom: -8.75rem !important;
    }
    .ml-lg-n140,
    .mx-lg-n140 {
        margin-left: -8.75rem !important;
    }
    .m-lg-n150 {
        margin: -9.375rem !important;
    }
    .mt-lg-n150,
    .my-lg-n150 {
        margin-top: -9.375rem !important;
    }
    .mr-lg-n150,
    .mx-lg-n150 {
        margin-right: -9.375rem !important;
    }
    .mb-lg-n150,
    .my-lg-n150 {
        margin-bottom: -9.375rem !important;
    }
    .ml-lg-n150,
    .mx-lg-n150 {
        margin-left: -9.375rem !important;
    }
    .m-lg-n160 {
        margin: -10rem !important;
    }
    .mt-lg-n160,
    .my-lg-n160 {
        margin-top: -10rem !important;
    }
    .mr-lg-n160,
    .mx-lg-n160 {
        margin-right: -10rem !important;
    }
    .mb-lg-n160,
    .my-lg-n160 {
        margin-bottom: -10rem !important;
    }
    .ml-lg-n160,
    .mx-lg-n160 {
        margin-left: -10rem !important;
    }
    .m-lg-n170 {
        margin: -10.625rem !important;
    }
    .mt-lg-n170,
    .my-lg-n170 {
        margin-top: -10.625rem !important;
    }
    .mr-lg-n170,
    .mx-lg-n170 {
        margin-right: -10.625rem !important;
    }
    .mb-lg-n170,
    .my-lg-n170 {
        margin-bottom: -10.625rem !important;
    }
    .ml-lg-n170,
    .mx-lg-n170 {
        margin-left: -10.625rem !important;
    }
    .m-lg-n180 {
        margin: -11.25rem !important;
    }
    .mt-lg-n180,
    .my-lg-n180 {
        margin-top: -11.25rem !important;
    }
    .mr-lg-n180,
    .mx-lg-n180 {
        margin-right: -11.25rem !important;
    }
    .mb-lg-n180,
    .my-lg-n180 {
        margin-bottom: -11.25rem !important;
    }
    .ml-lg-n180,
    .mx-lg-n180 {
        margin-left: -11.25rem !important;
    }
    .m-lg-n190 {
        margin: -11.875rem !important;
    }
    .mt-lg-n190,
    .my-lg-n190 {
        margin-top: -11.875rem !important;
    }
    .mr-lg-n190,
    .mx-lg-n190 {
        margin-right: -11.875rem !important;
    }
    .mb-lg-n190,
    .my-lg-n190 {
        margin-bottom: -11.875rem !important;
    }
    .ml-lg-n190,
    .mx-lg-n190 {
        margin-left: -11.875rem !important;
    }
    .m-lg-n200 {
        margin: -12.5rem !important;
    }
    .mt-lg-n200,
    .my-lg-n200 {
        margin-top: -12.5rem !important;
    }
    .mr-lg-n200,
    .mx-lg-n200 {
        margin-right: -12.5rem !important;
    }
    .mb-lg-n200,
    .my-lg-n200 {
        margin-bottom: -12.5rem !important;
    }
    .ml-lg-n200,
    .mx-lg-n200 {
        margin-left: -12.5rem !important;
    }
    .m-lg-n210 {
        margin: -13.125rem !important;
    }
    .mt-lg-n210,
    .my-lg-n210 {
        margin-top: -13.125rem !important;
    }
    .mr-lg-n210,
    .mx-lg-n210 {
        margin-right: -13.125rem !important;
    }
    .mb-lg-n210,
    .my-lg-n210 {
        margin-bottom: -13.125rem !important;
    }
    .ml-lg-n210,
    .mx-lg-n210 {
        margin-left: -13.125rem !important;
    }
    .m-lg-n220 {
        margin: -13.75rem !important;
    }
    .mt-lg-n220,
    .my-lg-n220 {
        margin-top: -13.75rem !important;
    }
    .mr-lg-n220,
    .mx-lg-n220 {
        margin-right: -13.75rem !important;
    }
    .mb-lg-n220,
    .my-lg-n220 {
        margin-bottom: -13.75rem !important;
    }
    .ml-lg-n220,
    .mx-lg-n220 {
        margin-left: -13.75rem !important;
    }
    .m-lg-n230 {
        margin: -14.375rem !important;
    }
    .mt-lg-n230,
    .my-lg-n230 {
        margin-top: -14.375rem !important;
    }
    .mr-lg-n230,
    .mx-lg-n230 {
        margin-right: -14.375rem !important;
    }
    .mb-lg-n230,
    .my-lg-n230 {
        margin-bottom: -14.375rem !important;
    }
    .ml-lg-n230,
    .mx-lg-n230 {
        margin-left: -14.375rem !important;
    }
    .m-lg-n240 {
        margin: -15rem !important;
    }
    .mt-lg-n240,
    .my-lg-n240 {
        margin-top: -15rem !important;
    }
    .mr-lg-n240,
    .mx-lg-n240 {
        margin-right: -15rem !important;
    }
    .mb-lg-n240,
    .my-lg-n240 {
        margin-bottom: -15rem !important;
    }
    .ml-lg-n240,
    .mx-lg-n240 {
        margin-left: -15rem !important;
    }
    .m-lg-n250 {
        margin: -15.625rem !important;
    }
    .mt-lg-n250,
    .my-lg-n250 {
        margin-top: -15.625rem !important;
    }
    .mr-lg-n250,
    .mx-lg-n250 {
        margin-right: -15.625rem !important;
    }
    .mb-lg-n250,
    .my-lg-n250 {
        margin-bottom: -15.625rem !important;
    }
    .ml-lg-n250,
    .mx-lg-n250 {
        margin-left: -15.625rem !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;
    }
}
.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: 520px) {
    .text-xsm-left {
        text-align: left !important;
    }
    .text-xsm-right {
        text-align: right !important;
    }
    .text-xsm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 1350px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-white {
    color: #fff !important;
}
.text-black {
    color: #262831 !important;
}
.text-orange {
    color: #fa9b0d !important;
}
.text-primary {
    color: #007bff !important;
}
a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important;
}
.text-secondary {
    color: #686c7d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
    color: #454853 !important;
}
.text-success {
    color: #04c000 !important;
}
a.text-success:focus,
a.text-success:hover {
    color: #027400 !important;
}
.text-info {
    color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important;
}
.text-warning {
    color: #facd0d !important;
}
a.text-warning:focus,
a.text-warning:hover {
    color: #b79504 !important;
}
.text-danger {
    color: #ec1e1e !important;
}
a.text-danger:focus,
a.text-danger:hover {
    color: #af0f0f !important;
}
.text-light {
    color: #e0e0e4 !important;
}
a.text-light:focus,
a.text-light:hover {
    color: #b7b7c0 !important;
}
.text-dark {
    color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !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-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.text-reset {
    color: inherit !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
body {
    background-color: #ebedf4;
    -webkit-font-smoothing: antialiased;
}
.vertical-middle {
    vertical-align: middle;
}
.fz-13 {
    font-size: 13px;
}
.fz-14 {
    font-size: 14px;
}
.fz-15 {
    font-size: 15px;
}
.fz-16 {
    font-size: 16px;
}
.fz-17 {
    font-size: 17px;
}
.fz-18 {
    font-size: 18px;
}
.fz-19 {
    font-size: 19px;
}
.fz-20 {
    font-size: 20px;
}
.fz-21 {
    font-size: 21px;
}
.fz-22 {
    font-size: 22px;
}
.fz-23,
.fz-24 {
    font-size: 23px;
}
.deposit-inputs input::-webkit-input-placeholder,
.deposit-inputs select::-webkit-input-placeholder {
    font-weight: 400;
}
.deposit-inputs input::-moz-placeholder,
.deposit-inputs select::-moz-placeholder {
    font-weight: 400;
}
.deposit-inputs input:-ms-input-placeholder,
.deposit-inputs input::-ms-input-placeholder,
.deposit-inputs select:-ms-input-placeholder,
.deposit-inputs select::-ms-input-placeholder {
    font-weight: 400;
}
.deposit-inputs input::placeholder,
.deposit-inputs select::placeholder,
.deposit-tab-b p,
.fw-regular,
.loyalty-program-progress__item-card-title,
.mission-rewards-h__label,
.mobile-dashboard-links .row .mobile-balance,
.next-step-deposit span,
.notification-c__text,
.secret-code p strong,
.slot-link,
.top-winners__tab-link,
.top-winners__table-body-item-playerName,
.top-winners__table-body-item-slot-name,
.top-winners__table-head-item,
.tournaments-preview__table-body-item-playerName,
.tournaments-preview__table-body-item-spin,
.tournaments-preview__table-head-item,
.tournaments-show-timer__title,
.tournaments-timer em,
.tournaments-timer span,
.tournatents-p-r h2 span,
.tournatents-p-r h2 strong em,
.verify-phone h4 strong,
.vip-new-call-to-action__text,
.vip-new-high-roller__info-tooltip-text,
.vip-new-high-roller__text,
.vip-new-privileges__content-item-info-text,
.vip-program-c p,
.your-level-s .read-more-profile {
    font-weight: 400;
}
#modal-cashout .withdraw-currency-select,
.all-pages__list-item-link,
.all-slots-links,
.already-c p,
.already-m button,
.aviable-color p,
.balance-h p,
.bonus-card button,
.bonus-code-edit-c p,
.bonus-code-r p,
.bonus-lv-win,
.bonus-steps h3,
.bonuses-icons-t-h span,
.bonuses-top-show li .bonuses-active-number,
.bottom-bonus-h p,
.bottom-menu-c p,
.bottom-mobile-payments p,
.cash-button-mobile,
.cash-mobile h2,
.challenges-b h3,
.choose-deposit-n h3,
.choose-t-h button,
.colleciton-c h4,
.confirmation-c h4,
.deposit-buttons,
.deposit-inputs input,
.deposit-inputs select,
.deposit-l-c h4,
.deposit-l-h h5,
.deposit-left-menu,
.deposit-tab-t-c .select-filed input,
.deposit-tab-t-c select,
.faq-h h2,
.footer-mobile-links a,
.footer-mobile-links h2,
.fw-semiBold,
.g-bonus-a p,
.games-find-h .games-find-name,
.h-buttons button,
.have-bnous-code .bonus-code-open,
.have-promo-code p,
.how-to-get-b-h h2,
.l-buttons button,
.left-menu-mobile-link h2,
.lobby-name,
.loyalty-program-progress__item-card-reward-wrap_current,
.loyalty-program-progress__item-card-title_sidebar,
.loyalty-program-progress__item-progress-bar-value,
.loyalty-program-progress__item-progress-highlight-levels-value_sidebar,
.menu-level h2,
.missions-rewards-details,
.mobile-currency h3,
.mobile-filter .current-mobile-filter .mobile-filter__item-text,
.mobile-filter .open-providers__pre-text,
.mobile-filter .open-providers__text,
.mobile-filter__item-text,
.more-links-h a,
.new-slots__content-item-bonuses-item,
.next-step-deposit,
.nologged-mobile .mobile-join,
.nologged-mobile .mobile-login,
.notification-c__time,
.offer-for-you-r h2,
.package-c--preview h3,
.payments-c h3,
.place-table-h h2,
.play-now-missions,
.profile-input-phone .button-phone,
.provders-l h2,
.sarch-h button,
.select-currency-c .select-currenct-icon,
.show-more a,
.side-b-popular__title,
.sidebar-promotions-h .bonuses-icons-t-h span,
.sign-up-mobile-h span,
.small-deposit,
.timer-place span,
.toast-c p,
.top-winners__table-body-item-prize,
.tournaments-c p,
.tournaments-p-l h2,
.tournaments-t-l h2,
.tournamets-top-h a,
.tournatents-p-r h2,
.verify-phone h3 strong,
.vip-new-call-to-action__action-button,
.vip-new-call-to-action__title,
.vip-new-hero__text,
.vip-new-hero__title,
.vip-new-high-roller__content-button,
.vip-new-high-roller__title,
.vip-new-privileges__content-item-info-title,
.vip-new-privileges__title,
.vip-new-voices__content-slide-info-date,
.vip-new-voices__content-slide-info-title,
.vip-new-voices__title,
.vip-program-c h2,
.vip-status-c h3,
.vip-status-t-h h1,
.vip__not-registrated-text,
.visit-lobby,
.welcome-details-t h2,
.welcome-package-h h4,
.your-level-p__all,
.your-level-p__end,
.your-level-p__left,
.your-level-p__start,
.your-level-s .password-show-popup h3 {
    font-weight: 600;
}
.accept-cookie-l,
.already-account button,
.already-c h2,
.already-leave__content h2,
.balance-h h2,
.big-win__text--hint,
.big-win__title,
.big-win h2,
.big-win p strong,
.bonus-code-edit-c p strong,
.bonus-code-get-c a,
.bonus-code-h-p h5,
.bonus-code-r p strong,
.bonuses-tabs-h h2,
.bottom-bonus-h h2,
.card-play button,
.challenges-b h2,
.cookie-h h2,
.deposit-l-c h2,
.deposit-l-c h3,
.deposit-widthdraw-r .deposit-widthraw-input span,
.deposit-withdraw-h h2,
.deposit-withdraw-h h3,
.fileed-good,
.fw-bold,
.g-bonus-c-b h3,
.g-bonus-c-b h5,
.g-bonus-ch-link a h2,
.g-bonus-c p a,
.low-balance__link,
.low-balance__text--hint,
.low-balance__title,
.loyalty-program-progress__item-card-icon-number,
.loyalty-program-progress__item-card-reward,
.loyalty-program-progress__item-card-reward-wrap_next,
.loyalty-program-progress__item-progress-highlight-levels-value,
.loyalty-program-progress__title,
.loyalty-program-statuses__content-slide-button-title,
.loyalty-program-statuses__title,
.make-deposit-h h2,
.missions-back-c h3,
.missions-infront p strong,
.missions-p h4,
.mobile-dashboard-links .col p,
.mobile-homepage-button a,
.new-modal-checkbox p a,
.package-c--preview .get-bonus-link,
.package-c--preview h2,
.place-button span,
.place-table-h .place-readmore,
.place-table-h h3,
.place-table-h h5 span,
.place-table-h picture span,
.place-table-h select,
.prize-pool-tb h5,
.prize-pool-tb h5 span,
.prize-pool__text,
.prize-pool__title,
.providers-order,
.providers-tables-r h5,
.register-now a,
.register-now h2,
.s-menu .nav-link-text,
.scan-qr h3,
.select-currency-c h3,
.sign-up-account button,
.sign-up-mobile-h p,
.sing-h .sing-button,
.sing-h h2,
.spinsCards__title,
.table-place-content tr td:last-child,
.timer-place h4,
.top-winners__content-title,
.tournament-middle h2,
.tournaments-p-l h2 strong,
.tournaments-player h3,
.tournaments-player h4,
.tournaments-preview__table-body-item-prize,
.tournaments-profile-c h4,
.tournaments-show-bottom--preview a,
.tournaments-show-bottom-c h2,
.tournaments-show-bottom a,
.tournaments-show-bottom h2,
.tournaments-show-bottom p,
.tournaments-show-t__title,
.tournaments-show-t h6,
.tournaments-show-timer h3,
.tournaments-show-timer span,
.tournaments-timer,
.tournaments-timer h3,
.tournaments-timer h4,
.tournaments-top-new h5 span,
.tournaments-top-new h5 strong,
.tournatents-p-r h2 strong,
.tournatents-p-r p strong,
.vip-programs-c h3,
.vip-slider-c p,
.vip-slider-c span,
.vip-status-c h2,
.vip-status-c h4,
.vip-top-c .vip-status-t-h h1,
.vip__avatar-slide-data-level,
.vip__reach-prize-needed,
.vip__reach-prize-title,
.vip__reach-prize-win-title,
.welcome-details-t h1 {
    font-weight: 700;
}
.bottom-new-popup h2,
.colleciton-c h2,
.fw-extraBold,
.g-bonus-c h2 a,
.h-404 a,
.h-404 h1,
.h-top-c h1,
.h-top-c h2,
.h-top-c h3,
.h-top-c h4,
.h-top-c h5,
.h-top-c h6,
.h-top-c p,
.loyalty-program-progress__item-card-reward_sidebar,
.new-login-form header h2,
.nologged-mobile h2,
.nologged-mobile h3,
.secret-bonus p,
.sing-h h3,
.total-jackpot-l h2,
.tournaments-t-l h1,
.tournamets-h h2,
.vip-new-faq__question-q,
.vip-numbers,
.vip__avatar-slide-data-reward,
.vip__avatar-slide-data-text,
.vip__info-title,
.vip__reach-prize-points,
.vip__reach-prize-win-item {
    font-weight: 800;
}
.br-5 {
    border-radius: 5px;
}
.br-10 {
    border-radius: 10px;
}
.br-30 {
    border-radius: 30px;
}
img {
    height: auto;
}
input,
select,
textarea {
    cursor: inherit;
    width: 100%;
    border: none;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
input:focus,
select:focus,
textarea:focus {
    outline: none;
}
@media (max-width: 1349.98px) {
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="text"],
    select {
        font-size: 17px !important;
    }
}
li {
    list-style: none;
}
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
picture,
ul {
    margin: 0;
    padding: 0;
}
picture {
    display: block;
}
button {
    background: transparent;
    border: 0;
    padding: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
button,
button:focus,
button:hover {
    outline: none;
}
.c-100 {
    color: #e0e0e4;
}
.c-200 {
    color: #686c7d;
}
.c-green {
    color: #04c000;
}
.c-blue {
    color: #007bff;
}
.c-orange {
    color: #fa9b0d;
}
.c-yellow {
    color: #facd0d;
}
.bg-green {
    background-color: #04c000;
}
.bg-blue {
    background-color: #007bff;
}
.bg-red {
    background-color: #ec1e1e;
}
.bg-yellow {
    background-color: #facd0d;
}
.bt-green {
    background-color: #04c000;
}
.bt-green:hover {
    background: #039400;
}
.bt-blue {
    background-color: #007bff;
}
.bt-blue:hover {
    background: #1939a8;
}
.br-green-glow {
    box-shadow: 0 0 30px #0c0;
}
a {
    color: #e0e0e4;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
a:hover {
    color: #686c7d;
    text-decoration: none;
}
.figure-responsive {
    position: relative;
    overflow: hidden;
}
.figure-responsive a:hover img {
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.image-responsive {
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transition: all 0.3s ease ease-out;
    -o-transition: all 0.3s ease ease-out;
    transition: all 0.3s ease ease-out;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
*,
:after,
:before {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-font-feature-settings: "kern", "liga", "clig", "calt";
    font-feature-settings: "kern", "liga", "clig", "calt";
    text-rendering: optimizeLegibility;
}
.font-o {
    font-size: 0;
}
.header-s {
    background-color: #191a1f;
}
@media (max-width: 1349.98px) {
    .header-s {
        background-color: #191a1f;
    }
}
.header-s__menu {
    display: none;
    margin: 0 auto;
}
@media (max-width: 1349.98px) {
    .header-s__menu {
        margin: 0;
    }
}
.header-s__menu li a {
    font-size: 14px;
}
@media (max-width: 1450px) {
    .header-s__menu li a {
        font-size: 12px;
    }
}
@media (max-width: 1349.98px) {
    .header-s__menu li a {
        font-size: 12px;
    }
}
@media (max-width: 991.98px) {
    .header-s__menu li a {
        font-size: 14px;
    }
}
.header-h {
    margin: 0 auto;
    padding: 12px 0;
    max-width: 1320px;
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
}
.s-img {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media screen and (max-width: 2000px) {
    .s-img {
        display: block;
    }
}
@media (max-width: 390px) {
    .s-img {
        max-width: 50px;
    }
}
.mobile-open-menu {
    width: 40px;
    height: 40px;
}
@media (max-width: 360px) {
    .mobile-open-menu,
    .mobile-open-menu svg {
        width: 14px;
    }
}
.sarch-h button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 343px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100px;
}
.sarch-h input {
    color: black;
    width: 343px;
    height: 40px;
    border-radius: 100px;
    font-size: 15px;
    padding: 0 10px;
}
.sarch-h button path {
    fill: #007bff;
}
.sarch-h button:hover {
    background-color: #007bff;
}
.h-buttons a {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 140px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}
@media (max-width: 519.98px) {
    .h-buttons a {
        font-size: 13px;
        min-width: 86px;
        width: auto;
        padding: 0 4px;
        height: 34px;
    }
}
@media (max-width: 390px) {
    .h-buttons a {
        width: auto;
    }
}
.l-buttons button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 519.98px) {
    .l-buttons button {
        font-size: 13px;
        width: auto;
        padding: 0 4px;
        height: 34px;
    }
}
@media (max-width: 390px) {
    .l-buttons button {
        width: auto;
        height: 30px;
    }
}
.m-button button {
    min-width: 90px;
    padding: 9.5px 10px;
}
@media (max-width: 519.98px) {
    .m-button button {
        min-width: 30px;
        font-size: 12px;
        padding: 0;
    }
}
.n-button button {
    width: 40px;
    height: 40px;
    color: #0c0;
    background: #006a00 !important;
}
@media (max-width: 519.98px) {
    .n-button button {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }
}
.n-button button:hover {
    color: #fff;
    background-color: #007bff !important;
}
.sarch-h button {
    padding: 6px 10px;
    display: grid;
    grid-template-columns: 36px 1fr;
    font-size: 14px;
    text-align: left;
    color: #babed1;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.sarch-h button:hover {
    color: #007bff;
    background-color: #f6f6fa;
}
@media (max-width: 1349.98px) {
    .sarch-h button {
        display: none;
    }
}
.user-top-menu__currency {
    padding: 0;
    color: #04c000;
}
.playfina__deposit-button {
    border-radius: 100px;
}
.language-h {
    display: inline-block !important;
}
.language-h button:hover {
    background: #007bff;
}
.language-h .notification-c {
    border-radius: 5px;
}
@media (min-width: 992px) {
    .language-h .notifications-c {
        max-width: 360px !important;
    }
}
@media (min-width: 992px) {
    .language-h .notifications-c .simplebar-offset {
        padding-right: 0 !important;
    }
}
@media (max-width: 519.98px) {
    .notification-s .notifications-c .simplebar-content {
        margin-left: 0;
    }
}
.login-h a {
    padding: 0 8px;
    min-width: 85px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 519.98px) {
    .login-h a {
        height: 34px;
    }
}
.playfina__login-button {
    min-width: 86px;
}
.login-button-blue {
    background: #241a42;
    border-radius: 30px;
}
.header-l {
    grid-template-columns: auto auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
}
@media screen and (max-width: 2000px) {
    .header-l {
        display: grid;
    }
}
@media (max-width: 1349.98px) {
    .header-l {
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.header-l__top-menu .left-menu-button {
    display: none;
}
@media screen and (max-width: 2000px) {
    .header-l__top-menu .left-menu-button {
        display: inline-block;
        width: 30px;
    }
}
.header-l button {
    line-height: 0;
}
.header-l button img {
    max-height: 36px !important;
}
@media (max-width: 350px) {
    .header-l button {
        margin-right: 5px !important;
    }
}
.header-l__logo {
    height: 44px;
}
@media (max-width: 519.98px) {
    .header-l__logo {
        max-height: 26px !important;
    }
}
.header-l li {
    padding: 0 14px;
}
@media screen and (max-width: 1480px) {
    .header-l li {
        padding: 0 8px;
    }
}
.header-l li a {
    padding: 0 8px;
    text-transform: uppercase;
}
.header-l li a,
.header-l li a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-l li a span {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-l li a.active-link,
.header-l li a:hover {
    color: #007bff;
}
.header-l li + li {
    position: relative;
    margin: 0;
}
.header-l li + li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #303039;
}
[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.simplebar-wrapper,
[data-simplebar] {
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}
.simplebar-wrapper {
    overflow: hidden;
}
.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}
.simplebar-mask,
.simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch;
}
.simplebar-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
/*    height: 100%;*/
    width: auto;
    visibility: visible;
    overflow: scroll;
    max-width: 100%;
    max-height: 100%;
}
.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: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 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;
}
.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}
.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #007bff;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.simplebar-track .simplebar-scrollbar.visible:before {
    opacity: 0.5;
    -webkit-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    transition: opacity 0 linear;
}
.simplebar-track.vertical {
    top: 0;
    width: 11px;
}
.simplebar-track.vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}
.simplebar-track.horizontal {
    left: 0;
    height: 11px;
}
.simplebar-track.horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}
.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}
[data-simplebar-direction="rtl"] .simplebar-track.vertical {
    right: auto;
    left: 0;
}
.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}
.header-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 0;
}
.header-r--end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1349.98px) {
    .header-r {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.header-r__buttons,
.header-r__buttons-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.header-r__buttons-wrap {
    background-color: transparent;
}
.header-r__buttons-wrap_bg-white {
    gap: 0;
    background-color: #fff;
    border-radius: 100px;
}
.header-r .simplebar-content {
    padding: 0 !important;
    margin-left: 15px;
}
@media (max-width: 519.98px) {
    .header-r .sarch-h {
        display: none !important;
    }
}
@media (max-width: 519.98px) {
    .header-r .open-notifications {
        background-color: transparent;
        border: 0;
    }
}
.open-notifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
}
.open-notifications,
.open-notifications svg {
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.open-notifications:hover {
    background-color: #f6f6fa;
}
.open-notifications:hover svg {
    stroke: #fff;
}
.sidebar-bg {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
@media (max-width: 1349.98px) {
    .body-sidebar {
        overflow: hidden;
    }
}
@media (max-width: 519.98px) {
    .body-sidebar {
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
    }
    @supports (-webkit-touch-callout: none) {
        .body-sidebar {
            position: fixed;
        }
    }
    @supports not (-webkit-touch-callout: none) {
        .body-sidebar {
            position: inherit;
        }
    }
}
.body-sidebar .sidebar-bg {
    display: block;
}
.sidebar-s {
    position: fixed;
    width: 320px;
    height: 100vh;
    top: 0;
    background-color: #fff;
    z-index: 999;
    -webkit-transition: all 0.4s ease;
    -o-transition: 0.4s all ease;
    transition: all 0.4s ease;
}
@media screen and (min-width: 2000px) {
    .sidebar-s {
        width: 320px;
    }
}
@media (max-width: 530px) {
    .sidebar-s {
        width: 100%;
    }
}
@media screen and (max-width: 2000px) {
    .sidebar-s {
        -webkit-transform: translate(-100%);
        -o-transform: translate(-100%);
        transform: translate(-100%);
    }
}
@media (max-width: 991.98px) {
    .sidebar-s .simplebar-content {
        padding-bottom: 110px !important;
    }
}
.sidebar-s .show-more a,
.sidebar-s .show-more button {
    padding: 10px 20px;
    font-size: 14px;
    color: #007bff;
    background-color: #fff;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.sidebar-s .show-more a:hover,
.sidebar-s .show-more button:hover {
    background-color: #f6f6fa;
}
.sidebar-s-opened {
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
.sidebar-s-opened .simplebar-mask {
    margin-right: 1px;
}
.sidebar-h {
    height: 100vh;
}
.sidebar-h header {
    padding: 12px 20px;
}
@media (max-width: 350px) {
    .sidebar-h header {
        padding: 12px 10px;
    }
}
.sidebar-h header img {
    height: 30px;
}
.sidebar-h .menu-level {
    background: none;
    padding: 25px 20px 0 !important;
}
.sidebar-h .menu-level button {
    position: absolute;
    top: -20px;
    right: -9px;
}
.sidebar-h .menu-level button img {
    width: 15px;
}
.sidebar-h .menu-level h2 {
    margin-bottom: 0;
}
.sidebar-h .deposit-left-menu {
    margin: 12px 20px;
}
.sidebar-h .cash-mobile {
    margin: 0 20px;
}
.sidebar-h .cash-mobile button {
    font-size: 15px;
    padding: 13px 25px;
}
.sidebar-h .nologged-mobile {
    position: relative;
}
.sidebar-h .sidebar-c {
    padding: 10px 10px 0;
}
.sidebar-h .sidebar-c li {
    padding: 4px 10px;
}
.sidebar-h .sidebar-c li:hover {
    background-color: transparent !important;
}
.sidebar-h .sidebar-c li picture {
    max-width: 24px;
    background-color: transparent;
}
.sidebar-h .opened-links button {
    background-color: transparent !important;
}
.sidebar-h .sidebar-promotions {
    border-top: 1px solid #ebedf4;
}
.sidebar-h .sidebar-promotions > p {
    color: #f1eef5;
    font-size: 13px;
    padding: 10px 0 5px;
    margin-bottom: 0 !important;
}
.sidebar-h .sidebar-promotions li picture {
    max-width: 24px;
}
.sidebar-h .show-all-promo-button svg {
    right: 0;
}
.sidebar-h .lobby-name {
    font-size: 16px;
    color: #686c7d !important;
}
.sidebar-h .sidebar-promotions-h .g-bonus-a picture {
    background: transparent;
    display: block;
}
.sidebar-h .sidebar-promotions-h picture {
    display: none;
}
.sidebar-h .lobby-games {
    font-size: 11px;
    color: #686c7d !important;
}
.sidebar-h .sidebar-support {
    padding: 0 10px 30px;
}
.sidebar-h .show-all-promo-showed .sidebar-promotions-h {
    padding: 10px 6px;
}
.sidebar-h .sidebar-promotions-title {
    font-size: 14px !important;
}
.sidebar-h .bottom-logo {
    margin-top: 10px;
}
@media (max-width: 519.98px) {
    .sidebar-h-mobile {
        min-height: 102.2vh;
    }
}
.sidebar-login {
    padding: 0 20px;
    margin-bottom: 14px;
}
@media (max-width: 350px) {
    .sidebar-login {
        padding: 0 10px;
    }
}
.sidebar-login .row {
    margin: 0 -3px;
}
.sidebar-login .col {
    padding: 0 3px;
}
.sidebar-login  .h-buttons a {
    width: 100%;
}
.sidebar-c {
    padding: 0 20px;
}
@media (max-width: 350px) {
    .sidebar-c {
        padding: 0 10px;
    }
}
.lobby-name {
    color: #686c7d;
    font-size: 16px;
    max-width: 90%;
}
.lobby-games {
    font-size: 11px;
    line-height: 14px;
    width: 90%;
}
.sidebar-c li {
    position: relative;
    padding: 6px;
    border-radius: 6px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    margin-bottom: 14px;
}
.sidebar-c li:hover {
    background: #241a42;
}
.sidebar-c li a {
    display: block;
}
.sidebar-c li a,
.sidebar-c li button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.sidebar-c li button svg {
    position: absolute;
    top: 15px;
    right: 10px;
}
.sidebar-c li picture {
    width: 32px;
    margin-right: 12px;
}
.sidebar-c li picture img {
    width: 100%;
}
.opened-links.slot-3 button {
    border-radius: 6px;
    background-color: #04c000;
}
.opened-links.slot-3 .lobby-games,
.opened-links.slot-3 .lobby-name {
    color: #151518;
}
.opened-links.slot-6 button {
    border-radius: 6px;
    background-color: #facd0d;
}
.opened-links.slot-6 .lobby-games,
.opened-links.slot-6 .lobby-name {
    color: #151518;
}
.slot-item-link {
    padding: 6px 14px !important;
}
.opened-links:hover {
    background-color: transparent !important;
}
.opened-links:hover .lobby-name {
    color: #007bff;
    -webkit-transition: color 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out;
    transition: color 0.26s ease-in-out;
}
.opened-links .row {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    z-index: 4;
}
.opened-links button {
    max-height: 50px;
}
.opened-links .more-links-h {
    display: block;
}
.playfina-user-name-display {
    word-break: break-all;
}
.more-links-h {
    display: none;
    padding-top: 10px;
}
.more-links-h a {
    position: static !important;
    display: block;
    font-size: 14px;
    color: #686c7d;
    margin-left: 40px;
    margin-bottom: 8px;
}
.more-links-h a:hover {
    color: #007bff;
}
.more-links-h a:last-child {
    margin-bottom: 0;
}
.sidebar-promotions {
    padding: 0 20px 6px;
}
@media (max-width: 350px) {
    .sidebar-promotions {
        padding: 0 10px 6px;
    }
}
.sidebar-promotions li {
    position: relative;
    margin-bottom: 6px;
}
.sidebar-promotions li picture {
    width: 32px;
    margin-right: 12px;
}
.sidebar-promotions li picture img {
    width: 100%;
}
.sidebar-promotions a {
    display: block;
    padding: 6px 14px;
}
.sidebar-promotions a:hover .lobby-name {
    color: #007bff !important;
}
.sidebar-promotions a:hover .lobby-games,
.sidebar-promotions a:hover .lobby-name {
    -webkit-transition: color 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out;
    transition: color 0.26s ease-in-out;
}
.sidebar-promotions a:hover .lobby-games {
    color: #000 !important;
}
.sidebar-all-lobby-h {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #151518;
}
.sidebar-promotions-title-top {
    font-size: 9px;
    line-height: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.sidebar-promotions-gray {
    background: url(../images/examples/tournaments-bg2.png) !important;
    background-size: cover;
}
.sidebar-promotions-gray span {
    pointer-events: none;
    filter: grayscale(100%);
}
.sidebar-promotions-h {
    display: none;
    position: relative;
    padding: 12px 20px;
    border-radius: 8px;
    background-color: #dfe2ee;
    background-size: cover;
    margin-bottom: 10px;
}
@media (max-width: 350px) {
    .sidebar-promotions-h {
        padding: 12px 10px;
    }
}
.sidebar-promotions-h a {
    display: block;
}
.sidebar-promotions-h .bonuses-icons-h {
    position: absolute;
    top: -5px;
    right: -5px;
}
@media (max-width: 350px) {
    .sidebar-promotions-h .bonuses-icons-h {
        right: 0;
    }
}
.sidebar-promotions-h .bonuses-icon-c span {
    width: 18px;
    height: 18px;
}
.sidebar-promotions-h .bonuses-icon-c img {
    max-width: 10px;
}
.sidebar-promotions-h .bonuses-icons-t-h span {
    padding: 3px 8px 2px;
    width: auto;
    height: auto;
    font-size: 10px;
    line-height: 1.2;
}
.sidebar-promotions-h .g-bonus-a {
    bottom: 5px;
    right: 0;
    padding: 5px 10px 5px 14px;
}
.sidebar-promotions-h .g-bonus-a picture {
    width: auto;
}
.sidebar-promotions-h .g-bonus-a p {
    font-size: 12px;
}
.sidebar-promotions-title {
    font-size: 12px !important;
}
.offer-for-you-s2 .offer-for-you {
    padding: 20px !important;
}
.offer-for-you-s2 picture {
    width: 40px !important;
    height: 40px !important;
}
.offer-for-you-s2 p {
    color: #fff;
    margin-bottom: 0 !important;
}
.offer-for-you-s2 .offer-for-you-r {
    padding: 0 0 0 10px !important;
}
.show-all-promo-showed:hover {
    background: transparent !important;
}
.show-all-promo-showed .sidebar-promotions-h {
    position: relative;
    display: block;
}
.link-to-all,
.show-all-promo-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.show-all-promo-button svg {
    position: absolute;
    top: 11px;
    right: 10px;
}
.all-t {
    padding: 6px;
    background: rgba(172, 172, 191, 0.1);
}
.all-t picture {
    width: 48px !important;
    height: 48px;
    margin-right: 8px !important;
}
.tournamets-b {
    font-size: 11px;
}
.tournamets-t {
    font-size: 12px;
}
.sidebar-promotions-all {
    position: absolute;
    top: -4px;
    right: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 22px;
    height: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 11px;
    border-radius: 50%;
}
.sidebar-support {
    padding: 0 20px 30px;
}
@media (max-width: 350px) {
    .sidebar-support {
        padding: 0 10px 30px;
    }
}
.sidebar-support a {
    padding: 12px 14px;
    display: block;
    color: #686c7d;
    background-color: #fff;
    border: 1px solid #ebedf4;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.sidebar-support a:hover {
    color: #000;
    border-color: #4e4e5a;
}
.profile-notifications {
    position: relative;
}
.profile-notifications:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 5px;
    width: 6px;
    height: 6px;
    background-color: #facd0d;
    -webkit-animation: dots 1.5s ease-out;
    -o-animation: dots 1.5s ease-out;
    animation: dots 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
}
.profile-notifications:after {
    content: "";
    border: 2px solid #facd0d;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 2px;
    top: 4px;
    -webkit-animation: dott 1.8s ease-out;
    -o-animation: dott 1.8s ease-out;
    animation: dott 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    border-radius: 50%;
}
@-webkit-keyframes dott {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 0.6;
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}
@-webkit-keyframes dots {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.notifciations-h {
    display: none;
    position: absolute;
    top: 68px;
    right: 120px;
    width: 360px;
    padding: 15px;
    z-index: 299;
    background: #f6f6fa;
    border: 1px solid #007bff;
}
@media (max-width: 1550px) {
    .notifciations-h {
        right: 10px;
    }
}
@media (max-width: 600px) {
    .notifciations-h {
        width: 95vw;
    }
}
.notifciations-h header {
    margin-bottom: 10px;
}
.showed-notifications {
    display: block;
}
.showed-notifications .simplebar-mask {
    margin-right: 1px;
}
.notifications-c {
    padding-left: 15px;
    position: relative;
    right: 30px;
    max-height: 450px;
}
@media (max-width: 991.98px) {
    .notifications-c .simplebar-content {
        padding: 0 !important;
        margin-left: 20px;
    }
}
.notifications-c .simplebar-offset {
    padding-right: 0;
}
@media (max-width: 991.98px) {
    .notifications-c .simplebar-track.vertical {
        opacity: 0 !important;
    }
}
@media (max-width: 991.98px) {
    .notifications-c .simplebar-offset {
        right: 0 !important;
    }
}
.close-notification {
    padding: 5px;
}
.unread-message:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #007bff;
}
.notification-c {
    padding: 15px 24px 15px 15px;
    font-size: 16px;
    margin-left: 15px;
    background: #fff;
    margin-bottom: 7px;
}
@media (max-width: 519.98px) {
    .notification-c {
        margin-left: 9px;
    }
}
.notification-c__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.notification-c__content img {
    margin: 0 0 20px;
    width: 100%;
    height: inherit;
}
.notification-c__time {
    position: relative;
    margin: 0 0 4px;
    padding: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #18191c;
}
.notification-c__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #3b3e49;
}
.notification-c h3 {
    line-height: 18.2px;
}
.notification-c p {
    font-size: 16px;
    line-height: 20.8px;
    color: #3b3e49;
}
.notification-m p {
    margin-bottom: 10px;
}
.close-notificaions-button {
    border-radius: 14px;
    background-color: #f6f6fa;
}
.sticky-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.show-all-notifications {
    padding: 9px 10px;
    background: #007bff;
    border-radius: 6px;
}
.show-all-notifications:hover {
    background: #1939a8;
}
.icon-notification picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.loading-notifications {
    position: relative;
    margin-bottom: 10px;
}
.loading-notifications span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ec1e1e;
    margin: 8px 2px 0;
    opacity: 0.5;
}
.loading-notifications span:first-child {
    -webkit-animation: loading 1s linear;
    -o-animation: loading 1s linear;
    animation: loading 1s linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}
.loading-notifications span:nth-child(2) {
    -webkit-animation: loading 1s linear;
    -o-animation: loading 1s linear;
    animation: loading 1s linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0.24s;
    -o-animation-delay: 0.24s;
    animation-delay: 0.24s;
}
.loading-notifications span:nth-child(3) {
    -webkit-animation: loading 1s linear;
    -o-animation: loading 1s linear;
    animation: loading 1s linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0.48s;
    -o-animation-delay: 0.48s;
    animation-delay: 0.48s;
}
@-webkit-keyframes loading {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
}
.contact-vip {
    padding: 13.5px 16px;
}
.contact-vip:hover {
    color: #686c7d;
    background-color: #6610f2;
}
.notification-games-icon {
    display: block !important;
    width: 76px !important;
    height: 76px !important;
    overflow: hidden;
}
.notification-games-icon img {
    width: 100%;
    height: 100%;
    max-width: inherit !important;
    -o-object-fit: cover;
    object-fit: cover;
}
.side-b {
    position: fixed;
    top: 0;
    right: 0;
    padding: 30px 14px;
    width: 100px;
    height: 100vh;
    z-index: 100;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    overflow-x: hidden;
}
.side-b_popular {
    padding: 0 14px 30px;
    background: #fff;
}
.side-b_transparent {
    background: transparent;
}
.side-b__image {
    margin: 0 10px 0 0;
    width: 60px;
    height: 60px;
}
@media screen and (max-width: 1550px) {
    .side-b {
        display: none;
    }
}
@media (max-width: 519.98px) {
    .side-b {
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .side-b .simplebar-offset {
        right: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .side-b .simplebar-content {
        padding-right: 20px !important;
    }
}
@media (max-width: 991.98px) {
    .side-b .simplebar-content {
        padding-bottom: 120px !important;
    }
}
.side-b header .row {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
}
.side-b header span {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #4667dc;
    margin-right: 12px;
    border-radius: 10px;
}
.side-b .h-form-submit {
    padding: 13.5px 10px;
}
.side-b .h-form-submit:hover {
    color: #686c7d;
    background-color: #6610f2;
}
.side-b-open {
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
.side-b-h {
    height: 100%;
    display: none;
}
@media (max-width: 991.98px) {
    .side-b-h {
        height: auto;
    }
}
@media (max-width: 519.98px) {
    .side-b-h {
        min-height: 100vh;
    }
}
.side-b-h .sidebar-support {
    padding: 0;
}
.h-name-s h2 {
    line-height: 20px;
    margin-bottom: 2px;
}
.h-name-s h3 {
    margin-left: 4px;
}
.your-level-s {
    position: relative;
    padding: 14px;
    border-radius: 5px;
    background: rgba(172, 172, 191, 0.06);
}
.your-level-s h2 {
    margin-bottom: 5px;
}
.your-level-s p {
    font-size: 12px;
    line-height: 15px;
}
.your-level-s .password-show-popup {
    position: absolute;
    padding-right: 0;
    top: 2px;
    right: 7px;
}
.your-level-s .password-show-popup h3 {
    color: #151518;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
}
.your-level-s .password-show-c {
    width: 280px;
    right: -10px;
}
.your-level-s .pass-p {
    display: block;
}
.your-level-s .read-more-profile {
    font-size: 12px;
    color: #007bff;
    text-decoration: underline;
}
.your-level-p {
    margin: 0;
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: rgba(172, 172, 191, 0.12);
    overflow: hidden;
}
.your-level-p span {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    border-radius: 7px;
    background-color: #007bff;
}
.your-level-p__container {
    margin: 0 0 10px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
}
.your-level-p__container,
.your-level-p__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.your-level-p__wrap {
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.your-level-p__all,
.your-level-p__end,
.your-level-p__left,
.your-level-p__start {
    font-size: 12px;
    line-height: 1.33;
    color: #babed1;
}
.your-level-p__end,
.your-level-p__left {
    color: #6b6b78;
}
.t-currency {
    position: relative;
    margin-bottom: -5px;
    padding: 10px 14px;
    background-color: #dfe2ee;
    border-radius: 10px;
}
.t-currency button {
    text-align: left;
    width: 100%;
}
.b-currceny {
    padding: 4px 14px 10px;
    background: #fff;
    border: none;
    border-radius: 10px;
}
.b-currceny p {
    padding-right: 4px;
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 2px;
}
.b-currceny .row {
    margin: 0 -3px;
}
.b-currceny .col-6 {
    padding: 0 3px;
}
.b-currceny a,
.b-currceny button {
    display: block;
    width: 100%;
    padding: 9px 10px;
    background: rgba(172, 172, 191, 0.1);
    border-radius: 6px;
}
.b-currceny a:hover,
.b-currceny button:hover {
    background: rgba(172, 172, 191, 0.2);
}
.corrency-sidebar {
    display: none;
}
.corrency-sidebar .simplebar-content {
    padding: 0 !important;
}
.menu-deposit {
    padding: 12px 10px;
    border-radius: 6px;
    background-color: #007bff;
    margin-bottom: 16px;
}
.menu-deposit:hover {
    background: #039400;
}
.s-menu li {
    margin-bottom: 16px;
}
.s-menu .nav-link {
    display: block;
    padding: 0 6px 0 0;
    color: #686c7d;
    border-radius: 5px;
}
.s-menu .nav-link:hover {
    color: #007bff;
}
.s-menu .nav-link .icon-wrap {
    padding: 6px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background-color: #fff;
}
.s-menu .nav-link-text {
    font-size: 16px;
    color: inherit;
    line-height: 18px;
}
.s-menu span {
    display: block;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 11px;
    background: #356eff;
    border-radius: 50%;
}
.space-bottom {
    padding-bottom: 50px !important;
}
.offer-for-you-s {
    position: fixed;
    top: 80px;
    right: 30px;
    z-index: 10;
    width: 500px;
}
@media (max-width: 519.98px) {
    .offer-for-you-s {
        width: auto;
        left: 10px;
        right: 10px;
    }
}
.offer-for-you {
    border-radius: 10px;
    overflow: hidden;
    background-color: #151518;
    border: 2px solid #facd0d;
}
@media (max-width: 519.98px) {
    .offer-for-you .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.offer-for-you picture {
    position: relative;
    width: 240px;
    height: 100%;
}
@media (max-width: 519.98px) {
    .offer-for-you picture {
        width: 100%;
        height: auto;
        width: 120px;
        height: 120px;
    }
}
.offer-for-you img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 519.98px) {
    .offer-for-you img {
        -o-object-position: top center;
        object-position: top center;
    }
}
.offer-modal .modal-dialog {
    max-width: 700px;
}
@media (max-width: 519.98px) {
    .offer-modal .modal-dialog {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        margin: 0;
    }
}
.offer-modal .modal-content {
    border-radius: 10px;
    background-color: transparent;
}
@media (max-width: 519.98px) {
    .offer-modal .modal-content {
        margin-bottom: 100px;
    }
}
@media (max-width: 519.98px) {
    .offer-modal .offer-for-you {
        border-radius: 0;
        border: none;
    }
}
.offer-modal .offer-for-you picture {
    min-height: 270px;
}
@media (max-width: 519.98px) {
    .offer-modal .offer-for-you picture {
        min-height: auto;
        width: 100%;
        height: auto;
        padding-bottom: 70%;
    }
}
@media (max-width: 519.98px) {
    .offer-modal .offer-for-you .close-offer {
        width: 24px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 6px;
        background: rgba(57, 15, 103, 0.7);
    }
}
@media (max-width: 519.98px) {
    .offer-modal .offer-for-you .bt-green {
        display: block;
        width: 100%;
        padding: 12px 10px;
        border-radius: 6px;
    }
}
@media (max-width: 519.98px) {
    .offer-modal .offer-for-you-r {
        text-align: center;
    }
}
.close-offer {
    position: absolute;
    width: 20px;
    top: 5px;
    right: 10px;
    z-index: 2;
}
.offer-for-you-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 20px;
}
@media (max-width: 519.98px) {
    .offer-for-you-r {
        display: block;
        padding: 10px;
        height: auto;
    }
}
.offer-for-you-r h2 {
    font-size: 24px;
}
.offer-for-you-r h2,
.offer-for-you-r p {
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
}
.offer-for-you-r p strong {
    color: #007bff;
}
.offer-for-you-r .bt-green {
    padding: 7px 20px;
}
.user-level-progress {
    margin: 0 0 4px;
}
.user-level-progress__reward {
    color: #007bff;
}
.side-b-popular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.side-b-popular__title {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 50px 0 20px;
    font-size: 16px;
    color: #4667dc;
    background-color: #fff;
    border-bottom: 1px solid #ebedf4;
}
.side-b-popular__title-icon {
    position: absolute;
    top: 46px;
    right: 0;
    display: none;
    width: 7px;
    height: 7px;
}
.side-b-popular__list-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.footer-s {
    padding: 0 16px;
    background-color: #f6f6fa;
}
.footer-s__container {
    margin: 0 auto;
    padding: 30px 0 40px;
    max-width: 1320px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 0 20px;
    grid-template-areas: "Logo Certificates Certificates" "Menu Menu Menu" "Socials Socials Language" "Reviews Reviews Reviews" "Copyright Copyright Copyright";
}
@media (max-width: 1349.98px) {
    .footer-s__container {
        padding: 50px 0 80px;
        grid-template-columns: 25% 1fr;
    }
}
@media (max-width: 991.98px) {
    .footer-s__container {
        padding: 40px 0 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 45px;
        grid-template-areas: "Logo ." "Certificates Certificates" "Menu Menu" "Socials Socials" "Language Language" "Reviews Reviews" "Copyright Copyright";
    }
}
.footer-s__logo {
    grid-area: Logo;
    margin: 0 0 36px;
}
.footer-s__socials {
    grid-area: Socials;
    margin: 0 0 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 991.98px) {
    .footer-s__socials {
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.footer-s__socials img {
    width: 35px;
    height: 35px;
}
.footer-s__socials li {
    margin: 0 10px 0 0;
}
.footer-s__socials a {
    opacity: 0.7;
}
.footer-s__socials a:hover {
    opacity: 1;
}
@media (max-width: 991.98px) {
    .footer-s__socials-text {
        display: none;
    }
}
.footer-s__language {
    grid-area: Language;
    justify-self: flex-end;
    max-width: 280px;
    width: 100%;
}
@media (max-width: 991.98px) {
    .footer-s__language {
        max-width: 100%;
        justify-self: flex-start;
    }
}
.footer-s__language button {
    padding: 12px;
    width: 100%;
    display: grid;
    grid-template-columns: 30px 1fr 23px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.footer-s__language button:hover {
    color: #007bff;
    border-color: #007bff;
}
.footer-s__language .dropdown-menu {
    background-color: #fff;
    border: 1px solid #007bff;
    border-radius: 14px;
}
.footer-s__language .dropdown-menu a {
    color: #686c7d;
}
.footer-s__language .dropdown-menu a:hover {
    color: #fff;
    background-color: #007bff;
}
.footer-s__language .dropdown-menu img {
    max-width: 24px;
    border-radius: 50%;
}
.footer-s__menu {
    grid-area: Menu;
    margin: 0 0 50px;
}
@media (max-width: 991.98px) {
    .footer-s__menu {
        margin: 0;
    }
}
.footer-s__certificates {
    grid-area: Certificates;
    margin: 0 0 30px;
    width: 100%;
    justify-self: flex-end;
}
@media (max-width: 991.98px) {
    .footer-s__certificates {
        margin: 0;
        justify-self: flex-start;
    }
}
.footer-s__certificates p {
    margin: 0 0 20px;
    color: #f1eef5;
}
.footer-s__certificates ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-size: 0;
}
@media (max-width: 991.98px) {
    .footer-s__certificates ul {
        justify-self: space-between;
    }
}
.footer-s__certificates li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-s__reviews {
    grid-area: Reviews;
    padding: 30px 0;
}
@media (max-width: 991.98px) {
    .footer-s__reviews {
        padding: 25px 0;
    }
}
.footer-s__reviews p {
    margin: 0 0 20px;
    color: #f1eef5;
}
.footer-s__reviews ul {
    font-size: 0;
}
.footer-s__reviews li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.footer-s__copyright {
    grid-area: Copyright;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 40px;
    border-top: 1px solid #dfe2ee;
}
@media (max-width: 991.98px) {
    .footer-s__copyright {
        padding: 20px 0 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 10px;
    }
}
.footer-s__copyright p {
    font-size: 12px;
    line-height: 1.8;
    color: #babed1;
}
@media (max-width: 991.98px) {
    .footer-s__copyright {
        padding: 24px 0;
    }
}
.footer-s__copyright-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    gap: 20px;
}
@media (max-width: 991.98px) {
    .footer-s__copyright-logos {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 519.98px) {
    .footer-links {
        display: block;
        font-size: 0;
    }
}
@media (max-width: 519.98px) {
    .footer-links .footer-links-h:nth-child(2),
    .footer-links .footer-links-h:nth-child(3) {
        display: inline-block;
        width: 50%;
    }
}
.footer-links li {
    margin-bottom: 16px;
}
.footer-links a {
    display: block;
    color: #686c7d;
    font-size: 14px;
    line-height: 17px;
}
.footer-links a:hover {
    color: #000;
}
.mobile-no-flag-language a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.footer-links-h {
    width: 280px;
    padding-right: 5px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .footer-links-h {
        width: 170px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-links-h {
        width: 180px;
    }
}
@media (max-width: 519.98px) {
    .footer-links-h {
        width: 100%;
        margin-bottom: 30px;
    }
}
.footer-links-h__title {
    color: #4667dc;
}
.footer-middle {
    font-size: 0;
    padding-bottom: 22px;
    border-bottom: 1px solid #363057;
}
.footer-bottom p {
    font-size: 12px;
    color: #686c7d;
    line-height: 20px;
}
.footer-middle-l li {
    margin-right: 10px;
}
.footer-top-r .footer-links-h {
    width: 100%;
}
@media (max-width: 991.98px) {
    .footer-top-r .footer-links-h {
        margin-bottom: 0;
        padding-bottom: 10px;
    }
}
.footer-top-r .footer-links-h h2 {
    pointer-events: none;
}
@media (max-width: 991.98px) {
    .footer-top-r .footer-links-h h2 {
        background: url(../img/footer-links-img.svg) 100% no-repeat;
        pointer-events: auto;
    }
}
@media (max-width: 991.98px) {
    .footer-top-r .footer-links-h ul {
        display: none;
        padding-top: 20px;
    }
}
@media (max-width: 991.98px) {
    .footer-icon-r li {
        margin: 0 3px 5px;
    }
}
.footer-b-icons p {
    font-size: 14px;
    color: #f1eef5;
    margin-bottom: 23px;
}
.footer-b-icons ul {
    font-size: 0;
}
.footer-b-icons li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 12px;
}
@media (max-width: 991.98px) {
    .footer-b-icons li {
        width: 33.33%;
        margin-right: 0;
        padding: 0 5px;
        margin-bottom: 9px;
    }
}
.footer-mobile-s {
    overflow: hidden;
    border-top: 1px solid #363057;
    background-color: #24203b;
}
.footer-mobile-s .footer-bottom {
    padding-bottom: 20px;
}
.language-content-mobile {
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.language-content-mobile ul {
    white-space: nowrap;
}
.language-content-mobile li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    opacity: 0.5;
}
.language-content-mobile .active-mobile-language {
    opacity: 1;
}
.language-content-mobile li:last-child {
    margin-right: 0;
}
.language-content-mobile img {
    max-width: 30px;
    max-height: 30px;
}
.footer-mobile-links {
    padding: 17px 10px;
    border-bottom: 1px solid #363057;
}
.footer-mobile-links button {
    text-align: left;
    width: 100%;
}
.footer-mobile-links button img {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.7;
}
.footer-mobile-links h2 {
    color: #fff;
    font-size: 16px;
}
.footer-mobile-links ul {
    display: none;
    padding: 10px 0 0 10px;
}
.footer-mobile-links li {
    margin-bottom: 2px;
}
.footer-mobile-links a {
    display: block;
    font-size: 14px;
}
.footer-mobile-links-open button img {
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
}
.footer-mobile-links-open ul {
    display: block;
}
.bitcoin-content-mobile li {
    opacity: 1;
}
.footer-bitcoin {
    margin-bottom: 15px;
}
.footer-language-mobile {
    padding-top: 15px;
}
.footer-language-mobile h2 {
    text-align: center;
    font-size: 14px;
    color: #acacbf;
    margin-bottom: 15px;
}
.footer-social-mobile {
    text-align: center;
    border-bottom: 1px solid #363057;
    margin-bottom: 10px;
}
.footer-social-mobile h2 {
    text-align: center;
    font-size: 14px;
    color: #acacbf;
    margin-bottom: 15px;
}
.footer-social-mobile ul {
    padding-bottom: 20px;
}
.footer-social-mobile li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
}
.sign-up-mobile-h {
    display: none;
}
@media (max-width: 519.98px) {
    .sign-up-mobile-h {
        position: fixed;
        bottom: 10px;
        left: 10px;
        right: 10px;
        z-index: 99;
        display: block;
        padding: 10px;
        text-align: left;
        background: #7812dd;
        border-radius: 6px;
    }
    .sign-up-mobile-h img {
        max-width: 40px;
    }
}
.sign-up-mobile-h p {
    font-size: 14px;
    color: #e2d0f6;
}
.sign-up-mobile-h span {
    display: block;
    font-size: 12px;
    color: #f8c207;
    margin-bottom: 10px;
}
.sign-up-mobile-h a {
    position: relative;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 30px;
    background: #007bff;
}
@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px transparent;
    }
}
@-o-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px transparent;
    }
}
@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px transparent;
    }
}
.moving-signup {
    -webkit-animation-name: movingsignup;
    -o-animation-name: movingsignup;
    animation-name: movingsignup;
    -webkit-animation-duration: 1.4s;
    -o-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.sing-h {
    text-align: center;
    display: none;
    background: #006a00;
    overflow: hidden;
    background-size: cover;
}
@media (max-width: 519.98px) {
    .sing-h {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        padding: 19px 0;
        border-radius: 10px 10px 0 0;
    }
}
.sing-h h2 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 4px;
}
.sing-h h3 {
    color: #facd0d;
    font-size: 22px;
    margin-bottom: 5px;
}
.sing-h .sing-button {
    display: inline-block;
    color: #fff;
    padding: 6px 27px;
    font-size: 12px;
    border-radius: 5px;
    background-color: #04c000;
}
.sing-left {
    left: 0;
}
.sing-left,
.sing-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sing-right {
    right: 0;
}
.close-sing {
    position: absolute;
    top: 5px;
    right: 5px;
}
.banner-pulse:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 30px;
    -webkit-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1) infinite;
    -o-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1) infinite;
    animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1) infinite;
    box-shadow: 0 0 0 0 #04c000;
}
@-webkit-keyframes movingsignup {
    0% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes movingsignup {
    0% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}
@keyframes movingsignup {
    0% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}
.bottom-menu-h {
    padding: 0;
    text-align: center;
    font-size: 0;
    background-color: #fff;
}
@media (max-width: 991.98px) {
    .bottom-menu-h {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: inherit;
        display: grid;
        grid-template-columns: 55px;
        grid-template-rows: 1fr auto 1fr;
        width: 55px;
        height: 100%;
        z-index: 999;
        border-radius: 0 10px 10px 0;
    }
}
@media (max-width: 519.98px) {
    .bottom-menu-h {
        position: fixed;
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: auto;
        width: 100%;
        height: auto;
        background: #fff;
        border-radius: 10px 10px 0 0;
    }
}
.bottom-menu-c {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    vertical-align: middle;
    width: 100%;
}
@media (max-width: 519.98px) {
    .bottom-menu-c {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
    }
}
.bottom-menu-c__noPadding {
    padding: 0;
}
.bottom-menu-c a {
    padding: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bottom-menu-c img {
    opacity: 0.7;
    height: 28px;
    margin-bottom: 4px;
}
.bottom-menu-c p {
    font-size: 10px;
    color: #f1eef5;
    opacity: 0.7;
}
.bottom-bonus-h {
    position: relative;
}
.bottom-bonus-h:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 10%;
    right: 10%;
    height: 100%;
    border-radius: 9px 9px 0 0;
}
.bottom-bonus-h h2 {
    top: -15px;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 10px;
    color: #fff;
}
.bottom-bonus-h p {
    color: #facd0d;
}
.circle-button-holder {
    left: 8px;
    width: 56px;
    height: 56px;
    padding: 8px 8px 0;
}
@media (max-width: 519.98px) {
    .circle-button-holder {
        top: -10px;
        left: 0;
    }
}
.circle-button-holder .circle-button {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.circle-button-holder .bottom-menu-c {
    color: #000 !important;
    letter-spacing: 0.5em;
}
.circle-button-holder .circle-text {
    bottom: -12px;
    left: -10px;
    rotate: -20deg;
}
.bottom-menu-button {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}
.bottom-menu-button button {
    position: relative;
    border-radius: 50%;
    padding: 8px;
    background: #151518;
    top: -30px;
}
.bottom-menu-button button:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 5px 20px rgba(46, 223, 11, 0.8);
    z-index: 1;
}
.bottom-menu-button img {
    position: relative;
    z-index: 2;
    border-radius: 50%;
}
.bottom-menu-button .deposit-button-image {
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    border-radius: 0;
}
.active-bttom-menu {
    position: relative;
}
.active-bttom-menu img,
.active-bttom-menu p {
    opacity: 1;
}
.already-m-s {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.7);
}
.already-m {
    width: 320px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}
.already-m picture {
    position: relative;
    height: 170px;
}
.already-m picture img {
    width: 100%;
    height: 100%;
    -o-object-position: top center;
    object-position: top center;
    -o-object-fit: cover;
    object-fit: cover;
}
.already-m button {
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #007bff;
    padding: 10px;
    display: block;
}
.already-m button:hover {
    background-color: #e3f8e9;
}
.already-m .col:first-child {
    border-right: 1px solid #ccc;
}
.already-m .col:first-child button {
    color: #6c6c6c;
}
.latestw-s {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background-color: hsla(0, 0%, 88%, 0.8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 99;
}
.already-c {
    text-align: center;
    padding: 20px 10px;
    border-bottom: 1px solid hsla(0, 0%, 88%, 0.2);
}
.already-c h2 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 10px;
}
.already-c p {
    font-size: 18px;
    line-height: 24px;
}
.latestw-h {
    overflow: hidden;
}
.latestw-h > .row {
    white-space: nowrap;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
.latestw-h > .row .col {
    width: 268px;
    max-width: 268px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .latestw-h > .row .col {
        width: 192px;
        max-width: 192px;
    }
}
.latestw-c picture {
    position: relative;
    width: 70px;
    height: 70px;
    overflow: hidden;
    -webkit-animation-name: showimage;
    -o-animation-name: showimage;
    animation-name: showimage;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .latestw-c picture {
        width: 50px;
        height: 50px;
    }
}
.latestw-c picture:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -300%;
    width: 300%;
    height: 100%;
    pointer-events: none;
    -webkit-animation-name: showimages;
    -o-animation-name: showimages;
    animation-name: showimages;
    background: -webkit-linear-gradient(315deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 33%, #fff 50%, hsla(0, 0%, 100%, 0) 66%, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(315deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 33%, #fff 50%, hsla(0, 0%, 100%, 0) 66%, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(135deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 33%, #fff 50%, hsla(0, 0%, 100%, 0) 66%, hsla(0, 0%, 100%, 0));
    -webkit-animation: showimages 2s linear forwards;
    -o-animation: showimages 2s linear forwards;
    animation: showimages 2s linear forwards;
    -webkit-animation-delay: 2.1s !important;
    -o-animation-delay: 2.1s !important;
    animation-delay: 2.1s !important;
}
.latestw-c h2 {
    font-size: 14px;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
    overflow: hidden;
    margin-bottom: 4px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .latestw-c h2 {
        font-size: 12px;
        width: 100px;
    }
}
.latestw-c h3 {
    font-size: 14px;
    -webkit-animation-duration: 2.4s;
    -o-animation-duration: 2.4s;
    animation-duration: 2.4s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 4px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .latestw-c h3 {
        font-size: 14px;
    }
}
.latestw-c p {
    color: #fff;
    width: 150px;
    -webkit-animation-duration: 2.7s;
    -o-animation-duration: 2.7s;
    animation-duration: 2.7s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .latestw-c p {
        font-size: 12px;
        width: 100px;
    }
}
.latestw-c p a {
    opacity: 0.9;
}
.no-animation-w h2,
.no-animation-w h3,
.no-animation-w p,
.no-animation-w picture,
.no-animation-w picture:before {
    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
}
.move-latest-w {
    position: relative;
    margin-left: 258px;
    -webkit-transition: 2s ease;
    -o-transition: 2s ease;
    transition: 2s ease;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .move-latest-w {
        margin-left: 192px;
    }
}
.latest-win-1 {
    display: block;
    min-width: 268px;
}
.move-lates-w2 {
    position: absolute;
    left: -268px;
}
@-webkit-keyframes showimage {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    to {
        opacity: 1 !important;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@-o-keyframes showimage {
    0% {
        -o-transform: translate(-100%);
        transform: translate(-100%);
    }
    to {
        opacity: 1 !important;
        -o-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes showimage {
    0% {
        -webkit-transform: translate(-100%);
        -o-transform: translate(-100%);
        transform: translate(-100%);
    }
    to {
        opacity: 1 !important;
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
}
@-webkit-keyframes showtitle {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        transform: transalte(0);
    }
}
@-o-keyframes showtitle {
    0% {
        opacity: 0;
        -o-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
@keyframes showtitle {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%);
        -o-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
@-webkit-keyframes showsmalltitle {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        transform: transalte(0);
    }
}
@-o-keyframes showsmalltitle {
    0% {
        opacity: 0;
        -o-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
@keyframes showsmalltitle {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%);
        -o-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
@-webkit-keyframes showstext {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    70% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        transform: transalte(0);
    }
}
@-o-keyframes showstext {
    0% {
        opacity: 0;
        -o-transform: translate(100%);
        transform: translate(100%);
    }
    70% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
@keyframes showstext {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%);
        -o-transform: translate(100%);
        transform: translate(100%);
    }
    70% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
@-webkit-keyframes showimages {
    0% {
        left: -300%;
    }
    to {
        opacity: 1 !important;
        left: 100%;
    }
}
@-o-keyframes showimages {
    0% {
        left: -300%;
    }
    to {
        opacity: 1 !important;
        left: 100%;
    }
}
@keyframes showimages {
    0% {
        left: -300%;
    }
    to {
        opacity: 1 !important;
        left: 100%;
    }
}
@-webkit-keyframes showall {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        transform: transalte(0);
    }
}
@-o-keyframes showall {
    0% {
        opacity: 0;
        -o-transform: translate(-100%);
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
@keyframes showall {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%);
        -o-transform: translate(-100%);
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1 !important;
        -webkit-transform: transalte(0);
        -o-transform: transalte(0);
        transform: transalte(0);
    }
}
.all-pages {
    padding: 16px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 991.98px) {
    .all-pages {
        padding: 16px;
    }
}
.all-pages__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}
.all-pages__title {
    margin: 0;
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
}
.all-pages__list {
    -webkit-columns: 4;
    columns: 4;
}
@media (max-width: 991.98px) {
    .all-pages__list {
        -webkit-columns: 2;
        columns: 2;
    }
}
@media (max-width: 519.98px) {
    .all-pages__list {
        -webkit-columns: 1;
        columns: 1;
    }
}
.all-pages__list-item {
    padding: 0;
}
.all-pages__list-item-link {
    padding: 6px 8px;
    display: inline-block;
    width: 100%;
    color: #fff;
    background-color: rgba(172, 172, 191, 0.1);
    border-radius: 6px;
    overflow: hidden;
}
.all-pages__list-item-link:hover {
    color: #000;
    background-color: #acacbf;
}
.homepage {
    background-image: url(../images/backgrounds/homepage-bg.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.h-top-s {
    position: relative;
}
.h-top-s .swiper-slide {
    width: 100%;
    position: relative;
}
.h-top-s .swiper-slide:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 29, 56, 0)), color-stop(57.15%, rgba(33, 29, 56, 0.789128)), color-stop(80.04%, rgba(33, 29, 56, 0.937428)), to(#211d38));
    background: -webkit-linear-gradient(top, rgba(33, 29, 56, 0), rgba(33, 29, 56, 0.789128) 57.15%, rgba(33, 29, 56, 0.937428) 80.04%, #211d38);
    background: -o-linear-gradient(top, rgba(33, 29, 56, 0) 0, rgba(33, 29, 56, 0.789128) 57.15%, rgba(33, 29, 56, 0.937428) 80.04%, #211d38 100%);
    background: linear-gradient(180deg, rgba(33, 29, 56, 0), rgba(33, 29, 56, 0.789128) 57.15%, rgba(33, 29, 56, 0.937428) 80.04%, #211d38);
    z-index: 2;
}
.h-top-s .container {
    position: relative;
}
.notification-yes-no-holder span {
    top: inherit !important;
    left: inherit !important;
}
.notification-yes-no-holder label p {
    color: #706c88 !important;
    margin-left: 10px !important;
    background-color: transparent !important;
}
.notification-yes-no-holder p {
    margin-left: 0 !important;
}
.t-image-bg {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100vw;
}
.t-image-bg-new {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.top-new-h .swiper-slide:before {
    height: 60%;
}
.top-new-h .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 29, 56, 0)), color-stop(50.15%, rgba(33, 29, 56, 0.789128)), color-stop(80.04%, rgba(33, 29, 56, 0.937428)), to(#211d38));
    background: -webkit-linear-gradient(bottom, rgba(33, 29, 56, 0), rgba(33, 29, 56, 0.789128) 50.15%, rgba(33, 29, 56, 0.937428) 80.04%, #211d38);
    background: -o-linear-gradient(bottom, rgba(33, 29, 56, 0) 0, rgba(33, 29, 56, 0.789128) 50.15%, rgba(33, 29, 56, 0.937428) 80.04%, #211d38 100%);
    background: linear-gradient(1turn, rgba(33, 29, 56, 0), rgba(33, 29, 56, 0.789128) 50.15%, rgba(33, 29, 56, 0.937428) 80.04%, #211d38);
    z-index: 2;
}
@media (max-width: 519.98px) {
    .top-slide-n2 .top-bg-motion-h:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 3;
    }
}
@media (max-width: 519.98px) {
    .top-slide-n2 .top-bg-motion {
        text-align: center;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 10px !important;
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
}
@media (max-width: 1350px) {
    .top-slide-n2 .top-bg-img {
        height: 100%;
    }
}
@media (max-width: 519.98px) {
    .top-slide-n2 .top-bg-img {
        width: 105% !important;
    }
}
@media (max-width: 519.98px) {
    .top-slide-n2 .bottom-bg-img {
        -o-object-position: center right !important;
        object-position: center right !important;
        width: 150% !important;
        margin-left: -10px;
    }
}
.top-slide-n .swiper-slide:before {
    display: none;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .top-slide-n h1,
    .top-slide-n h2,
    .top-slide-n h3,
    .top-slide-n h4,
    .top-slide-n h5,
    .top-slide-n h6 {
        margin-bottom: 8px !important;
    }
}
@media (max-width: 519.98px) {
    .top-slide-n h3 {
        font-size: 21px !important;
    }
}
@media (max-width: 519.98px) {
    .top-slide-n h4 {
        font-size: 20px !important;
    }
}
@media (max-width: 519.98px) {
    .top-slide-n h5,
    .top-slide-n h6 {
        font-size: 19px !important;
    }
}
@media (max-width: 519.98px) {
    .video-slider .h-top-c {
        height: 280px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.top-bg-motion {
    position: absolute !important;
    top: 50%;
    padding-left: 50px !important;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
@media (max-width: 519.98px) {
    .top-bg-motion {
        padding-left: 20px !important;
    }
}
.top-bg-motion button {
    margin-top: 10px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .top-bg-motion button {
        margin-top: 10px;
    }
}
.top-bg-motion-h {
    position: relative;
    overflow: hidden;
    height: 330px;
    width: 100%;
    border-radius: 10px;
}
@media (max-width: 1349.98px) {
    .top-bg-motion-h {
        height: 280px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .top-bg-motion-h {
        height: 219px;
    }
}
@media (max-width: 519.98px) {
    .top-bg-motion-h {
        height: 220px;
    }
}
.top-bg-motion-h img {
    position: absolute;
    top: 0;
    width: 102%;
    max-width: inherit;
}
@media (max-width: 519.98px) {
    .top-bg-motion-h img {
        width: 106%;
    }
}
.top-bg-motion-bg-h {
    background-color: #fff;
}
.top-bg-motion-bg-h .top-bg-motion-img,
.top-bg-motion-bg-h .top-bg-motion-img-i {
    display: none;
}
.top-bg-motion-bg-h .load-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(10px);
}
.top-show-images .top-bg-motion-img,
.top-show-images .top-bg-motion-img-i {
    display: inline-block;
}
.top-show-images .load-bg {
    display: none;
}
.load-bg {
    height: 100%;
}
.top-bg-img {
    z-index: 1;
}
@media (max-width: 1350px) {
    .top-bg-img {
        height: 100%;
    }
}
.bottom-bg-img {
    z-index: 2;
}
.top-bg-movie {
    position: relative;
    overflow: hidden;
    height: 330px;
    width: 100%;
    border-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .top-bg-movie {
        height: 280px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .top-bg-movie {
        height: 219px;
    }
}
@media (max-width: 519.98px) {
    .top-bg-movie {
        height: 220px;
    }
}
.top-bg-movie:before {
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#0c0), color-stop(50%, rgba(0, 212, 255, 0)));
    background: -webkit-linear-gradient(left, #0c0, rgba(0, 212, 255, 0) 50%);
    background: -o-linear-gradient(left, #0c0 0, rgba(0, 212, 255, 0) 50%);
    background: linear-gradient(90deg, #0c0, rgba(0, 212, 255, 0) 50%);
    z-index: 2;
}
.top-bg-movie:before,
.top-bg-movie video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top-bg-movie video {
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
}
.top-bg-movie-s {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top-movies .h-top-c {
    padding-left: 0;
    text-align: center;
    margin: 0 auto;
}
.top-bg-s-h {
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.top-bg-s-h:hover {
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 10px 15px 1px rgba(16, 42, 136, 0.2);
}
.top-bg-s-h img,
.top-bg-s-h picture {
    -o-object-fit: cover;
    object-fit: cover;
}
.top-bg-s-h img {
    -o-object-position: center center;
    object-position: center center;
}
.top-bg-s-h--threeInRow {
    width: max-content;
    height: 100%;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .top-bg-s-h--threeInRow {
        width: max-content;
        height: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .top-bg-s-h--threeInRow {
        width: max-content;
        height: 100%;
    }
}
@media (max-width: 519.98px) {
    .top-bg-s-h--threeInRow {
        width: 100%;
        height: 100%;
    }
}
.top-bg-s-h:not(.top-bg-s-h--threeInRow) img {
    width: 100%;
}
.h-top-buttons {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
}
.h-top-buttons svg {
    width: 20px;
}
.home-top-button-slider-next {
    right: 20px;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.home-top-button-slider-prev {
    left: 20px;
}
.home-top-button-slider {
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #363057;
    z-index: 2;
}
.top-bg-motion-img {
    position: absolute;
    top: 0;
    width: 102%;
    margin-left: -10px;
    max-width: inherit;
    -webkit-animation: linear infinite;
    -webkit-animation-name: bg-motion;
    -webkit-animation-duration: 10s;
}
@media (max-width: 519.98px) {
    .top-bg-motion-img {
        width: 110%;
        height: 100%;
        -o-object-position: center left;
        object-position: center left;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@-webkit-keyframes bg-motion {
    0% {
        left: -10px;
    }
    50% {
        left: 10px;
    }
    to {
        left: -10px;
    }
}
.top-bg-motion-img-i {
    position: absolute;
    top: inherit !important;
    bottom: 0;
    width: 102%;
    max-width: inherit;
    -webkit-animation: linear infinite;
    -webkit-animation-name: img-motion;
    -webkit-animation-duration: 10s;
}
@media (max-width: 519.98px) {
    .top-bg-motion-img-i {
        width: 110%;
        height: 100%;
        -o-object-position: center center;
        object-position: center center;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@-webkit-keyframes img-motion {
    0% {
        left: 15px;
    }
    50% {
        left: -15px;
    }
    to {
        left: 15px;
    }
}
@media (max-width: 1500px) {
    .t-image-bg1 {
        display: none;
    }
}
.t-image-bg2 {
    display: none;
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .t-image-bg2 {
        display: block;
    }
}
.t-image-bg3 {
    display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .t-image-bg3 {
        display: block;
    }
}
.t-image-bg4 {
    display: none;
}
@media (max-width: 991.98px) {
    .t-image-bg4 {
        display: block;
    }
}
@media (max-width: 530px) {
    .t-image-bg4 {
        -o-object-position: right 0 top 0 !important;
        object-position: right 0 top 0 !important;
    }
}
.naviagation-top {
    font-size: 0;
    height: 8px;
}
.naviagation-top .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #fff;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.naviagation-top .swiper-pagination-bullet-active {
    height: 8px;
    width: 26px;
    background-color: #007bff;
    border-radius: 10px;
}
.h-top-slider:hover .h-top-buttons {
    display: block;
}
.h-top-slider .container {
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
    .h-top-slider .container {
        min-height: 190px;
    }
}
.h-top-slider .swiper {
    width: 100%;
    height: 100%;
}
.h-top-slider .swiper-slide {
    height: auto;
}
.h-top-slider .swiper-slide .pt-md-40 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 519.98px) {
    .h-top-slider .swiper-slide .pt-md-40 {
        padding-top: 10px !important;
    }
}
.h-top-c {
    padding-right: 10px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 12%;
    font-size: 0;
    position: relative;
    z-index: 3;
}
@media (max-width: 519.98px) {
    .h-top-c {
        padding-left: 20px;
    }
}
.h-top-c h1 {
    width: 100%;
    font-size: 40px;
    color: #000;
    margin-bottom: 7px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .h-top-c h1 {
        font-size: 30px;
    }
}
@media (max-width: 991.98px) {
    .h-top-c h1 {
        font-size: 24px;
        margin-bottom: 6px !important;
    }
}
.h-top-c h2 {
    width: 100%;
    font-size: 38px;
    color: #000;
    margin-bottom: 7px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .h-top-c h2 {
        font-size: 30px;
    }
}
@media (max-width: 991.98px) {
    .h-top-c h2 {
        font-size: 22px;
        margin-bottom: 6px !important;
    }
}
.h-top-c h3 {
    width: 100%;
    font-size: 36px;
    color: #000;
    margin-bottom: 7px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .h-top-c h3 {
        font-size: 30px;
    }
}
@media (max-width: 991.98px) {
    .h-top-c h3 {
        font-size: 20px;
        margin-bottom: 6px !important;
    }
}
.h-top-c h4 {
    width: 100%;
    font-size: 35px;
    color: #000;
    margin-bottom: 7px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .h-top-c h4 {
        font-size: 30px;
    }
}
@media (max-width: 991.98px) {
    .h-top-c h4 {
        font-size: 18px;
        margin-bottom: 6px !important;
    }
}
.h-top-c h5 {
    width: 100%;
    font-size: 34px;
    color: #000;
    margin-bottom: 7px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .h-top-c h5 {
        font-size: 28px;
    }
}
@media (max-width: 991.98px) {
    .h-top-c h5 {
        font-size: 17px;
        margin-bottom: 6px !important;
    }
}
.h-top-c h6 {
    width: 100%;
    font-size: 32px;
    color: #000;
    margin-bottom: 7px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .h-top-c h6 {
        font-size: 27px;
    }
}
@media (max-width: 991.98px) {
    .h-top-c h6 {
        font-size: 17px;
        margin-bottom: 6px !important;
    }
}
.h-top-c p {
    width: 100%;
    color: #000;
    font-size: 22px;
    margin-bottom: 7px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .h-top-c p {
        font-size: 20px;
    }
}
@media (max-width: 991.98px) {
    .h-top-c p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.h-top-c p strong {
    color: #fa9b0d;
}
.h-top-c li {
    position: relative;
    font-size: 20px;
    padding-left: 20px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 4px;
}
.h-top-c li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
}
.h-top-c button {
    background-color: #0c0;
    padding: 13px 70px;
}
@media (max-width: 991.98px) {
    .h-top-c button {
        font-size: 14px;
        padding: 8px 39px;
    }
}
.button-disabled {
    pointer-events: none;
    filter: grayscale(90%);
}
.filter-s .container-mobile-s {
    margin-bottom: 20px;
}
@media (max-width: 1349.98px) {
    .filter-s .container-mobile-s {
        padding-bottom: 4px !important;
        margin-bottom: 0px!important;
    }
    .filter-s .container-mobile-s .simplebar-track.horizontal {
        height: 30px;
        background: rgba(172, 172, 191, 0.06) !important;
    }
    .filter-s .container-mobile-s .simplebar-track.horizontal .simplebar-scrollbar {
        height: 2px;
        top: 0 !important;
        visibility: visible !important;
    }
    .filter-s .container-mobile-s .simplebar-track.horizontal .simplebar-scrollbar:before {
        opacity: 1 !important;
        background: #007bff !important;
    }
}
/*.picvis {
    height: 238px;
}*/
.filter-moving {
    position: sticky;
    top: 63px;
    left: 0;
    z-index: 99;
    background-color: #ebedf4;
    margin-bottom: 30px;
}
@media (max-width: 519.98px) {
    .filter-moving {
        top: 57px;
    }
}
.filter-h {
    padding-top: 0 !important;
}
@media (max-width: 991.98px) {
    .filter-h {
        white-space: nowrap;
    }
}
@media (max-width: 519.98px) {
    .filter-h {
        padding-bottom: 0 !important;
    }
}
@media (max-width: 991.98px) {
    .filter-h .row {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    }
}
.filter-h ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
}
@media (max-width: 991.98px) {
    .filter-h ul {
        padding-right: 0;
        white-space: nowrap;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
}
.filter-h li {
    position: relative;
    padding: 8px 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    border-bottom: 1px solid transparent;
}
.filter-h li:hover {
    border-bottom: 1px solid #facd0d;
}
@media (max-width: 991.98px) {
    .filter-h li:hover {
        border-bottom: 1px solid transparent;
    }
}
.filter-h li:hover img {
    filter: grayscale(0);
}
@media (max-width: 991.98px) {
    .filter-h li:hover img {
        filter: grayscale(100%);
    }
}
.filter-h li:hover p {
    color: #fff;
}
@media (max-width: 991.98px) {
    .filter-h li + li {
        margin-left: 47px;
    }
}
.filter-h .providers-button {
    padding: 0;
    border-bottom: none !important;
}
.filter-h a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.filter-h .open-providers {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 10px;
    background-color: #f6f6fa;
    border: 2px solid #dfe2ee;
    margin-left: 0;
    z-index: 2;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.filter-h .open-providers__pre-text {
    color: #4667dc;
}
.filter-h .open-providers__text {
    color: #18191c;
}
.filter-h .open-providers:hover {
    background-color: #dfe2ee;
    border-color: #babed1;
}
.filter-h p {
    line-height: 16px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .filter-h p {
        font-size: 10px;
    }
}
.filter-h img {
    filter: grayscale(1);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .filter-h img {
        max-width: 30px;
    }
}
.filter-h button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #363057;
}
.filter-h button:hover {
    background: #322c53;
}
.mobile-homepage-button {
    padding-top: 10px;
}
.mobile-homepage-button .row {
    margin: 0 -5px;
}
.mobile-homepage-button .col-6 {
    padding: 0 5px;
}
.mobile-homepage-button .col-6:first-child img {
    margin-top: -4px;
}
.mobile-homepage-button a {
    display: block;
    text-align: center;
    height: 100%;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 7px;
    background: #363057;
}
.mobile-homepage-button img {
    margin-right: 5px;
}
.header-image-s .h-top-c {
    padding-left: 40px !important;
}
@media (max-width: 991.98px) {
    .header-image-s .h-top-c {
        height: 230px !important;
        padding-left: 10px !important;
    }
}
@media (max-width: 519.98px) {
    .header-image-s .top-bg-motion-h,
    .header-image-s .top-bg-movie,
    .header-image-s .top-bg-s-h {
        height: 230px;
    }
}
@media (max-width: 519.98px) {
    .header-image-s .top-bg-s-h--threeInRow {
        height: auto;
    }
}
@media (max-width: 519.98px) {
    .header-image-s .top-bg-s-h img {
        -o-object-position: right center;
        object-position: right center;
    }
}
.filters-mobile {
    margin-top: 10px;
    margin-bottom: 20px;
}
.filters-mobile .container {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
}
@media (max-width: 1349.98px) {
    .filters-mobile .container {
        padding: 0 10px;
    }
}
.filters-mobile.filter-moving {
    margin-bottom: inherit;
}
.filters-mobile.filter-moving .container.pt-10 {
    padding-top: 10px !important;
}
.mobile-filter {
    text-align: center;
    font-size: 0;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: nowrap;
    margin-bottom: 0 !important;
}
@media (max-width: 1349.98px) {
    .mobile-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 0 !important;
    }
}
.mobile-filter__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
}
@media (max-width: 1349.98px) {
    .mobile-filter__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 6px;
    }
}
.mobile-filter__item-text {
    margin: 10px 0 0;
    font-size: 14px;
    color: #18191c;
    white-space: nowrap;
}
@media (max-width: 1349.98px) {
    .mobile-filter__item-text {
        margin: 0;
    }
}
.mobile-filter__wrap {
    display: grid;
    grid-template-columns: 1fr 124px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
@media (max-width: 1349.98px) {
    .mobile-filter__wrap {
        grid-template-columns: 1fr;
    }
}
.mobile-filter__list-wrap {
    width: 100%;
}
.mobile-filter__wrap-menu,
.mobile-filter__wrap-submenu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.mobile-filter__wrap-submenu {
    height: 100%;
}
.mobile-filter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}
@media (max-width: 1349.98px) {
    .mobile-filter ul {
        margin-bottom: 10px !important;
    }
}
.mobile-filter__wrap-menu-item {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 124px;
    width: 100%;
    border: none;
}
@media (max-width: 1349.98px) {
    .mobile-filter__wrap-menu-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
}
.mobile-filter__wrap-menu-item a,
.mobile-filter__wrap-menu-item button {
    padding: 20px 14px 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border: none;
    border-radius: 15px;
    border: 2px solid transparent;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: 0.26s all ease-in-out;
    transition: all 0.26s ease-in-out;
}
.mobile-filter__wrap-menu-item a:hover,
.mobile-filter__wrap-menu-item button:hover {
    color: #f6f6fa;
    background-color: #dfe2ee;
}
@media (max-width: 1349.98px) {
    .mobile-filter__wrap-menu-item a,
    .mobile-filter__wrap-menu-item button {
        padding: 10px 14px;
        border-radius: 100px;
    }
}
.mobile-filter__wrap-menu-item button {
    width: 100%;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .mobile-filter__wrap-menu-item button {
        min-width: inherit;
    }
}
.mobile-filter picture {
    margin: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (max-width: 1349.98px) {
    .mobile-filter picture {
        width: 30px;
        height: 30px;
    }
}
.mobile-filter picture img {
    max-width: unset;
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: -webkit-transform 0.26s cubic-bezier(0.41, 0.52, 0.42, 2.4);
    transition: -webkit-transform 0.26s cubic-bezier(0.41, 0.52, 0.42, 2.4);
    -o-transition: -o-transform 0.26s cubic-bezier(0.41, 0.52, 0.42, 2.4);
    transition: transform 0.26s cubic-bezier(0.41, 0.52, 0.42, 2.4);
    transition: transform 0.26s cubic-bezier(0.41, 0.52, 0.42, 2.4), -webkit-transform 0.26s cubic-bezier(0.41, 0.52, 0.42, 2.4), -o-transform 0.26s cubic-bezier(0.41, 0.52, 0.42, 2.4);
}
@media (max-width: 1349.98px) {
    .mobile-filter picture img {
        width: 30px;
    }
}
.mobile-filter li + li {
    margin-left: 9px;
}
.mobile-filter__wrap-menu-search {
    display: none;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .mobile-filter__wrap-menu-search {
        min-width: inherit;
    }
}
.mobile-filter .open-providers {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 14px 10px;
    border-radius: 14px;
    background-color: #f6f6fa;
    border: 2px solid #dfe2ee;
    margin-left: 0;
    z-index: 2;
}
.mobile-filter .open-providers,
.mobile-filter .open-providers:before {
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.mobile-filter .open-providers:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px;
    width: 32px;
    height: 32px;
    color: #fff;
    background-color: #dfe2ee;
    background-image: url(../img/settings-provider.svg);
    background-size: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 0 10px 0 14px;
}
.mobile-filter .open-providers__pre-text {
    margin: 10px 0 0;
    font-size: 12px;
    color: #4667dc;
}
.mobile-filter .open-providers__text {
    margin: 10px 0 0;
    font-size: 16px;
    color: #18191c;
}
.mobile-filter .open-providers:hover {
    background-color: #dfe2ee;
    border-color: #babed1;
}
.mobile-filter .open-providers:hover:before {
    background-color: #babed1;
}
.mobile-filter .current-mobile-filter a,
.mobile-filter .current-mobile-filter button {
    background-color: #007bff;
    border-color: #007bff;
}
.mobile-filter .current-mobile-filter .mobile-filter__item-text {
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
}
.mobile-filter__wrap-menu-providers {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 124px;
    width: 100%;
    border: none;
}
@media (max-width: 1349.98px) {
    .mobile-filter__wrap-menu-providers {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}
.mobile-filter__wrap-menu-providers a,
.mobile-filter__wrap-menu-providers button {
    padding: 20px 14px 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border: none;
    border-radius: 15px;
    border: 2px solid transparent;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: 0.26s all ease-in-out;
    transition: all 0.26s ease-in-out;
}
.mobile-filter__wrap-menu-providers a:hover,
.mobile-filter__wrap-menu-providers button:hover {
    color: #f6f6fa;
    background-color: #dfe2ee;
}
.mobile-filter__wrap-menu-providers button {
    width: 100%;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .mobile-filter__wrap-menu-providers button {
        min-width: inherit;
    }
}
.find-game-b {
    position: relative;
    text-align: left;
    color: #9b9bad;
    font-size: 14px;
    width: 220px;
    padding: 12px 10px 12px 50px;
    background: #151518;
    border: 1px solid #303039;
    border-radius: 5px;
    margin-left: 10px;
}
.find-game-b img {
    position: absolute;
    top: 13px;
    left: 17px;
}
.find-game-desktop {
    position: relative;
    vertical-align: middle;
}
.find-game-desktop img {
    position: absolute;
    top: 14px;
    left: 25px;
}
.mobile-search-c.mobile-search-h {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 10px;
    display: none;
}
@media (max-width: 1349.98px) {
    .mobile-search-c.mobile-search-h {
        margin-top: -10px !important;
    }
}
@media (max-width: 991.98px) {
    .mobile-search-c.mobile-search-h {
        display: inline-block;
    }
}
.mobile-search-c.mobile-search-h button,
.mobile-search-c.mobile-search-h input {
    background-color: #fff;
    border-radius: 100px;
}
.mobile-search-c.mobile-search-h .open-providers {
    width: 42px;
    height: 42px;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: 0.26s all ease-in-out;
    transition: all 0.26s ease-in-out;
}
.mobile-search-c.mobile-search-h .open-providers:hover {
    background-color: #f6f6fa;
}
.mobile-search-c.mobile-search-h .open-providers:hover p {
    color: #000 !important;
}
.modal-provider .modal-dialog {
    max-width: 1200px;
}
@media (max-width: 519.98px) {
    .modal-provider .modal-dialog {
        margin: 0;
    }
}
.modal-provider .modal-content {
    border: 0;
    border-radius: 14px;
    background: #ebedf4;
}
@media (max-width: 519.98px) {
    .modal-provider .modal-content {
        border-radius: 0;
    }
}
#modal-search button#searchbar_clear_content[data-dismiss="modal"] {
    position: absolute;
    top: 20px;
    right: 16px;
    z-index: 2;
}
.providers-modal-h {
    position: relative;
    padding: 20px 10px;
}
.providers-modal-h button[data-dismiss="modal"] {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
}
@media (max-width: 519.98px) {
    .providers-modal-h button[data-dismiss="modal"] {
        top: 20px;
        right: 10px;
    }
}
.providers-modal-h__close-modal {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    background: #f6f6fa;
    z-index: 1;
}
.providers-modal-h__close-modal:hover {
    background-color: #ededed;
}
.providers-modal-h ul {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-auto-rows: minmax(0, 1fr);
    gap: 4px;
}
@media (max-width: 1349.98px) {
    .providers-modal-h ul {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (max-width: 991.98px) {
    .providers-modal-h ul {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width: 767.98px) {
    .providers-modal-h ul {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 519.98px) {
    .providers-modal-h ul {
        grid-template-columns: repeat(3, 1fr);
    }
}
.providers-modal-h__item {
    position: relative;
}
.providers-modal-h a {
    position: relative;
    padding: 10px 16px;
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #6d6d6d;
    border: 2px solid #6d6d6d;
    border-radius: 14px;
}
.providers-modal-h a:hover {
    border-color: #007bff;
}
.providers-modal-h img {
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.providers-modal-h p {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #686c7d;
}
.notifications-link {
    display: block;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}
.providers-order {
    position: relative !important;
    display: block;
    top: inherit !important;
    right: inherit !important;
    color: #000;
}
.providers-order:before {
    top: -4px;
    border-bottom: 5px solid #fff;
}
.providers-order:after,
.providers-order:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin: 0 auto;
}
.providers-order:after {
    bottom: -4px;
    border-top: 5px solid #fff;
}
.providers-orders {
    color: #facd0d;
}
.providers-orders:before {
    border-bottom: 5px solid #facd0d;
}
.providers-orders:after,
.providers-orders:before {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.providers-orders:after {
    border-top: 5px solid #facd0d;
}
.playfina__login-button {
    width: 100%;
    background-color: #4667dc;
    border-radius: 100px;
}
.playfina__login-button:hover {
    background-color: #1939a8;
}
.playfina__register-button {
    width: 100%;
    background-color: #1ebe04;
    border-radius: 100px;
    display: inline-block;
}
.playfina__register-button:hover {
    background-color: #188107;
}
@media (max-width: 519.98px) {
    .mobile-balance {
        margin-bottom: 10px !important;
    }
}
.sarch-provider-top {
    padding: 0 30px 0 10px;
    margin-bottom: 20px;
}
@media (max-width: 519.98px) {
    .sarch-provider-top {
        padding: 0 10px;
    }
}
@media (max-width: 519.98px) {
    .sarch-provider-top h2 {
        margin-bottom: 12px;
    }
}
.sarch-provider-top input {
    height: 40px !important;
}
@media (max-width: 991.98px) {
    .sarch-provider-top input {
        height: 46px !important;
    }
}
.mobile-currency {
    position: relative;
    border-radius: 6px;
    padding: 36px 20px 6px;
}
.mobile-currency,
.mobile-currency .col {
    text-align: center;
}
.mobile-currency h3 {
    text-align: center;
    position: relative;
    display: inline-block;
    font-size: 32px;
    color: #fa9b0d;
}
.mobile-currency h3 span {
    position: absolute;
    bottom: 110%;
    left: 0;
    font-size: 11px;
    color: #acacbf;
}
.balance-h .t-currency {
    padding: 0;
}
.balance-h .currency-s {
    margin-bottom: 15px !important;
}
.balance-h .currency-s p {
    margin-bottom: 10px;
}
.balance-h .cash-mobile p {
    font-size: 13px;
    margin-bottom: 5px;
}
.balance-h .cash-mobile h2 {
    text-align: left;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
.balance-h .cash-mobile button {
    padding: 6px 19px;
}
.cash-button-mobile-h {
    margin: 0 -3px;
}
.cash-button-mobile-h .col-6 {
    padding: 0 3px;
}
.cash-button-mobile {
    display: block;
    text-align: center;
    color: #acacbf;
    padding: 10px;
    font-size: 14px;
    background: rgba(172, 172, 191, 0.12);
    border-radius: 6px;
}
.mobile-currency-choose {
    position: absolute;
    top: 60%;
    right: 20px;
    -webkit-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
}
.deposit-buttons {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    background-color: #04c000;
}
.deposit-buttons:hover {
    color: #fff;
    background-color: #039400;
}
.search-mobile {
    position: relative;
}
.search-mobile button,
.search-mobile input {
    text-align: left;
    width: 100%;
    height: 44px;
    background: #fff;
    color: #babed1;
    padding: 0 10px 0 40px;
    font-size: 13px;
    border-radius: 100px;
}
.search-mobile button::-webkit-input-placeholder,
.search-mobile input::-webkit-input-placeholder {
    color: #babed1;
    font-size: 13px;
}
.search-mobile button::-moz-placeholder,
.search-mobile input::-moz-placeholder {
    color: #babed1;
    font-size: 13px;
}
.search-mobile button:-ms-input-placeholder,
.search-mobile button::-ms-input-placeholder,
.search-mobile input:-ms-input-placeholder,
.search-mobile input::-ms-input-placeholder {
    color: #babed1;
    font-size: 13px;
}
.search-mobile button::placeholder,
.search-mobile input::placeholder {
    color: #babed1;
    font-size: 13px;
}
.search-mobile svg {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991.98px) {
    .a-title img {
        max-width: 30px;
    }
}
@media (max-width: 991.98px) {
    .a-title h2 {
        font-size: 18px;
    }
}
.view-all-m {
    padding: 8px 13px;
    font-size: 12px;
    background: rgba(172, 172, 191, 0.06);
}
.view-all-m svg {
    margin-top: -2px;
    margin-left: 14px;
}
.mobile-search-c {
    margin-top: 5px !important;
}
.mobile-search-c .filter-h {
    width: auto;
}
@media (max-width: 519.98px) {
    .right-menu-button {
        display: none !important;
    }
}
.left-side-button {
    display: none;
}
@media (max-width: 519.98px) {
    .left-side-button {
        display: inline-block;
    }
}
.left-side-menu-mobile {
    display: none;
}
@media (max-width: 519.98px) {
    .left-side-menu-mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        padding: 10px 10px 120px;
        width: 100%;
        height: 100vh;
        z-index: 99;
        overflow-y: scroll;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        background-color: #151518;
    }
}
.logged-top-menus {
    margin-bottom: 8px;
}
.logged-top-menus li {
    display: inline-block;
    vertical-align: middle;
}
.logged-top-menus span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: rgba(172, 172, 191, 0.2);
}
.tournaments-load {
    text-align: center;
    margin-bottom: 30px;
}
.tournaments-load a {
    position: static !important;
    display: inline-block !important;
    padding: 9.5px 30px !important;
}
.slot-link {
    padding: 10px 0 0;
}
@media (max-width: 519.98px) {
    .slot-mobiles .slots-hold .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}
.slot-mobiles .row {
    -webkit-box-pack: inherit !important;
    -ms-flex-pack: inherit !important;
    justify-content: inherit !important;
}
.left-menu-mobile {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: -1;
}
.left-menu-mobile .left-side-menu-mobile {
    left: 0;
}
.menu-level {
    position: relative;
    margin-bottom: 5px;
}
.menu-level .password-show-popup {
    position: relative;
    padding: 0;
    display: inline;
    top: 0;
    right: 0;
}
.menu-level .password-show-c {
    top: 170%;
    left: 0;
    margin-left: -5px;
    right: inherit;
}
.menu-level .password-show-c:before {
    right: inherit;
    left: 10px;
}
.menu-level p {
    font-size: 12px;
    line-height: 15px;
    padding-right: 20px;
    color: #acacbf;
    margin-bottom: 5px;
}
.menu-level h2 {
    font-size: 12px;
    line-height: 18px;
    color: #acacbf;
    margin-right: 4px;
}
.menu-level button img {
    display: block;
}
.p-level {
    display: block;
    position: relative;
    background-color: rgba(172, 172, 191, 0.12);
}
.p-level,
.p-level span {
    height: 4px;
    border-radius: 30px;
}
.p-level span {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #facd0d;
}
.icon-level {
    position: relative;
    top: -2px;
}
.deposit-left-menu {
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    color: #fff;
    line-height: 19px;
    border-radius: 100px;
    background: #04c000;
    margin-bottom: 5px;
}
.deposit-left-menu:hover {
    color: #fff;
    background-color: #039400;
}
.slots-big .row {
    margin-bottom: 0 !important;
}
@media (max-width: 519.98px) {
    .slots-big .row {
        width: 960px !important;
    }
}
.slots-big .col {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 16.6% !important;
    flex: 0 0 16.6% !important;
    max-width: 16.6% !important;
    margin-bottom: 20px;
}
@media (max-width: 519.98px) {
    .slots-big .col {
        max-width: 16.6% !important;
    }
}
.slots-big .swiper-slide {
    max-width: 204px !important;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .slots-big .swiper-slide {
        max-width: 140px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .slots-big .swiper-slide {
        max-width: 134px !important;
    }
}
@media (max-width: 519.98px) {
    .slots-big .swiper-slide {
        max-width: 154px !important;
    }
}
.slots-big .slots-img {
    height: 202px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .slots-big .slots-img {
        height: 139px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .slots-big .slots-img {
        height: 134px;
    }
}
@media (max-width: 519.98px) {
    .slots-big .slots-img {
        height: 154px;
    }
}
.slots-big .slots-on-line {
    margin: 0;
    width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .slots-big .slots-on-line .slots-img {
        height: 117px;
    }
}
.slots-big .hovered-slot-content {
    top: 50%;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slots-big .play-for-fun-home-icon {
    margin-bottom: 0 !important;
}
.games-find-h {
    padding: 20px 0;
}
@media (max-width: 519.98px) {
    .games-find-h {
        overflow: hidden;
    }
}
.games-find-h ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 519.98px) {
    .games-find-h ul {
        overflow-x: scroll;
        white-space: nowrap;
    }
}
.games-find-h li {
    text-align: center;
    display: inline-block;
}
@media (max-width: 519.98px) {
    .games-find-h li + li {
        margin-left: 20px;
    }
}
.games-find-h span {
    display: block;
}
.games-find-h a:hover .games-find-icon {
    opacity: 0.7;
}
.games-find-h a:hover .games-find-name {
    text-decoration: underline;
}
.games-find-h .games-find-icon {
    height: 35px;
    margin-bottom: 5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .games-find-h .games-find-icon {
        max-width: 30px;
        margin: 0 auto;
    }
}
.games-find-h .games-find-name {
    font-size: 16px;
    color: #fff;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .games-find-h .games-find-name {
        font-size: 14px;
    }
}
.modal-inputs {
    background-color: #fff !important;
}
.card-inputs .card-inputs-c {
    margin-bottom: 20px;
}
.card-inputs label {
    display: block;
    position: relative;
    margin-bottom: 2px !important;
}
.card-inputs input {
    font-size: 16px !important;
}
.card-inputs input:focus + span {
    top: -9px;
    left: 0;
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.card-inputs input:-moz-placeholder-shown + span {
    top: 0;
}
.card-inputs input:-ms-input-placeholder + span {
    top: 0;
}
.card-inputs input:placeholder-shown + span {
    top: 0;
}
.card-inputs span {
    position: absolute;
    left: 2px;
    display: inline-block;
    top: 14px;
    font-size: 15px;
    color: #706c88;
    padding: 0 14px;
    background-color: #fff;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.card-inputs p {
    display: none;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}
.card-inputs .birth {
    position: relative;
    border: 1px solid #e0e0e4;
    border-radius: 6px;
}
.card-inputs .birth select {
    width: auto;
    display: inline-block;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E")
        right 0 center;
    background-size: 10px;
    margin-right: 10px;
    background-repeat: no-repeat;
}
.card-inputs .phone-content {
    position: static;
}
.card-inputs .phone-c {
    background: #f7f8f9 !important;
}
.card-inputs .phone-c .phone-content {
    color: #706c88;
    background: #f7f8f9 !important;
}
.card-inputs .phone-c li button:hover,
.card-inputs .phone-c li button:hover .phone-content {
    background: #cee1ce !important;
}
.birth-c span {
    top: -9px;
}
.birth-c span,
.placeholder-input span {
    left: 0;
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.placeholder-input span {
    top: -9px !important;
}
.card-error span {
    color: #ec1e1e;
    top: -9px;
    left: 0;
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.card-error input {
    border: 1px solid #ec1e1e !important;
}
.card-error p {
    display: block;
    padding: 4px 6px;
    color: #ec1e1e !important;
    margin-top: 4px;
    background-color: #ffd7dc;
    border-radius: 6px;
}
.card-green input {
    border: 1px solid #007bff !important;
}
.card-green span {
    top: -9px;
    color: #007bff;
    left: 0;
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.cash-mobile {
    padding: 10px;
    border-radius: 6px;
    border: 1px dashed rgba(172, 172, 191, 0.26);
    margin-bottom: 10px;
}
.cash-mobile p {
    font-size: 12px;
    color: #acacbf;
    line-height: 15px;
    margin-bottom: 4px;
}
.cash-mobile h2 {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}
.cash-mobile button {
    padding: 10px 25px;
    font-size: 12px;
    color: #facd0d;
    border-radius: 4px;
    background: rgba(172, 172, 191, 0.1);
}
.cash-mobile button:hover {
    background: rgba(172, 172, 191, 0.2);
}
.left-menu-mobile-link {
    padding-top: 5px;
    border-top: 1px solid rgba(53, 49, 58, 0.5);
}
.left-menu-mobile-link h3 {
    color: #f1eef5;
    font-size: 13px;
    padding: 10px 0 5px 5px;
}
.left-menu-mobile-link li {
    position: relative;
    padding: 5px 15px;
    margin-bottom: 10px;
}
.left-menu-mobile-link picture {
    max-width: 25px;
    margin-right: 12px;
}
.left-menu-mobile-link h2 {
    font-size: 16px;
    color: #acacbf;
}
.left-menu-mobile-link p {
    color: #acacbf;
    font-size: 11px;
}
.left-menu-mobile-link button {
    text-align: left;
}
.promotion-mobile {
    overflow: hidden;
}
.promotion-mobile button {
    position: relative;
    width: 100%;
}
.promotion-mobile .promotion-mobile-img {
    position: absolute;
    top: 5px;
    right: 0;
}
.promotion-mobile .promotion-mobile-h:last-child:after {
    content: "";
    position: absolute;
    top: 51%;
    bottom: 0;
    left: -30px;
    width: 30px;
    background-color: #151518;
    z-index: 2;
}
.bonus-image-b {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.bonus-image-b .row {
    display: none;
}
.bonus-image-b .g-bonus-big {
    min-height: inherit;
    padding-bottom: 47% !important;
}
.bonus-image-b .g-bonus-ch,
.bonus-image-b .text-center {
    display: none;
}
.bonus-image-b .bonuses-icons-h {
    z-index: 3;
}
.tournaments-big-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.g-bonus-small.bonus-image-b {
    min-height: inherit;
    padding-bottom: 47% !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .g-bonus-small.bonus-image-b {
        padding-bottom: 47% !important;
    }
}
@media (max-width: 519.98px) {
    .g-bonus-small.bonus-image-b {
        min-height: inherit;
        padding-bottom: 40% !important;
    }
}
.g-bonus-small.bonus-image-b .tournaments-image-big,
.tournaments-image-big {
    -o-object-fit: fill;
    object-fit: fill;
}
.tournaments-image-big {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    z-index: 2;
}
.bonus-code-edit-c {
    text-align: center;
    padding: 16px 14px 16px 10px;
    background: rgba(172, 172, 191, 0.06);
    border-radius: 6px;
}
.bonus-code-edit-c p {
    color: #acacbf;
    font-size: 16px;
}
.bonus-code-edit-c p strong {
    color: #facd0d;
}
.bonus-code-get-c a {
    text-align: center;
    display: block;
    color: #fff;
    padding: 17px 10px;
    font-size: 16px;
    background: #04c000;
    border-radius: 6px;
}
.bonus-code-get-c a:hover {
    background: #039400;
}
.promotion-mobile-s:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 25px;
    height: 100%;
    border-right: 1px dashed rgba(172, 172, 191, 0.5);
}
.promotion-mobile-s:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 20px;
    background-color: #151518;
}
.promotion-mobile-s .promotion-mobile-h {
    display: block;
}
.bonus-style {
    position: absolute;
    top: -10px;
    right: -4px;
}
.bonus-style-h {
    display: inline-block;
    margin: 0 0 5px 5px;
}
.bonus-style-h span {
    display: block;
    padding: 2px 7px;
    font-size: 10px;
    border-radius: 30px;
}
.promotion-mobile-h {
    display: none;
    position: relative;
    padding: 12px 10px;
    margin-left: 35px;
    margin-bottom: 5px;
    border-radius: 6px;
    background: rgba(172, 172, 191, 0.1);
}
.promotion-mobile-h:before {
    content: "";
    position: absolute;
    top: 51%;
    left: -25px;
    width: 25px;
    border-bottom: 1px dashed rgba(172, 172, 191, 0.5);
}
.promotion-mobile-h h2 {
    font-size: 14px;
    color: #fff;
}
.promotion-mobile-h p {
    font-size: 11px;
    color: #acacbf;
}
.promotion-mobile-h h4 {
    font-size: 12px;
    color: #facd0d;
}
.bottom-mobile-payments a {
    display: block;
    padding: 10px;
    border: 1px solid #363057;
    border-radius: 6px;
    margin-bottom: 10px;
}
.bottom-mobile-payments p {
    font-size: 15px;
    color: #acacbf;
}
.no-logged {
    padding: 0 0 10px;
}
.no-logged .bottom-logo,
.no-logged .bottom-mobile-payments,
.no-logged .left-menu-mobile-link {
    margin: 0 10px;
}
.close-left-mobile {
    position: absolute;
    display: none;
    width: 34px;
    height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 12px;
    right: 12px;
    z-index: 2;
}
@media screen and (max-width: 2000px) {
    .close-left-mobile {
        display: inline-block;
    }
}
.nologged-mobile {
    padding: 20px 10px;
}
.nologged-mobile .close-left-mobile {
    position: absolute;
    display: none;
    width: 34px;
    height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 12px;
    right: 12px;
    z-index: 2;
}
@media screen and (max-width: 2000px) {
    .nologged-mobile .close-left-mobile {
        display: inline-block;
    }
}
.nologged-mobile .hide-sidebar {
    position: absolute;
    top: 12px;
    right: -13px;
    padding: 6px 3px 6px 7px;
    width: 34px;
    height: 34px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f6f6fa;
    border-radius: 100px 0 0 100px;
    z-index: 2;
}
.nologged-mobile h2 {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
}
.nologged-mobile h3 {
    font-size: 18px;
    color: #007bff;
    line-height: 23px;
    margin-bottom: 30px;
}
.nologged-mobile .mobile-join {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 14px 10px;
    color: #fff;
    background: #1ebe04;
    border-radius: 100px;
}
.nologged-mobile .mobile-join:focus,
.nologged-mobile .mobile-join:hover {
    background: #188107;
}
.nologged-mobile .mobile-login {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 14px 20px;
    color: #fff;
    background: #4667dc;
    border-radius: 100px;
    display: inline-block;
}
.nologged-mobile .mobile-login:focus,
.nologged-mobile .mobile-login:hover {
    background: #1939a8;
}
.plan-games-submenu-mobile-bar {
    display: none;
}
@media (max-width: 1349.98px) {
    .plan-games-submenu-mobile-bar {
        display: block;
    }
    .plan-games-submenu-mobile-bar.filters-mobile {
        margin-bottom: 10px;
    }
    .plan-games-submenu-mobile-bar .mobile-filter {
        display: block !important;
        padding-bottom: 0 !important;
        margin-bottom: 10px;
    }
    .plan-games-submenu-mobile-bar .mobile-filter__item {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
    }
    .plan-games-submenu-mobile-bar .mobile-filter__item-text {
        font-size: 16px;
        color: #18191c;
        white-space: nowrap;
    }
    .plan-games-submenu-mobile-bar + .filters-search-bar.filters-mobile.filter-moving .container.pt-10.pb-10 {
        display: none;
    }
    .plan-games-submenu-mobile-bar.filter-s .container-mobile-s {
        margin-bottom: 0;
    }
}
@media (max-width: 1349.98px) and (max-width: 1349.98px) {
    .plan-games-submenu-mobile-bar .mobile-filter ul {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 1349.98px) and (max-width: 1349.98px) {
    .plan-games-submenu-mobile-bar.filter-s .container-mobile-s {
        padding-bottom: 0 !important;
    }
}
@media (max-width: 991.98px) {
    .slots-s {
        max-width: 100vw;
    }
}
.play-game-animation {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
}
.play-game-animation img {
    width: 20px;
}
.slots-wrap {
    position: relative;
    padding: 0;
    background-color: transparent;
    border-radius: 14px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
}
.slots-wrap:hover {
    background-color: #dfe2ee;
}
.slots-img {
    position: relative;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}
.slots-img_image-only {
    border-radius: 8px;
}
.slots-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 2;
}
.slots-img:hover .hovered-slot-content,
.slots-img:hover:before {
    opacity: 1;
}
.slots-img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.slots-img .slot-image {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    border: 0;
}
.slots-img .bonuses-icons-h {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
}
@media (min-width: 1350px) {
    .play-for-fun-home-icon .play-game-animation {
        width: 70px;
        height: 70px;
    }
}
@media (min-width: 1350px) {
    .play-for-fun-home-icon_small .play-game-animation {
        width: 40px;
        height: 40px;
    }
}
.hovered-slot-content {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media (max-width: 991.98px) {
    .slots-ch .simplebar-track.horizontal {
        height: 2px;
        background: rgba(172, 172, 191, 0.06) !important;
    }
    .slots-ch .simplebar-track.horizontal .simplebar-scrollbar {
        height: 2px;
        top: 0 !important;
        visibility: visible !important;
    }
    .slots-ch .simplebar-track.horizontal .simplebar-scrollbar:before {
        opacity: 1 !important;
        background: #007bff !important;
    }
}
.slots-ch .row {
    margin-bottom: 24px;
}
@media (max-width: 991.98px) {
    .slots-ch .row {
        width: 960px;
        margin: 0 -2.5px 10px;
    }
}
@media (max-width: 519.98px) {
    .slots-ch .row {
        width: 840px;
    }
}
@media (max-width: 991.98px) {
    .slots-ch .col {
        padding: 0 2.5px;
    }
}
.slots-ch p {
    line-height: 18px;
}
@media (max-width: 991.98px) {
    .slots-ch p {
        font-size: 12px;
    }
}
.component-games__swiper-wrapper--card {
    max-height: 550px;
}
.slots-slide-ch .swiper-slide {
    max-width: 171.43px;
}
@media (max-width: 991.98px) {
    .slots-slide-ch .swiper-slide {
        max-width: 114px;
    }
}
.slots-slide-ch p {
    line-height: 18px;
}
@media (max-width: 991.98px) {
    .slots-slide-ch p {
        font-size: 12px;
    }
}
.games-scrollbar-h {
    height: 2px;
    background: rgba(172, 172, 191, 0.06);
}
.games-scrollbar-h .swiper-scrollbar-drag {
    height: 2px;
    background: #007bff;
}
.playfina-loading-image-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.playfina-loading-image-parent__nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.before-load-slots .row {
    margin-bottom: 24px;
}
@media (max-width: 991.98px) {
    .before-load-slots .row {
        margin: 0 -2.5px 10px;
    }
}
@media (max-width: 519.98px) {
    .before-load-slots .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 991.98px) {
    .before-load-slots .col {
        padding: 0 2.5px;
    }
}
@media (min-width: 531px) and (max-width: 767.98px) {
    .before-load-slots .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
@media (max-width: 530px) {
    .before-load-slots .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33% !important;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
}
@media (min-width: 531px) and (max-width: 767.98px) {
    .before-load-slots .col:nth-child(n + 13) {
        display: none;
    }
}
@media (max-width: 530px) {
    .before-load-slots .col:nth-child(n + 10) {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .slots-h {
        overflow: hidden;
    }
}
.slots-h .col-auto picture {
    width: 30px;
    height: 30px;
}
.slots-h__wrap {
    position: relative;
    width: 100%;
    max-width: 1320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 18px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .slots-h__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.slots-h__cards {
    position: relative;
    width: 100%;
}
.slots-h__cards--banner {
    max-width: calc(100% - 448px);
}
.slots-h__cards--banner .slots-img {
    height: 202px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .slots-h__cards--banner .slots-img {
        height: 202px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .slots-h__cards--banner .slots-img {
        height: 134px;
    }
}
@media (max-width: 519.98px) {
    .slots-h__cards--banner .slots-img {
        height: 154px;
    }
}
.slots-h__cards--banner .swiper-slide {
    max-width: 204px !important;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .slots-h__cards--banner .swiper-slide {
        max-width: 204px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .slots-h__cards--banner .swiper-slide {
        max-width: 134px !important;
    }
}
@media (max-width: 519.98px) {
    .slots-h__cards--banner .swiper-slide {
        max-width: 154px !important;
    }
}
@media (max-width: 991.98px) {
    .slots-h__cards {
        max-width: 100%;
    }
}
.slots-h__banner {
    padding: 10px;
    width: 100%;
    max-width: 430px;
    height: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    background: #fff;
    border-radius: 14px;
}
.slots-h__banner--left {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.slots-h__banner--right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (max-width: 991.98px) {
    .slots-h__banner {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 100%;
    }
}
.slots-h__banner-link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
}
.slots-h__banner-image-picture {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.slots-h__banner-image {
    width: 100%;
    height: auto;
}
@media (max-width: 519.98px) {
    .slots-hold .row {
        margin: 0 -2.5px 10px;
    }
}
@media (max-width: 991.98px) {
    .slots-hold .col {
        padding: 0 2.5px;
    }
}
@media (min-width: 531px) and (max-width: 767.98px) {
    .slots-hold .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
@media (max-width: 530px) {
    .slots-hold .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33% !important;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
}
@media (max-width: 519.98px) {
    .slots-hold .slots-img {
        height: auto;
        padding-bottom: 100%;
    }
}
@media (max-width: 519.98px) {
    .slots-hold .slots-img .slot-image {
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media (max-width: 519.98px) {
    .slots-hold .play-for-fun-home-icon {
        margin-bottom: 0 !important;
    }
}
.exclusive {
    position: absolute;
    top: 6px;
    left: 6px;
}
.exclusive span {
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 7px;
}
.exclusive span + span {
    margin-left: 3px;
}
.slot-link {
    padding: 6px 10px;
    font-size: 12px;
    color: #686c7d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #fff;
}
.slot-link:hover {
    color: #000;
}
@media (max-width: 991.98px) {
    .slot-link {
        padding: 6px;
        font-size: 12px;
    }
}
.slider-line {
    height: 2px;
    background-color: rgba(172, 172, 191, 0.12);
}
.show-more {
    width: 100%;
    overflow: hidden;
}
.show-more a {
    padding: 10px 20px;
    font-size: 14px;
    color: #007bff;
    background-color: #fff;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
@media (max-width: 991.98px) {
    .show-more a {
        font-size: 12px;
    }
}
.show-more a:hover {
    background-color: #f6f6fa;
}
.show-more svg {
    margin-left: 7px;
}
.slider-home-arrows {
    cursor: pointer;
}
.slider-home-arrows span {
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background-color: #fff;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.slider-home-arrows span svg {
    width: 16px;
}
.slider-home-arrows:hover span {
    background-color: #f6f6fa;
}
.back-to-collections svg {
    position: relative;
    display: block;
    margin-right: 10px;
    bottom: -2px;
}
.slider-home-games-button-next svg {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.all-slots-links {
    padding: 10px 18px;
    line-height: 1.43;
    color: #007bff;
    background-color: #fff;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.all-slots-links:hover {
    color: #007bff;
    background-color: #f6f6fa;
}
.back-button-h {
    position: static;
}
@media (max-width: 519.98px) {
    .back-button-h {
        text-align: right;
    }
}
.back-button-c {
    position: absolute;
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
@media (max-width: 991.98px) {
    .back-button-c {
        position: static;
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
}
@media (max-width: 519.98px) {
    .wrapper {
        padding: 0 16px;
        grid-template-columns: 1fr;
    }
}
.g-bonus-c {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.g-bonus-c .col {
    position: relative;
    z-index: 2;
}
.g-bonus-c p {
    margin-bottom: 12px;
}
.g-bonus-c p a {
    display: block;
    color: #fa9b0d;
    text-transform: uppercase;
}
.g-bonus-c h2 {
    margin-bottom: 12px;
}
.g-bonus-c h2 a {
    display: block;
    color: #fff;
    text-transform: uppercase;
}
.g-bonus-c picture {
    width: 100%;
}
.g-bonus-c__image {
    width: 100%;
    height: 100%;
}
.g-bonus-big {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aspect-ratio: 16/9;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
    cursor: pointer;
}
.g-bonus-big:hover {
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 10px 15px 1px rgba(16, 42, 136, 0.2);
}
@media (max-width: 1349.98px) {
    .g-bonus-big {
        aspect-ratio: 4/0.91;
    }
}
@media (max-width: 991.98px) {
    .g-bonus-big {
        aspect-ratio: 2.4/1;
    }
}
@media (max-width: 767.98px) {
    .g-bonus-big {
        min-height: inherit;
        aspect-ratio: 16/9;
    }
}
.g-bonus-big p,
.g-bonus-big p a {
    font-size: 18px;
    line-height: 19px;
}
@media (max-width: 991.98px) {
    .g-bonus-big p a {
        font-size: 14px;
    }
}
.g-bonus-big h2 {
    font-size: 40px;
    line-height: 54px;
}
@media (max-width: 1349.98px) {
    .g-bonus-big h2 {
        font-size: 30px;
        line-height: 34px;
    }
}
.g-bonus-big h2 a {
    font-size: 40px;
    line-height: 54px;
}
@media (max-width: 1349.98px) {
    .g-bonus-big h2 a {
        font-size: 24px;
        line-height: 34px;
    }
}
.g-bonus-big .bt-green {
    padding: 14px 37px;
}
@media (max-width: 991.98px) {
    .g-bonus-big .bt-green {
        font-size: 15px;
        padding: 8px 27px;
    }
}
.g-bonus-small {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aspect-ratio: 16/9;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
    cursor: pointer;
}
.g-bonus-small:hover {
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 10px 15px 1px rgba(16, 42, 136, 0.2);
}
@media (max-width: 991.98px) {
    .g-bonus-small {
        height: auto;
    }
}
.g-bonus-small .col-auto.text-center {
    position: static;
}
@media (min-width: 992px) {
    .g-bonus-small .bonuses-icons-h {
        position: absolute;
        top: 20px;
    }
}
.g-bonus-small p,
.g-bonus-small p a {
    font-size: 14px;
    line-height: 17px;
}
.g-bonus-small h2 {
    font-size: 28px;
    line-height: 44px;
}
@media (max-width: 991.98px) {
    .g-bonus-small h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 12 !important;
    }
}
@media (max-width: 991.98px) and (max-width: 365px) {
    .g-bonus-small h2 {
        font-size: 16px;
        line-height: 25px;
    }
}
.g-bonus-small h2 a {
    font-size: 28px;
    line-height: 44px;
}
@media (max-width: 991.98px) {
    .g-bonus-small h2 a {
        font-size: 24px;
        line-height: 34px;
    }
}
@media (max-width: 991.98px) and (max-width: 365px) {
    .g-bonus-small h2 a {
        font-size: 16px;
        line-height: 25px;
    }
}
.g-bonus-small .bt-green {
    padding: 11px 31px;
}
@media (max-width: 991.98px) {
    .g-bonus-small .bt-green {
        font-size: 14px !important;
        padding: 8px 15px;
        font-size: 15px;
    }
}
.new-promotions-placeholder {
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    max-height: 320px;
    vertical-align: middle;
    border-style: none;
}
.new-promotions-padding-fullsize {
    padding-bottom: 50%;
}
@media (max-width: 767.98px) {
    .new-promotions-padding-fullsize {
        display: none;
    }
}
.g-bonus-ch {
    position: relative;
    max-width: 670px;
    z-index: 3;
}
.g-bonus-ch-link a {
    color: #fff;
    margin-bottom: 0;
}
.g-bonus-ch-link a p {
    font-size: 18px;
    line-height: 19px;
}
@media (max-width: 991.98px) {
    .g-bonus-ch-link a p {
        font-size: 14px;
    }
}
.g-bonus-ch-link a h2 {
    font-size: 40px;
    line-height: 54px;
    text-transform: uppercase;
}
@media (max-width: 1349.98px) {
    .g-bonus-ch-link a h2 {
        font-size: 24px;
        line-height: 34px;
    }
}
.g-bonus-ch-link .d-inline-block {
    position: static;
    width: auto;
    height: auto;
}
@media (max-width: 350px) {
    .total-jackpot-s {
        overflow: hidden;
    }
}
.total-jackpot-h {
    position: relative;
    max-width: 1172px;
    margin: 0 auto;
}
.total-jackpot-l {
    border-radius: 10px;
    max-width: 860px;
    -webkit-transform: matrix(1, -0.02, -0.06, 1, 0, 0);
    -o-transform: matrix(1, -0.02, -0.06, 1, 0, 0);
    transform: matrix(1, -0.02, -0.06, 1, 0, 0);
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .total-jackpot-l {
        max-width: 790px;
    }
}
@media (max-width: 519.98px) {
    .total-jackpot-l {
        -webkit-transform: matrix(1, -0.02, -0.06, 1, 0, 0);
        -o-transform: matrix(1, -0.02, -0.06, 1, 0, 0);
        transform: matrix(1, -0.02, -0.06, 1, 0, 0);
    }
}
@media (max-width: 370px) {
    .total-jackpot-l {
        padding-left: 40px !important;
    }
}
.total-jackpot-l p {
    line-height: 26px;
}
@media (max-width: 991.98px) {
    .total-jackpot-l p {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 10px !important;
    }
}
.total-jackpot-l h2 {
    font-size: 48px;
    line-height: 50px;
    color: #fa9b0d;
    text-transform: uppercase;
    margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .total-jackpot-l h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px) {
    .total-jackpot-l h2 {
        font-size: 30px;
        line-height: 36px;
    }
}
@media (max-width: 370px) {
    .total-jackpot-l h2 {
        font-size: 25px;
        line-height: 30px;
    }
}
@media (max-width: 519.98px) {
    .total-jackpot-l h2 strong {
        display: block;
    }
}
.total-jackpot-l .bt-green {
    padding: 16px 39px;
}
@media (max-width: 991.98px) {
    .total-jackpot-l .bt-green {
        font-size: 13px;
        padding: 7px 24px;
    }
}
.total-jackpot-img {
    position: absolute;
    top: 10px;
    left: -28px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .total-jackpot-img {
        left: -20px;
    }
}
@media (max-width: 991.98px) {
    .total-jackpot-img {
        max-width: 125px;
    }
}
@media (max-width: 370px) {
    .total-jackpot-img {
        max-width: 70px;
        top: 20px;
        left: -40px;
    }
}
.total-j-l {
    max-width: 550px;
    -webkit-transform: matrix(1, 0.02, 0.06, 1, 0, 0);
    -o-transform: matrix(1, 0.02, 0.06, 1, 0, 0);
    transform: matrix(1, 0.02, 0.06, 1, 0, 0);
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .total-j-l {
        text-align: center;
    }
}
.g-bonus-h-bigger {
    position: relative;
}
.g-bonus-h-bigger .g-bonus-c-b {
    left: 0;
    right: 0;
}
@media (max-width: 991.98px) {
    .g-bonus-h-bigger .g-bonus-ch {
        max-width: inherit;
    }
}
.g-bonus-h-bigger .promotions-mobile-image {
    position: static;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .g-bonus-h-bigger .promotions-mobile-image {
        top: 0 !important;
    }
}
.g-bonus-h-bigger .g-bonus-small picture {
    position: absolute;
    top: inherit;
    bottom: 0;
    right: 0;
    max-width: inherit;
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .g-bonus-h-bigger .g-bonus-small picture {
        max-width: 430px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .g-bonus-h-bigger .g-bonus-small picture {
        margin: -85px auto 0 !important;
        position: relative;
        max-width: 370px;
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
}
@media (max-width: 519.98px) {
    .g-bonus-h-bigger .g-bonus-small picture {
        margin: -50px auto 0 !important;
        position: relative;
        max-width: 300px;
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
}
@media (max-width: 991.98px) {
    .g-bonus-h-bigger .g-bonus-small picture img {
        margin: 0 auto;
    }
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .g-bonus-h-bigger .promotions-mobile-image {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .g-bonus-h-bigger .promotions-mobile-image picture {
        max-width: 593px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .g-bonus-h-bigger .promotions-mobile-image picture {
        right: 0;
        left: 0;
    }
}
@media (max-width: 519.98px) {
    .g-bonus-h-bigger .promotions-mobile-image picture {
        max-width: 300px;
        right: 0;
        left: 0;
    }
}
@media (max-width: 519.98px) {
    .g-bonus-h-bigger .promotions-mobile-image {
        top: inherit !important;
        bottom: 0;
        right: 0 !important;
        -webkit-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        transform: translate(0) !important;
    }
}
.g-bonus-h .col-md-6 {
    position: relative;
}
.show-promotions-more {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
}
.show-promotions-more-big {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 3;
}
.g-bonus-c-b {
    display: none;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    background: url(../images/backgrounds/promo-bg-b.png) top no-repeat;
    background-size: cover;
    border-radius: 10px;
    z-index: 4;
}
@media (max-width: 360px) {
    .g-bonus-c-b {
        overflow-y: scroll;
    }
}
.g-bonus-c-b .col {
    position: relative;
    z-index: 2;
}
@media (max-width: 991.98px) {
    .g-bonus-c-b p {
        margin-bottom: 4px;
    }
}
.g-bonus-c-b h3 {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 10px;
}
.g-bonus-c-b li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 7px;
}
.g-bonus-c-b li:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../../images/icons/g-bonus-b.svg) 50% no-repeat;
}
.g-bonus-c-b li:last-child {
    margin-bottom: 0;
}
.g-bonus-c-b h4 {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}
.g-bonus-c-b h5 {
    font-size: 14px;
    color: #fa9b0d;
    line-height: 18px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .g-bonus-c-b .promotions-mobile-image {
        top: 5px;
    }
}
.g-bonus-c-b picture {
    opacity: 0.5;
}
@media (max-width: 519.98px) {
    .g-bonus-c-b .promotions-big-image-c {
        bottom: 0;
        right: -60px !important;
        z-index: 1;
        top: inherit !important;
    }
}
.g-bonus-badge picture {
    margin-top: -2px !important;
}
@media (max-width: 991.98px) {
    .promotions-big-image-h .g-bonus-c {
        min-height: 280px;
    }
}
.promotions-big-image-h .col {
    max-width: 390px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .promotions-big-image-h .promotions-mobile-image {
        top: -33px;
    }
}
@media (max-width: 519.98px) {
    .promotions-big-image-h .promotions-mobile-image picture {
        margin-right: -60px;
    }
}
.welcome-details-t .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.welcome-details-t h2 {
    font-size: 16px;
    color: #fa9b0d;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.welcome-details-t h1 {
    font-size: 36px;
    color: #fff;
    line-height: 48px;
    margin-bottom: 12px;
}
@media (max-width: 991.98px) {
    .welcome-details-t h1 {
        font-size: 30px;
        line-height: 40px;
    }
}
.welcome-details-t picture {
    text-align: right;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .welcome-details-t picture {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 400px;
        mix-blend-mode: luminosity;
        opacity: 0.2;
        border-radius: 0;
        z-index: -1;
    }
}
.welcome-details-t p {
    font-size: 16px;
    color: #686c7d;
    line-height: 22px;
    margin-bottom: 12px;
}
.welcome-details-t p strong {
    color: #fff;
}
.terms-promotion,
.welcome-bonus-detials-s {
    position: relative;
}
.terms-promotion {
    display: inline-block;
    margin-bottom: 30px;
}
.terms-promotion a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.terms-promotion .verificiation-information {
    border-radius: 30px;
}
.terms-promotion p {
    margin-bottom: 0;
}
.promotions-big-image-c {
    position: absolute;
    bottom: 0;
    right: -10px;
    z-index: 1;
}
.promotions-big-image-c picture {
    max-width: inherit;
}
.close-bonuses-b {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
}
.total-jackpot-r {
    position: absolute;
    top: 20px;
    right: 0;
    width: 485px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .total-jackpot-r {
        top: 30px;
        width: 430px;
    }
}
@media (max-width: 991.98px) {
    .total-jackpot-r {
        width: 100%;
        position: static;
    }
}
.jackpot-slider {
    height: 362px;
}
@media (max-width: 519.98px) {
    .jackpot-slider {
        height: 280px;
    }
}
.jackpot-slider-c {
    border: 1px solid #303039;
    background: #303039;
    border-radius: 5px;
}
.jackpot-slider-c picture {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 6px;
    margin-right: 10px;
}
@media (max-width: 519.98px) {
    .jackpot-slider-c picture {
        width: 70px;
    }
}
.jackpot-slider-c img {
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
}
.jackpot-slider-c p {
    line-height: 17px;
}
.jackpot-slider-c h2 {
    line-height: 20px;
    margin-bottom: 12px;
}
@media (max-width: 519.98px) {
    .jackpot-slider-c h2 {
        font-size: 14px;
    }
}
.jackpot-slider-c h2 a {
    line-height: 20px;
}
@media (max-width: 519.98px) {
    .jackpot-slider-c h2 a {
        font-size: 14px;
    }
}
@media (max-width: 519.98px) {
    .jackpot-slider-c h3 {
        font-size: 16px;
    }
}
.jackpot-slider-c .bt-green {
    padding: 10px 43px;
}
@media (max-width: 519.98px) {
    .jackpot-slider-c .bt-green {
        padding: 10px 30px;
    }
}
.bonuses-icons-h {
    font-size: 0;
}
.bonuses-icons-h__providers {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.exclusive-h {
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    width: auto !important;
    color: #fff;
    border-radius: 5px !important;
    margin-bottom: 7px;
}
.bonuses-icon-c {
    vertical-align: top;
    margin-left: 4px;
    margin-bottom: 4px;
}
.bonuses-icon-c span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}
.welcome-bonus-detials-h {
    max-width: 1160px;
    margin: 0 auto;
}
.promotion-details-link {
    text-decoration: underline;
}
@media (max-width: 519.98px) {
    .promotion-details-link {
        font-size: 12px;
        margin-left: 10px !important;
    }
}
.deposit-l-h .row {
    margin: 0 -6px;
}
.deposit-l-h .col,
.deposit-l-h .col-auto,
.deposit-l-h .col-lg-3 {
    padding: 0 6px;
}
.deposit-l-c {
    height: 100%;
    padding: 25px 20px 63px;
    background-color: transparent;
    background-image: url(../images/backgrounds/deposit-active-bg.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    border: 1px solid rgba(172, 172, 191, 0.2);
    border-radius: 5px;
}
.deposit-l-c h3 {
    font-size: 16px;
    color: #fa9b0d;
    line-height: 19px;
    margin-bottom: 12px;
}
.deposit-l-c h2 {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 24px;
}
.deposit-l-c p {
    color: #fff;
}
.deposit-l-c h4,
.deposit-l-c p {
    font-size: 14px;
    line-height: 18px;
}
.deposit-l-c h4 {
    text-align: right;
    color: #fa9b0d;
}
.deposit-l-c ul {
    margin-bottom: 24px;
}
.deposit-l-c li {
    position: relative;
    padding-left: 14px;
    margin-bottom: 14px;
}
.deposit-l-c li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #007bff;
    border-radius: 50%;
}
.deposit-l-c li:last-child {
    margin-bottom: 0;
}
.not-active-bonus .deposit-l-c {
    background-image: url(../images/backgrounds/deposit-no-active-bg.webp);
}
.not-active-bonus .deposit-l-c h3,
.not-active-bonus .deposit-l-c h4 {
    color: #686c7d;
}
.not-active-bonus .deposit-l-c .get-bonus-link {
    pointer-events: none;
    background: rgba(172, 172, 191, 0.4);
}
.not-active-bonus .deposit-l-c--preview {
    background-image: none;
}
.not-active-bonus .deposit-l-c--preview h2,
.not-active-bonus .deposit-l-c--preview h3 {
    color: #686c7d;
}
.not-active-bonus .deposit-l-c--preview .get-bonus-link {
    pointer-events: none;
    background: rgba(172, 172, 191, 0.4);
}
.not-active-bonus .deposit-l-c__info {
    border-color: transparent;
}
.not-active-bonus .slots-img,
.not-active-bonus picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    filter: grayscale(100%);
}
.not-active-bonus h5 {
    color: #686c7d !important;
}
.s-bonus h2 {
    margin-bottom: 7px;
}
.s-bonus h4 {
    text-align: left;
}
.bonus-card button {
    text-align: left;
    position: relative;
    font-size: 20px;
    width: 100%;
    padding: 21px 30px;
    color: #686c7d;
    border-radius: 10px;
    background: #ebedf4;
    text-decoration: none;
}
@media (max-width: 991.98px) {
    .bonus-card button {
        padding: 21px 20px;
    }
}
.bonus-card button:hover {
    color: #f7f8f9;
    text-decoration: none;
}
.bonus-card button svg {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bonus-rules-b {
    border-radius: 10px;
    background: #ebedf4;
    margin-bottom: 10px;
}
.bonus-rules-b p {
    color: #000;
}
.how-to-get-b-h {
    padding: 28px 24px 10px;
    background: #151518;
    border-radius: 10px;
}
@media (max-width: 991.98px) {
    .how-to-get-b-h {
        padding: 20px 10px;
    }
}
.how-to-get-b-h h2 {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 20px;
}
.how-to-get-b-h .row {
    margin: 0 -6px;
}
.how-to-get-b-h .col-lg-3,
.how-to-get-b-h .col-md-6 {
    padding: 0 6px;
}
.bonus-steps {
    padding: 20px;
    border-radius: 6px;
    height: 100%;
    background: rgba(172, 172, 191, 0.06);
}
@media (max-width: 519.98px) {
    .bonus-steps {
        height: auto;
    }
}
.bonus-steps picture {
    width: 44px;
    height: 44px;
    margin-right: 12px;
}
.bonus-steps h3 {
    font-size: 18px;
    color: #fff;
    line-height: 23px;
}
.bonus-steps p {
    font-size: 16px;
    color: #686c7d;
    line-height: 20px;
}
.bonus-code-r {
    padding: 16px 10px;
    border-radius: 6px;
    background: rgba(172, 172, 191, 0.06);
}
.bonus-code-r p {
    font-size: 16px;
    color: #686c7d;
    line-height: 20px;
}
.bonus-code-r p strong {
    color: #fa9b0d;
}
.get-bonus-btn {
    padding: 16px 10px;
    border-radius: 6px;
}
.get-bonus-btn:hover {
    color: #fff;
}
.get-bonus-link {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
    padding: 10px;
    background: #04c000;
    border-radius: 6px;
}
.get-bonus-link:hover {
    color: #fff;
}
.bonuses-icons-t-h span {
    width: auto;
    font-size: 11px;
    line-height: 1.2;
    color: #fff;
    padding: 6px 10px 4px;
    border-radius: 5px;
}
.g-bonus-gray {
    filter: grayscale(90%);
}
.g-bonus-gray .bt-green,
.g-bonus-gray h2,
.g-bonus-gray p {
    pointer-events: none;
}
.g-bonus-a {
    position: absolute;
    bottom: 50px;
    right: 10px;
    padding: 12px 10px 10px 14px;
    background: #fa9b0d;
    box-shadow: 1px 4px 14px rgba(0, 0, 0, 0.4);
    border-radius: 20px 0 0 20px;
    z-index: 2;
}
@media (max-width: 519.98px) {
    .g-bonus-a {
        bottom: 20px;
    }
}
@media (max-width: 360px) {
    .g-bonus-a {
        max-width: 170px;
    }
}
.g-bonus-a picture {
    font-size: 0;
    margin-right: 6px;
}
.g-bonus-a p {
    color: #151518;
}
.deposit-l-h .slots-img {
    height: auto;
    padding-bottom: 122%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .deposit-l-h .slots-img {
        padding-bottom: 112%;
    }
}
@media (max-width: 519.98px) {
    .deposit-l-h .slots-img {
        padding-bottom: 134%;
    }
}
.deposit-l-h .slots-img:before {
    display: none;
}
.deposit-l-h .slot-image {
    position: absolute;
    top: 0;
    left: 0;
}
.deposit-l-h .slot-name-deposit {
    margin-bottom: 4px;
}
.deposit-l-h h5 {
    font-size: 17px;
    color: #fa9b0d;
    margin-bottom: 10px;
}
.deposit-l-i-c .slot-name-deposit {
    text-align: center;
}
.deposit-l-i-c h2 {
    text-align: center;
    margin-bottom: 10px;
}
@media (max-width: 991.98px) {
    .deposit-l-i-c h2 {
        font-size: 14px;
        line-height: 20px;
    }
}
.deposit-l-i-f-c .slots-img {
    border-radius: 6px;
    margin: -25px -20px 0;
}
@media (min-width: 1350px) {
    .deposit-big .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .deposit-big .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
.bonus-bg {
    background-size: cover !important;
}
.bonus-bg .bonuses-icons-h {
    z-index: 4;
}
@media (max-width: 519.98px) {
    .bonus-bg .bonuses-icons-h {
        position: relative !important;
    }
}
.bonus-bg.g-bonus-gray:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#0c0), color-stop(50%, rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(left, #0c0, rgba(0, 0, 0, 0.4) 50%);
    background: -o-linear-gradient(left, #0c0 0, rgba(0, 0, 0, 0.4) 50%);
    background: linear-gradient(90deg, #0c0, rgba(0, 0, 0, 0.4) 50%);
    z-index: 2;
}
.g-bonus-big.bonus-bg .bonuses-icons-h,
.g-bonus-h-bigger.bonus-bg .bonuses-icons-h {
    position: relative;
    z-index: 4;
}
.bonus-bg.g-bonus-c.g-bonus-small .bonuses-icons-h {
    position: absolute;
}
.latest-winners-h .latest-w {
    margin: 0 -7px;
}
@media (max-width: 991.98px) {
    .latest-winners-h .latest-w {
        margin: 0;
    }
}
@media (max-width: 519.98px) {
    .latest-winners-h .latest-w {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    }
}
.latest-winners-h .col-lg-3 {
    padding: 0 7px;
}
@media (max-width: 991.98px) {
    .latest-w-c {
        margin: 0 -2.5px !important;
    }
}
@media (max-width: 519.98px) {
    .latest-w-c {
        width: auto;
        white-space: nowrap;
        margin: 0 auto;
    }
}
@media (max-width: 991.98px) {
    .latest-w-c .col {
        padding: 0 2.5px;
    }
}
@media (min-width: 655px) {
    .latest-winners-s .simplebar-content {
        padding: 0 !important;
    }
}
@media (min-width: 655px) {
    .latest-winners-s .simplebar-track.horizontal {
        opacity: 0;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .latest-winners-s .latest-winners-c picture {
        width: 169px;
        height: 169px;
    }
}
@media (max-width: 654px) {
    .latest-winners-s .latest-winners-c picture {
        width: 150px;
        height: 150px;
    }
    .latest-winners-s {
        display: none;
    }
    .footer-s__container {
        gap: 10px;
    }
    .footer-s__certificates {
        display: none;
    }
    .footer-s__logo {
        margin-bottom: 10px;
    }
    .footer-s__reviews {
        display: none;
    }
}
.latest-winners-c {
    padding: 5px;
    background: #303039;
    border-radius: 5px;
}
.latest-winners-c picture {
    width: 110px;
    height: 110px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 18px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .latest-winners-c picture {
        position: relative;
        width: 208px;
        height: 208px;
        margin-bottom: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .latest-winners-c picture img {
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .latest-winners-c picture {
        width: 164px;
        height: auto;
        margin-bottom: 10px;
    }
}
@media (max-width: 519.98px) {
    .latest-winners-c picture {
        width: 140px;
        height: 140px;
        margin-right: 0;
        margin: 0 auto 10px;
    }
}
.latest-winners-c p {
    line-height: 20px;
    margin-bottom: 7px;
}
@media (max-width: 991.98px) {
    .latest-winners-c p {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 6px;
    }
}
.latest-winners-c h2 {
    line-height: 28px;
    margin-bottom: 8px;
}
@media (max-width: 991.98px) {
    .latest-winners-c h2 {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 991.98px) {
    .latest-winners-c span {
        font-size: 11px;
    }
}
@media (max-width: 991.98px) {
    .total-jackpot-r-mobile {
        overflow: hidden;
    }
}
.total-jackpot-r-mobile .latest-w {
    margin: 0;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
.total-jackpot-r-mobile .latest-w-c {
    width: auto;
    white-space: nowrap;
    margin: 0 auto;
}
.total-jackpot-r-mobile .latest-winners-c picture {
    margin: 0 auto 10px;
}
.total-jackpot-r-mobile .latest-winners-c h2 {
    font-size: 13px;
}
.total-jackpot-r-mobile .bt-green {
    padding: 4px 10px;
}
.image-fit {
    width: 100%;
    max-width: 140px;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 991.98px) {
    .colleciton-mobile {
        margin: 0 -5px;
    }
}
@media (max-width: 991.98px) {
    .colleciton-mobile .col-6 {
        padding: 0 5px;
    }
}
.colleciton-c {
    padding: 10px;
    aspect-ratio: 1/1;
    background-color: #fff;
    border-radius: 14px;
    cursor: pointer;
}
.colleciton-c,
.colleciton-c__wrapper {
    position: relative;
    background-size: cover;
}
.colleciton-c__wrapper {
    padding: 14px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 8px;
    overflow: hidden;
}
.colleciton-c h2 {
    margin: 0 0 10px;
    width: 100%;
    max-width: 234px;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 991.98px) {
    .colleciton-c h3 {
        font-size: 12px;
    }
}
.colleciton-c h4 {
    padding: 4px 12px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: hsla(0, 0%, 88%, 0.9);
    border-radius: 100px;
}
.colleciton-img {
    max-width: 95px;
    height: 90px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .colleciton-img {
        max-width: 80px;
        height: 80px;
    }
}
@media (max-width: 991.98px) {
    .colleciton-img {
        max-width: 60px;
        height: 60px;
    }
}
.colleciton-img img {
    max-height: 100%;
}
.bottom-collection {
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.bottom-collection .row {
    margin: 0 -2px;
}
.bottom-collection .col-md-3 {
    padding: 0 2px;
}
.bottom-collection picture {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    padding-bottom: 100%;
}
@media (max-width: 991.98px) {
    .bottom-collection picture {
        margin-bottom: 4px;
    }
}
.bottom-collection img {
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 991.98px) {
    .latest-w-h .simplebar-track.horizontal {
        height: 2px;
        background: rgba(172, 172, 191, 0.06) !important;
    }
    .latest-w-h .simplebar-track.horizontal .simplebar-scrollbar {
        height: 2px;
        top: 0 !important;
        visibility: visible !important;
    }
    .latest-w-h .simplebar-track.horizontal .simplebar-scrollbar:before {
        opacity: 1 !important;
        background: #007bff !important;
    }
}
.live-games-h-content {
    margin-bottom: 30px;
}
@media (max-width: 519.98px) {
    .live-games-h-content .simplebar-track.horizontal {
        height: 2px;
        background: rgba(172, 172, 191, 0.06) !important;
    }
    .live-games-h-content .simplebar-track.horizontal .simplebar-scrollbar {
        height: 2px;
        top: 0 !important;
        visibility: visible !important;
    }
    .live-games-h-content .simplebar-track.horizontal .simplebar-scrollbar:before {
        opacity: 1 !important;
        background: #007bff !important;
    }
}
@media (max-width: 519.98px) {
    .live-games-h-content .live-games-h-content-mobile {
        width: auto;
        white-space: nowrap;
        margin: 0 auto;
    }
}
@media (max-width: 991.98px) {
    .live-games-h-content .row {
        margin: 0 -2.5px;
    }
}
@media (max-width: 519.98px) {
    .live-games-h-content .row {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    }
}
@media (max-width: 991.98px) {
    .live-games-h-content .col {
        padding: 0 2.5px;
    }
}
.live-games-h-content picture {
    position: relative;
    overflow: hidden;
    height: 400px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .live-games-h-content picture {
        height: 300px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .live-games-h-content picture {
        height: 200px;
    }
}
@media (max-width: 519.98px) {
    .live-games-h-content picture {
        height: 210px;
    }
}
.live-games-h-content picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 2;
}
.live-games-h-content picture:hover .hovered-slot-content,
.live-games-h-content picture:hover:before {
    opacity: 1;
}
.live-games-h-content picture:hover .hovered-slot-content .play-game-animation:after,
.live-games-h-content picture:hover .hovered-slot-content .play-game-animation:before {
    -webkit-animation: playBtn-Animation 1.1s infinite;
    -o-animation: playBtn-Animation 1.1s infinite;
    animation: playBtn-Animation 1.1s infinite;
}
.live-games-h-content picture .bonuses-icons-h {
    position: absolute;
    top: 5px;
    left: 4px;
}
@media (max-width: 991.98px) {
    .live-games-h-content picture .bonuses-icons-h {
        white-space: normal;
    }
}
.live-games-h-content picture a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.live-games-h-content .hovered-slot-content {
    bottom: inherit;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
.live-games-h-content h2 {
    font-size: 16px;
    margin-bottom: 4px;
}
@media (max-width: 519.98px) {
    .live-games-h-content h2 {
        font-size: 12px;
    }
}
.live-games-h-content h2 a {
    font-size: 16px;
    display: block;
    color: #e0e0e4;
}
@media (max-width: 519.98px) {
    .live-games-h-content h2 a,
    .live-games-h-content p {
        font-size: 12px;
    }
}
.live-icon {
    -webkit-animation: heart-pulse 0.7s infinite ease-out;
    -o-animation: heart-pulse 0.7s infinite ease-out;
    animation: heart-pulse 0.7s infinite ease-out;
}
@-webkit-keyframes heart-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes heart-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}
@keyframes heart-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}
.live-games-h-content-slider picture {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f6fa;
    border-radius: 14px;
    overflow: hidden;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.live-games-h-content-slider picture:hover {
    background-color: #fff;
}
.live-games-h-content-slider picture:hover .hovered-slot-content {
    opacity: 1;
}
.live-games-h-content-slider picture:hover .hovered-slot-content .play-game-animation:after,
.live-games-h-content-slider picture:hover .hovered-slot-content .play-game-animation:before {
    -webkit-animation: playBtn-Animation 1.1s infinite;
    -o-animation: playBtn-Animation 1.1s infinite;
    animation: playBtn-Animation 1.1s infinite;
}
.live-games-h-content-slider picture .bonuses-icons-h {
    position: absolute;
    top: 5px;
    left: 4px;
}
.live-games-h-content-slider picture a {
    padding: 20px 22px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.live-games-h-content-slider .hovered-slot-content {
    bottom: inherit;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
.live-games-h-content-slider h2 {
    font-size: 16px;
    margin-bottom: 4px;
}
@media (max-width: 519.98px) {
    .live-games-h-content-slider h2 {
        font-size: 12px;
    }
}
.live-games-h-content-slider h2 a {
    font-size: 16px;
    display: block;
    color: #e0e0e4;
}
@media (max-width: 519.98px) {
    .live-games-h-content-slider h2 a,
    .live-games-h-content-slider p {
        font-size: 12px;
    }
}
@media (max-width: 991.98px) {
    .package-mobile {
        margin: 0 -5px;
    }
}
@media (max-width: 991.98px) {
    .package-mobile .col-6 {
        padding: 0 5px;
    }
}
.packages-slider .package-c {
    max-width: 315px;
}
@media (max-width: 991.98px) {
    .packages-slider .package-c {
        max-width: 360px;
    }
}
.icon-section {
    height: 30px;
}
.playfina-bonus-package-details__step-box {
    height: auto;
}
.package-c {
    position: relative;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 90px !important;
}
@media (max-width: 1349.98px) {
    .package-c {
        padding-bottom: 60px !important;
    }
}
@media (max-width: 991.98px) {
    .package-c {
        padding-top: 5px;
        padding-bottom: 100% !important;
    }
}
.package-c p {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
}
@media (max-width: 991.98px) {
    .package-c p {
        font-size: 10px;
        margin-bottom: 2px;
    }
}
@media (max-width: 991.98px) {
    .package-c h2 {
        font-size: 16px;
    }
}
.package-c h2 a {
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .package-c h2 a {
        width: 110px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .package-c h2 a {
        width: 90px;
    }
}
@media (max-width: 991.98px) {
    .package-c h2 a {
        font-size: 16px;
    }
}
@media (max-width: 519.98px) {
    .package-c h2 a {
        width: 80px;
    }
}
@media (max-width: 991.98px) {
    .package-c h3 {
        font-size: 12px;
    }
}
.package-c--preview {
    padding: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: none;
    border: none;
    overflow: hidden;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.package-c--preview:hover {
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 10px 15px 1px rgba(16, 42, 136, 0.2);
}
.package-c--preview h3 {
    margin: 0 0 4px;
    font-size: 14px;
    color: #007bff;
    text-align: center;
    text-transform: uppercase;
}
.package-c--preview h2 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.package-c--preview .get-bonus-link {
    position: static;
    margin: auto 0 0;
    height: 48px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 5px;
}
.package-c__info {
    position: relative;
    padding: 10px 20px 20px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid transparent;
}
.package-c__info:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 0 0 5px 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#151518), to(#151518)), -webkit-gradient(linear, left top, left bottom, color-stop(15%, hsla(0, 0%, 100%, 0)), to(#060));
    background-image: -webkit-linear-gradient(#151518, #151518), -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0) 15%, #060);
    background-image: -o-linear-gradient(#151518, #151518), -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 15%, #060);
    background-image: linear-gradient(#151518, #151518), linear-gradient(180deg, hsla(0, 0%, 100%, 0) 15%, #060);
    z-index: -1;
}
.package-img {
    max-width: 95px;
    height: 90px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .package-img {
        max-width: 80px;
        height: 80px;
    }
}
@media (max-width: 991.98px) {
    .package-img {
        max-width: 60px;
        height: 60px;
    }
}
.package-img img {
    max-height: 100%;
}
.trust-casino-s {
    position: relative;
    overflow: hidden;
}
.trust-casino-h {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 6px;
    z-index: 4;
}
.trust-casino-h h2 {
    text-align: center;
    font-size: 34px;
    line-height: 43px;
}
@media (max-width: 991.98px) {
    .trust-casino-h h2 {
        font-size: 28px;
        line-height: 35px;
    }
}
.trust-casino-h img {
    margin-right: 14px;
}
.trust-casino-h h3 {
    color: #007bff;
}
.trust-casino-h p {
    font-size: 16px;
    color: #686c7d;
    line-height: 24px;
}
.vip-program-h {
    margin: 0 auto;
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}
.vip-program-h header h2 {
    text-align: center;
    font-size: 34px;
    line-height: 43px;
}
@media (max-width: 991.98px) {
    .vip-program-h header h2 {
        text-align: left;
        font-size: 28px;
        line-height: 35px;
    }
}
.vip-program-b {
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, auto);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 991.98px) {
    .vip-program-b {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
    }
}
.vip-program-c {
    position: relative;
    padding: 0;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "Image" "Title" "Text";
}
@media (max-width: 991.98px) {
    .vip-program-c {
        grid-template-columns: auto 1fr;
        grid-template-rows: repeat(2, auto);
        gap: 14px;
        grid-template-areas: "Image Title" "Text Text";
    }
}
.vip-program-c picture {
    grid-area: Image;
    margin: 0 auto 24px;
    width: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991.98px) {
    .vip-program-c picture {
        margin: 0;
    }
}
.vip-program-c h2 {
    grid-area: Title;
    margin-bottom: 10px;
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    color: #007bff;
    text-align: center;
}
@media (max-width: 991.98px) {
    .vip-program-c h2 {
        margin-bottom: 0;
        text-align: left;
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.vip-program-c p {
    grid-area: Text;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #acacbf;
}
@media (max-width: 991.98px) {
    .vip-program-c p {
        text-align: left;
    }
}
.vip-program-c__deposit-button {
    padding: 12px 40px;
}
.top-winners__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
@media (max-width: 991.98px) {
    .top-winners__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
    }
}
.top-winners__info-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.top-winners__info-title-img {
    width: 30px;
    height: 30px;
}
.top-winners__info-tabs {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 991.98px) {
    .top-winners__info-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.top-winners__tab-link {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    background-color: #babed1;
    border-radius: 100px;
    cursor: pointer;
}
.top-winners__tab-link.active {
    background-color: #007bff;
}
.top-winners__tab-content {
    width: 100%;
    display: block;
}
@media (max-width: 991.98px) {
    .top-winners__tab-content {
        display: none;
    }
    .top-winners__tab-content.active {
        display: block;
    }
}
.top-winners__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 991.98px) {
    .top-winners__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.top-winners__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}
.top-winners__content-title {
    font-size: 18px;
    line-height: 1.5;
    color: #000;
}
@media (max-width: 991.98px) {
    .top-winners__content-title {
        display: none;
    }
}
.top-winners__table {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}
.top-winners__table-head {
    padding: 0 30px 0 8px;
    display: grid;
    grid-template-columns: 2fr 52px 1fr;
    gap: 20px;
}
.top-winners__table-head-item {
    font-size: 12px;
    line-height: 1.5;
    color: #6b6b78;
}
.top-winners__table-head-item:last-child {
    text-align: right;
}
.top-winners__table-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}
.top-winners__table-body-item {
    position: relative;
    padding: 2px 30px 2px 2px;
    display: grid;
    grid-template-columns: 2fr 52px 1fr;
    gap: 20px;
    background-color: #f6f6fa;
    border: 1px solid transparent;
    border-radius: 14px;
    -webkit-transition: background-color 0.26s ease-in-out;
    -o-transition: background-color 0.26s ease-in-out;
    transition: background-color 0.26s ease-in-out;
}
.top-winners__table-body-item:nth-child(2n) {
    background-color: #ebedf4;
}
.top-winners__table-body-item:first-child::after,
.top-winners__table-body-item:nth-child(2):after,
.top-winners__table-body-item:nth-child(3):after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 22px;
    height: 22px;
    background-position: 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    border-radius: 125px;
    background-image: url(../img/top-winners-crown.svg);
}
.top-winners__table-body-item:first-child::after {
    background-color: #facd0d;
}
.top-winners__table-body-item:nth-child(2):after {
    background-color: #d6d6dd;
}
.top-winners__table-body-item:nth-child(3):after {
    background-color: #fa9b0d;
}
.top-winners__table-body-item:hover {
    background-color: #4e4e5a;
}
.top-winners__table-body-item-slot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.top-winners__table-body-item-picture {
    border-radius: 5px;
}
.top-winners__table-body-item-img,
.top-winners__table-body-item-picture {
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden;
}
.top-winners__table-body-item-img {
    border-radius: 12px;
}
.top-winners__table-body-item-slot-name {
    margin: 0;
    width: 100%;
    width: 156px;
    font-size: 14px;
    line-height: 1.5;
    color: #3b3e49;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1349.98px) {
    .top-winners__table-body-item-slot-name {
        width: 60px;
        font-size: 12px;
    }
}
@media (max-width: 991.98px) {
    .top-winners__table-body-item-slot-name {
        width: 156px;
        font-size: 14px;
    }
}
.top-winners__table-body-item-playerName {
    color: #3b3e49;
}
.top-winners__table-body-item-playerName,
.top-winners__table-body-item-prize {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
}
.top-winners__table-body-item-prize {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #04c000;
}
.faq-h h2 {
    text-align: center;
    font-size: 34px;
    line-height: 43px;
}
@media (max-width: 991.98px) {
    .faq-h h2 {
        font-size: 28px;
        line-height: 35px;
    }
}
.card-play {
    margin-bottom: 20px;
}
.card-play .card-header {
    padding: 0;
    border-radius: 0;
}
.card-play button {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    color: #007bff;
    font-size: 20px;
    padding: 24px 60px 24px 30px;
    background: #fff;
    border-radius: 10px;
}
@media (max-width: 991.98px) {
    .card-play button {
        font-size: 18px;
        padding: 20px 60px 20px 20px;
    }
}
.card-play button:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 24px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/icons/faq-arrow.svg);
}
.card-play button:hover,
.card-play button[aria-expanded="true"] {
    background: #f6f6fa;
}
.card-play button[aria-expanded="true"]:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.card-play .card-body {
    padding: 20px;
}
.card-play .card-body p {
    font-size: 16px;
    color: #686c7d;
    line-height: 24px;
}
.card-play .card-body a {
    color: #1939a8;
}
.card-play .card-body a:hover {
    text-decoration: underline;
}
.card-play .card-body blockquote {
    color: #686c7d;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 30px;
    border-left: 1px solid #facd0d;
}
@media (max-width: 991.98px) {
    .card-play .card-body blockquote {
        font-size: 16px;
    }
}
.card-play .card-body li {
    position: relative;
    color: #686c7d;
    font-size: 18px;
    margin-bottom: 10px;
}
@media (max-width: 991.98px) {
    .card-play .card-body li {
        font-size: 16px;
    }
}
.card-play .card-body ol,
.card-play .card-body ul {
    margin-bottom: 20px;
}
.card-play .card-body ul li {
    padding-left: 20px;
}
.card-play .card-body ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #007bff;
    border-radius: 50%;
}
.card-play .card-body ol li {
    list-style: auto;
    margin-left: 20px;
}
.loyalty_new .faq-h h2 {
    text-align: left;
    font-size: 24px;
    line-height: normal;
}
.loyalty_new .tab-content > .active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.loyalty_new .container {
    margin: 0 auto;
    max-width: 1170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding-right: 0;
    padding-left: 0;
    width: auto;
}
@media (max-width: 991.98px) {
    .loyalty_new {
        padding: 20px;
    }
}
.modal-backdrop {
    background: rgba(21, 21, 24, 0.3);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.modal-backdrop.show {
    opacity: 1;
}
@media (min-width: 891px) {
    .modal-signup-login .modal-dialog {
        max-width: 440px;
        margin: 0 auto;
        min-height: 100vh;
    }
}
@media (max-width: 890px) {
    .modal-signup-login .modal-dialog {
        max-width: 100%;
        margin: 0 auto;
        min-height: 100vh !important;
    }
}
.modal-signup-login .modal-content {
    border: none;
}
@media (min-width: 891px) {
    .modal-signup-login .modal-content {
        background: transparent;
        overflow: hidden;
    }
}
@media (max-width: 890px) {
    .modal-signup-login .modal-content {
        overflow: hidden;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-radius: 0;
        min-height: 100vh;
    }
}
@media (max-width: 890px) {
    .modal-not-fullwidth {
        padding: 0 10px;
    }
}
.modal-not-fullwidth .modal-dialog {
    margin: 0 auto;
    max-width: 880px;
    min-height: 580px;
}
@media (max-width: 890px) {
    .modal-not-fullwidth .modal-dialog {
        max-width: 440px;
        min-height: auto !important;
    }
}
.modal-not-fullwidth .modal-content {
    border: none;
    background: transparent;
    overflow: hidden;
}
@media (max-width: 890px) {
    .modal-not-fullwidth .modal-content {
        border: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        min-height: auto;
        background: transparent;
    }
}
@media (max-width: 890px) {
    .modal-not-fullwidth .new-login-form {
        position: relative;
        overflow: hidden;
        background: #fff;
        border-radius: 15px;
    }
}
.modal-no-scroll {
    height: 100vh !important;
}
@media (max-width: 890px) {
    .modal-no-scroll .modal-content {
        top: -50px !important;
    }
}
@media (max-width: 890px) {
    .signup-top-modal .modal-dialog {
        padding-top: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
.close-registation-button {
    text-transform: uppercase;
    background: #006a00 !important;
}
.go-to-registration-buttton {
    text-transform: uppercase;
}
.new-login-form {
    width: 880px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "Form Banner";
}
@media (max-width: 890px) {
    .new-login-form {
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-areas: "Banner" "Form";
    }
}
.new-login-form header {
    grid-area: Banner;
    min-height: 580px;
    background-image: url(../images/backgrounds/new-modal-login-bg.png);
    background-color: #fff;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 15px 15px 0;
}
@media (max-width: 890px) {
    .new-login-form header {
        min-height: 158px;
        border-radius: 15px 15px 0 0;
    }
}
.new-login-form header h2 {
    text-align: left;
    padding: 0 5px 0 30px;
    color: #facd0d !important;
    text-transform: uppercase;
    font-size: 28px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}
@media (min-width: 992px) and (max-width: 1400px) {
    .new-login-form header h2 {
        font-size: 22px !important;
    }
}
.new-login-form .new-logo-popup {
    text-align: left;
    padding-top: 5px;
    padding-left: 20px;
}
.new-login-form__left-image {
    display: inline-block;
}
.new-login-form__left-image--mobile {
    display: none;
}
@media (max-width: 890px) {
    .new-login-form__left-image--mobile {
        display: inline-block;
    }
}
@media (max-width: 890px) {
    .new-login-form__left-image--desktop {
        display: none;
    }
}
.secret-bonus {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    padding: 9px 12px 9px 15px !important;
    background: transparent;
}
.secret-bonus p {
    text-align: right;
    font-size: 18px;
    line-height: 21px;
    color: #151518;
}
.secret-bonus p span {
    font-size: 16px;
}
.bottom-new-popup {
    grid-area: Form;
    position: relative;
    padding: 37px 27px;
    border-radius: 15px 0 0 15px;
    background-color: #fff;
}
@media (max-width: 890px) {
    .bottom-new-popup {
        padding: 16px 14px;
        border-radius: 0 0 15px 15px;
    }
}
.bottom-new-popup form {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.bottom-new-popup__forms {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.bottom-new-popup h2 {
    margin-bottom: 20px;
    font-size: 20px !important;
    line-height: 24px;
    color: #18191c;
}
@media (max-width: 890px) {
    .bottom-new-popup h2 {
        font-size: 18px !important;
        text-align: center;
        color: #18191c;
    }
}
.bottom-new-popup .close-modal-new {
    position: absolute;
    top: 36px;
    right: 22px;
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    background: #f6f6fa;
    z-index: 1;
}
.bottom-new-popup .close-modal-new:hover {
    background-color: #ededed;
}
@media (max-width: 890px) {
    .bottom-new-popup .close-modal-new {
        top: 14px;
        right: 14px;
    }
}
.bottom-new-popup p {
    text-align: center;
    color: #6b6b78;
    font-size: 13px;
    margin-bottom: 10px;
}
.bottom-new-popup p strong {
    color: #007bff;
}
.bottom-new-popup label {
    margin-bottom: 8px;
}
.bottom-new-popup input,
.bottom-new-popup select {
    border: none;
    border-radius: 100px;
    height: 48px;
    color: #000;
    padding: 0 20px 0 40px;
    font-size: 15px;
    border: 1px solid #dfe2ee;
    background-color: #fff;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
@media (max-width: 519.98px) {
    .bottom-new-popup input,
    .bottom-new-popup select {
        font-size: 16px;
    }
}
.bottom-new-popup input::-webkit-input-placeholder,
.bottom-new-popup select::-webkit-input-placeholder {
    color: #686c7d;
}
.bottom-new-popup input::-moz-placeholder,
.bottom-new-popup select::-moz-placeholder {
    color: #686c7d;
}
.bottom-new-popup input:-ms-input-placeholder,
.bottom-new-popup input::-ms-input-placeholder,
.bottom-new-popup select:-ms-input-placeholder,
.bottom-new-popup select::-ms-input-placeholder {
    color: #686c7d;
}
.bottom-new-popup input::placeholder,
.bottom-new-popup select::placeholder {
    color: #686c7d;
}
.bottom-new-popup input:focus,
.bottom-new-popup select:focus {
    background-color: #f6f6fa;
}
.bottom-new-popup input:focus + img,
.bottom-new-popup select:focus + img {
    opacity: 1;
}
.bottom-new-popup input {
    cursor: text;
}
.bottom-new-popup select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.bottom-new-popup input:-webkit-autofill {
    border: 1px solid #dfe2ee;
    background-color: #f6f6fa !important;
    -webkit-background-clip: text;
}
.bottom-new-popup input:-webkit-autofill,
.bottom-new-popup input:-webkit-autofill:active,
.bottom-new-popup input:-webkit-autofill:focus,
.bottom-new-popup input:-webkit-autofill:hover {
    border: 1px solid #dfe2ee;
    background-color: #f6f6fa !important;
    -webkit-text-fill-color: #000 !important;
}
.bottom-new-popup .arrow-appearance {
    position: absolute;
    top: 18px;
    right: 14px;
    width: 16px;
}
.bottom-new-popup input[type="email"] .icon-new-popup {
    opacity: 1;
}
.bottom-new-popup input[type="password"] img {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.bottom-new-popup .error-input {
    border: 1px solid #ec1e1e;
    background-image: none;
}
.bottom-new-popup .bottom-new-password button {
    top: 12px;
    right: 10px;
}
.bottom-new-popup .see-password,
.bottom-new-popup .see-password-show {
    width: 16px;
    height: 16px;
    -webkit-transition: opacity 0.26s ease;
    -o-transition: opacity 0.26s ease;
    transition: opacity 0.26s ease;
}
.bottom-new-popup .see-password {
    opacity: 1;
}
.bottom-new-popup .see-password-show {
    position: absolute;
    top: 4px;
    right: 0;
    opacity: 0;
}
.bottom-new-popup .password-holder-show .see-password {
    opacity: 0;
}
.bottom-new-popup .password-holder-show .see-password-show {
    opacity: 1;
}
.bottom-new-popup .deposit-button-modal {
    margin: 28px 0 0;
    display: block !important;
    max-width: inherit;
    font-size: 16px;
    color: #fff;
    padding: 11px 10px !important;
    background-color: #04c000;
    border-radius: 100px;
}
.bottom-new-popup .deposit-button-modal:hover {
    background-color: #188107;
}
.bottom-new-popup .fa-b {
    width: 140px !important;
    padding: 10px 20px !important;
}
.bottom-new-popup .passord-t {
    text-align: center;
    color: #acacbf;
    font-family: Montserrat, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.bottom-new-popup .passord-t a {
    color: #facd0d;
}
.bottom-new-popup .password-y-l {
    text-align: left;
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #facd0d;
    line-height: 16px;
}
.bottom-new-popup .password-y-l:hover {
    text-decoration: underline;
}
.bottom-new-popup .sign-up-account {
    text-align: center;
    color: #686c7d;
    font-size: 13px;
}
.bottom-new-popup .sign-up-account a {
    color: #007bff !important;
}
.bonus-green .icon-bonus,
.bonus-green .icon-bonus-red {
    display: none;
}
.bonus-green .icon-bonus-green {
    display: block;
}
.bonus-green input {
    border: 1px solid #007bff !important;
}
.bonus-red .icon-bonus,
.bonus-red .icon-bonus-green {
    display: none;
}
.bonus-red .icon-bonus-red {
    display: block;
}
.bonus-red input {
    border: 1px solid #f04040 !important;
}
.icon-new-popup {
    position: absolute;
    top: 14px;
    left: 10px;
    z-index: 2;
    opacity: 0.7;
    width: 20px;
}
.password-strong {
    margin-top: -3px;
    margin-bottom: 8px;
}
.password-strong-h {
    font-size: 0;
    padding: 0 2px;
}
.yellow-pass .password-s-h:first-child span,
.yellow-pass .password-s-h:nth-child(2) span {
    background: #ff772a;
}
.green-pass .password-s-h span {
    background: #007bff;
}
.red-pass .password-s-h:first-child span {
    background: #ec1e1e;
}
.password-s-h {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
}
.password-s-h span {
    display: block;
    height: 5px;
    margin: 0 2px;
    border-radius: 10px;
    background-color: #babed1;
}
.password-show-popup {
    padding-right: 13px;
}
.password-show-popup:hover .password-show-c {
    display: block;
}
.password-show-popup span {
    display: inline-block;
    height: 16px;
    margin-bottom: -3px;
}
.password-show-popup span svg {
    display: block;
}
.password-show-c {
    display: none;
    position: absolute;
    text-align: left;
    width: 190px;
    top: 130%;
    right: 0;
    padding: 12px 16px;
    border-radius: 4px;
    background: #e0e0e4;
    z-index: 40;
}
.password-show-c:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 12px;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #e0e0e4;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.password-show-c p {
    font-size: 12px;
    color: #151518;
    margin-bottom: 10px;
}
.password-show-c li {
    position: relative;
    font-size: 13px;
    padding-left: 20px;
    color: #151518;
    margin-bottom: 10px;
}
.password-show-c img {
    position: absolute;
    top: 3px;
    left: 0;
}
.password-show-c li:last-child {
    margin-bottom: 0;
}
.pass-p {
    display: none;
}
.fileed-good .pass-p {
    display: block;
}
.fileed-good .pass-g {
    display: none;
}
.country-select-h .row {
    margin: 0 -3px;
}
.country-select-h .col,
.country-select-h .col-auto {
    padding: 0 3px;
}
.country-select-h .currency-reg {
    max-height: 250px;
    left: 0 !important;
    right: 0 !important;
    padding: 10px 10px 5px;
}
.country-select-h .select-cad button {
    border: 1px solid #303039;
    border-radius: 6px;
    height: 50px;
    color: #9b9bad;
    padding: 0 20px 0 40px;
    font-size: 15px;
    border: 1px solid transparent;
    background-color: #151518;
}
.country-select-h .select-cad .col {
    opacity: 1;
}
.country-select-h .select-cad .select-new-icon {
    position: absolute;
    top: 17px;
    left: 15px;
}
.cookie-h {
    display: inline-block;
    position: fixed;
    width: 400px;
    bottom: 20px;
    right: 20px;
    padding: 20px;
    background: #fff;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
    border-radius: 14px;
    z-index: 1009;
}
@media (max-width: 519.98px) {
    .cookie-h {
        width: auto;
        left: 10px;
        right: 10px;
    }
}
.cookie-h h2 {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
.cookie-h p {
    font-size: 12px;
    color: #686c7d;
    line-height: 15px;
}
.cookie-h p a {
    color: #fa9b0d;
}
.accept-cookie-l {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 6px 16px;
    background: #007bff;
    border-radius: 100px;
}
.accept-cookie-l:hover {
    color: #fff;
    background-color: #1939a8;
}
.cookie-h-winners {
    bottom: 110px;
}
@media (max-width: 519.98px) {
    .cookie-h-winners {
        bottom: 65px;
    }
}
@media (max-width: 519.98px) {
    .cookie-h-bottom-pack {
        bottom: 130px;
    }
}
.c-select-h {
    width: 130px;
}
.c-select-h .currency-reg {
    left: inherit !important;
    right: -20px !important;
}
.c-select-h .currency-reg a {
    font-size: 12px;
    padding: 4px;
}
.bonus-code-holder {
    position: relative;
    margin-bottom: 8px;
}
.bonus-code-holder .close-bonus-code {
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 3;
}
.bonus-cod-show .bonus-code-show {
    display: block !important;
}
.have-bnous-code .bonus-code-open {
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #babed1 !important;
    border: 1.2px dashed #dfe2ee;
    border-radius: 100px;
}
.have-bnous-code .bonus-code-open img {
    margin-top: -6px;
    margin-right: 5px;
    width: 20px;
}
.have-bnous-code .bonus-code-show {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}
.have-bnous-code .bonus-code-show input {
    background-color: #f6f6fa !important;
}
.new-modal-checkbox {
    text-align: left;
}
@media (min-width: 992px) and (max-width: 1400px) {
    .new-modal-checkbox {
        margin-bottom: 0 !important;
    }
}
.new-modal-checkbox p {
    padding-left: 16px;
    font-size: 12px;
    color: #686c7d;
    margin-left: 8px;
    margin-bottom: 0;
}
.new-modal-checkbox p a {
    color: #007bff;
}
.new-modal-checkbox input:checked + span {
    border: 1px solid #007bff;
    background-color: #007bff;
}
.new-modal-checkbox input:checked + span:before {
    width: 9px;
    height: 6px;
    top: 3px;
    left: 2px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.new-modal-checkbox span {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #dfe2ee;
    border-radius: 5px;
    cursor: pointer;
}
.new-modal-checkbox .yes-18.mb-10 {
    position: relative;
}
.new-modal-checkbox .yes-18.mb-10 span {
    top: 40%;
}
.yes-18 {
    position: relative;
}
.yes-18 input {
    display: none;
}
.yes-18 input:checked + span:before {
    content: "";
    position: absolute;
}
.yes-18 p {
    text-align: left;
}
.already-account {
    color: #acacbf;
    font-size: 13px;
}
.already-account button {
    color: #007bff;
}
.sign-up-account {
    text-align: center;
    color: #acacbf;
    font-size: 13px;
}
.sign-up-account button {
    font-size: 14px !important;
    color: #4667dc;
}
.sign-up-account button:hover {
    text-decoration: underline;
}
.modal-normal-c {
    position: absolute;
    top: 4px;
    right: 6px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #1f1f28;
    z-index: 2;
}
.modal-normal-c:hover {
    background-color: #303039;
}
.modal-search {
    background-color: #ebedf4;
}
.modal-search__close {
    top: 8px !important;
    width: 26px;
    height: 26px;
}
.modal-search .modal-content {
    border-radius: 0;
    border: none;
    background-color: #ebedf4;
}
.modal-search .modal-dialog {
    max-width: 747px;
    width: 100%;
    margin: 50px auto;
}
@media (max-width: 991.98px) {
    .modal-search .modal-dialog {
        max-width: inherit;
        margin: 40px auto;
        padding: 0 20px;
    }
}
.modal-search .bottom-new-popup {
    padding: 0;
    background: transparent;
}
.modal-search .bottom-new-popup input {
    padding: 0 30px 0 20px;
}
.modal-search-holder {
    -webkit-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.modal-search-holder button {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.modal-search-holder button svg {
    display: block;
}
.deposit-widthdraw-modal .modal-dialog {
    max-width: 755px;
}
@media (max-width: 519.98px) {
    .deposit-widthdraw-modal .modal-dialog {
        margin: 0;
    }
}
.deposit-widthdraw-modal .modal-content {
    border-radius: 10px;
    border: 0;
}
@media (max-width: 519.98px) {
    .deposit-widthdraw-modal .modal-content {
        border-radius: 0;
    }
}
.deposit-withdraw-h {
    padding: 30px 30px 20px;
}
@media (max-width: 519.98px) {
    .deposit-withdraw-h {
        padding: 20px 10px;
    }
}
.deposit-withdraw-h .close-deposit {
    top: 10px;
}
.deposit-withdraw-h h2 {
    font-size: 22px;
    color: #151518;
    line-height: 24px;
}
.deposit-withdraw-h h3 {
    font-size: 18px;
    color: #151518;
    margin-bottom: 10px;
}
.deposit-withdraw-h h4 {
    color: #706c88;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.deposit-tooltip {
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e4;
    margin-bottom: 20px;
}
.deposit-tooltip p {
    margin-bottom: 0 !important;
}
.deposit-tooltip .password-show-c {
    width: 260px;
    top: 120%;
    left: -10px;
    right: inherit;
}
.deposit-tooltip .password-show-c:before {
    left: 12px;
    right: inherit;
}
.deposit-widthdraw-r {
    display: none;
}
.deposit-widthdraw-r .deposit-widthraw-input input {
    padding-left: 25px !important;
}
.new-widthdraw-link {
    text-align: center;
    font-size: 16px;
    display: block;
    width: 100%;
    color: #fff;
    border-radius: 6px;
    padding: 18px 10px;
    background: #04c000;
}
.new-widthdraw-link:hover {
    color: #fff;
    background: #039400;
}
.deposit-widthdraw-l .select-deposits {
    margin-bottom: 20px;
}
.deposit-widthdraw-modal-s .modal-dialog {
    max-width: 640px;
}
.search-results {
    -webkit-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.search-results .row {
    padding: 6px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.search-results .row:hover {
    background-color: #fff;
}
.search-results .row:hover h3 {
    color: #007bff;
}
.search-results .playfina-loading-image-parent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.search-results h2 {
    line-height: 23.4px;
}
.search-results__picture,
.search-results__wrap-img,
.search-results picture {
    width: 76px;
    height: 76px;
}
.search-results h3 {
    line-height: 20.8px;
}
.search-results p {
    line-height: 18.2px;
}
.modal-search.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0s ease-out;
    -o-transition: -o-transform 0s ease-out;
    transition: -webkit-transform 0s ease-out;
    transition: transform 0s ease-out;
    transition: transform 0s ease-out, -webkit-transform 0s ease-out, -o-transform 0s ease-out;
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.modal-search.show {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.low-balance {
    position: fixed;
    width: 100%;
    max-width: 400px;
    padding: 10px 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
    z-index: 1009;
}
.low-balance--first {
    bottom: 70px;
    right: 10px;
}
.low-balance--second {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 70px;
    background-color: #f7f8f9;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.75);
}
.low-balance--third {
    top: 70px;
    right: 10px;
}
@media (max-width: 991.98px) {
    .low-balance {
        gap: 12px;
    }
    .low-balance--first,
    .low-balance--second {
        top: auto;
        bottom: 10px;
        right: 10px;
    }
    .low-balance--second {
        left: auto;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
    .low-balance--third {
        top: auto;
        bottom: 10px;
        right: 10px;
    }
}
@media (max-width: 519.98px) {
    .low-balance {
        width: auto;
        max-width: unset;
        left: 10px;
    }
}
.low-balance__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}
.low-balance__title {
    margin: 0;
    padding: 0 16px 0 0;
    font-size: 14px;
    line-height: 1.43;
    color: #fff;
}
.low-balance__title--second {
    color: #151518;
}
.low-balance__text {
    font-size: 12px;
    line-height: 1.2;
    color: #acacbf;
    text-align: left;
}
.low-balance__text--second {
    color: #706c88;
}
.low-balance__text--hint {
    color: #facd0d;
}
.low-balance__text--hint-green {
    color: #04c000;
}
.low-balance__link {
    padding: 8px 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background-color: #04c000;
    border-radius: 10px;
}
.low-balance__link:hover {
    background-color: #039400;
}
.low-balance__close-button {
    position: absolute;
    top: 4px;
    right: 10px;
}
.big-win {
    position: fixed;
    top: 70px;
    right: 10px;
    width: 100%;
    max-width: 400px;
    padding: 8px 10px 8px 8px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    background-color: #f7f8f9;
    border-radius: 10px;
    box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.75);
    z-index: 1009;
}
@media (max-width: 991.98px) {
    .big-win {
        top: 6px;
    }
}
@media (max-width: 519.98px) {
    .big-win {
        left: 6px;
        right: 6px;
        width: auto;
        max-width: unset;
    }
}
.big-win__imgWrap {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
}
.big-win__img {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.big-win__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}
.big-win__title {
    margin: 0 0 6px;
    padding: 0 16px 0 0;
    font-size: 18px;
    line-height: 1.43;
    color: #151518;
}
.big-win__text {
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
    color: #706c88;
}
.big-win__text--hint {
    color: #04c000;
}
.big-win__close-button {
    position: absolute;
    top: 4px;
    right: 10px;
}
.jackpot-hero {
    position: relative;
    padding: 28px 32px 42px;
    background-color: #211d38;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .jackpot-hero {
        padding: 20px 0 42px;
    }
}
.jackpot-hero__bg-image {
    position: absolute;
    bottom: 146px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    max-height: 904px;
    background-color: transparent;
    background-image: url(../images/backgrounds/jackpot-hero.webp);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: contain;
}
@media (max-width: 1349.98px) {
    .jackpot-hero__bg-image {
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }
}
@media (max-width: 767.98px) {
    .jackpot-hero__bg-image {
        bottom: 220px;
        max-height: 462px;
    }
}
.jackpot-hero__blur {
    position: absolute;
    bottom: 202px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1194px;
    height: 121px;
    background-color: transparent;
    background-image: url(../images/backgrounds/blur-hero.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    filter: blur(60px);
}
@media (max-width: 767.98px) {
    .jackpot-hero__blur {
        display: none;
    }
}
.jackpot-hero__container {
    margin: 0 auto;
    width: 100%;
    max-width: 892px;
}
.jackpot-hero__container,
.jackpot-hero__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.jackpot-hero__title {
    position: relative;
    gap: 5px;
    z-index: 1;
}
.jackpot-hero__title-logo {
    width: 100%;
    max-width: 120px;
}
.jackpot-hero__title-content {
    margin: 0;
    font-size: 48px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
}
.jackpot-hero__banner {
    margin: -20px 0 0;
    width: 354px;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3px;
    background-color: transparent;
    background-image: url(../images/backgrounds/jackpot-banner-title.webp);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-animation: brightness 2.6s infinite;
    -o-animation: brightness 2.6s infinite;
    animation: brightness 2.6s infinite;
}
@-webkit-keyframes brightness {
    0%,
    to {
        filter: brightness(none);
    }
    50% {
        filter: brightness(1.3);
    }
}
@-o-keyframes brightness {
    0%,
    to {
        filter: brightness(none);
    }
    50% {
        filter: brightness(1.3);
    }
}
@keyframes brightness {
    0%,
    to {
        filter: brightness(none);
    }
    50% {
        filter: brightness(1.3);
    }
}
.jackpot-hero__banner-title {
    font-size: 16px;
    line-height: normal;
    color: #facd0d;
    text-transform: uppercase;
}
.jackpot-hero__banner-value {
    margin: 0;
    font-size: 35px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}
.jackpot-hero__cups {
    margin: -12px 0 0;
    width: 100%;
    max-width: 892px;
}
.jackpot-hero__cups-slider {
    margin: -16px 0 0;
    padding: 16px 0 0;
    overflow-y: unset;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slider {
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
}
.jackpot-hero__cups-slide {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.jackpot-hero__cups-slide--center {
    margin: -30px 0 0;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide--center {
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.jackpot-hero__cups-slide-image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 192px;
    height: 231px;
}
.jackpot-hero__cups-slide-image--center {
    width: 254px;
    height: 306px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-image--center {
        width: 192px;
        height: 231px;
    }
}
.jackpot-hero__cups-slide-image-coins {
    position: relative;
    top: 8px;
    left: -1px;
    width: 92px;
    height: 40px;
}
.jackpot-hero__cups-slide-image-coins--center {
    left: -1px;
    width: 120px;
    height: 53px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-image-coins--center {
        left: -1px;
        width: 92px;
        height: 40px;
    }
}
.jackpot-hero__cups-slide-image-platform {
    position: absolute;
    bottom: -10px;
    width: 152px;
    height: 71px;
}
.jackpot-hero__cups-slide-image-platform--center {
    width: 202px;
    height: 94px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-image-platform--center {
        width: 152px;
        height: 71px;
    }
}
.jackpot-hero__cups-slide-image-cup {
    position: absolute;
    top: 15px;
    left: 0;
    width: 192px;
    height: 194px;
}
.jackpot-hero__cups-slide-image-cup--center {
    top: 15px;
    width: 254px;
    height: 258px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-image-cup--center {
        top: 15px;
        width: 192px;
        height: 194px;
    }
}
.jackpot-hero__cups-slide-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.jackpot-hero__cups-slide-info--center {
    gap: 24px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-info--center {
        gap: 20px;
    }
}
.jackpot-hero__cups-slide-info--last {
    margin: -10px 0 0;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-info--last {
        margin: 0;
    }
}
.jackpot-hero__cups-slide-info-block {
    position: relative;
    padding: 10px 20px 8px;
    width: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#852df4), to(#8c34fc));
    background-image: -webkit-linear-gradient(#852df4, #8c34fc);
    background-image: -o-linear-gradient(#852df4 0, #8c34fc 100%);
    background-image: linear-gradient(#852df4, #8c34fc);
    border-radius: 18px;
    box-shadow: 0 0 30px #8c34fc;
}
.jackpot-hero__cups-slide-info-block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 18px;
}
.jackpot-hero__cups-slide-info-block--center {
    padding: 16px 20px 8px;
    width: 230px;
    gap: 4px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-info-block--center {
        padding: 10px 20px 8px;
        width: 180px;
    }
}
.jackpot-hero__cups-slide-info-title {
    margin: 0;
    font-size: 10px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}
.jackpot-hero__cups-slide-info-title--center {
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-info-title--center {
        font-size: 10px;
    }
}
.jackpot-hero__cups-slide-info-prize {
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    color: #facd0d;
    text-transform: uppercase;
}
.jackpot-hero__cups-slide-info-prize--center {
    font-size: 30px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slide-info-prize--center {
        font-size: 25px;
    }
}
.jackpot-hero__cups-slide-info-rules {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.jackpot-hero__cups-slide-info-rules-item {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
}
.jackpot-hero__cups-slide-info-rules-item--description {
    color: #686c7d;
}
.jackpot-hero__cups-slider-navigation {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
@media (max-width: 767.98px) {
    .jackpot-hero__cups-slider-navigation {
        padding: 38px 20px;
    }
}
.jackpot-hero__cups-slider-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    -webkit-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
}
.jackpot-hero__cups-slider-button:disabled {
    opacity: 0.5;
}
.jackpot-hero__cups-slider-button:active:not([disabled]),
.jackpot-hero__cups-slider-button:focus:not([disabled]),
.jackpot-hero__cups-slider-button:hover:not([disabled]) {
    color: #facd0d;
}
.jackpot-hero__cups-slider-button svg {
    fill: currentColor;
}
.jackpot-hero__cups-slider-button--prev {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.jackpot-hero__cups-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.jackpot-hero__cups-slider-pagination .swiper-pagination-bullet {
    background-color: #d9d9d9;
}
.jackpot-hero__cups-slider-pagination .swiper-pagination-bullet-active {
    background-color: #facd0d;
}
.jackpot-about {
    padding: 40px 40px 60px;
    background-color: #211d38;
}
@media (max-width: 991.98px) {
    .jackpot-about {
        padding: 27px 36px 47px;
    }
}
.jackpot-about__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 64px 23px;
}
.jackpot-about__container:hover .jackpot-about__image-coins {
    -webkit-transform: translate(-50%, -50%) rotate(132deg) scale(1.18);
    -o-transform: translate(-50%, -50%) rotate(132deg) scale(1.18);
    transform: translate(-50%, -50%) rotate(132deg) scale(1.18);
}
@media (max-width: 991.98px) {
    .jackpot-about__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.jackpot-about__image-wrap {
    position: relative;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.jackpot-about__image-wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 261px;
    height: 170px;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(125, 44, 229, 0.7);
    border-radius: 50%;
    filter: blur(50px);
}
@media (max-width: 991.98px) {
    .jackpot-about__image-wrap {
        padding: 0 20px;
    }
    .jackpot-about__image-wrap:before {
        width: 153px;
        height: 107px;
    }
}
.jackpot-about__image-img {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 345px;
    display: block;
    z-index: 2;
}
@media (max-width: 991.98px) {
    .jackpot-about__image-img {
        max-width: 268px;
    }
}
.jackpot-about__image-coins {
    position: absolute;
    top: 80%;
    left: 50%;
    width: 258px;
    height: 269px;
    -webkit-transition: all 0.26s ease;
    -o-transition: all 0.26s ease;
    transition: all 0.26s ease;
    -webkit-transform: translate(-50%, -50%) rotate(134deg);
    -o-transform: translate(-50%, -50%) rotate(134deg);
    transform: translate(-50%, -50%) rotate(134deg);
    z-index: 2;
}
.jackpot-about__content {
    max-width: 820px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}
@media (max-width: 991.98px) {
    .jackpot-about__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 23px;
    }
}
.jackpot-about__content-title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}
@media (max-width: 991.98px) {
    .jackpot-about__content-title {
        font-size: 25px;
        text-align: center;
    }
}
.jackpot-about__content-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
}
@media (max-width: 991.98px) {
    .jackpot-about__content-text {
        font-size: 14px;
        text-align: center;
    }
}
.jackpot-about__content-button {
    padding: 12px 40px;
    border-radius: 40px;
}
.jackpot-history {
    position: relative;
    padding: 27px 32px 55px;
    background-color: #211d38;
    overflow-x: hidden;
}
@media (max-width: 991.98px) {
    .jackpot-history {
        padding: 16px 16px 60px;
    }
}
.jackpot-history__image-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.jackpot-history__image-bg--left {
    top: 15%;
    left: -184px;
    width: 386px;
    height: 402px;
    -webkit-transform: rotate(14.25deg) scaleY(-1);
    -o-transform: rotate(14.25deg) scaleY(-1);
    transform: rotate(14.25deg) scaleY(-1);
}
.jackpot-history__image-bg--right {
    bottom: 15%;
    right: -226px;
    width: 437px;
    height: 455px;
    -webkit-transform: rotate(276deg);
    -o-transform: rotate(276deg);
    transform: rotate(276deg);
}
@media (max-width: 991.98px) {
    .jackpot-history__image-bg {
        display: none;
    }
}
.jackpot-history__container {
    margin: 0 auto;
    width: 100%;
    max-width: 769px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 39px;
}
@media (max-width: 991.98px) {
    .jackpot-history__container {
        gap: 25px;
    }
}
.jackpot-history__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}
@media (max-width: 991.98px) {
    .jackpot-history__title {
        font-size: 25px;
        text-align: center;
    }
}
.jackpot-history__grid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 23px;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid {
        gap: 11px;
    }
}
.jackpot-history__grid-header {
    padding: 0 6px;
    display: grid;
    grid-template-columns: 25% 15% 25% 35%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-header {
        grid-template-columns: 1.4fr 1fr 1.8fr 72px;
    }
}
.jackpot-history__grid-header-item {
    font-size: 14px;
    line-height: 1;
    color: #686c7d;
}
.jackpot-history__grid-header-item--jackpot {
    padding: 0 0 0 38px;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-header-item {
        font-size: 12px;
    }
    .jackpot-history__grid-header-item--jackpot {
        padding: 0 0 0 20px;
    }
}
.jackpot-history__grid-data {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}
.jackpot-history__grid-data-item {
    position: relative;
    padding: 13px 6px;
    display: grid;
    grid-template-columns: 25% 15% 25% 35%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-color: #312654;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.jackpot-history__grid-data-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.jackpot-history__grid-data-item:hover:not([disabled]) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#852df4), to(#8c34fc));
    background-image: -webkit-linear-gradient(#852df4, #8c34fc);
    background-image: -o-linear-gradient(#852df4 0, #8c34fc 100%);
    background-image: linear-gradient(#852df4, #8c34fc);
    box-shadow: 0 0 30px #8c34fc;
    cursor: pointer;
}
.jackpot-history__grid-data-item:hover:not([disabled]):after {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-data-item {
        grid-template-columns: 1.4fr 1fr 1.8fr 72px;
    }
}
.jackpot-history__grid-data-jackpot {
    position: relative;
    padding: 0 0 0 38px;
}
.jackpot-history__grid-data-jackpot svg {
    fill: currentColor;
}
.jackpot-history__grid-data-jackpot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 38px;
    width: 19px;
    height: 19px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #8e3df4;
    border-radius: 50%;
    filter: blur(10px);
}
.jackpot-history__grid-data-jackpot--gold {
    color: #ffd26a;
}
.jackpot-history__grid-data-jackpot--silver {
    color: #d8d6ce;
}
.jackpot-history__grid-data-jackpot--bronze {
    color: #c18885;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-data-jackpot {
        padding: 0 0 0 20px;
    }
    .jackpot-history__grid-data-jackpot:before {
        left: 20px;
    }
}
.jackpot-history__grid-data-jackpot-icon {
    position: relative;
    width: 19px;
    height: 19px;
    z-index: 2;
}
.jackpot-history__grid-data-player {
    font-size: 14px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-data-player {
        font-size: 12px;
    }
}
.jackpot-history__grid-data-amount {
    font-size: 14px;
    line-height: 1;
    color: #facd0d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-data-amount {
        font-size: 12px;
    }
}
.jackpot-history__grid-data-time {
    font-size: 14px;
    line-height: 1;
    color: #fff;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-data-time {
        font-size: 12px;
        line-height: 1.2;
    }
}
.jackpot-history__grid-data-time-sepatarot {
    display: none;
    font-size: 0;
}
@media (max-width: 991.98px) {
    .jackpot-history__grid-data-time-sepatarot {
        display: block;
    }
}
.jackpot-howto {
    position: relative;
    padding: 27px 32px 57px;
    background-color: #211d38;
    overflow: hidden;
}
@media (max-width: 1349.98px) {
    .jackpot-howto {
        padding: 27px 0 35px;
    }
}
.jackpot-howto__blur {
    position: absolute;
    bottom: 264px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1370px;
    height: 84px;
    background-color: transparent;
    background-image: url(../images/backgrounds/blur-howto.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    filter: blur(100px);
}
@media (max-width: 1349.98px) {
    .jackpot-howto__blur {
        display: none;
    }
}
.jackpot-howto__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.jackpot-howto__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.jackpot-howto__content {
    margin: 0;
    padding: 0 0 60px;
    width: 100%;
}
@media (max-width: 1349.98px) {
    .jackpot-howto__content {
        padding: 0;
    }
}
.jackpot-howto__content-slider {
    padding: 60px 0 16px;
}
@media (max-width: 991.98px) {
    .jackpot-howto__content-slider {
        padding: 40px 0 0;
    }
}
.jackpot-howto__content-slide {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 44px;
}
.jackpot-howto__content-slide,
.jackpot-howto__content-slide-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.jackpot-howto__content-slide-image {
    position: relative;
}
.jackpot-howto__content-slide-image:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    background-color: #006a00;
    filter: blur(50px);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.jackpot-howto__content-slide-image-content {
    position: relative;
    width: 100%;
    max-width: 277px;
    height: 100%;
    z-index: 1;
}
@media (max-width: 991.98px) {
    .jackpot-howto__content-slide-image-content {
        max-width: 319px;
    }
}
.jackpot-howto__content-slide-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.jackpot-howto__content-slide-info-title {
    margin: 0;
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
}
.jackpot-howto__content-slide-info-text {
    margin: 0;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    font-size: 16px;
    line-height: 1.2;
    color: #686c7d;
}
.jackpot-howto__content-slide-info-text--description {
    color: #fff;
}
.jackpot-howto__content-slide-info-text--label {
    width: 24px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2;
    color: #fff;
    background-color: #f43535;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(244, 53, 53, 0.7);
}
@media (max-width: 1349.98px) {
    .jackpot-howto__content-slide-info-text {
        font-size: 14px;
    }
}
.jackpot-howto__content-slider-navigation {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
@media (max-width: 1349.98px) {
    .jackpot-howto__content-slider-navigation {
        padding: 38px 20px 56px;
    }
}
.jackpot-howto__content-slider-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    -webkit-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
}
.jackpot-howto__content-slider-button:disabled {
    opacity: 0.5;
}
.jackpot-howto__content-slider-button:active:not([disabled]),
.jackpot-howto__content-slider-button:focus:not([disabled]),
.jackpot-howto__content-slider-button:hover:not([disabled]) {
    color: #facd0d;
}
.jackpot-howto__content-slider-button svg {
    fill: currentColor;
}
.jackpot-howto__content-slider-button--prev {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.jackpot-howto__content-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.jackpot-howto__content-slider-pagination .swiper-pagination-bullet {
    background-color: #d9d9d9;
}
.jackpot-howto__content-slider-pagination .swiper-pagination-bullet-active {
    background-color: #facd0d;
}
.jackpot-howto__content-button {
    padding: 15px 66px;
    border-radius: 100px;
    box-shadow: 0 0 20px 0 #0c0;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
    -webkit-animation: brightness 2.6s infinite;
    -o-animation: brightness 2.6s infinite;
    animation: brightness 2.6s infinite;
}
.jackpot-howto__content-button:active:not([disabled]),
.jackpot-howto__content-button:focus:not([disabled]),
.jackpot-howto__content-button:hover:not([disabled]) {
    box-shadow: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}
.new-slots {
    position: relative;
    padding: 27px 32px 57px;
    background-color: #211d38;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .new-slots {
        padding: 27px 0 35px;
    }
}
.new-slots__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.new-slots__title {
    margin: 0 0 60px;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
@media (max-width: 991.98px) {
    .new-slots__title {
        margin: 0 0 30px;
    }
}
.new-slots__content {
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px 19px;
}
@media (max-width: 991.98px) {
    .new-slots__content {
        padding: 0 9px;
        grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
        gap: 6px 5px;
    }
}
.new-slots__content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 991.98px) {
    .new-slots__content-item:nth-child(n + 16) {
        display: none;
    }
}
.new-slots__content-item-preview {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #312654;
    border-radius: 10px;
    overflow: hidden;
}
.new-slots__content-item-preview:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 2;
}
.new-slots__content-item-preview:hover:before {
    opacity: 1;
}
.new-slots__content-item-preview:hover .new-slots__content-item-hovered {
    display: block;
    -webkit-animation: hovered 0.8s;
    -o-animation: hovered 0.8s;
    animation: hovered 0.8s;
}
@-webkit-keyframes hovered {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes hovered {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media (max-width: 991.98px) {
    .new-slots__content-item-preview {
        width: 115px;
        height: 115px;
    }
}
.new-slots__content-item-image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}
.new-slots__content-item-bonuses {
    position: absolute;
    top: 6px;
    left: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}
.new-slots__content-item-bonuses-item {
    padding: 2px 10px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    line-height: 2;
    border-radius: 25px;
}
.new-slots__content-item-bonuses-item--round {
    padding: 0;
    width: 24px;
    border-radius: 50%;
}
.new-slots__content-item-bonuses-item--purple {
    color: #fff;
    background-color: #8c34fc;
    box-shadow: 0 4px 15px rgba(140, 52, 252, 0.7);
}
.new-slots__content-item-bonuses-item--yellow {
    color: #151518;
    background-color: #facd0d;
    box-shadow: 0 4px 15px rgba(250, 205, 13, 0.7);
}
.new-slots__content-item-bonuses-item--green {
    color: #fff;
    background-color: #04c000;
    box-shadow: 0 4px 15px rgba(4, 192, 0, 0.7);
}
@media (max-width: 991.98px) {
    .new-slots__content-item-bonuses-item {
        height: 20px;
    }
    .new-slots__content-item-bonuses-item--round {
        width: 20px;
    }
}
.new-slots__content-item-hovered {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}
.new-slots__content-item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.new-slots__content-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}
.new-slots__content-item-title {
    font-size: 16px;
    line-height: 1.2;
    color: #e0e0e4;
    -webkit-transition: color 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out;
    transition: color 0.26s ease-in-out;
}
.new-slots__content-item-title:active:not([disabled]),
.new-slots__content-item-title:focus:not([disabled]),
.new-slots__content-item-title:hover:not([disabled]) {
    color: #fff;
}
@media (max-width: 991.98px) {
    .new-slots__content-item-title {
        font-size: 12px;
    }
}
.new-slots__content-item-text {
    font-size: 14px;
    line-height: 1.33;
    color: #686c7d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .new-slots__content-item-text {
        font-size: 12px;
    }
}
.jackpot-terms {
    padding: 20px 0 57px;
    background-color: #211d38;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .jackpot-terms {
        padding: 20px 20px 53px;
    }
}
.jackpot-terms__container {
    margin: 0 auto;
    max-width: 1320px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.jackpot-terms__button,
.jackpot-terms__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.jackpot-terms__button {
    padding: 24px 30px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    font-size: 34px;
    line-height: normal;
    color: #fff;
    background-color: #006a00;
    border-radius: 10px;
}
.jackpot-terms__button--open .jackpot-terms__button-icon {
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
@media (max-width: 991.98px) {
    .jackpot-terms__button {
        padding: 17px 25px 17px 15px;
        gap: 16px;
        font-size: 12px;
        line-height: 1.2;
        color: #686c7d;
        background-color: #303039;
    }
}
.jackpot-terms__button-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.26s ease;
    -o-transition: all 0.26s ease;
    transition: all 0.26s ease;
}
@media (max-width: 991.98px) {
    .jackpot-terms__button-icon {
        width: 14px;
        height: 14px;
    }
}
.jackpot-terms__content {
    position: relative;
    width: 100%;
    display: none;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
}
.jackpot-terms__content--open {
    display: block;
}
@media (max-width: 991.98px) {
    .jackpot-terms__content {
        font-size: 12px;
    }
}
.jackpot-terms__content-text {
    margin: 0 0 20px;
}
.jackpot-terms__content-list {
    list-style-type: circle;
}
.jackpot-terms__content-list-item {
    position: relative;
    padding: 0 0 0 21px;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
}
.jackpot-terms__content-list-item:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #facd0d;
    border-radius: 50%;
}
.jackpot-terms__content-list-item:last-child {
    margin: 0;
}
.jackpot-terms__content-list-item > ul {
    padding: 20px 0 10px 26px;
}
.jackpot-terms__content-list-item > ul li {
    margin: 0 0 4px;
}
.jackpot-terms__content-list-item > ul li:before {
    top: 9px;
    width: 3px;
    height: 3px;
    background-color: #686c7d;
}
@media (max-width: 991.98px) {
    .jackpot-terms__content-list-item {
        font-size: 12px;
    }
}
.filter-lobby-s {
    background: #252141;
}
@media (max-width: 519.98px) {
    .filter-lobby-s {
        position: sticky;
        top: 58px;
        left: 0;
        width: 100%;
        z-index: 99;
    }
}
.filter-lobby-s .filter-h {
    padding: 9px 0;
}
.filter-lobby-s .filter-h span {
    line-height: 0;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .filter-lobby-s .filter-h img {
        max-width: 12px;
    }
}
.l-providers-button {
    width: auto !important;
    height: auto !important;
    padding: 11px 16px;
    border-radius: 60px !important;
    background: #18152c !important;
    margin-right: 8px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .l-providers-button {
        font-size: 12px;
        padding: 7px 8px;
    }
}
.l-providers-button:hover {
    background-color: #363057 !important;
}
.l-providers-button span {
    margin-right: 5px;
}
.lobby-providers input {
    width: 100%;
    color: #9b9bad;
    height: 44px;
    font-size: 14px;
    border: 1px solid #303039;
    padding: 0 10px 0 40px;
    background-color: #151518;
    background-image: url(../images/icons/lobby-search-icon.svg);
    background-position: left 15px center;
    background-repeat: no-repeat;
    border-radius: 40px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .lobby-providers input {
        width: 170px;
        height: 36px;
        font-size: 14px;
        padding: 0 10px 0 40px;
        background-position: left 10px center;
    }
}
.lobby-providers input::-webkit-input-placeholder {
    font-size: 14px;
    color: #9b9bad;
}
.lobby-providers input::-moz-placeholder {
    font-size: 14px;
    color: #9b9bad;
}
.lobby-providers input:-ms-input-placeholder,
.lobby-providers input::-ms-input-placeholder {
    font-size: 14px;
    color: #9b9bad;
}
.lobby-providers input::placeholder {
    font-size: 14px;
    color: #9b9bad;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .lobby-providers input::-webkit-input-placeholder {
        font-size: 14px;
    }
    .lobby-providers input::-moz-placeholder {
        font-size: 14px;
    }
    .lobby-providers input:-ms-input-placeholder,
    .lobby-providers input::-ms-input-placeholder {
        font-size: 14px;
    }
    .lobby-providers input::placeholder {
        font-size: 14px;
    }
}
.slots-on-line {
    margin-bottom: 0 !important;
}
.slots-on-line .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
    margin-bottom: 12px;
}
.loby-providers-mobile .row {
    margin: 0 -2.5px;
}
.loby-providers-mobile .col,
.loby-providers-mobile .col-6,
.loby-providers-mobile .col-auto {
    padding: 0 2.5px;
}
.loby-providers-mobile .l-providers-button {
    text-align: center;
    width: 32px !important;
    height: 32px !important;
    padding: 0;
    margin-right: 5px;
}
.loby-providers-mobile .l-providers-button img {
    width: 100%;
}
.scrolling-cats-mobile {
    display: none;
    padding-top: 10px;
}
.scrolling-cats-mobile li {
    position: relative;
    margin-bottom: 4px;
}
.scrolling-cats-mobile .active-cat-top:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 5px;
    right: 5px;
    height: 2px;
    border-radius: 4px;
    background-color: #facd0d;
}
.scrolling-cats-mobile img {
    max-width: 20px;
    margin-right: 7px;
    filter: grayscale(1);
}
.open-menu2 {
    position: relative;
    display: block;
    width: 20px;
    height: 26px;
    padding: 0;
    font-size: 0;
    left: 0;
    z-index: 2;
}
.open-menu2 > span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 4px;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 0.3s ease ease-out;
    -o-transition: all 0.3s ease ease-out;
    transition: all 0.3s ease ease-out;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.open-menu2 span:first-child {
    width: 100%;
}
.open-menu2 span:nth-child(2) {
    width: 100%;
    -webkit-transform: translate3d(0, -7px, 0);
    -o-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
    -webkit-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
}
.open-menu2 > span:nth-child(3) {
    width: 100%;
    -webkit-transform: translate3d(0, 7px, 0);
    -o-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
    -webkit-transform: translateY(7px);
    -o-transform: translateY(7px);
    transform: translateY(7px);
}
.menu-toggle1 > span:first-child {
    width: 100%;
    right: -2px;
    -webkit-transform: translate(0) rotate(45deg);
    -o-transform: translate(0) rotate(45deg);
    transform: translate(0) rotate(45deg);
}
.menu-toggle1 span:nth-child(2) {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    filter: alpha(opacity=0);
}
.menu-toggle1 > span:nth-child(3) {
    -webkit-transform: translate(0) rotate(-45deg);
    -o-transform: translate(0) rotate(-45deg);
    transform: translate(0) rotate(-45deg);
}
@media (max-width: 991.98px) {
    .container {
        max-width: 100%;
    }
}
.tournaments-top-s {
    background: transparent;
}
.tournamets-top-h {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}
.tournamets-top-h picture {
    margin-right: 14px;
}
@media (max-width: 519.98px) {
    .tournamets-top-h picture {
        margin-right: 10px;
        max-width: 30px;
    }
}
.tournamets-top-h h1 {
    position: relative;
    line-height: 27px;
}
@media (max-width: 991.98px) {
    .tournamets-top-h h1 {
        font-size: 18px;
        line-height: 22px;
    }
}
@media (max-width: 991.98px) {
    .tournamets-top-h ul {
        white-space: nowrap;
        display: block !important;
    }
}
.tournamets-top-h li {
    display: inline-block;
    vertical-align: middle;
}
.tournamets-top-h li span {
    filter: grayscale(1);
    position: relative;
    top: -1px !important;
    margin-right: 0 !important;
}
.tournamets-top-h .active-mission a {
    color: #d6d6dd;
    background-color: #006a00;
    border-color: #006a00;
}
@media (max-width: 1349.98px) {
    .tournamets-top-h .scrolling-missions {
        margin-left: 10px;
        width: 20%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}
@media (max-width: 519.98px) {
    .tournamets-top-h .scrolling-missions {
        padding-bottom: 4px;
    }
}
.tournamets-top-h .scrolling-missions .simplebar-track.horizontal {
    height: 2px;
    background: rgba(172, 172, 191, 0.06) !important;
}
.tournamets-top-h .scrolling-missions .simplebar-track.horizontal .simplebar-scrollbar {
    height: 2px;
    top: 0 !important;
    visibility: visible !important;
}
.tournamets-top-h .scrolling-missions .simplebar-track.horizontal .simplebar-scrollbar:before {
    opacity: 1 !important;
    background: #007bff !important;
}
.tournamets-top-h ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
@media (max-width: 991.98px) {
    .tournamets-top-h ul {
        gap: 4px;
    }
}
.tournamets-top-h a {
    padding: 10px 16px;
    min-width: 80px;
    display: block;
    font-size: 14px;
    line-height: 1.28;
    text-align: center;
    color: #007bff;
    background-color: #fff;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
@media (max-width: 991.98px) {
    .tournamets-top-h a {
        padding: 8px 10px;
        font-size: 12px;
    }
}
.tournamets-top-h a:hover {
    color: #007bff;
    background-color: #f6f6fa;
}
.tournamets-top-h .category-active a {
    color: #fff;
    background-color: #007bff;
}
@media (max-width: 519.98px) {
    .tournaments-bottom-s {
        overflow: hidden;
    }
}
@media (max-width: 519.98px) {
    .tournaments-content-s {
        padding-top: 20px;
    }
}
.tournaments-s {
    position: relative;
}
.tournaments-s picture .image-fit {
    display: none;
}
.tournaments-s picture .tour-image-bg6 {
    display: block;
}
@media (max-width: 1921px) {
    .tournaments-s picture .tour-image-bg1 {
        display: block !important;
    }
}
@media (max-width: 1441px) {
    .tournaments-s picture .tour-image-bg2 {
        display: block !important;
    }
}
@media (max-width: 1367px) {
    .tournaments-s picture .tour-image-bg3 {
        display: block !important;
    }
}
@media (max-width: 769px) {
    .tournaments-s picture .tour-image-bg4 {
        display: block !important;
    }
}
@media (max-width: 391px) {
    .tournaments-s picture .tour-image-bg5 {
        display: block !important;
    }
}
.tournaments-s .welcome-details-t {
    margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
    .tournaments-s .welcome-details-t {
        padding-top: 20px;
    }
}
@media (max-width: 991.98px) {
    .tournaments-s .welcome-details-t .col-auto {
        position: static;
    }
}
.tournaments-h-s {
    max-width: 1000px;
    margin: 0 auto;
}
.tournamets-h {
    position: relative;
    max-width: 500px;
    z-index: 10;
}
.tournamets-h h2 {
    color: #fff;
    font-size: 34px;
    line-height: 43px;
    margin-bottom: 16px;
}
@media (max-width: 991.98px) {
    .tournamets-h h2 {
        font-size: 26px;
        line-height: 33px;
        margin-bottom: 8px;
    }
}
.tournamets-h h2 strong {
    color: #facd0d;
}
.tournamets-h p {
    font-size: 16px;
    color: #686c7d;
    line-height: 24px;
}
@media (max-width: 991.98px) {
    .tournamets-h p {
        font-size: 13px;
        line-height: 18px;
    }
}
.tournamets-h a {
    color: #fff;
    padding: 11px 29px;
    border-radius: 30px;
    margin-top: 15px;
    background-color: #007bff;
}
.tournamets-h a:hover {
    background-color: #039400;
}
.tournaments-content-h h2 {
    margin-bottom: 16px;
}
@media (max-width: 991.98px) {
    .tournaments-content-h h2 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
@media (max-width: 991.98px) {
    .tournaments-c-holder {
        margin: 0 -2.5px;
    }
}
@media (max-width: 991.98px) {
    .tournaments-c-holder .col-md-4 {
        padding: 0 2.5px;
    }
}
.all-tournaments-h {
    position: relative;
    padding-bottom: 60px;
    background: #151518;
    height: 100%;
}
.all-tournaments-h picture {
    position: relative;
    overflow: hidden;
    padding-bottom: 44%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
@media (max-width: 991.98px) {
    .all-tournaments-h picture {
        padding-bottom: 53%;
    }
}
.all-tournaments-h picture a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.all-tournaments-h picture img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.all-tournaments-h .bonuses-icons-h {
    position: absolute;
    top: 3px;
    right: 6px;
    z-index: 2;
}
.all-tournaments-h .bonuses-icons-h img {
    position: static;
}
.all-tournaments-h h3 {
    margin: 0 10px 6px;
}
.all-tournaments-h h3,
.all-tournaments-h h3 a {
    font-size: 22px;
    line-height: 28px;
}
.all-tournaments-h p {
    line-height: 18px;
    margin: 0 10px;
}
@media (max-width: 991.98px) {
    .all-tournaments-h p {
        font-size: 12px;
        line-height: 15px;
    }
}
.all-tournaments-h h4 {
    line-height: 23px;
}
@media (max-width: 991.98px) {
    .all-tournaments-h h4 {
        font-size: 15px;
        line-height: 19px;
    }
}
.tournames-dat {
    color: #f1eef5;
    font-size: 14px;
    line-height: 18px;
}
.tournaments-timer {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
}
@media (max-width: 991.98px) {
    .tournaments-timer {
        font-size: 14px;
        line-height: 14px;
    }
}
.tournaments-timer p {
    display: inline;
}
@media (max-width: 519.98px) {
    .tournaments-timer p {
        display: block;
    }
}
.tournaments-timer em {
    font-size: 14px;
    font-style: normal;
    margin: 0 2px;
}
@media (max-width: 519.98px) {
    .tournaments-timer em {
        display: none;
    }
}
.tournaments-timer span {
    font-size: 14px;
}
.prize-pool-tb {
    padding: 12px;
    margin: 0 10px;
    background: rgba(172, 172, 191, 0.05);
    border-radius: 6px;
}
.prize-pool-tb p {
    font-size: 12px;
    margin: 0;
    margin-bottom: 2px;
}
.prize-pool-tb h3 {
    font-size: 14px;
    color: #fff;
    margin: 0;
    line-height: 18px;
}
.prize-pool-tb h4 {
    font-size: 16px;
}
.prize-pool-tb h5,
.prize-pool-tb h5 span {
    font-size: 18px;
    line-height: 23px;
}
.prize-pool-tb h5 span {
    color: #facd0d;
}
.prize-pool-img {
    margin-right: 15px;
}
.all-t-details {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    color: #fff;
    padding: 13.5px 10px;
    background: #007bff;
    border-radius: 6px;
}
.all-t-details:hover {
    color: #fff;
    background-color: #039400;
}
.tournaments-bottom-h h2 {
    line-height: 22px;
}
@media (max-width: 991.98px) {
    .tournaments-bottom-h h2 {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 991.98px) {
    .tournaments-bottom-h .tournaments-bottoms-h-b {
        width: auto;
        white-space: nowrap;
        margin: 0 auto;
    }
}
@media (max-width: 991.98px) {
    .tournaments-bottom-h .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.tournaments-bottom-h .simplebar-track.horizontal {
    height: 2px;
    background: rgba(172, 172, 191, 0.06) !important;
}
.tournaments-bottom-h .simplebar-track.horizontal .simplebar-scrollbar {
    height: 2px;
    top: 0 !important;
    visibility: visible !important;
}
.tournaments-bottom-h .simplebar-track.horizontal .simplebar-scrollbar:before {
    opacity: 1 !important;
    background: #007bff !important;
}
.tournaments-show-h {
    padding: 40px 0;
}
.tournaments-show-h--preview {
    padding: 0 0 40px;
}
@media (max-width: 991.98px) {
    .tournaments-show-h--preview {
        padding: 0 0 30px;
    }
}
@media (max-width: 519.98px) {
    .tournaments-show-h {
        padding: 20px 0 30px;
    }
}
.tournaments-show-h__title {
    padding: 0;
}
@media (max-width: 991.98px) {
    .tournaments-show-h__title {
        padding: 0 10px;
    }
}
.tournaments-show-c {
    position: relative;
    overflow: hidden;
    background-color: transparent;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.tournaments-show-c picture {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}
.tournaments-show-c .bonuses-icons-h {
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 2;
}
.tournaments-show-img {
    width: 100%;
    height: 100%;
    -o-object-position: top center;
    object-position: top center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.tournaments-show-t {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.tournaments-show-t__title {
    width: 72%;
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}
.tournaments-show-t h6 {
    width: 50%;
    font-size: 17px;
    color: #fff;
    margin-bottom: 20px;
}
.bottom-tournaments-show {
    position: absolute;
    left: 10px;
}
.bottom-tournaments-show--preview {
    left: 10px;
}
.tournaments-show-timer {
    position: relative;
    padding: clamp(12px, 5vw, 14px) clamp(10px, 10vw, 12px) clamp(6px, 5vw, 8px);
    width: clamp(184px, 50vw, 200px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 519.98px) {
    .tournaments-show-timer {
        padding: 8px 10px 6px;
    }
}
.tournaments-show-timer__title {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: clamp(12px, 10vw, 14px);
    color: #fff;
    z-index: 2;
}
@media (max-width: 519.98px) {
    .tournaments-show-timer__title {
        font-size: 12px;
    }
}
.tournaments-show-timer__timer-wrapper,
.tournaments-show-timer__timer-wrapper div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tournaments-show-timer__timer-wrapper div {
    gap: 2px;
}
.tournaments-show-timer h3 {
    padding: 4px;
    font-size: clamp(16px, 10vw, 18px);
    color: #fff;
    background-color: hsla(0, 0%, 88%, 0.2);
    border-radius: 6px;
}
.tournaments-show-timer p {
    display: none;
    font-size: clamp(10px, 10vw, 12px);
    color: hsla(0, 0%, 100%, 0.5);
}
.tournaments-show-timer span {
    font-size: clamp(17px, 10vw, 19px);
    color: #fff;
}
.prize-pool {
    display: inline-block;
    padding: 4px 7px;
    background-color: #facd0d;
    border-radius: 5px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
    will-change: transform;
}
.prize-pool__title {
    font-size: 12px;
    color: #000;
    margin-right: 10px;
}
.prize-pool__text {
    font-size: 24px;
    color: #000;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .prize-pool__text {
        font-size: 16px;
    }
}
@media (max-width: 519.98px) {
    .prize-pool__text {
        font-size: 18px;
    }
}
.tournaments-show-bottom {
    padding: 0 20px;
}
.tournaments-show-bottom p {
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.5);
    margin-bottom: 2px;
}
.tournaments-show-bottom .tournaments-show-bottom-c {
    padding: 8px 0;
    border-bottom: 1px solid #202a39;
}
.tournaments-show-bottom h2 {
    font-size: 17px;
    color: hsla(0, 0%, 100%, 0.5);
}
.tournaments-show-bottom a {
    display: block;
    text-align: center;
    padding: 10px;
    margin: 0 -20px;
    background-color: #303039;
}
.tournaments-show-bottom--preview {
    padding: 0;
}
.tournaments-show-bottom--preview a {
    margin: 14px 0 0;
    padding: 12px;
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    background-color: #04c000;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.tournaments-show-bottom--preview a:focus,
.tournaments-show-bottom--preview a:hover {
    background-color: #188107;
}
.tournaments-place-s {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.tournaments-place-s,
.tournaments-player-c {
    display: block;
    background-color: hsla(0, 0%, 100%, 0.1);
}
.tournaments-player-c {
    width: 50%;
    height: 5px;
    border-radius: 10px;
}
.tournaments-player picture {
    height: auto;
    max-width: 24px;
    max-height: 24px;
    border-radius: 50%;
    margin-right: 10px;
}
.tournaments-player h3 {
    font-size: 12px;
    color: #fff;
}
.tournaments-player h4 {
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.5);
}
.player-prize-c {
    display: block;
    width: 50%;
    height: 6px;
}
.player-prize-c,
.tournament-middle {
    border-radius: 10px;
    background-color: hsla(0, 0%, 100%, 0.1);
}
.tournament-middle {
    padding: 7px 10px;
    margin: 8px 0;
}
.tournament-middle h2 {
    font-size: 14px;
    color: #fff;
}
.tournaments-show-bottom-c h2 {
    color: #fff;
    font-size: 17px;
}
.tournaments-show-l {
    width: 50px;
    margin-right: 5px;
}
.tournaments-show-l img {
    max-width: 35px;
    max-height: 20px;
    padding: 0 5px;
}
.hidden-tournamens .tournaments-show-bottom-c {
    border-bottom: 0;
}
.tournaments-prize {
    width: 120px;
}
.tournaments-bottom-c {
    padding: 10px;
    border-radius: 14px;
    background: #fff;
    height: 100%;
}
.tournaments-bottom-c picture {
    position: relative;
    overflow: hidden;
    width: 100px;
    padding-bottom: 120%;
    margin-right: 14px;
    border-radius: 8px;
    mix-blend-mode: luminosity;
}
.tournaments-bottom-c picture img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
@media (max-width: 991.98px) {
    .tournaments-bottom-c h3 {
        min-width: 230px;
        white-space: normal;
    }
}
@media (max-width: 991.98px) {
    .tournaments-bottom-c p {
        font-size: 12px;
    }
}
.tournaments-preview__table {
    margin: 10px 0 0;
    padding: 14px 20px 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    background-color: #fff;
    border-radius: 14px;
}
@media (max-width: 991.98px) {
    .tournaments-preview__table {
        padding: 14px 14px 20px;
    }
}
.tournaments-preview__table-head {
    display: grid;
    grid-template-columns: 32px 70px 1fr 1.2fr;
    gap: 20px;
}
.tournaments-preview__table-head-item {
    font-size: 12px;
    line-height: 1.5;
    color: #babed1;
}
.tournaments-preview__table-head-item:last-child {
    text-align: right;
}
.tournaments-preview__table-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
}
.tournaments-preview__table-body-item {
    position: relative;
    padding: 8px 0;
    display: grid;
    grid-template-columns: 32px 70px 1fr 1.2fr;
    gap: 20px;
    border-bottom: 1px solid #f6f6fa;
}
.tournaments-preview__table-body-item:first-child {
    border-top: 1px solid #f6f6fa;
}
.tournaments-preview__table-body-item-place {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tournaments-preview__table-body-item-place img {
    width: 32px;
    height: 32px;
}
.tournaments-preview__table-body-item-playerName,
.tournaments-preview__table-body-item-spin {
    color: #000;
}
.tournaments-preview__table-body-item-playerName,
.tournaments-preview__table-body-item-prize,
.tournaments-preview__table-body-item-spin {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
}
.tournaments-preview__table-body-item-prize {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #04c000;
}
.tournaments-d-c {
    max-width: 1100px;
    margin: 0 auto;
}
.tournaments-d-h {
    background: #151518;
    border-radius: 5px;
}
.tournaments-d-h picture {
    overflow: hidden;
    position: relative;
    padding-bottom: 130%;
    width: 290px;
    border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .tournaments-d-h picture {
        width: 250px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .tournaments-d-h picture {
        width: 200px;
    }
}
@media (max-width: 519.98px) {
    .tournaments-d-h picture {
        width: 100%;
        padding-bottom: 120%;
        margin-bottom: 20px;
    }
}
.tournaments-d-h picture img {
    position: absolute;
}
.tournaments-h {
    display: grid;
    gap: 30px;
}
.tournaments-h__split {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "currentRound prevRound" "showMore showMore";
}
@media (max-width: 1349.98px) {
    .tournaments-h__split {
        grid-template-columns: 1fr;
        grid-template-areas: "currentRound" "showMore" "prevRound";
    }
}
.tournaments-h__no-split {
    grid-template-columns: 1fr;
    grid-template-areas: "currentRound currentRound" "showMore showMore";
}
.tournaments-h__current-round {
    grid-area: currentRound;
    width: 100%;
}
.tournaments-h__prev-round {
    grid-area: prevRound;
    width: 100%;
}
.tournaments-h__show-more {
    grid-area: showMore;
    width: 100%;
}
.tournaments-d-t {
    border-radius: 5px;
    background: #151518;
}
.tournaments-t-l {
    padding: 20px 30px 10px 20px;
}
@media (max-width: 991.98px) {
    .tournaments-t-l {
        padding: 0;
    }
}
.tournaments-t-l h2 {
    color: #18191c;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 8px;
}
@media (max-width: 1349.98px) {
    .tournaments-t-l h2 {
        font-size: 12px;
        line-height: 16px;
    }
}
.tournaments-t-l h1 {
    font-size: 38px;
    line-height: 43px;
    color: #18191c;
    margin-bottom: 20px;
}
@media (max-width: 1349.98px) {
    .tournaments-t-l h1 {
        font-size: 30px;
        line-height: 34px;
    }
}
.tournaments-t-l p {
    font-size: 16px;
    line-height: 24px;
    color: #18191c;
    margin-bottom: 14px;
}
@media (max-width: 1349.98px) {
    .tournaments-t-l p {
        font-size: 15px;
        line-height: 22px;
    }
}
.tournaments-t-l p:last-child {
    margin-bottom: 20px;
}
.tournaments-t-l table {
    width: 100%;
}
.t-play-now {
    background: #007bff;
    padding: 10px 28px;
}
.t-play-now:hover {
    background: #1939a8;
}
.t-t-now {
    padding: 10px 15px;
    background-color: #2d2a41;
}
.t-t-now:hover {
    background: #1939a8;
}
.tournaments-p-l,
.tournatents-p-r {
    height: 100%;
}
.tournaments-p-l p,
.tournatents-p-r p {
    font-size: 14px;
    color: #686c7d;
    line-height: 24px;
    margin-top: 10px;
}
@media (max-width: 519.98px) {
    .tournaments-p-l p,
    .tournatents-p-r p {
        font-size: 15px;
    }
}
.tournaments-p-l p img,
.tournatents-p-r p img {
    margin-top: -4px;
}
.tournaments-p-l {
    background: #151518;
}
.tournaments-p-l h2 {
    font-size: 18px;
    color: #686c7d;
    margin-bottom: 8px;
}
.tournaments-p-l h2 img {
    margin-top: -2px;
    margin-right: 7px;
}
@media (max-width: 519.98px) {
    .tournaments-p-l h2 img {
        width: 20px;
    }
}
.tournaments-p-l h2 strong {
    color: #facd0d;
    font-size: 22px;
    line-height: 27px;
}
@media (max-width: 519.98px) {
    .tournaments-p-l h2 strong {
        font-size: 16px;
    }
}
.tournaments-p-l h2 span {
    margin: 0 15px;
}
@media (max-width: 519.98px) {
    .tournaments-p-l h2 span {
        margin: 0 4px;
    }
}
.tournatents-p-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tournatents-p-r h2 {
    font-size: 18px;
    color: #686c7d;
}
@media (max-width: 519.98px) {
    .tournatents-p-r h2 {
        font-size: 16px;
    }
}
.tournatents-p-r h2 img {
    margin-top: -2px;
    margin-right: 7px;
    filter: grayscale(100%);
}
@media (max-width: 519.98px) {
    .tournatents-p-r h2 img {
        width: 20px;
    }
}
.tournatents-p-r h2 strong {
    color: #fff;
    font-size: 22px;
    line-height: 27px;
}
@media (max-width: 519.98px) {
    .tournatents-p-r h2 strong {
        font-size: 19px;
    }
}
.tournatents-p-r h2 strong em {
    font-size: 14px;
    font-style: normal;
}
@media (max-width: 519.98px) {
    .tournatents-p-r h2 strong em {
        font-size: 11px;
    }
}
.tournatents-p-r h2 span {
    color: #686c7d;
    font-size: 18px !important;
    margin: 0 14px;
}
@media (max-width: 519.98px) {
    .tournatents-p-r h2 span {
        font-size: 14px !important;
        margin: 0 5px;
    }
}
@media (max-width: 519.98px) {
    .tournatents-p-r p {
        font-size: 16px;
    }
    .tournatents-p-r p strong {
        font-size: 19px;
    }
}
@media (max-width: 519.98px) {
    .tournatents-p-r p img {
        margin-right: 10px !important;
    }
}
.tournaments-c header {
    overflow: hidden;
    border-radius: 14px;
}
.tournaments-c h2 {
    font-size: 22px;
    color: #007bff;
    letter-spacing: 0.08em;
    line-height: 20px;
}
.tournaments-c h3 {
    font-size: 11px;
    line-height: 12px;
    padding-left: 10px !important;
}
@media (max-width: 519.98px) {
    .tournaments-c h3 {
        padding-left: 0 !important;
        font-size: 9px;
    }
}
.tournaments-c p {
    font-size: 14px;
    color: inherit;
    line-height: 12px;
}
@media (max-width: 519.98px) {
    .tournaments-c p {
        font-size: 12px;
    }
}
.tournaments-c .c-green {
    color: #04c000;
}
@media (max-width: 519.98px) {
    .tournaments-c .col-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}
@media (max-width: 519.98px) {
    .tournaments-c .col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}
.tournaments-c .c-yellow {
    color: #facd0d;
}
.tournaments-c .c-200 {
    color: #686c7d;
}
.tournaments-c footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.tournaments-c footer .tournaments-r {
    padding: 10px 20px 10px 0;
    color: #3b3e49;
    background: #f6f6fa;
    border-radius: 10px;
    border: 1px solid #f6f6fa;
}
.tournaments-c footer .tournaments-r:nth-child(2n) {
    background: #fff;
    border: 1px solid #fff;
}
@media (max-width: 519.98px) {
    .tournaments-c footer .tournaments-r {
        padding: 10px 10px 10px 0;
    }
}
@media (max-width: 519.98px) {
    .tournaments-c footer .tournaments-r .col-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}
@media (max-width: 519.98px) {
    .tournaments-c footer .tournaments-r .col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}
.tournaments-c footer .tournaments-r:first-child {
    background: #fff;
    border: 1px solid #facd0d;
}
.tournaments-c footer .tournaments-r:nth-child(2) {
    background: #fff;
    border: 1px solid #d6d6dd;
}
.tournaments-c footer .tournaments-r:nth-child(3) {
    background: #fff;
    border: 1px solid #fa9b0d;
}
.tournaments-c-l header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f6f6fa;
    min-height: 147px;
}
@media (max-width: 991.98px) {
    .tournaments-c-l header {
        min-height: auto;
    }
}
.tournaments-w {
    width: 77px;
}
@media (max-width: 519.98px) {
    .tournaments-w {
        width: 64px;
    }
}
.tournaments-c-r header {
    background: #303039;
}
.tournaments-c-r img {
    filter: grayscale(100%);
}
.tournaments-c-r .c-green,
.tournaments-c-r p {
    color: #6b6b78;
}
.tournaments-c-r .tournaments-w span {
    color: #6b6b78 !important;
}
.tournaments-c-r footer .tournaments-r:first-child,
.tournaments-c-r footer .tournaments-r:nth-child(2),
.tournaments-c-r footer .tournaments-r:nth-child(3) {
    border: 1px solid #6b6b78;
}
.clear-button {
    display: inline-block;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, 0.2);
}
.clear-button:hover {
    background-color: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 519.98px) {
    #cabinet-dashboard__promotions-wrapper--mobile .simplebar-content {
        padding-right: 0 !important;
    }
}
@media (max-width: 519.98px) {
    .tournaments-new-h {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}
.tournaments-new-h picture {
    text-align: center;
    overflow: hidden;
    border-radius: 14px;
}
@media (max-width: 519.98px) {
    .tournaments-new-h picture {
        position: relative;
        min-height: 140px;
    }
}
.tournaments-new-h picture img {
    width: 100%;
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 519.98px) {
    .tournaments-new-h picture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-position: left center;
        object-position: left center;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.tournaments-new-s-h {
    border-radius: 14px;
}
.tournaments-new-s-h .tournaments-t-l {
    padding: 0;
}
.tournaments-top-new {
    text-align: center;
}
.tournaments-top-new h5 {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.tournaments-top-new h5 span {
    color: #facd0d;
}
.tournaments-timer {
    text-align: center;
    width: 200px;
    margin: 0 auto;
}
.tournaments-timer__wrap {
    gap: 16px;
}
.tournaments-timer span {
    color: #686c7d;
    font-size: 12px;
    line-height: 15px;
}
.tournaments-timer h3 {
    color: #3b3e49;
    font-size: 20px;
    padding-left: 0 !important;
    line-height: 28px;
}
.tournaments-timer h4 {
    position: absolute;
    top: 14px;
    right: -10px;
    color: #686c7d;
    font-size: 16px;
    line-height: 20px;
}
.tournaments-r-top header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f6f6fa;
    min-height: 147px;
}
@media (max-width: 991.98px) {
    .tournaments-r-top header {
        min-height: auto;
    }
}
.deposit-tab-t-c .row {
    margin: 0 -2.5px;
}
.deposit-tab-t-c .col,
.deposit-tab-t-c .col-6,
.deposit-tab-t-c .col-md,
.deposit-tab-t-c .col-md-4,
.deposit-tab-t-c .col-md-5,
.deposit-tab-t-c .col-md-7,
.deposit-tab-t-c .col-md-auto {
    padding: 0 5px;
}
.deposit-tab-t-c select {
    width: 100%;
    height: 40px;
    color: #686c7d;
    font-size: 14px !important;
    line-height: 18px;
    padding: 0 25px 0 14px;
    background-color: transparent;
    background-image: url(../images/icons/select-deposit.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: 1px solid #babed1;
    border-radius: 100px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
@media (max-width: 991.98px) {
    .deposit-tab-t-c select {
        margin-bottom: 10px;
    }
}
.deposit-tab-t-c .select-filed input {
    width: 100%;
    height: 40px;
    color: #686c7d;
    font-size: 14px !important;
    line-height: 18px;
    padding: 0 25px 0 14px;
    background-color: transparent;
    background-image: url(../images/icons/select-deposit.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: 1px solid #babed1;
    border-radius: 100px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
@media (max-width: 991.98px) {
    .deposit-tab-t-c .select-filed input {
        margin-bottom: 10px;
    }
}
.deposit-tab-t-c .deposit-currency {
    width: 140px;
}
@media (max-width: 991.98px) {
    .deposit-tab-t-c .deposit-currency {
        width: 100%;
    }
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    background: #1f1f28 !important;
    border: 1px solid #1f1f28 !important;
}
.deposit-tab-c {
    padding: 20px;
    background: #ebedf4;
    border-radius: 10px;
}
@media (max-width: 1349.98px) {
    .deposit-tab-c {
        padding: 10px;
    }
}
.error-input {
    border: 1px solid #f04040 !important;
}
.deposit-tab-b header {
    padding: 0 !important;
    border-left: 0 !important;
}
.deposit-tab-b .payment-content-h {
    border-radius: 10px;
    margin: 0 0 10px;
}
.deposit-tab-b .payment-content-h:nth-child(odd) {
    background: #fff;
}
.deposit-tab-b .payment-content-h:nth-child(2n) {
    background: #f6f6fa;
}
.deposit-tab-b .payment-content-h:last-child {
    margin-bottom: 0;
}
.deposit-tab-b p {
    color: #686c7d;
    font-size: 14px;
    line-height: 18px;
}
@media (max-width: 991.98px) {
    .deposit-tab-b p {
        text-transform: uppercase;
        font-size: 11px;
    }
}
.deposit-tab-b h4 {
    font-size: 14px;
    color: #686c7d;
    line-height: 18px;
}
.deposit-tab-b .payment-r {
    color: #f04040;
}
.deposit-tab-b .pending-r {
    color: #facd0d;
}
.deposit-tab-b .payment-sucess {
    color: #007bff;
}
.profile-r-h {
    min-height: 670px;
    max-height: 670px;
}
@media (max-width: 1349.98px) {
    .profile-r-h {
        min-height: inherit;
        max-height: inherit;
    }
}
.mobile-deposit-h {
    padding: 0 5px;
}
.mobile-deposit-h .mobile-deposit-c:nth-child(odd) {
    background: rgba(172, 172, 191, 0.06);
}
.notificaions-b {
    position: static;
    display: block;
    width: 100%;
    min-height: 570px;
}
@media (max-width: 1349.98px) {
    .notificaions-b {
        min-height: inherit;
    }
}
.notificaions-b .notifications-c {
    right: 0;
    padding: 0;
}
.notificaions-b .notification-c {
    margin-left: 0;
}
.deposit-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}
.deposit-pagination .active-page {
    pointer-events: none;
}
.deposit-pagination .active-page a {
    color: #fff;
    background: #007bff !important;
}
.deposit-pagination li {
    display: inline-block;
    vertical-align: middle;
}
.deposit-pagination a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
    background: #fff;
    border-radius: 100px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.deposit-pagination a:hover {
    background: #f6f6fa;
}
.mobile-deposit-c {
    padding: 16px;
    border-radius: 6px;
}
.mobile-deposit-c .row {
    padding: 0 5px;
}
.personal-s .modal-dialog {
    max-width: 1200px;
}
.personal-s .modal-content {
    border-radius: 5px;
    background-color: transparent;
}
.personal-s .personal-h {
    padding: 16px;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .personal-s .personal-h {
        padding: 10px;
        min-height: 100vh;
    }
}
.personal-s .personal-h__wrap {
    gap: 10px;
}
.unverified-icon {
    filter: grayscale(100%);
}
.profile-l {
    width: 320px;
    height: 100%;
    padding: 20px;
    background: #ebedf4;
    border-radius: 14px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .profile-l {
        padding: 20px;
        width: 300px;
    }
}
@media (max-width: 1349.98px) {
    .profile-l {
        display: none;
        width: 100%;
        padding: 20px 14px;
    }
}
.profile-l .corrency-sidebar .simplebar-mask {
    margin-right: -1px;
}
.profile-l .side-b {
    padding: 0;
    position: static;
    width: auto;
    height: auto;
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
@media (max-width: 1349.98px) {
    .profile-l .side-b {
        display: none;
    }
}
.profile-l header {
    border-bottom: 1px solid #dfe2ee;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.profile-l .t-currency {
    padding: 7px 14px;
}
.profile-l .s-menu ul {
    display: block;
}
@media (max-width: 1349.98px) {
    .profile-l .s-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -5px;
    }
}
@media (max-width: 1349.98px) {
    .profile-l .s-menu li {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 5px;
    }
}
.nav-link.active .icon-wrap {
    background-color: #007bff;
}
.nav-link.active p {
    color: #007bff;
}
#profile-tb {
    max-height: 567px;
}
@media (max-width: 1349.98px) {
    #profile-tb {
        max-height: inherit;
    }
}
#bonuses .mobile-dashboard-links {
    margin-top: -5px;
    border-radius: 0;
    margin-bottom: 0 !important;
}
#notifications .mobile-dashboard-links {
    margin: 0 10px;
    margin-bottom: 0 !important;
}
#profile .mobile-dashboard-links {
    margin: -10px 15px 10px !important;
}
#game-history .mobile-dashboard-links,
#transaction .mobile-dashboard-links {
    margin: 0 10px 10px !important;
}
@media (max-width: 519.98px) {
    #security {
        padding: 0 5px;
    }
}
.profile-r {
    max-width: 836px;
}
@media (max-width: 1349.98px) {
    .profile-r {
        max-width: inherit;
    }
}
.pending-c {
    margin-top: 10px;
    padding: 10px 14px;
    border: 1px dashed rgba(172, 172, 191, 0.26);
    border-radius: 4px;
}
.pending-c p {
    line-height: 16px;
}
.pending-c span {
    line-height: 18px;
}
.pending-c button {
    padding: 6px 18px;
    font-size: 12px;
    color: #facd0d;
    background: rgba(172, 172, 191, 0.1);
    border-radius: 4px;
}
.profile-buttons {
    margin: 0 -3px;
}
@media (max-width: 1349.98px) {
    .profile-buttons {
        display: none;
    }
}
.profile-buttons .col-6 {
    padding: 0 3px;
}
.profile-buttons button {
    display: block;
    width: 100%;
    padding: 12px 10px;
    line-height: 18px;
    border-radius: 100px;
}
.chasout-button {
    background: #4667dc;
}
.chasout-button:hover {
    background: #1939a8;
}
.profile-deposit {
    background-color: #04c000;
}
.profile-deposit:hover {
    background: #039400;
}
.profile-r header {
    padding: 18px 14px 18px 20px;
    background-color: #ebedf4;
    border-radius: 14px;
}
@media (max-width: 991.98px) {
    .profile-r header {
        padding: 14px 10px;
    }
}
.profile-r header h2 {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1349.98px) {
    .profile-r header h2 {
        font-size: 18px;
    }
}
.profile-r header .arrow-gray {
    width: 1px;
    height: 20px;
    background-color: transparent;
    margin: 0 15px;
}
@media (max-width: 991.98px) {
    .profile-r header .arrow-gray {
        display: none !important;
    }
}
.profile-r header ul {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 991.98px) {
    .profile-r header ul {
        margin-top: 10px;
    }
}
.profile-r header li {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 991.98px) {
    .profile-r header li {
        margin: 0 3px 6px 0;
    }
}
.profile-r header a {
    font-size: 14px;
    line-height: 18px;
    padding: 7px 15px;
    color: #4667dc;
    background-color: #fff;
    border-radius: 100px;
}
@media (max-width: 991.98px) {
    .profile-r header a {
        padding: 6px 10px;
    }
}
.profile-r header a:hover {
    color: #fff;
    background-color: #007bff;
}
.profile-r header .active {
    color: #fff;
    background-color: #4667dc;
}
.close-dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: #dfe2ee;
}
.profile-c {
    padding: 10px 0 0;
    height: 600px;
}
@media (max-width: 1349.98px) {
    .profile-c {
        max-height: inherit;
        height: inherit;
    }
}
@media (max-width: 1349.98px) {
    .profile-c,
    .profile-c .simplebar-content {
        padding: 8px !important;
    }
}
@media (max-width: 1349.98px) {
    .profile-c .simplebar-content {
        overflow: auto !important;
    }
}
.profile-c .notifciations-h .simplebar-mask {
    margin-right: -1px;
}
.profile-c .notifciations-h .simplebar-content {
    padding: 0 !important;
}
@media (max-width: 1349.98px) {
    .profile-c .notifciations-h .simplebar-content {
        margin-left: 10px;
    }
}
.profile-c .notifciations-h .simplebar-offset {
    right: -17px !important;
}
.profile-c .notifciations-h .unread-message:before {
    right: 25px;
}
.profile-c .notifciations-h .notification-c {
    border-radius: 0 !important;
}
.profile-c .side-b {
    position: static;
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    width: 100%;
    height: auto;
    padding: 0;
    background-color: transparent;
    margin-bottom: 10px;
}
.profile-c .side-b header {
    background-color: transparent;
    border-left: 0;
    padding: 0;
}
.profile-c .side-b header span {
    width: 60px;
    height: 60px;
    font-size: 22px;
}
.profile-c-l {
    width: 268px;
    margin-right: 10px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .profile-c-l {
        width: 240px;
    }
}
@media (max-width: 991.98px) {
    .profile-c-l {
        width: 100%;
    }
}
.profile-c-l .your-level-s {
    background: #ebedf4;
    margin-bottom: 14px;
}
@media (max-width: 519.98px) {
    #home .tournaments-profile-h .simplebar-offset {
        right: -20px;
    }
}
#home .tournaments-profile-h .simplebar-content {
    padding: 0 10px 30px !important;
}
.balance-h {
    padding: 14px;
    border-radius: 14px;
    background: #ebedf4;
    margin-bottom: 10px;
}
.balance-h p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}
.balance-h p svg {
    margin-top: -2px;
}
.balance-h h2 {
    text-align: center;
    color: #04c000;
    font-size: 32px;
    margin-bottom: 16px;
}
.profile-withdraw {
    padding: 9px;
    border-radius: 10px;
    background: #dfe2ee;
    margin-bottom: 8px;
}
.profile-withdraw .col-6:first-child {
    border-right: 1px solid #babed1;
}
.profile-withdraw .col-6:last-child {
    padding-left: 7px;
}
.profile-withdraw h3 {
    font-size: 12px;
    margin-bottom: 4px;
}
.profile-withdraw h4 {
    color: #686c7d;
    line-height: 18px;
}
.deposit-button {
    padding: 10px;
    background-color: #04c000;
    border-radius: 100px;
}
.deposit-button:hover {
    background: #039400;
}
.missions-h {
    margin-bottom: 0;
}
@media (max-width: 991.98px) {
    .missions-h {
        margin-bottom: 10px;
    }
}
.missions-h p {
    margin-bottom: 0;
}
.missions-h picture {
    text-align: center;
    margin-bottom: 15px;
}
.missions-view-all {
    display: block;
    color: #007bff;
    font-size: 12px;
    line-height: 15px;
}
.missions-view-all:hover {
    text-decoration: underline;
}
.missions-p h4 {
    font-size: 20px;
    color: #fa9b0d;
    line-height: 20px;
    margin-bottom: 10px;
}
.missions-p h4 strong {
    color: #fa9b0d;
}
.missions-p-c {
    display: block;
    position: relative;
    height: 6px;
    background: rgba(172, 172, 191, 0.3);
    border-radius: 20px;
}
.missions-p-c span {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    background-color: #007bff;
    border-radius: 20px;
}
.promotions-p__header {
    position: sticky;
    top: 0;
    padding: 10px 0;
    background-color: #ebedf4;
    border-radius: 14px 14px 0 0;
    z-index: 1;
}
.promotions-p p {
    margin-bottom: 0;
}
.promotions-p-b-h {
    width: 100%;
}
.promotions-p-b-h .sidebar-promotions-title-top {
    font-size: 12px;
}
.promotions-p-b-h .promotions-p-b:last-child {
    margin-bottom: 0;
}
.promotions-p-b {
    padding: 5px 10px 5px 5px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 6px;
}
.promotions-p-b .row {
    max-width: inherit !important;
}
.promotions-p-b picture {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 4px;
    overflow: hidden;
}
.promotions-p-b h3 {
    font-size: 14px;
}
.promotions-p-b .deposit-button {
    font-size: 12px;
    padding: 11px 26px;
}
.promotions-locked {
    pointer-events: none;
    filter: grayscale(100%);
}
.promotions-locked .deposit-button {
    padding: 11px 19px;
}
.promotions-locked .deposit-button svg {
    margin-top: -4px;
}
.promotions-p {
    padding: 0 10px 10px;
}
@media (max-width: 991.98px) {
    #personal-modal .modal-dialog {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0;
    }
}
@media (max-width: 991.98px) {
    #personal-modal .modal-content,
    #personal-modal .personal-h {
        border-radius: 0;
    }
}
@media (max-width: 519.98px) {
    #personal-modal .personal-h {
        min-height: 99.9vh;
    }
}
.tournaments-profile-h {
    padding: 0 10px 10px;
    height: 214px;
    margin-bottom: 0;
}
.tournaments-profile-h__header {
    position: sticky;
    top: 0;
    padding: 10px 0;
    background-color: #ebedf4;
    border-radius: 14px 14px 0 0;
    z-index: 1;
}
@media (max-width: 991.98px) {
    .tournaments-profile-h {
        height: unset;
        min-height: 245px;
        max-height: 315px;
        margin-bottom: 10px;
    }
}
@media (max-width: 519.98px) {
    .tournaments-profile-h .simplebar-offset {
        right: 0 !important;
    }
}
@media (max-width: 519.98px) {
    .tournaments-profile-h .simplebar-mask .simplebar-content {
        overflow: hidden scroll !important;
    }
}
.tournaments-profile-h p {
    margin-bottom: 0;
}
#bonuses #cabinet-bonuses__simplebar-wrapper {
    overflow-x: hidden;
    height: 100%;
}
@media (max-width: 519.98px) {
    #bonuses #cabinet-bonuses__simplebar-wrapper {
        height: auto;
    }
}
#bonuses #cabinet-bonuses__simplebar-inner-wrapper {
    min-height: 100%;
    margin-bottom: 0 !important;
}
@media (max-width: 519.98px) {
    #bonuses #cabinet-bonuses__simplebar-inner-wrapper {
        min-height: inherit !important;
    }
}
#transaction .scroll-transaction {
    max-height: 425px;
    min-height: calc(100% - 10px);
}
@media (max-width: 519.98px) {
    #transaction .scroll-transaction {
        max-height: 360px;
        min-height: inherit !important;
    }
}
#transaction .profile-input {
    min-height: calc(100% - 22px);
}
@media (max-width: 519.98px) {
    #transaction .profile-input {
        min-height: inherit;
    }
}
#transaction .deposit-tab-c {
    min-height: calc(100% - 10px);
}
@media (max-width: 519.98px) {
    #transaction .deposit-tab-c {
        min-height: inherit;
    }
}
#game-history .profile-c {
    min-height: 570px;
    margin-bottom: 0 !important;
    overflow: hidden;
    border-radius: 14px;
}
@media (max-width: 519.98px) {
    #game-history .profile-c {
        min-height: inherit;
    }
}
#game-history .profile-input {
    min-height: 592px;
}
@media (max-width: 519.98px) {
    #game-history .profile-input {
        min-height: inherit;
    }
}
#game-history .slots-ch {
    overflow-x: hidden;
}
#notifications #cabinet-notifications__simple-bar-wrapper {
    min-height: calc(100% - 10px);
    overflow-x: hidden;
}
@media (max-width: 519.98px) {
    #notifications #cabinet-notifications__simple-bar-wrapper {
        min-height: inherit;
    }
}
#notifications .horizontal {
    display: none;
}
#profile .profile-input {
    min-height: calc(100% - 10px);
}
@media (max-width: 519.98px) {
    #profile .profile-input {
        min-height: inherit;
    }
}
#profile #profile-tb {
    max-height: inherit;
    min-height: calc(100% - 10px);
}
@media (max-width: 519.98px) {
    #profile #profile-tb {
        min-height: inherit;
    }
}
@media (max-width: 519.98px) {
    #profile .profile-c {
        padding: 7px !important;
    }
}
#security .profile-input {
    min-height: inherit;
}
#verification .verification-h {
    max-height: 590px;
    border-radius: 10px !important;
    overflow: hidden inherit;
}
@media (max-width: 519.98px) {
    #verification .verification-h {
        max-height: inherit;
        border-radius: 0 !important;
        overflow: inherit;
    }
}
#verification .profile-input {
    min-height: inherit;
}
.playfina__personal-cabinet--safari #cabinet-bonuses__simplebar-wrapper div.simplebar-offset div.simplebar-content {
    border-radius: 14px;
    overflow: hidden;
}
@media (max-width: 1349.98px) {
    .playfina__personal-cabinet--safari #profile #profile-tb div.simplebar-offset div.simplebar-content {
        padding-right: 15px !important;
    }
}
@media (max-width: 519.98px) {
    .cabinet__right-side-col .notifciations-h {
        padding: 15px 10px 15px 0;
    }
}
@media (max-width: 519.98px) {
    .cabinet__right-side-col .show-all-notifications {
        margin-left: 10px;
    }
}
.tournaments-profile-c {
    padding: 6px 10px 6px 6px;
    background-color: rgba(172, 172, 191, 0.06);
    border-radius: 6px;
    margin-bottom: 6px;
    width: 100%;
    -webkit-transition: background-color 0.26s ease-in-out;
    -o-transition: background-color 0.26s ease-in-out;
    transition: background-color 0.26s ease-in-out;
}
.tournaments-profile-c:hover {
    background-color: rgba(172, 172, 191, 0.2);
}
.tournaments-profile-c:hover .tournaments-profile-c__icon {
    -webkit-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
}
.tournaments-profile-c__wrapper {
    gap: 10px;
}
.tournaments-profile-c picture {
    margin: 0 10px 0 0;
    width: 62px;
    height: 62px;
    border-radius: 4px;
}
.tournaments-profile-c h3 {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 4px;
    color: #18191c;
}
.tournaments-profile-c h3 a {
    color: #18191c;
}
.tournaments-profile-c h4 {
    font-size: 14px;
    line-height: 18px;
    color: #fa9b0d;
}
.tournaments-profile-c h4 a {
    color: #fa9b0d;
}
.tournaments-profile-c__icon {
    -webkit-transition: -webkit-transform 0.26s ease-in-out;
    transition: -webkit-transform 0.26s ease-in-out;
    -o-transition: -o-transform 0.26s ease-in-out;
    transition: transform 0.26s ease-in-out;
    transition: transform 0.26s ease-in-out, -webkit-transform 0.26s ease-in-out, -o-transform 0.26s ease-in-out;
}
.tournaments-profile-c:last-child {
    margin-bottom: 0;
}
.recently-played-h {
    padding: 10px;
    margin-bottom: 0;
}
.recently-played-h p {
    margin-bottom: 0;
}
.recently-played-h .row {
    margin: 0 -3.5px;
}
.recently-played-h .col-md-4 {
    padding: 0 3.5px;
    margin-bottom: 4px;
}
.recently-played-h .slots-img {
    height: 77px;
    margin-bottom: 5px !important;
}
@media (max-width: 1349.98px) {
    .recently-played-h .slots-img {
        height: auto;
        padding-bottom: 100%;
    }
}
@media (max-width: 1349.98px) {
    .recently-played-h .slot-image {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.recently-played-h .slot-link {
    font-size: 12px;
    width: 77px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recently-played-h .provider-t {
    font-size: 12px;
}
.bottom-tournaments {
    margin: 0 -5px;
}
.bottom-tournaments .col-md-6 {
    padding: 0 5px;
}
.verification-h {
    max-height: 565px;
}
@media (max-width: 991.98px) {
    .verification-h {
        max-height: inherit;
    }
}
.profile-input {
    padding: 21px 20px !important;
    background: #ebedf4;
}
@media (max-width: 991.98px) {
    .profile-input {
        padding: 21px 12px !important;
    }
}
.profile-input h2 img {
    margin-top: -4px;
}
.profile-input-c label {
    display: block;
    line-height: 18px;
    margin-bottom: 6px;
}
.profile-input-c input,
.profile-input-c select {
    background: transparent;
    border: 1px solid #babed1;
    border-radius: 100px;
    font-size: 15px;
    height: 48px;
    padding: 0 14px;
    color: #686c7d;
}
.profile-input-c input:focus,
.profile-input-c select:focus {
    color: #000;
    border: 1px solid #007bff;
}
.profile-input-c option {
    color: #686c7d;
}
.profile-input-c select:focus {
    border: 1px solid #007bff;
}
.profile-input-c input::-webkit-inner-spin-button,
.profile-input-c input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#cabinet-profile__country--button {
    text-align: left;
    opacity: 0.6;
    pointer-events: none;
    border: 1px solid #babed1;
    border-right: 1px solid #babed1;
    border-radius: 100px;
}
.cabinet-history__deposit-clear-datepicker {
    width: 20px;
    background: #28253b;
}
.profile-input-phone .button-phone {
    height: 48px;
    font-size: 14px;
    color: #686c7d;
    line-height: 20px;
    padding: 12px 10px;
    background: transparent;
    border: 1px solid #babed1;
    border-right: 0;
    border-radius: 100px 0 0 100px;
}
.profile-input-phone .button-phone img {
    max-width: 21px;
    max-height: 21px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
}
.profile-input-phone .phone-c {
    background-color: transparent;
}
.profile-input-phone .dropdown-menu {
    background-color: #fff;
}
.profile-input-phone .dropdown-menu li span {
    color: #000;
}
.profile-input-phone .dropdown-menu li button:hover {
    background-color: #007bff;
}
.profile-input-phone .dropdown-menu li button:hover span {
    color: #fff;
}
.profile-input-phone ul {
    max-height: 300px;
    overflow-y: scroll;
}
.profile-input-phone li {
    margin-bottom: 5px;
}
.profile-input-phone li button {
    text-align: left;
    width: 100%;
    padding: 4px 10px;
}
.profile-input-phone li button:hover {
    background-color: #2f6045;
}
.profile-input-phone li span {
    color: #fff;
}
.profile-input-phone li:last-child {
    margin-bottom: 0;
}
.profile-input-phone input {
    border-radius: 0 100px 100px 0;
}
.scroll-transaction {
    max-height: 410px;
    overflow-x: hidden !important;
}
.scroll-transaction .simplebar-track.horizontal {
    opacity: 0;
}
.save-button {
    display: block;
    width: 100%;
    padding: 13px 10px;
    text-align: center;
    background: #007bff;
    border-radius: 100px;
}
.save-button:hover {
    background: #1939a8;
}
.low-account-security-c picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 95px;
    height: 95px;
    border-radius: 5px;
    background-color: #1f1f28;
}
.low-account-security-c li,
.low-account-security-c p {
    font-size: 15px;
    line-height: 19px;
    color: #686c7d;
    margin-bottom: 10px;
}
.low-account-security-c li:last-child,
.low-account-security-c p:last-child {
    margin-bottom: 0;
}
.secret-code {
    width: 100%;
    min-width: 126px;
    padding: 16px;
    background-color: #dfe2ee;
    border-radius: 10px;
}
@media (max-width: 991.98px) {
    .secret-code {
        padding: 16px 12px;
    }
}
.secret-code p {
    font-size: 15px;
    line-height: 19px;
    color: #686c7d;
    margin-bottom: 12px;
}
.secret-code p strong {
    color: #007bff;
}
@media (max-width: 991.98px) {
    .secret-code p strong {
        display: block;
    }
}
.secret-code button {
    padding: 14px;
    width: 100%;
    min-width: 126px;
    line-height: 19px;
    border-radius: 100px;
    background: #007bff;
}
.secret-code button:hover {
    background-color: #1939a8;
}
.verificiation-information {
    border-radius: 100px;
    padding: 10px;
    background: #ebedf4;
}
.verificiation-information img {
    display: inherit;
    margin-right: 6px;
}
.verificiation-information p {
    line-height: 18px;
}
.send-email .secret-code {
    padding: 0;
    background-color: transparent;
}
.verify-phone h3 {
    color: #686c7d;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 5px;
}
.verify-phone h3 strong {
    color: #000;
    font-size: 16px;
}
.verify-phone h4 {
    color: #686c7d;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px;
}
.verify-phone h4 strong {
    color: #fa9b0d;
}
.proof-identity-c {
    margin-bottom: 14px;
}
.proof-identity-c p {
    font-size: 16px;
    color: #686c7d;
    line-height: 24px;
    margin-bottom: 14px;
}
.proof-identity-c p:last-child {
    margin-bottom: 0;
}
.upload-documents {
    padding: 16px;
    border-radius: 10px;
    background: #dfe2ee;
}
.upload-documents h2 {
    color: #18191c;
    line-height: 18px;
}
.have-promo-code p {
    font-size: 16px !important;
    color: #fa9b0d !important;
}
.have-promo-code img {
    margin-right: 10px;
}
.have-promo-code input {
    padding: 10px;
    height: 40px;
    background: transparent;
    border: 1px solid #babed1;
    font-size: 14px;
    color: #000;
    border-radius: 100px;
    margin-right: 10px !important;
}
.have-promo-code input::-webkit-input-placeholder {
    color: #686c7d;
}
.have-promo-code input::-moz-placeholder {
    color: #686c7d;
}
.have-promo-code input:-ms-input-placeholder,
.have-promo-code input::-ms-input-placeholder {
    color: #686c7d;
}
.have-promo-code input::placeholder {
    color: #686c7d;
}
@media (max-width: 1349.98px) {
    .have-promo-code input {
        margin-right: 0 !important;
    }
}
@media (max-width: 519.98px) {
    .have-promo-code input {
        font-size: 16px;
    }
}
.have-promo-code button {
    width: 100%;
    padding: 9.5px 30px;
    border-radius: 100px;
}
@media (max-width: 519.98px) {
    .have-promo-code .col-sm {
        padding: 0 !important;
    }
}
.have-promo-code .col-sm .col-sm {
    padding: 0 5px !important;
}
@media (max-width: 519.98px) {
    .have-promo-code .col-sm .col-sm {
        padding: 0 !important;
        margin-bottom: 10px;
    }
}
.have-promo-code .col-sm .col-sm-auto {
    padding: 0 5px !important;
}
@media (max-width: 519.98px) {
    .have-promo-code .col-sm .col-sm-auto {
        padding: 0 !important;
    }
}
@media (max-width: 519.98px) {
    .have-promo-code .col-sm-auto {
        padding: 0 !important;
        margin-bottom: 10px;
    }
}
.confirmation-c {
    padding: 12px 14px;
    border-radius: 6px;
    background: rgba(172, 172, 191, 0.1);
}
.confirmation-c picture img {
    margin-right: 6px;
}
.confirmation-c h4 {
    font-size: 15px;
    color: #e0e0e4;
    word-break: break-all;
    line-height: 19px;
}
.upload-file {
    position: relative;
    cursor: pointer;
}
.upload-file:hover span {
    background-color: #007bff;
}
.upload-file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.upload-file span {
    text-align: center;
    padding: 13px 33px;
    border-radius: 100px;
    background-color: #4667dc;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.visit-lobby {
    display: inline-block;
    font-size: 13px;
    padding: 7px 13px;
    border-radius: 5px;
    background: rgba(172, 172, 191, 0.1);
}
.visit-lobby:hover {
    background: rgba(172, 172, 191, 0.2);
}
.visit-lobby svg {
    margin-top: -2px;
}
.recently-played-game-history .slots-h .row {
    margin: 0 -5px;
}
.recently-played-game-history .slots-h .col {
    padding: 0 5px;
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (max-width: 991.98px) {
    .recently-played-game-history .slots-h .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6%;
        flex: 0 0 16.6%;
        max-width: 16.6%;
    }
}
@media (max-width: 991.98px) {
    .recently-played-game-history .slots-h .slots-img {
        height: 129px !important;
    }
}
.recently-played-game-history .slots-h .slots-img {
    height: auto;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .recently-played-game-history .slots-h .slots-img {
        height: auto;
        padding-bottom: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .recently-played-game-history .slots-h .slot-image {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.c-bonus,
.recently-played-game-history .slots-h .slot-link {
    width: 100%;
}
.c-bonus {
    display: block;
    padding: 12px 10px;
    line-height: 18px;
    border-radius: 6px;
}
.c-play {
    width: 100%;
}
.bonuses-tabs-h {
    max-height: 700px;
}
@media (max-width: 1349.98px) {
    .bonuses-tabs-h {
        max-height: inherit;
    }
}
.bonuses-tabs-h .simplebar-mask {
    margin-right: -3px;
}
.bonuses-tabs-h .row {
    margin: 0 -5px;
}
.bonuses-tabs-h .col,
.bonuses-tabs-h .col-auto,
.bonuses-tabs-h .col-md-6 {
    padding: 0 5px;
}
.bonuses-tabs-h .align-items-center {
    margin: 0;
}
.bonuses-tabs-h .align-items-center .col,
.bonuses-tabs-h .align-items-center .col-auto {
    padding: 0;
}
.bonuses-tabs-h .verificiation-information {
    padding: 8px 7px;
    font-size: 12px;
}
.bonuses-tabs-h h2 {
    font-size: 22px;
    color: #000;
    line-height: 23px;
}
.bonuses-tabs-h .missions-p {
    margin-bottom: 20px;
}
.bonuses-tabs-h .missions-p-c span {
    background-color: #fa9b0d;
}
.bonuses-tabs-h picture {
    width: 100px;
    height: 100px;
    border-radius: 6px;
    overflow: hidden;
}
.bonuses-tabs-h p {
    color: #686c7d;
    font-size: 12px;
    line-height: 18px;
}
.sticky-filter {
    position: sticky;
    top: 64px;
    left: 0;
    width: 100%;
    z-index: 99;
}
@media (max-width: 519.98px) {
    .sticky-filter {
        top: 58px;
    }
}
.bonuses-top-show {
    margin-bottom: 8px;
}
@media (max-width: 519.98px) {
    .bonuses-top-show {
        padding: 0 10px;
    }
}
.bonuses-top-show li {
    display: inline-block;
    vertical-align: top;
    padding: 9px 12px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
}
@media (max-width: 519.98px) {
    .bonuses-top-show li {
        padding: 0 0 4px;
        border-radius: 0;
        background-color: transparent;
    }
}
.bonuses-top-show li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #4667dc;
}
@media (max-width: 519.98px) {
    .bonuses-top-show li span {
        font-size: 13px;
    }
}
.bonuses-top-show li .bonuses-active-number {
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
    background: #4667dc;
    margin-left: 5px;
}
@media (max-width: 519.98px) {
    .bonuses-top-show li .bonuses-active-number {
        margin-left: 0;
    }
}
.bonuses-top-show .active-bnouses-h {
    background: #4667dc;
}
@media (max-width: 519.98px) {
    .bonuses-top-show .active-bnouses-h {
        background-color: transparent;
        border-bottom: 1px solid #facd0d;
    }
}
.bonuses-top-show .active-bnouses-h .bonuses-active-number {
    background: #1939a8;
}
.bonuses-top-show li + li {
    margin-left: 5px;
}
@media (max-width: 519.98px) {
    .bonuses-top-show li + li {
        margin-left: 3px;
    }
}
@media (max-width: 519.98px) {
    #bonuses header {
        padding: 14px 10px 0;
    }
}
@media (max-width: 519.98px) {
    #bonuses .simplebar-content {
        padding: 0 !important;
    }
}
@media (max-width: 519.98px) {
    #bonuses .profile-input {
        padding: 0 5px !important;
        border-radius: 0 !important;
    }
}
@media (max-width: 519.98px) {
    #bonuses .profile-c {
        padding: 8px 8px 8px 6px !important;
    }
}
@media (max-width: 519.98px) {
    #bonuses .active-bonuses-hc .deposit-button {
        line-height: 27px;
    }
}
@media (max-width: 519.98px) {
    body #cabinet-dashboard__promotions-wrapper--mobile .simplebar-content {
        padding-right: 0 !important;
    }
}
.error-bonus {
    border: 1px solid #ec1e1e !important;
}
.active-bonuses-hc {
    height: 100%;
    border-radius: 8px;
    padding: 15px;
    background: #fff;
}
.promotions-height {
    height: 592px;
}
@media (max-width: 1349.98px) {
    .promotions-height {
        max-width: 920px;
    }
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .promotions-height {
        max-height: 592px;
    }
}
.promotions-height .simplebar-placeholder {
    width: 100% !important;
}
@media (max-width: 1349.98px) {
    .promotions-height .simplebar-content {
        padding: 0 10px 30px !important;
        overflow-y: scroll !important;
        overflow-x: scroll !important;
    }
}
.deposit-bonus-c {
    position: relative;
    padding-bottom: 70px;
}
.mobile-dashboard-links {
    padding: 10px;
    background: #ebedf4;
    border-radius: 14px;
}
.mobile-dashboard-links .row {
    position: relative;
}
.mobile-dashboard-links .row .mobile-balance {
    color: #18191c;
    margin: 0 5px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0 !important;
}
.mobile-dashboard-links picture {
    max-width: 25px;
    margin-right: 12px;
}
.mobile-dashboard-links ul {
    display: block;
}
.mobile-dashboard-links li {
    display: block;
    margin-bottom: 10px;
}
.mobile-dashboard-links h3 {
    display: inline-block;
    vertical-align: middle;
}
.mobile-dashboard-links .col p {
    width: 90%;
    font-size: 16px;
    line-height: 19px;
    color: #686c7d;
}
.mobile-dashboard-links .col h4 {
    display: block;
    width: 90%;
    color: #686c7d;
    font-size: 11px;
    line-height: 14px;
}
.mobile-dashboard-links .active {
    background-color: transparent !important;
}
.mobile-dashboard-links .active p {
    color: #686c7d !important;
}
.profile-top-level {
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
@media (max-width: 991.98px) {
    .profile-top-level {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.dashboard-bonuses li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}
.dashboard-bonuses li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #007bff;
    border-radius: 50%;
}
.dashboard-bonuses p {
    font-size: 14px;
    color: #686c7d;
    line-height: 18px;
}
.dashboard-bonuses h4 {
    max-width: 180px;
    text-align: right;
    font-size: 14px;
    color: #18191c;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 519.98px) {
    .dashboard-bonuses h4 {
        max-width: 120px;
    }
}
.deposit-b {
    margin: 0 -5px !important;
}
.deposit-b .col,
.deposit-b .col-auto {
    padding: 0 5px !important;
}
.deposit-button-c {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}
.mission-rewards-h__label {
    margin: 0 0 16px;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
}
.mission-rewards-h__content {
    padding: 15px 5px;
    border-radius: 8px;
    background-color: #dfe2ee;
}
.mission-rewards-h .missions-p {
    margin-bottom: 20px;
}
.mission-rewards-h .missions-p-c span {
    background-color: #facd0d;
}
.mission-rewards-h picture {
    width: 65px;
    height: 65px;
    margin-right: 10px;
}
.mission-rewards-h h3 {
    font-size: 18px;
    color: #facd0d;
    line-height: 23px;
}
.mission-rewards-h h4 {
    font-size: 13px;
    color: #686c7d;
    line-height: 16px;
}
.missions-rewards-details {
    display: block;
    border-radius: 6px;
    padding: 11px 10px;
    color: #686c7d;
    font-size: 15px;
    background: rgba(172, 172, 191, 0.06);
    margin-bottom: 8px;
}
.missions-rewards-details svg {
    vertical-align: top;
}
.play-now-missions {
    text-align: center;
    display: block;
    border-radius: 6px;
    font-size: 15px;
    padding: 11px 10px;
    color: #fff;
    background: rgba(172, 172, 191, 0.14);
    margin-bottom: 14px;
}
.play-now-missions:hover {
    color: #fff;
    background: rgba(172, 172, 191, 0.2);
}
.game-history-top {
    max-width: 440px;
}
.game-history-top .deposit-currency {
    width: 100%;
}
@media (max-width: 991.98px) {
    .my-missions-h h1 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
.my-missions-h .missions-back-c,
.my-missions-h .missions-infront {
    min-height: 302px;
}
.my-missions-h .row {
    margin: 0 -5px;
}
.my-missions-h .col-lg-2 {
    padding: 0 5px;
}
.my-missions-c {
    position: relative;
    border-radius: 8px;
    height: 100%;
    -webkit-perspective: 200rem;
    perspective: 200rem;
}
.missions-infront {
    padding: 48px 15px 57px;
    background: #151518;
    border-radius: 8px;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.missions-infront picture {
    max-width: 86px;
    margin: 0 auto 8px;
}
.missions-infront h2 {
    text-align: center;
    line-height: 23px;
    margin-bottom: 12px;
}
@media (max-width: 991.98px) {
    .missions-infront h2 {
        font-size: 16px;
    }
}
.missions-infront p {
    font-size: 16px;
    line-height: 20px;
    color: #686c7d;
    margin-bottom: 10px;
}
.missions-infront p strong {
    color: #fff;
}
.missions-infront .bonuses-icons-h {
    position: absolute;
    top: 10px;
    left: 10px;
}
.missions-infront .bonuses-icons-h span {
    border-radius: 30px !important;
}
.missions-infront .bonuses-icons-h img {
    margin-right: 5px;
}
.missions-progress {
    position: relative;
    background: rgba(172, 172, 191, 0.1);
    margin-bottom: 10px;
}
.missions-progress,
.missions-progress span {
    display: block;
    height: 6px;
    border-radius: 20px;
}
.missions-progress span {
    position: absolute;
    top: 0;
    left: 0;
    background: #facd0d;
}
.play-now-mission {
    display: block;
    position: absolute;
    bottom: 12px;
    left: 15px;
    right: 15px;
    text-align: center;
    padding: 11px 10px;
    background: rgba(172, 172, 191, 0.14);
    border-radius: 6px;
}
.play-now-mission:hover {
    color: #fff;
    background: rgba(172, 172, 191, 0.24);
}
.play-now-mission img {
    margin-top: -2px;
    margin-right: 2px;
}
.missions-b-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 24px;
    z-index: 2;
}
.missions-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    border: 1px solid #04c000;
    background: #151518;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.missions-back-c {
    padding: 48px 15px 10px;
}
.missions-back-c button {
    position: absolute;
    top: 10px;
    right: 10px;
}
.missions-back-c h3 {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 10px;
}
.missions-back-c h3 span {
    font-size: 14px;
}
.missions-back-c p {
    font-size: 14px;
    color: #686c7d;
    line-height: 20px;
    margin-bottom: 10px;
}
@media (max-width: 519.98px) {
    .missions-back-c p {
        word-break: break-all;
    }
}
.missions-showed .missions-infront {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.missions-showed .missions-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.missions-get-reward .missions-infront {
    padding: 75px 15px 57px;
    background-image: url(../images/examples/missions-ceompleted-get.png);
    background-repeat: no-repeat;
    background-position: top 20px center;
}
.missions-get-reward .missions-infront picture {
    max-width: 94px;
}
.missions-completed .missions-infront {
    padding: 75px 15px 57px;
    background-image: url(../images/examples/missions-completed.png);
    background-repeat: no-repeat;
    background-position: bottom 0 center;
}
.missions-completed .missions-infront picture {
    max-width: 94px;
}
@media (max-width: 991.98px) {
    .regular-missions-h h4 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
.regular-mission-c .simplebar-scrollbar {
    height: 2px;
    top: 0 !important;
    visibility: visible !important;
}
.regular-mission-c .simplebar-scrollbar:before {
    opacity: 1 !important;
    background: #007bff !important;
}
.regular-mission-c .simplebar-track.horizontal {
    height: 2px;
    background: rgba(172, 172, 191, 0.06) !important;
}
.regular-mission-c .simplebar-track.horizontal .simplebar-scrollbar {
    height: 2px;
    top: 0 !important;
    visibility: visible !important;
}
.regular-mission-c .simplebar-track.horizontal .simplebar-scrollbar:before {
    opacity: 1 !important;
    background: #007bff !important;
}
.regular-mission-c .row {
    margin: 0 -5px;
}
@media (max-width: 991.98px) {
    .regular-mission-c .row {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        padding-bottom: 10px;
    }
}
.regular-mission-c .col-lg-2 {
    padding: 0 5px;
}
.regular-mission-c .missions-infront {
    min-height: 270px;
}
.regular-mission-c .missions-infront picture {
    mix-blend-mode: luminosity;
}
.regular-mission-c .missions-back {
    border: 1px solid #facd0d;
}
.regular-mission-c .missions-back-c {
    min-height: 270px;
    padding: 34px 15px 5px;
}
.challenges-h {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (max-width: 519.98px) {
    .challenges-h {
        padding-top: 21px;
        padding-bottom: 20px;
    }
}
@media (max-width: 519.98px) {
    .challenges-h .welcome-details-t {
        margin-bottom: 20px;
    }
}
.challenges-h h2 {
    font-size: 16px !important;
    color: #fa9b0d !important;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.challenges-h select {
    width: 190px;
    height: 40px;
    font-size: 14px;
    padding: 0 14px;
    color: #facd0d;
    border-radius: 6px;
    background: rgba(172, 172, 191, 0.06);
}
.challenges-h option {
    color: #000;
}
.challenges {
    margin-bottom: 20px;
}
@media (max-width: 519.98px) {
    .challenges {
        margin-bottom: 10px;
    }
}
.challenges-t-s .welcome-details-t {
    padding-top: 20px;
}
.challenges-c {
    padding: 10px;
    height: 100%;
    background-color: #fff;
    border-radius: 14px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
}
.challenges-c:hover {
    background-color: #dfe2ee;
}
.challenges-c .slots-wrap {
    border: none;
}
.challenges-c .slots-wrap:hover {
    background-color: transparent;
}
.challenges-c .slots-img {
    height: 203px;
    border-radius: 14px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .challenges-c .slots-img {
        height: 220px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .challenges-c .slots-img {
        height: 335px;
    }
}
@media (max-width: 519.98px) {
    .challenges-c .slots-img {
        height: auto;
    }
}
@media (max-width: 519.98px) {
    .challenges-c img {
        position: absolute;
    }
}
@media (max-width: 519.98px) {
    .challenges-c-h .row {
        margin: 0 -2.5px;
    }
}
@media (max-width: 519.98px) {
    .challenges-c-h .col-lg-2 {
        padding: 0 2.5px;
    }
}
.challenges-b {
    padding: 12px 10px;
}
@media (max-width: 519.98px) {
    .challenges-b {
        padding: 15px 10px;
    }
}
.challenges-b h2 {
    font-size: 14px;
    height: 36px;
    overflow: hidden;
    color: #fff;
    line-height: 18px;
    margin-bottom: 9px;
}
.challenges-b p {
    font-size: 12px;
    color: #686c7d;
    line-height: 18px;
}
.challenges-b h3 {
    color: #007bff;
    font-size: 14px;
    line-height: 18px;
}
.challenges-b .row {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 5px;
}
.price-holder h3 {
    font-size: 16px;
    line-height: 25px;
}
@media (max-width: 519.98px) {
    .price-holder h3 {
        font-size: 14px;
    }
}
.challenges-claimed .slots-img {
    pointer-events: none;
}
.challenges-claimed .slots-img:before {
    opacity: 0.7;
}
.challenges-claimed .row:nth-child(4) {
    margin-bottom: 12px;
}
.challenges-claimed .row:nth-child(4) h3 {
    font-size: 24px;
}
@media (max-width: 519.98px) {
    .challenges-claimed .row:nth-child(4) h3 {
        font-size: 14px;
    }
}
.game-s {
    position: relative;
    background: url(../images/backgrounds/game-bg.png) top no-repeat;
    background-size: cover;
}
.game-s:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#244e84), to(rgba(29, 57, 81, 0.7)));
    background: -webkit-linear-gradient(bottom, #244e84, rgba(29, 57, 81, 0.7));
    background: -o-linear-gradient(bottom, #244e84 0, rgba(29, 57, 81, 0.7) 100%);
    background: linear-gradient(0deg, #244e84, rgba(29, 57, 81, 0.7));
    z-index: 2;
}
.game-h {
    padding-top: 10px !important;
    z-index: 4;
}
.game-c,
.game-h {
    position: relative;
}
.game-c {
    text-align: center;
    padding-bottom: 56.25%;
}
@media (max-width: 991.98px) {
    .game-c {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 60px);
        z-index: 9998;
        padding-bottom: 0;
    }
    .game-c .exit-full-screen {
        display: none !important;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .game-c {
        height: 100vh;
        right: 0;
        left: inherit;
        width: calc(100vw - 54px);
    }
}
.game-c .exit-full-screen {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999999;
}
.game-c iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 14px;
    z-index: 98;
}
@media (max-width: 991.98px) {
    .game-c iframe {
        border-radius: 0;
    }
}
@media (max-width: 519.98px) {
    .gamepage-b .game-c {
        width: 100%;
        height: 100%;
    }
}
.gamepage-b .bottom-menu-h {
    display: none;
}
.more-from-p-i img {
    max-width: 102px;
    max-height: 35px;
}
.gamepage .place-button {
    z-index: 2;
}
.gamepage .bottom-menu-c {
    width: 100%;
}
.gamepage .bottom-menu-c__noPadding {
    padding: 0;
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: inherit;
        width: 55px;
        height: 100%;
        z-index: 999;
        background: #151518;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .bottom-menu-c {
        width: 100%;
        margin-bottom: 0;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .bottom-menu-c .row {
        display: block;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .bottom-menu-c .col-6 {
        text-align: center !important;
        width: 100%;
        max-width: 100%;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .bottom-menu-c:first-child {
        top: 20px;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .bottom-menu-c:first-child .col-6:first-child {
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .bottom-menu-c:last-child {
        bottom: 20px;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .bottom-menu-c:last-child .col-6:first-child {
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .circle-button {
        min-width: 54px !important;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h .circle-text {
        display: none;
    }
}
.gamepage .bottom-menu-h .col-6 img {
    max-width: 30px;
    min-width: 27px;
}
.gamepage .bottom-menu-h-nologged {
    padding-top: 12px;
    min-height: 69px;
}
.gamepage .bottom-menu-h-nologged .bottom-menu-c {
    width: 50%;
    margin-bottom: 0;
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage .bottom-menu-h-nologged .bottom-menu-c {
        width: 100%;
    }
}
.gamepage .bottom-menu-h-nologged .col-6 {
    text-align: center !important;
}
.gamepage .circle-button:before {
    display: none;
}
.simillar-p-h .live-games-h-content picture {
    border-radius: 5px;
}
@media (max-width: 530px) {
    .simillar-p-h .live-games-h-content picture {
        width: 110px;
    }
}
.simillar-p-h .live-games-h-content picture:before {
    display: block;
    opacity: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.82%, rgba(36, 26, 66, 0)), color-stop(75.24%, rgba(36, 26, 66, 0.887241)), to(#241a42));
    background: -webkit-linear-gradient(top, rgba(36, 26, 66, 0) 12.82%, rgba(36, 26, 66, 0.887241) 75.24%, #241a42);
    background: -o-linear-gradient(top, rgba(36, 26, 66, 0) 12.82%, rgba(36, 26, 66, 0.887241) 75.24%, #241a42 100%);
    background: linear-gradient(180deg, rgba(36, 26, 66, 0) 12.82%, rgba(36, 26, 66, 0.887241) 75.24%, #241a42);
}
.simillar-p-h .live-games-h-content picture:hover .hovered-slot-content {
    display: none;
}
.simillar-p-h .live-games-h-content .exclusive-h {
    border-radius: 30px !important;
}
.providers-img {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}
.providers-img img {
    max-width: 188px;
    max-height: 40px;
    margin-bottom: 10px;
}
.providers-img p {
    font-size: 12px;
}
.games-button {
    display: inline-block;
    vertical-align: middle;
}
.game-top {
    font-size: 18px;
}
.game-c-full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 72px);
    z-index: 9998;
    padding-bottom: 0;
}
.game-c-full .exit-full-screen {
    display: block;
}
@media (max-width: 519.98px) {
    .make-deposit-h .modal-dialog {
        max-width: inherit !important;
        background: #f7f8f9;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: 100%;
        margin: 0;
    }
}
.make-deposit-h .modal-content {
    border: 0;
    padding: 20px 30px 30px;
    background: #f7f8f9;
    border-radius: 10px;
}
@media (max-width: 991.98px) {
    .make-deposit-h .modal-content {
        padding: 10px 20px 20px;
    }
}
.make-deposit-h h2 {
    color: #151518;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 14px;
}
.make-deposit-h p {
    font-size: 14px;
    color: #706c88;
    line-height: 24px;
    margin-bottom: 10px;
}
.make-deposit-h p a {
    color: #006a00;
}
.deposit-make-h .modal-dialog {
    max-width: 640px;
}
.loader-modal {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999;
}
.loader-modal img {
    width: 70px;
    -webkit-animation: logoanimation 4s infinite;
    -o-animation: logoanimation 4s infinite;
    animation: logoanimation 4s infinite;
}
.loader-modal__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.loader-modal__style {
    display: block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(75%, transparent));
    mask-image: linear-gradient(90deg, #000, transparent 75%);
    -webkit-mask-image: -webkit-linear-gradient(90deg, #000, transparent 75%);
    -webkit-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}
.loader-modal__line {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 6px #1939a8;
}
.loader-modal__symbol {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    -webkit-animation: pulseOpacity 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
    -o-animation: pulseOpacity 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
    animation: pulseOpacity 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
@-webkit-keyframes logoanimation {
    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-o-keyframes logoanimation {
    50% {
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes logoanimation {
    50% {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-webkit-keyframes pulseOpacity {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes pulseOpacity {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}
@keyframes pulseOpacity {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}
.close-deposit {
    position: absolute;
    top: 20px;
    right: 10px;
}
@media (max-width: 991.98px) {
    .close-deposit {
        top: 10px;
    }
}
.close-deposit:hover {
    opacity: 0.7;
}
.select-deposits .row {
    margin: 0 -5px;
}
.select-deposits .col,
.select-deposits .col-6,
.select-deposits .col-auto {
    padding: 0 5px;
}
@media (max-width: 991.98px) {
    .select-deposits .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}
.select-deposits label {
    position: relative;
    margin: 0;
}
.select-deposits .bonuses-icons-h {
    top: -10px;
    left: 2px;
    position: absolute;
}
.select-deposits input {
    display: none;
}
.select-deposits input:checked + span {
    border: 1px solid #04c000;
    background: #f1fbf2;
}
.select-deposits .picture-h-deposit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #e0e0e4;
}
.select-deposits .picture-h-deposit:hover {
    background: #f1fbf2;
}
.select-deposits .picture-h-deposit img {
    max-width: 100px;
    max-height: 100%;
    min-width: 70px;
    max-height: 40px;
}
@media (max-width: 991.98px) {
    .select-deposits .picture-h-deposit img {
        max-width: 100%;
    }
}
#second_step_provider_image {
    max-width: 100px;
}
.back-to-first-step {
    display: grid;
    grid-template-columns: 32px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.crypto-select-deposit picture {
    max-width: 160px;
    min-width: 70px;
}
.crypto-select-deposit picture img {
    max-width: 100% !important;
}
.crypto-select-deposit h3 {
    font-size: 14px;
    color: #363057;
    line-height: 16px;
}
.choose-deposit-n-h h3 {
    display: block;
}
.next-step-deposit {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 60px;
    padding: 5px 10px;
    border-radius: 100px;
    background-color: #007bff;
}
.next-step-deposit:hover {
    background: #1939a8;
}
.next-step-deposit span {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #fff;
}
.gray-step-deposit {
    pointer-events: none;
    background: #acacbf;
}
.second-step {
    display: none;
}
.scroll-deposit {
    max-height: 460px;
    padding: 0 5px;
}
@media (max-width: 519.98px) {
    .scroll-deposit {
        max-height: inherit;
        height: 82vh;
    }
}
@media (max-width: 519.98px) {
    .scroll-deposit .simplebar-content {
        padding: 0 !important;
    }
}
@media (max-width: 519.98px) {
    .scroll-deposit .simplebar-track.vertical {
        opacity: 0 !important;
    }
}
@media (max-width: 519.98px) {
    .scroll-deposit .simplebar-offset {
        right: 0 !important;
    }
}
.choose-deposit span {
    position: absolute;
    top: 14px;
    left: 10px;
    color: #151518;
    font-size: 15px;
}
.choose-deposit input {
    -webkit-appearance: none;
    appearance: none;
    padding: 0 80px 0 50px !important;
}
.choose-deposit select {
    box-shadow: none !important;
}
.choose-deposit select:focus {
    outline: none;
}
.select-deposit-h .modal-dialog {
    max-width: 460px;
}
.deposit-inputs {
    position: relative;
}
.deposit-inputs input,
.deposit-inputs select {
    padding: 0 14px;
    background: #fff;
    font-size: 15px;
    height: 50px;
    color: #151518;
    border: 1px solid #e0e0e4;
    border-radius: 6px;
}
@media (max-width: 519.98px) {
    .deposit-inputs input,
    .deposit-inputs select {
        cursor: pointer;
    }
}
.deposit-inputs .row,
.deposit-inputs label {
    margin-bottom: 10px;
}
.deposit-inputs .col input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.deposit-inputs .button-phone {
    background-color: #fff;
    border: 1px solid #e0e0e4;
}
.deposit-icon-account {
    max-width: 100px !important;
    max-height: 30px !important;
}
.phone-number-ch {
    position: relative;
}
.phone-number-ch input {
    padding: 0 10px 0 70px;
}
.phone-number-ch select {
    position: absolute;
    width: auto;
    height: auto;
    border: 0;
    padding: 0;
    color: #151518;
    -webkit-appearance: none;
    appearance: none;
    top: 14px;
    left: 10px;
}
.small-deposit {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 75px;
    height: auto !important;
    border: 0 !important;
    padding: 0 !important;
    color: #9b9bad;
    font-size: 15px;
}
.choose-deposit-n h3 {
    font-size: 15px;
    color: #706c88;
}
.bonus-code-h input {
    display: none;
}
.bonus-code-h span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #e0e0e4;
}
.bonus-code-h svg {
    position: relative;
    display: block;
    opacity: 0;
    right: 1px;
    top: -1px;
}
.bonus-code-h p {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0;
}
.bonus-code-h input:checked + span {
    background-color: #007bff;
    border: 1px solid #007bff;
}
.bonus-code-h input:checked + span svg {
    opacity: 1;
}
@media (max-width: 519.98px) {
    .first-step {
        min-height: 100vh;
    }
}
.first-step .simplebar-track {
    right: -10px;
}
.bonus-code-c {
    display: none;
    position: relative;
}
.bonus-code-c input {
    color: #acacbf;
    font-size: 15px;
    padding: 0 30px 0 40px;
    line-height: 19px;
}
.bonus-code-c input::-webkit-input-placeholder {
    color: #acacbf;
    font-size: 15px;
    line-height: 19px;
}
.bonus-code-c input::-moz-placeholder {
    color: #acacbf;
    font-size: 15px;
    line-height: 19px;
}
.bonus-code-c input:-ms-input-placeholder,
.bonus-code-c input::-ms-input-placeholder {
    color: #acacbf;
    font-size: 15px;
    line-height: 19px;
}
.bonus-code-c input::placeholder {
    color: #acacbf;
    font-size: 15px;
    line-height: 19px;
}
.bonus-code-c svg {
    display: block;
}
.bonus-code-c button {
    right: 14px;
}
.bonus-code-c button,
.bonus-code-img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bonus-code-img {
    left: 14px;
}
.welcome-package-h h4 {
    font-size: 15px;
    color: #151518;
    line-height: 19px;
    margin-bottom: 6px;
}
.welcome-package-h .row {
    margin: 0 -5px;
}
.welcome-package-h .col,
.welcome-package-h .col-auto {
    padding: 0 5px;
}
.welcome-package-h .no-gutters {
    margin: 0;
}
.welcome-package-h .no-gutters .col,
.welcome-package-h .no-gutters .col-auto {
    padding: 0;
}
.welcome-package-c {
    background: #f4f0fb;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid rgba(140, 52, 252, 0.6);
    margin-bottom: 6px;
}
.welcome-package-c picture {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 4px;
}
.welcome-package-c picture img {
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
}
.welcome-package-c h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}
.welcome-package-c p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0;
}
.welcome-package-c .your-level-s {
    padding: 0;
}
.welcome-package-c .your-level-s:hover {
    z-index: 20px;
}
.welcome-package-c .your-level-s:hover .password-show-c {
    display: block;
}
.welcome-package-c .password-show-popup {
    position: static;
    top: 0;
    margin-right: 5px;
    right: 0;
}
.welcome-package-c .password-show-c {
    background: #363057;
    right: inherit;
    left: 0;
    z-index: 10;
}
.welcome-package-c .password-show-c:before {
    right: inherit;
    left: 10px;
    background: #363057;
}
.welcome-package-c .password-show-c h3,
.welcome-package-c .password-show-c li,
.welcome-package-c .password-show-c p {
    color: #fff !important;
}
.welcome-package-c .password-show-c li {
    position: relative;
    padding-left: 20px;
}
.welcome-package-c .password-show-c li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../images/icons/pass-p.svg);
}
.welcome-package-c .password-show-c p {
    margin-bottom: 5px;
}
.welcome-package-c .password-show-c .read-more-profile {
    color: #fa9b0d;
}
.bonus-code-h-p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 89px;
    height: 79px;
    background: rgba(172, 172, 191, 0.2);
    border-radius: 4px;
}
.bonus-code-h-p h5 {
    font-size: 12px;
    color: #006a00;
    line-height: 15px;
}
.bonus-code-h-p h6 {
    font-size: 11px;
    line-height: 14px;
    color: #706c88;
}
.select-currency-c {
    height: 76px !important;
}
.select-currency-c h3 {
    font-size: 14px;
}
.select-currency-c p {
    font-size: 12px;
    color: #686c7d;
    line-height: 16px;
    margin: 0;
}
.select-currency-c .select-currenct-icon {
    display: block;
    text-align: center;
    min-width: 80px;
    padding: 5px;
    font-size: 12px;
    background-color: #b7e1b6;
    border-radius: 4px;
}
@media (max-width: 519.98px) {
    .select-currency-c .select-currenct-icon {
        font-size: 10px;
        min-width: 40px;
    }
}
.select-picture-crypto picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    max-width: inherit;
    padding: 5px;
    min-width: 80px;
    height: auto;
    border-radius: 4px;
    background-color: #b7e1b6;
}
@media (max-width: 519.98px) {
    .select-picture-crypto picture {
        min-width: 40px;
    }
}
.select-picture-crypto picture img {
    max-width: 20px !important;
    height: 20px;
}
@media (max-width: 991.98px) {
    #currency-modal .select-deposits .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 519.98px) {
    #currency-modal .modal-content {
        padding: 10px;
    }
}
#transaction-fill-info-modal__gender-wrapper label {
    margin: 0 !important;
}
#transaction-fill-info-modal__gender-wrapper input {
    display: none;
}
#transaction-fill-info-modal__gender-wrapper span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 1px solid #007bff;
    border-radius: 50%;
}
#transaction-fill-info-modal__gender-wrapper input:checked + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007bff;
    border-radius: 50%;
    border: 4px solid #fff;
}
#transaction-fill-info-modal__gender-wrapper p {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-bottom: 0 !important;
    margin-left: 10px;
}
.bonus-code-h-p-h {
    text-align: center;
}
.welcome-package-c-b picture {
    filter: grayscale(100%);
}
.welcome-package-c-b .your-level-s {
    pointer-events: none;
}
.welcome-package-c-b .password-show-popup {
    pointer-events: none;
    filter: grayscale(100%);
}
.welcome-package-s-b picture {
    filter: grayscale(100%);
}
.bonus-t {
    font-size: 13px !important;
}
.back-payment {
    color: #151518;
    padding-right: 20px;
    line-height: 32px;
}
.bitcoin-h picture {
    margin-right: 6px;
}
.bitcoin-h h4 {
    font-size: 14px;
}
.big-span {
    top: 22px;
    left: 2px;
    width: 100%;
    z-index: -1;
    height: 100%;
    font-size: 15px;
}
.second-sp {
    color: #fff !important;
}
.second-sp,
.third-sp {
    font-size: 17px !important;
    position: relative !important;
    padding: 0 !important;
}
.third-sp {
    color: #706c88 !important;
}
.mask-input {
    background: transparent !important;
}
.complete-payment p {
    font-size: 13px;
    line-height: 16px;
}
.scan-qr picture {
    width: 120px;
    height: 120px;
    margin-right: 10px;
    background: rgba(172, 172, 191, 0.2);
}
.scan-qr h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}
.scan-qr p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}
.scan-qr .deposit-inputs {
    position: relative;
}
.scan-qr .deposit-inputs input {
    padding: 0 30px 0 14px;
}
.coppy-code {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.coppy-code svg {
    display: block;
}
.payments-h {
    max-width: 1000px;
    padding-top: 16px;
    margin: 0 auto;
}
.payments-h .row {
    margin: 0 -6px;
}
.payments-h .col-md-4 {
    padding: 0 6px;
}
.payments-c {
    padding: 18px 20px;
    background: #151518;
    border-radius: 8px;
}
.payments-c header {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dashed rgba(172, 172, 191, 0.3);
}
.payments-c header .row {
    margin: 0;
}
.payments-c footer .row {
    margin-bottom: 12px;
}
.payments-c footer .row:last-child {
    margin-bottom: 0;
}
.payments-c img {
    max-width: 140px;
    max-height: 40px;
}
.payments-c p {
    color: #686c7d;
}
.payments-c h3,
.payments-c p {
    font-size: 14px;
    line-height: 18px;
}
.payments-c h3 {
    text-align: right;
    color: #e0e0e4;
}
.providers-h {
    padding-top: 16px;
}
.providers-h h1 {
    line-height: 25px;
}
.search-provider {
    position: relative;
}
.search-provider input {
    width: 300px;
    height: 46px;
    font-size: 15px;
    color: #fff;
    padding: 0 10px 0 50px;
    border-radius: 100px;
    border: none;
    background: #fff;
}
@media (max-width: 991.98px) {
    .search-provider input {
        width: 100%;
    }
}
.search-provider input::-webkit-input-placeholder {
    color: #babed1;
}
.search-provider input::-moz-placeholder {
    color: #babed1;
}
.search-provider input:-ms-input-placeholder,
.search-provider input::-ms-input-placeholder {
    color: #babed1;
}
.search-provider input::placeholder {
    color: #babed1;
}
.search-provider input:focus {
    color: #000;
    background: #f6f6fa;
}
.search-provider svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.providers-b .row {
    margin: 0 -6px;
}
.providers-b .col-lg-2 {
    padding: 0 6px;
    margin-bottom: 12px;
}
@media (min-width: 1350px) {
    .providers-b .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2%;
        flex: 0 0 14.2%;
        max-width: 14.2%;
    }
}
.provider-c {
    position: relative;
    border-radius: 8px;
    background: #151518;
    padding: 27px 20px 16px;
    height: 100%;
}
.provider-c a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.provider-c picture {
    margin-bottom: 4px;
}
.provider-c img {
    max-width: 140px;
    max-height: 30px;
}
.provider-c p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;
}
.provider-c .bonuses-icons-h {
    position: absolute;
    top: -4px;
    left: 2px;
}
.provider-c .bonuses-icons-h .exclusive-h {
    border-radius: 30px !important;
}
.provider-details-s {
    position: relative;
}
.provider-details-s:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/backgrounds/promotion-details-bg.webp) top no-repeat;
    mix-blend-mode: luminosity;
    background-size: cover;
    z-index: -1;
}
.prodierver-details-h {
    padding: 20px 0 20px 20px;
}
.provders-l {
    width: 210px;
    height: 210px;
    padding: 10px;
    border-radius: 8px;
    background: #241a42;
}
@media (max-width: 991.98px) {
    .provders-l {
        width: 100%;
        margin-bottom: 10px;
    }
}
.provders-l .providers-icon {
    display: block;
    position: static;
    width: auto;
    max-width: 140px;
    margin: 0 auto 30px;
}
.provders-l h2 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}
.provders-l h3 {
    text-align: center;
    color: #facd0d;
    font-size: 14px;
    line-height: 18px;
}
.prodierver-details-h {
    border-radius: 10px;
    background: #151518;
}
@media (max-width: 991.98px) {
    .prodierver-details-h {
        padding: 20px;
    }
}
.prodierver-details-h picture {
    position: absolute;
    width: 330px;
    bottom: -20px;
    right: 0;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .prodierver-details-h picture {
        width: 270px;
    }
}
@media (max-width: 991.98px) {
    .prodierver-details-h picture {
        display: none;
    }
}
.providers-l-t img {
    width: 26px;
}
.providers-r {
    max-width: 650px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .providers-r {
        max-width: 450px;
    }
}
.providers-r .providers-tables-r {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px;
}
.providers-r .bonuses-icons-h {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0 !important;
}
.providers-r .exclusive-h {
    border-radius: 30px !important;
}
.providers-r .bonuses-icon-c {
    margin-bottom: 12px;
}
.providers-r .exclusive-h {
    margin-bottom: 0;
}
.providers-r p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}
.providers-button {
    font-size: 14px;
    color: #686c7d;
}
.providers-tables-r .col-4 {
    padding: 0 20px;
    border-right: 1px solid rgba(172, 172, 191, 0.2);
}
.providers-tables-r .col-4:first-child {
    padding-left: 10px;
}
.providers-tables-r .col-4:last-child {
    border-right: 0;
}
.providers-tables-r h4 {
    font-size: 14px;
    color: #686c7d;
    line-height: 18px;
    margin-bottom: 5px;
}
.providers-tables-r h5 {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
}
.providers-more {
    display: none;
}
#modal-cashout.playfina-withdrawal-modal .modal-dialog {
    max-width: 1260px;
}
@media (max-width: 1349.98px) {
    #modal-cashout.playfina-withdrawal-modal .modal-dialog {
        max-width: 100%;
    }
}
#modal-cashout .close-deposit {
    top: 0;
}
#modal-cashout .modal-cashout {
    padding: 0 !important;
}
@media (max-width: 1349.98px) {
    #modal-cashout .select-deposits .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
#modal-cashout .select-deposits label {
    display: block !important;
    width: 100% !important;
}
#modal-cashout .select-deposits .picture-h-deposit img {
    max-width: 100%;
    max-height: 100%;
    height: 40px;
}
#modal-cashout .withdraw-currency-select {
    font-size: 15px !important;
    height: 50px !important;
    color: #1f1f28 !important;
    border: 1px solid #e0e0e4 !important;
    border-radius: 6px !important;
}
.payments-js-lib__description {
    display: block;
    font-size: 17px;
    color: #706c88;
    line-height: 24px;
    margin-bottom: 10px;
}
.quick-deposit .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 992px) {
    .quick-deposit .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}
.aviable-color p {
    text-align: left;
    font-size: 16px !important;
}
.toasts-h {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 400px;
    z-index: 99999;
}
@media (max-width: 991.98px) {
    .toasts-h {
        left: 20px;
        width: auto;
    }
}
.toast-blue .progress-bar-c {
    background-color: #2f48f9;
}
.toast-pink .progress-bar-c {
    background-color: #ec1e1e;
}
.toast-green,
.toast-green .c-progress-bar {
    background-color: #d8ffd7 !important;
}
.toast-green .progress-bar-c {
    background-color: #04c000;
}
.toast-c {
    padding: 15px 10px;
    background-color: #fff;
    margin-bottom: 10px;
    z-index: 3;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.toast-c picture {
    margin-right: 5px;
}
.toast-c picture img {
    width: 27px;
}
.toast-c p {
    line-height: 20.8px;
}
.progress-bar-h {
    bottom: 0;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}
.progress-bar-c,
.progress-bar-h {
    position: absolute;
    display: block;
    width: 100%;
    height: 15px;
    left: 0;
}
.progress-bar-c {
    top: 0;
}
.c-progress-bar {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 12px;
    border-radius: 5px;
    background-color: #fff;
    z-index: 3;
}
.vip__bg {
    background-image: url(../images/backgrounds/vip-bg.webp);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.vip__wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
}
.vip__info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: transparent;
}
@media (max-width: 1349.98px) {
    .vip__info {
        position: relative;
    }
}
.vip__info-container {
    position: sticky;
    top: 0;
    padding: 50px 0;
    width: 100%;
    max-width: 587px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}
@media (max-width: 1349.98px) {
    .vip__info-container {
        position: static;
        padding: 32px 0;
        max-width: 100%;
        overflow: hidden;
    }
}
.vip__info-title {
    margin: 0 0 24px;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .vip__info-title {
        margin: 0 0 14px;
    }
}
.vip__avatar-slider {
    margin: 0 0 22px;
    width: 100%;
    max-width: 498px;
    overflow: unset;
}
@media (max-width: 1349.98px) {
    .vip__avatar-slider {
        max-width: 100%;
    }
}
@media (max-width: 519.98px) {
    .vip__avatar-slider {
        min-width: 320px;
    }
}
.vip__avatar-slide {
    margin-right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vip__avatar-slide-image-wrap {
    position: relative;
    margin: 0 0 10px;
    background-color: #6415c8;
    border-radius: 50%;
}
.vip__avatar-slide-image-wrap:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 106px;
    height: 106px;
    background-color: #6415c8;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    filter: blur(50px);
}
@media (max-width: 519.98px) {
    .vip__avatar-slide-image-wrap:after {
        filter: blur(25px);
    }
}
.vip__avatar-slide-image-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#6415c8), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, #6415c8, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, #6415c8 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, #6415c8, hsla(0, 0%, 100%, 0));
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 50%;
    z-index: 2;
}
@media (max-width: 1349.98px) {
    .vip__avatar-slide-image-wrap {
        margin: 0 0 16px;
    }
    .vip__avatar-slide-image-wrap:after {
        width: 214px;
        height: 214px;
    }
}
.vip__avatar-slide-image {
    position: relative;
    width: 108px;
    height: 108px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
}
@media (max-width: 1349.98px) {
    .vip__avatar-slide-image {
        width: 220px;
        height: 220px;
    }
}
.vip__avatar-slide-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
}
@media (max-width: 1349.98px) {
    .vip__avatar-slide-data {
        display: grid;
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0 6px;
        grid-template-areas: "Level Level" "Text Reward";
    }
}
.vip__avatar-slide-data-level {
    grid-area: Level;
    margin: 0 0 6px;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
}
.vip__avatar-slide-data-text {
    grid-area: Text;
    font-size: 16px;
    line-height: 1;
}
@media (max-width: 1349.98px) {
    .vip__avatar-slide-data-text {
        font-size: 20px;
    }
}
.vip__avatar-slide-data-reward {
    grid-area: Reward;
    font-size: 16px;
    line-height: 1;
}
@media (max-width: 1349.98px) {
    .vip__avatar-slide-data-reward {
        font-size: 20px;
    }
}
.vip__avatars-slider-navigation {
    padding: 38px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
@media (min-width: 768px) {
    .vip__avatars-slider-navigation {
        padding: 0;
    }
}
.vip__avatars-slider-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    -webkit-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
}
.vip__avatars-slider-button:disabled {
    opacity: 0.5;
}
.vip__avatars-slider-button:active:not([disabled]),
.vip__avatars-slider-button:focus:not([disabled]),
.vip__avatars-slider-button:hover:not([disabled]) {
    color: #facd0d;
}
.vip__avatars-slider-button svg {
    fill: currentColor;
}
.vip__avatars-slider-button--prev {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.vip__avatars-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.vip__avatars-slider-pagination .swiper-pagination-bullet {
    background-color: #d9d9d9;
}
.vip__avatars-slider-pagination .swiper-pagination-bullet-active {
    background-color: #facd0d;
}
.vip__not-registrated {
    margin: 0 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.vip__not-registrated-text {
    font-size: 12px;
    color: #acacbf;
}
.vip__not-registrated-button {
    padding: 15px 66px;
    border-radius: 100px;
    background-color: #0c0;
    box-shadow: 0 0 30px 0 #0c0;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.vip__not-registrated-button:active:not([disabled]),
.vip__not-registrated-button:focus:not([disabled]),
.vip__not-registrated-button:hover:not([disabled]) {
    box-shadow: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}
.vip__arrows {
    position: relative;
    margin: 0 0 22px;
    width: 31px;
    height: 32px;
    z-index: 1;
}
.vip__arrows path {
    -webkit-animation: wave 1.8s ease-in-out infinite;
    -o-animation: wave 1.8s ease-in-out infinite;
    animation: wave 1.8s ease-in-out infinite;
    -webkit-animation-delay: calc(0.3s * var(--i));
    -o-animation-delay: calc(0.3s * var(--i));
    animation-delay: calc(0.3s * var(--i));
}
@-webkit-keyframes wave {
    0%,
    to {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
@-o-keyframes wave {
    0%,
    to {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
@keyframes wave {
    0%,
    to {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
.vip__top-reward-container {
    position: relative;
}
.vip__top-reward-container:after {
    content: "";
    position: absolute;
    bottom: 64px;
    left: 50%;
    width: 100%;
    max-width: 587px;
    height: 153px;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: -webkit-radial-gradient(50% 50%, 50% 0, rgba(46, 223, 11, 0.7) 0, rgba(46, 223, 11, 0) 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(46, 223, 11, 0.7) 0, rgba(46, 223, 11, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(46, 223, 11, 0.7) 0, rgba(46, 223, 11, 0) 100%);
    border-radius: 100%;
    filter: blur(50px);
}
@media (max-width: 991.98px) {
    .vip__top-reward-container {
        position: static;
    }
    .vip__top-reward-container:after {
        bottom: 32px;
        filter: blur(25px);
    }
}
.vip__top-reward-image {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}
@media (max-width: 519.98px) {
    .vip__top-reward-image {
        max-width: 304px;
        max-height: 108px;
    }
}
.vip__map {
    padding: 4px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    background-color: transparent;
}
@media (max-width: 1349.98px) {
    .vip__map {
        padding: 40px 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.vip__map--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.vip__map-container {
    max-width: 1025px;
}
.vip__map-levels {
    position: relative;
    margin: 0 -30px;
}
@media (max-width: 519.98px) {
    .vip__map-levels {
        margin: 0 -30px;
    }
}
.vip__map-levels-image {
    position: absolute;
}
.vip__tooltips-wrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
@media (max-width: 519.98px) {
    .vip__tooltips-wrap {
        top: 0;
        left: 0;
    }
}
.vip__reach-prize {
    position: relative;
    position: absolute;
    bottom: -50px;
    display: none;
    width: 156px;
    padding: 13px 4px 6px;
    text-align: center;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50.3%, #0c0), to(rgba(46, 223, 11, 0.8)));
    background-image: -webkit-linear-gradient(top, #0c0 50.3%, rgba(46, 223, 11, 0.8));
    background-image: -o-linear-gradient(top, #0c0 50.3%, rgba(46, 223, 11, 0.8) 100%);
    background-image: linear-gradient(180deg, #0c0 50.3%, rgba(46, 223, 11, 0.8));
    border-radius: 20px;
    filter: drop-shadow(0 0 30px #00cc00);
    z-index: 2;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .vip__reach-prize {
        left: 0;
        bottom: -54px;
    }
}
@media (max-width: 991.98px) {
    .vip__reach-prize {
        filter: none;
        left: -12px;
        bottom: -40px;
    }
}
@media (max-width: 767.98px) {
    .vip__reach-prize {
        left: -24px;
        bottom: -22px;
    }
}
@media (max-width: 519.98px) {
    .vip__reach-prize {
        left: -44px;
        bottom: -7px;
    }
}
.vip__reach-prize:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    height: 60px;
    width: 60px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50.3%, #0c0), to(rgba(46, 223, 11, 0.8)));
    background-image: -webkit-linear-gradient(top, #0c0 50.3%, rgba(46, 223, 11, 0.8));
    background-image: -o-linear-gradient(top, #0c0 50.3%, rgba(46, 223, 11, 0.8) 100%);
    background-image: linear-gradient(180deg, #0c0 50.3%, rgba(46, 223, 11, 0.8));
    margin: 0 auto;
    border-radius: 14px;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
}
.vip__reach-prize-title {
    margin: 0 0 6px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
}
.vip__reach-prize-points {
    margin: 0;
    font-size: 20px;
    line-height: 1;
    color: #5c19b1;
    text-transform: uppercase;
}
.vip__reach-prize-needed {
    margin: 0;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
.vip__reach-prize-win {
    margin: 8px 0 0;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6415c8), to(rgba(100, 21, 200, 0.4)));
    background-image: -webkit-linear-gradient(top, #6415c8, rgba(100, 21, 200, 0.4));
    background-image: -o-linear-gradient(top, #6415c8 0, rgba(100, 21, 200, 0.4) 100%);
    background-image: linear-gradient(180deg, #6415c8, rgba(100, 21, 200, 0.4));
    border-radius: 10px;
}
.vip__reach-prize-win-title {
    margin: 0;
    font-size: 10px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}
.vip__reach-prize-win-item {
    margin: 0;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
.vip-slider-c {
    position: relative;
    text-align: center;
    padding: 0 10px 4px;
    border-radius: 20px;
    filter: drop-shadow(0 0 30px #00cc00);
}
.vip-slider-c,
.vip-slider-c:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50.3%, #0c0), to(rgba(46, 223, 11, 0.8)));
    background-image: -webkit-linear-gradient(top, #0c0 50.3%, rgba(46, 223, 11, 0.8));
    background-image: -o-linear-gradient(top, #0c0 50.3%, rgba(46, 223, 11, 0.8) 100%);
    background-image: linear-gradient(180deg, #0c0 50.3%, rgba(46, 223, 11, 0.8));
}
.vip-slider-c:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    border-radius: 14px;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.vip-slider-c picture {
    position: relative;
    top: -30px;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, hsla(0, 0%, 83%, 0)), to(#d3d3d3));
    background: -webkit-linear-gradient(bottom, hsla(0, 0%, 83%, 0) 20%, #d3d3d3);
    background: -o-linear-gradient(bottom, hsla(0, 0%, 83%, 0) 20%, #d3d3d3 100%);
    background: linear-gradient(0deg, hsla(0, 0%, 83%, 0) 20%, #d3d3d3);
    padding: 3px;
    overflow: hidden;
    margin: 0 auto;
}
@media (max-width: 519.98px) {
    .vip-slider-c picture {
        width: 147px;
        height: 147px;
    }
}
.vip-slider-c picture img {
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    filter: grayscale(100%);
}
.vip-slider-c p {
    color: #312654;
    font-size: 10px;
    margin-bottom: 1px;
    text-transform: uppercase;
}
.vip-slider-c span {
    display: block;
    color: #312654;
    font-size: 16px;
}
@media (max-width: 519.98px) {
    .vip-slider-c span {
        font-size: 25px;
    }
}
.vip-pgorgams-h {
    max-width: 1000px;
    margin: 0 auto;
}
.vip-pgorgams-h h2 {
    color: #fff;
    line-height: 28px;
}
.vip-pgorgams-h .row {
    margin: 0 -7px;
}
.vip-pgorgams-h .col-lg-4 {
    padding: 0 7px;
    margin-bottom: 14px;
}
.maintance h1 {
    font-size: 30px !important;
    line-height: 34px !important;
}
.vip-top-c {
    background-color: transparent;
}
.vip-top-c .your-level-s {
    border-radius: 5px;
    background: #151518 !important;
}
.vip-top-c .your-level-s p {
    font-size: 15px !important;
}
.vip-top-c .vip-status-t-h {
    border-radius: 15px;
    background: -webkit-linear-gradient(180.06deg, #2e1e51 0.06%, hsla(0, 0%, 100%, 0) 99.95%);
    background: -o-linear-gradient(180.06deg, #2e1e51 0.06%, hsla(0, 0%, 100%, 0) 99.95%);
    background: linear-gradient(269.94deg, #2e1e51 0.06%, hsla(0, 0%, 100%, 0) 99.95%);
}
@media (max-width: 1349.98px) {
    .vip-top-c .vip-status-t-h {
        background: transparent;
    }
}
.vip-top-c .vip-status-t-h h1 {
    color: #facd0d;
    font-size: 36px;
    margin-bottom: 20px;
}
.vip-top-c p {
    font-size: 14px !important;
    color: #fff !important;
    margin-bottom: 20px;
}
@media (max-width: 519.98px) {
    .vip-top-c p {
        margin-bottom: 10px;
    }
}
.vip-top-c p:last-child {
    margin-bottom: 0;
}
@media (max-width: 519.98px) {
    .vip-top-c p:last-child {
        margin-bottom: 10px;
    }
}
.vip-programs-c {
    border-radius: 10px;
    background: #151518;
    padding: 30px 10px 40px;
    height: 100%;
}
@media (max-width: 519.98px) {
    .vip-programs-c {
        height: auto;
    }
}
.vip-programs-c picture {
    margin-bottom: 16px;
}
.vip-programs-c h3 {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 10px;
}
.vip-programs-c p {
    font-size: 16px;
    color: #686c7d;
    line-height: 24px;
}
.vip-status-t-h .your-level-s {
    width: 350px;
    padding: 28px 20px;
    background: #151518;
}
@media (max-width: 991.98px) {
    .vip-status-t-h .your-level-s {
        width: 100%;
    }
}
.vip-status-t-h .your-level-s h2 {
    color: #fff;
    margin-bottom: 40px;
}
.vip-status-t-h .your-level-s .your-level-p {
    margin-bottom: 14px !important;
}
.vip-status-t-h .your-level-s p {
    font-size: 15px;
}
.vip-status-t-h h1 {
    font-size: 18px;
    color: #fff;
    line-height: 23px;
    margin-bottom: 9px;
}
.vip-status-t-h p {
    font-size: 16px;
    line-height: 24px;
    color: #686c7d;
}
.vip-status-c {
    position: relative;
    padding: 24px 20px;
    border-radius: 6px;
    background: #151518;
    height: 100%;
}
.vip-status-c h2 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}
.vip-status-c h3 {
    text-align: center;
    font-size: 14px;
    color: #007bff;
    line-height: 18px;
    margin-bottom: 16px;
}
.vip-status-c p {
    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}
.vip-status-c h4 {
    font-size: 14px;
    color: #facd0d;
    line-height: 18px;
}
.vip-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 63px;
    height: 63px;
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    border: 4px solid #312654;
    background-color: rgba(172, 172, 191, 0.12);
    border-radius: 50%;
    margin: 0 auto 14px;
}
.vip-reward {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(172, 172, 191, 0.2);
    margin-bottom: 14px;
}
.vip-reward-b .row {
    margin-bottom: 10px;
}
.vip-reward-b .row:last-child {
    margin-bottom: 0;
}
.vip-reward-b p {
    padding-left: 20px;
}
.vip-reward-b p:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../images/icons/vip-status-cion.svg) 50% no-repeat;
}
.vip-gray h2,
.vip-gray h3,
.vip-gray p {
    color: #686c7d;
}
.vip-gray p:before {
    filter: grayscale(100%);
}
.vip-gray h4 {
    color: #686c7d;
}
.vip-gray-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
}
.vip-c {
    position: relative;
}
.vip-c:hover .vip__reach-prize {
    display: block;
}
.vip-c img {
    display: none !important;
    position: absolute;
    display: none;
    max-width: 170px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .vip-c img {
        max-width: 110px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .vip-c img {
        max-width: 90px;
    }
}
@media (max-width: 519.98px) {
    .vip-c img {
        max-width: 12vw;
    }
}
.vip-unregistrated .vip-slider-c picture {
    padding: 0;
    border-radius: 0;
    background: none;
}
@media (max-width: 519.98px) {
    .vip-unregistrated .vip-slider-c picture {
        width: auto;
        height: auto;
    }
}
.vip-unregistrated .vip-slider-c picture img {
    width: auto;
    height: auto;
    border-radius: 0;
}
.vip-unregistrated .vip-b {
    margin: -230px auto 0;
}
.vip-bottom-bg2 {
    max-width: 1040px;
    float: right;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .vip-bottom-bg2 {
        max-width: 740px;
    }
}
.register-now h2 {
    color: #facd0d;
    font-size: 24px;
    margin-bottom: 20px;
}
.register-now a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    width: 200px;
    padding: 10px;
    border-radius: 100px;
    background-color: #0c0;
    margin: 0 auto;
}
.register-now a:hover {
    background-color: #039400;
}
@media (max-width: 991.98px) {
    .register-now a {
        margin: 0 auto 30px;
    }
}
.register-now img {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@media (max-width: 991.98px) {
    .register-now img {
        display: block;
        position: static;
    }
}
.vip-all-h {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
@media (max-width: 519.98px) {
    .vip-all-h {
        top: 0;
        left: 0;
    }
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .vip-s-c {
        top: 70px;
        width: 70px;
        height: 90px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .vip-s-c {
        top: 50px;
        width: 40px;
        height: 70px;
    }
}
@media (max-width: 519.98px) {
    .vip-s-c {
        top: 40px;
        width: 7vw;
        height: 9vw;
    }
}
.vip-active-h .vip-active,
.vip-notactive-h .vip-not-passed,
.vip-passed-h .vip-passed {
    display: inline-block;
}
.vip-passed {
    top: 73px;
    left: 31px;
    max-width: 90px !important;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .vip-passed {
        top: 52px;
        left: 24px;
        max-width: 50px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .vip-passed {
        top: 40px;
        left: 16px;
        max-width: 50px !important;
    }
}
@media (max-width: 519.98px) {
    .vip-passed {
        top: 33px;
        left: 12px;
        max-width: 7vw !important;
    }
}
.vip-s-c {
    display: block;
    position: absolute;
    width: 90px;
    height: 130px;
    top: 80px;
    left: 20px;
}
@media (min-width: 992px) and (max-width: 1349.98px) {
    .vip-s-c {
        top: 95px;
        left: 40px;
        width: 70px;
        height: 90px;
    }
}
@media (max-width: 991.98px) {
    .vip-s-c {
        top: 80px;
        left: 40px;
        width: 50px;
        height: 76px;
    }
}
@media (max-width: 767.98px) {
    .vip-s-c {
        top: 40px;
        left: 20px;
        width: 7vw;
        height: 9vw;
    }
}
.vip1 {
    top: 8.5%;
    left: 31%;
}
.vip2 {
    top: 10.5%;
    left: 60%;
}
.vip3 {
    top: 12.5%;
    left: 56%;
}
.vip4 {
    top: 14.8%;
    left: 45%;
}
.vip5 {
    top: 12.5%;
    left: 30%;
}
.vip6 {
    top: 16%;
    left: 35.5%;
}
.vip7 {
    top: 18.8%;
    left: 53.5%;
}
.vip8 {
    top: 21%;
    left: 64%;
}
.vip9 {
    top: 21%;
    left: 73%;
}
.vip10 {
    top: 24%;
    left: 58%;
}
.vip11 {
    top: 27.8%;
    left: 46.5%;
}
.vip12 {
    top: 28.8%;
    left: 35.8%;
}
.vip13 {
    top: 32.5%;
    left: 24.5%;
}
.vip14 {
    top: 33%;
    left: 44.5%;
}
.vip15 {
    top: 37.8%;
    left: 44.8%;
}
.vip16 {
    top: 38.5%;
    left: 57.5%;
}
.vip17 {
    top: 40.2%;
    left: 69%;
}
.vip18 {
    top: 43%;
    left: 54.8%;
}
.vip19 {
    top: 45%;
    left: 45.5%;
}
.vip20 {
    top: 48%;
    left: 37%;
}
.vip21 {
    top: 49.2%;
    left: 19%;
}
.vip22 {
    top: 49.8%;
    left: 49.5%;
}
.vip23 {
    top: 52.2%;
    left: 35%;
}
.vip24 {
    top: 57.8%;
    left: 42.8%;
}
.vip25 {
    top: 59%;
    left: 69%;
}
.vip26 {
    top: 60.2%;
    left: 33.5%;
}
.vip27 {
    top: 64.2%;
    left: 53.5%;
}
.vip28 {
    top: 71%;
    left: 50%;
}
.vip29 {
    top: 72%;
    left: 43%;
}
.vip30 {
    top: 70%;
    left: 30.8%;
}
.vip31 {
    top: 74.5%;
    left: 22.8%;
}
.vip32 {
    top: 74.2%;
    left: 32.2%;
}
.vip33 {
    top: 85.8%;
    left: 46.8%;
}
.levels {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.notification-h .notifciations-h {
    display: block;
    position: static;
    width: 100%;
}
.notification-h .notifications-c {
    height: auto;
    padding: 0;
    right: 0;
}
.notification-h .notification-c {
    margin-left: 0;
}
.section-404 {
    background: url(../images/backgrounds/404-bg.webp) top no-repeat;
    background-size: cover;
    padding: 20px 0;
    min-height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.section-no-header {
    height: 100vh;
}
.h-404 h1 {
    font-size: 18px;
    color: #000;
    margin: 0 auto 8px;
}
.h-404 h1,
.h-404 p {
    max-width: 310px;
    line-height: 23px;
}
.h-404 p {
    font-size: 16px;
    color: #686c7d;
    margin: 0 auto 22px;
}
.h-404 a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 15px 41px;
    line-height: 20px;
    border-radius: 100px;
    background: #007bff;
}
.h-404 a:hover {
    background: #1939a8;
}
.text-s {
    margin: 0 0 40px;
}
.card-play .card-body p h1,
.text-h h1 {
    font-size: 34px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p h1,
    .text-h h1 {
        font-size: 28px;
    }
}
.card-play .card-body p h2,
.text-h h2 {
    font-size: 32px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p h2,
    .text-h h2 {
        font-size: 24px;
    }
}
.card-play .card-body p h3,
.text-h h3 {
    font-size: 30px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p h3,
    .text-h h3 {
        font-size: 20px;
    }
}
.card-play .card-body p h4,
.text-h h4 {
    font-size: 28px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p h4,
    .text-h h4 {
        font-size: 18px;
    }
}
.card-play .card-body p h5,
.text-h h5 {
    font-size: 26px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p h5,
    .text-h h5 {
        font-size: 17px;
    }
}
.card-play .card-body p h6,
.text-h h6 {
    font-size: 24px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p h6,
    .text-h h6 {
        font-size: 16px;
    }
}
.card-play .card-body p h1,
.card-play .card-body p h2,
.card-play .card-body p h3,
.card-play .card-body p h4,
.card-play .card-body p h5,
.card-play .card-body p h6,
.text-h h1,
.text-h h2,
.text-h h3,
.text-h h4,
.text-h h5,
.text-h h6 {
    color: #686c7d;
    margin-bottom: 30px;
}
.card-play .card-body p a,
.text-h a {
    color: #686c7d;
    text-decoration: underline;
}
.card-play .card-body p a:hover,
.text-h a:hover {
    opacity: 0.7;
}
.card-play .card-body p blockquote,
.text-h blockquote {
    color: #686c7d;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 30px;
    border-left: 1px solid #facd0d;
}
@media (max-width: 991.98px) {
    .card-play .card-body p blockquote,
    .text-h blockquote {
        font-size: 16px;
    }
}
.card-play .card-body p li,
.text-h li {
    position: relative;
    color: #686c7d;
    font-size: 18px;
    margin-bottom: 5px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p li,
    .text-h li {
        font-size: 16px;
    }
}
.card-play .card-body p ol,
.card-play .card-body p ul,
.text-h ol,
.text-h ul {
    margin-bottom: 20px;
}
.card-play .card-body p ul li,
.text-h ul li {
    padding-left: 20px;
}
.card-play .card-body p ul li:before,
.text-h ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #007bff;
    border-radius: 50%;
}
.card-play .card-body p ol li,
.text-h ol li {
    list-style: auto;
    margin-left: 20px;
}
.card-play .card-body p p,
.text-h p {
    color: #686c7d;
    font-size: 18px;
    margin-bottom: 20px;
}
@media (max-width: 991.98px) {
    .card-play .card-body p p,
    .text-h p {
        font-size: 16px;
    }
}
.bonus-b {
    padding: 20px;
    background: #151518;
    border-radius: 10px;
}
.bonus-b p {
    color: #686c7d;
}
.bonus-lv-h {
    padding: 20px;
    background: #151518;
    border-radius: 10px;
}
.bonus-lv-h li {
    padding: 10px 20px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.bonus-lv-h li:nth-child(odd) {
    background: rgba(172, 172, 191, 0.08);
}
.bonus-lv-h p {
    color: #fff;
}
.bonus-lv-win {
    color: #fa9b0d;
}
.games-search-s {
    position: fixed;
    bottom: 0;
    left: 320px;
    width: 100%;
    max-width: calc(100vw - 320px);
    -webkit-transition: all 0.26s ease;
    -o-transition: 0.26s all ease;
    transition: all 0.26s ease;
    z-index: 10;
}
@media screen and (max-width: 2000px) {
    .games-search-s {
        left: 0;
        max-width: 100vw;
    }
}
.games-search-s .playfina-loading-image-parent {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.games-search-s header {
    padding: 10px 30px;
    background: #fff;
}
.games-search-s header button {
    font-size: 16px;
    color: #000;
}
.games-search-s header button:hover {
    color: #007bff;
}
.games-search-s header li {
    display: inline-block;
    vertical-align: middle;
}
.games-search-s header li + li {
    margin-left: 30px;
}
.games-search-s footer {
    padding: 0 30px;
    background-color: #ebedf4;
}
.games-search-s footer .games-search-c {
    padding: 10px 0;
}
.games-search-s footer .slots-img {
    height: 172px;
}
.games-search-s footer .slot-link {
    width: auto;
}
.games-search-s footer .swiper-slide {
    margin-bottom: 0;
}
.games-search-s footer .collapsing {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.games-search-s .games-big-search input {
    border: 1px solid #acacbf;
}
.games-search-s .close-search-menu {
    display: none;
}
.games-search-s .open-search-menu {
    position: relative;
    width: 24px;
    height: 30px;
}
.games-search-s .open-search-menu:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    border: solid #acacbf;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    z-index: 2;
}
.place-button {
    position: fixed;
    text-align: center;
    top: 50%;
    right: 0;
    padding: 10px 7px;
    background-color: #facd0d;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 199;
}
.place-button img {
    max-width: 30px;
    margin-bottom: 5px;
}
.place-button span {
    display: block;
    font-size: 13px;
    color: #151518;
}
.place-table-h {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 340px;
    z-index: 99;
    -webkit-transform: translate(110%);
    -o-transform: translate(110%);
    transform: translate(110%);
    background-color: #12171f;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media (max-width: 519.98px) {
    .place-table-h {
        width: 320px;
    }
}
.place-table-h header {
    padding: 20px 10px 10px;
}
.place-table-h select {
    width: 100%;
    color: #fff;
    box-shadow: none;
    background-color: transparent;
}
.place-table-h select option {
    color: #151518;
}
.place-table-h picture {
    position: relative;
    padding: 0 10px;
    height: 120px;
    margin-bottom: 10px;
}
.place-table-h picture:hover span {
    display: inline-block;
}
.place-table-h picture img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
}
.place-table-h picture span {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.place-table-h .place-readmore,
.place-table-h picture span {
    color: #fff;
    padding: 10px 20px;
    background: #04c000;
    border-radius: 10px;
    z-index: 2;
}
.place-table-h .place-readmore {
    display: block;
    text-align: center;
    margin: 0 10px 10px;
}
.place-table-h .place-readmore:hover {
    background: #039400;
}
.place-table-h footer {
    padding: 0 10px;
}
.place-table-h .close-place {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, 0.2);
}
.place-table-h .close-place svg {
    width: 15px;
    height: 15px;
    margin-top: -4px;
}
.place-table-h h2 {
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px;
}
.place-table-h h3 {
    color: #facd0d;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.place-table-h h3,
.place-table-h h5 {
    text-align: center;
    margin-bottom: 10px;
}
.place-table-h h5 {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.place-table-h h5 span {
    color: #facd0d;
}
.place-table-h table {
    width: 100%;
}
.place-table-h table tr:first-child {
    background-color: transparent !important;
    color: #facd0d;
}
.place-table-h table tr:first-child th {
    font-size: 12px;
    padding-bottom: 10px;
}
.place-table-h table td:first-child,
.place-table-h table th:first-child {
    padding-left: 10px;
}
.place-table-h table td {
    color: #fff;
    font-size: 14px;
    padding: 4px;
}
.place-table-h table tr:nth-child(2n) {
    background: rgba(172, 172, 191, 0.08);
}
.place-table-h table tr:nth-child(2n) td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.place-table-h table tr:nth-child(2n) td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.place-table-show {
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
.table-place {
    height: calc(100vh - 340px);
}
.table-place-c tr:nth-child(2n) {
    background-color: #fff !important;
}
.table-place-c tr:nth-child(2n) td {
    color: #151518;
}
.table-place-content tr:nth-child(odd) {
    background-color: #dfdfdf !important;
}
.table-place-content tr:nth-child(odd) td {
    color: #151518;
}
.table-place-content tr:nth-child(odd) td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.table-place-content tr:nth-child(odd) td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.table-place-content tr td:last-child {
    color: #b79400;
}
.timer-place {
    text-align: center;
    max-width: 160px;
    margin: 0 auto 10px;
}
.timer-place p {
    font-size: 10px;
    color: #fff;
    margin-bottom: 4px;
}
.timer-place h4 {
    position: absolute;
    top: 50%;
    color: #facd0d;
    right: -3px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
}
.timer-place span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    font-size: 20px;
    border-radius: 6px;
    background-color: #fff;
    color: #151518;
    margin: 0 auto;
}
.choose-t-h {
    position: relative;
}
.choose-t-h .col {
    position: static;
}
.choose-t-h button {
    top: 0;
    text-align: left;
    font-size: 17px;
    color: #fff;
    z-index: 2;
}
.choose-t-c,
.choose-t-h button {
    position: absolute;
    left: 0;
    width: 100%;
}
.choose-t-c {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #12171f;
    z-index: 4;
}
.choose-t-c ul {
    margin: 0 10px;
}
.choose-t-c li {
    color: #fff;
    padding: 0 10px;
    cursor: pointer;
}
.choose-t-c li:hover {
    color: #151518;
    background-color: #facd0d;
}
.quests-showed .quests-catalog__item-infront {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.quests-showed .quests-catalog__item-info-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.quests-hero {
    position: relative;
    padding: 50px 32px 0;
    background-color: #211d38;
}
@media (max-width: 1349.98px) {
    .quests-hero {
        padding: 50px 16px 0;
    }
}
@media (max-width: 991.98px) {
    .quests-hero {
        padding: 30px 0 0;
    }
}
.quests-hero__container {
    padding: 0;
    max-width: 1130px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.quests-hero__container,
.quests-hero__content {
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.quests-hero__content {
    position: relative;
    padding: 0 38px;
    gap: 33px;
}
.quests-hero__content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -26px;
    width: 100%;
    height: 169px;
    background-color: #211d38;
    filter: blur(50px);
}
@media (max-width: 1349.98px) {
    .quests-hero__content {
        gap: 26px;
    }
    .quests-hero__content:after {
        bottom: -86px;
    }
}
@media (max-width: 991.98px) {
    .quests-hero__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.quests-hero__image {
    max-width: 562px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quests-hero__info {
    position: relative;
    padding: 25px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    z-index: 1;
}
@media (max-width: 991.98px) {
    .quests-hero__info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.quests-hero__title {
    font-size: 40px;
    line-height: 1.25;
    color: #facd0d;
}
@media (max-width: 1349.98px) {
    .quests-hero__title {
        font-size: 30px;
    }
}
@media (max-width: 991.98px) {
    .quests-hero__title {
        text-align: center;
    }
}
.quests-hero__pre-title {
    margin: 0 0 14px;
    font-size: 40px;
    line-height: 1.25;
    color: #fff;
}
@media (max-width: 1349.98px) {
    .quests-hero__pre-title {
        font-size: 30px;
    }
}
@media (max-width: 991.98px) {
    .quests-hero__pre-title {
        text-align: center;
    }
}
.quests-hero__range-date {
    font-size: 16px;
    line-height: 1.47;
    color: #fff;
}
@media (max-width: 1349.98px) {
    .quests-hero__range-date {
        font-size: 14px;
    }
}
@media (max-width: 991.98px) {
    .quests-hero__range-date {
        text-align: center;
    }
}
.quests-hero__status-bar {
    position: relative;
    margin: 0;
    padding: 0 30px;
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-areas: "timer tasks prize";
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #303039;
    border-radius: 8px;
    z-index: 1;
}
@media (max-width: 991.98px) {
    .quests-hero__status-bar {
        padding: 0 22px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "timer prize" "tasks tasks";
        gap: 10px;
        background-color: transparent;
    }
    .quests-hero__status-bar--without-prize {
        grid-template-areas: "timer timer" "tasks tasks";
    }
}
@media (max-width: 767.98px) {
    .quests-hero__status-bar {
        padding: 0 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        background-color: transparent;
    }
}
.quests-hero__status-bar-item {
    padding: 0 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.quests-hero__status-bar-item--timer {
    grid-area: timer;
    gap: 18px;
}
.quests-hero__status-bar-item--tasks {
    grid-area: tasks;
    gap: 18px;
}
.quests-hero__status-bar-item--prize {
    grid-area: prize;
    gap: 40px;
}
@media (max-width: 991.98px) {
    .quests-hero__status-bar-item {
        padding: 0 0 12px;
        background-color: #303039;
        border-radius: 8px;
        overflow: hidden;
    }
}
@media (max-width: 767.98px) {
    .quests-hero__status-bar-item--prize {
        gap: 18px;
    }
}
.quests-hero__status-bar-item-title {
    position: relative;
    margin: 0 auto;
    padding: 8px 20px 5px;
    max-width: 303px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#852df4), color-stop(122.91%, rgba(133, 45, 244, 0.8)));
    background-image: -webkit-linear-gradient(top, #852df4, rgba(133, 45, 244, 0.8) 122.91%);
    background-image: -o-linear-gradient(top, #852df4 0, rgba(133, 45, 244, 0.8) 122.91%);
    background-image: linear-gradient(180deg, #852df4, rgba(133, 45, 244, 0.8) 122.91%);
    border-radius: 0 0 20px 20px;
}
.quests-hero__status-bar-item-title:before {
    content: "";
    left: -14px;
    position: absolute;
    bottom: 12px;
    width: 15px;
    height: 15px;
    background: -webkit-radial-gradient(left bottom, circle, transparent 15px, #852df4 0);
    background: -o-radial-gradient(left bottom, circle, transparent 15px, #852df4 15px);
    background: radial-gradient(circle at left bottom, transparent 15px, #852df4 0);
}
.quests-hero__status-bar-item-title:after {
    content: "";
    right: -14px;
    position: absolute;
    bottom: 12px;
    width: 15px;
    height: 15px;
    background: -webkit-radial-gradient(right bottom, circle, transparent 15px, #852df4 0);
    background: -o-radial-gradient(right bottom, circle, transparent 15px, #852df4 15px);
    background: radial-gradient(circle at right bottom, transparent 15px, #852df4 0);
}
.quests-hero__countdown-timer {
    padding: 16px 20px;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    background-color: #211d38;
    border-radius: 10px;
}
.quests-hero__countdown-timer,
.quests-hero__countdown-timer-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.quests-hero__countdown-timer-wrap {
    display: grid;
    grid-template-columns: repeat(7, auto);
    gap: 4px 6px;
    grid-template-areas: "dd . hh . mm . ss" "days . hours . minutes . secs";
}
.quests-hero__countdown-timer-value-item {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.quests-hero__countdown-timer-value-item--dd {
    grid-area: dd;
}
.quests-hero__countdown-timer-value-item--hh {
    grid-area: hh;
}
.quests-hero__countdown-timer-value-item--mm {
    grid-area: mm;
}
.quests-hero__countdown-timer-value-item--ss {
    grid-area: ss;
}
@media (max-width: 991.98px) {
    .quests-hero__countdown-timer-value-item {
        font-size: 22px;
    }
}
.quests-hero__countdown-timer-tick {
    font-size: 16px;
    text-transform: uppercase;
    color: #facd0d;
}
@media (max-width: 991.98px) {
    .quests-hero__countdown-timer-tick {
        font-size: 22px;
    }
}
.quests-hero__countdown-timer-period-item {
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
    color: #acacbf;
}
.quests-hero__countdown-timer-period-item--days {
    grid-area: days;
}
.quests-hero__countdown-timer-period-item--hours {
    grid-area: hours;
}
.quests-hero__countdown-timer-period-item--minutes {
    grid-area: minutes;
}
.quests-hero__countdown-timer-period-item--secs {
    grid-area: secs;
}
@media (max-width: 991.98px) {
    .quests-hero__countdown-timer-period-item {
        font-size: 12px;
    }
}
.quests-hero__countdown-timer-progress {
    width: 100%;
    height: 5px;
    border-radius: 25px;
    overflow: hidden;
}
.quests-hero__countdown-timer-progress-value {
    width: 80%;
    height: 5px;
    background-color: #0c0;
    border-radius: 25px;
}
.quests-hero__tasks-tracker {
    padding: 0 16px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    overflow-y: auto;
}
.quests-hero__tasks-tracker-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.quests-hero__tasks-tracker-item:active:not([disabled]),
.quests-hero__tasks-tracker-item:focus:not([disabled]),
.quests-hero__tasks-tracker-item:hover:not([disabled]) {
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    filter: drop-shadow(0 1px #852df4);
}
.quests-hero__tasks-tracker-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 66px;
    height: 66px;
    background-color: #211d38;
    border-radius: 50%;
    filter: blur(10px);
}
.quests-hero__tasks-tracker-item--complete .quests-hero__tasks-tracker-item-image {
    opacity: 0.7;
}
.quests-hero__tasks-tracker-item--complete:active:not([disabled]),
.quests-hero__tasks-tracker-item--complete:focus:not([disabled]),
.quests-hero__tasks-tracker-item--complete:hover:not([disabled]) {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    filter: none;
}
.quests-hero__tasks-tracker-item-image {
    position: relative;
    width: 66px;
    height: 75px;
}
.quests-hero__tasks-tracker-item-image,
.quests-hero__tasks-tracker-item-image--complete {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.quests-hero__tasks-tracker-item-image--complete {
    position: absolute;
    padding: 4px;
    top: 10px;
    left: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d09222;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(250, 205, 13, 0.7);
}
.quests-hero__tasks-tracker-item-image--complete svg {
    width: 44px;
    height: 44px;
}
.quests-hero__prize {
    margin: 0;
    font-size: 40px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 0 30px rgba(250, 205, 13, 0.5);
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
    background: -webkit-gradient(linear, left top, right top, color-stop(-7.28%, #be6d00), color-stop(13.81%, #d09222), color-stop(41.55%, #e4bd4a), color-stop(67.08%, #f3db67), color-stop(88.16%, #fcee79), color-stop(103.7%, #fff57f));
    background: -webkit-linear-gradient(left, #be6d00 -7.28%, #d09222 13.81%, #e4bd4a 41.55%, #f3db67 67.08%, #fcee79 88.16%, #fff57f 103.7%);
    background: -o-linear-gradient(left, #be6d00 -7.28%, #d09222 13.81%, #e4bd4a 41.55%, #f3db67 67.08%, #fcee79 88.16%, #fff57f 103.7%);
    background: linear-gradient(90deg, #be6d00 -7.28%, #d09222 13.81%, #e4bd4a 41.55%, #f3db67 67.08%, #fcee79 88.16%, #fff57f 103.7%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.quests-hero__prize:active:not([disabled]),
.quests-hero__prize:focus:not([disabled]),
.quests-hero__prize:hover:not([disabled]) {
    -webkit-transform: rotate(3deg) scale(1.02);
    -o-transform: rotate(3deg) scale(1.02);
    transform: rotate(3deg) scale(1.02);
    filter: drop-shadow(0 0 #fff57f);
}
.quests-catalog {
    position: relative;
    padding: 32px;
    background-color: #211d38;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .quests-catalog {
        padding: 27px 32px 35px;
    }
}
.quests-catalog__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1320px;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 26px;
}
@media (max-width: 1349.98px) {
    .quests-catalog__container {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 991.98px) {
    .quests-catalog__container {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}
@media (max-width: 767.98px) {
    .quests-catalog__container {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}
.quests-catalog__item {
    position: relative;
    -webkit-perspective: 200rem;
    perspective: 200rem;
}
.quests-catalog__item-infront {
    position: relative;
    padding: 212px 30px 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #303039;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.quests-catalog__item-infront:hover:not([disabled]) .quests-catalog__item-image-wrap {
    -webkit-transform: translateX(-50%) translateY(-3px);
    -o-transform: translateX(-50%) translateY(-3px);
    transform: translateX(-50%) translateY(-3px);
}
.quests-catalog__item-infront:hover:not([disabled]) .quests-catalog__item-games {
    opacity: 1;
}
.quests-catalog__item-infront--complete .quests-catalog__item-games {
    display: none;
}
.quests-catalog__item-infront--complete .quests-catalog__item-games-deposit {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (max-width: 991.98px) {
    .quests-catalog__item-infront {
        padding: 212px 16px 30px;
    }
    .quests-catalog__item-infront--complete:hover:not([disabled]) .quests-catalog__item-games {
        opacity: 0.5;
    }
    .quests-catalog__item-infront--complete .quests-catalog__item-games {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0.5;
        pointer-events: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        filter: drop-shadow(0 0 #00cc00);
    }
}
.quests-catalog__item-info-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 30px;
    max-height: 419px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #303039;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    backface-visibility: hidden;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .quests-catalog__item-info-back {
        max-height: 513px;
    }
}
.quests-catalog__item-info-back-title {
    margin: 0 0 16px;
    font-size: 18px;
    line-height: 1.47;
    color: #fff;
}
.quests-catalog__item-info-back-text {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.33;
    color: #fff;
}
.quests-catalog__item-info-back-list {
    margin: 0 0 16px;
    width: 100%;
}
.quests-catalog__item-info-back-list,
.quests-catalog__item-info-back-list .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.quests-catalog__item-info-back-list .simplebar-content {
    gap: 15px;
    font-size: 16px;
    line-height: 1.33;
    color: #fff;
}
.quests-catalog__item-infront-info {
    z-index: 3;
}
.quests-catalog__item-info-back-button,
.quests-catalog__item-infront-info {
    position: absolute;
    top: 20px;
    right: 18px;
}
.quests-catalog__item-image-wrap {
    position: absolute;
    top: -22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 204px;
    height: 204px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 3;
}
.quests-catalog__item-image-wrap:after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #211d38;
    filter: blur(10px);
}
.quests-catalog__item-image {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 218px;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.quests-catalog__item-title {
    margin: 0 auto 6px;
    max-width: 200px;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.quests-catalog__item-pre-title {
    margin: 0 0 20px;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
    color: #acacbf;
}
.quests-catalog__item-countdown-timer {
    margin: 0 0 20px;
    padding: 8px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #241a42;
    border-radius: 12px;
}
.quests-catalog__item-timer-value {
    margin: 0;
    font-size: 10px;
    line-height: 1.2;
    text-transform: capitalize;
    color: #fff;
}
.quests-catalog__item-button {
    position: relative;
    padding: 16px 90px 12px 28px;
    font-size: 25px;
    line-height: 1;
    text-transform: capitalize;
    word-break: break-word;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#852df4), to(rgba(133, 45, 244, 0.8)));
    background-image: -webkit-linear-gradient(top, #852df4, rgba(133, 45, 244, 0.8));
    background-image: -o-linear-gradient(top, #852df4 0, rgba(133, 45, 244, 0.8) 100%);
    background-image: linear-gradient(180deg, #852df4, rgba(133, 45, 244, 0.8));
    border-radius: 8px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.quests-catalog__item-button:disabled {
    opacity: 0.5;
}
.quests-catalog__item-button:active:not([disabled]),
.quests-catalog__item-button:focus:not([disabled]),
.quests-catalog__item-button:hover:not([disabled]) {
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0 0 20px 0 #852df4;
}
.quests-catalog__item-button--complete {
    margin: 0 auto;
    padding: 16px 14px 12px;
    min-width: 200px;
    background-image: none;
    background-color: #0c0;
}
.quests-catalog__item-button--complete:active:not([disabled]),
.quests-catalog__item-button--complete:focus:not([disabled]),
.quests-catalog__item-button--complete:hover:not([disabled]) {
    box-shadow: 0 0 20px 0 #0c0;
}
.quests-catalog__item-button--complete .quests-catalog__item-button-image {
    display: none;
}
.quests-catalog__item-button-image {
    position: absolute;
    top: 0;
    right: 22px;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quests-catalog__item-games {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 24px 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    border-radius: 0 0 20px 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
}
.quests-catalog__item-games:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 29, 56, 0.9);
    filter: blur(6px);
    z-index: -1;
}
@media (max-width: 991.98px) {
    .quests-catalog__item-games {
        position: static;
        margin: 0 0 16px;
        padding: 0;
        opacity: 1;
        border-radius: 0;
    }
    .quests-catalog__item-games:after {
        display: none;
    }
}
.quests-catalog__item-games-deposit {
    position: relative;
    margin: 0 auto;
    padding: 16px 28px 12px;
    max-width: calc(100% - 32px);
    font-size: 25px;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
    word-break: break-word;
    color: #fff;
    background-color: #0c0;
    border-radius: 8px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.quests-catalog__item-games-deposit:disabled {
    opacity: 0.5;
}
.quests-catalog__item-games-deposit:active:not([disabled]),
.quests-catalog__item-games-deposit:focus:not([disabled]),
.quests-catalog__item-games-deposit:hover:not([disabled]) {
    color: #fff;
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0 0 20px 0 #0c0;
}
@media (max-width: 991.98px) {
    .quests-catalog__item-games-deposit {
        max-width: 100%;
    }
}
.quests-catalog__item-deposit-wrap {
    padding: 0 0 60px;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 991.98px) {
    .quests-catalog__item-deposit-wrap {
        padding: 0;
        height: 78px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.quests-catalog__item-games-wrap {
    padding: 0 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 8px;
}
@media (max-width: 991.98px) {
    .quests-catalog__item-games-wrap {
        padding: 0;
    }
}
.quests-catalog__content-game {
    width: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
    overflow: hidden;
}
.quests-catalog__content-game-preview {
    position: relative;
    width: 78px;
    height: 78px;
    background-color: #312654;
    border-radius: 10px;
    overflow: hidden;
}
.quests-catalog__content-game-preview:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 26, 66, 0.88);
    opacity: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 2;
}
.quests-catalog__content-game-preview:hover:before {
    opacity: 1;
}
.quests-catalog__content-game-preview:hover .quests-catalog__content-game-hovered {
    display: block;
    -webkit-animation: hovered 0.8s;
    -o-animation: hovered 0.8s;
    animation: hovered 0.8s;
}
.quests-catalog__content-game-preview:hover .quests-catalog__content-game-hovered .play-game-animation {
    -webkit-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}
@keyframes hovered {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.quests-catalog__content-game-image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}
.quests-catalog__content-game-bonuses {
    position: absolute;
    top: 6px;
    left: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}
.quests-catalog__content-game-hovered {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}
.quests-catalog__content-game-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.quests-catalog__content-game-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}
.quests-catalog__content-game-title {
    font-size: 14px;
    line-height: 1.2;
    color: #e0e0e4;
    text-align: center;
    -webkit-transition: color 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out;
    transition: color 0.26s ease-in-out;
}
.quests-catalog__content-game-title:active:not([disabled]),
.quests-catalog__content-game-title:focus:not([disabled]),
.quests-catalog__content-game-title:hover:not([disabled]) {
    color: #fff;
}
@media (max-width: 991.98px) {
    .quests-catalog__content-game-title {
        font-size: 12px;
    }
}
.quests-catalog__content-game-text {
    font-size: 14px;
    line-height: 1.33;
    color: #686c7d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .quests-catalog__content-game-text {
        font-size: 12px;
    }
}
.spinsCards {
    margin: 0 0 100px;
}
@media (max-width: 991.98px) {
    .spinsCards {
        margin: 0 0 88px;
    }
}
.spinsCards__wrap {
    position: relative;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 16/9;
    background-color: #fff;
    background-image: url(../images/backgrounds/spin-cards-bg.webp);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 40px;
}
@media (max-width: 991.98px) {
    .spinsCards__wrap {
        padding: 68px 12px 60px;
    }
}
.spinsCards__image {
    position: absolute;
}
.spinsCards__image_coin-top {
    top: 10%;
    left: 32%;
    width: 100px;
    height: 100px;
    z-index: 2;
}
@media (max-width: 991.98px) {
    .spinsCards__image_coin-top {
        top: 20px;
        left: 5%;
        width: 82px;
        height: 82px;
    }
}
.spinsCards__image_coin-left {
    bottom: 20%;
    left: -3%;
    width: 132px;
    height: 132px;
}
@media (max-width: 1349.98px) {
    .spinsCards__image_coin-left {
        display: none;
    }
}
.spinsCards__image_coin-right {
    top: 38%;
    right: 0;
    width: 132px;
    height: 132px;
}
@media (max-width: 1349.98px) {
    .spinsCards__image_coin-right {
        top: unset;
        bottom: -4%;
        right: 2%;
        width: 70px;
        height: 70px;
    }
}
.spinsCards__image_kiwi {
    top: 22%;
    left: 12%;
    width: 184px;
    height: 184px;
}
@media (max-width: 1349.98px) {
    .spinsCards__image_kiwi {
        display: none;
    }
}
.spinsCards__image_strawberry {
    left: 18%;
    bottom: 0;
    width: 178px;
    height: 178px;
    z-index: 2;
}
@media (max-width: 1349.98px) {
    .spinsCards__image_strawberry {
        left: 5%;
        bottom: 5%;
        width: 74px;
        height: 74px;
    }
}
.spinsCards__image_raspberry {
    bottom: 6%;
    right: 14%;
    width: 160px;
    height: 160px;
}
@media (max-width: 1349.98px) {
    .spinsCards__image_raspberry {
        display: none;
    }
}
.spinsCards__image_orange {
    top: -4%;
    right: 9%;
    width: 220px;
    height: 222px;
}
@media (max-width: 1349.98px) {
    .spinsCards__image_orange {
        top: -2%;
        right: 5%;
        width: 98px;
        height: 98px;
    }
}
.spinsCards__container {
    position: relative;
    padding: 50px 50px 40px;
    width: 100%;
    max-width: 748px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#102a88), to(#2547c1));
    background-image: -webkit-linear-gradient(bottom, #102a88, #2547c1);
    background-image: -o-linear-gradient(bottom, #102a88 0, #2547c1 100%);
    background-image: linear-gradient(0deg, #102a88, #2547c1);
    border-radius: 40px;
    box-shadow: inset 0 0 20px 0 #587dff, inset 0 0 50px 0 #597dff;
}
@media (max-width: 991.98px) {
    .spinsCards__container {
        padding: 30px 14px 40px;
    }
}
.spinsCards__container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    border: 3px solid #fff;
    border-radius: 40px;
    box-shadow: 0 0 100px 0 #fff846, 0 0 30px 0 #fff;
}
.spinsCards__title {
    font-size: 36px;
    color: #fff;
    text-align: center;
}
@media (max-width: 1349.98px) {
    .spinsCards__title {
        font-size: 24px;
    }
}
@media (max-width: 767.98px) {
    .spinsCards__title {
        font-size: 16px;
    }
}
.spinsCards__block {
    position: relative;
    padding: 0 22px;
    width: 100%;
    height: 328px;
    background-color: #1c1e24;
    border: 2px solid #4667dc;
    border-radius: 14px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .spinsCards__block {
        padding: 0;
    }
}
@media (max-width: 767.98px) {
    .spinsCards__block {
        height: 229px;
    }
}
.spinsCards__block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    box-shadow: inset 0 0 50px 0 #000, inset 0 0 20px 0 #000, inset 0 0 50px 0 #000, inset 0 0 100px 0 #000, inset 0 0 50px 0 #000;
}
.spinsCards__block-content {
    position: relative;
    padding: 0 14px;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    font-size: 16px;
    color: #fff;
    background-color: #262831;
    border-left: 1px solid #686c7d;
    border-right: 1px solid #686c7d;
}
@media (max-width: 767.98px) {
    .spinsCards__block-content {
        padding: 0;
        background-color: #3b3e49;
    }
}
.spinsCards__block-content:after,
.spinsCards__block-content:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 76px;
    z-index: 2;
}
.spinsCards__block-content:before {
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(top, #000, transparent);
    background-image: -o-linear-gradient(top, #000 0, transparent 100%);
    background-image: linear-gradient(180deg, #000, transparent);
}
.spinsCards__block-content:after {
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #000, transparent);
    background-image: -o-linear-gradient(bottom, #000 0, transparent 100%);
    background-image: linear-gradient(0deg, #000, transparent);
}
.spinsCards__line-content {
    width: 100%;
    height: 100%;
    max-height: 324px;
    background-color: #3b3e49;
}
.spinsCards__line {
    height: 100%;
}
.spinsCards__list {
    padding: 0;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.spinsCards__list-item {
    margin: 0 10px;
    width: 164px;
    border-radius: 8px;
}
@media (max-width: 767.98px) {
    .spinsCards__list-item {
        margin: 0 6px;
        width: 80px;
    }
}
.spinsCards__border-line {
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 36px);
    height: 173px;
    border: 5px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 #fff;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 3;
}
@media (max-width: 767.98px) {
    .spinsCards__border-line {
        left: 50%;
        width: calc(100% - 8px);
        height: 86px;
    }
}
.spinsCards__button {
    position: absolute;
    bottom: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 12px 40px;
    width: max-content;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 100px;
    z-index: 2;
}
.already-leave__wrap {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    max-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1050;
}
@media (max-width: 767.98px) {
    .already-leave__wrap {
        height: auto;
        max-height: unset;
    }
}
@media (max-width: 519.98px) {
    .already-leave__wrap {
        height: 100%;
        max-height: 100vh;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.already-leave__content {
    margin: 0;
    padding: 24px 24px 36px;
    max-width: 393px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    background-color: #fff;
    border: none;
    border-radius: 15px;
}
@media (max-width: 767.98px) {
    .already-leave__content {
        padding: 20px 20px 38px;
    }
}
@media (max-width: 519.98px) {
    .already-leave__content {
        padding: 20px 14px;
        max-width: 100%;
        border-radius: 10px 10px 0 0;
    }
}
.already-leave__content--purple {
    color: #fff;
    background-color: #151518;
}
.already-leave__content--white {
    padding: 24px 24px 36px;
    color: #151518;
    background-color: #fff;
}
.already-leave__content--white .already-leave__text {
    padding: 0 24px;
    color: #706c88;
}
@media (max-width: 767.98px) {
    .already-leave__content--white {
        padding: 20px 14px;
    }
    .already-leave__content--white .already-leave__text {
        padding: 0 14px;
    }
}
@media (max-width: 519.98px) {
    .already-leave__content--white {
        padding: 20px 14px;
        max-width: 100%;
        border-radius: 10px 10px 0 0;
    }
}
.already-leave__content--mini {
    padding: 24px 0 0;
}
.already-leave__content h2 {
    font-size: 20px;
    color: #000;
}
.already-leave__image {
    width: 100%;
    max-width: 330px;
    max-height: 330px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 767.98px) {
    .already-leave__image {
        position: static;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
.already-leave__title {
    margin: 0 0 10px;
    font-size: 22px;
}
.already-leave__text,
.already-leave__title {
    text-align: center;
    line-height: normal;
    color: inherit;
}
.already-leave__text {
    margin: 0 0 20px;
    font-size: 14px;
}
.already-leave__button-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.already-leave__button {
    width: 100%;
    color: #fff;
    background-color: #04c000;
    border-radius: 100px;
}
.already-leave__button:hover {
    background-color: #188107;
}
.already-leave__button--outline {
    color: #007bff;
    border-top: 1px solid #ccc;
    background-color: transparent;
}
.already-leave__button--outline:hover {
    background-color: #e3e9f8;
}
.already-leave__button--outline:first-child {
    color: #6c6c6c;
    border-right: 1px solid #ccc;
    border-radius: 0 0 0 10px;
}
.already-leave__button--outline:last-child {
    border-radius: 0 0 10px 0;
}
@media (max-width: 519.98px) {
    .already-leave__button--outline:first-child,
    .already-leave__button--outline:last-child {
        border-radius: 0;
    }
}
.already-leave__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}
.already-leave__close:hover {
    opacity: 0.7;
}
.vip-new-hero {
    display: none;
    position: relative;
    padding: 28px 32px;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .vip-new-hero {
        padding: 20px 16px;
    }
}
.vip-new-hero__bg-image {
    position: absolute;
    top: -146px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    max-height: 805px;
    background-color: transparent;
    background-image: url(../images/backgrounds/vip-new-hero.webp);
    background-repeat: repeat-x;
    background-position: top;
    background-size: contain;
}
@media (max-width: 1349.98px) {
    .vip-new-hero__bg-image {
        background-size: cover;
    }
}
@media (max-width: 767.98px) {
    .vip-new-hero__bg-image {
        top: 0;
        max-height: 380px;
    }
}
.vip-new-hero__container {
    margin: 64px auto 0;
    width: 100%;
    max-width: 700px;
    height: 100%;
    min-height: 584px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 767.98px) {
    .vip-new-hero__container {
        margin: 20px auto;
        min-height: auto;
    }
}
.vip-new-hero__content {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    z-index: 1;
}
.vip-new-hero__content,
.vip-new-hero__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vip-new-hero__logo {
    margin: 0 0 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 991.98px) {
    .vip-new-hero__logo {
        margin: 0 0 20px;
    }
}
.vip-new-hero__logo-image {
    position: relative;
    width: 178px;
    height: 178px;
}
@media (max-width: 991.98px) {
    .vip-new-hero__logo-image {
        width: 146px;
        height: 146px;
    }
}
.vip-new-hero__title {
    position: relative;
    margin: 0 0 12px;
    font-size: 36px;
    line-height: normal;
    color: #007bff;
}
.vip-new-hero__text {
    margin: 0;
    font-size: 18px;
    line-height: normal;
    color: #fff;
    text-align: center;
}
.vip-new-privileges {
    position: relative;
    margin: 0;
    padding: 50px 32px 60px;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .vip-new-privileges {
        margin: 0;
        padding: 20px 16px 32px;
    }
}
.vip-new-privileges__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1349.98px) {
    .vip-new-privileges__container {
        max-width: 100%;
    }
}
.vip-new-privileges__wrap-title {
    margin: 0 0 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
@media (max-width: 991.98px) {
    .vip-new-privileges__wrap-title {
        margin: 0 0 32px;
    }
}
.vip-new-privileges__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #000;
    text-align: center;
}
@media (max-width: 991.98px) {
    .vip-new-privileges__title {
        font-size: 20px;
    }
}
.vip-new-privileges__content {
    margin: 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
}
@media (max-width: 991.98px) {
    .vip-new-privileges__content {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767.98px) {
    .vip-new-privileges__content {
        grid-template-columns: 1fr;
    }
}
.vip-new-privileges__content-item {
    padding: 16px 20px 30px;
    height: 100%;
    display: grid;
    grid-template-columns: 80px 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px 18px;
    grid-template-areas: "Image Title" "Text Text";
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
}
.vip-new-privileges__content-item,
.vip-new-privileges__content-item-image {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vip-new-privileges__content-item-image {
    grid-area: Image;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.vip-new-privileges__content-item-image:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background-color: #007bff;
    filter: blur(20px);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}
.vip-new-privileges__content-item-image-content {
    position: relative;
    width: 80px;
    height: 80px;
    z-index: 1;
}
.vip-new-privileges__content-item-info-title {
    grid-area: Title;
    margin: 0;
    font-size: 20px;
    line-height: 1.43;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}
@media (max-width: 991.98px) {
    .vip-new-privileges__content-item-info-title {
        font-size: 18px;
    }
}
.vip-new-privileges__content-item-info-text {
    grid-area: Text;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
}
@media (max-width: 991.98px) {
    .vip-new-privileges__content-item-info-text {
        font-size: 14px;
    }
}
.vip-new-call-to-action {
    padding: 28px 32px 32px;
}
.vip-new-call-to-action--last {
    padding: 47px 32px 65px;
}
@media (max-width: 991.98px) {
    .vip-new-call-to-action {
        padding: 20px 30px;
    }
    .vip-new-call-to-action--last {
        padding: 28px 32px 48px;
    }
}
.vip-new-call-to-action__container {
    margin: 0 auto;
    width: 100%;
    max-width: 790px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}
.vip-new-call-to-action__container,
.vip-new-call-to-action__wrap-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vip-new-call-to-action__wrap-title {
    margin: 0;
    gap: 15px;
}
.vip-new-call-to-action__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #000;
    text-align: center;
}
@media (max-width: 991.98px) {
    .vip-new-call-to-action__title {
        font-size: 20px;
    }
}
.vip-new-call-to-action__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    text-align: center;
}
.vip-new-call-to-action__text--short {
    margin: 0 auto;
    max-width: 523px;
}
@media (max-width: 991.98px) {
    .vip-new-call-to-action__text {
        font-size: 14px;
        text-align: center;
    }
}
.vip-new-call-to-action__action-button {
    padding: 10px 40px;
    border-radius: 5px;
    background-color: #007bff;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.vip-new-call-to-action__action-button:active:not([disabled]),
.vip-new-call-to-action__action-button:focus:not([disabled]),
.vip-new-call-to-action__action-button:hover:not([disabled]) {
    background-color: #006a00;
}
.vip-new-high-roller {
    padding: 93px 40px 42px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller {
        padding: 26px 30px 42px;
    }
}
.vip-new-high-roller__container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.vip-new-high-roller__content {
    padding: 61px 0 72px;
    max-width: 536px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.vip-new-high-roller__content p {
    margin: 10px 0 0;
    text-align: left;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__content p {
        text-align: center;
    }
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__content {
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.vip-new-high-roller__wrap-title {
    margin: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.vip-new-high-roller__wrap-title--modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__wrap-title {
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .vip-new-high-roller__wrap-title--modal {
        margin: 0 0 15px;
    }
}
.vip-new-high-roller__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    color: #000;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__title {
        font-size: 20px;
    }
}
.vip-new-high-roller__text {
    margin: 0 0 38px;
    font-size: 16px;
    line-height: 1.5;
    color: #262831;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.vip-new-high-roller__text--modal {
    margin: 0 auto 46px;
    max-width: 580px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    text-align: center;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__text {
        margin: 0 0 30px;
        text-align: center;
    }
    .vip-new-high-roller__text--modal {
        margin: 0 auto 30px;
        padding: 0 16px;
        font-size: 14px;
    }
}
.vip-new-high-roller__title-primary {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.2;
    color: #ec1e1e;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__title-primary {
        text-align: center;
    }
}
.vip-new-high-roller__text-primary {
    margin: 0;
    max-width: 403px;
    font-size: 16px;
    line-height: 1.5;
    color: #262831;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__text-primary {
        text-align: center;
    }
}
.vip-new-high-roller__email-link {
    color: #007bff;
    text-decoration: underline;
}
.vip-new-high-roller__button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.vip-new-high-roller__content-button {
    margin: 30px 0 0;
    padding: 10px 40px;
    border-radius: 100px;
    background-color: #04c000;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.vip-new-high-roller__content-button:active:not([disabled]),
.vip-new-high-roller__content-button:focus:not([disabled]),
.vip-new-high-roller__content-button:hover:not([disabled]) {
    background-color: #006a00;
}
.vip-new-high-roller__content-button--modal {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding: 15px 66px;
}
.vip-new-high-roller__info-button {
    position: relative;
    padding: 10px;
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background-color: #303039;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.vip-new-high-roller__info-button:hover {
    background-color: #4e4e5a;
}
.vip-new-high-roller__info-button:hover .vip-new-high-roller__info-tooltip {
    display: block;
    -webkit-animation: fadeIn 0.8s ease;
    -o-animation: fadeIn 0.8s ease;
    animation: fadeIn 0.8s ease;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.vip-new-high-roller__info-button--desktop {
    display: block;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__info-button--desktop {
        display: none;
    }
}
.vip-new-high-roller__info-button--mobile {
    margin: -80px 0 30px;
    display: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__info-button--mobile {
        display: block;
    }
}
.vip-new-high-roller__info-button-icon {
    position: relative;
    width: 100%;
}
.vip-new-high-roller__info-tooltip {
    position: absolute;
    top: calc(-100% - 78px);
    left: -348%;
    display: none;
    padding: 14px 26px;
    width: 450px;
    background-color: #151518;
    border-radius: 5px;
    -webkit-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
    z-index: 1;
}
.vip-new-high-roller__info-tooltip:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 5px;
    width: 0;
    display: block;
    border: 14px solid transparent;
    border-bottom: 0;
    border-top: 14px solid #151518;
    -webkit-transform: translate(-40%, calc(100% + 5px));
    -o-transform: translate(-40%, calc(100% + 5px));
    transform: translate(-40%, calc(100% + 5px));
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__info-tooltip {
        top: calc(-100% - 114px);
        padding: 20px;
        width: 338px;
    }
    .vip-new-high-roller__info-tooltip:before {
        content: "";
        position: absolute;
        left: 54%;
        bottom: 5px;
        width: 0;
        display: block;
        border: 14px solid transparent;
        border-bottom: 0;
        border-top: 14px solid #151518;
        -webkit-transform: translate(-54%, calc(100% + 5px));
        -o-transform: translate(-54%, calc(100% + 5px));
        transform: translate(-54%, calc(100% + 5px));
    }
}
.vip-new-high-roller__info-tooltip-image {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 182px;
    height: 166px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__info-tooltip-image {
        width: 194px;
        height: 177px;
    }
}
.vip-new-high-roller__info-tooltip-wrap-text {
    margin: 0 0 0 auto;
    max-width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__info-tooltip-wrap-text {
        max-width: 162px;
    }
}
.vip-new-high-roller__tooltip-text-object {
    position: relative;
    width: 70px;
    height: 10px;
}
.vip-new-high-roller__tooltip-text-object--second {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__tooltip-text-object {
        width: 56px;
        height: 8px;
    }
}
.vip-new-high-roller__info-tooltip-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__info-tooltip-text {
        font-size: 12px;
    }
}
.vip-new-high-roller__image-wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (max-width: 1349.98px) {
    .vip-new-high-roller__image-wrap {
        right: -134px;
    }
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__image-wrap {
        position: relative;
        right: 0;
        top: -48px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        overflow: hidden;
    }
}
.vip-new-high-roller__image-img {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 442px;
    display: block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 991.98px) {
    .vip-new-high-roller__image-img {
        width: 100%;
    }
}
.vip-new-voices {
    position: relative;
    margin: 0;
    padding: 32px 32px 42px;
    overflow: hidden;
}
@media (max-width: 1349.98px) {
    .vip-new-voices {
        padding: 32px 0 42px;
    }
}
@media (max-width: 991.98px) {
    .vip-new-voices {
        padding: 32px 0 42px;
    }
}
@media (max-width: 767.98px) {
    .vip-new-voices {
        padding: 32px 0;
    }
}
.vip-new-voices__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1349.98px) {
    .vip-new-voices__container {
        max-width: 100%;
    }
}
.vip-new-voices__wrap-title {
    margin: 0 0 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.vip-new-voices__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #000;
    text-align: center;
}
@media (max-width: 991.98px) {
    .vip-new-voices__title {
        font-size: 20px;
    }
}
.vip-new-voices__content {
    margin: 0;
    padding: 0;
    width: 100%;
}
.vip-new-voices__content-slider {
    width: 100%;
    overflow-x: clip;
    overflow-y: unset;
}
@media (max-width: 1349.98px) {
    .vip-new-voices__content-slider {
        padding: 0 32px;
    }
}
@media (max-width: 991.98px) {
    .vip-new-voices__content-slider {
        padding: 0 16px;
    }
}
.vip-new-voices__content-slide {
    padding: 22px 24px;
    width: 576px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background-color: #fff;
    border-radius: 15px;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
}
.vip-new-voices__content-slide:nth-child(2n) {
    background-color: #f6f6fa;
}
@media (max-width: 991.98px) {
    .vip-new-voices__content-slide {
        padding: 22px 28px 40px;
    }
}
.vip-new-voices__content-slide-info {
    width: 100%;
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-rows: repeat(2, auto);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    grid-template-areas: "Image Name" "Image Date";
}
.vip-new-voices__content-slide-info-title {
    grid-area: Name;
    margin: 0;
    align-self: flex-end;
    font-size: 18px;
    line-height: 1.2;
    color: #000;
    word-break: break-word;
}
@media (max-width: 991.98px) {
    .vip-new-voices__content-slide-info-title {
        font-size: 16px;
    }
}
.vip-new-voices__content-slide-info-date {
    grid-area: Date;
    margin: 0;
    align-self: flex-start;
    font-size: 16px;
    line-height: 1.2;
    color: #686c7d;
}
@media (max-width: 991.98px) {
    .vip-new-voices__content-slide-info-date {
        font-size: 14px;
    }
}
.vip-new-voices__content-slide-image {
    grid-area: Image;
    width: 85px;
    height: 85px;
    border-radius: 5px;
}
.vip-new-voices__content-slide-info-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
@media (max-width: 991.98px) {
    .vip-new-voices__content-slide-info-list {
        font-size: 14px;
        line-height: 1.2;
    }
}
.vip-new-voices__content-slide-info-list-item {
    position: relative;
}
.vip-new-voices__content-slider-navigation {
    margin: 0 auto;
    padding: 32px 0;
    width: 100%;
    max-width: 272px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
.vip-new-voices__content-slider-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #007bff;
    -webkit-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    -o-transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
    transition: color 0.26s ease-in-out, opacity 0.26s ease-in-out;
}
.vip-new-voices__content-slider-button:disabled {
    opacity: 0.5;
}
.vip-new-voices__content-slider-button:active:not([disabled]),
.vip-new-voices__content-slider-button:focus:not([disabled]),
.vip-new-voices__content-slider-button:hover:not([disabled]) {
    color: #007bff;
}
.vip-new-voices__content-slider-button svg {
    fill: currentColor;
}
.vip-new-voices__content-slider-button--prev {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.vip-new-voices__content-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
}
.vip-new-voices__content-slider-pagination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
}
.vip-new-voices__content-slider-pagination .swiper-pagination-bullet-active {
    background-color: #007bff;
}
.vip-new-faq {
    position: relative;
    padding: 20px 32px 69px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .vip-new-faq {
        padding: 20px 20px 111px;
    }
}
.vip-new-faq__bg-image {
    position: absolute;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.vip-new-faq__bg-image--coins {
    width: 364px;
    height: 301px;
}
@media (max-width: 1349.98px) {
    .vip-new-faq__bg-image--coins {
        width: 129px;
        height: 107px;
    }
}
.vip-new-faq__bg-image--coins-left {
    bottom: -9%;
    left: -135px;
    -webkit-transform: rotate(-126.53deg);
    -o-transform: rotate(-126.53deg);
    transform: rotate(-126.53deg);
}
@media (max-width: 1349.98px) {
    .vip-new-faq__bg-image--coins-left {
        bottom: unset;
        top: 57%;
        left: -88px;
    }
}
.vip-new-faq__bg-image--coins-right {
    top: 9%;
    right: -150px;
    -webkit-transform: rotate(161.96deg);
    -o-transform: rotate(161.96deg);
    transform: rotate(161.96deg);
}
@media (max-width: 1349.98px) {
    .vip-new-faq__bg-image--coins-right {
        top: unset;
        bottom: 8%;
        right: -25px;
    }
}
.vip-new-faq__container {
    position: relative;
    margin: 0 auto;
    max-width: 1048px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.vip-new-faq__container-image {
    position: absolute;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.vip-new-faq__container-image--key {
    top: 0;
    right: -25px;
    width: 235px;
    height: 240px;
}
@media (max-width: 991.98px) {
    .vip-new-faq__container-image--key {
        display: none;
    }
}
.vip-new-faq__container-image--golden-tref {
    top: 48%;
    left: -165px;
    width: 120px;
    height: 127px;
    -webkit-transform: rotate(15.8deg);
    -o-transform: rotate(15.8deg);
    transform: rotate(15.8deg);
}
@media (max-width: 1349.98px) {
    .vip-new-faq__container-image--golden-tref {
        top: unset;
        left: 0;
        bottom: -15%;
        width: 42px;
        height: 45px;
    }
}
.vip-new-faq__container-image--golden-bubi {
    bottom: -7%;
    right: -173px;
    width: 131px;
    height: 126px;
    -webkit-transform: rotate(-27deg);
    -o-transform: rotate(-27deg);
    transform: rotate(-27deg);
}
@media (max-width: 1349.98px) {
    .vip-new-faq__container-image--golden-bubi {
        bottom: unset;
        top: 48%;
        right: -46px;
        width: 47px;
        height: 44px;
    }
}
.vip-new-faq__wrap-title {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}
@media (max-width: 991.98px) {
    .vip-new-faq__wrap-title {
        margin: 0 0 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.vip-new-faq__title-object {
    position: relative;
    width: 65px;
    height: 22px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 991.98px) {
    .vip-new-faq__title-object {
        width: 45px;
        height: 16px;
    }
}
.vip-new-faq__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
}
@media (max-width: 991.98px) {
    .vip-new-faq__title {
        font-size: 20px;
        text-align: center;
    }
}
.vip-new-faq__title-primary {
    margin: 0 0 40px;
    max-width: 684px;
    font-size: 16px;
    line-height: 1.2;
    color: #facd0d;
    text-transform: uppercase;
}
@media (max-width: 991.98px) {
    .vip-new-faq__title-primary {
        margin: 0 auto 28px;
        text-align: center;
    }
}
.vip-new-faq__content-wrap {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}
.vip-new-faq__content-item--open .vip-new-faq__question {
    color: #fff;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#852df4), color-stop(122.91%, rgba(133, 45, 244, 0.8)));
    background-image: -webkit-linear-gradient(top, #852df4, rgba(133, 45, 244, 0.8) 122.91%);
    background-image: -o-linear-gradient(top, #852df4 0, rgba(133, 45, 244, 0.8) 122.91%);
    background-image: linear-gradient(180deg, #852df4, rgba(133, 45, 244, 0.8) 122.91%);
    box-shadow: 0 0 30px 0 #007bff;
}
.vip-new-faq__content-item--open .vip-new-faq__question-q {
    color: #303039;
}
.vip-new-faq__content-item--open .vip-new-faq__question-icon {
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.vip-new-faq__question {
    padding: 14px 28px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    text-align: left;
    color: #686c7d;
    background-color: #312654;
    border-radius: 5px;
}
@media (max-width: 991.98px) {
    .vip-new-faq__question {
        font-size: 12px;
        line-height: 1.2;
    }
}
.vip-new-faq__question-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.vip-new-faq__question-q {
    color: #facd0d;
}
.vip-new-faq__question-icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    fill: #fff;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.26s ease;
    -o-transition: all 0.26s ease;
    transition: all 0.26s ease;
}
@media (max-width: 991.98px) {
    .vip-new-faq__question-icon {
        width: 14px;
        height: 14px;
    }
}
.vip-new-faq__content {
    position: relative;
    padding: 20px 30px;
    width: 100%;
    display: none;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
}
.vip-new-faq__content--open {
    display: block;
}
@media (max-width: 991.98px) {
    .vip-new-faq__content {
        padding: 20px 25px;
        font-size: 12px;
    }
}
.vip-new-faq__content-text {
    margin: 0 0 20px;
}
.vip-new-faq__content-list {
    list-style-type: circle;
}
.vip-new-faq__content-list-item {
    position: relative;
    padding: 0 0 0 21px;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
}
.vip-new-faq__content-list-item:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #fa9b0d;
    border-radius: 50%;
}
.vip-new-faq__content-list-item:last-child {
    margin: 0;
}
.vip-new-faq__content-list-item > ul {
    padding: 20px 0 10px 26px;
}
.vip-new-faq__content-list-item > ul li {
    margin: 0 0 4px;
}
.vip-new-faq__content-list-item > ul li:before {
    top: 9px;
    width: 3px;
    height: 3px;
    background-color: #686c7d;
}
@media (max-width: 991.98px) {
    .vip-new-faq__content-list-item {
        font-size: 12px;
    }
}
.high-roller-modal__wrap {
    position: relative;
    margin: 0 auto;
    padding: 0 16px;
    max-width: 100%;
    height: 100%;
    max-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1050;
}
@media (max-width: 767.98px) {
    .high-roller-modal__wrap {
        height: auto;
        max-height: unset;
    }
}
@media (max-width: 519.98px) {
    .high-roller-modal__wrap {
        height: 100%;
        max-height: 100vh;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.high-roller-modal__content {
    margin: 0;
    padding: 47px 38px 58px;
    max-width: 749px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: #303039;
    border: none;
    border-radius: 5px;
}
@media (max-width: 767.98px) {
    .high-roller-modal__content {
        padding: 38px 0;
    }
}
.high-roller-modal__button-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.high-roller-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-color: #1f1f28;
    border-radius: 5px;
}
.high-roller-modal__close:hover {
    opacity: 0.7;
}
.loyalty-program-hero {
    position: relative;
    padding: 40px 32px;
    overflow: hidden;
}
@media (max-width: 1349.98px) {
    .loyalty-program-hero {
        padding: 0;
    }
}
.loyalty-program-hero__container {
    position: relative;
    margin: 0 auto;
    padding: 48px 60px;
    width: 100%;
    max-width: 1170px;
    height: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #4e4e5a;
    background-image: url(../images/img/loyalty-program/hero-bg.webp);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.55);
}
@media (max-width: 991.98px) {
    .loyalty-program-hero__container {
        padding: 0;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        background-image: none;
        background-color: transparent;
        border-radius: none;
        box-shadow: none;
    }
}
.loyalty-program-hero__content {
    width: 100%;
    max-width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 991.98px) {
    .loyalty-program-hero__content {
        margin: 0;
        padding: 0;
        padding: 20px 32px;
        max-width: 100%;
        gap: 8px;
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-hero__content {
        padding: 20px;
    }
}
.loyalty-program-hero__pre-title {
    margin: 0;
    font-size: 22px;
    line-height: normal;
    color: #fff;
}
@media (max-width: 767.98px) {
    .loyalty-program-hero__pre-title {
        font-size: 18px;
    }
}
.loyalty-program-hero__title {
    margin: 0;
    font-size: 36px;
    line-height: normal;
    color: #fa9b0d;
    text-transform: uppercase;
    text-shadow: 0 3.21px 40.125px rgba(79, 20, 72, 0.5);
}
@media (max-width: 767.98px) {
    .loyalty-program-hero__title {
        font-size: 24px;
        text-transform: capitalize;
    }
}
.loyalty-program-hero__text {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.loyalty-program-hero__action-button {
    padding: 10px 20px;
    max-width: 280px;
    line-height: 1.6;
    border-radius: 8px;
}
@media (max-width: 767.98px) {
    .loyalty-program-hero__action-button {
        max-width: 100%;
    }
}
.loyalty-program-hero__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 546px;
    pointer-events: none;
}
@media (max-width: 991.98px) {
    .loyalty-program-hero__img {
        position: static;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        max-width: 100%;
        background-color: #40386b;
        background-image: url(../images/img/loyalty-program/hero-bg.webp);
    }
}
.loyalty-program-hero__image--mobile {
    display: none;
}
@media (max-width: 991.98px) {
    .loyalty-program-hero__image {
        display: none;
    }
    .loyalty-program-hero__image--mobile {
        position: static;
        display: block;
        width: 100%;
        background-color: #40386b;
        -o-object-fit: contain;
        object-fit: contain;
        background-image: url(../images/img/loyalty-program/hero-bg.webp);
        border-radius: 16px;
    }
}
@media (max-width: 519.98px) {
    .loyalty-program-hero__image--mobile {
        border-radius: 0;
    }
}
.loyalty-program-progress {
    position: relative;
    padding: 30px 32px;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .loyalty-program-progress {
        padding: 16px 20px 30px;
    }
}
.loyalty-program-progress__container {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1170px;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
@media (max-width: 767.98px) {
    .loyalty-program-progress__container {
        gap: 20px;
    }
}
.loyalty-program-progress__completed {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 1349.98px) {
    .loyalty-program-progress__completed {
        padding: 0 32px;
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-progress__completed {
        padding: 0 20px;
    }
}
.loyalty-program-progress__completed-button {
    padding: 10px 32px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px 16px;
    font-size: 18px;
    line-height: normal;
    text-align: left;
    color: #000;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 15px;
    -webkit-transition: background-color 0.26s ease-in-out, border-color 0.26s ease-in-out;
    -o-transition: background-color 0.26s ease-in-out, border-color 0.26s ease-in-out;
    transition: background-color 0.26s ease-in-out, border-color 0.26s ease-in-out;
}
.loyalty-program-progress__completed-button:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
    border-color: hsla(0, 0%, 100%, 0.2);
}
.loyalty-program-progress__completed-button[aria-expanded="true"] {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.loyalty-program-progress__completed-button[aria-expanded="true"] .loyalty-program-progress__completed-levels-toggle-icon {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 991.98px) {
    .loyalty-program-progress__completed-button {
        padding: 20px;
    }
}
.loyalty-program-progress__completed-button-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
.loyalty-program-progress__completed-button-info-count {
    font-size: 16px;
    text-wrap: nowrap;
    color: #fa9b0d;
}
.loyalty-program-progress__completed-toggle-button {
    padding: 10px;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #babed1;
    background-color: hsla(0, 0%, 100%, 0.05);
    border-radius: 8px;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.loyalty-program-progress__completed-toggle-button:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.loyalty-program-progress__completed-toggle-icon {
    stroke: currentColor;
    fill: currentColor;
}
.loyalty-program-progress__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
.loyalty-program-progress__title {
    margin: 0;
    font-size: 24px;
    line-height: normal;
    color: #262831;
}
.loyalty-program-progress__item-card {
    margin: 0;
    padding: 24px;
    display: grid;
    grid-template-columns: 140px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px 20px;
    grid-template-areas: "icon rewardCurrent" "icon rewardNext" "icon progress";
    background-color: #f6f6fa;
    border-radius: 14px;
}
@media (max-width: 991.98px) {
    .loyalty-program-progress__item-card {
        margin: 0;
        padding: 14px;
        grid-template-columns: 70px 1fr;
        grid-template-areas: "icon rewardCurrent" "icon rewardNext" "progress progress";
    }
}
.loyalty-program-progress__item-card_sidebar {
    margin: 0;
    padding: 20px 16px;
    width: 100%;
    grid-template-columns: 80px 1fr;
    grid-template-areas: "icon rewardNext" "progress progress" "readMore readMore";
    cursor: pointer;
    border: 2px solid #dfe2ee;
}
.loyalty-program-progress__item-card_sidebar .read-more {
    grid-area: readMore;
    margin-top: 5px;
}
.loyalty-program-progress__item-card_sidebar .read-more a {
    color: #007bff;
    text-decoration: underline;
}
.loyalty-program-progress__item-card-icon-mask {
    grid-area: icon;
    position: relative;
    width: 120px;
    height: 120px;
    background-color: #007bff;
    border-radius: 8px;
}
@media (max-width: 991.98px) {
    .loyalty-program-progress__item-card-icon-mask {
        width: 70px;
        height: 70px;
    }
}
.loyalty-program-progress__item-card-icon-mask_sidebar {
    width: 80px;
    height: 80px;
}
.loyalty-program-progress__item-card-icon {
    width: 120px;
    height: 120px;
    display: block;
}
@media (max-width: 991.98px) {
    .loyalty-program-progress__item-card-icon {
        width: 70px;
        height: 70px;
    }
}
.loyalty-program-progress__item-card-icon_sidebar {
    width: 80px;
    height: 80px;
}
.loyalty-program-progress__item-card-icon-number {
    position: absolute;
    bottom: -17px;
    left: 50%;
    padding: 2px 9px;
    width: auto;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #ec1e1e;
    border-radius: 8px;
}
.loyalty-program-progress__item-card-icon-number_sidebar {
    bottom: -8px;
}
.loyalty-program-progress__item-card-reward-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}
.loyalty-program-progress__item-card-reward-wrap_current {
    grid-area: rewardCurrent;
    color: #fff;
}
.loyalty-program-progress__item-card-reward-wrap_next {
    grid-area: rewardNext;
    color: #ec1e1e;
}
@media (max-width: 991.98px) {
    .loyalty-program-progress__item-card-reward-wrap_next {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.loyalty-program-progress__item-card-reward-wrap_next_sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.loyalty-program-progress__item-card-title {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #6b6b78;
}
.loyalty-program-progress__item-card-title_sidebar {
    font-size: 14px;
    color: #686c7d;
}
.loyalty-program-progress__item-card-reward {
    margin: 0;
    font-size: 16px;
    line-height: normal;
    color: #18191c;
}
.loyalty-program-progress__item-card-reward_lvl {
    color: #ec1e1e;
}
.loyalty-program-progress__item-card-reward_sidebar {
    font-size: 20px;
    color: #ec1e1e;
}
.loyalty-program-progress__item-progress {
    margin: 12px 0 0;
    grid-area: progress;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
}
.loyalty-program-progress__item-progress-highlight-levels {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.loyalty-program-progress__item-progress-highlight-levels-value {
    font-size: 16px;
    line-height: 1.4;
    color: #babed1;
}
.loyalty-program-progress__item-progress-highlight-levels-value_sidebar {
    font-size: 12px;
}
.loyalty-program-progress__item-progress-wrap {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #dfe2ee;
    border-radius: 14px;
}
.loyalty-program-progress__item-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    background-color: #04c000;
    border-radius: 14px;
}
.loyalty-program-progress__item-progress-bar-value {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    line-height: normal;
    color: #262831;
}
.loyalty-program-progress__item-progress-hints {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 22px;
    gap: 16px;
}
.loyalty-program-progress__item-progress-hint-title {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #6b6b78;
}
.loyalty-program-progress__item-progress-hint-reward {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #fa9b0d;
    text-transform: uppercase;
}
.loyalty-program-progress__item-banner {
    position: relative;
    padding: 24px 36px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #006a00;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.55);
}
.loyalty-program-progress__item-banner--silver {
    background-image: url(../images/img/loyalty-program/silver-banner-bg.webp);
}
.loyalty-program-progress__item-banner--silver .loyalty-program-progress__item-banner-image--mobile {
    top: 32px;
    bottom: unset;
    width: 194px;
}
.loyalty-program-progress__item-banner--gold {
    background-image: url(../images/img/loyalty-program/gold-banner-bg.webp);
}
.loyalty-program-progress__item-banner--gold .loyalty-program-progress__item-banner-image--mobile {
    top: 8px;
    right: 4px;
    bottom: unset;
    width: 160px;
}
.loyalty-program-progress__item-banner--sapphire {
    background-image: url(../images/img/loyalty-program/sapphire-banner-bg.webp);
}
.loyalty-program-progress__item-banner--sapphire .loyalty-program-progress__item-banner-image--mobile {
    top: 13px;
    right: -4px;
    bottom: unset;
    width: 190px;
}
.loyalty-program-progress__item-banner--emerald {
    background-image: url(../images/img/loyalty-program/emerald-banner-bg.webp);
}
@media (max-width: 519.98px) {
    .loyalty-program-progress__item-banner--emerald {
        background-position: right -60px center;
    }
}
.loyalty-program-progress__item-banner--emerald .loyalty-program-progress__item-banner-image--mobile {
    top: 47px;
    right: 10px;
    bottom: unset;
    width: 207px;
}
.loyalty-program-progress__item-banner--ruby {
    background-image: url(../images/img/loyalty-program/ruby-banner-bg.webp);
}
.loyalty-program-progress__item-banner--ruby .loyalty-program-progress__item-banner-image--mobile {
    top: 36px;
    right: 7px;
    bottom: unset;
    width: 159px;
}
.loyalty-program-progress__item-banner--diamond {
    background-image: url(../images/img/loyalty-program/diamond-banner-bg.webp);
}
.loyalty-program-progress__item-banner--diamond .loyalty-program-progress__item-banner-image {
    top: 35px;
    right: 19px;
    bottom: unset;
    width: 331px;
    height: 168px;
}
.loyalty-program-progress__item-banner--diamond .loyalty-program-progress__item-banner-image--mobile {
    top: 58px;
    right: 0;
    bottom: unset;
    width: 208px;
}
@media (max-width: 767.98px) {
    .loyalty-program-progress__item-banner {
        padding: 20px;
        height: 204px;
    }
}
.loyalty-program-progress__item-banner-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    z-index: 1;
}
.loyalty-program-progress__item-banner-info-reward {
    max-width: 225px;
    font-size: 22px;
    line-height: normal;
    color: #fff;
    text-transform: capitalize;
}
@media (max-width: 767.98px) {
    .loyalty-program-progress__item-banner-info-reward {
        max-width: 138px;
        font-size: 16px;
    }
}
.loyalty-program-progress__action-button {
    padding: 10px;
    width: 120px;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
.loyalty-program-progress__action-button:active:not([disabled]),
.loyalty-program-progress__action-button:focus:not([disabled]),
.loyalty-program-progress__action-button:hover:not([disabled]) {
    color: #211d38;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.55);
}
.loyalty-program-progress__action-button:active:not([disabled]),
.loyalty-program-progress__action-button:focus:not([disabled]) {
    -webkit-transform: scale(0.97);
    -o-transform: scale(0.97);
    transform: scale(0.97);
}
.loyalty-program-progress__item-banner-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
}
.loyalty-program-progress__item-banner-image--mobile {
    display: none;
}
@media (max-width: 991.98px) {
    .loyalty-program-progress__item-banner-image {
        display: none;
    }
    .loyalty-program-progress__item-banner-image--mobile {
        display: block;
        height: auto;
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-progress__item-banner-image {
        display: block;
    }
    .loyalty-program-progress__item-banner-image--mobile {
        display: none;
    }
}
@media (max-width: 519.98px) {
    .loyalty-program-progress__item-banner-image {
        display: none;
    }
    .loyalty-program-progress__item-banner-image--mobile {
        display: block;
        height: auto;
    }
}
.loyalty-program-statuses {
    position: relative;
    padding: 30px 32px;
    overflow: hidden;
}
@media (max-width: 1349.98px) {
    .loyalty-program-statuses {
        padding: 16px 0;
    }
}
.loyalty-program-statuses__container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.loyalty-program-statuses__title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: normal;
    color: #262831;
}
@media (max-width: 1349.98px) {
    .loyalty-program-statuses__title {
        padding: 0 32px;
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-statuses__title {
        padding: 0 20px;
    }
}
.loyalty-program-statuses__content-slider {
    margin: 0;
    padding: 24px 0 0;
    width: 100%;
}
@media (max-width: 1349.98px) {
    .loyalty-program-statuses__content-slider {
        padding: 24px 32px 0;
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-statuses__content-slider {
        padding: 20px 0 0;
    }
}
.loyalty-program-statuses__content-slide-button {
    padding: 20px;
    width: 100%;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    background-color: #f6f6fa;
    border: 20px solid #fff;
    border-radius: 15px;
    -webkit-transition: background-color 0.26s ease-in-out, border-color 0.26s ease-in-out, -webkit-box-shadow 0.26s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -o-transition: background-color 0.26s ease-in-out, border-color 0.26s ease-in-out, box-shadow 0.26s ease-in-out, -o-transform 0.6s ease-in-out;
    transition: background-color 0.26s ease-in-out, border-color 0.26s ease-in-out, box-shadow 0.26s ease-in-out, transform 0.6s ease-in-out;
    transition: background-color 0.26s ease-in-out, border-color 0.26s ease-in-out, box-shadow 0.26s ease-in-out, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
}
.loyalty-program-statuses__content-slide-button:hover {
    background-color: #f6f6fa;
    border-color: #dfe2ee;
}
.loyalty-program-statuses__content-slide-button--registered {
    padding: 20px;
}
.loyalty-program-statuses__content-slide-button--active {
    position: relative;
    overflow: hidden;
    background-color: #ffe875;
    border-color: #ffd600;
}
.loyalty-program-statuses__content-slide-button-title {
    position: relative;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}
.loyalty-program-statuses__content-slide-image {
    position: relative;
    width: 90px;
    height: 90px;
}
.loyalty-program-statuses__content-slide-button-text {
    position: relative;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #ec1e1e;
}
.loyalty-program-statuses__content-slide-progress {
    position: relative;
    margin: -4px 0 0;
    width: 100%;
    height: 12px;
    background-color: #dfe2ee;
    border-radius: 5px;
}
.loyalty-program-statuses__content-slide-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    background-color: #007bff;
    border-radius: 5px;
}
.loyalty-program-statuses__content-slider-navigation {
    margin: 0 auto;
    padding: 16px 0 0;
    width: 100%;
    max-width: 272px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
}
.loyalty-program-statuses__content-slider-navigation,
.loyalty-program-statuses__content-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.loyalty-program-statuses__content-slider-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 18px;
}
.loyalty-program-statuses__content-slider-pagination .swiper-pagination-bullet {
    background-color: #434453;
}
.loyalty-program-statuses__content-slider-pagination .swiper-pagination-bullet-active {
    background-color: #fa9b0d;
}
.loyalty-program-levels {
    position: relative;
    padding: 0 32px 30px;
    overflow: hidden;
}
@media (max-width: 1349.98px) {
    .loyalty-program-levels {
        padding: 16px 0;
    }
}
.loyalty-program-levels__container {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1170px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
.loyalty-program-levels__container .tab-content > .active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.loyalty-program-levels__title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: normal;
    color: #262831;
}
@media (max-width: 1349.98px) {
    .loyalty-program-levels__title {
        padding: 0 32px;
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-levels__title {
        padding: 0 20px;
    }
}
.loyalty-program-levels__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 1349.98px) {
    .loyalty-program-levels__content {
        padding: 0 32px;
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-levels__content {
        padding: 0 20px;
    }
}
.loyalty-program-levels__content-header {
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    background-color: transparent;
}
.loyalty-program-levels__content-header--registered {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-header {
        display: none;
    }
}
.loyalty-program-levels__content-header-item {
    font-size: 16px;
    line-height: 1.4;
    color: #686c7d;
}
.loyalty-program-levels__content-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}
.loyalty-program-levels__content-body-item:nth-child(2n) .loyalty-program-levels__content-body-button {
    background-color: #f6f6fa;
}
.loyalty-program-levels__content-body-item:nth-child(2n) .loyalty-program-levels__content-body-button:hover {
    background-color: #e5eaff;
}
.loyalty-program-levels__content-body-item--open .loyalty-program-levels__content-body-item-prize-toggle {
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.loyalty-program-levels__content-body-item--open .loyalty-program-levels__content-body-item-content {
    display: none !important;
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-body-item--open .loyalty-program-levels__content-body-item-content {
        display: block !important;
    }
}
.loyalty-program-levels__content-body-item--open .loyalty-program-levels__content-body-item-content:after,
.loyalty-program-levels__content-body-item--open .loyalty-program-levels__content-body-item-content:before {
    content: "";
    position: absolute;
    top: -12px;
    width: 12px;
    height: 12px;
    background-color: hsla(0, 0%, 100%, 0.02);
    z-index: 1;
}
.loyalty-program-levels__content-body-item--open .loyalty-program-levels__content-body-item-content:before {
    left: 0;
}
.loyalty-program-levels__content-body-item--open .loyalty-program-levels__content-body-item-content:after {
    right: 0;
}
.loyalty-program-levels__content-body-button {
    position: relative;
    padding: 16px 24px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    text-align: left;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
    z-index: 2;
}
.loyalty-program-levels__content-body-button:hover {
    background-color: #dfe2ee;
}
.loyalty-program-levels__content-body-button--registered {
    grid-template-columns: repeat(4, 1fr);
}
.loyalty-program-levels__content-body-button--active {
    background-color: #fff;
    border-color: #04c000;
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-body-button {
        padding: 14px;
        pointer-events: auto;
        grid-template-columns: 1fr 3fr;
    }
}
.loyalty-program-levels__content-body-item-level {
    position: relative;
    top: 3px;
    font-size: 18px;
    line-height: normal;
    color: #262831;
}
.loyalty-program-levels__content-body-item-xp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-body-item-xp {
        display: none;
    }
}
.loyalty-program-levels__content-body-item-xp-star {
    width: 24px;
    height: 24px;
}
.loyalty-program-levels__content-body-item-xp-value {
    position: relative;
    top: 3px;
    font-size: 18px;
    line-height: normal;
    color: #262831;
}
.loyalty-program-levels__content-body-item-prize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-body-item-prize {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.loyalty-program-levels__content-body-item-prize-value {
    position: relative;
    top: 3px;
    font-size: 18px;
    line-height: normal;
    color: #007bff;
    text-transform: uppercase;
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-body-item-prize-value {
        text-align: right;
    }
}
.loyalty-program-levels__content-body-item-prize-toggle {
    display: none;
    width: 24px;
    height: 24px;
    fill: #babed1;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
    transition: all 0.26s ease-in-out;
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-body-item-prize-toggle {
        display: block;
    }
}
.loyalty-program-levels__content-body-item-progress {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #dfe2ee;
    border-radius: 5px;
}
.loyalty-program-levels__content-body-item-progress--toggle {
    display: none;
}
@media (max-width: 991.98px) {
    .loyalty-program-levels__content-body-item-progress {
        display: none;
    }
    .loyalty-program-levels__content-body-item-progress--toggle {
        margin: 16px 0 0;
        display: block;
    }
}
.loyalty-program-levels__content-slide-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    background-color: #04c000;
    border-radius: 5px;
}
.loyalty-program-levels__content-body-item-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    background-color: #04c000;
    border-radius: 5px;
}
.loyalty-program-levels__content-slide-progress-bar-value {
    position: absolute;
    top: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    line-height: normal;
    color: #262831;
}
.loyalty-program-levels__content-body-item-content {
    position: relative;
    padding: 16px;
    width: 100%;
    display: none;
    font-size: 16px;
    line-height: 1.5;
    color: #686c7d;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
}
.loyalty-program-levels__content-body-item-content:nth-child(2n) {
    background-color: #f6f6fa;
}
.loyalty-program-levels__content-body-item-content-item {
    display: grid;
    grid-template-columns: 84px 1fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px;
}
.loyalty-program-levels__content-body-item-content-xp {
    position: relative;
    top: 2px;
    margin: 0;
    font-size: 14px;
    line-height: normal;
    color: #686c7d;
}
.loyalty-program-rewards {
    position: relative;
    padding: 30px 32px;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .loyalty-program-rewards {
        padding: 16px 20px 30px;
    }
}
.loyalty-program-rewards__container {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1170px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.loyalty-program-rewards__title {
    margin: 0;
    font-size: 24px;
    line-height: normal;
    color: #262831;
}
.loyalty-program-rewards__text {
    margin: 0 0 4px;
    font-size: 18px;
    line-height: normal;
    color: #6b6b78;
}
.loyalty-program-rewards__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media (max-width: 1349.98px) {
    .loyalty-program-rewards__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767.98px) {
    .loyalty-program-rewards__grid {
        grid-template-columns: 1fr;
    }
}
.loyalty-program-rewards__grid-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .loyalty-program-rewards__grid-card {
        max-width: 100%;
    }
}
.loyalty-program-rewards__grid-item-image {
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
    min-height: 225px;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    background-color: #007bff;
}
.loyalty-program-rewards__grid-item-description {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}
.loyalty-program-rewards__grid-item-description p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #6b6b78;
}
.loyalty-program-rewards__grid-item-description-info {
    padding: 0 0 16px;
    display: grid;
    grid-template-columns: 60px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px 6px;
    grid-template-areas: "icon pretitle" "icon title";
    border-bottom: 1px dashed #6b6b78;
}
.loyalty-program-rewards__grid-item-icon {
    grid-area: icon;
    width: 60px;
    height: 60px;
    pointer-events: none;
}
.loyalty-program-rewards__grid-item-pre-title {
    grid-area: pretitle;
    font-size: 14px;
    line-height: normal;
    color: #3b3e49;
}
.loyalty-program-rewards__grid-item-title {
    grid-area: title;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}
.loyalty-program-rewards__grid-item-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #686c7d;
}
.loyalty-program-modal-rules__wrap {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    max-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1050;
}
.loyalty-program-modal-rules__content {
    margin: 0;
    padding: 24px;
    max-width: 360px;
    display: grid;
    grid-template-columns: 1fr 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-areas: "title button" "text text";
    gap: 24px 12px;
    color: #fff;
    background-color: #303039;
    border: none;
    border-radius: 5px;
}
.loyalty-program-modal-rules__title {
    grid-area: title;
    margin: 0;
    font-size: 18px;
    line-height: normal;
    color: inherit;
}
.loyalty-program-modal-rules__text {
    grid-area: text;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #6b6b78;
}
.loyalty-program-modal-rules__close {
    padding: 10px;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: #28243f;
    border-radius: 8px;
}
.loyalty-program-modal-rules__close:hover {
    opacity: 0.5;
}
.loyalty-program-modal-rules__close-icon {
    stroke: currentColor;
    fill: currentColor;
}
.loyalty-program-modal-rules .loyalty-program-hero__slider .h-top-s .container {
    max-width: 1190px;
}
.loyalty-program-banner {
    margin: 0 0 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 5px;
    overflow: hidden;
}
.loyalty-program-banner__img {
    height: auto;
}
.g-bonus-small .g-bonus-ch-link.g-bonus-ch-link--banner a h2 {
    font-size: 28px;
    line-height: 44px;
}
.g-bonus-small p a {
    font-size: 18px;
    line-height: 19px;
}
.g-bonus-big {
    max-height: 330px;
}
@media (max-width: 991.98px) {
    .g-bonus-big {
        max-height: 100%;
    }
}
.g-bonus-small {
    max-height: 309px;
}
@media (max-width: 991.98px) {
    .g-bonus-small {
        max-height: 100%;
    }
}
.g-bonus-a--taken {
    background: #ff890d;
}
.wrapper {
    padding: 0 32px;
    margin: auto;
    max-width: 1320px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
@media (max-width: 767.98px) {
    .wrapper {
        padding: 0 16px;
        grid-template-columns: 1fr;
    }
}
.new-promotions-image {
    height: 100%;
}
.new-promotions-image--full {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: auto;
    width: 0;
    height: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
}
.new-promotions-bg {
    position: relative;
    aspect-ratio: 2/1;
    height: 100%;
    color: #fff;
}
.new-promotions-bg:hover:before {
    background: rgba(0, 0, 0, 0.4) !important;
}
.new-promotions-bg:hover .new-promotions-h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    padding-left: 30px;
    z-index: 10;
}
@media (max-width: 519.98px) {
    .new-promotions-bg:hover .new-promotions-h {
        padding-bottom: 20px;
        padding-left: 20px;
    }
}
.new-promotions-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    background: transparent !important;
    z-index: 2;
}
.new-promotions-bg img {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}
.new-promotions-bg .new-promotions-image--half {
    display: block;
}
.new-promotions-bg .new-promotions-image--full {
    display: none;
}
.new-promotions-bg--full {
    grid-column: 1/3;
    aspect-ratio: 4/0.91;
}
.new-promotions-bg--full .new-promotions-image--full {
    display: block;
}
@media (max-width: 767.98px) {
    .new-promotions-bg--full {
        grid-column: unset;
        aspect-ratio: 2/1;
    }
    .new-promotions-bg--full .new-promotions-image--full {
        display: none;
    }
}
.new-promotions-bg .promotion-details-link {
    color: #fff;
}
@media (max-width: 519.98px) {
    .new-promotions-bg-c {
        height: inherit !important;
    }
}
.new-promotions-h {
    display: none;
}
.bonus-package-category-list__head-category-icon img {
    max-width: 25px;
    max-height: 25px;
}
.playfina-vip-experience-card_title {
    margin-left: auto;
    margin-right: auto;
}
.component-collections .swiper-slide--loading {
    width: calc(25% - 7.5px);
}
@media screen and (max-width: 768px) {
    .component-collections .swiper-slide--loading {
        width: calc(50vw - 15px);
    }
}
@media (max-width: 1349.98px) {
    .component-collections__games-section .slots-on-line1 {
        width: 120px;
    }
    .component-collections__games-section .slots-on-line1 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .component-collections__games-section .slots-on-line2 {
        width: 240px;
    }
    .component-collections__games-section .slots-on-line2 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .component-collections__games-section .slots-on-line3 {
        width: 360px;
    }
    .component-collections__games-section .slots-on-line3 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.3333% !important;
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
    }
    .component-collections__games-section .slots-on-line4 {
        width: 480px;
    }
    .component-collections__games-section .slots-on-line4 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .component-collections__games-section .slots-on-line5 {
        width: 600px;
    }
    .component-collections__games-section .slots-on-line5 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
    .component-collections__games-section .slots-on-line6 {
        width: 720px;
    }
    .component-collections__games-section .slots-on-line6 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 16.6666% !important;
        flex: 0 0 16.6666% !important;
        max-width: 16.6666% !important;
    }
}
@media (max-width: 1349.98px) {
    .component-collections__games-section .slots-big .slots-on-line1 {
        width: 160px !important;
    }
    .component-collections__games-section .slots-big .slots-on-line2 {
        width: 320px !important;
    }
    .component-collections__games-section .slots-big .slots-on-line3 {
        width: 480px !important;
    }
    .component-collections__games-section .slots-big .slots-on-line4 {
        width: 640px !important;
    }
    .component-collections__games-section .slots-big .slots-on-line5 {
        width: 800px !important;
    }
}
.col-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
@media (max-width: 991.98px) {
    .live-games-h-content .col-1-5 {
        padding: 0 2.5px;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}
.live-games-h-content .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.live-games-h-content .simplebar-content {
    padding-right: 0 !important;
}
@media (max-width: 991.98px) {
    .live-games-h-content .live-games-h-content-mobile {
        min-width: 320px;
    }
}
.games-component_badge_image {
    margin-right: 5px;
}
.onload-header-carousel-component {
    height: 324.59px;
}
.header-carousel__image--temp {
    height: 300px;
}
.onload-header-carousel-dynamic-component {
    height: 363px;
}
@media screen and (max-width: 1350px) {
    .onload-header-carousel-dynamic-component {
        height: 318px;
    }
}
@media screen and (max-width: 992px) {
    .onload-header-carousel-dynamic-component {
        height: 252px;
    }
}
@media screen and (max-width: 768px) {
    .onload-header-carousel-dynamic-component {
        height: 253px;
    }
}
@media screen and (min-width: 768px) {
    .header_carousel_slide_dynamic--no-darker-left-side:before {
        background: none;
    }
}
@media screen and (max-width: 576px) {
    .onload-header-carousel-component {
        height: 214.59px;
    }
    .header-carousel__image--temp {
        height: 190px;
    }
}
.header-carousel-slide__content-wrapper {
    max-width: 65%;
}
#playfina_top_header_logo {
    min-height: 34px;
}
@media screen and (max-width: 390px) {
    #playfina_top_header_logo {
        min-height: 26px;
    }
}
.playfina-header-carousel-dynamic__blurred {
    height: 100%;
}
@media screen and (min-width: 991px) {
    .onload-games-component {
        margin-right: 20px;
    }
}
@media screen and (min-width: 320px) and (max-width: 990px) {
    .onload-games-component {
        margin-right: 5px;
    }
}
@media (max-width: 1349.98px) {
    .component-games--card .slots-on-line1 {
        width: 120px;
    }
    .component-games--card .slots-on-line1 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .component-games--card .slots-on-line2 {
        width: 240px;
    }
    .component-games--card .slots-on-line2 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .component-games--card .slots-on-line3 {
        width: 360px;
    }
    .component-games--card .slots-on-line3 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.3333% !important;
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
    }
    .component-games--card .slots-on-line4 {
        width: 480px;
    }
    .component-games--card .slots-on-line4 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .component-games--card .slots-on-line5 {
        width: 600px;
    }
    .component-games--card .slots-on-line5 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
    .component-games--card .slots-on-line6 {
        width: 720px;
    }
    .component-games--card .slots-on-line6 .col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 16.6666% !important;
        flex: 0 0 16.6666% !important;
        max-width: 16.6666% !important;
    }
}
@media (max-width: 1349.98px) {
    .component-games--card .slots-big .slots-on-line1 {
        width: 160px !important;
    }
    .component-games--card .slots-big .slots-on-line2 {
        width: 320px !important;
    }
    .component-games--card .slots-big .slots-on-line3 {
        width: 480px !important;
    }
    .component-games--card .slots-big .slots-on-line4 {
        width: 640px !important;
    }
    .component-games--card .slots-big .slots-on-line5 {
        width: 800px !important;
    }
}
@media (max-width: 991.98px) {
    .component-games--card .slots-ch.slots-big .slot-link,
    .component-games--card .slots-ch.slots-big p {
        font-size: 14px;
    }
}
@media (max-width: 519.98px) {
    .component-games--card .slots-ch.slots-big .slot-link,
    .component-games--card .slots-ch.slots-big p {
        font-size: 12px;
    }
}
.slot-image__recently_played {
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    border: 0;
}
@media screen and (max-width: 767.98px) {
    .slot-image__recently_played {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.recently_played--games-wrapper {
    width: 100%;
}
.recently_played--games-wrapper .col {
    margin-bottom: 5px;
}
.tournaments-s picture .image-fit {
    display: block;
}
.tournament-list__category-background-wrapper {
    height: 257px;
}
@media (max-width: 1349.98px) {
    .tournament-list__category-background-wrapper {
        height: 227px;
    }
}
@media (max-width: 991.98px) {
    .tournament-list__category-background-wrapper {
        height: 147px;
    }
}
@media (max-width: 519.98px) {
    .tournament-list__category-background-wrapper {
        height: 165px;
    }
}
.filter-h .__active-search-collection,
.filter-h .__active-search-collection:hover {
    border-bottom: 1px solid #facd0d;
}
.filter-h .__active-search-collection p {
    color: #fff;
}
.filter-h .__active-search-collection:hover img,
.filter-h .__active-search-collection img {
    filter: grayscale(0);
}
.section_playfina_searchable__games {
    background-color: #ebedf4;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .playfina-searchable-games__games-section .slots-hold:not(.slots-big) > .row {
        margin: 0 -2.5px 10px;
    }
}
.slot-image__lobby-card {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slot-image__lobby-card.slot-image__lobby-card--blurred {
    z-index: -2;
}
.promo_additional_string a {
    color: #fff !important;
    text-transform: none !important;
    font-family: unset !important;
}
@media screen and (min-width: 991.98px) {
    .playfina_new_year_short_desc {
        font-size: 19px !important;
    }
}
.valentine-promo-btn-gray {
    pointer-events: none;
    background: #7c7c7f;
}
@media (min-width: 992px) {
    .terms-and-conditions-modal .modal-dialog {
        max-width: 640px;
    }
}
.terms-and-conditions-modal .bottom-new-popup {
    background: inherit;
}
.terms-and-conditions-modal .new-modal-checkbox {
    margin-bottom: 10px !important;
}
.terms-and-conditions-modal .new-modal-checkbox span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1349.98px) {
    .terms-and-conditions-modal .new-modal-checkbox span {
        top: 13px;
    }
}
.tournament-details__table-right-side {
    padding-left: 14px;
}
@media (max-width: 991.98px) {
    .tournament-details__table-right-side {
        padding-left: 12px;
    }
}
.card-design-cdn-image {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.card-design-blurred-cdn-image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.poster-design-blurred-cdn-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.jackpot-desktop-card-design-blurred-cdn-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.search-modal-card-design-blurred-cdn-image {
    z-index: 2;
    left: 0;
    right: 0;
}
.search-modal-card-design-cdn-image {
    z-index: 2;
    left: 0;
    right: 0;
    background: transparent;
}
.jackpot-mobile-card-design-blurred-cdn-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.game-c-menu {
    height: calc(100% - 60px);
}
@media (min-width: 768px) and (max-width: 1349.98px) {
    .game-c-menu {
        height: 100%;
    }
}
@media (min-width: 992px) {
    .game-c-menu {
        height: inherit;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .game-c-menu {
        height: 100%;
        right: 0;
        left: inherit;
        width: calc(100vw - 54px) !important;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .gamepage-b .game-c-menu {
        height: 100%;
        right: 0;
        left: inherit;
        width: 100% !important;
    }
}
.game-c-no-menu {
    height: 100%;
}
@media (min-width: 992px) {
    .game-c-no-menu {
        height: inherit;
    }
}
.playfina_play_game--ios-custom-height {
    height: calc(100% - 15px) !important;
}
.playfina_play_game--ios-background {
    background-color: #151518;
}
.make-deposit-h .game-block-modal__content p {
    font-size: 17px;
    color: #706c88;
    line-height: 24px;
}
.bonus-restricted-game__wrapper .slots-img,
.bonus-restricted-game__wrapper a,
.bonus-restricted-game__wrapper a:after,
.bonus-restricted-game__wrapper a:before,
.bonus-restricted-game__wrapper picture {
    pointer-events: none !important;
}
.bonus-restricted-game__wrapper .bonus-restricted-game__text-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    background-color: rgba(36, 26, 66, 0.88);
}
.bonus-restricted-game__wrapper .bonus-restricted-game__text-wrapper .bonus-restricted-game__text {
    display: inline-block;
    width: 72%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #facd0d;
}
@media (max-width: 1349.98px) {
    .bonus-restricted-game__wrapper .bonus-restricted-game__text-wrapper .bonus-restricted-game__text {
        font-size: 0.75rem;
    }
}
.bonus-restricted-game__search-bar-text {
    color: #facd0d;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #user-right__currency-submenu .simplebar-offset {
        right: unset !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #user-right__currency-submenu .simplebar-content {
        padding-right: 20px !important;
    }
}
@media (max-width: 991.98px) {
    #user-right__currency-submenu .simplebar-content {
        padding-bottom: 0 !important;
    }
}
@media (max-width: 991.98px) {
    #user-right__currency-submenu .simplebar-track.vertical {
        max-height: 110px;
    }
}
.body-sidebar {
    overflow: hidden;
}
@media (max-width: 519.98px) {
    @supports (-webkit-touch-callout: none) {
        .body-sidebar {
            position: fixed;
        }
    }
    @supports not (-webkit-touch-callout: none) {
        .body-sidebar {
            position: inherit;
        }
    }
}
.playfina__left-side-menu--safari .simplebar-content {
    padding-right: 14px !important;
}
.playfina__left-side-menu--safari .simplebar-offset {
    right: -16px !important;
}
.playfina__right-side-menu--safari .simplebar-content {
    padding-right: 32px !important;
}
.playfina__right-side-menu--safari .simplebar-offset {
    right: -20px !important;
}
.sidebar-promotions li button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.sidebar-promotions li button svg {
    position: absolute;
    top: 6px;
    right: 10px;
}
.sidebar-promotions button + span {
    padding: 0 6px;
}
.sidebar-promotions .more-links {
    padding: 6px 14px;
}
#playfina__left-side-menu .sidebar-support picture.bottom-logo img {
    max-height: 31px;
}
.playfinа-user-unverified-display h3,
.playfinа-user-verified-display h3 {
    font-size: 15px;
}
@media (max-width: 1349.98px) {
    .playfinа-user-unverified-display h3,
    .playfinа-user-verified-display h3 {
        font-size: 13px;
    }
}
.homepage {
    background-image: none;
}
.card-error > label > div.birth {
    border: 1px solid #ec1e1e !important;
}
#cabinet-verification__documents-address-open-button:not(.collapsed),
#cabinet-verification__documents-identity-open-button:not(.collapsed),
#cabinet-verification__documents-payment-open-button:not(.collapsed) {
    border-radius: 10px 10px 0 0;
}
#cabinet-verification__documents-address-open-button.collapsed,
#cabinet-verification__documents-identity-open-button.collapsed,
#cabinet-verification__documents-payment-open-button.collapsed {
    margin-bottom: 10px;
}
#cabinet-verification__documents-address-body,
#cabinet-verification__documents-identity-body,
#cabinet-verification__documents-payment-body {
    border-radius: 0 0 10px 10px;
}
.select-currency-c .select-currenct-icon,
.select-picture-crypto picture {
    min-width: 50px;
}
@media (max-width: 1349.98px) {
    .slots-ch .cabinet-game-history__1-col {
        width: 168px;
    }
    .slots-ch .cabinet-game-history__1-col .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .slots-ch .cabinet-game-history__2-col {
        width: 336px;
    }
    .slots-ch .cabinet-game-history__2-col .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .slots-ch .cabinet-game-history__3-col {
        width: 504px;
    }
    .slots-ch .cabinet-game-history__3-col .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .slots-ch .cabinet-game-history__4-col {
        width: 672px;
    }
    .slots-ch .cabinet-game-history__4-col .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .slots-ch .cabinet-game-history__5-col {
        width: 840px;
    }
    .slots-ch .cabinet-game-history__5-col .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.playfina-cabinet__select-option-icon {
    max-width: 21px;
    max-height: 21px;
    border-radius: 50%;
}
.bonuses-tabs-h {
    max-height: inherit;
}
.cabinet-history__clear-datepicker {
    position: absolute;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1349.98px) {
    .cabinet-history__clear-datepicker {
        top: 40%;
    }
}
#cabinet-dashboard__promotions-wrapper--mobile .simplebar-content {
    padding-left: 0 !important;
    padding-right: 20px !important;
}
@media screen and (min-width: 1200px) {
    .profile-c-l {
        width: 273px;
    }
}
@media screen and (min-width: 1350px) {
    .right-side-menu__withdrawal-button {
        display: none !important;
    }
}
#cabinet-bonuses__simplebar-wrapper {
    max-height: 590px;
}
@media screen and (max-width: 1350px) {
    #cabinet-bonuses__simplebar-wrapper {
        max-height: calc(100vh - 3.5rem - 110px);
    }
}
@media screen and (max-width: 991px) {
    #cabinet-bonuses__simplebar-wrapper {
        max-height: calc(100vh - 3.5rem - 50px);
    }
}
@media screen and (max-width: 1350px) {
    #cabinet-bonuses__simplebar-wrapper #cabinet-bonuses__simplebar-inner-wrapper {
        min-height: calc(100vh - 3.5rem - 125px);
    }
}
@media screen and (max-width: 991px) {
    #cabinet-bonuses__simplebar-wrapper #cabinet-bonuses__simplebar-inner-wrapper {
        min-height: calc(100vh - 3.5rem - 65px);
    }
}
#toasts-h {
    position: fixed;
    top: 80px;
    right: 30px;
}
@media (max-width: 519.98px) {
    #toasts-h {
        left: 10px;
        right: 10px;
    }
}
#toast-notifications-holder {
    margin-left: -100px;
}
@media (max-width: 991.98px) {
    #toast-notifications-holder {
        margin-left: 0;
    }
}
#toast-notifications-holder .offer-for-you-s {
    position: relative;
    top: unset;
    right: unset;
    width: 500px;
    margin-bottom: 10px;
}
@media (max-width: 519.98px) {
    #toast-notifications-holder .offer-for-you-s {
        width: auto;
    }
}
#modal-notifications-holder .offer-for-you-s {
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 991.98px) {
    .offer-for-you-s {
        left: 0;
        right: 0;
    }
}
.payments-c img {
    min-height: 40px;
}
@media (max-width: 991.98px) {
    .personal-cabinet__bonuses header {
        padding: 0 10px !important;
    }
    .personal-cabinet__bonuses header .row {
        height: 100%;
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: end !important;
    }
    .personal-cabinet__bonuses header .row .col:first-child {
        padding-bottom: 7px;
    }
    .personal-cabinet__bonuses header .row .col-auto:nth-child(2) {
        -ms-flex-item-align: center;
        align-self: center;
        padding: 7px;
    }
}
@media (max-width: 519.98px) {
    .personal-cabinet__bonuses .profile-c {
        background: transparent;
        height: calc(100vh - 46px);
        margin-bottom: 0 !important;
    }
    .personal-cabinet__bonuses .profile-c ul.bonuses-top-show {
        padding-top: 5px;
        margin-bottom: 3px;
    }
    .personal-cabinet__bonuses .profile-c .have-promo-code.mission-rewards-h {
        padding-bottom: 5px;
    }
    .personal-cabinet__bonuses .profile-c #cabinet-bonuses__simplebar-inner-wrapper {
        padding-right: 13px !important;
    }
}
@media screen and (max-width: 991px) {
    .personal-cabinet__bonuses .simplebar-offset {
        right: -8px !important;
    }
}
.personal-cabinet__bonuses .bonuses-tabs-h .cabinet-bonuses__links-wrapper picture {
    height: unset;
}
@media (max-width: 519.98px) {
    #cabinet-dashboard__promotions-active--mobile .deposit-button {
        line-height: 27px;
    }
}
.cabinet-history__bet-clear-datepicker,
.cabinet-history__deposit-clear-datepicker,
.cabinet-history__withdrawal-clear-datepicker {
    width: 20px;
    background: #ebedf4;
}
.playfina__personal-cabinet--safari #cabinet-dashboard__promotions-main-wrapper--desktop div.simplebar-offset {
    right: -10px !important;
}
.playfina__personal-cabinet--safari #cabinet-dashboard__promotions-main-wrapper--desktop div.simplebar-offset div.simplebar-content {
    padding-right: 20px !important;
}
.playfina__personal-cabinet--safari #cabinet-bonuses__simplebar-wrapper div.simplebar-offset {
    right: -10px !important;
}
.playfina__personal-cabinet--safari #cabinet-bonuses__simplebar-wrapper div.simplebar-offset div.simplebar-content {
    padding-right: 10px !important;
}
.playfina__personal-cabinet--safari #profile #profile-tb div.simplebar-offset {
    right: -10px !important;
}
.playfina__personal-cabinet--safari #profile #profile-tb div.simplebar-offset div.simplebar-content {
    padding-right: 10px !important;
}
@media (max-width: 1349.98px) {
    .playfina__personal-cabinet--safari #profile #profile-tb div.simplebar-offset div.simplebar-content {
        padding-right: 18px !important;
    }
}
.playfina__personal-cabinet--safari #cabinet-left__currency-holder--wrapper div.simplebar-offset {
    right: -10px !important;
}
.playfina__personal-cabinet--safari #cabinet-left__currency-holder--wrapper div.simplebar-content {
    padding-right: 10px !important;
}
@media (min-width: 1350px) {
    #profile #security {
        min-height: 580px !important;
    }
}
@media (min-width: 1350px) {
    #profile #security > .profile-input {
        min-height: unset !important;
    }
}
@media (max-width: 1349.98px) {
    #cabinet-dashboard__promotions-main-wrapper--mobile .simplebar-content {
        overflow-x: hidden !important;
    }
}
#home #cabinet-dashboard__tournaments-wrapper .simplebar-offset {
    right: 0 !important;
}
@media screen and (min-width: 992px) and (max-width: 1350px) {
    .profile-c-l {
        width: 273px;
    }
    #cabinet-dashboard__promotions-main-wrapper--desktop {
        max-height: 641px;
        height: 641px;
        margin-bottom: 0 !important;
    }
    #home .profile-c .row.cash-button-mobile-h > .col-6:first-child {
        margin-bottom: 8px !important;
    }
}
.promotions-locked .deposit-button {
    padding: 11px 26px;
}
.playfina-play-game-component {
    position: relative;
    left: 320px;
    max-width: calc(100vw - 320px);
    -webkit-transition: all 0.26s ease;
    -o-transition: 0.26s all ease;
    transition: all 0.26s ease;
}
@media screen and (max-width: 2000px) {
    .playfina-play-game-component {
        left: 0;
        max-width: 100vw;
    }
}
@media (min-width: 1350px) {
    .playfina-play-game-component .container {
        max-width: unset;
    }
}
@media (min-width: 992px) {
    .playfina-play-game-component .container {
        max-width: unset;
    }
}
@media (min-width: 768px) {
    .playfina-play-game-component .container {
        max-width: unset;
    }
}
.provders-l .providers-icon {
    text-align: center;
}
.providers-icon > img {
    max-height: 60px;
}
.providers-hero {
    text-align: right;
}
.providers-hero > img {
    max-height: 300px;
}
.providers-country {
    border-radius: 50%;
}
.sidebar-promotions .promotions-add > span {
    padding: 3px 14px;
}
.big-win__game-url {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 30;
}
.big-win h2 {
    margin: 0 0 6px;
    padding: 0 16px 0 0;
    font-size: 18px;
    line-height: 1.43;
    color: #151518;
}
.big-win p {
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
    color: #706c88;
}
.big-win p strong {
    color: #007bff;
}
#modal-deposit4 label {
    margin: 0 !important;
}
#modal-deposit4 input[type="radio"] {
    display: none;
}
#modal-deposit4 span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 1px solid #007bff;
    border-radius: 50%;
}
#modal-deposit4 input:checked + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007bff;
    border-radius: 50%;
    border: 4px solid #fff;
}
#modal-deposit4 p {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-bottom: 0 !important;
    margin-left: 10px;
}
.scroll-deposit {
    max-height: 510px;
}
@media (max-width: 1349.98px) {
    .scroll-deposit {
        max-height: 450px;
    }
}
@media (max-width: 519.98px) {
    .scroll-deposit {
        max-height: inherit;
    }
}
@media (min-width: 992px) {
    #playfina-deposit__first-step {
        min-height: 250px;
    }
}
#playfina-deposit__second-step input.char_1 {
    padding: 0 80px 0 25px !important;
}
#playfina-deposit__second-step input.char_2 {
    padding: 0 80px 0 30px !important;
}
#playfina-deposit__second-step input.char_3 {
    padding: 0 80px 0 50px !important;
}
#playfina-deposit__second-step input.char_4 {
    padding: 0 80px 0 75px !important;
}
#playfina-deposit__fifth-step .card-inputs-c input,
#playfina-deposit__fourth-step .card-inputs-c input,
#playfina-deposit__third-step-step .card-inputs-c input {
    padding-top: 5px;
}
#playfina-deposit__fifth-step .big-span {
    top: 27px;
}
#playfina-deposit__fourth-step label {
    margin: 0 !important;
}
#playfina-deposit__fourth-step input[type="radio"] {
    display: none;
}
#playfina-deposit__fourth-step span:not(.playfina-deposit__fourth-step--input-span) {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 1px solid #007bff;
    border-radius: 50%;
}
#playfina-deposit__fourth-step input:checked + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007bff;
    border-radius: 50%;
    border: 4px solid #fff;
}
#playfina-deposit__fourth-step p:not(.playfina-deposit__fourth-step-error) {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-bottom: 0 !important;
    margin-left: 10px;
}
#playfina-deposit__fifth-step .bitcoin-h picture {
    margin-left: 6px;
}
#playfina-deposit__fifth-step .bitcoin-h picture img {
    max-height: 24px;
    max-width: 160px;
}
#playfina-deposit__fifth-step .scan-qr h3 picture.currency-suffix {
    max-height: 20px;
    max-width: 100px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: 6px;
    background: none !important;
}
#playfina-deposit__fifth-step .scan-qr h3 picture.currency-suffix img.coin-method-image {
    max-height: 20px;
    max-width: 100px;
}
.make-deposit2__loader {
    height: calc(100% + 0.9999999px);
}
@media (max-width: 519.98px) {
    .make-deposit2__loader {
        top: 0;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        height: 100vh;
        border-radius: 0;
    }
}
.card-green .birth {
    border: 1px solid #04c000 !important;
}
.tournaments-t-l ul li {
    font-size: 16px;
    line-height: 24px;
    color: #18191c;
    margin-bottom: 14px;
}
.tournaments-t-l ul li:before {
    content: "•";
    color: #007bff;
    font-weight: 700;
    display: inline-block;
    width: 0.8em;
    position: relative;
    top: 2px;
}
.tournaments-t-l ul {
    list-style: none;
    padding-bottom: 0.2em;
    padding-left: 0.8em;
}
.circle-button-holder {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
    border-radius: 50%;
    background: #fff;
}
.circle-button-holder .circle-button {
    position: relative;
}
.circle-button-holder .bottom-menu-c {
    font-size: 10px;
    color: #f1eef5 !important;
    opacity: 0.7;
    margin-bottom: 34px;
    letter-spacing: 0.4em;
}
.circle-button-holder .circle-text {
    position: absolute;
    bottom: -2px;
    left: -2px;
}
@media (min-width: 992px) {
    #page-footer .footer-middle-l {
        text-align: center;
    }
}
@media (min-width: 1350px) {
    #page-footer .footer-middle-l {
        text-align: start;
    }
}
#page-footer .footer-links-s li {
    margin-left: 10px;
}
@media screen and (max-width: 1350px) {
    #page-footer .footer-links-s li {
        margin-left: 15px;
    }
}
.close-mobile-banner {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: #ebedf4;
    border-radius: 50%;
}
.close-mobile-banner svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.challenges-h .welcome-details-t h2 {
    font-size: 16px !important;
    color: #facd0d !important;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
@media only screen and (max-width : 500px) {
    .hegh {
        height: 190px;
    }
}
.banner_slide_img {
    width: 100%;
}
.banner_link {
    width: 100%;
}