@charset "UTF-8";
*, :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: Kanit, Helvetica Neue, sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #d2d2d2;
    text-align: left;
    background-color: #000
}

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

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

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

p {
    margin-top: 0;
    margin-bottom: 1rem
}

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

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: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

a:hover {
    color: #ffb60b;
    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
}

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

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

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img, svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

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

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: Kanit, Helvetica Neue, sans-serif;
    font-weight: 700;
    line-height: 1.5
}

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

.h2, h2 {
    font-size: 1.8rem
}

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

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

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

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

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

.display-1 {
    font-size: 6rem
}

.display-1, .display-2 {
    font-weight: 300;
    line-height: 1.5
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3, .display-4 {
    font-weight: 300;
    line-height: 1.5
}

.display-4 {
    font-size: 3.5rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

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

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

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

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

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

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

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

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

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

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

.img-thumbnail {
    padding: .25rem;
    background-color: #000;
    border: 1px solid #dee2e6;
    border-radius: 2px
}

.figure {
    display: inline-block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #d2d2d2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

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

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

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #454d55
}

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

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

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .075)
}

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

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

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

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

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

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

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

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

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

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

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.6rem + 2px);
    padding: .8rem;
    /*font-family: Helvetica Neue, sans-serif;*/
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #d9d9d9;
    background-color: #2b2b2b;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

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

.form-control:focus {
    color: #d9d9d9;
    background-color: #2b2b2b;
    border-color: #fff3d7;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 205, 87, .25)
}

.form-control::-webkit-input-placeholder {
    color: #d9d9d9;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #d9d9d9;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #d9d9d9;
    opacity: 1
}

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

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

select.form-control:focus::-ms-value {
    color: #d9d9d9;
    background-color: #2b2b2b
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 1.6rem);
    background-position: top calc(.375em + .4rem) right calc(.375em + .4rem)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #f16869;
    padding-right: calc(1.5em + 1.6rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f16869' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23f16869' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .4rem);
    background-size: calc(.75em + .8rem) calc(.75em + .8rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #f16869;
    box-shadow: 0 0 0 .2rem rgba(241, 104, 105, .25)
}

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

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 1.6rem);
    background-position: top calc(.375em + .4rem) right calc(.375em + .4rem)
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: #f16869;
    padding-right: calc((3em + 4.8rem) / 4 + 1.8rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .8rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f16869' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23f16869' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") #2b2b2b no-repeat center right 1.8rem/calc(.75em + .8rem) calc(.75em + .8rem)
}

.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
    border-color: #f16869;
    box-shadow: 0 0 0 .2rem rgba(241, 104, 105, .25)
}

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

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

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

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

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

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

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

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

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

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

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #f16869;
    box-shadow: 0 0 0 .2rem rgba(241, 104, 105, .25)
}

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

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

@media (min-width: 576px) {
    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group, .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

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

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

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

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

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

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

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

.btn, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    display: inline-block;
    font-weight: 400;
    color: #d2d2d2;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        transition: none
    }
}

.btn:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:hover {
    color: #d2d2d2;
    text-decoration: none
}

.btn.focus, .btn:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .focus.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 205, 87, .25)
}

.btn.disabled, .btn:disabled, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .disabled.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:disabled {
    opacity: .65
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons a.disabled.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons fieldset:disabled a.vex-dialog-button, a.btn.disabled, fieldset:disabled .vex.vex-theme-plain .vex-content .vex-dialog-buttons a.vex-dialog-button, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary {
    color: #212529;
    background-color: #ffcd57;
    border-color: #ffcd57
}

.btn-primary:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:hover {
    color: #212529;
    background-color: #ffc231;
    border-color: #ffbe24
}

.btn-primary.focus, .btn-primary:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .focus.vex-dialog-button.vex-dialog-button-primary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 180, 80, .5)
}

.btn-primary.disabled, .btn-primary:disabled, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .disabled.vex-dialog-button.vex-dialog-button-primary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:disabled {
    color: #212529;
    background-color: #ffcd57;
    border-color: #ffcd57
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .show > .dropdown-toggle.vex-dialog-button.vex-dialog-button-primary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:not(:disabled):not(.disabled).active, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #ffbe24;
    border-color: #ffba17
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .show > .dropdown-toggle.vex-dialog-button.vex-dialog-button-primary:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:not(:disabled):not(.disabled).active:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 180, 80, .5)
}

.btn-secondary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary {
    color: #212529;
    background-color: #f2ab25;
    border-color: #f2ab25
}

.btn-secondary:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary:hover {
    color: #212529;
    background-color: #e3990e;
    border-color: #d7910d
}

.btn-secondary.focus, .btn-secondary:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .focus.vex-dialog-button.vex-dialog-button-pink, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .focus.vex-dialog-button.vex-dialog-button-secondary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(211, 151, 38, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .disabled.vex-dialog-button.vex-dialog-button-pink, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .disabled.vex-dialog-button.vex-dialog-button-secondary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink:disabled, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary:disabled {
    color: #212529;
    background-color: #f2ab25;
    border-color: #f2ab25
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .show > .dropdown-toggle.vex-dialog-button.vex-dialog-button-pink, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .show > .dropdown-toggle.vex-dialog-button.vex-dialog-button-secondary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink:not(:disabled):not(.disabled).active, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink:not(:disabled):not(.disabled):active, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary:not(:disabled):not(.disabled).active, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #d7910d;
    border-color: #cb890c
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .show > .dropdown-toggle.vex-dialog-button.vex-dialog-button-pink:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .show > .dropdown-toggle.vex-dialog-button.vex-dialog-button-secondary:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink:not(:disabled):not(.disabled).active:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-pink:not(:disabled):not(.disabled):active:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary:not(:disabled):not(.disabled).active:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(211, 151, 38, .5)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-warning:hover {
    color: #212529;
    background-color: #cca30f;
    border-color: #c09a0e
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(207, 168, 22, .5)
}

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

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c09a0e;
    border-color: #b4900d
}

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

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

.btn-danger:hover {
    color: #fff;
    background-color: #ee4546;
    border-color: #ed393b
}

.btn-danger.focus, .btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(243, 127, 128, .5)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-outline-primary:hover {
    color: #212529;
    background-color: #ffcd57;
    border-color: #ffcd57
}

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

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #ffcd57;
    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: #212529;
    background-color: #ffcd57;
    border-color: #ffcd57
}

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

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

.btn-outline-secondary:hover {
    color: #212529;
    background-color: #f2ab25;
    border-color: #f2ab25
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(242, 171, 37, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #f2ab25;
    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: #212529;
    background-color: #f2ab25;
    border-color: #f2ab25
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(238, 191, 19, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #eebf13;
    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: #eebf13;
    border-color: #eebf13
}

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

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

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

.btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(241, 104, 105, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #f16869;
    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: #f16869;
    border-color: #f16869
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-link {
    font-weight: 400;
    color: #ffcd57;
    text-decoration: none
}

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

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

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

.btn-group-lg > .btn, .btn-lg, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-lg > .vex-dialog-button {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: 5px
}

.btn-group-sm > .btn, .btn-sm, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-sm > .vex-dialog-button {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: 2px
}

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

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

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

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .9rem;
    color: #d2d2d2;
    text-align: left;
    list-style: none;
    background-color: linear-gradient(180deg, #020d22, #091734);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-menu.show {
    display: block
}

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

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

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

.btn-group-vertical > .btn, .btn-group > .btn, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .vex-dialog-button {
    position: relative;
    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, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .active.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button:active, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .active.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .vex-dialog-button:active, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .vex-dialog-button:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .vex-dialog-button:hover {
    z-index: 1
}

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

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

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child), .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .vex-dialog-button:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .btn-group:not(:last-child) > .vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .vex-dialog-button: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), .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .btn-group:not(:first-child) > .vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group > .vex-dialog-button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

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

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-sm > .vex-dialog-button + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-lg > .vex-dialog-button + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

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

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button {
    width: 100%
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child), .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button: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), .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .btn-group:not(:last-child) > .vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button: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), .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .btn-group:not(:first-child) > .vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-vertical > .vex-dialog-button:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-toggle > .btn-group > .vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-toggle > .vex-dialog-button {
    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], .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-toggle > .btn-group > .vex-dialog-button input[type=checkbox], .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-toggle > .btn-group > .vex-dialog-button input[type=radio], .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-toggle > .vex-dialog-button input[type=checkbox], .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-group-toggle > .vex-dialog-button input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

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

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

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

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

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

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

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

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

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

.custom-control-label:before {
    pointer-events: none;
    background-color: #2b2b2b;
    border: 1px solid #adb5bd
}

.custom-control-label:after, .custom-control-label:before {
    position: absolute;
    top: .175rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label:after {
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: 2px
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

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

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

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

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

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

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.6rem + 2px);
    padding: .8rem 1.8rem .8rem .8rem;
    /*font-family: Helvetica Neue, sans-serif;*/
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #d9d9d9;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .8rem center/8px 10px;
    background-color: #2b2b2b;
    border: 1px solid #ced4da;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #fff3d7;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 205, 87, .25)
}

.custom-select:focus::-ms-value {
    color: #d9d9d9;
    background-color: #2b2b2b
}

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

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

.custom-select::-ms-expand {
    display: none
}

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

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

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file, .custom-file-input {
    position: relative;
    width: 100%;
    height: calc(1.5em + 1.6rem + 2px)
}

.custom-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

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

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

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

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

.custom-file-label {
    left: 0;
    z-index: 1;
    height: calc(1.5em + 1.6rem + 2px);
    /*font-family: Helvetica Neue, sans-serif;*/
    font-weight: 400;
    background-color: #2b2b2b;
    border: 1px solid #ced4da;
    border-radius: 2px
}

.custom-file-label, .custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .8rem;
    line-height: 1.5;
    color: #d9d9d9
}

.custom-file-label:after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.6rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 2px 2px 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
    .custom-control-label:before, .custom-file-label, .custom-select {
        transition: none
    }
}

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

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

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

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

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

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

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

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

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

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

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

.nav-pills .nav-link {
    border-radius: 2px
}

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

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

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

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

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

.navbar {
    position: relative;
    padding: .5rem 1rem
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

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

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

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

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

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

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

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

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

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

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

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

.card-subtitle {
    margin-top: -.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: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: 1px 1px 0 0
}

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

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

.card-footer:last-child {
    border-radius: 0 0 1px 1px
}

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

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

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

.card-img {
    width: 100%;
    border-radius: 1px
}

.card-img-top {
    width: 100%;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

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

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

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

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

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

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

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

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

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

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

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

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

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

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

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

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

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

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

.accordion > .card {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus, a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #212529;
    background-color: #ffcd57
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #212529;
    background-color: #ffbe24
}

a.badge-primary.focus, a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 205, 87, .5)
}

.badge-secondary {
    color: #212529;
    background-color: #f2ab25
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #212529;
    background-color: #d7910d
}

a.badge-secondary.focus, a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(242, 171, 37, .5)
}

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

a.badge-success:focus, a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

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

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

a.badge-info:focus, a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

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

.badge-warning {
    color: #212529;
    background-color: #eebf13
}

a.badge-warning:focus, a.badge-warning:hover {
    color: #212529;
    background-color: #c09a0e
}

a.badge-warning.focus, a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(238, 191, 19, .5)
}

.badge-danger {
    color: #fff;
    background-color: #f16869
}

a.badge-danger:focus, a.badge-danger:hover {
    color: #fff;
    background-color: #ed393b
}

a.badge-danger.focus, a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(241, 104, 105, .5)
}

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

a.badge-light:focus, a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

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

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

a.badge-dark:focus, a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

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

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.85rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #856b2d;
    background-color: #fff5dd;
    border-color: #fff1d0
}

.alert-primary hr {
    border-top-color: #ffe9b7
}

.alert-primary .alert-link {
    color: #5f4c20
}

.alert-secondary {
    color: #7e5913;
    background-color: #fceed3;
    border-color: #fbe7c2
}

.alert-secondary hr {
    border-top-color: #f9deaa
}

.alert-secondary .alert-link {
    color: #523a0c
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #7c630a;
    background-color: #fcf2d0;
    border-color: #faedbd
}

.alert-warning hr {
    border-top-color: #f8e7a5
}

.alert-warning .alert-link {
    color: #4d3d06
}

.alert-danger {
    color: #7d3637;
    background-color: #fce1e1;
    border-color: #fbd5d5
}

.alert-danger hr {
    border-top-color: #f9bebe
}

.alert-danger .alert-link {
    color: #592727
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .675rem;
    background-color: #e9ecef;
    border-radius: 10px
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #ffcd57;
    transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #d2d2d2;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #ffcd57;
    border-color: #ffcd57
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0
}

.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #856b2d;
    background-color: #fff1d0
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #856b2d;
    background-color: #ffe9b7
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #856b2d;
    border-color: #856b2d
}

.list-group-item-secondary {
    color: #7e5913;
    background-color: #fbe7c2
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #7e5913;
    background-color: #f9deaa
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #7e5913;
    border-color: #7e5913
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #7c630a;
    background-color: #faedbd
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #7c630a;
    background-color: #f8e7a5
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #7c630a;
    border-color: #7c630a
}

.list-group-item-danger {
    color: #7d3637;
    background-color: #fbd5d5
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #7d3637;
    background-color: #f9bebe
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #7d3637;
    border-color: #7d3637
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-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: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

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

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    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 {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    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: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-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: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

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

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Kanit, Helvetica Neue, 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: .7875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    font-family: Kanit, Helvetica Neue, 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: .7875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px
}

.popover, .popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 5px
}

.popover .arrow:after, .popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow {
    bottom: calc(-.5rem + -1px)
}

.bs-popover-auto[x-placement^=top] > .arrow:before, .bs-popover-top > .arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top] > .arrow:after, .bs-popover-top > .arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow {
    left: calc(-.5rem + -1px);
    width: .5rem;
    height: 1rem;
    margin: 5px 0
}

.bs-popover-auto[x-placement^=right] > .arrow:before, .bs-popover-right > .arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right] > .arrow:after, .bs-popover-right > .arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow {
    top: calc(-.5rem + -1px)
}

.bs-popover-auto[x-placement^=bottom] > .arrow:before, .bs-popover-bottom > .arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom] > .arrow:after, .bs-popover-bottom > .arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow {
    right: calc(-.5rem + -1px);
    width: .5rem;
    height: 1rem;
    margin: 5px 0
}

.bs-popover-auto[x-placement^=left] > .arrow:before, .bs-popover-left > .arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left] > .arrow:after, .bs-popover-left > .arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #d2d2d2
}

.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: #ffcd57 !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #ffbe24 !important
}

.bg-secondary {
    background-color: #f2ab25 !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #d7910d !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #eebf13 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #c09a0e !important
}

.bg-danger {
    background-color: #f16869 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #ed393b !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #ffcd57 !important
}

.border-secondary {
    border-color: #f2ab25 !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #eebf13 !important
}

.border-danger {
    border-color: #f16869 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded, .rounded-sm {
    border-radius: 2px !important
}

.rounded-top {
    border-top-left-radius: 2px !important
}

.rounded-right, .rounded-top {
    border-top-right-radius: 2px !important
}

.rounded-bottom, .rounded-right {
    border-bottom-right-radius: 2px !important
}

.rounded-bottom, .rounded-left {
    border-bottom-left-radius: 2px !important
}

.rounded-left {
    border-top-left-radius: 2px !important
}

.rounded-lg {
    border-radius: 5px !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

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

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

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

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

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

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

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

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

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

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.85714%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    top: 0
}

.fixed-bottom, .fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.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-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !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: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #ffcd57 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #ffb60b !important
}

.text-secondary {
    color: #f2ab25 !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #bf810b !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #eebf13 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #a8870c !important
}

.text-danger {
    color: #f16869 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #eb2223 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #d2d2d2 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

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

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 !important;
    box-shadow: inset 0 0 12px 4px #fff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {
    content: "!";
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important
}

.selectize-dropdown-header-close:hover {
    color: #000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0;
    float: left;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0;
    border-left: 1px solid #0073bb;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #00578d
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #aaa
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px
}

.selectize-control {
    position: relative
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit
}

.selectize-control.single .selectize-input.input-active, .selectize-input {
    background: #fff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 3px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 8px 2px
}

.selectize-input.full {
    background-color: #fff
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important
}

.selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #1da7ee;
    color: #fff;
    border: 1px solid #0073bb
}

.selectize-control.multi .selectize-input > div.active {
    background: #92c836;
    color: #fff;
    border: 1px solid #00578d
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
    color: #fff;
    background: #d2d2d2;
    border: 1px solid #aaa
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 1px !important;
    text-indent: 0 !important;
    border: 0 !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    box-shadow: none !important
}

.selectize-input > input::-ms-clear {
    display: none
}

.selectize-input > input:focus {
    outline: none !important
}

.selectize-input:after {
    content: " ";
    display: block;
    clear: left
}

.selectize-input.dropdown-active:before {
    content: " ";
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    background: #fff;
    margin: -1px 0 0;
    border: 1px solid #d0d0d0;
    border-top: 0;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, .2);
    border-radius: 1px
}

.selectize-dropdown .optgroup-header, .selectize-dropdown .option {
    padding: 5px 8px
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5
}

.selectize-dropdown [data-selectable].option {
    opacity: 1
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.selectize-dropdown .active.create {
    color: #495c68
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, .5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-color: grey transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px;
    border-color: transparent transparent grey
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fafafa
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 5px;
    padding-right: 5px
}

.selectize-control.multi .selectize-input.disabled [data-value] {
    color: #999;
    text-shadow: none;
    background: none;
    box-shadow: none
}

.selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove {
    border-color: #e6e6e6
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
    background: none
}

.selectize-control.multi .selectize-input [data-value] {
    text-shadow: 0 1px 0 rgba(0, 51, 83, .3);
    border-radius: 3px;
    background-color: #1b9dec;
    background-image: linear-gradient(180deg, #1da7ee, #178ee9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1da7ee", endColorstr="#ff178ee9", GradientType=0);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px hsla(0, 0%, 100%, .03)
}

.selectize-control.multi .selectize-input [data-value].active {
    background-color: #0085d4;
    background-image: linear-gradient(180deg, #008fd8, #0075cf);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff008fd8", endColorstr="#ff0075cf", GradientType=0)
}

.selectize-control.single .selectize-input {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 hsla(0, 0%, 100%, .8);
    background-color: #f9f9f9;
    background-image: linear-gradient(180deg, #fefefe, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffefefe", endColorstr="#fff2f2f2", GradientType=0)
}

.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border-color: #b8b8b8
}

.selectize-dropdown .optgroup-header {
    padding-top: 7px;
    font-weight: 700;
    font-size: .85em
}

.selectize-dropdown .optgroup {
    border-top: 1px solid #f0f0f0
}

.selectize-dropdown .optgroup:first-child {
    border-top: 0
}

@-webkit-keyframes vex-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes vex-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes vex-fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes vex-fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes vex-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes vex-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

.vex {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vex-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.vex-overlay {
    -webkit-animation: vex-fadein .5s;
    animation: vex-fadein .5s;
    position: fixed;
    z-index: 1111;
    background: rgba(0, 0, 0, .4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vex-overlay.vex-closing {
    -webkit-animation: vex-fadeout .5s forwards;
    animation: vex-fadeout .5s forwards
}

.vex-content {
    -webkit-animation: vex-fadein .5s;
    animation: vex-fadein .5s;
    background: #fff
}

.vex.vex-closing .vex-content {
    -webkit-animation: vex-fadeout .5s forwards;
    animation: vex-fadeout .5s forwards
}

.vex-close:before {
    font-family: Arial, sans-serif;
    content: "\00D7"
}

.vex-dialog-form {
    margin: 0
}

.vex-dialog-button {
    text-rendering: optimizeLegibility;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.vex-loading-spinner {
    -webkit-animation: vex-rotation .7s linear infinite;
    animation: vex-rotation .7s linear infinite;
    box-shadow: 0 0 1em rgba(0, 0, 0, .1);
    position: fixed;
    z-index: 1112;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2em;
    width: 2em;
    background: #fff
}

body.vex-open {
    overflow: hidden
}

@-webkit-keyframes vex-pulse {
    0% {
        box-shadow: inset 0 0 0 300px transparent
    }
    70% {
        box-shadow: inset 0 0 0 300px hsla(0, 0%, 100%, .25)
    }
    to {
        box-shadow: inset 0 0 0 300px transparent
    }
}

@keyframes vex-pulse {
    0% {
        box-shadow: inset 0 0 0 300px transparent
    }
    70% {
        box-shadow: inset 0 0 0 300px hsla(0, 0%, 100%, .25)
    }
    to {
        box-shadow: inset 0 0 0 300px transparent
    }
}

.vex.vex-theme-plain {
    padding-top: 160px;
    padding-bottom: 160px
}

.vex.vex-theme-plain .vex-content {
    /*font-family: Helvetica Neue, sans-serif;*/
    background: #fff;
    color: #444;
    padding: 1em;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 450px;
    font-size: 1.1em;
    line-height: 1.5em
}

.vex.vex-theme-plain .vex-content h1, .vex.vex-theme-plain .vex-content h2, .vex.vex-theme-plain .vex-content h3, .vex.vex-theme-plain .vex-content h4, .vex.vex-theme-plain .vex-content h5, .vex.vex-theme-plain .vex-content h6, .vex.vex-theme-plain .vex-content li, .vex.vex-theme-plain .vex-content p, .vex.vex-theme-plain .vex-content ul {
    color: inherit
}

.vex.vex-theme-plain .vex-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.vex.vex-theme-plain .vex-close:before {
    position: absolute;
    content: "\00D7";
    font-size: 26px;
    font-weight: 400;
    line-height: 31px;
    height: 30px;
    width: 30px;
    text-align: center;
    top: 3px;
    right: 3px;
    color: #bbb;
    background: transparent
}

.vex.vex-theme-plain .vex-close:active:before, .vex.vex-theme-plain .vex-close:hover:before {
    color: #777;
    background: #e0e0e0
}

.vex.vex-theme-plain .vex-dialog-form .vex-dialog-message {
    margin-bottom: .5em
}

.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input {
    margin-bottom: 1em
}

.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=date], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=datetime-local], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=datetime], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=email], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=month], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=number], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=password], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=search], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=tel], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=text], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=time], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=url], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=week], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input select, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea {
    background: #f0f0f0;
    width: 100%;
    padding: .25em .67em;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    min-height: 2.5em;
    margin: 0 0 .25em
}

.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=date]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=datetime-local]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=datetime]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=email]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=month]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=number]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=password]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=search]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=tel]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=text]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=time]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=url]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type=week]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea:focus {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2);
    outline: none
}

.vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons {
    *zoom: 1
}

.vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons:after {
    content: "";
    display: table;
    clear: both
}

.vex.vex-theme-plain .vex-dialog-button {
    border-radius: 0;
    border: 0;
    float: right;
    margin: 0 0 0 .5em;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8em;
    line-height: 1em;
    padding: .75em 2em
}

.vex.vex-theme-plain .vex-dialog-button.vex-last {
    margin-left: 0
}

.vex.vex-theme-plain .vex-dialog-button:focus {
    -webkit-animation: vex-pulse 1.1s infinite;
    animation: vex-pulse 1.1s infinite;
    outline: none
}

@media (max-width: 568px) {
    .vex.vex-theme-plain .vex-dialog-button:focus {
        -webkit-animation: none;
        animation: none
    }
}

.vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-primary {
    background: #3288e6;
    color: #fff
}

.vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-secondary {
    background: #e0e0e0;
    color: #777
}

.vex-loading-spinner.vex-theme-plain {
    height: 2.5em;
    width: 2.5em
}

body {
    overflow-x: hidden
}

[data-animatable] {
    opacity: 0
}

[data-animatable].animated {
    opacity: 1
}

a:focus {
    outline: none
}

.x-link {
    color: #d2d2d2
}

.x-link:focus, .x-link:hover {
    text-decoration: none;
    color: #ffcd57
}

.font-normal {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.f-1 {
    font-size: 2.25rem !important
}

.f-2 {
    font-size: 1.8rem !important
}

.f-3 {
    font-size: 1.575rem !important
}

.f-4 {
    font-size: 1.35rem !important
}

.f-5 {
    font-size: 1.125rem !important
}

.f-6 {
    font-size: .9rem !important
}

.f-7 {
    font-size: .81rem !important
}

.f-8 {
    font-size: .72rem !important
}

.f-9 {
    /*font-size: .63rem !important;*/
    font-size: .7rem !important
}

@media (min-width: 576px) {
    .f-sm-1 {
        font-size: 2.25rem !important
    }

    .f-sm-2 {
        font-size: 1.8rem !important
    }

    .f-sm-3 {
        font-size: 1.575rem !important
    }

    .f-sm-4 {
        font-size: 1.35rem !important
    }

    .f-sm-5 {
        font-size: 1.125rem !important
    }

    .f-sm-6 {
        font-size: .9rem !important
    }

    .f-sm-7 {
        font-size: .81rem !important
    }

    .f-sm-8 {
        font-size: .72rem !important
    }

    .f-sm-9 {
        font-size: .63rem !important
    }
}

@media (min-width: 768px) {
    .f-md-1 {
        font-size: 2.25rem !important
    }

    .f-md-2 {
        font-size: 1.8rem !important
    }

    .f-md-3 {
        font-size: 1.575rem !important
    }

    .f-md-4 {
        font-size: 1.35rem !important
    }

    .f-md-5 {
        font-size: 1.125rem !important
    }

    .f-md-6 {
        font-size: .9rem !important
    }

    .f-md-7 {
        font-size: .81rem !important
    }

    .f-md-8 {
        font-size: .72rem !important
    }

    .f-md-9 {
        font-size: .63rem !important
    }
}

@media (min-width: 992px) {
    .f-lg-1 {
        font-size: 2.25rem !important
    }

    .f-lg-2 {
        font-size: 1.8rem !important
    }

    .f-lg-3 {
        font-size: 1.575rem !important
    }

    .f-lg-4 {
        font-size: 1.35rem !important
    }

    .f-lg-5 {
        font-size: 1.125rem !important
    }

    .f-lg-6 {
        font-size: .9rem !important
    }

    .f-lg-7 {
        font-size: .81rem !important
    }

    .f-lg-8 {
        font-size: .72rem !important
    }

    .f-lg-9 {
        font-size: .63rem !important
    }
}

@media (min-width: 1200px) {
    .f-xl-1 {
        font-size: 2.25rem !important
    }

    .f-xl-2 {
        font-size: 1.8rem !important
    }

    .f-xl-3 {
        font-size: 1.575rem !important
    }

    .f-xl-4 {
        font-size: 1.35rem !important
    }

    .f-xl-5 {
        font-size: 1.125rem !important
    }

    .f-xl-6 {
        font-size: .9rem !important
    }

    .f-xl-7 {
        font-size: .81rem !important
    }

    .f-xl-8 {
        font-size: .72rem !important
    }

    .f-xl-9 {
        font-size: .63rem !important
    }
}

.form-control-label.required:after {
    content: "*";
    color: #f16869;
    margin-left: .2rem
}

.form-text-hint {
    font-size: 85%
}

.x-input-select-date .selectized[name$="[day]"] + .selectize-control {
    width: 50px
}

.x-input-select-date .selectized[name$="[month]"] + .selectize-control, .x-input-select-date .selectized[name$="[year]"] + .selectize-control {
    width: 70px
}

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

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

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

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

.selectize-control.form-control {
    padding: 0;
    height: 28px
}

.selectize-control.form-control.multi {
    height: auto
}

.selectize-control.form-control.multi .selectize-input > * {
    height: auto;
    overflow: inherit
}

.selectize-control.form-control.multi .selectize-input.has-items input {
    top: -10px
}

.selectize-control.form-control .selectize-dropdown, .selectize-control.form-control .selectize-dropdown-content {
    border-radius: 2px
}

.selectize-control.form-control .selectize-input {
    border: none;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    padding: .8rem
}

.selectize-control.form-control .selectize-input > * {
    height: 1.26rem;
    overflow: hidden
}

.selectize-control.form-control .selectize-input .item, .selectize-control.form-control .selectize-input input {
    font-size: .9rem;
    line-height: 1.5
}

.selectize-control.form-control.form-control-sm {
    font-size: .7875rem;
    height: 28px
}

.selectize-control.form-control.form-control-sm .selectize-input .item, .selectize-control.form-control.form-control-sm .selectize-input input {
    font-size: .7875rem;
    line-height: 1.5
}

.selectize-control.form-control.x-selectize-custom-render {
    min-height: 28px;
    height: auto
}

.selectize-control.form-control.x-selectize-custom-render .selectize-input {
    background-image: none;
    box-shadow: none
}

.selectize-control.form-control.x-selectize-custom-render .selectize-input > * {
    height: auto;
    overflow: inherit
}

.selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] {
    padding: .8rem
}

.selectize-dropdown .option.-disabled {
    font-weight: 700;
    cursor: default;
    pointer-events: none
}

.selectize-dropdown .option.-disabled.active {
    background-color: inherit
}

.selectize-dropdown.form-control {
    padding: 0;
    height: auto !important
}

select[data-chooser] + .selectize-control.loading {
    position: relative
}

select[data-chooser] + .selectize-control.loading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f110";
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 10
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: "inherit";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "inherit";
    font-size: 40px;
    line-height: 20px;
    text-align: center;
    color: #ffcd57;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #186ed1;
    opacity: .75
}

.slick-dotted {
    position: relative
}

.slick-dotted .slick-dots li button:before {
    font-size: 45px
}

.slick-arrow {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    z-index: 10
}

.slick-arrow, .slick-arrow:active, .slick-arrow:focus, .slick-arrow:hover {
    background-color: #ffcd57
}

.slick-arrow:active:before, .slick-arrow:before, .slick-arrow:focus:before, .slick-arrow:hover:before {
    color: #fff
}

.slick-arrow.slick-prev {
    left: 0
}

.slick-arrow.slick-prev:before {
    content: "\f053";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px
}

.slick-arrow.slick-next {
    right: 0
}

.slick-arrow.slick-next:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px
}

[data-slickable].-single .-slick-item {
    display: none
}

[data-slickable].-single .-slick-item:first-child, [data-slickable].-single.slick-initialized .-slick-item {
    display: block !important
}

body, html {
    height: 100%;
    font-family: Kanit, Helvetica Neue, sans-serif;
    background-color: #000
}

#main__content {
    margin-top: -92px
}

@media (max-width: 991.98px) {
    #main__content {
        margin-top: 0;
        padding-bottom: 4rem
    }
}

.x-alert-info {
    background-color: #2b2b2b;
    color: #ffcd57
}

.x-mini-copy {
    line-height: 30px;
    height: 24px;
    background: #ffcd57 !important;
    color: #000 !important;
    border-radius: 10px;
    padding: 4px
}

.x-hr-border-glow {
    height: 1px;
    margin-top: 0;
    background: linear-gradient(90deg, transparent, #ffcd57 30%, #ffcd57 70%, transparent);
    width: 70%;
    text-align: center
}

.x-hr-border-gradient {
    height: 2px;
    margin-top: 0;
    background: linear-gradient(90deg, #fcb117, #ffd101);
    width: 140px
}

.x-hr-border-primary {
    width: 100%;
    height: 2px;
    border-color: #ffcd57
}

.-x-input-icon {
    display: flex;
    align-items: center;
    border-radius: 3px;
    position: relative
}

.-x-input-icon .-icon {
    position: absolute;
    left: 14px;
    height: 18px;
    color: #ffcd57;
    top: 12px
}

.-x-input-icon .form-control {
    padding-left: 38px;
    font-family: 'Kanit';
}

.-x-input-icon .form-control.text-center {
    padding-right: 38px
}

.-x-input-icon .x-input-reset-btn {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 14px;
    right: 1rem;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #828282
}

@media (min-width: 992px) {
    .-x-input-icon .x-input-reset-btn {
        transition: opacity .2s;
        opacity: .75
    }

    .-x-input-icon .x-input-reset-btn:hover {
        opacity: 1
    }
}

.-x-input-icon .x-input-reset-btn .fas {
    font-size: 10px;
    color: #1a1a1a
}

.-x-input-icon .x-input-reset-btn:focus {
    outline: none
}

@media (max-width: 991.98px) {
    .-x-input-icon .x-input-reset-btn {
        top: 18px
    }
}

.x-input-number-name-bank {
    position: relative
}

.x-input-number-name-bank .-validate-box {
    background: linear-gradient(#151515, #151515);
    position: absolute;
    /*top: 0;*/
    top: 10;
    left: -70%;
    border-radius: 16px;
    padding: 20px 16px 14px;
    width: 60%;
    margin-bottom: 2rem;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: #ffcd57
}

@media (max-width: 991.98px) {
    .x-input-number-name-bank .-validate-box {
        position: relative;
        width: 100%;
        left: 0;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
}

.x-input-number-name-bank .-validate-box .-content-validate {
    color: #ffcd57;
    font-size: 1.5rem;
    line-height: 1.5
}

.x-input-number-name-bank .-validate-box .-detail-validate {
    margin-top: .5rem;
    color: #fff;
    line-height: 1.5
}

.x-input-number-name-bank .-validate-box .fas.fa-arrow-right {
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #151515;
    border-radius: 50%;
    color: #ffcd57;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: x-register-arrow-horizontal-mover .5s infinite alternate;
    animation: x-register-arrow-horizontal-mover .5s infinite alternate
}

@media (max-width: 991.98px) {
    .x-input-number-name-bank .-validate-box .fas.fa-arrow-right {
        display: none
    }
}

.w-85 {
    width: 85%
}

.w-90 {
    width: 90%
}

.x-service-wrapper .-box {
    padding: 0 4rem
}

.x-service-wrapper .-box a {
    text-decoration: none !important;
    color: #d2d2d2
}

.x-service-wrapper .-box .-fake-bg {
    display: none
}

.x-service-wrapper .-box .-ic-wrapper {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.x-service-wrapper .-box .-ic-wrapper .-ic-bank, .x-service-wrapper .-box .-ic-wrapper .-ic-otp, .x-service-wrapper .-box .-ic-wrapper .-ic-register {
    width: 100px;
    height: auto;
    margin-bottom: 1rem
}

.x-service-wrapper .-box .-ic-wrapper .-ic {
    width: 120px;
    height: auto;
    margin-bottom: 1rem
}

.x-service-wrapper .-box .-title-h2, .x-service-wrapper .-box h3 {
    color: #fff;
    font-size: 1.75rem;
    margin-bottom: 0
}

.x-service-wrapper .-box .x-hr-border-glow {
    transition: all .6s
}

.x-service-wrapper .-box:hover .x-hr-border-glow {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width: 991.98px) {
    .x-service-wrapper .-box {
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .x-service-wrapper .-box {
        padding: 0
    }

    .x-service-wrapper .-box .-ic-wrapper {
        height: 100px;
        width: 100px;
        margin-right: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-start
    }

    .x-service-wrapper .-box .x-hr-border-glow {
        margin-left: 0;
        width: 150px
    }

    .x-service-wrapper .-box h3 {
        color: #fff;
        font-size: 1.75rem;
        margin-bottom: 0
    }
}

@media (max-width: 575.98px) {
    .x-service-wrapper.-logged .-box .-ic-wrapper {
        width: 120px
    }
}

.x-admin-contact {
    margin-top: .7rem;
    text-align: center;
    border-top: 1px solid #656565;
    padding-top: 12px;
    position: relative;
    top: 9px
}

@media (max-width: 991.98px) {
    .x-admin-contact {
        /*position: absolute;*/
        left: 50%;
        right: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        width: 100%;
        top: auto;
        border: none
    }

    .x-admin-contact.-no-fixed {
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes x-shimmer {
    0% {
        background-position: -200px top
    }
    to {
        background-position: 200px top
    }
}

@-webkit-keyframes x-shimmer-short {
    0% {
        background-position: -100px top
    }
    to {
        background-position: 100px top
    }
}

@keyframes x-shimmer-short {
    0% {
        background-position: -100px top
    }
    to {
        background-position: 100px top
    }
}

@-webkit-keyframes x-shimmer-shorter {
    0% {
        background-position: -60px top
    }
    to {
        background-position: 60px top
    }
}

@keyframes x-shimmer-shorter {
    0% {
        background-position: -60px top
    }
    to {
        background-position: 60px top
    }
}

@-webkit-keyframes x-hamburger-wave {
    0% {
        width: 70%
    }
    to {
        width: 100%
    }
}

@keyframes x-hamburger-wave {
    0% {
        width: 70%
    }
    to {
        width: 100%
    }
}

@-webkit-keyframes x-alert-blinker {
    0% {
        border-color: #fff;
        background: red;
        color: #fff
    }
    50% {
        border-color: red;
        background: #fff;
        color: red
    }
}

@keyframes x-alert-blinker {
    0% {
        border-color: #fff;
        background: red;
        color: #fff
    }
    50% {
        border-color: red;
        background: #fff;
        color: red
    }
}

@-webkit-keyframes x-progress-bar-stripes {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 1rem 0
    }
}

@keyframes x-progress-bar-stripes {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 1rem 0
    }
}

@-webkit-keyframes x-register-arrow-horizontal-mover {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    to {
        -webkit-transform: translate(10px, -50%);
        transform: translate(10px, -50%)
    }
}

@keyframes x-register-arrow-horizontal-mover {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    to {
        -webkit-transform: translate(10px, -50%);
        transform: translate(10px, -50%)
    }
}

@-webkit-keyframes x-dust-mover {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    50% {
        -webkit-transform: translate(15px, 5px) rotate(-1deg);
        transform: translate(15px, 5px) rotate(-1deg)
    }
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes x-dust-mover {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    50% {
        -webkit-transform: translate(15px, 5px) rotate(-1deg);
        transform: translate(15px, 5px) rotate(-1deg)
    }
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@-webkit-keyframes x-ball-roll {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes x-ball-roll {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes x-ball-bounce {
    50% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
}

@keyframes x-ball-bounce {
    50% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
}

@-webkit-keyframes x-ball-shadow {
    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: .8
    }
}

@keyframes x-ball-shadow {
    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: .8
    }
}

@-webkit-keyframes x-shaker-left-right {
    0%, to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
    15%, 30%, 45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    20%, 35%, 50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    60% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }
    70% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
}

@keyframes x-shaker-left-right {
    0%, to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
    15%, 30%, 45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    20%, 35%, 50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    60% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }
    70% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
}

@-webkit-keyframes x-promotion-history-coming-in {
    0% {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes x-promotion-history-coming-in {
    0% {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes x-opacity-glow-fading-up {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes x-opacity-glow-fading-up {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes x-rotate-item {
    0%, 60%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    8% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    45% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

@keyframes x-rotate-item {
    0%, 60%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    8% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    45% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

.x-button-actions {
    display: none
}

@media (max-width: 991.98px) {
    .x-button-actions {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-button-actions .vex-dialog-button, .x-button-actions .btn, .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        border-radius: 0;
        padding: .375rem .75rem;
        color: #fff
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-button-actions .vex-dialog-button .-icon, .x-button-actions .btn .-icon, .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-icon {
        max-width: 30px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-button-actions .-btn-bottom.vex-dialog-button, .x-button-actions .btn.-btn-bottom, .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-bottom.vex-dialog-button {
        color: #000 !important
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-button-actions .vex-dialog-button .-typo, .x-button-actions .btn .-typo, .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-typo {
        padding-top: 4px;
        display: inline-block
    }
}

.x-button-actions .btn-plain-lobby:not(.-include-sood), .x-button-actions .btn-plain-primary:not(.-include-sood), .x-button-actions .btn-plain-secondary:not(.-include-sood) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex: 1
}

@media (max-width: 991.98px) {
    .x-button-actions .btn-plain-lobby:not(.-include-sood), .x-button-actions .btn-plain-primary:not(.-include-sood), .x-button-actions .btn-plain-secondary:not(.-include-sood) {
        padding: 8px 0 0 !important;
        font-size: 1.4rem;
        border: none
    }

    .x-button-actions .btn-plain-lobby:not(.-include-sood):hover, .x-button-actions .btn-plain-primary:not(.-include-sood):hover, .x-button-actions .btn-plain-secondary:not(.-include-sood):hover {
        color: unset
    }
}

@media (max-width: 767.98px) {
    .x-button-actions .btn-plain-lobby:not(.-include-sood) .-icon, .x-button-actions .btn-plain-primary:not(.-include-sood) .-icon, .x-button-actions .btn-plain-secondary:not(.-include-sood) .-icon {
        max-width: 26px
    }

    .x-button-actions .btn-plain-lobby:not(.-include-sood) .-typo, .x-button-actions .btn-plain-primary:not(.-include-sood) .-typo, .x-button-actions .btn-plain-secondary:not(.-include-sood) .-typo {
        position: relative;
        margin-top: -5px;
        padding-top: 6px
    }
}

@media (max-width: 991.98px) {
    #account-actions #account-actions-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 20
    }
}

.-inner-wrapper .button {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.-inner-wrapper .button .b_l_quad .button_spots:first-child {
    padding: 3px;
    left: -13px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(2) {
    padding: 3px;
    left: -1px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(3) {
    padding: 3px;
    left: 11px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(4) {
    padding: 3px;
    left: 23px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(5) {
    padding: 4px;
    left: 35px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(6) {
    padding: 3px;
    left: 47px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(7) {
    padding: 5px;
    left: 59px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(8) {
    padding: 4px;
    left: 71px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(9) {
    padding: 5px;
    left: 83px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(10) {
    padding: 3px;
    left: 95px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(11) {
    padding: 4px;
    left: 107px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(12) {
    padding: 3px;
    left: 119px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(13) {
    padding: 3px;
    left: 131px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(14) {
    padding: 5px;
    left: 143px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(15) {
    padding: 4px;
    left: 155px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(16) {
    padding: 4px;
    left: 167px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(17) {
    padding: 5px;
    left: 179px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(18) {
    padding: 3px;
    left: 191px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(19) {
    padding: 4px;
    left: 203px;
    top: 50px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(20) {
    padding: 4px;
    left: 215px;
    top: 50px;
    padding: 3px;
    left: -15px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(21) {
    padding: 3px;
    left: -3px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(22) {
    padding: 4px;
    left: 9px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(23) {
    padding: 3px;
    left: 21px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(24) {
    padding: 4px;
    left: 33px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(25) {
    padding: 5px;
    left: 45px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(26) {
    padding: 3px;
    left: 57px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(27) {
    padding: 4px;
    left: 69px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(28) {
    padding: 4px;
    left: 81px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(29) {
    padding: 5px;
    left: 93px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(30) {
    padding: 4px;
    left: 105px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(31) {
    padding: 4px;
    left: 117px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(32) {
    padding: 3px;
    left: 129px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(33) {
    padding: 4px;
    left: 141px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(34) {
    padding: 3px;
    left: 153px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(35) {
    padding: 5px;
    left: 165px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(36) {
    padding: 5px;
    left: 177px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(37) {
    padding: 3px;
    left: 189px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(38) {
    padding: 5px;
    left: 201px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(39) {
    padding: 3px;
    left: 213px;
    top: -12px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(40) {
    padding: 3px;
    left: 225px;
    top: -12px;
    padding: 5px;
    left: 204px;
    top: -8px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(41) {
    padding: 5px;
    left: 204px;
    top: 4px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(42) {
    padding: 3px;
    left: 204px;
    top: 16px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(43) {
    padding: 5px;
    left: 204px;
    top: 28px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(44) {
    padding: 5px;
    left: 204px;
    top: 40px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(45) {
    padding: 4px;
    left: 204px;
    top: 52px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(46) {
    padding: 4px;
    left: 204px;
    top: 64px;
    padding: 5px;
    left: -10px;
    top: -16px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(47) {
    padding: 3px;
    left: -10px;
    top: -4px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(48) {
    padding: 3px;
    left: -10px;
    top: 8px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(49) {
    padding: 5px;
    left: -10px;
    top: 20px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(50) {
    padding: 4px;
    left: -10px;
    top: 32px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(51) {
    padding: 4px;
    left: -10px;
    top: 44px
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(52) {
    padding: 5px;
    left: -10px;
    top: 56px
}

.-inner-wrapper .button .button_spots {
    position: absolute;
    border-radius: 100px;
    background: green;
    opacity: 0;
    -webkit-animation: opacity 1s;
    animation: opacity 1s
}

.-inner-wrapper .button .button_spots:first-of-type {
    -webkit-transform-origin: 81px 18px;
    transform-origin: 81px 18px;
    background: #9e75d7;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.9s
}

.-inner-wrapper .button .button_spots:nth-of-type(2) {
    -webkit-transform-origin: 81px 18px;
    transform-origin: 81px 18px;
    background: #75d7cf;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.8s
}

.-inner-wrapper .button .button_spots:nth-of-type(3) {
    -webkit-transform-origin: 87px 14px;
    transform-origin: 87px 14px;
    background: #7ad1a3;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(4) {
    -webkit-transform-origin: 81px 14px;
    transform-origin: 81px 14px;
    background: #a478d3;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.8s
}

.-inner-wrapper .button .button_spots:nth-of-type(5) {
    -webkit-transform-origin: 88px 15px;
    transform-origin: 88px 15px;
    background: #c3d17a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(6) {
    -webkit-transform-origin: 87px 17px;
    transform-origin: 87px 17px;
    background: #7aa3d1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.7s
}

.-inner-wrapper .button .button_spots:nth-of-type(7) {
    -webkit-transform-origin: 87px 12px;
    transform-origin: 87px 12px;
    background: #8976d5;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 2s
}

.-inner-wrapper .button .button_spots:nth-of-type(8) {
    -webkit-transform-origin: 82px 18px;
    transform-origin: 82px 18px;
    background: #7cd0a4;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.8s
}

.-inner-wrapper .button .button_spots:nth-of-type(9) {
    -webkit-transform-origin: 84px 19px;
    transform-origin: 84px 19px;
    background: #78d39b;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.9s
}

.-inner-wrapper .button .button_spots:nth-of-type(10) {
    -webkit-transform-origin: 84px 14px;
    transform-origin: 84px 14px;
    background: #c6d279;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(11) {
    -webkit-transform-origin: 80px 10px;
    transform-origin: 80px 10px;
    background: #9dd17a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.2s
}

.-inner-wrapper .button .button_spots:nth-of-type(12) {
    -webkit-transform-origin: 89px 11px;
    transform-origin: 89px 11px;
    background: #7c9bd0;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.8s
}

.-inner-wrapper .button .button_spots:nth-of-type(13) {
    -webkit-transform-origin: 86px 17px;
    transform-origin: 86px 17px;
    background: #d0bc7c;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(14) {
    -webkit-transform-origin: 85px 15px;
    transform-origin: 85px 15px;
    background: #c979d2;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.3s
}

.-inner-wrapper .button .button_spots:nth-of-type(15) {
    -webkit-transform-origin: 82px 19px;
    transform-origin: 82px 19px;
    background: #76d5d5;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.9s
}

.-inner-wrapper .button .button_spots:nth-of-type(16) {
    -webkit-transform-origin: 89px 11px;
    transform-origin: 89px 11px;
    background: #d17c7b;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.2s
}

.-inner-wrapper .button .button_spots:nth-of-type(17) {
    -webkit-transform-origin: 86px 12px;
    transform-origin: 86px 12px;
    background: #a975d7;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.6s
}

.-inner-wrapper .button .button_spots:nth-of-type(18) {
    -webkit-transform-origin: 81px 18px;
    transform-origin: 81px 18px;
    background: #7cd07f;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.3s
}

.-inner-wrapper .button .button_spots:nth-of-type(19) {
    -webkit-transform-origin: 81px 15px;
    transform-origin: 81px 15px;
    background: #c37ad1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.8s
}

.-inner-wrapper .button .button_spots:nth-of-type(20) {
    -webkit-transform-origin: 84px 17px;
    transform-origin: 84px 17px;
    background: #d0bf7c;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 2s
}

.-inner-wrapper .button .button_spots:nth-of-type(21) {
    -webkit-transform-origin: 86px 12px;
    transform-origin: 86px 12px;
    background: #75d79c;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.9s
}

.-inner-wrapper .button .button_spots:nth-of-type(22) {
    -webkit-transform-origin: 82px 10px;
    transform-origin: 82px 10px;
    background: #8075d7;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(23) {
    -webkit-transform-origin: 80px 12px;
    transform-origin: 80px 12px;
    background: #aad477;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.3s
}

.-inner-wrapper .button .button_spots:nth-of-type(24) {
    -webkit-transform-origin: 84px 19px;
    transform-origin: 84px 19px;
    background: #b776d6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.7s
}

.-inner-wrapper .button .button_spots:nth-of-type(25) {
    -webkit-transform-origin: 83px 15px;
    transform-origin: 83px 15px;
    background: #7fd477;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.6s
}

.-inner-wrapper .button .button_spots:nth-of-type(26) {
    -webkit-transform-origin: 82px 13px;
    transform-origin: 82px 13px;
    background: #d4a477;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.6s
}

.-inner-wrapper .button .button_spots:nth-of-type(27) {
    -webkit-transform-origin: 88px 11px;
    transform-origin: 88px 11px;
    background: #a7d576;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(28) {
    -webkit-transform-origin: 85px 16px;
    transform-origin: 85px 16px;
    background: #d07c7f;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.2s
}

.-inner-wrapper .button .button_spots:nth-of-type(29) {
    -webkit-transform-origin: 89px 18px;
    transform-origin: 89px 18px;
    background: #7a9ed1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(30) {
    -webkit-transform-origin: 85px 16px;
    transform-origin: 85px 16px;
    background: #76d5c2;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.4s
}

.-inner-wrapper .button .button_spots:nth-of-type(31) {
    background: #79d29a
}

.-inner-wrapper .button .button_spots:nth-of-type(31), .-inner-wrapper .button .button_spots:nth-of-type(32) {
    -webkit-transform-origin: 83px 12px;
    transform-origin: 83px 12px;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.4s
}

.-inner-wrapper .button .button_spots:nth-of-type(32) {
    background: #c9d874
}

.-inner-wrapper .button .button_spots:nth-of-type(33) {
    -webkit-transform-origin: 80px 17px;
    transform-origin: 80px 17px;
    background: #87d17a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.8s
}

.-inner-wrapper .button .button_spots:nth-of-type(34) {
    -webkit-transform-origin: 85px 16px;
    transform-origin: 85px 16px;
    background: #7a8cd1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 2s
}

.-inner-wrapper .button .button_spots:nth-of-type(35) {
    -webkit-transform-origin: 87px 11px;
    transform-origin: 87px 11px;
    background: #7a84d1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.2s
}

.-inner-wrapper .button .button_spots:nth-of-type(36) {
    -webkit-transform-origin: 84px 15px;
    transform-origin: 84px 15px;
    background: #d78375;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 2s
}

.-inner-wrapper .button .button_spots:nth-of-type(37) {
    -webkit-transform-origin: 88px 12px;
    transform-origin: 88px 12px;
    background: #d77595;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.5s
}

.-inner-wrapper .button .button_spots:nth-of-type(38) {
    -webkit-transform-origin: 84px 13px;
    transform-origin: 84px 13px;
    background: #d874c4;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.6s
}

.-inner-wrapper .button .button_spots:nth-of-type(39) {
    -webkit-transform-origin: 82px 15px;
    transform-origin: 82px 15px;
    background: #c77cd0;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 2s
}

.-inner-wrapper .button .button_spots:nth-of-type(40) {
    -webkit-transform-origin: 86px 13px;
    transform-origin: 86px 13px;
    background: #d19d7b;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.4s
}

.-inner-wrapper .button .button_spots:nth-of-type(41) {
    -webkit-transform-origin: 84px 16px;
    transform-origin: 84px 16px;
    background: #7bd1b0;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.3s
}

.-inner-wrapper .button .button_spots:nth-of-type(42) {
    -webkit-transform-origin: 85px 17px;
    transform-origin: 85px 17px;
    background: #d1b37a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.2s
}

.-inner-wrapper .button .button_spots:nth-of-type(43) {
    -webkit-transform-origin: 81px 11px;
    transform-origin: 81px 11px;
    background: #74c7d8;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 2s
}

.-inner-wrapper .button .button_spots:nth-of-type(44) {
    -webkit-transform-origin: 89px 11px;
    transform-origin: 89px 11px;
    background: #74a2d8;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.4s
}

.-inner-wrapper .button .button_spots:nth-of-type(45) {
    -webkit-transform-origin: 83px 17px;
    transform-origin: 83px 17px;
    background: #768ed6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.1s
}

.-inner-wrapper .button .button_spots:nth-of-type(46) {
    -webkit-transform-origin: 85px 18px;
    transform-origin: 85px 18px;
    background: #78d3b6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.6s
}

.-inner-wrapper .button .button_spots:nth-of-type(47) {
    -webkit-transform-origin: 81px 19px;
    transform-origin: 81px 19px;
    background: #91d676;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.3s
}

.-inner-wrapper .button .button_spots:nth-of-type(48) {
    -webkit-transform-origin: 86px 14px;
    transform-origin: 86px 14px;
    background: #79d29a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.9s
}

.-inner-wrapper .button .button_spots:nth-of-type(49) {
    -webkit-transform-origin: 86px 19px;
    transform-origin: 86px 19px;
    background: #c776d6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.3s
}

.-inner-wrapper .button .button_spots:nth-of-type(50) {
    -webkit-transform-origin: 83px 16px;
    transform-origin: 83px 16px;
    background: #7bd378;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 2s
}

.-inner-wrapper .button .button_spots:nth-of-type(51) {
    -webkit-transform-origin: 82px 13px;
    transform-origin: 82px 13px;
    background: #c176d6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.3s
}

.-inner-wrapper .button .button_spots:nth-of-type(52) {
    -webkit-transform-origin: 84px 12px;
    transform-origin: 84px 12px;
    background: #d1d17a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .12);
    transition: all 1.2s
}

.-inner-wrapper .button_inner {
    border-radius: 2px;
    margin: auto;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .04);
    text-align: Center;
    transition: all .3s, box-shadow .2s, -webkit-transform .2s .2s;
    transition: all .3s, box-shadow .2s, transform .2s .2s;
    transition: all .3s, box-shadow .2s, transform .2s .2s, -webkit-transform .2s .2s
}

.-inner-wrapper .button_inner span.t {
    position: relative;
    opacity: 1;
    transition: left .4s .1s
}

.-inner-wrapper .button_inner .button_spots:first-of-type {
    -webkit-animation: spot-1 .7s linear .94s infinite;
    animation: spot-1 .7s linear .94s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(2) {
    -webkit-animation: spot-2 .7s linear .6s infinite;
    animation: spot-2 .7s linear .6s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(3) {
    -webkit-animation: spot-3 .7s linear .48s infinite;
    animation: spot-3 .7s linear .48s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(4) {
    -webkit-animation: spot-4 .7s linear .46667s infinite;
    animation: spot-4 .7s linear .46667s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(5) {
    -webkit-animation: spot-5 .7s linear 1.04444s infinite;
    animation: spot-5 .7s linear 1.04444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(6) {
    -webkit-animation: spot-6 .7s linear .33333s infinite;
    animation: spot-6 .7s linear .33333s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(7) {
    -webkit-animation: spot-7 .7s linear .64s infinite;
    animation: spot-7 .7s linear .64s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(8) {
    -webkit-animation: spot-8 .7s linear .45s infinite;
    animation: spot-8 .7s linear .45s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(9) {
    -webkit-animation: spot-9 .7s linear .9s infinite;
    animation: spot-9 .7s linear .9s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(10) {
    -webkit-animation: spot-10 .7s linear .55s infinite;
    animation: spot-10 .7s linear .55s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(11) {
    -webkit-animation: spot-11 .7s linear .6s infinite;
    animation: spot-11 .7s linear .6s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(12) {
    -webkit-animation: spot-12 .7s linear .84444s infinite;
    animation: spot-12 .7s linear .84444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(13) {
    -webkit-animation: spot-13 .7s linear 1.2s infinite;
    animation: spot-13 .7s linear 1.2s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(14) {
    -webkit-animation: spot-14 .7s linear .95s infinite;
    animation: spot-14 .7s linear .95s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(15) {
    -webkit-animation: spot-15 .7s linear .73333s infinite;
    animation: spot-15 .7s linear .73333s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(16) {
    -webkit-animation: spot-16 .7s linear .45s infinite;
    animation: spot-16 .7s linear .45s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(17) {
    -webkit-animation: spot-17 .7s linear .46667s infinite;
    animation: spot-17 .7s linear .46667s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(18) {
    -webkit-animation: spot-18 .7s linear .85714s infinite;
    animation: spot-18 .7s linear .85714s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(19) {
    -webkit-animation: spot-19 .7s linear .66667s infinite;
    animation: spot-19 .7s linear .66667s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(20) {
    -webkit-animation: spot-20 .7s linear .93333s infinite;
    animation: spot-20 .7s linear .93333s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(21) {
    -webkit-animation: spot-21 .7s linear .25714s infinite;
    animation: spot-21 .7s linear .25714s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(22) {
    -webkit-animation: spot-22 .7s linear .38s infinite;
    animation: spot-22 .7s linear .38s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(23) {
    -webkit-animation: spot-23 .7s linear .16667s infinite;
    animation: spot-23 .7s linear .16667s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(24) {
    -webkit-animation: spot-24 .7s linear .5s infinite;
    animation: spot-24 .7s linear .5s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(25) {
    -webkit-animation: spot-25 .7s linear .34s infinite;
    animation: spot-25 .7s linear .34s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(26) {
    -webkit-animation: spot-26 .7s linear 1.4s infinite;
    animation: spot-26 .7s linear 1.4s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(27) {
    -webkit-animation: spot-27 .7s linear 1.2s infinite;
    animation: spot-27 .7s linear 1.2s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(28) {
    -webkit-animation: spot-28 .7s linear 1.1s infinite;
    animation: spot-28 .7s linear 1.1s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(29) {
    -webkit-animation: spot-29 .7s linear .95s infinite;
    animation: spot-29 .7s linear .95s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(30) {
    -webkit-animation: spot-30 .7s linear .64444s infinite;
    animation: spot-30 .7s linear .64444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(31) {
    -webkit-animation: spot-31 .7s linear .6s infinite;
    animation: spot-31 .7s linear .6s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(32) {
    -webkit-animation: spot-32 .7s linear .4s infinite;
    animation: spot-32 .7s linear .4s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(33) {
    -webkit-animation: spot-33 .7s linear .85714s infinite;
    animation: spot-33 .7s linear .85714s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(34) {
    -webkit-animation: spot-34 .7s linear .84444s infinite;
    animation: spot-34 .7s linear .84444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(35) {
    -webkit-animation: spot-35 .7s linear .6s infinite;
    animation: spot-35 .7s linear .6s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(36) {
    -webkit-animation: spot-36 .7s linear .78s infinite;
    animation: spot-36 .7s linear .78s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(37) {
    -webkit-animation: spot-37 .7s linear .74444s infinite;
    animation: spot-37 .7s linear .74444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(38) {
    -webkit-animation: spot-38 .7s linear .5s infinite;
    animation: spot-38 .7s linear .5s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(39) {
    -webkit-animation: spot-39 .7s linear .78s infinite;
    animation: spot-39 .7s linear .78s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(40) {
    -webkit-animation: spot-40 .7s linear .54444s infinite;
    animation: spot-40 .7s linear .54444s infinite;
    -webkit-animation: spot-40 .7s linear .38s infinite;
    animation: spot-40 .7s linear .38s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(41) {
    -webkit-animation: spot-41 .7s linear .65s infinite;
    animation: spot-41 .7s linear .65s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(42) {
    -webkit-animation: spot-42 .7s linear .75s infinite;
    animation: spot-42 .7s linear .75s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(43) {
    -webkit-animation: spot-43 .7s linear .56667s infinite;
    animation: spot-43 .7s linear .56667s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(44) {
    -webkit-animation: spot-44 .7s linear .88s infinite;
    animation: spot-44 .7s linear .88s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(45) {
    -webkit-animation: spot-45 .7s linear .35714s infinite;
    animation: spot-45 .7s linear .35714s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(46) {
    -webkit-animation: spot-46 .7s linear .43333s infinite;
    animation: spot-46 .7s linear .43333s infinite;
    -webkit-animation: spot-46 .7s linear .53333s infinite;
    animation: spot-46 .7s linear .53333s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(47) {
    -webkit-animation: spot-47 .7s linear .64444s infinite;
    animation: spot-47 .7s linear .64444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(48) {
    -webkit-animation: spot-48 .7s linear .25714s infinite;
    animation: spot-48 .7s linear .25714s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(49) {
    -webkit-animation: spot-49 .7s linear 1.04444s infinite;
    animation: spot-49 .7s linear 1.04444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(50) {
    -webkit-animation: spot-50 .7s linear .64s infinite;
    animation: spot-50 .7s linear .64s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(51) {
    -webkit-animation: spot-51 .7s linear .8s infinite;
    animation: spot-51 .7s linear .8s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(52) {
    -webkit-animation: spot-52 .7s linear .44444s infinite;
    animation: spot-52 .7s linear .44444s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(53) {
    -webkit-animation: spot-53 .7s linear .35s infinite;
    animation: spot-53 .7s linear .35s infinite
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(54) {
    -webkit-animation: spot-54 .7s linear .34444s infinite;
    animation: spot-54 .7s linear .34444s infinite
}

@-webkit-keyframes spot-1 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-18px);
        transform: translateY(30px) translatex(-18px);
        opacity: .6
    }
}

@keyframes spot-1 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-18px);
        transform: translateY(30px) translatex(-18px);
        opacity: .6
    }
}

@-webkit-keyframes spot-2 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-16px);
        transform: translateY(30px) translatex(-16px);
        opacity: .6
    }
}

@keyframes spot-2 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-16px);
        transform: translateY(30px) translatex(-16px);
        opacity: .6
    }
}

@-webkit-keyframes spot-3 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-14px);
        transform: translateY(30px) translatex(-14px);
        opacity: .6
    }
}

@keyframes spot-3 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-14px);
        transform: translateY(30px) translatex(-14px);
        opacity: .6
    }
}

@-webkit-keyframes spot-4 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-12px);
        transform: translateY(30px) translatex(-12px);
        opacity: .6
    }
}

@keyframes spot-4 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-12px);
        transform: translateY(30px) translatex(-12px);
        opacity: .6
    }
}

@-webkit-keyframes spot-5 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-10px);
        transform: translateY(30px) translatex(-10px);
        opacity: .6
    }
}

@keyframes spot-5 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-10px);
        transform: translateY(30px) translatex(-10px);
        opacity: .6
    }
}

@-webkit-keyframes spot-6 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-8px);
        transform: translateY(30px) translatex(-8px);
        opacity: .6
    }
}

@keyframes spot-6 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-8px);
        transform: translateY(30px) translatex(-8px);
        opacity: .6
    }
}

@-webkit-keyframes spot-7 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-6px);
        transform: translateY(30px) translatex(-6px);
        opacity: .6
    }
}

@keyframes spot-7 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-6px);
        transform: translateY(30px) translatex(-6px);
        opacity: .6
    }
}

@-webkit-keyframes spot-8 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-4px);
        transform: translateY(30px) translatex(-4px);
        opacity: .6
    }
}

@keyframes spot-8 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-4px);
        transform: translateY(30px) translatex(-4px);
        opacity: .6
    }
}

@-webkit-keyframes spot-9 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-2px);
        transform: translateY(30px) translatex(-2px);
        opacity: .6
    }
}

@keyframes spot-9 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(-2px);
        transform: translateY(30px) translatex(-2px);
        opacity: .6
    }
}

@-webkit-keyframes spot-10 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(0);
        transform: translateY(30px) translatex(0);
        opacity: .6
    }
}

@keyframes spot-10 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(0);
        transform: translateY(30px) translatex(0);
        opacity: .6
    }
}

@-webkit-keyframes spot-11 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(2px);
        transform: translateY(30px) translatex(2px);
        opacity: .6
    }
}

@keyframes spot-11 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(2px);
        transform: translateY(30px) translatex(2px);
        opacity: .6
    }
}

@-webkit-keyframes spot-12 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(4px);
        transform: translateY(30px) translatex(4px);
        opacity: .6
    }
}

@keyframes spot-12 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(4px);
        transform: translateY(30px) translatex(4px);
        opacity: .6
    }
}

@-webkit-keyframes spot-13 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(6px);
        transform: translateY(30px) translatex(6px);
        opacity: .6
    }
}

@keyframes spot-13 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(6px);
        transform: translateY(30px) translatex(6px);
        opacity: .6
    }
}

@-webkit-keyframes spot-14 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(8px);
        transform: translateY(30px) translatex(8px);
        opacity: .6
    }
}

@keyframes spot-14 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(8px);
        transform: translateY(30px) translatex(8px);
        opacity: .6
    }
}

@-webkit-keyframes spot-15 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(10px);
        transform: translateY(30px) translatex(10px);
        opacity: .6
    }
}

@keyframes spot-15 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(10px);
        transform: translateY(30px) translatex(10px);
        opacity: .6
    }
}

@-webkit-keyframes spot-16 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(12px);
        transform: translateY(30px) translatex(12px);
        opacity: .6
    }
}

@keyframes spot-16 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(12px);
        transform: translateY(30px) translatex(12px);
        opacity: .6
    }
}

@-webkit-keyframes spot-17 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(14px);
        transform: translateY(30px) translatex(14px);
        opacity: .6
    }
}

@keyframes spot-17 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(14px);
        transform: translateY(30px) translatex(14px);
        opacity: .6
    }
}

@-webkit-keyframes spot-18 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(16px);
        transform: translateY(30px) translatex(16px);
        opacity: .6
    }
}

@keyframes spot-18 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(16px);
        transform: translateY(30px) translatex(16px);
        opacity: .6
    }
}

@-webkit-keyframes spot-19 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(18px);
        transform: translateY(30px) translatex(18px);
        opacity: .6
    }
}

@keyframes spot-19 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(18px);
        transform: translateY(30px) translatex(18px);
        opacity: .6
    }
}

@-webkit-keyframes spot-20 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(30px) translatex(20px);
        transform: translateY(30px) translatex(20px);
        opacity: .6
    }
}

@keyframes spot-20 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-10px);
        transform: translateY(-30px) translatex(-10px);
        opacity: .6
    }
}

@-webkit-keyframes spot-21 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-8px);
        transform: translateY(-30px) translatex(-8px);
        opacity: .6
    }
}

@keyframes spot-21 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-8px);
        transform: translateY(-30px) translatex(-8px);
        opacity: .6
    }
}

@-webkit-keyframes spot-22 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-6px);
        transform: translateY(-30px) translatex(-6px);
        opacity: .6
    }
}

@keyframes spot-22 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-6px);
        transform: translateY(-30px) translatex(-6px);
        opacity: .6
    }
}

@-webkit-keyframes spot-23 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-4px);
        transform: translateY(-30px) translatex(-4px);
        opacity: .6
    }
}

@keyframes spot-23 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-4px);
        transform: translateY(-30px) translatex(-4px);
        opacity: .6
    }
}

@-webkit-keyframes spot-24 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-2px);
        transform: translateY(-30px) translatex(-2px);
        opacity: .6
    }
}

@keyframes spot-24 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(-2px);
        transform: translateY(-30px) translatex(-2px);
        opacity: .6
    }
}

@-webkit-keyframes spot-25 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(0);
        transform: translateY(-30px) translatex(0);
        opacity: .6
    }
}

@keyframes spot-25 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(0);
        transform: translateY(-30px) translatex(0);
        opacity: .6
    }
}

@-webkit-keyframes spot-26 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(2px);
        transform: translateY(-30px) translatex(2px);
        opacity: .6
    }
}

@keyframes spot-26 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(2px);
        transform: translateY(-30px) translatex(2px);
        opacity: .6
    }
}

@-webkit-keyframes spot-27 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(4px);
        transform: translateY(-30px) translatex(4px);
        opacity: .6
    }
}

@keyframes spot-27 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(4px);
        transform: translateY(-30px) translatex(4px);
        opacity: .6
    }
}

@-webkit-keyframes spot-28 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(6px);
        transform: translateY(-30px) translatex(6px);
        opacity: .6
    }
}

@keyframes spot-28 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(6px);
        transform: translateY(-30px) translatex(6px);
        opacity: .6
    }
}

@-webkit-keyframes spot-29 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(8px);
        transform: translateY(-30px) translatex(8px);
        opacity: .6
    }
}

@keyframes spot-29 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(8px);
        transform: translateY(-30px) translatex(8px);
        opacity: .6
    }
}

@-webkit-keyframes spot-30 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(10px);
        transform: translateY(-30px) translatex(10px);
        opacity: .6
    }
}

@keyframes spot-30 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(10px);
        transform: translateY(-30px) translatex(10px);
        opacity: .6
    }
}

@-webkit-keyframes spot-31 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(12px);
        transform: translateY(-30px) translatex(12px);
        opacity: .6
    }
}

@keyframes spot-31 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(12px);
        transform: translateY(-30px) translatex(12px);
        opacity: .6
    }
}

@-webkit-keyframes spot-32 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(14px);
        transform: translateY(-30px) translatex(14px);
        opacity: .6
    }
}

@keyframes spot-32 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(14px);
        transform: translateY(-30px) translatex(14px);
        opacity: .6
    }
}

@-webkit-keyframes spot-33 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(16px);
        transform: translateY(-30px) translatex(16px);
        opacity: .6
    }
}

@keyframes spot-33 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(16px);
        transform: translateY(-30px) translatex(16px);
        opacity: .6
    }
}

@-webkit-keyframes spot-34 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(18px);
        transform: translateY(-30px) translatex(18px);
        opacity: .6
    }
}

@keyframes spot-34 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(18px);
        transform: translateY(-30px) translatex(18px);
        opacity: .6
    }
}

@-webkit-keyframes spot-35 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(20px);
        transform: translateY(-30px) translatex(20px);
        opacity: .6
    }
}

@keyframes spot-35 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(20px);
        transform: translateY(-30px) translatex(20px);
        opacity: .6
    }
}

@-webkit-keyframes spot-36 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(22px);
        transform: translateY(-30px) translatex(22px);
        opacity: .6
    }
}

@keyframes spot-36 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(22px);
        transform: translateY(-30px) translatex(22px);
        opacity: .6
    }
}

@-webkit-keyframes spot-37 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(24px);
        transform: translateY(-30px) translatex(24px);
        opacity: .6
    }
}

@keyframes spot-37 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(24px);
        transform: translateY(-30px) translatex(24px);
        opacity: .6
    }
}

@-webkit-keyframes spot-38 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(26px);
        transform: translateY(-30px) translatex(26px);
        opacity: .6
    }
}

@keyframes spot-38 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(26px);
        transform: translateY(-30px) translatex(26px);
        opacity: .6
    }
}

@-webkit-keyframes spot-39 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(28px);
        transform: translateY(-30px) translatex(28px);
        opacity: .6
    }
}

@keyframes spot-39 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(28px);
        transform: translateY(-30px) translatex(28px);
        opacity: .6
    }
}

@-webkit-keyframes spot-40 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-30px) translatex(30px);
        transform: translateY(-30px) translatex(30px);
        opacity: .6
    }
}

@keyframes spot-40 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-6px) translatex(40px);
        transform: translateY(-6px) translatex(40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-41 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-4px) translatex(40px);
        transform: translateY(-4px) translatex(40px);
        opacity: .6
    }
}

@keyframes spot-41 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-4px) translatex(40px);
        transform: translateY(-4px) translatex(40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-42 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-2px) translatex(40px);
        transform: translateY(-2px) translatex(40px);
        opacity: .6
    }
}

@keyframes spot-42 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-2px) translatex(40px);
        transform: translateY(-2px) translatex(40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-43 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0) translatex(40px);
        transform: translateY(0) translatex(40px);
        opacity: .6
    }
}

@keyframes spot-43 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0) translatex(40px);
        transform: translateY(0) translatex(40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-44 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(2px) translatex(40px);
        transform: translateY(2px) translatex(40px);
        opacity: .6
    }
}

@keyframes spot-44 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(2px) translatex(40px);
        transform: translateY(2px) translatex(40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-45 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(4px) translatex(40px);
        transform: translateY(4px) translatex(40px);
        opacity: .6
    }
}

@keyframes spot-45 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(4px) translatex(40px);
        transform: translateY(4px) translatex(40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-46 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-7px) translatex(-40px);
        transform: translateY(-7px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-46 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-7px) translatex(-40px);
        transform: translateY(-7px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-47 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-5px) translatex(-40px);
        transform: translateY(-5px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-47 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-5px) translatex(-40px);
        transform: translateY(-5px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-48 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-3px) translatex(-40px);
        transform: translateY(-3px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-48 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-3px) translatex(-40px);
        transform: translateY(-3px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-49 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-1px) translatex(-40px);
        transform: translateY(-1px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-49 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(-1px) translatex(-40px);
        transform: translateY(-1px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-50 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(1px) translatex(-40px);
        transform: translateY(1px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-50 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(1px) translatex(-40px);
        transform: translateY(1px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-51 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(3px) translatex(-40px);
        transform: translateY(3px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-51 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(3px) translatex(-40px);
        transform: translateY(3px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-52 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(5px) translatex(-40px);
        transform: translateY(5px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-52 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(5px) translatex(-40px);
        transform: translateY(5px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-53 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(7px) translatex(-40px);
        transform: translateY(7px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-53 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(7px) translatex(-40px);
        transform: translateY(7px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes spot-54 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(9px) translatex(-40px);
        transform: translateY(9px) translatex(-40px);
        opacity: .6
    }
}

@keyframes spot-54 {
    0% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(9px) translatex(-40px);
        transform: translateY(9px) translatex(-40px);
        opacity: .6
    }
}

@-webkit-keyframes opacity {
    to {
        opacity: 0
    }
}

@keyframes opacity {
    to {
        opacity: 0
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: .8
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        opacity: .8
    }
}

@keyframes rotate {
    0% {
        opacity: .8
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        opacity: .8
    }
}

@-webkit-keyframes down {
    0% {
        left: 10px
    }
    to {
        left: 57px
    }
}

@keyframes down {
    0% {
        left: 10px
    }
    to {
        left: 57px
    }
}

@-webkit-keyframes spew {
    0% {
        opacity: 0
    }
    to {
        opacity: .8
    }
}

@keyframes spew {
    0% {
        opacity: 0
    }
    to {
        opacity: .8
    }
}

@-webkit-keyframes final {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes final {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes finalbox {
    to {
        width: 50px
    }
}

@keyframes finalbox {
    to {
        width: 50px
    }
}

@-webkit-keyframes tick {
    to {
        -webkit-transform: scale(1) rotate(-90deg);
        transform: scale(1) rotate(-90deg)
    }
}

@keyframes tick {
    to {
        -webkit-transform: scale(1) rotate(-90deg);
        transform: scale(1) rotate(-90deg)
    }
}

@media (max-width: 991.98px) {
    .x-footer {
        padding-bottom: 60px !important
    }
}

@media (max-width: 575.98px) {
    .x-footer.-has-my-score-ranking {
        padding-bottom: 90px !important
    }
}

.x-footer-seo .-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #353535
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-footer-seo .-tags .vex-dialog-button, .x-footer-seo .-tags .btn, .x-footer-seo .-tags .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 7px 10px 2px;
    line-height: 1;
    border-radius: 7px;
    color: #8e8e8e;
    background: #12151c
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-footer-seo .-tags .vex-dialog-button:hover, .x-footer-seo .-tags .btn:hover, .x-footer-seo .-tags .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:hover {
    background: #1d212a
}

.x-ma-container {
    position: relative;
    height: 100%;
    min-height: 100vh;
    background-image: none
}

.x-ma-container.-has-block {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (max-width: 991.98px) {
    .x-ma-container.-has-block {
        padding-top: 0
    }
}

.x-ma-container.-has-block .-detail .-message-wrapper {
    margin-top: 1rem
}

.x-ma-container.-has-block .-detail .-message-wrapper .-title {
    font-size: 2.025rem;
    color: #fff
}

@media (max-width: 991.98px) {
    .x-ma-container.-has-block .-detail .-message-wrapper .-title {
        font-size: 1.8rem
    }
}

@media (max-width: 575.98px) {
    .x-ma-container.-has-block .-detail .-message-wrapper .-title {
        font-size: 1.575rem
    }
}

.x-ma-container.-has-block .-detail .-message-wrapper .-description {
    margin-top: 1rem;
    font-size: 2.025rem;
    color: #d2d2d2
}

.x-ma-container.-has-block .-detail .-message-wrapper .-description .-time {
    font-size: 1.25em;
    color: #fdc21d
}

@media (max-width: 991.98px) {
    .x-ma-container.-has-block .-detail .-message-wrapper .-description {
        font-size: 1.8rem
    }
}

@media (max-width: 575.98px) {
    .x-ma-container.-has-block .-detail .-message-wrapper .-description {
        font-size: 1.575rem
    }
}

@media (max-width: 767.98px) {
    .x-ma-container {
        padding-right: 10px;
        padding-left: 10px
    }
}

.x-ma-container .-overlay {
    position: fixed;
    z-index: -1;
    background: #092a91;
    background: radial-gradient(circle, #092a91 0, #051157 15%, #030430 30%, #020329 50%, #010117 72%);
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.x-ma-container .-img-desktop {
    max-width: 1200px
}

.x-ma-container .-img-mobile {
    max-width: 400px
}

@media (max-width: 575.98px) {
    .x-ma-container .-img-mobile {
        max-width: 90%
    }
}

.x-ma-container .-detail {
    margin-bottom: 2rem
}

.x-ma-container .-detail .-message-wrapper {
    margin-top: 50px;
    font-size: 1.8rem
}

.x-ma-container .-detail .-message-wrapper .-title {
    display: block;
    color: #fff
}

.x-ma-container .-detail .-brand {
    display: block;
    margin-top: 30px;
    font-size: 1.35rem
}

.x-ma-container .-cover {
    width: 400px;
    margin: auto;
    position: relative
}

@media (max-width: 575.98px) {
    .x-ma-container .-cover {
        width: 100%
    }
}

.x-ma-container .-cover .-computer {
    width: 220px;
    margin-top: 65px;
    -webkit-animation-name: x-ma-computer;
    animation-name: x-ma-computer;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (max-width: 575.98px) {
    .x-ma-container .-cover .-computer {
        width: 200px;
        margin-top: 40px
    }
}

.x-ma-container .-cover .-bubble1, .x-ma-container .-cover .-bubble2 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.x-ma-container .-cover .-bubble1 {
    -webkit-animation-name: x-ma-bubble1;
    animation-name: x-ma-bubble1;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.x-ma-container .-cover .-bubble2 {
    -webkit-animation-name: x-ma-bubble2;
    animation-name: x-ma-bubble2;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.x-ma-container .-logo {
    margin-top: 30px;
    width: 200px;
    margin-bottom: 30px
}

@-webkit-keyframes x-ma-computer {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes x-ma-computer {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes x-ma-bubble1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(2%);
        transform: translateX(2%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes x-ma-bubble1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(2%);
        transform: translateX(2%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes x-ma-bubble2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    30% {
        -webkit-transform: translateY(2%);
        transform: translateY(2%)
    }
    50% {
        -webkit-transform: translateX(2%);
        transform: translateX(2%)
    }
    70% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes x-ma-bubble2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    30% {
        -webkit-transform: translateY(2%);
        transform: translateY(2%)
    }
    50% {
        -webkit-transform: translateX(2%);
        transform: translateX(2%)
    }
    70% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

#depositModal .x-transaction-ma-modal-dialog-container .modal-content .modal-body {
    padding-bottom: 3rem !important
}

.x-transaction-ma-modal-dialog-container .-transaction-ma-inner-container {
    text-align: center
}

.x-transaction-ma-modal-dialog-container .-transaction-ma-inner-container .-ma-icon {
    width: 120px;
    margin-top: 2rem
}

@media (max-width: 767.98px) {
    .x-transaction-ma-modal-dialog-container .-transaction-ma-inner-container .-ma-icon {
        margin-top: 1rem
    }
}

.x-transaction-ma-modal-dialog-container .-transaction-ma-inner-container .-title-wrapper {
    margin-top: 1rem
}

.x-transaction-ma-modal-dialog-container .-transaction-ma-inner-container .-title-wrapper .-title {
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 600;
    color: #ffcd57
}

.x-transaction-ma-modal-dialog-container .-transaction-ma-inner-container .-title-wrapper .-sub-title {
    font-size: 1.575rem;
    font-weight: 600;
    color: #ffcd57
}

.x-transaction-ma-modal-dialog-container .-transaction-ma-inner-container .-content-wrapper {
    margin: 1rem 0;
    font-size: 1.125rem;
    color: #d2d2d2
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

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

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

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

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

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

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

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes x-floating {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
    50% {
        -webkit-transform: translateY(-30px) rotate(-1deg);
        transform: translateY(-30px) rotate(-1deg)
    }
    to {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@keyframes x-floating {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
    50% {
        -webkit-transform: translateY(-30px) rotate(-1deg);
        transform: translateY(-30px) rotate(-1deg)
    }
    to {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@-webkit-keyframes x-arrow-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes x-arrow-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hvr-ripple-out {
    to {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    to {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.-animate-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative
}

.-animate-ripple-out:before {
    content: "";
    position: absolute;
    border: 6px solid #ffcd57;
    border-radius: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeInModal {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInModal {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeInModal, .fadeInRegister {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@media (max-width: 991.98px) {
    .fadeInModal, .fadeInRegister {
        -webkit-animation-name: fadeInModal;
        animation-name: fadeInModal
    }
}

.x-alert-warning {
    background-color: rgba(255, 0, 0, .3);
    width: 80%;
    font-size: 1em !important;
    margin: auto auto 1em;
    padding: 1rem;
    text-align: center;
    color: #d2d2d2
}

.x-profile-dropdown-menu {
    background-color: linear-gradient(180deg, #020d22, #091734)
}

.x-profile-dropdown-menu .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.x-profile-dropdown-menu .navbar-nav .nav-item {
    width: 100%;
    border-bottom: 1px solid rgba(236, 189, 123, .4);
    padding-top: 10px
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link {
    color: #7e7e7e;
    transition: color .2s
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .-ic {
    width: 26px;
    margin-right: 15px
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .fas {
    color: #ffcd57;
    min-width: 20px;
    margin-right: 1rem;
    text-align: center
}

.x-profile-dropdown-menu .navbar-nav .nav-item:hover .nav-link {
    color: #ffcd57
}

.x-profile-dropdown-menu .navbar-nav .nav-item:last-child {
    border-bottom: none
}

.x-profile-dropdown-menu .navbar-nav .nav-item .-badge {
    background-color: #ffcd57;
    color: #000;
    border-radius: 12px;
    margin-left: .5rem;
    width: 40px;
    text-align: center;
    line-height: 14px;
    padding-top: 8px;
    display: inline-block
}

@media (max-width: 991.98px) {
    .x-profile-dropdown-menu .navbar-nav .nav-item .-badge {
        top: 1px !important
    }
}

@media (max-width: 991.98px) {
    .x-profile-dropdown-menu {
        background-color: transparent
    }
}

.form-control {
    border: 0
}

.x-form-control {
    background: #2b2b2b;
    color: #d9d9d9;
    border-bottom: 2px solid transparent;
    transition: all .5s;
    width: 100%;
    font-size: .95rem
}

.x-form-control::-webkit-input-placeholder {
    color: #d9d9d9;
    line-height: normal
}

.x-form-control:-ms-input-placeholder {
    color: #d9d9d9;
    line-height: normal
}

.x-form-control::-ms-input-placeholder {
    color: #d9d9d9;
    line-height: normal
}

.x-form-control::placeholder {
    color: #d9d9d9;
    line-height: normal
}

.x-form-control:focus {
    background-color: #2b2b2b;
    color: #d9d9d9;
    box-shadow: none;
    outline: none;
    border-color: #ffcd57;
    -o-border-image: linear-gradient(90deg, #fcb117, #ffd101) 1;
    border-image: linear-gradient(90deg, #fcb117, #ffd101) 1
}

.invalid-feedback {
    text-align: center;
    font-size: 90%;
    margin-top: .5rem
}

.x-form-register .x-checkbox-primary .form-check {
    position: relative
}

.x-form-register .x-checkbox-primary .form-check input[type=checkbox] + label {
    position: unset !important
}

.x-checkbox-primary .form-check {
    padding-left: 0
}

.x-checkbox-primary .form-check input[type=checkbox] {
    display: none
}

.x-checkbox-primary .form-check input[type=checkbox] + label {
    position: relative;
    padding-left: 25px !important
}

.x-checkbox-primary .form-check input[type=checkbox] + label:before {
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 2px
}

.x-checkbox-primary .form-check input[type=checkbox] + label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-image: url(/landing/assets/template/ic-checkmark.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s
}

.x-checkbox-primary .form-check input[type=checkbox]:checked + label:after {
    opacity: 1;
    visibility: visible
}

.text-primary-border-bottom {
    border-bottom: 3px solid;
    line-height: 1.6;
    -o-border-image: radial-gradient(#186ed1, rgba(250, 224, 66, 0)) 1;
    border-image: radial-gradient(#186ed1, rgba(250, 224, 66, 0)) 1
}

.text-gray-lighter, .text-muted {
    color: #d2d2d2 !important
}

.text-muted-lighter {
    color: #a0a0a0
}

.btn-primary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary {
    color: #000;
    border: none;
    background: #ffd101;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fcb117), color-stop(100%, #ffd101));
    background: linear-gradient(90deg, #fcb117 0, #ffd101);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ from, endColorstr=$ to, GradientType=0);
    box-shadow: 0 0 2px 2px rgba(236, 189, 123, .1)
}

.btn-primary:active, .btn-primary:focus, .btn-primary:visited, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:active, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:visited {
    outline: 0;
    text-decoration: none;
    box-shadow: none
}

.btn-plain-primary {
    color: #000;
    background: linear-gradient(135deg, #ffcd57, #d0a94d);
    border: none;
    border-radius: 0
}

.btn-plain-primary:hover {
    color: #000
}

.btn-plain-secondary {
    color: #000;
    background: linear-gradient(135deg, #ff5757, #b00000);
    border: none;
    border-radius: 0
}

.btn-plain-secondary:hover {
    color: #000
}

.btn-plain-lobby {
    border: none;
    color: #fff !important;
    background: linear-gradient(180deg, #2c353c 20%, #000)
}

.btn-plain-lobby .-icon {
    margin-bottom: 4px
}

.btn-plain-lobby:hover, .btn-plain-sood {
    color: #fff !important
}

.btn-plain-sood {
    border: none;
    background: linear-gradient(180deg, #fff, #d2d2d2);
    padding-top: 8px !important
}

.btn-plain-sood:hover {
    color: #fff !important
}

.btn-plain-secondary-landing {
    color: #000;
    background: #e8c471;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #f2ab25), color-stop(100%, #e8c471));
    background: linear-gradient(90deg, #f2ab25 0, #e8c471);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ from, endColorstr=$ to, GradientType=0);
    border: none;
    border-radius: 0
}

.btn-plain-secondary-landing:hover {
    color: #000
}

.btn, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 9px;
    padding-bottom: 6px;
    line-height: 30px
}

.btn.-icon i.fas, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-icon.vex-dialog-button i.fas {
    position: relative;
    top: 3px
}

.btn .fa-play-circle, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .fa-play-circle {
    padding-top: 3px
}

@media (min-width: 992px) {
    .btn.-submit, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button {
        width: 100%
    }
}

@media (max-width: 1199.98px) {
    .btn.-submit.-android-view, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.-android-view.vex-dialog-button {
        display: none !important
    }
}

.btn.-btn-play-test, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button {
    padding-top: 6px
}

@media (max-width: 991.98px) {
    .btn.-btn-play-test .-typo, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button .-typo {
        padding-top: 9px
    }
}

.x-btn-image {
    display: inline-block
}

.x-btn-image.-hoverable > img {
    max-width: 100%;
    height: auto
}

.x-btn-image.-hoverable .-hover {
    display: none
}

@media (min-width: 992px) {
    .x-btn-image.-hoverable:hover .-default {
        display: none
    }

    .x-btn-image.-hoverable:hover .-hover {
        display: inline-block
    }
}

@media (max-width: 991.98px) {
    .modal-open .x-header {
        z-index: unset !important
    }
}

.x-header {
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.x-header.-sticky #headerContent .-header-login-btn, .x-header.-sticky .navbar-brand {
    opacity: 0
}

.x-header.-sticky .-logged-container {
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.x-header .navbar-brand {
    position: relative;
    opacity: 1;
    transition: opacity .2s ease-out
}

.x-header .navbar-brand .-logo {
    position: absolute;
    top: 16px;
    left: 0;
    transition: opacity .2s;
    width: 160px
}

@media (max-width: 767.98px) {
    .x-header .navbar-brand .-logo {
        width: 100px
    }
}

.x-header .x-hamburger {
    margin-right: 20px;
    margin-top: 6px;
    width: 25px;
    height: 24px;
    position: relative;
    transition: .5s ease-in-out;
    cursor: pointer
}

.x-header .x-hamburger, .x-header .x-hamburger span {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.x-header .x-hamburger span {
    width: 70%;
    display: block;
    position: absolute;
    height: 3px;
    background: #a1a1a1;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transition: .25s ease-in-out
}

.x-header .x-hamburger span:first-child {
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: x-hamburger-wave .4s ease-out infinite alternate;
    animation: x-hamburger-wave .4s ease-out infinite alternate
}

.x-header .x-hamburger span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: x-hamburger-wave .4s ease-out .3s infinite alternate;
    animation: x-hamburger-wave .4s ease-out .3s infinite alternate
}

.x-header .x-hamburger span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: x-hamburger-wave .4s ease-out .6s infinite alternate;
    animation: x-hamburger-wave .4s ease-out .6s infinite alternate
}

.x-header .x-hamburger.open {
    width: 25px
}

.x-header .x-hamburger.open span {
    width: 100%;
    -webkit-animation: none;
    animation: none
}

.x-header .x-hamburger.open span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 5px
}

.x-header .x-hamburger.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.x-header .x-hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 5px
}

.x-header #headerBrand {
    height: 85px;
    flex: 1
}

@media (max-width: 767.98px) {
    .x-header #headerBrand {
        height: 76px
    }
}

.x-header #headerContent .-header-login-btn {
    transition: opacity .2s ease-out
}

.x-header .x-logged .-logged-container {
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .75)
}

@media (max-width: 991.98px) {
    .x-header .x-logged .-logged-container {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
}

.x-header .x-logged .-logged-container .dropdown {
    position: relative;
    display: inline-block
}

.x-header .x-logged .-logged-container .dropdown-content {
    display: none;
    position: absolute;
    background-color: linear-gradient(180deg, #020d22, #091734);
    min-width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    top: 100%;
    width: 100%;
    left: 0
}

.x-header .x-logged .-logged-container .dropdown-content .dropdown-item {
    border-bottom: 1px solid #ffcd57
}

.x-header .x-logged .-logged-container .dropdown-content .dropdown-item:last-child {
    border-bottom: none
}

.x-header .x-logged .-logged-container .dropdown-content .dropdown-item:last-child i {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.x-header .x-logged .-logged-container .dropdown-content a {
    color: #d9d9d9;
    text-decoration: none;
    display: block
}

.x-header .x-logged .-logged-container .dropdown-content a:hover {
    color: #ffcd57;
    background-color: transparent
}

.x-header .x-logged .-logged-container .--profile {
    background: linear-gradient(180deg, #262626, #000);
    border-bottom-left-radius: 10px
}

@media (max-width: 991.98px) {
    .x-header .x-logged .-logged-container .--profile {
        border-bottom-right-radius: 10px
    }
}

.x-header .x-logged .-logged-container .--profile .--profile-detail {
    line-height: 100%
}

.x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved {
    color: #ffcd57
}

.x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved .fas.fa-spinner {
    position: relative;
    top: 2px;
    margin-right: 5px;
    font-size: 16px
}

.x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved .x-queue-number-expression {
    color: #d2d2d2
}

.x-header .x-logged .-logged-container .--profile .--profile-detail button {
    line-height: normal
}

.x-header .x-logged .-logged-container .--withdraw {
    background: linear-gradient(0deg, #f2ab25, #e8c471);
    border-bottom-right-radius: 10px
}

.x-logged-sidebar-mobile {
    display: none
}

@media (max-width: 991.98px) {
    .x-logged-sidebar-mobile {
        display: block
    }

    .x-logged-sidebar-mobile .-inner-wrapper {
        position: fixed;
        top: 0;
        right: -90%;
        z-index: 60;
        width: 70%;
        min-width: 280px;
        height: 100%;
        background: linear-gradient(0deg, rgba(0, 1, 1, .95), rgba(36, 41, 44, .95));
        transition: right .2s;
        opacity: 0
    }

    .x-logged-sidebar-mobile .-inner-wrapper.show {
        right: 0;
        opacity: 1
    }

    .x-logged-sidebar-mobile .-inner-wrapper.show .-heading {
        padding-left: 2rem !important
    }

    .x-logged-sidebar-mobile .-inner-wrapper.show .-heading img {
        width: 130px
    }

    .x-logged-sidebar-mobile .-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 55;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .7)
    }

    .x-logged-sidebar-mobile .-overlay.show {
        display: block
    }
}

@media (max-width: 991.98px) {
    .x-bank-account-form, .x-bank-account-form .-animatable-container, .x-bank-account-form form {
        height: 100%
    }
}

@media (max-width: 991.98px) {
    .x-bank-account-form {
        overflow-y: auto;
        margin-bottom: 5rem
    }
}

.x-bank-account-form .invalid-feedback {
    display: block
}

.x-bank-choices-type .-outer-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.x-bank-choices-type .-outer-wrapper .-input-radio {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px
}

.x-bank-choices-type .-outer-wrapper .-input-radio + .-label {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px 10px;
    position: relative;
    border-radius: 50%;
    opacity: .6;
    transition: all .1s
}

.x-bank-choices-type .-outer-wrapper .-input-radio + .-label:focus {
    outline: none
}

.x-bank-choices-type .-outer-wrapper .-input-radio + .-label .-logo {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    transition: all .1s;
    animation: btn-primary-neon 0.7s ease-in-out infinite alternate;
}

@keyframes btn-primary-neon {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #ffcd57, 0 0 16px #ffcd57, 0 0 28px #ffcd57, 0 0 36px #ffcd57, 0 0 44px #ffcd57;
    }
    100% {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #ffcd57, 0 0 8px #ffcd57, 0 0 14px #ffcd57, 0 0 18px #ffcd57, 0 0 22px #ffcd57;
    }
}

.x-bank-choices-type .-outer-wrapper .-input-radio + .-label .fas.fa-check {
    display: none;
    position: absolute;
    bottom: -2px;
    right: -1px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    background-color: #71dd8a;
}

.x-bank-choices-type .-outer-wrapper .-input-radio:checked + .-label {
    opacity: 1
}

.x-bank-choices-type .-outer-wrapper .-input-radio:checked + .-label .-logo {
    width: 38px;
    height: 38px
}

.x-bank-choices-type .-outer-wrapper .-input-radio:checked + .-label .fas.fa-check {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .x-bank-choices-type .-outer-wrapper .-input-radio + .-label {
        width: 34px;
        height: 34px
    }

    .x-bank-choices-type .-outer-wrapper .-input-radio + .-label .-logo {
        width: 26px;
        height: 26px
    }

    .x-bank-choices-type .-outer-wrapper .-input-radio:checked + .-label .-logo {
        width: 30px;
        height: 30px
    }
}

@media (max-width: 991.98px) {
    .x-bank-choices-type .-outer-wrapper .-input-radio + .-label {
        width: 60px;
        height: 60px
    }

    .x-bank-choices-type .-outer-wrapper .-input-radio + .-label .-logo {
        width: 50px;
        height: 50px
    }

    .x-bank-choices-type .-outer-wrapper .-input-radio + .-label .fas.fa-check {
        width: 20px !important;
        height: 20px !important;
        font-size: 11px !important
    }

    .x-bank-choices-type .-outer-wrapper .-input-radio:checked + .-label .-logo {
        width: 56px;
        height: 56px
    }
}

.vex.vex-theme-plain .vex-content {
    padding: 2.5rem 1rem 1.8rem;
    font-family: Kanit, Helvetica Neue, sans-serif !important;
    border-radius: 2px;
    width: 400px
}

@media (max-width: 575.98px) {
    .vex.vex-theme-plain .vex-content {
        width: 350px
    }
}

.vex.vex-theme-plain .vex-content .vex-dialog-message {
    text-align: center;
    font-weight: 700
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons {
    text-align: center;
    margin-top: 2rem
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    float: none;
    min-width: 120px;
    border: none;
    margin: 5px
}

.x-profile-image img {
    width: 50px
}

@media (max-width: 767.98px) {
    .x-profile-image img {
        width: 40px;
        height: 40px
    }
}

.x-apple-os .x-entrance-sood .-btn-sood {
    padding-top: 6px
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .vex-dialog-button, .x-apple-os .btn, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 12px;
    line-height: 24px
}

@media (max-width: 991.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-submit.vex-dialog-button, .x-apple-os .btn.-submit, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button {
        padding-top: 14px
    }
}

.x-apple-os .x-mini-copy {
    display: inline-block;
    padding-top: 2px !important
}

.x-apple-os .fa-play-circle {
    padding-top: 0
}

.x-apple-os .x-deposit-next {
    padding-top: 10px !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .x-button-actions#account-actions-mobile .vex-dialog-button, .x-apple-os .x-button-actions#account-actions-mobile .btn, .x-apple-os .x-button-actions#account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 8px;
    line-height: 30px
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button, .x-apple-os .btn.-btn-play-test, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button {
    padding-top: 6px
}

@media (max-width: 991.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button, .x-apple-os .btn.-btn-play-test, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button {
        line-height: 30px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button .fa-play-circle, .x-apple-os .btn.-btn-play-test .fa-play-circle, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button .fa-play-circle {
        padding-top: 3px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button .-typo, .x-apple-os .btn.-btn-play-test .-typo, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button .-typo {
        padding-top: 9px
    }
}

.x-apple-os .form-check input[type=checkbox] + label:before {
    margin-top: 4px !important
}

.x-apple-os .form-check input[type=checkbox] + label:after {
    top: 4px !important
}

.x-apple-os .x-account-profile .-profile-container .x-checkbox-primary {
    margin-top: 10px !important
}

.x-apple-os .x-account-profile .-profile-container .x-checkbox-primary .form-check-label:before {
    margin-top: 0 !important
}

.x-apple-os .x-account-profile .-profile-container .x-checkbox-primary .form-check-label:after {
    top: 0 !important
}

.x-apple-os .x-account-profile .-bank-info .media-body {
    margin-top: .35rem !important
}

.x-apple-os .-deposit-preview .-fake-input, .x-apple-os .x-withdraw-pending .-fake-input {
    padding: 16px .675rem 4px !important
}

.x-apple-os .x-promotion-active-header .progress span {
    margin-top: 2px !important
}

.x-windows-os .x-header .navbar-nav .-header-login-btn, .x-windows-os .x-header .navbar-nav a {
    line-height: 26px
}

.x-windows-os .x-account-profile .-bank-info .media-body {
    margin-top: 0 !important
}

.x-windows-os .form-check input[type=checkbox] + label:before {
    top: 4px !important
}

.x-windows-os .form-check input[type=checkbox] + label:after {
    top: 8px !important
}

.x-windows-os form[name=set_un_subscribe_sms] .form-check input[type=checkbox] + label:after {
    top: 4px !important
}

.x-windows-os .x-pending .-fake-input {
    padding: 10px .675rem 8px
}

.x-windows-os .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn {
    line-height: 24px !important;
    padding-bottom: .25rem !important
}

.x-windows-os .x-promotion-active-header .progress span {
    margin-top: 0 !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-windows-os .x-footer-seo .-tags .vex-dialog-button, .x-windows-os .x-footer-seo .-tags .btn, .x-windows-os .x-footer-seo .-tags .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding: 5px 10px
}

.x-windows-os .-danger-zone.-wrk-owner, .x-windows-os .x-danger-zone.-wrk-owner {
    padding: 16px 15px
}

.x-windows-os .x-deposit-bank-maintenance .-text {
    padding: 16px 1rem
}

.x-windows-os .x-select-amount .-amount-container .-btn-select-amount .-no {
    /*top: 14px;*/
    top: 20%;
}

.x-windows-os .x-deposit-notice.-decimal .-noted-title {
    padding: 8px 0 7px
}

.x-windows-os .x-input-number-name-bank .-validate-box {
    padding: 16px
}

.x-ios-os #resetPasswordModal .-x-input-icon input::-webkit-input-placeholder, .x-ios-os .x-bank-account-form .-x-input-icon input::-webkit-input-placeholder, .x-ios-os .x-deposit-form .-x-input-icon input::-webkit-input-placeholder, .x-ios-os .x-form-register .-x-input-icon input::-webkit-input-placeholder, .x-ios-os .x-login-form .-x-input-icon input::-webkit-input-placeholder, .x-ios-os .x-pending .-x-input-icon input::-webkit-input-placeholder, .x-ios-os .x-withdraw-form .-x-input-icon input::-webkit-input-placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-x-input-icon input:-ms-input-placeholder, .x-ios-os .x-bank-account-form .-x-input-icon input:-ms-input-placeholder, .x-ios-os .x-deposit-form .-x-input-icon input:-ms-input-placeholder, .x-ios-os .x-form-register .-x-input-icon input:-ms-input-placeholder, .x-ios-os .x-login-form .-x-input-icon input:-ms-input-placeholder, .x-ios-os .x-pending .-x-input-icon input:-ms-input-placeholder, .x-ios-os .x-withdraw-form .-x-input-icon input:-ms-input-placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-x-input-icon input::-ms-input-placeholder, .x-ios-os .x-bank-account-form .-x-input-icon input::-ms-input-placeholder, .x-ios-os .x-deposit-form .-x-input-icon input::-ms-input-placeholder, .x-ios-os .x-form-register .-x-input-icon input::-ms-input-placeholder, .x-ios-os .x-login-form .-x-input-icon input::-ms-input-placeholder, .x-ios-os .x-pending .-x-input-icon input::-ms-input-placeholder, .x-ios-os .x-withdraw-form .-x-input-icon input::-ms-input-placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-x-input-icon input::placeholder, .x-ios-os .x-bank-account-form .-x-input-icon input::placeholder, .x-ios-os .x-deposit-form .-x-input-icon input::placeholder, .x-ios-os .x-form-register .-x-input-icon input::placeholder, .x-ios-os .x-login-form .-x-input-icon input::placeholder, .x-ios-os .x-pending .-x-input-icon input::placeholder, .x-ios-os .x-withdraw-form .-x-input-icon input::placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-submit, .x-ios-os .x-bank-account-form .-submit, .x-ios-os .x-deposit-form .-submit, .x-ios-os .x-form-register .-submit, .x-ios-os .x-login-form .-submit, .x-ios-os .x-pending .-submit, .x-ios-os .x-withdraw-form .-submit {
    padding-top: 15px
}

.x-ios-os .x-account-profile .-bank-info .media-body {
    margin-top: .4rem !important
}

.x-ios-os .x-account-profile .-btn-action-wrapper {
    margin-top: .5rem !important
}

.x-ios-os .x-pending .x-mini-copy {
    padding-top: 0 !important
}

.x-ios-os .x-pending .-fake-input {
    padding: 14px .675rem 4px
}

.x-ios-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 14px
}

.x-android-os #resetPasswordModal .-submit, .x-android-os .x-bank-account-form .-submit, .x-android-os .x-deposit-form .-submit, .x-android-os .x-form-register .-submit, .x-android-os .x-login-form .-submit, .x-android-os .x-pending .-submit, .x-android-os .x-withdraw-form .-submit {
    padding-top: 15px
}

.x-android-os .x-account-profile .-bank-info .media-body {
    margin-top: .35rem !important
}

.x-android-os .x-account-profile .-btn-action-wrapper {
    margin-top: .5rem !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-android-os .x-account-profile .-change-password-container .vex-dialog-button, .x-android-os .x-account-profile .-change-password-container .btn, .x-android-os .x-account-profile .-change-password-container .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 14px;
    padding-bottom: 6px
}

.x-android-os .x-admin-contact .x-text-with-link-component {
    font-size: 20px
}

.x-android-os .x-pending .-fake-input {
    padding: 14px .675rem 4px
}

.x-android-os .x-pending .x-mini-copy {
    padding-top: 0 !important
}

.x-android-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 14px
}

.x-android-os .-danger-zone.-wrk-owner, .x-android-os .x-danger-zone.-wrk-owner {
    padding: 20px 15px 14px
}

@media (max-width: 991.98px) {
    .x-modal {
        padding-right: 0 !important
    }
}

.x-modal .close {
    position: absolute;
    right: 14px;
    top: 6px;
    z-index: 1
}

.x-modal .-modal-size {
    transition: max-width .6s;
    max-width: 450px;
    /*max-width: 564px;*/
}

@media (max-width: 991.98px) {
    .x-modal .-modal-size {
        max-width: 100%;
        height: 100%;
        margin: 0 !important
    }
}

.x-modal .-modal-size.-modal-bigger {
    max-width: 1000px
}

@media (max-width: 1199.98px) {
    .x-modal .-modal-size.-modal-bigger {
        max-width: 900px
    }
}

@media (max-width: 991.98px) {
    .x-modal .-modal-size.-modal-bigger {
        max-width: 100%
    }
}

.x-modal .-modal-size.-modal-big {
    max-width: 820px
}

@media (max-width: 991.98px) {
    .x-modal .-modal-size.-modal-big {
        max-width: 100%
    }
}

.x-modal .-modal-size.-modal-medium {
    max-width: 600px
}

@media (max-width: 991.98px) {
    .x-modal .-modal-size.-modal-medium {
        max-width: 100%
    }
}

@media (max-width: 991.98px) {
    .x-modal .-modal-size.bankInfoMobile {
        height: 700px
    }
}

.x-modal .-modal-content {
    background: linear-gradient(180deg, #d0a94d, #765300);
    border-radius: 10px;
    position: relative;
    min-height: 200px
}

.x-modal .-modal-content .modal-body {
    padding-bottom: 3rem;
    padding-left: 4rem;
    padding-right: 4rem
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .x-modal .-modal-content .modal-body {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .x-modal .-modal-content .modal-body {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 575.98px) {
    .x-modal .-modal-content .modal-body {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: 991.98px) {
    .x-modal .-modal-content {
        position: relative;
        height: 100%;
        background: linear-gradient(180deg, #d0a94d, #765300);
        min-height: 400px
    }

    .x-modal .-modal-content .modal-header {
        height: 15%
    }

    .x-modal .-modal-content .modal-body {
        height: 85%;
        position: relative
    }

    .x-modal .-modal-content .modal-body .js-modal-content {
        height: 100%
    }

    .x-modal .-modal-content .-submit {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1;
        height: 50px;
        /*height: 80px;*/
        font-size: 1.125rem
    }

    #registerModal .-modal-content .-submit {
        height: 80px !important;
    }
}

.x-modal .close {
    color: #ffcd57;
    text-shadow: none
}

@media (max-width: 991.98px) {
    .x-modal .-real-content {
        padding-bottom: 70px
    }
}

.x-modal .x-title-modal.-has-icon {
    display: flex !important;
    justify-content: center;
    align-items: flex-end
}

.x-modal .x-title-modal.-has-icon .-icon {
    position: relative;
    top: -2px;
    width: 40px;
    margin-right: 10px
}

@media (max-width: 991.98px) {
    .x-modal .x-title-modal.-has-icon .-icon {
        top: -4px;
        width: 34px
    }
}

@media (max-width: 991.98px) {
    .x-modal .x-title-modal {
        font-size: 2.3rem
    }
}

.x-modal .x-hr-border-glow {
    margin-top: -10px
}

@media (max-width: 991.98px) {
    .x-modal.-scrollable.-no-button .-modal-body {
        bottom: 0
    }

    .x-modal.-scrollable .-modal-size {
        position: fixed;
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }

    .x-modal.-scrollable .-modal-content {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 0;
        box-shadow: none
    }

    .x-modal.-scrollable .modal-header {
        height: auto;
        margin-top: 0 !important;
        padding: 2rem 2rem .5rem !important
    }

    .x-modal.-scrollable .modal-body {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: unset;
        padding-bottom: 1rem;
        overflow: auto
    }
}

#depositModal .-modal-content .modal-body {
    padding-bottom: 1.5rem
}

@media (max-width: 991.98px) {
    #depositModal .modal-content .modal-body {
        position: fixed;
        overflow: auto;
        width: 100%
    }

    #depositModal .modal-content .modal-body .-submit[disabled] {
        opacity: 1
    }
}

#depositModal .-x-input-icon .form-control.is-invalid, #withdrawModal .-x-input-icon .form-control.is-invalid {
    background-image: none
}

@media (max-width: 991.98px) {
    #depositModal .-x-input-icon .-icon, #withdrawModal .-x-input-icon .-icon {
        top: 18px
    }

    #depositModal .-x-input-icon .form-control, #withdrawModal .-x-input-icon .form-control {
        height: 55px;
        padding: 0 38px;
        font-size: 1.1rem
    }
}

@media (max-width: 991.98px) {
    #bankInfoModal .modal-content .modal-body, #depositModal .modal-content .modal-body, #registerModal .modal-content .modal-body, #withdrawModal .modal-content .modal-body {
        padding-top: 2rem !important;
        height: 100% !important
    }
}

@media (max-width: 991.98px) {
    #accountModal .modal-content .modal-body, #registerModal .modal-content .modal-body {
        position: fixed;
        overflow: auto;
        width: 100%;
        padding-bottom: 4rem
    }
}

#accountModal .x-profile-image img {
    width: 70px
}

@media (max-width: 991.98px) {
    #accountModal .x-profile-image img {
        height: 70px
    }
}

#accountModal .modal-content .modal-body {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (max-width: 991.98px) {
    #accountModal .modal-content .modal-body {
        height: 100%
    }
}

#ads .-checkbox-label {
    padding: 4px
}

#alertModal .-fail-ic, #alertModal .-img, #alertModal .-success-ic, .x-form-register .-fail-ic, .x-form-register .-success-ic {
    width: 90px
}

#alertModal .-modal-content .x-title-modal {
    text-align: center
}

.x-slide-left-content {
    transition: all .6s;
    align-self: flex-start
}

.x-slide-left-content.-hide {
    height: 0;
    width: 0;
    flex-grow: 0;
    padding: 0;
    flex-basis: 0;
    overflow: hidden
}

.x-slide-left-content.-hide .x-title-modal {
    display: none !important
}

@media (max-width: 575.98px) {
    #betLimitUpdateModal .-modal-content .modal-body {
        height: auto;
        background: radial-gradient(closest-side, transparent, #000)
    }
}

#promotionReturnUfaFreeSportByUserModal .-modal-content .modal-body, #promotionReturnUfaSportByUserModal .-modal-content .modal-body {
    padding: 1.5rem
}

@media (max-width: 991.98px) {
    #promotionReturnUfaFreeSportByUserModal .-modal-content .modal-body, #promotionReturnUfaSportByUserModal .-modal-content .modal-body {
        padding: 1rem
    }
}

#promotionReturnUfaFreeSportByUserModal .x-title-modal, #promotionReturnUfaSportByUserModal .x-title-modal {
    width: 100%
}

@media (max-width: 767.98px) {
    .x-form-register button[disabled] {
        opacity: 1;
        background: #816642;
        background: -webkit-gradient(left top, left bottom, color-stop(0, #493b22), color-stop(100%, #816642));
        background: linear-gradient(90deg, #493b22 0, #816642);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ from, endColorstr=$ to, GradientType=0)
    }
}

.x-form-register .x-button-actions {
    display: block
}

@media (min-width: 992px) {
    .x-form-register .x-button-actions .-btn-left-bottom, .x-form-register .x-button-actions .-btn-right-bottom {
        width: 60%;
        margin: auto
    }

    .x-form-register .x-button-actions .-btn-left-bottom {
        box-shadow: 0 0 5px 3px rgba(236, 189, 123, .3)
    }

    .x-form-register .x-button-actions .-btn-right-bottom {
        box-shadow: 0 0 5px 3px rgba(18, 22, 27, .3)
    }
}

.x-form-register .-term-and-condition-check-box {
    font-size: 18px
}

@media (max-width: 991.98px) {
    .x-form-register .-term-and-condition-check-box {
        position: absolute;
        bottom: 100px;
        left: 50%;
        right: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .x-form-register .-term-and-condition-check-box input[type=checkbox] {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .x-form-register .-term-and-condition-check-box.-no-fixed {
        position: static;
        -webkit-transform: inherit;
        transform: inherit
    }
}

.x-form-register .-term-and-condition-content {
    height: 280px;
    overflow-y: scroll
}

.x-form-register .-term-and-condition-content::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-form-register .-term-and-condition-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-form-register .-term-and-condition-content::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

@media (max-width: 991.98px) {
    .x-form-register .-term-and-condition-content {
        padding: 0 !important;
        height: auto;
        overflow-y: unset;
        max-height: none;
        -webkit-overflow-scrolling: auto;
        overflow: unset;
        background: linear-gradient(180deg, #d0a94d, #765300)
    }
}

@media (max-width: 991.98px) {
    .x-form-register .x-slide-left-content + .-form {
        display: none
    }

    .x-form-register .x-slide-left-content.-hide + .-form {
        display: block
    }
}

@media (max-width: 1199.98px) {
    .x-form-register, .x-form-register .-animatable-container {
        height: 100%
    }

    .x-form-register img.-ic-register {
        width: 120px
    }

    .x-form-register img.-ic-lock, .x-form-register img.-ic-otp {
        width: 70px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-form-register .-submit.vex-dialog-button.vex-dialog-button-primary, .x-form-register .btn-primary.-submit, .x-form-register .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button.vex-dialog-button-primary {
        box-shadow: 0 0 5px 1px rgba(236, 189, 123, .3)
    }
}

@media (max-width: 1199.98px) and (max-width: 991.98px) {
    .x-form-register .x-button-actions .-btn-left-bottom {
        box-shadow: 0 0 5px 1px rgba(236, 189, 123, .3)
    }

    .x-form-register .x-button-actions .-btn-right-bottom {
        box-shadow: 0 0 5px 1px rgba(18, 22, 27, .3)
    }
}

.x-step-register .-border {
    flex: 1;
    max-width: 100%
}

.x-step-register .-border hr {
    border-top-width: 2px;
    border-color: #d9d9d9
}

.x-step-register .-step-box-outer {
    border-radius: 50%;
    border: 2px solid #d9d9d9;
    width: 26px;
    height: 26px
}

.x-step-register .-step-box-outer.step-active .--step-box-inner {
    background-color: #ffcd57;
    font-weight: 700;
    border-radius: 50%
}

.x-step-register .-step-box-outer .--step-box-inner {
    background: transparent;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #d9d9d9;
    font-family: Sans-Serif, sans-serif;
    font-size: 10px !important;
    margin: 2px;
    line-height: 18px
}

@media (max-width: 991.98px) {
    .x-step-register .-step-box-outer {
        width: 24px;
        height: 24px;
        background-color: #d9d9d9
    }

    .x-step-register .-step-box-outer .--step-box-inner {
        margin: 1px
    }

    .x-step-register .-step-box-outer.step-active {
        background-color: #fff
    }
}

@media (max-width: 991.98px) {
    .x-deposit-form, .x-deposit-form .-animatable-container, .x-deposit-form form {
        height: 100%
    }
}

@media (max-width: 1199.98px) {
    .x-deposit-form .-deposit-container {
        height: 100% !important
    }
}

.x-deposit-form .-deposit-container .-btn-get-promotion {
    background: transparent;
    border: 0;
    font-size: 1.4rem
}

.x-deposit-form .-deposit-container .-btn-get-promotion .fas {
    -webkit-animation: x-shaker-left-right 1.3s cubic-bezier(.455, .03, .515, .955) infinite both;
    animation: x-shaker-left-right 1.3s cubic-bezier(.455, .03, .515, .955) infinite both
}

.x-deposit-form .-deposit-container .-btn-cancel-promotion {
    font-size: 1.4rem
}

.x-deposit-form .-bg-promotion-active {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media (max-width: 767.98px) {
    .x-deposit-form .-bg-promotion-active {
        width: 90%
    }
}

@media (max-width: 991.98px) {
    .x-deposit-form .x-slide-left-content + .-form {
        display: none
    }

    .x-deposit-form .x-slide-left-content.-hide + .-form {
        display: block
    }
}

@media (max-width: 767.98px) {
    .x-deposit-bank-change .-bank-after, .x-deposit-bank-change .-bank-before {
        padding: 0
    }
}

.x-deposit-bank-change .-bank-before {
    opacity: .6
}

.x-deposit-bank-change .-title .fas {
    color: #dc3545 !important
}

.x-deposit-bank-change .fas.fa-arrow-right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-name: x-arrow-left;
    animation-name: x-arrow-left;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.x-deposit-bank-change .-submit .fas {
    position: relative;
    top: 3px;
    right: -10px
}

@media (max-width: 767.98px) {
    .x-deposit-bank-change {
        padding: 1rem 0 !important
    }

    .x-deposit-bank-change .-title {
        font-size: 1.75rem !important
    }
}

.-deposit-preview .-fake-input {
    position: relative
}

.-deposit-preview .-fake-input .fas {
    position: absolute;
    top: 15px;
    left: -40px;
    font-size: 22px;
    color: #ffcd57;
    -webkit-animation-name: x-arrow-left;
    animation-name: x-arrow-left;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

#depositModal .-temporary-deposit-decimal, .-deposit-preview .-temporary-deposit-decimal {
    margin-bottom: 1rem;
    font-size: 1.5rem
}

#depositModal .-temporary-deposit-decimal .-decimal, .-deposit-preview .-temporary-deposit-decimal .-decimal {
    display: block;
    padding: 0 2rem
}

#depositModal .-temporary-deposit-decimal .-badge, .-deposit-preview .-temporary-deposit-decimal .-badge {
    margin-bottom: 15px;
    display: inline-block;
    border-radius: 22px;
    padding: 2px 11px;
    border: 2px solid #fff;
    background: red;
    color: #fff;
    -webkit-animation-name: x-alert-blinker;
    animation-name: x-alert-blinker;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

#depositModal .-temporary-deposit-decimal .-badge .fas, .-deposit-preview .-temporary-deposit-decimal .-badge .fas {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

#depositModal .-temporary-deposit-decimal .-description, .-deposit-preview .-temporary-deposit-decimal .-description {
    margin-top: 1rem;
    display: block;
    padding: 0 2rem;
    color: #f16869
}

@media (max-width: 991.98px) {
    #depositModal .-temporary-deposit-decimal .-decimal, #depositModal .-temporary-deposit-decimal .-description, .-deposit-preview .-temporary-deposit-decimal .-decimal, .-deposit-preview .-temporary-deposit-decimal .-description {
        padding: 0
    }
}

.x-pending .-fake-input {
    padding: 12px .675rem 8px;
    background-color: #383838;
    color: #ffcd57;
    font-size: 1.4625rem;
    line-height: 1
}

.x-pending .-fake-input .-decimal {
    font-weight: 700;
    color: #fff;
    text-decoration: underline
}

@media (max-width: 991.98px) {
    .x-pending .-fake-input {
        width: 80%
    }
}

@media (max-width: 767.98px) {
    .x-pending .-fake-input {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .x-pending {
        height: 100%
    }

    .x-pending .js-copy-to-clipboard {
        background-color: transparent;
        border-radius: 10px;
        border: 1px solid #fff;
        padding: 4px;
        padding: 0px;
        width: 74px;
        padding-bottom: 27px;
    }

    .x-pending .-animatable-container {
        height: 100%
    }
}

.x-pending .-qr {
    width: 70%
}

.x-pending .-pending-bg-promotion-active {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    padding: 7px 1rem 0
}

@media (max-width: 991.98px) {
    .x-pending .-pending-bg-promotion-active {
        padding: 7px 1.5rem 0
    }
}

.x-pending .-pending-bg-promotion-active .-title {
    color: #ffcd57;
    font-size: 1.125rem;
    font-weight: 700
}

@media (max-width: 991.98px) {
    .x-pending .-pending-bg-promotion-active .-title {
        font-size: 1.08rem
    }
}

.x-pending .-danger-zone, .x-pending .x-danger-zone {
    /*margin: 2rem auto 0;*/
    margin: 0rem 0 0;
    position: relative;
    padding: 20px 15px 12px;
    width: 100% !important;
    border: 2px solid #fd043a;
    background: rgba(253, 4, 58, .2)
}

@media (max-width: 991.98px) {
    .x-pending .-danger-zone, .x-pending .x-danger-zone {
        width: 90%;
        margin-bottom: 4rem
    }
}

@media (max-width: 767.98px) {
    .x-pending .-danger-zone, .x-pending .x-danger-zone {
        width: 100%
    }
}

.x-pending .-danger-zone .-icon-wrapper, .x-pending .x-danger-zone .-icon-wrapper {
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 6px
}

.x-pending .-danger-zone .-icon-wrapper .-img, .x-pending .x-danger-zone .-icon-wrapper .-img {
    width: 30px
}

.x-pending .-danger-zone span, .x-pending .x-danger-zone span {
    display: block;
    font-size: 1.5rem
}

.x-pending .-danger-zone.-wrk-owner, .x-pending .x-danger-zone.-wrk-owner {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #877656;
    background: #343129
}

@media (min-width: 992px) {
    .x-pending .-danger-zone.-wrk-owner, .x-pending .x-danger-zone.-wrk-owner {
        width: 250px
    }
}

.x-pending .-danger-zone.-wrk-owner .-icon-wrapper, .x-pending .x-danger-zone.-wrk-owner .-icon-wrapper {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: unset;
    transform: unset;
    margin-top: -5px;
    margin-right: 10px;
    padding: 0
}

.x-pending .-danger-zone.-wrk-owner .-icon-wrapper .-img, .x-pending .x-danger-zone.-wrk-owner .-icon-wrapper .-img {
    width: 40px
}

.x-pending .-danger-zone.-wrk-owner span, .x-pending .x-danger-zone.-wrk-owner span {
    font-size: 1.5rem
}

.x-deposit-promotion {
    max-height: 400px;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.x-deposit-promotion::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-deposit-promotion::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-deposit-promotion::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

@media (max-width: 991.98px) {
    .x-deposit-promotion {
        max-height: none;
        -webkit-overflow-scrolling: auto;
        overflow: unset;
        background: linear-gradient(180deg, #d0a94d, #765300)
    }
}

.x-deposit-promotion .-img {
    transition: all .6s;
    opacity: .7;
    border-radius: 10px
}

.x-deposit-promotion .-img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.x-deposit-promotion .-img.-active {
    opacity: 1;
    border: 3px solid #ffcd57
}

.x-deposit-notice {
    padding: 0 2rem
}

@media (max-width: 991.98px) {
    .x-deposit-notice {
        padding: 1rem 2rem 0
    }
}

.x-deposit-notice .-noted {
    position: relative;
    padding: 1rem .6rem .6rem;
    border: 2px solid #d99349;
    border-radius: 5px;
    font-size: 1.4rem;
    background: #212a2f;
    text-align: center;
    -webkit-animation: x-deposit-notice-bg-blinker .5s ease-in-out infinite alternate;
    animation: x-deposit-notice-bg-blinker .5s ease-in-out infinite alternate
}

.x-deposit-notice .-noted span {
    display: inline-block
}

.x-deposit-notice .-noted .-chevron {
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.x-deposit-notice .-noted .-chevron.-left {
    left: -35px;
    -webkit-animation: x-deposit-notice-chevron-left .5s ease-in-out infinite alternate;
    animation: x-deposit-notice-chevron-left .5s ease-in-out infinite alternate
}

.x-deposit-notice .-noted .-chevron.-left .fas {
    color: #d99349
}

.x-deposit-notice .-noted .-chevron.-left .fas:first-child {
    margin-right: -8px
}

.x-deposit-notice .-noted .-chevron.-right {
    right: -35px;
    -webkit-animation: x-deposit-notice-chevron-right .5s ease-in-out infinite alternate;
    animation: x-deposit-notice-chevron-right .5s ease-in-out infinite alternate
}

.x-deposit-notice .-noted .-chevron.-right .fas {
    color: #d99349
}

.x-deposit-notice .-noted .-chevron.-right .fas:last-child {
    margin-left: -8px
}

.x-deposit-notice .-bank-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    padding: .8rem;
    border-radius: 5px;
    background: #212a2f
}

.x-deposit-notice .-bank-info .-img {
    width: 60px;
    margin-right: 1rem
}

.x-deposit-notice .-bank-info .-details .-main-text {
    font-size: 1.485rem;
    font-weight: 700;
    color: #d99349
}

.x-deposit-notice .-bank-info .-details .-normal-text {
    color: #a6afb4
}

.x-deposit-notice .-bank-info .-details .-normal-text:not(:last-child) {
    margin-top: -5px
}

@media (max-width: 767.98px) {
    .x-deposit-notice .-bank-info .-img {
        width: 60px
    }
}

.x-deposit-notice.-group-new .-cover {
    position: relative;
    width: 150%;
    left: -25%
}

@media (max-width: 991.98px) {
    .x-deposit-notice.-group-new {
        padding: 1rem 0 0
    }

    .x-deposit-notice.-group-new .-cover {
        width: 80%;
        left: 10%;
        margin-top: -15px
    }
}

@media (max-width: 767.98px) {
    .x-deposit-notice.-group-new .-cover {
        width: 100%;
        left: 0
    }
}

@media (max-width: 991.98px) {
    .x-deposit-notice.-decimal {
        padding: 0 15px
    }
}

.x-deposit-notice.-decimal .-noted-title {
    padding: 12px 0 2px;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 7.5px;
    color: #fff;
    background: #a93530;
    -webkit-animation: x-deposit-notice-title-blinker .4s ease-in-out infinite alternate;
    animation: x-deposit-notice-title-blinker .4s ease-in-out infinite alternate
}

.x-deposit-notice.-decimal .-noted-img-wrapper .-img {
    width: 100%;
    margin-top: 1.5rem
}

@media (max-width: 991.98px) {
    .x-deposit-notice.-decimal .-noted-img-wrapper {
        width: 80%;
        margin: auto
    }
}

.x-wm-network-confirmed-text {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f2ab25
}

@media (max-width: 991.98px) {
    .x-wm-network-confirmed-text {
        margin-top: 2rem
    }
}

@media (max-width: 575.98px) {
    .x-wm-network-confirmed-text {
        width: 230px;
        margin: 2rem auto 0
    }
}

@-webkit-keyframes x-deposit-notice-title-blinker {
    0% {
        background: #a93530
    }
    to {
        background: #6d221f
    }
}

@keyframes x-deposit-notice-title-blinker {
    0% {
        background: #a93530
    }
    to {
        background: #6d221f
    }
}

@-webkit-keyframes x-deposit-notice-bg-blinker {
    0% {
        background: #212a2f;
        border-color: #d99349
    }
    to {
        background: rgba(33, 42, 47, .5);
        border-color: #b16d25
    }
}

@keyframes x-deposit-notice-bg-blinker {
    0% {
        background: #212a2f;
        border-color: #d99349
    }
    to {
        background: rgba(33, 42, 47, .5);
        border-color: #b16d25
    }
}

@-webkit-keyframes x-deposit-notice-chevron-left {
    0% {
        -webkit-transform: translate(-8px, -50%);
        transform: translate(-8px, -50%)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes x-deposit-notice-chevron-left {
    0% {
        -webkit-transform: translate(-8px, -50%);
        transform: translate(-8px, -50%)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@-webkit-keyframes x-deposit-notice-chevron-right {
    0% {
        -webkit-transform: translate(8px, -50%);
        transform: translate(8px, -50%)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes x-deposit-notice-chevron-right {
    0% {
        -webkit-transform: translate(8px, -50%);
        transform: translate(8px, -50%)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.x-withdraw-form .x-select-amount {
    margin-top: 1rem
}

@media (max-width: 991.98px) {
    .x-withdraw-form, .x-withdraw-form .-animatable-container, .x-withdraw-form form {
        height: 100%
    }
}

.x-withdraw-pending .-fake-input {
    padding: 12px .675rem 8px;
    background-color: #383838;
    color: #ffcd57;
    font-size: 1.4625rem;
    line-height: 1
}

.x-withdraw-pending .-fake-input .-decimal {
    font-weight: 700;
    color: #fff;
    text-decoration: underline
}

@media (max-width: 991.98px) {
    .x-withdraw-pending .-fake-input {
        width: 80%
    }
}

@media (max-width: 767.98px) {
    .x-withdraw-pending .-fake-input {
        width: 100%
    }
}

.x-withdraw-pending .-no-credit-container .-title {
    font-size: 1.35rem;
    font-weight: 600;
    color: #f16869
}

.x-withdraw-pending .-no-credit-container .-content {
    font-size: 1.08rem;
    color: #d2d2d2
}

.x-intro-promotion {
    color: hsla(0, 0%, 100%, .8)
}

.x-intro-promotion.-android-view {
    opacity: 0
}

.x-intro-promotion.-android-view.show {
    transition: opacity .6s ease-in-out;
    opacity: 1
}

.x-intro-promotion.-android-view .slick-dots li.slick-active button:before {
    opacity: .75
}

.x-intro-promotion.-android-view .slick-dots li:not(.slick-active) button:focus:before, .x-intro-promotion.-android-view .slick-dots li:not(.slick-active) button:hover:before {
    opacity: .25
}

@media (min-width: 992px) {
    .x-intro-promotion .slick-dots li:not(.slick-active) button:hover:before {
        opacity: .5
    }
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-dots li:not(.slick-active) button:hover:before {
        opacity: .25
    }
}

.x-intro-promotion .slick-dots li:not(.slick-active) button:focus:before {
    opacity: .25
}

.x-intro-promotion .slick-arrow {
    background-color: linear-gradient(180deg, #020d22, #091734);
    width: 50px;
    height: 50px
}

.x-intro-promotion .slick-arrow:before {
    display: none !important
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-arrow {
        width: 30px;
        height: 30px
    }
}

.x-intro-promotion .slick-arrow .fas {
    font-size: 18px;
    line-height: 18px;
    color: #ffcd57;
    opacity: .8
}

.x-intro-promotion .slick-arrow .fas:hover {
    opacity: 1
}

.x-intro-promotion .slick-arrow.slick-prev {
    left: 28%;
    top: 150px
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-arrow.slick-prev {
        left: 3%
    }
}

.x-intro-promotion .slick-arrow.slick-next {
    right: 28%;
    top: 150px
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-arrow.slick-next {
        right: 3%
    }
}

.x-intro-promotion .slick-list.draggable {
    padding: 0 !important;
    margin-right: 2rem;
    margin-left: 2rem
}

@media (max-width: 575.98px) {
    .x-intro-promotion .slick-list.draggable {
        margin-left: 0;
        margin-right: 0
    }
}

.x-intro-promotion .slick-list .slick-track .slick-slide {
    opacity: .2
}

.x-intro-promotion .slick-list .slick-track .slick-slide img {
    width: 1000px
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide img {
        width: 600px
    }
}

@media (max-width: 767.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide img {
        width: 100%
    }
}

.x-intro-promotion .slick-list .slick-track .slick-slide .-slick-content {
    opacity: 0
}

.x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
    min-width: 12%
}

@media (max-width: 1199.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 20%
    }
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 30%
    }
}

@media (max-width: 767.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 40%
    }
}

@media (max-width: 575.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 50%
    }
}

.x-intro-promotion .slick-list .slick-track .slick-slide.slick-center {
    opacity: 1
}

.x-intro-promotion .slick-list .slick-track .slick-slide.slick-center .-slick-content {
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide.slick-center .-slick-content {
        max-width: 80%
    }
}

@media (max-width: 767.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide.slick-center .-slick-content {
        max-width: 100%
    }
}

.x-promotion-return-by-user-container .-promotion-return-btn {
    padding: .75rem 2.5rem .35rem
}

.x-promotion-return-by-user-container .-group-round-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-direction: row
}

@media (max-width: 991.98px) {
    .x-promotion-return-by-user-container .-group-round-container {
        flex-direction: column
    }
}

.x-promotion-return-by-user-container .-group-round-container.-expired, .x-promotion-return-by-user-container .-group-round-container.-no-data {
    justify-content: center
}

.x-promotion-return-by-user-container .-group-round-container.-expired .-date-range-container, .x-promotion-return-by-user-container .-group-round-container.-no-data .-date-range-container {
    flex: 1
}

.x-promotion-return-by-user-container .-group-round-container .-date-range-container {
    padding-top: 5px
}

@media (max-width: 991.98px) {
    .x-promotion-return-by-user-container .-group-round-container .-date-range-container {
        font-size: 1.2rem !important;
        text-align: center
    }
}

.x-promotion-return-by-user-container .-group-round-container .-bonus {
    display: flex;
    color: #ffcd57
}

@media (max-width: 991.98px) {
    .x-promotion-return-by-user-container .-group-round-container .-bonus {
        justify-content: center;
        margin-top: 1rem
    }
}

.x-promotion-return-by-user-container .-group-round-container .-bonus .-dollar-sign {
    display: flex;
    justify-content: center;
    background-color: #ffcd57;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-right: 4px;
    color: #000;
    border-radius: 50%
}

.x-promotion-return-by-user-container .-group-round-container .-bonus .-dollar-sign .-dollar-sign-inner {
    position: relative;
    top: 4px;
    font-size: 1.0125rem
}

.x-promotion-return-by-user-container .-description-container {
    text-align: center
}

.x-promotion-return-by-user-container .-description-container .-text-description {
    color: #ffcd57
}

.x-promotion-return-by-user-container .-description-container button[disabled] {
    opacity: .5;
    pointer-events: none
}

.x-promotion-return-by-user-container .-condition-container {
    margin-top: .7rem;
    border-top: 1px solid #656565;
    height: 280px;
    overflow-y: auto
}

.x-promotion-return-by-user-container .-condition-container::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-promotion-return-by-user-container .-condition-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-promotion-return-by-user-container .-condition-container::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

@media (max-width: 575.98px) {
    .x-promotion-return-by-user-container .-condition-container {
        height: 220px
    }
}

.x-promotion-return-by-user-container .-condition-container .-condition-title {
    margin: 1rem 0 .7rem;
    color: #ffcd57
}

@media (max-width: 991.98px) {
    .x-promotion-return-by-user-container .x-admin-contact {
        border-top: 1px solid #656565
    }
}

.x-promotion-content {
    color: #a0a0a0;
    font-size: 1.1em !important
}

.x-promotion-content h2 {
    font-size: 1.5rem !important;
    color: #ffcd57
}

.x-promotion-content h3 {
    font-size: 1.4rem !important;
    color: #fff
}

.x-promotion-content table {
    width: 100%
}

@media (max-width: 991.98px) {
    .x-login-form, .x-login-form .-animatable-container, .x-register-already-form, .x-register-already-form .-animatable-container {
        height: 100%
    }
}

.x-register-already-form .-already-description {
    width: 100%;
    margin: 1rem 0 2rem;
    padding: 1rem 1rem .5rem;
    text-align: center;
    background: #2b2b2b
}

.x-register-already-form .x-reset-pw-text-container {
    width: 100%;
    margin: 1rem auto;
    text-align: center
}

.x-register-already-form .x-reset-pw-text-container a {
    display: inline-block;
    color: #ffcd57
}

@media (min-width: 992px) {
    .x-register-already-form .x-reset-pw-text-container a:hover {
        color: #ffd571
    }
}

@media (max-width: 575.98px) {
    .x-account-profile .order-2 {
        padding-bottom: 2rem
    }
}

@media (max-width: 991.98px) {
    .x-account-profile {
        background: linear-gradient(180deg, #d0a94d, #765300);
        padding-top: 2rem
    }
}

@media (max-width: 767.98px) {
    .x-account-profile .-account-provider-container {
        padding-right: 0;
        padding-left: 0
    }
}

.x-account-profile .-account-provider-container .-account-provider-inner {
    font-size: 1.1rem
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll {
    height: 260px;
    overflow-y: scroll
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

.x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper {
    flex: 1;
    flex-wrap: wrap
}

.x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper img {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.x-account-profile .-account-provider-container .-account-provider-inner .-btn-action-wrapper {
    width: 46px;
    min-width: 46px;
    text-align: right
}

@media (max-width: 991.98px) {
    .x-account-profile .-account-provider-container .-account-provider-inner {
        width: 60%
    }
}

@media (max-width: 767.98px) {
    .x-account-profile .-account-provider-container .-account-provider-inner {
        width: 80%
    }
}

@media (max-width: 575.98px) {
    .x-account-profile .-account-provider-container .-account-provider-inner {
        width: 100%
    }

    .x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper img {
        width: 30px;
        height: 30px;
        margin-top: 10px
    }
}

.x-account-profile .-profile-container .-bank-info {
    width: 80%
}

@media (max-width: 575.98px) {
    .x-account-profile .-profile-container .-bank-info {
        width: 90%
    }
}

.x-account-profile .-profile-container .-bank-info .media-body {
    color: #fff !important;
    margin-top: .4rem
}

.x-account-profile .-profile-container .-change-password-container {
    width: 80%
}

.x-account-profile .-profile-container .x-checkbox-primary {
    margin-top: 10px
}

.x-account-profile .-profile-container .x-checkbox-primary .form-check-label:before {
    margin-top: 0
}

.x-account-profile .-profile-container .x-checkbox-primary .form-check-label:after {
    top: 0
}

@media (max-width: 991.98px) {
    .x-promotion-active-header {
        background: linear-gradient(180deg, #d0a94d, #765300);
        padding-top: 2rem
    }
}

@media (max-width: 575.98px) {
    .x-promotion-active-header {
        padding-top: .75rem
    }
}

.x-promotion-active-header .-joining .fas.fa-circle {
    position: relative;
    top: -2px;
    font-size: 12px;
    color: #28a745
}

.x-promotion-active-header .progress {
    position: relative;
    height: 1.5rem;
    padding: .25rem;
    border-radius: 10px;
    background-color: #2e383c
}

.x-promotion-active-header .progress .progress-bar {
    border-radius: 10px;
    background: #ffd101;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fcb117), color-stop(100%, #ffd101));
    background: linear-gradient(90deg, #fcb117 0, #ffd101);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ from, endColorstr=$ to, GradientType=0)
}

.x-promotion-active-header .progress span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 3px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #fff
}

.x-promotion-active-header .-condition {
    max-height: 200px;
    overflow: auto;
    border-top: 1px solid rgba(236, 189, 123, .4);
    border-bottom: 1px solid rgba(236, 189, 123, .4);
    -webkit-overflow-scrolling: touch
}

.x-promotion-active-header .-condition::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-promotion-active-header .-condition::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-promotion-active-header .-condition::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

@media (max-width: 767.98px) {
    .x-promotion-active-header .-condition {
        max-height: 44vh
    }
}

@media screen and (max-width: 320px) {
    .x-promotion-active-header .-condition {
        max-height: 40vh
    }
}

@media (max-width: 575.98px) {
    .x-promotion-active-header .x-admin-contact {
        margin-top: 0
    }
}

.x-account-verification-modal {
    text-align: center;
    font-size: 1.17rem;
    color: #d2d2d2
}

.x-account-verification-modal .fas.fa-spinner {
    font-size: 4rem;
    color: #ffcd57
}

.x-account-verification-modal .-description {
    margin-top: 2rem
}

#historyModal .-modal-content .modal-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (max-width: 767.98px) {
    #historyModal .-modal-content .modal-body {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 992px) {
    .x-bill-history-container {
        max-height: 500px;
        overflow: auto
    }

    .x-bill-history-container::-webkit-scrollbar-track {
        background-color: #212020;
        border-radius: 5px
    }

    .x-bill-history-container::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #333;
        border-radius: 5px
    }

    .x-bill-history-container::-webkit-scrollbar-thumb {
        background-color: #333;
        border-radius: 5px
    }
}

.x-bill-history-container table {
    margin-bottom: 0
}

.x-bill-history-container table.table-striped tbody tr:nth-child(odd) {
    background: hsla(0, 0%, 100%, .1)
}

.x-bill-history-container table thead th {
    padding: .6rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    color: #f3d067
}

@media (max-width: 575.98px) {
    .x-bill-history-container table thead th {
        padding: .6rem .5rem;
        font-size: .9rem
    }
}

.x-bill-history-container table tbody td {
    padding: .6rem .75rem;
    font-size: 1rem
}

@media (max-width: 575.98px) {
    .x-bill-history-container table tbody td {
        padding: .6rem .5rem;
        font-size: .9rem
    }
}

.x-bill-history-container table tbody td.-amount {
    font-weight: 600;
    text-align: right
}

.x-bill-history-container table tbody td.-amount.-deposit {
    color: #33933e
}

.x-bill-history-container table tbody td.-amount.-withdraw {
    color: #b93838
}

.x-bill-history-container table .-transaction-heading-wrapper {
    text-align: right;
    width: 170px
}

@media (max-width: 575.98px) {
    .x-bill-history-container table .-transaction-heading-wrapper {
        width: 145px
    }
}

@media screen and (max-width: 370px) {
    .x-bill-history-container table .-transaction-heading-wrapper {
        width: 134px
    }
}

.x-bill-history-container table .-transaction-body-wrapper {
    text-align: right;
    width: 170px
}

@media (max-width: 575.98px) {
    .x-bill-history-container table .-transaction-body-wrapper {
        width: 145px
    }
}

@media screen and (max-width: 370px) {
    .x-bill-history-container table .-transaction-body-wrapper {
        width: 134px
    }
}

.x-bill-history-container table .-state-wrapper {
    display: flex;
    align-items: center
}

@media screen and (max-width: 370px) {
    .x-bill-history-container table .-state-wrapper {
        font-size: .8rem
    }
}

.x-bill-history-container table .-state-wrapper .-ic {
    width: 16px;
    margin-left: 10px
}

@media (max-width: 575.98px) {
    .x-bill-history-container table .-state-wrapper .-ic {
        margin-left: 6px
    }
}

.x-bill-history-container table .-state-wrapper .fas {
    margin-left: 10px;
    color: #88e3ff
}

@media (max-width: 575.98px) {
    .x-bill-history-container table .-state-wrapper .fas {
        margin-left: 6px
    }
}

.x-bill-history-container table .-state-wrapper .-state-title {
    margin-left: 6px
}

.x-bill-history-container table .-state-wrapper .-state-title.-short {
    display: none
}

@media screen and (max-width: 370px) {
    .x-bill-history-container table .-state-wrapper .-state-title {
        display: none
    }

    .x-bill-history-container table .-state-wrapper .-state-title.-short {
        display: inline-block
    }
}

.x-bill-history-container table .-amount {
    font-weight: 500
}

.x-bill-history-container table .-amount.-deposit {
    color: #33933e
}

.x-bill-history-container table .-amount.-withdraw {
    color: #b93838
}

@media screen and (max-width: 370px) {
    .x-bill-history-container table .-datetime {
        font-size: .8rem
    }
}

.x-bill-history-container .-no-result-wrapper {
    padding: 1rem;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 5px;
    text-align: center
}

.x-bill-history-container .-no-result-wrapper .-heading-title .-icon {
    font-size: 3rem;
    color: #f3d067
}

.x-bill-history-container .-no-result-wrapper .-heading-title .-title {
    margin-top: 1rem;
    font-size: 1.26rem;
    font-weight: 500;
    color: #f3d067
}

.x-bill-history-container .-no-result-wrapper .-heading-title .-sub-title {
    font-size: 1rem
}

.x-landing {
    background: transparent
}

.x-landing .-logo {
    position: relative;
    width: 160px
}

@media (max-width: 1199.98px) {
    .x-landing {
        background-position: 50%
    }
}

.x-landing #main__content {
    height: 100%
}

@media (max-width: 991.98px) {
    .x-landing #main__content {
        padding-bottom: 0
    }
}

.x-landing .x-index-top-container {
    position: relative;
    z-index: 2
}

@media (max-width: 991.98px) {
    .x-landing .x-index-top-container {
        overflow-x: hidden !important
    }

    .x-landing .x-index-top-container .x-register-card-landing .card-body.-default-content {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (max-width: 575.98px) {
    .x-landing .x-index-top-container .x-register-card-landing .-default-img, .x-landing .x-index-top-container .x-register-card-landing .-logo-title {
        width: 90%
    }
}

.x-landing .-btn-image .-btn {
    width: 180px
}

.x-landing .-btn-image .-btn-register {
    width: 175px
}

.x-landing .-btn-image button:focus {
    box-shadow: none
}

.x-register-card-landing .card {
    border-radius: 25px;
    background: hsla(0, 0%, 100%, .1)
}

@media (max-width: 991.98px) {
    .x-register-card-landing .card {
        border-radius: 0
    }
}

.x-register-card-landing .card .card-body {
    padding-bottom: 0 !important
}

.x-register-card-landing .card .card-body .-bg-promotion-active {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    height: 45px
}

@media (max-width: 767.98px) {
    .x-register-card-landing .card .card-body .-bg-promotion-active {
        width: 90%
    }

    .x-register-card-landing .card .card-body .-bg-promotion-active.-default-bg {
        width: 100%
    }
}

.x-register-card-landing .card .card-body .-bg-promotion-active.-default-bg {
    height: auto
}

.x-register-card-landing .card .card-body .-promotion-content {
    max-height: 280px;
    overflow-y: auto;
    padding-right: 10px
}

.x-register-card-landing .card .card-body .-promotion-content::-webkit-scrollbar-track {
    background-color: #212020
}

.x-register-card-landing .card .card-body .-promotion-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333
}

.x-register-card-landing .card .card-body .-promotion-content::-webkit-scrollbar-thumb {
    background-color: #5c544b;
    border-radius: 5px
}

@media (max-width: 991.98px) {
    .x-register-card-landing .card .card-body .-promotion-content {
        overflow-y: unset;
        max-height: unset
    }
}

.x-register-card-landing .x-hr-border-glow {
    margin-top: -1px
}

.x-register-card-landing .x-hr-border-glow.-sm-view {
    margin-bottom: -1px;
    width: 95%
}

.x-register-card-landing .x-hr-border-glow.-landing-title-default {
    width: 60%;
    height: 3px
}

.x-register-card-footer {
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 100%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.x-register-card-footer .-glow-bg {
    background: linear-gradient(1turn, #ffcd57 -150%, rgba(12, 10, 8, 0) 40%);
    height: 50px
}

@-webkit-keyframes animStar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
}

@keyframes animStar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
}

.x-register-card-footer #stars {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars, .x-register-card-footer #stars:after {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1665px 3154px #ecbd7b, 1971px 702px #ecbd7b, 1122px 799px #ecbd7b, 1457px 298px #ecbd7b, 1325px 1546px #ecbd7b, 946px 1724px #ecbd7b, 1377px 1913px #ecbd7b, 329px 790px #ecbd7b, 1430px 831px #ecbd7b, 1486px 697px #ecbd7b, 696px 304px #ecbd7b, 1727px 1536px #ecbd7b, 1029px 33px #ecbd7b, 798px 1435px #ecbd7b, 649px 453px #ecbd7b, 1744px 863px #ecbd7b, 60px 1303px #ecbd7b, 580px 1614px #ecbd7b, 788px 141px #ecbd7b, 1048px 512px #ecbd7b, 485px 915px #ecbd7b, 1966px 1919px #ecbd7b, 1967px 33px #ecbd7b, 490px 1755px #ecbd7b, 1696px 1809px #ecbd7b, 722px 81px #ecbd7b, 92px 125px #ecbd7b, 1202px 674px #ecbd7b, 1825px 1052px #ecbd7b, 747px 351px #ecbd7b, 827px 1064px #ecbd7b, 318px 762px #ecbd7b, 1463px 695px #ecbd7b, 1773px 1285px #ecbd7b, 773px 965px #ecbd7b, 615px 1002px #ecbd7b, 849px 806px #ecbd7b, 1808px 491px #ecbd7b, 660px 937px #ecbd7b, 833px 1944px #ecbd7b, 1052px 1227px #ecbd7b, 1804px 1092px #ecbd7b, 1390px 256px #ecbd7b, 1776px 1270px #ecbd7b, 711px 1204px #ecbd7b, 533px 1231px #ecbd7b, 303px 31px #ecbd7b, 1880px 36px #ecbd7b, 1274px 1419px #ecbd7b, 558px 345px #ecbd7b, 1875px 1722px #ecbd7b, 1656px 267px #ecbd7b, 955px 379px #ecbd7b, 1455px 1695px #ecbd7b, 1814px 640px #ecbd7b, 1877px 1299px #ecbd7b, 323px 128px #ecbd7b, 686px 279px #ecbd7b, 489px 390px #ecbd7b, 579px 1309px #ecbd7b, 18px 11px #ecbd7b, 903px 406px #ecbd7b, 1418px 738px #ecbd7b, 542px 535px #ecbd7b, 1219px 1768px #ecbd7b, 465px 577px #ecbd7b, 1543px 476px #ecbd7b, 1360px 443px #ecbd7b, 1242px 270px #ecbd7b, 1362px 258px #ecbd7b, 394px 541px #ecbd7b, 1548px 874px #ecbd7b, 386px 1424px #ecbd7b, 1053px 299px #ecbd7b, 381px 1767px #ecbd7b, 214px 368px #ecbd7b, 1470px 695px #ecbd7b, 838px 1153px #ecbd7b, 1983px 1313px #ecbd7b, 165px 1501px #ecbd7b, 1059px 131px #ecbd7b, 1475px 937px #ecbd7b, 814px 1342px #ecbd7b, 1802px 1191px #ecbd7b, 1910px 1534px #ecbd7b, 1051px 1584px #ecbd7b, 230px 1954px #ecbd7b, 1185px 282px #ecbd7b, 1757px 1293px #ecbd7b, 1665px 644px #ecbd7b, 1016px 1376px #ecbd7b, 543px 1570px #ecbd7b, 871px 555px #ecbd7b, 571px 1577px #ecbd7b, 1115px 460px #ecbd7b, 1766px 240px #ecbd7b, 1679px 1447px #ecbd7b, 1064px 579px #ecbd7b, 328px 1102px #ecbd7b, 700px 915px #ecbd7b, 421px 94px #ecbd7b, 359px 387px #ecbd7b, 350px 1784px #ecbd7b, 1333px 1081px #ecbd7b, 1439px 1994px #ecbd7b, 786px 1702px #ecbd7b, 1186px 395px #ecbd7b, 502px 1662px #ecbd7b, 1483px 716px #ecbd7b, 1603px 1184px #ecbd7b, 613px 182px #ecbd7b, 1693px 62px #ecbd7b, 823px 429px #ecbd7b, 1619px 177px #ecbd7b, 1016px 668px #ecbd7b, 1016px 600px #ecbd7b, 1569px 751px #ecbd7b, 139px 1354px #ecbd7b, 1288px 349px #ecbd7b, 107px 900px #ecbd7b, 1343px 170px #ecbd7b, 1736px 1269px #ecbd7b, 1472px 1369px #ecbd7b, 1253px 1522px #ecbd7b, 1452px 1137px #ecbd7b, 1047px 376px #ecbd7b, 1786px 1402px #ecbd7b, 694px 1734px #ecbd7b, 781px 942px #ecbd7b, 1056px 1687px #ecbd7b, 1825px 789px #ecbd7b, 216px 747px #ecbd7b, 704px 1142px #ecbd7b, 731px 1672px #ecbd7b, 1513px 632px #ecbd7b, 1736px 651px #ecbd7b, 182px 793px #ecbd7b, 1015px 72px #ecbd7b, 742px 1428px #ecbd7b, 526px 390px #ecbd7b, 1809px 1249px #ecbd7b, 1860px 1703px #ecbd7b, 906px 1250px #ecbd7b, 893px 1701px #ecbd7b, 1260px 381px #ecbd7b, 758px 546px #ecbd7b, 1812px 1444px #ecbd7b, 53px 1388px #ecbd7b, 1804px 732px #ecbd7b, 1642px 483px #ecbd7b, 1050px 247px #ecbd7b, 518px 2px #ecbd7b, 1478px 1946px #ecbd7b, 267px 1942px #ecbd7b, 1313px 1459px #ecbd7b, 1481px 563px #ecbd7b, 931px 320px #ecbd7b, 394px 53px #ecbd7b, 1980px 498px #ecbd7b, 44px 1500px #ecbd7b, 1068px 1255px #ecbd7b, 518px 1161px #ecbd7b, 1142px 1481px #ecbd7b, 1102px 762px #ecbd7b, 1964px 60px #ecbd7b, 361px 970px #ecbd7b, 739px 1616px #ecbd7b, 1344px 335px #ecbd7b, 1673px 1414px #ecbd7b, 850px 39px #ecbd7b, 1036px 1501px #ecbd7b, 474px 256px #ecbd7b, 689px 1134px #ecbd7b, 1201px 322px #ecbd7b, 1221px 245px #ecbd7b, 1488px 514px #ecbd7b, 408px 1669px #ecbd7b, 69px 635px #ecbd7b, 1236px 1941px #ecbd7b, 1498px 1198px #ecbd7b, 10px 365px #ecbd7b, 1662px 83px #ecbd7b, 257px 386px #ecbd7b, 275px 1949px #ecbd7b, 1700px 549px #ecbd7b, 330px 1707px #ecbd7b, 1024px 444px #ecbd7b, 646px 192px #ecbd7b, 295px 1668px #ecbd7b, 726px 1973px #ecbd7b, 1831px 1553px #ecbd7b, 1998px 1586px #ecbd7b, 1313px 1874px #ecbd7b, 1241px 1070px #ecbd7b, 471px 577px #ecbd7b, 615px 317px #ecbd7b, 1746px 209px #ecbd7b, 387px 108px #ecbd7b, 1448px 1547px #ecbd7b, 1956px 1347px #ecbd7b, 1997px 1890px #ecbd7b, 715px 24px #ecbd7b, 1269px 1720px #ecbd7b, 1503px 1134px #ecbd7b, 1910px 576px #ecbd7b, 1986px 1763px #ecbd7b, 1691px 516px #ecbd7b, 746px 121px #ecbd7b, 305px 1532px #ecbd7b, 311px 1202px #ecbd7b, 614px 1863px #ecbd7b, 686px 1788px #ecbd7b, 1872px 4px #ecbd7b, 1607px 1494px #ecbd7b, 1599px 1231px #ecbd7b, 409px 1115px #ecbd7b, 463px 606px #ecbd7b, 302px 956px #ecbd7b, 239px 1980px #ecbd7b, 185px 948px #ecbd7b, 113px 1058px #ecbd7b, 1580px 1112px #ecbd7b, 658px 1228px #ecbd7b, 680px 671px #ecbd7b, 245px 159px #ecbd7b, 1534px 1658px #ecbd7b, 1832px 421px #ecbd7b, 36px 404px #ecbd7b, 1005px 203px #ecbd7b, 1491px 1047px #ecbd7b, 1735px 549px #ecbd7b, 66px 156px #ecbd7b, 1463px 1081px #ecbd7b, 631px 574px #ecbd7b, 947px 1748px #ecbd7b, 132px 937px #ecbd7b, 1793px 1584px #ecbd7b, 1526px 1980px #ecbd7b, 1393px 1496px #ecbd7b, 1256px 1116px #ecbd7b, 1255px 1317px #ecbd7b, 1219px 1986px #ecbd7b, 380px 1746px #ecbd7b, 1133px 1277px #ecbd7b, 318px 988px #ecbd7b, 893px 1357px #ecbd7b, 1548px 1466px #ecbd7b, 1674px 844px #ecbd7b, 1791px 1326px #ecbd7b, 1827px 1001px #ecbd7b, 1996px 1040px #ecbd7b, 1103px 611px #ecbd7b, 434px 1802px #ecbd7b, 1785px 1229px #ecbd7b, 275px 143px #ecbd7b, 1534px 337px #ecbd7b, 670px 724px #ecbd7b, 854px 545px #ecbd7b, 177px 1773px #ecbd7b, 626px 514px #ecbd7b, 1682px 1582px #ecbd7b, 651px 1576px #ecbd7b, 845px 1215px #ecbd7b, 822px 1102px #ecbd7b, 276px 1664px #ecbd7b, 1137px 1023px #ecbd7b, 1225px 1836px #ecbd7b, 970px 904px #ecbd7b, 428px 441px #ecbd7b, 730px 587px #ecbd7b, 299px 1898px #ecbd7b, 1436px 378px #ecbd7b, 628px 192px #ecbd7b, 1056px 253px #ecbd7b, 1354px 1967px #ecbd7b, 902px 457px #ecbd7b, 1222px 520px #ecbd7b, 1912px 678px #ecbd7b, 855px 1717px #ecbd7b, 854px 1269px #ecbd7b, 1926px 1494px #ecbd7b, 167px 846px #ecbd7b, 1769px 939px #ecbd7b, 1967px 564px #ecbd7b, 623px 511px #ecbd7b, 1095px 1791px #ecbd7b, 193px 37px #ecbd7b, 1691px 1085px #ecbd7b, 1771px 1381px #ecbd7b, 1621px 33px #ecbd7b, 659px 221px #ecbd7b, 207px 1835px #ecbd7b, 505px 601px #ecbd7b, 240px 1066px #ecbd7b, 1768px 966px #ecbd7b, 1535px 1356px #ecbd7b, 1240px 633px #ecbd7b, 1301px 649px #ecbd7b, 327px 308px #ecbd7b, 870px 661px #ecbd7b, 1794px 1019px #ecbd7b, 1124px 1570px #ecbd7b, 948px 608px #ecbd7b, 1017px 676px #ecbd7b, 135px 1564px #ecbd7b, 675px 1897px #ecbd7b, 436px 462px #ecbd7b, 1851px 1446px #ecbd7b, 342px 1734px #ecbd7b, 374px 100px #ecbd7b, 494px 1023px #ecbd7b, 1506px 1375px #ecbd7b, 1918px 20px #ecbd7b, 1875px 675px #ecbd7b, 139px 1311px #ecbd7b, 553px 529px #ecbd7b, 462px 1626px #ecbd7b, 901px 615px #ecbd7b, 609px 1248px #ecbd7b, 1124px 1366px #ecbd7b, 1977px 39px #ecbd7b, 507px 1660px #ecbd7b, 818px 632px #ecbd7b, 1965px 806px #ecbd7b, 973px 374px #ecbd7b, 1852px 386px #ecbd7b, 1509px 1164px #ecbd7b, 552px 1319px #ecbd7b, 1144px 1584px #ecbd7b, 1150px 220px #ecbd7b, 1754px 490px #ecbd7b, 1747px 1920px #ecbd7b, 121px 1704px #ecbd7b, 1648px 1285px #ecbd7b, 1959px 1721px #ecbd7b, 647px 1961px #ecbd7b, 94px 1875px #ecbd7b, 1465px 1322px #ecbd7b, 1265px 653px #ecbd7b, 810px 1562px #ecbd7b, 1792px 451px #ecbd7b, 974px 1062px #ecbd7b, 1419px 947px #ecbd7b, 1984px 1699px #ecbd7b, 439px 1591px #ecbd7b, 722px 470px #ecbd7b, 1470px 1728px #ecbd7b, 299px 1994px #ecbd7b, 1989px 1312px #ecbd7b, 1954px 831px #ecbd7b, 1118px 991px #ecbd7b, 459px 1475px #ecbd7b, 305px 1923px #ecbd7b, 1928px 1085px #ecbd7b, 662px 274px #ecbd7b, 1692px 260px #ecbd7b, 1570px 602px #ecbd7b, 1430px 791px #ecbd7b, 1476px 618px #ecbd7b, 1726px 1695px #ecbd7b, 387px 1631px #ecbd7b, 271px 1899px #ecbd7b, 1202px 1270px #ecbd7b, 1828px 494px #ecbd7b, 611px 1551px #ecbd7b, 388px 1673px #ecbd7b, 166px 1398px #ecbd7b, 1077px 1327px #ecbd7b, 980px 324px #ecbd7b, 433px 591px #ecbd7b, 411px 868px #ecbd7b, 1208px 1038px #ecbd7b, 1574px 1019px #ecbd7b, 1706px 1302px #ecbd7b, 1335px 20px #ecbd7b, 1332px 417px #ecbd7b, 1124px 1755px #ecbd7b, 534px 1715px #ecbd7b, 1939px 1053px #ecbd7b, 143px 1201px #ecbd7b, 1250px 389px #ecbd7b, 1173px 1966px #ecbd7b, 476px 313px #ecbd7b, 1877px 735px #ecbd7b, 943px 156px #ecbd7b, 1600px 1541px #ecbd7b, 856px 1353px #ecbd7b, 24px 1934px #ecbd7b, 932px 1108px #ecbd7b, 702px 327px #ecbd7b, 1520px 1294px #ecbd7b, 1459px 1503px #ecbd7b, 442px 118px #ecbd7b, 1516px 264px #ecbd7b, 1067px 529px #ecbd7b, 1870px 423px #ecbd7b, 756px 281px #ecbd7b, 1113px 274px #ecbd7b, 1821px 1187px #ecbd7b, 1177px 1715px #ecbd7b, 1126px 1545px #ecbd7b, 363px 451px #ecbd7b, 1808px 1015px #ecbd7b, 1954px 1313px #ecbd7b, 64px 657px #ecbd7b, 142px 211px #ecbd7b, 159px 743px #ecbd7b, 1142px 1167px #ecbd7b, 1995px 1004px #ecbd7b, 1876px 1825px #ecbd7b, 1442px 86px #ecbd7b, 906px 1898px #ecbd7b, 1542px 1670px #ecbd7b, 1972px 1089px #ecbd7b, 1498px 1052px #ecbd7b, 242px 1408px #ecbd7b, 928px 818px #ecbd7b, 1666px 1681px #ecbd7b, 355px 1435px #ecbd7b, 1119px 512px #ecbd7b, 1137px 1736px #ecbd7b, 1162px 1408px #ecbd7b, 1761px 1373px #ecbd7b, 832px 1874px #ecbd7b, 80px 414px #ecbd7b, 1313px 331px #ecbd7b, 1957px 384px #ecbd7b, 1557px 1679px #ecbd7b, 507px 541px #ecbd7b, 1019px 1194px #ecbd7b, 1739px 1166px #ecbd7b, 146px 995px #ecbd7b, 1337px 386px #ecbd7b, 1324px 312px #ecbd7b, 1764px 1001px #ecbd7b, 443px 469px #ecbd7b, 413px 1071px #ecbd7b, 73px 677px #ecbd7b, 1568px 1924px #ecbd7b, 571px 1513px #ecbd7b, 165px 1484px #ecbd7b, 220px 1543px #ecbd7b, 63px 736px #ecbd7b, 368px 1795px #ecbd7b, 40px 333px #ecbd7b, 298px 1838px #ecbd7b, 132px 1123px #ecbd7b, 22px 1000px #ecbd7b, 567px 769px #ecbd7b, 257px 1985px #ecbd7b, 972px 1556px #ecbd7b, 1746px 168px #ecbd7b, 1169px 993px #ecbd7b, 334px 1191px #ecbd7b, 1593px 1482px #ecbd7b, 29px 748px #ecbd7b, 958px 895px #ecbd7b, 511px 531px #ecbd7b, 1844px 160px #ecbd7b, 982px 140px #ecbd7b, 1994px 1504px #ecbd7b, 433px 869px #ecbd7b, 1076px 115px #ecbd7b, 121px 245px #ecbd7b, 1335px 495px #ecbd7b, 1035px 1441px #ecbd7b, 320px 1565px #ecbd7b, 158px 367px #ecbd7b, 8px 1866px #ecbd7b, 1190px 746px #ecbd7b, 1931px 1498px #ecbd7b, 1959px 1607px #ecbd7b, 1257px 1259px #ecbd7b, 111px 1182px #ecbd7b, 1568px 925px #ecbd7b, 1859px 470px #ecbd7b, 609px 862px #ecbd7b, 1822px 1521px #ecbd7b, 1266px 1256px #ecbd7b, 1470px 31px #ecbd7b, 1163px 1472px #ecbd7b, 743px 897px #ecbd7b, 1690px 1221px #ecbd7b, 959px 613px #ecbd7b, 1874px 1644px #ecbd7b, 892px 1711px #ecbd7b, 888px 1120px #ecbd7b, 314px 271px #ecbd7b, 589px 423px #ecbd7b, 1087px 1614px #ecbd7b, 786px 663px #ecbd7b, 1599px 725px #ecbd7b, 1313px 1250px #ecbd7b, 1187px 926px #ecbd7b, 703px 1188px #ecbd7b, 413px 1667px #ecbd7b, 712px 1205px #ecbd7b, 1975px 815px #ecbd7b, 805px 724px #ecbd7b, 1817px 219px #ecbd7b, 1265px 814px #ecbd7b, 1743px 713px #ecbd7b, 1074px 1815px #ecbd7b, 1650px 435px #ecbd7b, 788px 1750px #ecbd7b, 1831px 1497px #ecbd7b, 563px 698px #ecbd7b, 584px 42px #ecbd7b, 1000px 898px #ecbd7b, 1057px 1208px #ecbd7b, 928px 106px #ecbd7b, 61px 1134px #ecbd7b, 1582px 1563px #ecbd7b, 656px 1501px #ecbd7b, 1529px 982px #ecbd7b, 1776px 2px #ecbd7b, 331px 1230px #ecbd7b, 412px 268px #ecbd7b, 1500px 1584px #ecbd7b, 1930px 384px #ecbd7b, 1013px 1861px #ecbd7b, 1785px 1067px #ecbd7b, 823px 1981px #ecbd7b, 1379px 1431px #ecbd7b, 1839px 1496px #ecbd7b, 1683px 1027px #ecbd7b, 191px 1795px #ecbd7b, 1183px 707px #ecbd7b, 1703px 1561px #ecbd7b, 1463px 1765px #ecbd7b, 1642px 636px #ecbd7b, 144px 510px #ecbd7b, 1592px 1999px #ecbd7b, 534px 225px #ecbd7b, 1576px 1015px #ecbd7b, 1386px 913px #ecbd7b, 1503px 1297px #ecbd7b, 1419px 60px #ecbd7b, 1730px 371px #ecbd7b, 1532px 606px #ecbd7b, 413px 944px #ecbd7b, 15px 456px #ecbd7b, 1995px 382px #ecbd7b, 285px 831px #ecbd7b, 923px 672px #ecbd7b, 17px 1521px #ecbd7b, 676px 628px #ecbd7b, 411px 1396px #ecbd7b, 1797px 1095px #ecbd7b, 884px 1216px #ecbd7b, 1891px 1308px #ecbd7b, 912px 1528px #ecbd7b, 1971px 714px #ecbd7b, 1458px 1284px #ecbd7b, 1675px 1597px #ecbd7b, 1745px 1134px #ecbd7b, 230px 1045px #ecbd7b, 296px 339px #ecbd7b, 969px 1104px #ecbd7b, 485px 530px #ecbd7b, 820px 96px #ecbd7b, 1292px 1598px #ecbd7b, 1058px 1125px #ecbd7b, 1770px 25px #ecbd7b, 108px 801px #ecbd7b, 2px 440px #ecbd7b, 1166px 1704px #ecbd7b, 1910px 1676px #ecbd7b, 1568px 438px #ecbd7b, 1144px 831px #ecbd7b, 1085px 1512px #ecbd7b, 602px 1328px #ecbd7b, 84px 824px #ecbd7b, 885px 650px #ecbd7b, 1399px 504px #ecbd7b, 743px 1869px #ecbd7b, 1705px 1018px #ecbd7b, 68px 524px #ecbd7b, 806px 665px #ecbd7b, 480px 436px #ecbd7b, 629px 1808px #ecbd7b, 1422px 992px #ecbd7b, 1603px 536px #ecbd7b, 794px 235px #ecbd7b, 907px 219px #ecbd7b, 1722px 1265px #ecbd7b, 1545px 487px #ecbd7b, 477px 1333px #ecbd7b, 725px 546px #ecbd7b, 216px 1757px #ecbd7b, 882px 894px #ecbd7b, 1919px 1438px #ecbd7b, 1536px 1541px #ecbd7b, 378px 1977px #ecbd7b, 808px 1618px #ecbd7b, 1633px 482px #ecbd7b, 1651px 1441px #ecbd7b, 553px 590px #ecbd7b, 1375px 1700px #ecbd7b, 1508px 577px #ecbd7b, 994px 128px #ecbd7b, 1119px 327px #ecbd7b, 458px 1828px #ecbd7b, 1838px 85px #ecbd7b, 1581px 62px #ecbd7b, 1452px 567px #ecbd7b, 1981px 1700px #ecbd7b, 1225px 621px #ecbd7b, 79px 600px #ecbd7b, 402px 1615px #ecbd7b, 1749px 113px #ecbd7b, 974px 1338px #ecbd7b, 1897px 1779px #ecbd7b, 1916px 649px #ecbd7b, 1709px 1364px #ecbd7b, 1904px 437px #ecbd7b, 243px 617px #ecbd7b, 254px 1808px #ecbd7b, 1795px 714px #ecbd7b, 1934px 407px #ecbd7b, 197px 1217px #ecbd7b, 784px 788px #ecbd7b, 263px 223px #ecbd7b, 1443px 1110px #ecbd7b, 565px 1174px #ecbd7b, 1401px 154px #ecbd7b, 1889px 1837px #ecbd7b, 950px 1842px #ecbd7b, 321px 1541px #ecbd7b, 1871px 509px #ecbd7b, 793px 1783px #ecbd7b, 1808px 1978px #ecbd7b, 928px 844px #ecbd7b, 985px 674px #ecbd7b, 1994px 1216px #ecbd7b, 1814px 1394px #ecbd7b, 1581px 87px #ecbd7b, 651px 1074px #ecbd7b, 945px 946px #ecbd7b, 1459px 1774px #ecbd7b, 500px 831px #ecbd7b, 913px 222px #ecbd7b, 474px 1895px #ecbd7b, 492px 9px #ecbd7b, 531px 1540px #ecbd7b, 305px 1114px #ecbd7b, 1093px 1193px #ecbd7b, 385px 1585px #ecbd7b, 1673px 921px #ecbd7b, 518px 936px #ecbd7b, 72px 1178px #ecbd7b, 1028px 1409px #ecbd7b, 876px 1594px #ecbd7b, 1713px 655px #ecbd7b, 1425px 1524px #ecbd7b, 1936px 1287px #ecbd7b, 750px 1211px #ecbd7b, 1726px 110px #ecbd7b, 1017px 1229px #ecbd7b, 1762px 12px #ecbd7b, 1649px 448px #ecbd7b, 1054px 1868px #ecbd7b, 405px 1133px #ecbd7b, 1294px 717px #ecbd7b, 1548px 873px #ecbd7b, 1871px 1296px #ecbd7b, 1675px 1751px #ecbd7b, 1174px 313px #ecbd7b, 1438px 1240px #ecbd7b, 1034px 219px #ecbd7b, 554px 1328px #ecbd7b, 1171px 1550px #ecbd7b, 1597px 1176px #ecbd7b, 642px 826px #ecbd7b, 1208px 52px #ecbd7b, 1274px 1862px #ecbd7b, 1420px 1814px #ecbd7b, 938px 1690px #ecbd7b, 1002px 1664px #ecbd7b, 934px 821px #ecbd7b, 819px 1484px #ecbd7b, 1988px 1797px #ecbd7b, 1531px 699px #ecbd7b, 1208px 277px #ecbd7b, 1200px 251px #ecbd7b, 1792px 75px #ecbd7b, 1619px 970px #ecbd7b, 753px 1069px #ecbd7b, 1987px 1944px #ecbd7b, 29px 553px #ecbd7b, 1861px 1115px #ecbd7b, 303px 1687px #ecbd7b, 58px 666px #ecbd7b, 1773px 67px #ecbd7b, 394px 616px #ecbd7b, 286px 738px #ecbd7b, 1129px 1970px #ecbd7b, 1467px 1021px #ecbd7b, 1586px 720px #ecbd7b, 53px 94px #ecbd7b, 523px 229px #ecbd7b, 534px 1323px #ecbd7b, 1784px 1829px #ecbd7b, 1703px 480px #ecbd7b, 732px 1644px #ecbd7b, 890px 1690px #ecbd7b, 1937px 480px #ecbd7b, 1179px 1308px #ecbd7b, 149px 904px #ecbd7b, 607px 520px #ecbd7b, 759px 48px #ecbd7b, 1389px 1884px #ecbd7b, 1162px 1688px #ecbd7b, 1965px 441px #ecbd7b, 685px 1381px #ecbd7b, 157px 667px #ecbd7b, 1432px 1315px #ecbd7b, 497px 1897px #ecbd7b, 941px 457px #ecbd7b, 909px 933px #ecbd7b, 726px 1039px #ecbd7b, 234px 841px #ecbd7b, 1618px 1700px #ecbd7b, 123px 928px #ecbd7b, 1103px 763px #ecbd7b, 1650px 1826px #ecbd7b, 1286px 1661px #ecbd7b, 1195px 1528px #ecbd7b, 112px 147px #ecbd7b, 1452px 1402px #ecbd7b, 1705px 1327px #ecbd7b, 1650px 1106px #ecbd7b, 838px 1281px #ecbd7b, 633px 644px #ecbd7b, 245px 1084px #ecbd7b, 1623px 1644px #ecbd7b, 510px 1731px #ecbd7b, 1898px 961px #ecbd7b, 862px 401px #ecbd7b, 1279px 705px #ecbd7b, 476px 503px #ecbd7b, 517px 1461px #ecbd7b, 294px 1202px #ecbd7b, 1810px 1743px #ecbd7b, 1830px 832px #ecbd7b, 1851px 107px #ecbd7b, 1976px 1557px #ecbd7b, 1863px 1582px #ecbd7b, 1275px 71px #ecbd7b, 510px 1863px #ecbd7b, 1353px 1908px #ecbd7b, 1032px 1097px #ecbd7b, 1569px 835px #ecbd7b, 1708px 1618px #ecbd7b, 211px 652px #ecbd7b, 1026px 125px #ecbd7b, 741px 1895px #ecbd7b, 1272px 1802px #ecbd7b, 1229px 1076px #ecbd7b, 397px 1498px #ecbd7b, 37px 1141px #ecbd7b, 638px 660px #ecbd7b, 783px 187px #ecbd7b, 226px 132px #ecbd7b, 1096px 1514px #ecbd7b, 264px 1065px #ecbd7b, 1180px 1904px #ecbd7b, 995px 117px #ecbd7b, 1175px 1781px #ecbd7b, 365px 1041px #ecbd7b, 653px 722px #ecbd7b, 1526px 1187px #ecbd7b, 1471px 163px #ecbd7b, 1090px 1590px #ecbd7b, 1871px 828px #ecbd7b, 216px 1290px #ecbd7b, 623px 1147px #ecbd7b, 1855px 1025px #ecbd7b, 1593px 1675px #ecbd7b, 118px 89px #ecbd7b, 1256px 155px #ecbd7b, 129px 597px #ecbd7b, 1476px 506px #ecbd7b, 1252px 1062px #ecbd7b, 768px 1332px #ecbd7b, 11px 162px #ecbd7b, 1690px 1561px #ecbd7b, 300px 980px #ecbd7b, 1050px 1384px #ecbd7b, 1785px 1142px #ecbd7b, 287px 671px #ecbd7b, 440px 938px #ecbd7b, 20px 137px #ecbd7b, 1572px 947px #ecbd7b, 1897px 771px #ecbd7b, 1539px 492px #ecbd7b, 1679px 954px #ecbd7b, 848px 966px #ecbd7b, 1483px 481px #ecbd7b, 981px 847px #ecbd7b, 1689px 1993px #ecbd7b, 110px 441px #ecbd7b, 745px 1816px #ecbd7b, 1881px 949px #ecbd7b, 1245px 1843px #ecbd7b, 171px 1077px #ecbd7b, 660px 1418px #ecbd7b, 936px 1642px #ecbd7b, 1453px 1100px #ecbd7b, 107px 1616px #ecbd7b, 391px 499px #ecbd7b, 1659px 1272px #ecbd7b, 749px 3px #ecbd7b, 1252px 129px #ecbd7b, 749px 888px #ecbd7b, 1987px 1963px #ecbd7b, 1380px 544px #ecbd7b, 1583px 772px #ecbd7b, 1414px 1055px #ecbd7b, 1473px 869px #ecbd7b, 1805px 1441px #ecbd7b, 803px 177px #ecbd7b, 675px 462px #ecbd7b, 1017px 1499px #ecbd7b, 1158px 902px #ecbd7b, 1436px 1419px #ecbd7b, 382px 1597px #ecbd7b, 1998px 1696px #ecbd7b, 1189px 1536px #ecbd7b, 739px 1576px #ecbd7b, 599px 1500px #ecbd7b, 934px 463px #ecbd7b, 1722px 562px #ecbd7b, 1215px 246px #ecbd7b, 1923px 1027px #ecbd7b, 1032px 1702px #ecbd7b, 700px 838px #ecbd7b, 462px 566px #ecbd7b, 546px 1793px #ecbd7b, 1667px 631px #ecbd7b, 493px 1414px #ecbd7b, 234px 835px #ecbd7b, 633px 1548px #ecbd7b, 1137px 1602px #ecbd7b, 1546px 1322px #ecbd7b, 1886px 312px #ecbd7b, 369px 1751px #ecbd7b, 1244px 384px #ecbd7b, 1144px 1239px #ecbd7b, 1335px 1701px #ecbd7b, 1260px 191px #ecbd7b, 205px 1516px #ecbd7b, 378px 406px #ecbd7b, 754px 1965px #ecbd7b, 1219px 1334px #ecbd7b, 1491px 179px #ecbd7b, 1277px 1154px #ecbd7b, 1681px 1968px #ecbd7b, 1485px 112px #ecbd7b, 748px 432px #ecbd7b, 943px 296px #ecbd7b, 1756px 196px #ecbd7b, 1056px 1832px #ecbd7b, 510px 1447px #ecbd7b, 1479px 750px #ecbd7b, 676px 577px #ecbd7b, 1523px 453px #ecbd7b, 1758px 950px #ecbd7b, 1944px 1872px #ecbd7b, 414px 1813px #ecbd7b, 685px 1946px #ecbd7b, 72px 532px #ecbd7b, 526px 1046px #ecbd7b, 1793px 476px #ecbd7b, 1079px 853px #ecbd7b, 1086px 1647px #ecbd7b, 33px 207px #ecbd7b, 403px 477px #ecbd7b, 527px 551px #ecbd7b, 976px 123px #ecbd7b, 651px 1481px #ecbd7b, 938px 565px #ecbd7b, 1418px 1939px #ecbd7b, 1789px 1786px #ecbd7b, 1058px 1279px #ecbd7b, 138px 904px #ecbd7b, 359px 1583px #ecbd7b, 1078px 25px #ecbd7b, 1315px 885px #ecbd7b, 236px 1971px #ecbd7b, 1162px 1778px #ecbd7b, 1008px 228px #ecbd7b, 996px 1688px #ecbd7b, 786px 1124px #ecbd7b, 1299px 1706px #ecbd7b, 1213px 494px #ecbd7b, 30px 1256px #ecbd7b, 467px 574px #ecbd7b, 1283px 1623px #ecbd7b, 1655px 907px #ecbd7b
}

.x-register-card-footer #stars:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars2 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars2, .x-register-card-footer #stars2:after {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 798px 13122px #ecbd7b, 388px 766px #ecbd7b, 268px 1928px #ecbd7b, 449px 592px #ecbd7b, 47px 1229px #ecbd7b, 454px 666px #ecbd7b, 1523px 723px #ecbd7b, 1190px 1236px #ecbd7b, 682px 1188px #ecbd7b, 43px 1539px #ecbd7b, 512px 15px #ecbd7b, 1491px 1942px #ecbd7b, 1960px 1525px #ecbd7b, 1982px 1339px #ecbd7b, 1124px 1507px #ecbd7b, 819px 696px #ecbd7b, 765px 370px #ecbd7b, 645px 477px #ecbd7b, 458px 1289px #ecbd7b, 392px 1896px #ecbd7b, 1988px 239px #ecbd7b, 1766px 1425px #ecbd7b, 1327px 378px #ecbd7b, 424px 1521px #ecbd7b, 527px 703px #ecbd7b, 248px 94px #ecbd7b, 223px 37px #ecbd7b, 190px 988px #ecbd7b, 1994px 634px #ecbd7b, 568px 1616px #ecbd7b, 445px 1241px #ecbd7b, 1235px 1964px #ecbd7b, 1798px 1424px #ecbd7b, 807px 1807px #ecbd7b, 58px 1016px #ecbd7b, 1762px 944px #ecbd7b, 725px 1799px #ecbd7b, 1201px 73px #ecbd7b, 100px 1820px #ecbd7b, 671px 1328px #ecbd7b, 272px 1262px #ecbd7b, 1854px 761px #ecbd7b, 1259px 1368px #ecbd7b, 996px 1246px #ecbd7b, 1979px 1663px #ecbd7b, 257px 353px #ecbd7b, 1939px 1630px #ecbd7b, 1919px 96px #ecbd7b, 1453px 377px #ecbd7b, 628px 1996px #ecbd7b, 1274px 1576px #ecbd7b, 1225px 968px #ecbd7b, 259px 1745px #ecbd7b, 80px 298px #ecbd7b, 341px 301px #ecbd7b, 1899px 1467px #ecbd7b, 1239px 286px #ecbd7b, 1165px 689px #ecbd7b, 179px 2px #ecbd7b, 567px 416px #ecbd7b, 1335px 50px #ecbd7b, 14px 1861px #ecbd7b, 1147px 1923px #ecbd7b, 130px 641px #ecbd7b, 1690px 1577px #ecbd7b, 799px 1758px #ecbd7b, 98px 1471px #ecbd7b, 1073px 1174px #ecbd7b, 1553px 1582px #ecbd7b, 1745px 1738px #ecbd7b, 1938px 547px #ecbd7b, 333px 1216px #ecbd7b, 1712px 1157px #ecbd7b, 336px 1294px #ecbd7b, 381px 1436px #ecbd7b, 1318px 1865px #ecbd7b, 554px 1685px #ecbd7b, 1355px 1474px #ecbd7b, 1632px 285px #ecbd7b, 1097px 1524px #ecbd7b, 1634px 76px #ecbd7b, 471px 1250px #ecbd7b, 834px 1010px #ecbd7b, 85px 469px #ecbd7b, 437px 578px #ecbd7b, 1741px 710px #ecbd7b, 1324px 672px #ecbd7b, 274px 422px #ecbd7b, 1024px 472px #ecbd7b, 1128px 1877px #ecbd7b, 480px 524px #ecbd7b, 1567px 998px #ecbd7b, 670px 1437px #ecbd7b, 1240px 1156px #ecbd7b, 155px 602px #ecbd7b, 208px 1263px #ecbd7b, 677px 1458px #ecbd7b, 656px 1935px #ecbd7b, 1655px 1157px #ecbd7b, 1386px 1479px #ecbd7b, 1541px 1271px #ecbd7b, 722px 1360px #ecbd7b, 709px 1165px #ecbd7b, 596px 1006px #ecbd7b, 1372px 881px #ecbd7b, 125px 1213px #ecbd7b, 1596px 1143px #ecbd7b, 1871px 22px #ecbd7b, 1305px 1592px #ecbd7b, 1811px 16px #ecbd7b, 442px 344px #ecbd7b, 397px 1686px #ecbd7b, 351px 1242px #ecbd7b, 249px 1816px #ecbd7b, 1175px 266px #ecbd7b, 1146px 1808px #ecbd7b, 266px 389px #ecbd7b, 727px 1336px #ecbd7b, 1390px 962px #ecbd7b, 255px 1086px #ecbd7b, 757px 471px #ecbd7b, 86px 1139px #ecbd7b, 960px 1881px #ecbd7b, 1357px 162px #ecbd7b, 661px 1257px #ecbd7b, 1932px 871px #ecbd7b, 1647px 190px #ecbd7b, 1654px 252px #ecbd7b, 1688px 661px #ecbd7b, 139px 1209px #ecbd7b, 260px 1085px #ecbd7b, 1804px 86px #ecbd7b, 1378px 278px #ecbd7b, 133px 353px #ecbd7b, 1777px 1820px #ecbd7b, 284px 1711px #ecbd7b, 1511px 923px #ecbd7b, 1657px 765px #ecbd7b, 1500px 494px #ecbd7b, 1646px 27px #ecbd7b, 1614px 818px #ecbd7b, 539px 1299px #ecbd7b, 1528px 370px #ecbd7b, 1207px 1533px #ecbd7b, 1038px 1475px #ecbd7b, 1770px 1280px #ecbd7b, 1512px 626px #ecbd7b, 1322px 164px #ecbd7b, 1105px 1969px #ecbd7b, 198px 788px #ecbd7b, 1650px 1505px #ecbd7b, 1189px 23px #ecbd7b, 1796px 1692px #ecbd7b, 113px 1514px #ecbd7b, 434px 312px #ecbd7b, 1872px 16px #ecbd7b, 1472px 1546px #ecbd7b, 948px 1901px #ecbd7b, 548px 810px #ecbd7b, 748px 678px #ecbd7b, 1478px 748px #ecbd7b, 154px 575px #ecbd7b, 1825px 1894px #ecbd7b, 483px 59px #ecbd7b, 1265px 840px #ecbd7b, 939px 41px #ecbd7b, 1424px 1756px #ecbd7b, 976px 726px #ecbd7b, 571px 728px #ecbd7b, 482px 1846px #ecbd7b, 773px 957px #ecbd7b, 315px 1713px #ecbd7b, 645px 1496px #ecbd7b, 1262px 1342px #ecbd7b, 1291px 23px #ecbd7b, 1245px 754px #ecbd7b, 1139px 1441px #ecbd7b, 978px 1020px #ecbd7b, 1273px 1169px #ecbd7b, 1027px 131px #ecbd7b, 498px 1965px #ecbd7b, 545px 1979px #ecbd7b, 526px 342px #ecbd7b, 624px 1074px #ecbd7b, 1284px 208px #ecbd7b, 209px 1312px #ecbd7b, 201px 1429px #ecbd7b, 427px 426px #ecbd7b, 773px 1567px #ecbd7b, 1924px 205px #ecbd7b, 1703px 1754px #ecbd7b, 1202px 1607px #ecbd7b, 1788px 757px #ecbd7b, 1345px 177px #ecbd7b, 1173px 394px #ecbd7b, 31px 237px #ecbd7b, 1908px 976px #ecbd7b, 612px 1533px #ecbd7b, 1496px 1013px #ecbd7b, 1319px 763px #ecbd7b, 806px 1431px #ecbd7b, 1970px 1520px #ecbd7b, 288px 1366px #ecbd7b, 124px 715px #ecbd7b, 159px 1505px #ecbd7b, 1682px 165px #ecbd7b, 839px 1549px #ecbd7b, 938px 369px #ecbd7b, 1913px 1059px #ecbd7b, 1368px 1178px #ecbd7b, 408px 1322px #ecbd7b, 797px 1366px #ecbd7b, 1002px 1567px #ecbd7b, 338px 1713px #ecbd7b, 1021px 35px #ecbd7b, 1151px 373px #ecbd7b, 894px 759px #ecbd7b, 38px 1025px #ecbd7b, 1285px 856px #ecbd7b, 1345px 1994px #ecbd7b, 26px 961px #ecbd7b, 427px 1020px #ecbd7b, 1674px 989px #ecbd7b, 1988px 1267px #ecbd7b, 342px 743px #ecbd7b, 1113px 777px #ecbd7b, 1027px 988px #ecbd7b, 103px 897px #ecbd7b, 1349px 394px #ecbd7b, 598px 30px #ecbd7b, 791px 541px #ecbd7b, 760px 528px #ecbd7b, 909px 1818px #ecbd7b, 1143px 526px #ecbd7b, 841px 306px #ecbd7b, 636px 588px #ecbd7b, 1490px 1523px #ecbd7b, 1453px 98px #ecbd7b, 1516px 379px #ecbd7b, 877px 1617px #ecbd7b, 676px 192px #ecbd7b, 1483px 163px #ecbd7b, 211px 167px #ecbd7b, 319px 1483px #ecbd7b, 756px 1702px #ecbd7b, 744px 1384px #ecbd7b, 1395px 742px #ecbd7b, 1087px 321px #ecbd7b, 638px 830px #ecbd7b, 1291px 1976px #ecbd7b, 265px 1053px #ecbd7b, 504px 1001px #ecbd7b, 1696px 570px #ecbd7b, 835px 957px #ecbd7b, 616px 1580px #ecbd7b, 779px 1040px #ecbd7b, 1503px 1144px #ecbd7b, 540px 1275px #ecbd7b, 1571px 319px #ecbd7b, 257px 656px #ecbd7b, 207px 465px #ecbd7b, 451px 1934px #ecbd7b, 218px 949px #ecbd7b, 1345px 591px #ecbd7b, 1883px 799px #ecbd7b, 1657px 1039px #ecbd7b, 1921px 1647px #ecbd7b, 1410px 244px #ecbd7b, 834px 961px #ecbd7b, 359px 1376px #ecbd7b, 1268px 70px #ecbd7b, 757px 1853px #ecbd7b, 1896px 1519px #ecbd7b, 445px 1175px #ecbd7b, 871px 419px #ecbd7b, 1030px 750px #ecbd7b, 1083px 1083px #ecbd7b, 589px 552px #ecbd7b, 1169px 1202px #ecbd7b, 41px 424px #ecbd7b, 1523px 1170px #ecbd7b, 1049px 1021px #ecbd7b, 987px 393px #ecbd7b, 415px 1674px #ecbd7b, 948px 183px #ecbd7b, 1285px 1256px #ecbd7b, 802px 112px #ecbd7b, 1492px 732px #ecbd7b, 775px 1664px #ecbd7b, 832px 1805px #ecbd7b, 924px 1099px #ecbd7b, 1523px 1588px #ecbd7b, 923px 1032px #ecbd7b, 359px 105px #ecbd7b, 731px 933px #ecbd7b, 120px 220px #ecbd7b, 159px 1944px #ecbd7b, 1287px 168px #ecbd7b, 1735px 1846px #ecbd7b, 945px 1322px #ecbd7b, 1864px 1436px #ecbd7b, 842px 1730px #ecbd7b, 878px 554px #ecbd7b, 1842px 1908px #ecbd7b, 1028px 69px #ecbd7b, 905px 409px #ecbd7b, 1900px 852px #ecbd7b, 1700px 1322px #ecbd7b, 1648px 1208px #ecbd7b, 1546px 1493px #ecbd7b, 1200px 373px #ecbd7b, 720px 380px #ecbd7b, 611px 111px #ecbd7b, 317px 1625px #ecbd7b, 1032px 325px #ecbd7b, 1304px 980px #ecbd7b, 1213px 569px #ecbd7b, 1681px 1914px #ecbd7b, 864px 1445px #ecbd7b, 1180px 838px #ecbd7b, 802px 1019px #ecbd7b, 679px 1163px #ecbd7b, 132px 1117px #ecbd7b, 1335px 1949px #ecbd7b, 9px 1420px #ecbd7b, 1511px 936px #ecbd7b, 1515px 1281px #ecbd7b, 1335px 1679px #ecbd7b, 226px 250px #ecbd7b, 1497px 886px #ecbd7b, 732px 775px #ecbd7b, 1430px 1148px #ecbd7b, 319px 1340px #ecbd7b, 824px 1824px #ecbd7b, 84px 1104px #ecbd7b, 229px 506px #ecbd7b, 202px 1568px #ecbd7b, 1577px 1272px #ecbd7b, 1844px 1766px #ecbd7b, 1764px 1183px #ecbd7b, 926px 732px #ecbd7b, 1871px 1440px #ecbd7b, 1142px 1262px #ecbd7b, 1516px 980px #ecbd7b, 1270px 658px #ecbd7b, 1123px 994px #ecbd7b, 809px 481px #ecbd7b, 688px 1608px #ecbd7b, 491px 1383px #ecbd7b, 1170px 1069px #ecbd7b, 4px 461px #ecbd7b, 1054px 175px #ecbd7b, 170px 1503px #ecbd7b, 1262px 311px #ecbd7b, 168px 268px #ecbd7b, 1478px 1971px #ecbd7b, 1871px 1354px #ecbd7b, 835px 1715px #ecbd7b, 1677px 198px #ecbd7b, 402px 1299px #ecbd7b, 1122px 1369px #ecbd7b, 664px 1953px #ecbd7b, 1620px 25px #ecbd7b, 1409px 1259px #ecbd7b, 28px 969px #ecbd7b, 1337px 32px #ecbd7b, 1762px 1643px #ecbd7b, 395px 1409px #ecbd7b, 561px 959px #ecbd7b, 997px 441px #ecbd7b, 780px 1137px #ecbd7b, 792px 125px #ecbd7b, 1583px 680px #ecbd7b, 487px 150px #ecbd7b, 19px 1287px #ecbd7b, 321px 939px #ecbd7b, 695px 964px #ecbd7b, 122px 1348px #ecbd7b, 544px 1649px #ecbd7b, 300px 1230px #ecbd7b, 958px 418px #ecbd7b, 1258px 613px #ecbd7b, 1266px 409px #ecbd7b, 1339px 1410px #ecbd7b, 728px 1561px #ecbd7b, 1731px 1426px #ecbd7b, 1371px 1558px #ecbd7b, 261px 1877px #ecbd7b, 939px 1629px #ecbd7b, 282px 710px #ecbd7b, 203px 728px #ecbd7b, 390px 1249px #ecbd7b, 595px 134px #ecbd7b, 1416px 423px #ecbd7b, 152px 1381px #ecbd7b, 609px 1114px #ecbd7b, 1330px 1403px #ecbd7b, 1300px 1852px #ecbd7b, 347px 918px #ecbd7b, 1632px 841px #ecbd7b, 894px 1849px #ecbd7b, 204px 1694px #ecbd7b, 187px 1282px #ecbd7b, 1465px 579px #ecbd7b, 476px 704px #ecbd7b, 353px 1634px #ecbd7b, 1549px 816px #ecbd7b, 1008px 301px #ecbd7b, 1869px 838px #ecbd7b, 66px 1344px #ecbd7b, 1418px 807px #ecbd7b, 1475px 390px #ecbd7b, 1997px 751px #ecbd7b, 1733px 1449px #ecbd7b, 850px 334px #ecbd7b, 943px 469px #ecbd7b, 939px 1682px #ecbd7b, 425px 933px #ecbd7b, 349px 818px #ecbd7b, 80px 1944px #ecbd7b, 1896px 1266px #ecbd7b, 338px 810px #ecbd7b, 1634px 1840px #ecbd7b, 1841px 1861px #ecbd7b, 1276px 178px #ecbd7b, 1009px 131px #ecbd7b, 573px 956px #ecbd7b, 455px 878px #ecbd7b, 365px 51px #ecbd7b, 296px 80px #ecbd7b, 1060px 1842px #ecbd7b, 1607px 174px #ecbd7b, 1957px 633px #ecbd7b, 43px 73px #ecbd7b, 999px 520px #ecbd7b, 408px 259px #ecbd7b, 1228px 384px #ecbd7b, 502px 734px #ecbd7b, 1166px 388px #ecbd7b, 420px 604px #ecbd7b, 911px 621px #ecbd7b, 837px 1568px #ecbd7b, 1096px 1946px #ecbd7b, 246px 1834px #ecbd7b, 352px 1368px #ecbd7b, 1068px 1803px #ecbd7b, 1727px 1835px #ecbd7b, 1084px 1628px #ecbd7b, 1313px 1251px #ecbd7b, 1790px 1889px #ecbd7b, 976px 734px #ecbd7b, 373px 1461px #ecbd7b, 352px 1918px #ecbd7b, 298px 1023px #ecbd7b, 307px 263px #ecbd7b, 1189px 1803px #ecbd7b, 1634px 73px #ecbd7b, 606px 222px #ecbd7b, 642px 96px #ecbd7b, 1498px 796px #ecbd7b, 445px 319px #ecbd7b, 482px 1733px #ecbd7b, 44px 653px #ecbd7b, 955px 548px #ecbd7b, 1837px 1074px #ecbd7b, 1347px 382px #ecbd7b, 949px 1696px #ecbd7b, 1510px 592px #ecbd7b, 575px 572px #ecbd7b, 381px 396px #ecbd7b, 1656px 435px #ecbd7b, 314px 1548px #ecbd7b, 1359px 1445px #ecbd7b, 239px 931px #ecbd7b, 1344px 1216px #ecbd7b, 238px 1473px #ecbd7b, 825px 901px #ecbd7b, 1122px 1454px #ecbd7b, 1695px 1274px #ecbd7b, 1189px 773px #ecbd7b, 276px 1202px #ecbd7b, 822px 1612px #ecbd7b, 1717px 351px #ecbd7b, 1651px 484px #ecbd7b, 403px 1961px #ecbd7b, 474px 1657px #ecbd7b, 1934px 326px #ecbd7b, 1324px 298px #ecbd7b, 1010px 936px #ecbd7b, 1194px 1123px #ecbd7b, 1288px 888px #ecbd7b, 1898px 1986px #ecbd7b, 136px 615px #ecbd7b, 896px 547px #ecbd7b, 894px 877px #ecbd7b, 1115px 561px #ecbd7b, 812px 1252px #ecbd7b, 1793px 990px #ecbd7b, 753px 756px #ecbd7b, 1035px 1557px #ecbd7b
}

.x-register-card-footer #stars2:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars3 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars3, .x-register-card-footer #stars3:after {
    width: 5px;
    height: 5px;
    background: transparent;
    box-shadow: 1078px 4900px #ecbd7b, 1247px 1107px #ecbd7b, 1871px 22px #ecbd7b, 1967px 1355px #ecbd7b, 1866px 1145px #ecbd7b, 1334px 613px #ecbd7b, 718px 1332px #ecbd7b, 372px 42px #ecbd7b, 1295px 457px #ecbd7b, 1390px 669px #ecbd7b, 360px 1007px #ecbd7b, 190px 893px #ecbd7b, 1948px 376px #ecbd7b, 820px 96px #ecbd7b, 695px 1085px #ecbd7b, 1916px 559px #ecbd7b, 1503px 401px #ecbd7b, 1125px 963px #ecbd7b, 184px 798px #ecbd7b, 753px 109px #ecbd7b, 1081px 838px #ecbd7b, 1319px 1793px #ecbd7b, 335px 34px #ecbd7b, 73px 1140px #ecbd7b, 7px 590px #ecbd7b, 1641px 1665px #ecbd7b, 1846px 1913px #ecbd7b, 499px 832px #ecbd7b, 368px 715px #ecbd7b, 57px 1813px #ecbd7b, 458px 1515px #ecbd7b, 1029px 199px #ecbd7b, 1313px 805px #ecbd7b, 790px 1903px #ecbd7b, 285px 1576px #ecbd7b, 583px 202px #ecbd7b, 1611px 13px #ecbd7b, 1242px 319px #ecbd7b, 1322px 351px #ecbd7b, 460px 809px #ecbd7b, 405px 50px #ecbd7b, 610px 1695px #ecbd7b, 169px 1882px #ecbd7b, 964px 1922px #ecbd7b, 1345px 1374px #ecbd7b, 1752px 223px #ecbd7b, 274px 703px #ecbd7b, 450px 386px #ecbd7b, 1607px 1434px #ecbd7b, 47px 1222px #ecbd7b, 1731px 625px #ecbd7b, 1719px 754px #ecbd7b, 390px 593px #ecbd7b, 1824px 999px #ecbd7b, 1359px 456px #ecbd7b, 1224px 1504px #ecbd7b, 391px 1751px #ecbd7b, 408px 1452px #ecbd7b, 1824px 891px #ecbd7b, 150px 1519px #ecbd7b, 1400px 202px #ecbd7b, 1521px 1917px #ecbd7b, 1608px 846px #ecbd7b, 387px 1778px #ecbd7b, 1201px 257px #ecbd7b, 684px 1349px #ecbd7b, 913px 698px #ecbd7b, 1022px 1620px #ecbd7b, 770px 1513px #ecbd7b, 56px 1852px #ecbd7b, 1593px 520px #ecbd7b, 1089px 1614px #ecbd7b, 392px 929px #ecbd7b, 105px 1721px #ecbd7b, 700px 1445px #ecbd7b, 1273px 1770px #ecbd7b, 796px 1549px #ecbd7b, 1306px 77px #ecbd7b, 584px 1443px #ecbd7b, 1423px 201px #ecbd7b, 1410px 119px #ecbd7b, 764px 1935px #ecbd7b, 1289px 191px #ecbd7b, 286px 1343px #ecbd7b, 155px 237px #ecbd7b, 1284px 1635px #ecbd7b, 1799px 1392px #ecbd7b, 845px 1549px #ecbd7b, 1043px 1586px #ecbd7b, 73px 460px #ecbd7b, 571px 1851px #ecbd7b, 694px 756px #ecbd7b, 1920px 1122px #ecbd7b, 312px 1131px #ecbd7b, 1677px 423px #ecbd7b, 314px 422px #ecbd7b, 1155px 971px #ecbd7b, 1785px 1778px #ecbd7b, 917px 253px #ecbd7b, 1424px 1988px #ecbd7b, 1758px 1155px #ecbd7b, 708px 434px #ecbd7b, 1670px 233px #ecbd7b, 1581px 296px #ecbd7b, 1911px 91px #ecbd7b, 1926px 161px #ecbd7b, 1600px 1135px #ecbd7b, 35px 1336px #ecbd7b, 159px 66px #ecbd7b, 717px 1866px #ecbd7b, 326px 1807px #ecbd7b, 908px 1368px #ecbd7b, 219px 1034px #ecbd7b, 1651px 790px #ecbd7b, 1459px 1134px #ecbd7b, 558px 35px #ecbd7b, 1565px 1723px #ecbd7b, 1253px 845px #ecbd7b, 1203px 680px #ecbd7b, 1779px 1917px #ecbd7b, 202px 537px #ecbd7b, 1680px 1249px #ecbd7b, 1854px 125px #ecbd7b, 713px 255px #ecbd7b, 1666px 451px #ecbd7b, 234px 697px #ecbd7b, 470px 734px #ecbd7b, 1727px 1387px #ecbd7b, 1126px 899px #ecbd7b, 1367px 562px #ecbd7b, 1603px 1321px #ecbd7b, 1236px 1602px #ecbd7b, 1306px 1797px #ecbd7b, 56px 616px #ecbd7b, 1923px 1589px #ecbd7b, 596px 220px #ecbd7b, 71px 1953px #ecbd7b, 938px 1555px #ecbd7b, 615px 1723px #ecbd7b, 110px 10px #ecbd7b, 228px 384px #ecbd7b, 1682px 1340px #ecbd7b, 953px 459px #ecbd7b, 370px 840px #ecbd7b, 1935px 1012px #ecbd7b, 823px 1822px #ecbd7b, 2px 1588px #ecbd7b, 691px 1237px #ecbd7b, 610px 1422px #ecbd7b, 1876px 1964px #ecbd7b, 1640px 404px #ecbd7b, 214px 823px #ecbd7b, 917px 1972px #ecbd7b, 1699px 792px #ecbd7b, 596px 507px #ecbd7b, 1527px 1684px #ecbd7b, 734px 686px #ecbd7b, 1237px 343px #ecbd7b, 1524px 1549px #ecbd7b, 1411px 104px #ecbd7b, 1727px 485px #ecbd7b, 1017px 333px #ecbd7b, 869px 1349px #ecbd7b, 224px 1271px #ecbd7b, 123px 1331px #ecbd7b, 528px 1528px #ecbd7b, 373px 1370px #ecbd7b, 16px 1270px #ecbd7b, 1692px 278px #ecbd7b, 638px 1277px #ecbd7b, 1525px 1485px #ecbd7b, 1517px 1461px #ecbd7b, 263px 285px #ecbd7b, 320px 827px #ecbd7b, 1970px 1606px #ecbd7b, 1702px 673px #ecbd7b, 1563px 1261px #ecbd7b, 866px 1501px #ecbd7b, 879px 257px #ecbd7b, 271px 32px #ecbd7b, 472px 1209px #ecbd7b, 95px 1510px #ecbd7b, 126px 988px #ecbd7b, 1886px 456px #ecbd7b, 1802px 1450px #ecbd7b, 1550px 377px #ecbd7b, 450px 1040px #ecbd7b, 1754px 1481px #ecbd7b, 1570px 1076px #ecbd7b, 1836px 572px #ecbd7b, 104px 638px #ecbd7b, 1038px 1870px #ecbd7b, 1437px 617px #ecbd7b, 1719px 1593px #ecbd7b, 1210px 893px #ecbd7b, 33px 1297px #ecbd7b, 1886px 1023px #ecbd7b, 770px 503px #ecbd7b, 1221px 398px #ecbd7b, 1751px 1007px #ecbd7b
}

.x-register-card-footer #stars3:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars4 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars4, .x-register-card-footer #stars4:after {
    width: 7px;
    height: 7px;
    background: transparent;
    box-shadow: 794px 12297px #ecbd7b, 877px 1298px #ecbd7b, 417px 448px #ecbd7b, 80px 1390px #ecbd7b, 320px 1322px #ecbd7b, 1522px 1561px #ecbd7b, 1892px 1599px #ecbd7b, 1476px 858px #ecbd7b, 1621px 1017px #ecbd7b, 1737px 1186px #ecbd7b, 1485px 238px #ecbd7b, 676px 1142px #ecbd7b, 1482px 1803px #ecbd7b, 115px 1241px #ecbd7b, 739px 726px #ecbd7b, 389px 286px #ecbd7b, 15px 1290px #ecbd7b, 506px 1307px #ecbd7b, 1231px 1996px #ecbd7b, 983px 864px #ecbd7b, 1922px 854px #ecbd7b, 1537px 561px #ecbd7b, 1247px 1486px #ecbd7b, 1175px 1921px #ecbd7b, 1291px 608px #ecbd7b, 467px 287px #ecbd7b, 1672px 154px #ecbd7b, 556px 731px #ecbd7b, 1951px 53px #ecbd7b, 456px 1002px #ecbd7b, 886px 1438px #ecbd7b, 200px 1401px #ecbd7b, 1855px 1893px #ecbd7b, 773px 764px #ecbd7b, 834px 19px #ecbd7b, 327px 841px #ecbd7b, 705px 1149px #ecbd7b, 1872px 1414px #ecbd7b, 1061px 1053px #ecbd7b, 1998px 1557px #ecbd7b, 1391px 1503px #ecbd7b, 714px 1967px #ecbd7b, 674px 668px #ecbd7b, 1477px 370px #ecbd7b, 190px 1427px #ecbd7b, 999px 1986px #ecbd7b, 1598px 622px #ecbd7b, 1830px 110px #ecbd7b, 1655px 674px #ecbd7b, 478px 1753px #ecbd7b, 1166px 949px #ecbd7b, 4px 1948px #ecbd7b, 257px 1748px #ecbd7b, 1444px 1293px #ecbd7b, 1117px 600px #ecbd7b, 940px 139px #ecbd7b, 1516px 1312px #ecbd7b, 1941px 1826px #ecbd7b, 1089px 454px #ecbd7b, 1238px 1985px #ecbd7b, 1140px 381px #ecbd7b, 93px 1794px #ecbd7b, 1498px 732px #ecbd7b, 1230px 266px #ecbd7b, 539px 259px #ecbd7b, 513px 1203px #ecbd7b, 225px 840px #ecbd7b, 749px 1978px #ecbd7b, 576px 726px #ecbd7b, 945px 1967px #ecbd7b, 1312px 1322px #ecbd7b, 1564px 1483px #ecbd7b, 1227px 1103px #ecbd7b, 1697px 1678px #ecbd7b, 1582px 254px #ecbd7b, 83px 1095px #ecbd7b, 1718px 1917px #ecbd7b, 1870px 1656px #ecbd7b, 1739px 129px #ecbd7b, 705px 1316px #ecbd7b, 1293px 450px #ecbd7b, 1243px 724px #ecbd7b, 119px 811px #ecbd7b, 1772px 299px #ecbd7b, 981px 292px #ecbd7b, 1215px 1819px #ecbd7b, 723px 381px #ecbd7b, 1079px 723px #ecbd7b, 107px 1303px #ecbd7b, 847px 1648px #ecbd7b, 304px 1072px #ecbd7b, 1651px 366px #ecbd7b, 1404px 994px #ecbd7b, 1344px 1503px #ecbd7b, 502px 857px #ecbd7b, 1778px 424px #ecbd7b, 214px 1348px #ecbd7b, 1530px 515px #ecbd7b, 1398px 1983px #ecbd7b, 1736px 1829px #ecbd7b
}

.x-register-card-footer #stars4:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars5 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars5, .x-register-card-footer #stars5:after {
    width: 9px;
    height: 9px;
    background: transparent;
    box-shadow: 110px 19169px #ecbd7b, 941px 1203px #ecbd7b, 1798px 771px #ecbd7b, 1466px 1674px #ecbd7b, 823px 1024px #ecbd7b, 1098px 1852px #ecbd7b, 1650px 246px #ecbd7b, 63px 1331px #ecbd7b, 224px 337px #ecbd7b, 64px 357px #ecbd7b, 1060px 62px #ecbd7b, 1986px 665px #ecbd7b, 1986px 1573px #ecbd7b, 1838px 99px #ecbd7b, 1471px 1588px #ecbd7b, 773px 1685px #ecbd7b, 756px 1350px #ecbd7b, 1781px 1155px #ecbd7b, 666px 1722px #ecbd7b, 827px 988px #ecbd7b, 1115px 1447px #ecbd7b, 1530px 930px #ecbd7b, 1929px 1304px #ecbd7b, 1446px 1409px #ecbd7b, 1159px 510px #ecbd7b, 1818px 574px #ecbd7b, 221px 1748px #ecbd7b, 1043px 374px #ecbd7b, 1304px 522px #ecbd7b, 1815px 1804px #ecbd7b, 1114px 137px #ecbd7b, 389px 806px #ecbd7b, 500px 463px #ecbd7b, 1293px 1878px #ecbd7b, 1480px 1449px #ecbd7b, 1211px 1881px #ecbd7b, 552px 136px #ecbd7b, 57px 869px #ecbd7b, 1619px 1184px #ecbd7b, 263px 1023px #ecbd7b, 1848px 220px #ecbd7b, 1485px 930px #ecbd7b, 279px 523px #ecbd7b, 1896px 1726px #ecbd7b, 841px 1110px #ecbd7b, 269px 175px #ecbd7b, 1431px 674px #ecbd7b, 422px 328px #ecbd7b, 1646px 1784px #ecbd7b, 472px 412px #ecbd7b
}

.x-register-card-footer #stars5:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars6 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars6, .x-register-card-footer #stars6:after {
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 232px 10122px #ecbd7b, 77px 450px #ecbd7b, 1155px 1717px #ecbd7b, 167px 505px #ecbd7b, 671px 1713px #ecbd7b, 845px 131px #ecbd7b, 1861px 861px #ecbd7b, 1132px 1357px #ecbd7b, 139px 1276px #ecbd7b, 659px 1130px #ecbd7b, 1152px 1841px #ecbd7b, 43px 79px #ecbd7b, 508px 1766px #ecbd7b, 853px 1311px #ecbd7b, 1208px 1699px #ecbd7b, 827px 1303px #ecbd7b, 408px 213px #ecbd7b, 1348px 773px #ecbd7b, 1873px 1799px #ecbd7b, 1793px 708px #ecbd7b, 1169px 1338px #ecbd7b, 1897px 372px #ecbd7b, 1853px 1654px #ecbd7b, 1105px 1289px #ecbd7b, 1745px 1685px #ecbd7b, 1338px 1509px #ecbd7b, 1000px 512px #ecbd7b, 1198px 1621px #ecbd7b, 1086px 1768px #ecbd7b, 123px 959px #ecbd7b, 1284px 1835px #ecbd7b, 1019px 1096px #ecbd7b, 348px 1371px #ecbd7b, 1928px 1131px #ecbd7b, 1498px 1648px #ecbd7b, 775px 152px #ecbd7b, 1375px 1185px #ecbd7b, 585px 1996px #ecbd7b, 446px 1267px #ecbd7b, 384px 326px #ecbd7b, 1904px 1776px #ecbd7b, 628px 397px #ecbd7b, 966px 523px #ecbd7b, 148px 617px #ecbd7b, 1429px 1159px #ecbd7b, 786px 116px #ecbd7b, 987px 1101px #ecbd7b, 1351px 1691px #ecbd7b, 332px 806px #ecbd7b, 355px 1695px #ecbd7b, 191px 1079px #ecbd7b, 1070px 194px #ecbd7b, 1733px 399px #ecbd7b, 1402px 1903px #ecbd7b, 1756px 1909px #ecbd7b, 1876px 1px #ecbd7b, 481px 1178px #ecbd7b, 466px 311px #ecbd7b, 1364px 207px #ecbd7b, 197px 813px #ecbd7b, 1591px 287px #ecbd7b, 66px 1086px #ecbd7b, 1493px 803px #ecbd7b, 926px 1550px #ecbd7b, 653px 1985px #ecbd7b, 261px 1093px #ecbd7b, 100px 261px #ecbd7b, 51px 1701px #ecbd7b, 1918px 969px #ecbd7b, 195px 1348px #ecbd7b, 1305px 1895px #ecbd7b, 238px 331px #ecbd7b, 1699px 397px #ecbd7b, 167px 1358px #ecbd7b, 855px 101px #ecbd7b, 491px 522px #ecbd7b, 1592px 1029px #ecbd7b, 1964px 1509px #ecbd7b, 1108px 1939px #ecbd7b, 751px 1743px #ecbd7b, 365px 1200px #ecbd7b, 1254px 1850px #ecbd7b, 1034px 1951px #ecbd7b, 1932px 819px #ecbd7b, 1637px 1024px #ecbd7b, 211px 1915px #ecbd7b, 249px 1624px #ecbd7b, 1674px 147px #ecbd7b, 1457px 1367px #ecbd7b, 1766px 974px #ecbd7b, 404px 1405px #ecbd7b, 58px 379px #ecbd7b, 1991px 1544px #ecbd7b, 554px 451px #ecbd7b, 1581px 1370px #ecbd7b, 1566px 1469px #ecbd7b, 227px 1993px #ecbd7b, 84px 1097px #ecbd7b, 639px 215px #ecbd7b, 1991px 264px #ecbd7b, 352px 1615px #ecbd7b, 1488px 55px #ecbd7b, 1336px 1002px #ecbd7b, 126px 1301px #ecbd7b, 1280px 1469px #ecbd7b, 1705px 1917px #ecbd7b, 789px 1131px #ecbd7b, 473px 1277px #ecbd7b, 1439px 567px #ecbd7b, 1948px 776px #ecbd7b, 1425px 382px #ecbd7b, 177px 1199px #ecbd7b, 1601px 1028px #ecbd7b, 1774px 415px #ecbd7b, 1351px 1775px #ecbd7b, 623px 1944px #ecbd7b, 1655px 909px #ecbd7b, 1501px 588px #ecbd7b, 1515px 1850px #ecbd7b, 374px 1293px #ecbd7b, 1516px 841px #ecbd7b, 597px 954px #ecbd7b, 171px 1985px #ecbd7b, 1312px 733px #ecbd7b, 1855px 1083px #ecbd7b, 1218px 1062px #ecbd7b, 1058px 1505px #ecbd7b, 1304px 512px #ecbd7b, 1337px 1637px #ecbd7b, 1040px 341px #ecbd7b, 342px 1249px #ecbd7b, 898px 1626px #ecbd7b, 220px 1123px #ecbd7b, 120px 658px #ecbd7b, 1566px 818px #ecbd7b, 1944px 1276px #ecbd7b, 489px 1880px #ecbd7b, 952px 321px #ecbd7b, 1674px 1784px #ecbd7b, 1096px 767px #ecbd7b, 1536px 603px #ecbd7b, 1332px 1361px #ecbd7b, 1981px 1316px #ecbd7b, 868px 1033px #ecbd7b, 1845px 1943px #ecbd7b, 1098px 951px #ecbd7b, 520px 676px #ecbd7b, 1025px 559px #ecbd7b, 156px 1313px #ecbd7b, 1990px 1912px #ecbd7b, 386px 327px #ecbd7b, 305px 1048px #ecbd7b, 1774px 206px #ecbd7b, 1652px 1668px #ecbd7b, 1941px 1912px #ecbd7b, 133px 1392px #ecbd7b, 598px 1730px #ecbd7b, 753px 1052px #ecbd7b, 383px 910px #ecbd7b, 1968px 1551px #ecbd7b, 1410px 1782px #ecbd7b, 594px 1023px #ecbd7b, 379px 135px #ecbd7b, 1246px 1823px #ecbd7b, 23px 1726px #ecbd7b, 964px 792px #ecbd7b, 627px 227px #ecbd7b, 1346px 489px #ecbd7b, 1301px 1477px #ecbd7b, 716px 488px #ecbd7b, 553px 1281px #ecbd7b, 778px 162px #ecbd7b, 1117px 1091px #ecbd7b, 1452px 1156px #ecbd7b, 841px 55px #ecbd7b, 558px 1776px #ecbd7b, 1082px 241px #ecbd7b, 720px 423px #ecbd7b, 1374px 766px #ecbd7b, 1920px 1138px #ecbd7b, 1187px 1742px #ecbd7b, 1914px 197px #ecbd7b, 1604px 1573px #ecbd7b, 744px 1817px #ecbd7b, 857px 1743px #ecbd7b, 1483px 395px #ecbd7b, 827px 496px #ecbd7b, 1841px 608px #ecbd7b, 1975px 1845px #ecbd7b, 413px 659px #ecbd7b, 1427px 390px #ecbd7b, 1196px 745px #ecbd7b, 628px 616px #ecbd7b, 1027px 1028px #ecbd7b, 922px 1886px #ecbd7b, 1730px 829px #ecbd7b, 151px 754px #ecbd7b, 1610px 542px #ecbd7b, 830px 665px #ecbd7b, 839px 1275px #ecbd7b, 954px 1977px #ecbd7b, 498px 1228px #ecbd7b, 549px 1831px #ecbd7b, 849px 806px #ecbd7b, 1841px 169px #ecbd7b, 1909px 874px #ecbd7b, 1566px 1343px #ecbd7b, 1460px 28px #ecbd7b, 1786px 1302px #ecbd7b, 1611px 1520px #ecbd7b, 924px 574px #ecbd7b, 412px 667px #ecbd7b, 1246px 1545px #ecbd7b, 331px 1540px #ecbd7b, 1517px 1992px #ecbd7b, 1357px 145px #ecbd7b, 1731px 1287px #ecbd7b, 1907px 367px #ecbd7b, 410px 678px #ecbd7b, 1158px 199px #ecbd7b, 826px 1720px #ecbd7b, 1673px 1516px #ecbd7b, 1494px 1914px #ecbd7b, 1099px 1366px #ecbd7b, 521px 590px #ecbd7b, 1174px 374px #ecbd7b, 1014px 195px #ecbd7b, 1757px 578px #ecbd7b, 1819px 615px #ecbd7b, 743px 190px #ecbd7b, 267px 477px #ecbd7b, 1929px 843px #ecbd7b, 1648px 1182px #ecbd7b, 770px 41px #ecbd7b, 1898px 1617px #ecbd7b, 1320px 1258px #ecbd7b, 101px 1757px #ecbd7b, 1111px 1286px #ecbd7b, 1386px 1807px #ecbd7b, 831px 107px #ecbd7b, 778px 472px #ecbd7b, 1267px 1614px #ecbd7b, 1558px 1724px #ecbd7b, 1248px 1074px #ecbd7b, 1903px 889px #ecbd7b, 148px 1596px #ecbd7b, 73px 856px #ecbd7b, 794px 942px #ecbd7b, 506px 624px #ecbd7b, 1470px 54px #ecbd7b, 1195px 1014px #ecbd7b, 792px 1516px #ecbd7b, 190px 1961px #ecbd7b, 126px 188px #ecbd7b, 1320px 1055px #ecbd7b, 32px 723px #ecbd7b, 740px 751px #ecbd7b, 571px 1022px #ecbd7b, 1156px 757px #ecbd7b, 784px 1818px #ecbd7b, 98px 312px #ecbd7b, 715px 1970px #ecbd7b, 1302px 1454px #ecbd7b, 1806px 531px #ecbd7b, 129px 16px #ecbd7b, 964px 360px #ecbd7b, 1565px 1607px #ecbd7b, 1549px 623px #ecbd7b, 337px 415px #ecbd7b, 1419px 1504px #ecbd7b, 179px 899px #ecbd7b, 1553px 1576px #ecbd7b, 838px 859px #ecbd7b, 1888px 1897px #ecbd7b, 1602px 1070px #ecbd7b, 379px 1667px #ecbd7b, 443px 552px #ecbd7b, 1251px 1613px #ecbd7b, 948px 1867px #ecbd7b, 259px 365px #ecbd7b, 1263px 1210px #ecbd7b, 985px 169px #ecbd7b, 1449px 1570px #ecbd7b, 1567px 571px #ecbd7b, 405px 679px #ecbd7b, 1062px 1404px #ecbd7b, 787px 629px #ecbd7b, 772px 1956px #ecbd7b, 1215px 1456px #ecbd7b, 554px 1631px #ecbd7b, 1212px 1917px #ecbd7b, 1817px 435px #ecbd7b, 1834px 900px #ecbd7b, 71px 1148px #ecbd7b, 560px 346px #ecbd7b, 1975px 194px #ecbd7b, 888px 897px #ecbd7b, 1752px 245px #ecbd7b, 1983px 1866px #ecbd7b, 337px 538px #ecbd7b, 494px 611px #ecbd7b, 1429px 1613px #ecbd7b, 173px 1989px #ecbd7b, 546px 396px #ecbd7b, 1060px 208px #ecbd7b, 991px 799px #ecbd7b, 816px 663px #ecbd7b, 1805px 749px #ecbd7b, 760px 565px #ecbd7b, 693px 61px #ecbd7b, 1517px 814px #ecbd7b, 1113px 172px #ecbd7b, 97px 1935px #ecbd7b, 1183px 1370px #ecbd7b, 1429px 877px #ecbd7b, 1096px 1342px #ecbd7b, 688px 697px #ecbd7b, 1191px 576px #ecbd7b, 670px 1616px #ecbd7b, 650px 451px #ecbd7b, 162px 395px #ecbd7b, 487px 203px #ecbd7b, 394px 949px #ecbd7b, 362px 1400px #ecbd7b, 1895px 1049px #ecbd7b, 920px 994px #ecbd7b, 1984px 1947px #ecbd7b, 202px 1517px #ecbd7b, 371px 925px #ecbd7b, 1751px 970px #ecbd7b, 605px 1477px #ecbd7b, 465px 513px #ecbd7b, 591px 1455px #ecbd7b, 1093px 1285px #ecbd7b, 1608px 826px #ecbd7b, 1663px 82px #ecbd7b, 695px 1823px #ecbd7b, 1875px 47px #ecbd7b, 380px 1820px #ecbd7b, 946px 1442px #ecbd7b, 1383px 1061px #ecbd7b, 1481px 1402px #ecbd7b, 853px 512px #ecbd7b, 492px 979px #ecbd7b, 1096px 272px #ecbd7b, 1153px 1670px #ecbd7b, 720px 940px #ecbd7b, 768px 1095px #ecbd7b, 1358px 441px #ecbd7b, 132px 604px #ecbd7b, 100px 451px #ecbd7b, 1759px 906px #ecbd7b, 1379px 1144px #ecbd7b, 1043px 1135px #ecbd7b, 1250px 965px #ecbd7b, 1255px 1936px #ecbd7b, 617px 1888px #ecbd7b, 419px 1647px #ecbd7b, 1657px 1065px #ecbd7b, 451px 1876px #ecbd7b, 1254px 139px #ecbd7b, 304px 1709px #ecbd7b, 33px 1902px #ecbd7b, 968px 860px #ecbd7b, 625px 1112px #ecbd7b, 1743px 1671px #ecbd7b, 1015px 506px #ecbd7b, 695px 1392px #ecbd7b, 602px 548px #ecbd7b, 1059px 1646px #ecbd7b, 1502px 499px #ecbd7b, 702px 805px #ecbd7b, 705px 176px #ecbd7b, 480px 1213px #ecbd7b, 1595px 105px #ecbd7b, 1028px 1930px #ecbd7b, 1356px 1575px #ecbd7b, 41px 449px #ecbd7b, 745px 1945px #ecbd7b, 712px 1543px #ecbd7b, 930px 1903px #ecbd7b, 939px 236px #ecbd7b, 521px 201px #ecbd7b, 764px 1847px #ecbd7b, 1625px 1666px #ecbd7b, 410px 487px #ecbd7b, 1908px 1901px #ecbd7b, 381px 475px #ecbd7b, 235px 1373px #ecbd7b, 1379px 1199px #ecbd7b, 1461px 373px #ecbd7b, 873px 971px #ecbd7b, 912px 1963px #ecbd7b, 1932px 1px #ecbd7b, 1035px 809px #ecbd7b, 1695px 1356px #ecbd7b, 539px 726px #ecbd7b, 1661px 874px #ecbd7b, 1036px 474px #ecbd7b, 1889px 1640px #ecbd7b, 1518px 1733px #ecbd7b, 848px 483px #ecbd7b, 176px 157px #ecbd7b, 1845px 1575px #ecbd7b, 585px 93px #ecbd7b, 1913px 1652px #ecbd7b, 296px 524px #ecbd7b, 514px 1567px #ecbd7b, 1697px 168px #ecbd7b, 1030px 1894px #ecbd7b, 844px 600px #ecbd7b, 1921px 1165px #ecbd7b, 386px 811px #ecbd7b, 1998px 715px #ecbd7b, 654px 548px #ecbd7b, 1210px 652px #ecbd7b, 1528px 170px #ecbd7b, 214px 1224px #ecbd7b, 856px 45px #ecbd7b, 205px 1278px #ecbd7b, 1149px 487px #ecbd7b, 1572px 142px #ecbd7b, 202px 946px #ecbd7b, 1651px 64px #ecbd7b, 1032px 1802px #ecbd7b, 574px 427px #ecbd7b, 258px 222px #ecbd7b, 1900px 852px #ecbd7b, 1208px 1333px #ecbd7b, 1049px 332px #ecbd7b, 1686px 157px #ecbd7b, 1932px 353px #ecbd7b, 489px 828px #ecbd7b, 466px 189px #ecbd7b, 266px 949px #ecbd7b, 65px 287px #ecbd7b, 1971px 184px #ecbd7b, 499px 1018px #ecbd7b, 847px 1764px #ecbd7b, 1063px 1912px #ecbd7b, 797px 492px #ecbd7b, 506px 1506px #ecbd7b, 43px 1870px #ecbd7b, 1199px 1156px #ecbd7b, 1306px 818px #ecbd7b, 1812px 1476px #ecbd7b, 1367px 549px #ecbd7b, 681px 886px #ecbd7b, 1429px 1878px #ecbd7b, 398px 1876px #ecbd7b, 1718px 463px #ecbd7b, 362px 1322px #ecbd7b, 1136px 608px #ecbd7b, 1563px 1157px #ecbd7b, 1508px 999px #ecbd7b, 1061px 1518px #ecbd7b, 219px 1222px #ecbd7b, 1427px 1188px #ecbd7b, 1147px 375px #ecbd7b, 522px 1367px #ecbd7b, 1460px 414px #ecbd7b, 1463px 1290px #ecbd7b, 1069px 330px #ecbd7b, 1909px 1366px #ecbd7b, 1165px 986px #ecbd7b, 1235px 1727px #ecbd7b, 821px 134px #ecbd7b, 390px 1891px #ecbd7b, 380px 270px #ecbd7b, 1416px 1880px #ecbd7b, 807px 493px #ecbd7b, 658px 2000px #ecbd7b, 1213px 892px #ecbd7b, 1716px 1594px #ecbd7b, 376px 593px #ecbd7b, 1896px 1992px #ecbd7b, 1293px 1106px #ecbd7b, 631px 1545px #ecbd7b, 1870px 663px #ecbd7b, 1387px 1974px #ecbd7b, 1363px 1928px #ecbd7b, 1442px 1134px #ecbd7b, 241px 1581px #ecbd7b, 1088px 1686px #ecbd7b, 904px 1659px #ecbd7b, 176px 333px #ecbd7b, 1954px 209px #ecbd7b, 188px 570px #ecbd7b, 1122px 865px #ecbd7b, 1755px 1567px #ecbd7b, 1560px 573px #ecbd7b, 1599px 460px #ecbd7b, 1892px 1025px #ecbd7b, 1311px 302px #ecbd7b, 73px 242px #ecbd7b, 1097px 1622px #ecbd7b, 1510px 651px #ecbd7b, 314px 1867px #ecbd7b, 1837px 922px #ecbd7b, 355px 1439px #ecbd7b, 1840px 1742px #ecbd7b, 1965px 186px #ecbd7b, 1190px 856px #ecbd7b, 1378px 1192px #ecbd7b, 477px 1871px #ecbd7b, 1194px 121px #ecbd7b, 179px 1278px #ecbd7b, 168px 161px #ecbd7b, 1080px 1496px #ecbd7b, 1670px 1045px #ecbd7b, 1717px 305px #ecbd7b, 1615px 94px #ecbd7b, 207px 428px #ecbd7b, 462px 1269px #ecbd7b, 1390px 445px #ecbd7b, 1728px 1171px #ecbd7b, 56px 904px #ecbd7b, 311px 1230px #ecbd7b, 1046px 1898px #ecbd7b, 1188px 1922px #ecbd7b, 687px 262px #ecbd7b, 1758px 301px #ecbd7b, 280px 1911px #ecbd7b, 636px 31px #ecbd7b, 1961px 1967px #ecbd7b, 1268px 400px #ecbd7b, 1694px 968px #ecbd7b, 1250px 1080px #ecbd7b, 1783px 396px #ecbd7b, 129px 562px #ecbd7b, 1466px 1208px #ecbd7b, 1460px 1645px #ecbd7b, 898px 1464px #ecbd7b, 224px 1915px #ecbd7b, 1593px 445px #ecbd7b, 1635px 248px #ecbd7b, 192px 1464px #ecbd7b, 1630px 1802px #ecbd7b, 1589px 1682px #ecbd7b, 1637px 620px #ecbd7b, 659px 330px #ecbd7b, 1145px 1926px #ecbd7b, 774px 1558px #ecbd7b, 1378px 721px #ecbd7b, 63px 1136px #ecbd7b, 9px 361px #ecbd7b, 1667px 1989px #ecbd7b, 457px 167px #ecbd7b, 509px 474px #ecbd7b, 1785px 1448px #ecbd7b, 641px 1123px #ecbd7b, 371px 1099px #ecbd7b, 194px 171px #ecbd7b, 614px 1454px #ecbd7b, 1251px 863px #ecbd7b, 970px 776px #ecbd7b, 1340px 1858px #ecbd7b, 1158px 28px #ecbd7b, 1924px 1479px #ecbd7b, 867px 937px #ecbd7b, 290px 277px #ecbd7b, 187px 1595px #ecbd7b, 1028px 1397px #ecbd7b, 1996px 370px #ecbd7b, 178px 997px #ecbd7b, 1520px 1977px #ecbd7b, 578px 395px #ecbd7b, 1069px 1515px #ecbd7b, 1708px 1460px #ecbd7b, 1715px 1055px #ecbd7b, 1191px 1398px #ecbd7b, 1648px 1602px #ecbd7b, 636px 1227px #ecbd7b, 313px 368px #ecbd7b, 1757px 1161px #ecbd7b, 1061px 375px #ecbd7b, 693px 956px #ecbd7b, 706px 882px #ecbd7b, 1358px 545px #ecbd7b, 23px 1712px #ecbd7b, 206px 1704px #ecbd7b, 1874px 673px #ecbd7b, 1010px 1968px #ecbd7b, 368px 1538px #ecbd7b, 1008px 869px #ecbd7b, 1769px 1490px #ecbd7b, 143px 1797px #ecbd7b, 481px 111px #ecbd7b, 187px 1180px #ecbd7b, 1796px 1483px #ecbd7b, 1164px 197px #ecbd7b, 1131px 702px #ecbd7b, 1083px 1641px #ecbd7b, 1905px 1036px #ecbd7b, 319px 27px #ecbd7b, 790px 110px #ecbd7b, 1504px 1596px #ecbd7b, 633px 1847px #ecbd7b, 439px 420px #ecbd7b, 1125px 454px #ecbd7b, 1707px 762px #ecbd7b, 965px 310px #ecbd7b, 482px 1234px #ecbd7b, 1739px 20px #ecbd7b, 220px 1636px #ecbd7b, 965px 1037px #ecbd7b, 1458px 58px #ecbd7b, 1342px 1249px #ecbd7b, 5px 65px #ecbd7b, 1221px 1078px #ecbd7b, 448px 1476px #ecbd7b, 1253px 277px #ecbd7b, 253px 1892px #ecbd7b, 1195px 1061px #ecbd7b, 727px 538px #ecbd7b, 575px 1068px #ecbd7b, 283px 1641px #ecbd7b, 1502px 1042px #ecbd7b, 1936px 546px #ecbd7b, 1125px 850px #ecbd7b, 1692px 1120px #ecbd7b, 767px 783px #ecbd7b, 614px 922px #ecbd7b, 870px 1348px #ecbd7b, 957px 1117px #ecbd7b, 398px 1658px #ecbd7b, 1304px 155px #ecbd7b, 1619px 1798px #ecbd7b, 1069px 108px #ecbd7b, 778px 177px #ecbd7b, 667px 547px #ecbd7b, 948px 544px #ecbd7b, 1697px 447px #ecbd7b, 1757px 540px #ecbd7b, 924px 997px #ecbd7b, 1581px 982px #ecbd7b, 236px 1189px #ecbd7b, 772px 1246px #ecbd7b, 1241px 995px #ecbd7b, 1383px 546px #ecbd7b, 1430px 933px #ecbd7b, 1680px 1127px #ecbd7b, 211px 699px #ecbd7b, 1607px 1123px #ecbd7b, 1175px 1878px #ecbd7b, 1080px 1172px #ecbd7b, 1341px 1151px #ecbd7b, 558px 771px #ecbd7b, 88px 735px #ecbd7b, 942px 160px #ecbd7b, 419px 1092px #ecbd7b, 246px 753px #ecbd7b, 1855px 1170px #ecbd7b, 1467px 1886px #ecbd7b, 447px 484px #ecbd7b, 1784px 342px #ecbd7b, 967px 1448px #ecbd7b, 825px 1001px #ecbd7b, 457px 1095px #ecbd7b, 400px 1489px #ecbd7b, 417px 1334px #ecbd7b, 771px 1801px #ecbd7b, 386px 831px #ecbd7b, 657px 1679px #ecbd7b, 357px 1819px #ecbd7b, 230px 1238px #ecbd7b, 1088px 1523px #ecbd7b, 386px 1394px #ecbd7b, 633px 463px #ecbd7b, 913px 158px #ecbd7b, 534px 1956px #ecbd7b, 1838px 385px #ecbd7b, 229px 1793px #ecbd7b, 1656px 1300px #ecbd7b, 959px 55px #ecbd7b, 1781px 874px #ecbd7b, 336px 750px #ecbd7b, 1286px 1113px #ecbd7b, 1397px 1592px #ecbd7b, 1788px 487px #ecbd7b, 1128px 414px #ecbd7b, 280px 1062px #ecbd7b, 1037px 164px #ecbd7b, 697px 935px #ecbd7b, 1018px 197px #ecbd7b, 290px 1391px #ecbd7b, 1058px 1616px #ecbd7b, 931px 1830px #ecbd7b, 99px 1841px #ecbd7b, 1447px 623px #ecbd7b, 1182px 138px #ecbd7b, 177px 1214px #ecbd7b, 1846px 293px #ecbd7b, 1019px 115px #ecbd7b, 1416px 1084px #ecbd7b, 13px 610px #ecbd7b, 300px 468px #ecbd7b, 221px 584px #ecbd7b, 1824px 732px #ecbd7b, 905px 1062px #ecbd7b
}

.x-register-card-footer #stars6:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars7 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars7, .x-register-card-footer #stars7:after {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1464px 10188px #ecbd7b, 1700px 263px #ecbd7b, 1315px 1755px #ecbd7b, 1613px 673px #ecbd7b, 1301px 1966px #ecbd7b, 961px 956px #ecbd7b, 21px 241px #ecbd7b, 1025px 1021px #ecbd7b, 434px 1947px #ecbd7b, 1726px 32px #ecbd7b, 1290px 1368px #ecbd7b, 470px 501px #ecbd7b, 784px 1127px #ecbd7b, 667px 1716px #ecbd7b, 1685px 963px #ecbd7b, 1889px 1240px #ecbd7b, 695px 1825px #ecbd7b, 758px 1358px #ecbd7b, 876px 1252px #ecbd7b, 1821px 545px #ecbd7b, 744px 1259px #ecbd7b, 54px 1166px #ecbd7b, 1355px 358px #ecbd7b, 15px 158px #ecbd7b, 1867px 1232px #ecbd7b, 1573px 501px #ecbd7b, 1318px 1454px #ecbd7b, 960px 320px #ecbd7b, 383px 529px #ecbd7b, 1492px 1005px #ecbd7b, 1758px 584px #ecbd7b, 518px 1024px #ecbd7b, 518px 812px #ecbd7b, 781px 578px #ecbd7b, 934px 145px #ecbd7b, 1412px 1669px #ecbd7b, 1128px 1183px #ecbd7b, 790px 1050px #ecbd7b, 115px 319px #ecbd7b, 1313px 239px #ecbd7b, 1941px 10px #ecbd7b, 499px 60px #ecbd7b, 1059px 1604px #ecbd7b, 1887px 238px #ecbd7b, 1867px 1553px #ecbd7b, 677px 1562px #ecbd7b, 1757px 747px #ecbd7b, 876px 651px #ecbd7b, 1494px 1876px #ecbd7b, 876px 513px #ecbd7b, 1397px 389px #ecbd7b, 917px 880px #ecbd7b, 598px 749px #ecbd7b, 1489px 962px #ecbd7b, 1856px 1825px #ecbd7b, 1875px 1310px #ecbd7b, 321px 605px #ecbd7b, 806px 1873px #ecbd7b, 629px 817px #ecbd7b, 1366px 1407px #ecbd7b, 726px 818px #ecbd7b, 595px 956px #ecbd7b, 1799px 1439px #ecbd7b, 1927px 988px #ecbd7b, 833px 1866px #ecbd7b, 680px 158px #ecbd7b, 1256px 1159px #ecbd7b, 1847px 391px #ecbd7b, 354px 959px #ecbd7b, 1468px 1598px #ecbd7b, 1759px 1774px #ecbd7b, 53px 1173px #ecbd7b, 1621px 777px #ecbd7b, 1496px 96px #ecbd7b, 666px 1295px #ecbd7b, 174px 1579px #ecbd7b, 1804px 1235px #ecbd7b, 1538px 1169px #ecbd7b, 1469px 591px #ecbd7b, 699px 1132px #ecbd7b, 1358px 1811px #ecbd7b, 110px 1542px #ecbd7b, 308px 1404px #ecbd7b, 424px 580px #ecbd7b, 1982px 1416px #ecbd7b, 1103px 15px #ecbd7b, 358px 824px #ecbd7b, 1634px 646px #ecbd7b, 1606px 508px #ecbd7b, 928px 573px #ecbd7b, 635px 988px #ecbd7b, 1511px 932px #ecbd7b, 1102px 1878px #ecbd7b, 1555px 1281px #ecbd7b, 1626px 1883px #ecbd7b, 74px 199px #ecbd7b, 527px 550px #ecbd7b, 738px 1315px #ecbd7b, 1285px 1817px #ecbd7b, 460px 692px #ecbd7b, 1452px 350px #ecbd7b, 1698px 1620px #ecbd7b, 1167px 1414px #ecbd7b, 1630px 755px #ecbd7b, 1422px 253px #ecbd7b, 858px 726px #ecbd7b, 721px 1034px #ecbd7b, 1462px 1796px #ecbd7b, 1819px 1283px #ecbd7b, 1457px 552px #ecbd7b, 1456px 712px #ecbd7b, 1181px 1459px #ecbd7b, 1855px 1639px #ecbd7b, 1105px 754px #ecbd7b, 1534px 144px #ecbd7b, 642px 1179px #ecbd7b, 1835px 144px #ecbd7b, 230px 943px #ecbd7b, 1040px 1809px #ecbd7b, 1842px 431px #ecbd7b, 657px 655px #ecbd7b, 1635px 1366px #ecbd7b, 138px 23px #ecbd7b, 1459px 207px #ecbd7b, 1640px 1015px #ecbd7b, 1088px 1471px #ecbd7b, 125px 474px #ecbd7b, 855px 899px #ecbd7b, 131px 867px #ecbd7b, 1497px 1392px #ecbd7b, 302px 1259px #ecbd7b, 1515px 1546px #ecbd7b, 14px 1505px #ecbd7b, 1686px 752px #ecbd7b, 445px 922px #ecbd7b, 747px 633px #ecbd7b, 437px 572px #ecbd7b, 1458px 1041px #ecbd7b, 580px 1276px #ecbd7b, 1547px 1076px #ecbd7b, 189px 1011px #ecbd7b, 483px 1612px #ecbd7b, 589px 1615px #ecbd7b, 805px 1760px #ecbd7b, 1773px 453px #ecbd7b, 776px 426px #ecbd7b, 792px 1838px #ecbd7b, 1863px 1099px #ecbd7b, 1748px 1980px #ecbd7b, 1373px 1164px #ecbd7b, 129px 900px #ecbd7b, 1325px 837px #ecbd7b, 743px 1201px #ecbd7b, 1078px 213px #ecbd7b, 1755px 537px #ecbd7b, 1075px 137px #ecbd7b, 974px 1473px #ecbd7b, 1079px 546px #ecbd7b, 267px 1773px #ecbd7b, 872px 1576px #ecbd7b, 1722px 870px #ecbd7b, 1061px 1857px #ecbd7b, 393px 884px #ecbd7b, 1282px 474px #ecbd7b, 50px 952px #ecbd7b, 710px 1980px #ecbd7b, 1305px 1076px #ecbd7b, 1328px 1546px #ecbd7b, 1976px 213px #ecbd7b, 1706px 1584px #ecbd7b, 376px 284px #ecbd7b, 891px 188px #ecbd7b, 96px 492px #ecbd7b, 256px 1588px #ecbd7b, 508px 133px #ecbd7b, 1367px 829px #ecbd7b, 275px 155px #ecbd7b, 1853px 283px #ecbd7b, 328px 1750px #ecbd7b, 954px 1936px #ecbd7b, 498px 612px #ecbd7b, 1100px 172px #ecbd7b, 1868px 1409px #ecbd7b, 1753px 703px #ecbd7b, 1853px 1715px #ecbd7b, 1920px 1361px #ecbd7b, 1927px 357px #ecbd7b, 908px 1203px #ecbd7b, 57px 39px #ecbd7b, 947px 31px #ecbd7b, 1330px 945px #ecbd7b, 1843px 483px #ecbd7b, 1473px 491px #ecbd7b, 747px 1185px #ecbd7b, 795px 617px #ecbd7b, 780px 722px #ecbd7b, 1788px 1479px #ecbd7b, 1963px 455px #ecbd7b, 1748px 322px #ecbd7b, 1707px 329px #ecbd7b, 1053px 83px #ecbd7b, 1618px 1193px #ecbd7b, 1828px 682px #ecbd7b, 858px 709px #ecbd7b, 1732px 1440px #ecbd7b, 1926px 161px #ecbd7b, 251px 583px #ecbd7b, 1567px 5px #ecbd7b, 141px 1540px #ecbd7b, 1267px 1860px #ecbd7b, 870px 657px #ecbd7b, 1299px 242px #ecbd7b, 107px 461px #ecbd7b, 468px 307px #ecbd7b, 145px 1902px #ecbd7b, 1632px 943px #ecbd7b, 673px 791px #ecbd7b, 1627px 26px #ecbd7b, 1037px 298px #ecbd7b, 1795px 1139px #ecbd7b, 538px 207px #ecbd7b, 510px 1566px #ecbd7b, 953px 1112px #ecbd7b, 1095px 1200px #ecbd7b, 285px 803px #ecbd7b, 1017px 1617px #ecbd7b, 1439px 558px #ecbd7b, 183px 403px #ecbd7b, 497px 703px #ecbd7b, 1580px 928px #ecbd7b, 807px 1095px #ecbd7b, 224px 1379px #ecbd7b, 218px 1290px #ecbd7b, 1827px 478px #ecbd7b, 336px 165px #ecbd7b, 1561px 1058px #ecbd7b, 1076px 834px #ecbd7b, 1482px 1943px #ecbd7b, 985px 1567px #ecbd7b, 937px 343px #ecbd7b, 1959px 1448px #ecbd7b, 1918px 985px #ecbd7b, 664px 556px #ecbd7b, 1741px 1022px #ecbd7b, 1511px 1930px #ecbd7b, 1916px 1666px #ecbd7b, 136px 918px #ecbd7b, 1892px 1344px #ecbd7b, 1410px 1980px #ecbd7b, 1964px 54px #ecbd7b, 616px 183px #ecbd7b, 1937px 494px #ecbd7b, 1699px 1273px #ecbd7b, 1493px 1685px #ecbd7b, 639px 1814px #ecbd7b, 1161px 556px #ecbd7b, 88px 207px #ecbd7b, 1998px 210px #ecbd7b, 564px 330px #ecbd7b, 470px 1470px #ecbd7b, 597px 496px #ecbd7b, 382px 338px #ecbd7b, 634px 460px #ecbd7b, 1915px 1826px #ecbd7b, 581px 1011px #ecbd7b, 1688px 791px #ecbd7b, 1969px 796px #ecbd7b, 335px 1022px #ecbd7b, 500px 44px #ecbd7b, 1120px 1677px #ecbd7b, 72px 1897px #ecbd7b, 1732px 73px #ecbd7b, 1788px 1612px #ecbd7b, 170px 158px #ecbd7b, 1604px 1292px #ecbd7b, 124px 386px #ecbd7b, 22px 359px #ecbd7b, 1017px 1176px #ecbd7b, 1894px 465px #ecbd7b, 814px 1296px #ecbd7b, 950px 1113px #ecbd7b, 1057px 1966px #ecbd7b, 304px 1555px #ecbd7b, 1119px 1485px #ecbd7b, 1690px 413px #ecbd7b, 680px 652px #ecbd7b, 704px 242px #ecbd7b, 1132px 1433px #ecbd7b, 1384px 785px #ecbd7b, 1356px 1990px #ecbd7b, 1635px 1076px #ecbd7b, 180px 1478px #ecbd7b, 1223px 528px #ecbd7b, 817px 1740px #ecbd7b, 1586px 954px #ecbd7b, 104px 760px #ecbd7b, 1834px 428px #ecbd7b, 449px 1681px #ecbd7b, 662px 181px #ecbd7b, 1538px 591px #ecbd7b
}

.x-register-card-footer #stars7:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars9 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars9, .x-register-card-footer #stars9:after {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 798px 13122px #ecbd7b, 388px 766px #ecbd7b, 268px 1928px #ecbd7b, 449px 592px #ecbd7b, 47px 1229px #ecbd7b, 454px 666px #ecbd7b, 1523px 723px #ecbd7b, 1190px 1236px #ecbd7b, 682px 1188px #ecbd7b, 43px 1539px #ecbd7b, 512px 15px #ecbd7b, 1491px 1942px #ecbd7b, 1960px 1525px #ecbd7b, 1982px 1339px #ecbd7b, 1124px 1507px #ecbd7b, 819px 696px #ecbd7b, 765px 370px #ecbd7b, 645px 477px #ecbd7b, 458px 1289px #ecbd7b, 392px 1896px #ecbd7b, 1988px 239px #ecbd7b, 1766px 1425px #ecbd7b, 1327px 378px #ecbd7b, 424px 1521px #ecbd7b, 527px 703px #ecbd7b, 248px 94px #ecbd7b, 223px 37px #ecbd7b, 190px 988px #ecbd7b, 1994px 634px #ecbd7b, 568px 1616px #ecbd7b, 445px 1241px #ecbd7b, 1235px 1964px #ecbd7b, 1798px 1424px #ecbd7b, 807px 1807px #ecbd7b, 58px 1016px #ecbd7b, 1762px 944px #ecbd7b, 725px 1799px #ecbd7b, 1201px 73px #ecbd7b, 100px 1820px #ecbd7b, 671px 1328px #ecbd7b, 272px 1262px #ecbd7b, 1854px 761px #ecbd7b, 1259px 1368px #ecbd7b, 996px 1246px #ecbd7b, 1979px 1663px #ecbd7b, 257px 353px #ecbd7b, 1939px 1630px #ecbd7b, 1919px 96px #ecbd7b, 1453px 377px #ecbd7b, 628px 1996px #ecbd7b, 1274px 1576px #ecbd7b, 1225px 968px #ecbd7b, 259px 1745px #ecbd7b, 80px 298px #ecbd7b, 341px 301px #ecbd7b, 1899px 1467px #ecbd7b, 1239px 286px #ecbd7b, 1165px 689px #ecbd7b, 179px 2px #ecbd7b, 567px 416px #ecbd7b, 1335px 50px #ecbd7b, 14px 1861px #ecbd7b, 1147px 1923px #ecbd7b, 130px 641px #ecbd7b, 1690px 1577px #ecbd7b, 799px 1758px #ecbd7b, 98px 1471px #ecbd7b, 1073px 1174px #ecbd7b, 1553px 1582px #ecbd7b, 1745px 1738px #ecbd7b, 1938px 547px #ecbd7b, 333px 1216px #ecbd7b, 1712px 1157px #ecbd7b, 336px 1294px #ecbd7b, 381px 1436px #ecbd7b, 1318px 1865px #ecbd7b, 554px 1685px #ecbd7b, 1355px 1474px #ecbd7b, 1632px 285px #ecbd7b, 1097px 1524px #ecbd7b, 1634px 76px #ecbd7b, 471px 1250px #ecbd7b, 834px 1010px #ecbd7b, 85px 469px #ecbd7b, 437px 578px #ecbd7b, 1741px 710px #ecbd7b, 1324px 672px #ecbd7b, 274px 422px #ecbd7b, 1024px 472px #ecbd7b, 1128px 1877px #ecbd7b, 480px 524px #ecbd7b, 1567px 998px #ecbd7b, 670px 1437px #ecbd7b, 1240px 1156px #ecbd7b, 155px 602px #ecbd7b, 208px 1263px #ecbd7b, 677px 1458px #ecbd7b, 656px 1935px #ecbd7b, 1655px 1157px #ecbd7b, 1386px 1479px #ecbd7b, 1541px 1271px #ecbd7b, 722px 1360px #ecbd7b, 709px 1165px #ecbd7b, 596px 1006px #ecbd7b, 1372px 881px #ecbd7b, 125px 1213px #ecbd7b, 1596px 1143px #ecbd7b, 1871px 22px #ecbd7b, 1305px 1592px #ecbd7b, 1811px 16px #ecbd7b, 442px 344px #ecbd7b, 397px 1686px #ecbd7b, 351px 1242px #ecbd7b, 249px 1816px #ecbd7b, 1175px 266px #ecbd7b, 1146px 1808px #ecbd7b, 266px 389px #ecbd7b, 727px 1336px #ecbd7b, 1390px 962px #ecbd7b, 255px 1086px #ecbd7b, 757px 471px #ecbd7b, 86px 1139px #ecbd7b, 960px 1881px #ecbd7b, 1357px 162px #ecbd7b, 661px 1257px #ecbd7b, 1932px 871px #ecbd7b, 1647px 190px #ecbd7b, 1654px 252px #ecbd7b, 1688px 661px #ecbd7b, 139px 1209px #ecbd7b, 260px 1085px #ecbd7b, 1804px 86px #ecbd7b, 1378px 278px #ecbd7b, 133px 353px #ecbd7b, 1777px 1820px #ecbd7b, 284px 1711px #ecbd7b, 1511px 923px #ecbd7b, 1657px 765px #ecbd7b, 1500px 494px #ecbd7b, 1646px 27px #ecbd7b, 1614px 818px #ecbd7b, 539px 1299px #ecbd7b, 1528px 370px #ecbd7b, 1207px 1533px #ecbd7b, 1038px 1475px #ecbd7b, 1770px 1280px #ecbd7b, 1512px 626px #ecbd7b, 1322px 164px #ecbd7b, 1105px 1969px #ecbd7b, 198px 788px #ecbd7b, 1650px 1505px #ecbd7b, 1189px 23px #ecbd7b, 1796px 1692px #ecbd7b, 113px 1514px #ecbd7b, 434px 312px #ecbd7b, 1872px 16px #ecbd7b, 1472px 1546px #ecbd7b, 948px 1901px #ecbd7b, 548px 810px #ecbd7b, 748px 678px #ecbd7b, 1478px 748px #ecbd7b, 154px 575px #ecbd7b, 1825px 1894px #ecbd7b, 483px 59px #ecbd7b, 1265px 840px #ecbd7b, 939px 41px #ecbd7b, 1424px 1756px #ecbd7b, 976px 726px #ecbd7b, 571px 728px #ecbd7b, 482px 1846px #ecbd7b, 773px 957px #ecbd7b, 315px 1713px #ecbd7b, 645px 1496px #ecbd7b, 1262px 1342px #ecbd7b, 1291px 23px #ecbd7b, 1245px 754px #ecbd7b, 1139px 1441px #ecbd7b, 978px 1020px #ecbd7b, 1273px 1169px #ecbd7b, 1027px 131px #ecbd7b, 498px 1965px #ecbd7b, 545px 1979px #ecbd7b, 526px 342px #ecbd7b, 624px 1074px #ecbd7b, 1284px 208px #ecbd7b, 209px 1312px #ecbd7b, 201px 1429px #ecbd7b, 427px 426px #ecbd7b, 773px 1567px #ecbd7b, 1924px 205px #ecbd7b, 1703px 1754px #ecbd7b, 1202px 1607px #ecbd7b, 1788px 757px #ecbd7b, 1345px 177px #ecbd7b, 1173px 394px #ecbd7b, 31px 237px #ecbd7b, 1908px 976px #ecbd7b, 612px 1533px #ecbd7b, 1496px 1013px #ecbd7b, 1319px 763px #ecbd7b, 806px 1431px #ecbd7b, 1970px 1520px #ecbd7b, 288px 1366px #ecbd7b, 124px 715px #ecbd7b, 159px 1505px #ecbd7b, 1682px 165px #ecbd7b, 839px 1549px #ecbd7b, 938px 369px #ecbd7b, 1913px 1059px #ecbd7b, 1368px 1178px #ecbd7b, 408px 1322px #ecbd7b, 797px 1366px #ecbd7b, 1002px 1567px #ecbd7b, 338px 1713px #ecbd7b, 1021px 35px #ecbd7b, 1151px 373px #ecbd7b, 894px 759px #ecbd7b, 38px 1025px #ecbd7b, 1285px 856px #ecbd7b, 1345px 1994px #ecbd7b, 26px 961px #ecbd7b, 427px 1020px #ecbd7b, 1674px 989px #ecbd7b, 1988px 1267px #ecbd7b, 342px 743px #ecbd7b, 1113px 777px #ecbd7b, 1027px 988px #ecbd7b, 103px 897px #ecbd7b, 1349px 394px #ecbd7b, 598px 30px #ecbd7b, 791px 541px #ecbd7b, 760px 528px #ecbd7b, 909px 1818px #ecbd7b, 1143px 526px #ecbd7b, 841px 306px #ecbd7b, 636px 588px #ecbd7b, 1490px 1523px #ecbd7b, 1453px 98px #ecbd7b, 1516px 379px #ecbd7b, 877px 1617px #ecbd7b, 676px 192px #ecbd7b, 1483px 163px #ecbd7b, 211px 167px #ecbd7b, 319px 1483px #ecbd7b, 756px 1702px #ecbd7b, 744px 1384px #ecbd7b, 1395px 742px #ecbd7b, 1087px 321px #ecbd7b, 638px 830px #ecbd7b, 1291px 1976px #ecbd7b, 265px 1053px #ecbd7b, 504px 1001px #ecbd7b, 1696px 570px #ecbd7b, 835px 957px #ecbd7b, 616px 1580px #ecbd7b, 779px 1040px #ecbd7b, 1503px 1144px #ecbd7b, 540px 1275px #ecbd7b, 1571px 319px #ecbd7b, 257px 656px #ecbd7b, 207px 465px #ecbd7b, 451px 1934px #ecbd7b, 218px 949px #ecbd7b, 1345px 591px #ecbd7b, 1883px 799px #ecbd7b, 1657px 1039px #ecbd7b, 1921px 1647px #ecbd7b, 1410px 244px #ecbd7b, 834px 961px #ecbd7b, 359px 1376px #ecbd7b, 1268px 70px #ecbd7b, 757px 1853px #ecbd7b, 1896px 1519px #ecbd7b, 445px 1175px #ecbd7b, 871px 419px #ecbd7b, 1030px 750px #ecbd7b, 1083px 1083px #ecbd7b, 589px 552px #ecbd7b, 1169px 1202px #ecbd7b, 41px 424px #ecbd7b, 1523px 1170px #ecbd7b, 1049px 1021px #ecbd7b, 987px 393px #ecbd7b, 415px 1674px #ecbd7b, 948px 183px #ecbd7b, 1285px 1256px #ecbd7b, 802px 112px #ecbd7b, 1492px 732px #ecbd7b, 775px 1664px #ecbd7b, 832px 1805px #ecbd7b, 924px 1099px #ecbd7b, 1523px 1588px #ecbd7b, 923px 1032px #ecbd7b, 359px 105px #ecbd7b, 731px 933px #ecbd7b, 120px 220px #ecbd7b, 159px 1944px #ecbd7b, 1287px 168px #ecbd7b, 1735px 1846px #ecbd7b, 945px 1322px #ecbd7b, 1864px 1436px #ecbd7b, 842px 1730px #ecbd7b, 878px 554px #ecbd7b, 1842px 1908px #ecbd7b, 1028px 69px #ecbd7b, 905px 409px #ecbd7b, 1900px 852px #ecbd7b, 1700px 1322px #ecbd7b, 1648px 1208px #ecbd7b, 1546px 1493px #ecbd7b, 1200px 373px #ecbd7b, 720px 380px #ecbd7b, 611px 111px #ecbd7b, 317px 1625px #ecbd7b, 1032px 325px #ecbd7b, 1304px 980px #ecbd7b, 1213px 569px #ecbd7b, 1681px 1914px #ecbd7b, 864px 1445px #ecbd7b, 1180px 838px #ecbd7b, 802px 1019px #ecbd7b, 679px 1163px #ecbd7b, 132px 1117px #ecbd7b, 1335px 1949px #ecbd7b, 9px 1420px #ecbd7b, 1511px 936px #ecbd7b, 1515px 1281px #ecbd7b, 1335px 1679px #ecbd7b, 226px 250px #ecbd7b, 1497px 886px #ecbd7b, 732px 775px #ecbd7b, 1430px 1148px #ecbd7b, 319px 1340px #ecbd7b, 824px 1824px #ecbd7b, 84px 1104px #ecbd7b, 229px 506px #ecbd7b, 202px 1568px #ecbd7b, 1577px 1272px #ecbd7b, 1844px 1766px #ecbd7b, 1764px 1183px #ecbd7b, 926px 732px #ecbd7b, 1871px 1440px #ecbd7b, 1142px 1262px #ecbd7b, 1516px 980px #ecbd7b, 1270px 658px #ecbd7b, 1123px 994px #ecbd7b, 809px 481px #ecbd7b, 688px 1608px #ecbd7b, 491px 1383px #ecbd7b, 1170px 1069px #ecbd7b, 4px 461px #ecbd7b, 1054px 175px #ecbd7b, 170px 1503px #ecbd7b, 1262px 311px #ecbd7b, 168px 268px #ecbd7b, 1478px 1971px #ecbd7b, 1871px 1354px #ecbd7b, 835px 1715px #ecbd7b, 1677px 198px #ecbd7b, 402px 1299px #ecbd7b, 1122px 1369px #ecbd7b, 664px 1953px #ecbd7b, 1620px 25px #ecbd7b, 1409px 1259px #ecbd7b, 28px 969px #ecbd7b, 1337px 32px #ecbd7b, 1762px 1643px #ecbd7b, 395px 1409px #ecbd7b, 561px 959px #ecbd7b, 997px 441px #ecbd7b, 780px 1137px #ecbd7b, 792px 125px #ecbd7b, 1583px 680px #ecbd7b, 487px 150px #ecbd7b, 19px 1287px #ecbd7b, 321px 939px #ecbd7b, 695px 964px #ecbd7b, 122px 1348px #ecbd7b, 544px 1649px #ecbd7b, 300px 1230px #ecbd7b, 958px 418px #ecbd7b, 1258px 613px #ecbd7b, 1266px 409px #ecbd7b, 1339px 1410px #ecbd7b, 728px 1561px #ecbd7b, 1731px 1426px #ecbd7b, 1371px 1558px #ecbd7b, 261px 1877px #ecbd7b, 939px 1629px #ecbd7b, 282px 710px #ecbd7b, 203px 728px #ecbd7b, 390px 1249px #ecbd7b, 595px 134px #ecbd7b, 1416px 423px #ecbd7b, 152px 1381px #ecbd7b, 609px 1114px #ecbd7b, 1330px 1403px #ecbd7b, 1300px 1852px #ecbd7b, 347px 918px #ecbd7b, 1632px 841px #ecbd7b, 894px 1849px #ecbd7b, 204px 1694px #ecbd7b, 187px 1282px #ecbd7b, 1465px 579px #ecbd7b, 476px 704px #ecbd7b, 353px 1634px #ecbd7b, 1549px 816px #ecbd7b, 1008px 301px #ecbd7b, 1869px 838px #ecbd7b, 66px 1344px #ecbd7b, 1418px 807px #ecbd7b, 1475px 390px #ecbd7b, 1997px 751px #ecbd7b, 1733px 1449px #ecbd7b, 850px 334px #ecbd7b, 943px 469px #ecbd7b, 939px 1682px #ecbd7b, 425px 933px #ecbd7b, 349px 818px #ecbd7b, 80px 1944px #ecbd7b, 1896px 1266px #ecbd7b, 338px 810px #ecbd7b, 1634px 1840px #ecbd7b, 1841px 1861px #ecbd7b, 1276px 178px #ecbd7b, 1009px 131px #ecbd7b, 573px 956px #ecbd7b, 455px 878px #ecbd7b, 365px 51px #ecbd7b, 296px 80px #ecbd7b, 1060px 1842px #ecbd7b, 1607px 174px #ecbd7b, 1957px 633px #ecbd7b, 43px 73px #ecbd7b, 999px 520px #ecbd7b, 408px 259px #ecbd7b, 1228px 384px #ecbd7b, 502px 734px #ecbd7b, 1166px 388px #ecbd7b, 420px 604px #ecbd7b, 911px 621px #ecbd7b, 837px 1568px #ecbd7b, 1096px 1946px #ecbd7b, 246px 1834px #ecbd7b, 352px 1368px #ecbd7b, 1068px 1803px #ecbd7b, 1727px 1835px #ecbd7b, 1084px 1628px #ecbd7b, 1313px 1251px #ecbd7b, 1790px 1889px #ecbd7b, 976px 734px #ecbd7b, 373px 1461px #ecbd7b, 352px 1918px #ecbd7b, 298px 1023px #ecbd7b, 307px 263px #ecbd7b, 1189px 1803px #ecbd7b, 1634px 73px #ecbd7b, 606px 222px #ecbd7b, 642px 96px #ecbd7b, 1498px 796px #ecbd7b, 445px 319px #ecbd7b, 482px 1733px #ecbd7b, 44px 653px #ecbd7b, 955px 548px #ecbd7b, 1837px 1074px #ecbd7b, 1347px 382px #ecbd7b, 949px 1696px #ecbd7b, 1510px 592px #ecbd7b, 575px 572px #ecbd7b, 381px 396px #ecbd7b, 1656px 435px #ecbd7b, 314px 1548px #ecbd7b, 1359px 1445px #ecbd7b, 239px 931px #ecbd7b, 1344px 1216px #ecbd7b, 238px 1473px #ecbd7b, 825px 901px #ecbd7b, 1122px 1454px #ecbd7b, 1695px 1274px #ecbd7b, 1189px 773px #ecbd7b, 276px 1202px #ecbd7b, 822px 1612px #ecbd7b, 1717px 351px #ecbd7b, 1651px 484px #ecbd7b, 403px 1961px #ecbd7b, 474px 1657px #ecbd7b, 1934px 326px #ecbd7b, 1324px 298px #ecbd7b, 1010px 936px #ecbd7b, 1194px 1123px #ecbd7b, 1288px 888px #ecbd7b, 1898px 1986px #ecbd7b, 136px 615px #ecbd7b, 896px 547px #ecbd7b, 894px 877px #ecbd7b, 1115px 561px #ecbd7b, 812px 1252px #ecbd7b, 1793px 990px #ecbd7b, 753px 756px #ecbd7b, 1035px 1557px #ecbd7b
}

.x-register-card-footer #stars9:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-register-card-footer #stars10 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars10, .x-register-card-footer #stars10:after {
    width: 5px;
    height: 5px;
    background: transparent;
    box-shadow: 1464px 10188px #ecbd7b, 1700px 263px #ecbd7b, 1315px 1755px #ecbd7b, 1613px 673px #ecbd7b, 1301px 1966px #ecbd7b, 961px 956px #ecbd7b, 21px 241px #ecbd7b, 1025px 1021px #ecbd7b, 434px 1947px #ecbd7b, 1726px 32px #ecbd7b, 1290px 1368px #ecbd7b, 470px 501px #ecbd7b, 784px 1127px #ecbd7b, 667px 1716px #ecbd7b, 1685px 963px #ecbd7b, 1889px 1240px #ecbd7b, 695px 1825px #ecbd7b, 758px 1358px #ecbd7b, 876px 1252px #ecbd7b, 1821px 545px #ecbd7b, 744px 1259px #ecbd7b, 54px 1166px #ecbd7b, 1355px 358px #ecbd7b, 15px 158px #ecbd7b, 1867px 1232px #ecbd7b, 1573px 501px #ecbd7b, 1318px 1454px #ecbd7b, 960px 320px #ecbd7b, 383px 529px #ecbd7b, 1492px 1005px #ecbd7b, 1758px 584px #ecbd7b, 518px 1024px #ecbd7b, 518px 812px #ecbd7b, 781px 578px #ecbd7b, 934px 145px #ecbd7b, 1412px 1669px #ecbd7b, 1128px 1183px #ecbd7b, 790px 1050px #ecbd7b, 115px 319px #ecbd7b, 1313px 239px #ecbd7b, 1941px 10px #ecbd7b, 499px 60px #ecbd7b, 1059px 1604px #ecbd7b, 1887px 238px #ecbd7b, 1867px 1553px #ecbd7b, 677px 1562px #ecbd7b, 1757px 747px #ecbd7b, 876px 651px #ecbd7b, 1494px 1876px #ecbd7b, 876px 513px #ecbd7b, 1397px 389px #ecbd7b, 917px 880px #ecbd7b, 598px 749px #ecbd7b, 1489px 962px #ecbd7b, 1856px 1825px #ecbd7b, 1875px 1310px #ecbd7b, 321px 605px #ecbd7b, 806px 1873px #ecbd7b, 629px 817px #ecbd7b, 1366px 1407px #ecbd7b, 726px 818px #ecbd7b, 595px 956px #ecbd7b, 1799px 1439px #ecbd7b, 1927px 988px #ecbd7b, 833px 1866px #ecbd7b, 680px 158px #ecbd7b, 1256px 1159px #ecbd7b, 1847px 391px #ecbd7b, 354px 959px #ecbd7b, 1468px 1598px #ecbd7b, 1759px 1774px #ecbd7b, 53px 1173px #ecbd7b, 1621px 777px #ecbd7b, 1496px 96px #ecbd7b, 666px 1295px #ecbd7b, 174px 1579px #ecbd7b, 1804px 1235px #ecbd7b, 1538px 1169px #ecbd7b, 1469px 591px #ecbd7b, 699px 1132px #ecbd7b, 1358px 1811px #ecbd7b, 110px 1542px #ecbd7b, 308px 1404px #ecbd7b, 424px 580px #ecbd7b, 1982px 1416px #ecbd7b, 1103px 15px #ecbd7b, 358px 824px #ecbd7b, 1634px 646px #ecbd7b, 1606px 508px #ecbd7b, 928px 573px #ecbd7b, 635px 988px #ecbd7b, 1511px 932px #ecbd7b, 1102px 1878px #ecbd7b, 1555px 1281px #ecbd7b, 1626px 1883px #ecbd7b, 74px 199px #ecbd7b, 527px 550px #ecbd7b, 738px 1315px #ecbd7b, 1285px 1817px #ecbd7b, 460px 692px #ecbd7b, 1452px 350px #ecbd7b, 1698px 1620px #ecbd7b, 1167px 1414px #ecbd7b, 1630px 755px #ecbd7b, 1422px 253px #ecbd7b, 858px 726px #ecbd7b, 721px 1034px #ecbd7b, 1462px 1796px #ecbd7b, 1819px 1283px #ecbd7b, 1457px 552px #ecbd7b, 1456px 712px #ecbd7b, 1181px 1459px #ecbd7b, 1855px 1639px #ecbd7b, 1105px 754px #ecbd7b, 1534px 144px #ecbd7b, 642px 1179px #ecbd7b, 1835px 144px #ecbd7b, 230px 943px #ecbd7b, 1040px 1809px #ecbd7b, 1842px 431px #ecbd7b, 657px 655px #ecbd7b, 1635px 1366px #ecbd7b, 138px 23px #ecbd7b, 1459px 207px #ecbd7b, 1640px 1015px #ecbd7b, 1088px 1471px #ecbd7b, 125px 474px #ecbd7b, 855px 899px #ecbd7b, 131px 867px #ecbd7b, 1497px 1392px #ecbd7b, 302px 1259px #ecbd7b, 1515px 1546px #ecbd7b, 14px 1505px #ecbd7b, 1686px 752px #ecbd7b, 445px 922px #ecbd7b, 747px 633px #ecbd7b, 437px 572px #ecbd7b, 1458px 1041px #ecbd7b, 580px 1276px #ecbd7b, 1547px 1076px #ecbd7b, 189px 1011px #ecbd7b, 483px 1612px #ecbd7b, 589px 1615px #ecbd7b, 805px 1760px #ecbd7b, 1773px 453px #ecbd7b, 776px 426px #ecbd7b, 792px 1838px #ecbd7b, 1863px 1099px #ecbd7b, 1748px 1980px #ecbd7b, 1373px 1164px #ecbd7b, 129px 900px #ecbd7b, 1325px 837px #ecbd7b, 743px 1201px #ecbd7b, 1078px 213px #ecbd7b, 1755px 537px #ecbd7b, 1075px 137px #ecbd7b, 974px 1473px #ecbd7b, 1079px 546px #ecbd7b, 267px 1773px #ecbd7b, 872px 1576px #ecbd7b, 1722px 870px #ecbd7b, 1061px 1857px #ecbd7b, 393px 884px #ecbd7b, 1282px 474px #ecbd7b, 50px 952px #ecbd7b, 710px 1980px #ecbd7b, 1305px 1076px #ecbd7b, 1328px 1546px #ecbd7b, 1976px 213px #ecbd7b, 1706px 1584px #ecbd7b, 376px 284px #ecbd7b, 891px 188px #ecbd7b, 96px 492px #ecbd7b, 256px 1588px #ecbd7b, 508px 133px #ecbd7b, 1367px 829px #ecbd7b, 275px 155px #ecbd7b, 1853px 283px #ecbd7b, 328px 1750px #ecbd7b, 954px 1936px #ecbd7b, 498px 612px #ecbd7b, 1100px 172px #ecbd7b, 1868px 1409px #ecbd7b, 1753px 703px #ecbd7b, 1853px 1715px #ecbd7b, 1920px 1361px #ecbd7b, 1927px 357px #ecbd7b, 908px 1203px #ecbd7b, 57px 39px #ecbd7b, 947px 31px #ecbd7b, 1330px 945px #ecbd7b, 1843px 483px #ecbd7b, 1473px 491px #ecbd7b, 747px 1185px #ecbd7b, 795px 617px #ecbd7b, 780px 722px #ecbd7b, 1788px 1479px #ecbd7b, 1963px 455px #ecbd7b, 1748px 322px #ecbd7b, 1707px 329px #ecbd7b, 1053px 83px #ecbd7b, 1618px 1193px #ecbd7b, 1828px 682px #ecbd7b, 858px 709px #ecbd7b, 1732px 1440px #ecbd7b, 1926px 161px #ecbd7b, 251px 583px #ecbd7b, 1567px 5px #ecbd7b, 141px 1540px #ecbd7b, 1267px 1860px #ecbd7b, 870px 657px #ecbd7b, 1299px 242px #ecbd7b, 107px 461px #ecbd7b, 468px 307px #ecbd7b, 145px 1902px #ecbd7b, 1632px 943px #ecbd7b, 673px 791px #ecbd7b, 1627px 26px #ecbd7b, 1037px 298px #ecbd7b, 1795px 1139px #ecbd7b, 538px 207px #ecbd7b, 510px 1566px #ecbd7b, 953px 1112px #ecbd7b, 1095px 1200px #ecbd7b, 285px 803px #ecbd7b, 1017px 1617px #ecbd7b, 1439px 558px #ecbd7b, 183px 403px #ecbd7b, 497px 703px #ecbd7b, 1580px 928px #ecbd7b, 807px 1095px #ecbd7b, 224px 1379px #ecbd7b, 218px 1290px #ecbd7b, 1827px 478px #ecbd7b, 336px 165px #ecbd7b, 1561px 1058px #ecbd7b, 1076px 834px #ecbd7b, 1482px 1943px #ecbd7b, 985px 1567px #ecbd7b, 937px 343px #ecbd7b, 1959px 1448px #ecbd7b, 1918px 985px #ecbd7b, 664px 556px #ecbd7b, 1741px 1022px #ecbd7b, 1511px 1930px #ecbd7b, 1916px 1666px #ecbd7b, 136px 918px #ecbd7b, 1892px 1344px #ecbd7b, 1410px 1980px #ecbd7b, 1964px 54px #ecbd7b, 616px 183px #ecbd7b, 1937px 494px #ecbd7b, 1699px 1273px #ecbd7b, 1493px 1685px #ecbd7b, 639px 1814px #ecbd7b, 1161px 556px #ecbd7b, 88px 207px #ecbd7b, 1998px 210px #ecbd7b, 564px 330px #ecbd7b, 470px 1470px #ecbd7b, 597px 496px #ecbd7b, 382px 338px #ecbd7b, 634px 460px #ecbd7b, 1915px 1826px #ecbd7b, 581px 1011px #ecbd7b, 1688px 791px #ecbd7b, 1969px 796px #ecbd7b, 335px 1022px #ecbd7b, 500px 44px #ecbd7b, 1120px 1677px #ecbd7b, 72px 1897px #ecbd7b, 1732px 73px #ecbd7b, 1788px 1612px #ecbd7b, 170px 158px #ecbd7b, 1604px 1292px #ecbd7b, 124px 386px #ecbd7b, 22px 359px #ecbd7b, 1017px 1176px #ecbd7b, 1894px 465px #ecbd7b, 814px 1296px #ecbd7b, 950px 1113px #ecbd7b, 1057px 1966px #ecbd7b, 304px 1555px #ecbd7b, 1119px 1485px #ecbd7b, 1690px 413px #ecbd7b, 680px 652px #ecbd7b, 704px 242px #ecbd7b, 1132px 1433px #ecbd7b, 1384px 785px #ecbd7b, 1356px 1990px #ecbd7b, 1635px 1076px #ecbd7b, 180px 1478px #ecbd7b, 1223px 528px #ecbd7b, 817px 1740px #ecbd7b, 1586px 954px #ecbd7b, 104px 760px #ecbd7b, 1834px 428px #ecbd7b, 449px 1681px #ecbd7b, 662px 181px #ecbd7b, 1538px 591px #ecbd7b
}

.x-register-card-footer #stars10:after {
    content: " ";
    position: absolute;
    top: 200px
}

.x-credit-free-bottom-container .x-hr-border-glow {
    width: 25%;
    margin-top: 0
}

.x-progress-bar {
    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent) !important;
    background-size: 1rem 1rem !important;
    background-color: #62a59b !important;
    -webkit-animation: x-progress-bar-stripes 1s linear infinite;
    animation: x-progress-bar-stripes 1s linear infinite;
    border-radius: 10px
}

.x-progress-bar:before {
    content: " ";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 40%, rgba(170, 255, 250, .4) 60%, rgba(170, 255, 250, .8))
}

@media (max-width: 767.98px) {
    .x-slide-left-content-term {
        transition: all 0s !important;
        padding: 0
    }
}

.x-slide-left-content-term.-hide .-submit {
    display: none
}

.x-term-and-condition.-home {
    padding-top: 10rem
}

@media (max-width: 991.98px) {
    .x-term-and-condition.-home {
        padding-top: 5rem
    }
}

.x-term-and-condition.-home .-notice-box {
    position: relative;
    margin-top: 6rem;
    border: 1px solid #ffcd57;
    border-radius: 20px
}

.x-term-and-condition.-home .-notice-box .-title {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    background-color: #000;
    text-align: center
}

.x-term-and-condition.-home .-notice-box .-title img {
    width: 160px
}

.x-term-and-condition .-block-content-term-and-condition h4 {
    margin-top: 1.5rem
}

.x-term-and-condition .-block-content-term-and-condition ul {
    list-style-type: none;
    padding: 0
}

.x-term-and-condition .-block-content-term-and-condition ul.-detail li {
    display: flex
}

.x-term-and-condition .-block-content-term-and-condition ul.-detail li:before {
    content: "-";
    margin-right: .5rem;
    display: block
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal h2, .x-term-and-condition .-block-content-term-and-condition.-register-modal h4 {
    font-size: 1.4rem;
    margin-top: 0
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal hr {
    display: none
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal ul {
    text-align: left;
    font-size: 1.08rem
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal ul.-detail li {
    margin-bottom: .2rem
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal p {
    font-size: 1.08rem
}

.x-bet-limit-updater-container {
    text-align: center
}

@media (max-width: 575.98px) {
    .x-bet-limit-updater-container.-transfer .-img-container {
        margin-bottom: 2rem
    }
}

.x-bet-limit-updater-container.-transfer .-img-container .-splitter-line {
    border-color: #5f4d22
}

.x-bet-limit-updater-container.-transfer .-submit, .x-bet-limit-updater-container.-transfer .x-admin-contact, .x-bet-limit-updater-container.-transfer form[name=bet_limit_group_choice] select {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 991.98px) {
    .x-bet-limit-updater-container.-transfer .-submit, .x-bet-limit-updater-container.-transfer .x-admin-contact, .x-bet-limit-updater-container.-transfer form[name=bet_limit_group_choice] select {
        width: 100%
    }
}

.x-bet-limit-updater-container form[name=bet_limit_group_choice] {
    margin-top: 1rem
}

.x-bet-limit-updater-container form[name=bet_limit_group_choice] select {
    width: 100%;
    height: calc(1.5em + 1.6rem + 2px);
    padding: 0 1rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    border-radius: 30px;
    border: 2px solid #fff;
    color: #d2d2d2;
    background: #2b2b2b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: center right 7.5px
}

.x-bet-limit-updater-container form[name=bet_limit_group_choice] select:focus {
    outline: none;
    box-shadow: none
}

.x-bet-limit-updater-container form[name=bet_limit_group_choice] select option {
    color: #000
}

.x-deposit-bank-maintenance {
    width: 90%;
    margin: 0 auto 1rem;
    border: 1px solid #ffcd57
}

@media (max-width: 991.98px) {
    .x-deposit-bank-maintenance {
        margin: 0 auto 2rem
    }
}

@media (max-width: 767.98px) {
    .x-deposit-bank-maintenance {
        width: 100%
    }
}

.x-deposit-bank-maintenance .-text {
    margin-bottom: 0;
    padding: 18px 1rem 10px;
    font-size: 1.4rem
}

.x-text-with-link-component {
    font-size: 1.035rem
}

.x-text-with-link-component .-link-message {
    opacity: .75
}

.x-text-with-link-component .-text-message {
    margin: 0;
    opacity: .75
}

@media (max-width: 991.98px) {
    .x-text-with-link-component {
        font-size: 1.4rem
    }
}

.x-select-amount {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 2rem
}

@media (max-width: 991.98px) {
    .x-select-amount {
        width: 400px;
        margin: 2rem auto 0
    }
}

@media (max-width: 575.98px) {
    .x-select-amount {
        width: 100%;
        justify-content: space-between
    }
}

.x-select-amount .-amount-container {
    width: 30%;
    margin-bottom: 1rem
}

@media (max-width: 575.98px) {
    .x-select-amount .-amount-container {
        width: 31.5%
    }
}

.x-select-amount .-amount-container .-btn-select-amount {
    position: relative;
    border-radius: 10px;
    padding: 0
}

.x-select-amount .-amount-container .-btn-select-amount:focus {
    outline: none;
    box-shadow: none
}

.x-select-amount .-amount-container .-btn-select-amount .-no {
    position: absolute;
    top: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-select-amount .-amount-container .-btn-select-amount .-default {
    display: inline-block;
    width: 100%
}

.x-select-amount .-amount-container .-btn-select-amount .-hover {
    display: none;
    width: 97%
}

.x-select-amount .-amount-container .-btn-select-amount .-effect {
    display: none
}

@media (min-width: 992px) {
    .x-select-amount .-amount-container .-btn-select-amount:hover {
        background: radial-gradient(circle, rgba(236, 189, 123, .5) 0, rgba(120, 100, 52, .5) 100%);
        box-shadow: 0 0 10px #7e6938
    }

    .x-select-amount .-amount-container .-btn-select-amount:hover .-default {
        display: none
    }

    .x-select-amount .-amount-container .-btn-select-amount:hover .-hover {
        display: inline-block;
        border-radius: 12px
    }

    .x-select-amount .-amount-container .-btn-select-amount:hover .-effect {
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 50%;
        width: 55px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.x-select-amount .-amount-container .-btn-select-amount.active {
    background: radial-gradient(circle, rgba(236, 189, 123, .5) 0, rgba(120, 100, 52, .5) 100%);
    box-shadow: 0 0 10px #7e6938
}

.x-select-amount .-amount-container .-btn-select-amount.active .-default {
    display: none
}

.x-select-amount .-amount-container .-btn-select-amount.active .-hover {
    display: inline-block;
    border-radius: 12px
}

.x-select-amount .-amount-container .-btn-select-amount.active .-effect {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 50%;
    width: 55px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 991.98px) {
    .x-select-amount .-amount-container .-btn-select-amount {
        font-size: 1.5rem
    }

    .x-select-amount .-amount-container .-btn-select-amount .-hover {
        width: 97%
    }

    .x-select-amount .-amount-container .-btn-select-amount .-no {
        top: 20px
    }

    .x-select-amount .-amount-container .-btn-select-amount.active .-effect {
        top: -6px;
        width: 70px
    }
}

@media (max-width: 575.98px) {
    .x-select-amount .-amount-container .-btn-select-amount {
        font-size: 1.3rem
    }

    .x-select-amount .-amount-container .-btn-select-amount .-no {
        top: 58%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .x-select-amount .-amount-container .-btn-select-amount.active .-effect {
        width: 60%
    }
}

.x-transfer-website .x-account-profile .-account-provider-container .-account-provider-inner .-logo {
    width: 180px
}

.x-transfer-website .x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper .-text-container {
    font-size: 1.08rem
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper .-text-container {
        margin-top: .4rem;
        font-size: .99rem
    }
}

.x-transfer-website .x-account-profile .-account-provider-container .-account-provider-inner .-btn-action-wrapper {
    width: 80px;
    min-width: 80px
}

.x-transfer-website .x-account-profile .-account-provider-container .-account-provider-inner .-btn-direct-link {
    position: relative;
    width: 200px;
    margin-top: 1.5rem;
    border: 2px solid #faf8c5;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffcd57, #de9c00);
    box-shadow: 0 0 10px #ffcd57;
    transition: all .2s
}

.x-transfer-website .x-account-profile .-account-provider-container .-account-provider-inner .-btn-direct-link span {
    position: relative;
    z-index: 1;
    color: #000;
    font-size: .99rem;
    font-weight: 600
}

@media (min-width: 992px) {
    .x-transfer-website .x-account-profile .-account-provider-container .-account-provider-inner .-btn-direct-link:hover {
        box-shadow: 0 0 15px #ffcd57;
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
}

@media (max-width: 575.98px) {
    .x-transfer-website .x-header .navbar-brand {
        margin-right: 0
    }
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .-header-inner-wrapper #headerBrand {
        height: 60px
    }
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged {
        position: absolute;
        top: 0;
        right: 0
    }
}

.x-transfer-website .x-header .x-logged .-logged-container {
    background-image: url(/landing/assets/template/bg-logged-header.633646d8.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 80px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container {
        height: unset
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile {
    background: transparent;
    align-items: center;
    display: flex;
    padding: .75rem .5rem !important
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile {
        padding: .4rem .5rem .2rem !important
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance {
    margin-right: 5px
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-balance-wrapper {
    margin-top: 6px;
    text-align: right
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-balance-wrapper .-balance {
    color: #fff
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-balance-wrapper .-time {
    margin-top: 4px;
    position: relative;
    display: inline-block;
    color: hsla(0, 0%, 100%, .5)
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-balance-wrapper {
        margin-top: 2px;
        padding: 0;
        background: transparent
    }
}

@media (max-width: 767.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-balance-wrapper .-balance {
        font-size: .81rem
    }
}

@media (max-width: 575.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-balance-wrapper .-balance {
        font-size: .72rem
    }

    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-balance-wrapper .-time {
        font-size: .63rem
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-transfer-default-balance {
    margin-top: .25rem;
    font-size: .8rem
}

@media (max-width: 767.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-transfer-default-balance {
        display: inline-block
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-transfer-welcome {
    margin-top: 6px;
    font-size: .9rem;
    text-align: right;
    color: #fff
}

@media (min-width: 768px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-transfer-welcome {
        display: block
    }
}

@media (max-width: 767.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail #customer-balance .-transfer-welcome {
        font-size: .765rem !important
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail .-text-welcome {
    font-size: .9rem;
    margin-bottom: .5rem
}

@media (max-width: 767.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail .-text-welcome {
        font-size: .765rem !important
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail .-text-deisplay-name {
    font-size: 1.08rem !important;
    color: #ffcd57
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail .-text-deisplay-name {
        font-size: .99rem !important
    }
}

@media (max-width: 767.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail .-text-deisplay-name {
        font-size: .9rem !important
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--profile .-user-balance {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: .25rem;
    padding: 0 5px 5px;
    text-align: right;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .-user-balance {
        align-items: center
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .--button-dropdown-container {
    background: transparent
}

.x-transfer-website .x-header .x-logged .-logged-container .--button-dropdown-container .fas {
    font-size: 1.08rem
}

.x-transfer-website .x-header .x-logged .-logged-container .--button-dropdown-container:hover .fas.fa-chevron-circle-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--button-dropdown-container:hover .dropdown-content {
        display: block
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu {
    padding: .75rem .5rem !important;
    background-color: #272727
}

.x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav {
    flex-flow: row wrap;
    justify-content: flex-start
}

.x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item {
    width: 33%;
    padding-top: 0;
    border-bottom: none
}

.x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link {
    position: relative;
    color: #d9d9d9 !important;
    transition: all .4s;
    flex-direction: column;
    display: flex;
    align-items: center
}

.x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .fas {
    font-size: 1.35rem !important;
    margin-right: 0 !important;
    color: #d9d9d9;
    transition: all .4s
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .fas {
        margin-right: 1rem
    }
}

.x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link span {
    margin-top: .5rem;
    font-size: .81rem !important
}

@media (min-width: 992px) {
    .x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover {
        color: #ffcd57 !important
    }

    .x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover .fas {
        color: #ffcd57
    }

    .x-transfer-website .x-header .x-logged .-logged-container .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover:before {
        opacity: 1
    }
}

@media (max-width: 575.98px) {
    .x-transfer-website .x-profile-image img {
        width: 35px;
        height: 35px
    }
}

.x-ufa-games-logo-wrapper .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.x-ufa-games-logo-wrapper .navbar-nav .nav-item {
    width: 20%
}

.x-ufa-games-logo-wrapper .navbar-nav .nav-item .-logo-img {
    width: 100%;
    padding: 10px;
    transition: all .2s
}

@media (max-width: 767.98px) {
    .x-ufa-games-logo-wrapper .navbar-nav .nav-item .-logo-img {
        padding: 5px
    }
}

@media (min-width: 992px) {
    .x-ufa-games-logo-wrapper .navbar-nav .nav-item:hover .-logo-img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 767.98px) {
    .x-ufa-games-logo-wrapper .navbar-nav .nav-item {
        width: 25%
    }
}

@media (max-width: 575.98px) {
    .x-ufa-games-logo-wrapper .navbar-nav .nav-item {
        width: 33.33333%
    }
}

.x-ball-loading .-ball-container {
    padding: 3rem 0 1rem
}

.x-ball-loading .-ball-container .-ball-container-wrapper {
    margin: 0 auto;
    width: 40px;
    height: 85px;
    position: relative
}

.x-ball-loading .-ball-container .-ball-container-wrapper .-shadow {
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: grey;
    bottom: -10px;
    border-radius: 100%;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8);
    opacity: .6;
    -webkit-animation: x-ball-shadow 1.5s linear infinite;
    animation: x-ball-shadow 1.5s linear infinite
}

.x-ball-loading .-ball-container .-ball-container-wrapper .-gravity {
    width: 40px;
    height: 40px;
    -webkit-animation: x-ball-bounce 1.5s cubic-bezier(.68, .35, .29, .54) infinite;
    animation: x-ball-bounce 1.5s cubic-bezier(.68, .35, .29, .54) infinite
}

.x-ball-loading .-ball-container .-ball-container-wrapper .-gravity .-ball {
    width: 40px;
    height: 40px;
    background-size: cover;
    -webkit-animation: x-ball-roll 1.5s linear infinite;
    animation: x-ball-roll 1.5s linear infinite
}

.x-ball-loading .-description-container {
    text-align: center;
    margin: 2rem 0
}

.x-ball-loading .-description-container .-text-title {
    color: #ffcd57;
    font-size: 1.35rem
}

.x-ball-loading .-description-container .-text-sub-title {
    margin-top: 1rem;
    font-size: 1.08rem
}

@media (max-width: 991.98px) {
    .x-promotion-return-ufa-sport-by-user-container .x-slide-left-content + .-form {
        display: none
    }

    .x-promotion-return-ufa-sport-by-user-container .x-slide-left-content.-hide + .-form {
        display: block
    }

    .x-promotion-return-ufa-sport-by-user-container .x-slide-left-content .-btn-back {
        display: none !important
    }

    .x-promotion-return-ufa-sport-by-user-container .x-slide-left-content.-show .-btn-back {
        display: block !important
    }
}

.x-promotion-return-ufa-sport-by-user-container .-title {
    font-size: 1.26rem;
    font-weight: 500;
    color: #f3d067
}

.x-promotion-return-ufa-sport-by-user-container .-sub-title {
    font-size: 1rem
}

.x-promotion-return-ufa-sport-by-user-container .-sub-title .-highlight {
    color: #f3d067
}

.x-promotion-return-ufa-sport-by-user-container .-hr {
    border-color: #343a40
}

.x-promotion-return-ufa-sport-by-user-container .-promotion-logo {
    margin-bottom: 1rem;
    text-align: center
}

.x-promotion-return-ufa-sport-by-user-container .-promotion-logo .-img {
    width: 150px
}

.x-promotion-return-ufa-sport-by-user-container .-promotion-return-btn {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width: 991.98px) {
    .x-promotion-return-ufa-sport-by-user-container .-promotion-return-btn {
        position: relative !important;
        width: 250px !important;
        border-radius: 30px !important
    }
}

.x-promotion-return-ufa-sport-by-user-container .-btn-get-history, .x-promotion-return-ufa-sport-by-user-container .-btn-hide-history {
    color: #ffcd57;
    background: transparent;
    border: none
}

.x-promotion-return-ufa-sport-by-user-container .-btn-get-history.-hide, .x-promotion-return-ufa-sport-by-user-container .-btn-hide-history.-hide {
    display: none
}

.x-promotion-return-ufa-sport-by-user-container .-heading-title {
    text-align: center
}

.x-promotion-return-ufa-sport-by-user-container .-heading-title.-has-icon .-title {
    margin-top: 1rem
}

.x-promotion-return-ufa-sport-by-user-container .-heading-title.-has-icon .-icon {
    font-size: 3rem;
    color: #f3d067
}

.x-promotion-return-ufa-sport-by-user-container .-promotion-details-container .-title-container .-title {
    margin-bottom: 1rem
}

.x-promotion-return-ufa-sport-by-user-container .-condition-container {
    height: 250px;
    margin-top: .7rem;
    padding: 15px;
    overflow-y: auto;
    background: #000
}

.x-promotion-return-ufa-sport-by-user-container .-condition-container::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-promotion-return-ufa-sport-by-user-container .-condition-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-promotion-return-ufa-sport-by-user-container .-condition-container::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

@media (max-width: 991.98px) {
    .x-promotion-return-ufa-sport-by-user-container .-condition-container {
        height: unset
    }
}

.x-promotion-return-ufa-sport-by-user-container .-has-pending {
    text-align: center
}

.x-promotion-return-ufa-sport-by-user-container .-has-pending .-title {
    margin-top: 1rem
}

.x-promotion-return-ufa-sport-by-user-container .-last-applies {
    margin-bottom: 1rem;
    text-align: center
}

.x-promotion-return-ufa-sport-by-user-container .-last-applies.-rejected .-heading-title, .x-promotion-return-ufa-sport-by-user-container .-last-applies.-success {
    padding: 1rem;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 5px
}

.x-promotion-return-ufa-sport-by-user-container .-last-applies .-ic-checked {
    width: 80px;
    margin-bottom: .5rem
}

.x-promotion-return-ufa-sport-by-user-container .-last-applies .-success-detail {
    display: inline-block;
    margin-top: 5px;
    padding: 5px 30px;
    color: #f3d067;
    background: rgba(243, 208, 103, .1);
    border-radius: 5px
}

.x-promotion-prepare-history-container {
    max-height: 600px;
    overflow: auto
}

.x-promotion-prepare-history-container::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-promotion-prepare-history-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-promotion-prepare-history-container::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

.x-promotion-prepare-history-container table.table-striped tbody tr:nth-child(odd) {
    background: linear-gradient(90deg, #131313, #2a2a2a)
}

.x-promotion-prepare-history-container table thead th {
    padding: .75rem .5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #f3d067
}

.x-promotion-prepare-history-container table thead th.-amount, .x-promotion-prepare-history-container table thead th.-bet {
    text-align: right
}

@media (max-width: 575.98px) {
    .x-promotion-prepare-history-container table thead th {
        padding: .75rem .4rem;
        font-size: .9rem
    }
}

.x-promotion-prepare-history-container table tbody td {
    padding: .75rem .5rem;
    font-size: 1rem
}

@media (max-width: 575.98px) {
    .x-promotion-prepare-history-container table tbody td {
        font-size: .9rem
    }
}

.x-promotion-prepare-history-container table tbody td.-bet {
    font-weight: 500;
    text-align: right;
    color: #f3d067
}

.x-promotion-prepare-history-container table tbody td.-amount {
    width: 85px;
    font-weight: 500;
    text-align: right;
    color: #f3d067
}

.x-footer-bank-logo .-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.x-footer-bank-logo .-wrapper .-ic {
    width: 50px;
    height: 50px;
    margin: .25rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 194px !important;
    background-position: 4px 4px !important;
    background-repeat: no-repeat !important;
    transition: all .2s
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(2) {
    background-position: -46px 4px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(3) {
    background-position: -96px 4px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(4) {
    background-position: -146px 4px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(5) {
    background-position: 6px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(6) {
    background-position: -46px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(7) {
    background-position: -96px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(8) {
    background-position: -146px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(9) {
    background-position: 6px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(10) {
    background-position: -46px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(11) {
    background-position: -96px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(12) {
    background-position: -146px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media (max-width: 767.98px) {
    .x-footer-bank-logo .-wrapper .-ic {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}

@-webkit-keyframes x-center-fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes x-center-fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-webkit-keyframes x-index-shield-transform {
    0% {
        opacity: 0;
        -webkit-transform: translate(-120%, 20px);
        transform: translate(-120%, 20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-120%);
        transform: translate(-120%)
    }
}

@keyframes x-index-shield-transform {
    0% {
        opacity: 0;
        -webkit-transform: translate(-120%, 20px);
        transform: translate(-120%, 20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-120%);
        transform: translate(-120%)
    }
}

@-webkit-keyframes x-button-landing-primary-blinker {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 13px #ffcd57, 0 0 16px #ffcd57, 0 0 28px #ffcd57
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #ffcd57, 0 0 8px #ffcd57, 0 0 14px #ffcd57
    }
}

@keyframes x-button-landing-primary-blinker {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 13px #ffcd57, 0 0 16px #ffcd57, 0 0 28px #ffcd57
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #ffcd57, 0 0 8px #ffcd57, 0 0 14px #ffcd57
    }
}

@-webkit-keyframes x-button-landing-secondary-blinker {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 13px #dcdcdc, 0 0 16px #dcdcdc, 0 0 28px #dcdcdc
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #dcdcdc, 0 0 8px #dcdcdc, 0 0 14px #dcdcdc
    }
}

@keyframes x-button-landing-secondary-blinker {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 13px #dcdcdc, 0 0 16px #dcdcdc, 0 0 28px #dcdcdc
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #dcdcdc, 0 0 8px #dcdcdc, 0 0 14px #dcdcdc
    }
}

@-webkit-keyframes x-index-button-register-card-mover {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@keyframes x-index-button-register-card-mover {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@-webkit-keyframes x-index-button-register-ball-mover {
    0% {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotate(1turn);
        transform: translateY(-50%) rotate(1turn)
    }
}

@keyframes x-index-button-register-ball-mover {
    0% {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotate(1turn);
        transform: translateY(-50%) rotate(1turn)
    }
}

@-webkit-keyframes x-index-button-register-dice-mover {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    15% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    30% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes x-index-button-register-dice-mover {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    15% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    30% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes x-index-button-play-circle-sonar {
    0% {
        opacity: .3
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 10px 3px #d0a94d
    }
    to {
        box-shadow: 0 0 10px 3px #d0a94d;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@keyframes x-index-button-play-circle-sonar {
    0% {
        opacity: .3
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 10px 3px #d0a94d
    }
    to {
        box-shadow: 0 0 10px 3px #d0a94d;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@-webkit-keyframes x-index-button-register-circle-sonar {
    0% {
        opacity: .3;
        -webkit-transform: scale(1) translate(0);
        transform: scale(1) translate(0)
    }
    40% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1.4) translate(0);
        transform: scale(1.4) translate(0);
        opacity: 0
    }
}

@keyframes x-index-button-register-circle-sonar {
    0% {
        opacity: .3;
        -webkit-transform: scale(1) translate(0);
        transform: scale(1) translate(0)
    }
    40% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1.4) translate(0);
        transform: scale(1.4) translate(0);
        opacity: 0
    }
}

@-webkit-keyframes x-default-button-circle-sonar {
    0% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 10px 3px #d0a94d
    }
    to {
        opacity: 0;
        box-shadow: 0 0 10px 3px #d0a94d;
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4)
    }
}

@keyframes x-default-button-circle-sonar {
    0% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 10px 3px #d0a94d
    }
    to {
        opacity: 0;
        box-shadow: 0 0 10px 3px #d0a94d;
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4)
    }
}

body {
    background: #000
}

.modal-open {
    padding-right: 0 !important
}

#main__content {
    margin-top: 0;
    padding-bottom: 0;
    display: block
}

.x-form-control {
    border: 2px solid transparent
}

.x-form-control:focus {
    border-color: #ddc47c;
    -o-border-image: none;
    border-image: none
}

.-x-input-icon .-icon {
    height: auto;
    top: 15px
}

.x-checkbox-primary .form-check input[type=checkbox] + label:before {
    border: 1px solid #ffcd57;
    top: 3px
}

.x-checkbox-primary .form-check input[type=checkbox] + label:after {
    top: 6px !important
}

.x-admin-contact {
    border-top: none;
    background-color: #2b2b2b;
    padding: 8px
}

@media (max-width: 991.98px) {
    .x-admin-contact {
        background-color: transparent
    }
}

.x-input-number-name-bank .-validate-box {
    padding: 20px 16px;
    box-shadow: 0 0 5px 0 #ffcd57
}

.x-input-number-name-bank .-validate-box .-content-validate {
    font-size: 1.26rem
}

@media (max-width: 991.98px) {
    .x-input-number-name-bank .-validate-box {
        width: 98%;
        margin-left: auto;
        margin-right: auto
    }

    .x-input-number-name-bank .-validate-box .-content-validate {
        font-size: 1.08rem
    }
}

.x-input-number-name-bank .fas.fa-arrow-right {
    border: 1px solid #ffcd57
}

.x-text-with-link-component {
    font-size: .855rem !important
}

.x-text-with-link-component .-text-message {
    color: #fff
}

.x-text-with-link-component .-link-message {
    color: #ffcd57
}

@media (max-width: 991.98px) {
    .x-text-with-link-component {
        font-size: .9rem !important
    }
}

.x-reset-pw-text-container a {
    color: #8f8f8f
}

.x-step-register .-border hr {
    border-color: #fff
}

.x-step-register .-step-box-outer {
    background-color: transparent;
    border: 2px solid #fff
}

.x-step-register .-step-box-outer.step-active {
    background-color: #fff
}

.x-step-register .-step-box-outer.step-active .--step-box-inner {
    background-color: #fff;
    color: #000
}

.x-step-register .-step-box-outer .--step-box-inner {
    color: #fff
}

@media (max-width: 991.98px) {
    #account-actions #account-actions-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 20
    }

    #account-actions #account-actions-mobile:before {
        content: "";
        position: absolute;
        top: -4px;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #765300 0, #ddc47c 50%, #765300)
    }

    #account-actions #account-actions-mobile .btn, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button {
        position: relative;
        padding: 4px 0 0 !important;
        font-size: 1.1rem;
        color: #fff;
        border: none;
        border-radius: 0
    }

    #account-actions #account-actions-mobile .btn:not(:last-child):after, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:not(:last-child):after, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button:not(:last-child):after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        background: #3e3e3e
    }

    #account-actions #account-actions-mobile .btn.btn-plain-lobby, #account-actions #account-actions-mobile .btn.btn-plain-primary, #account-actions #account-actions-mobile .btn.btn-plain-secondary, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-plain-lobby.vex-dialog-button, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-plain-primary.vex-dialog-button, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-plain-secondary.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .btn-plain-lobby.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .btn-plain-primary.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .btn-plain-secondary.vex-dialog-button {
        background: linear-gradient(180deg, #111411 0, #292929)
    }

    #account-actions #account-actions-mobile .btn.btn-plain-lobby .-typo, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-plain-lobby.vex-dialog-button .-typo, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .btn-plain-lobby.vex-dialog-button .-typo {
        color: #ffcd57
    }

    #account-actions #account-actions-mobile .btn.btn-plain-lobby .-typo:after, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-plain-lobby.vex-dialog-button .-typo:after, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .btn-plain-lobby.vex-dialog-button .-typo:after {
        content: "";
        position: absolute;
        bottom: 4px;
        left: 50%;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, #ecbd7b 30%, #ecbd7b 70%, transparent);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #account-actions #account-actions-mobile .btn .-ic-bg-img, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-ic-bg-img, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button .-ic-bg-img {
        width: 38px;
        height: 38px;
        background-image: url(/landing/assets/template/ic-btn-actions-mobile.d76b8780.png);
        background-size: 120px;
        background-repeat: no-repeat
    }

    #account-actions #account-actions-mobile .btn .-ic-bg-img.-deposit, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-ic-bg-img.-deposit, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button .-ic-bg-img.-deposit {
        background-position: -42px 0
    }

    #account-actions #account-actions-mobile .btn .-ic-bg-img.-withdraw, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-ic-bg-img.-withdraw, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button .-ic-bg-img.-withdraw {
        background-position: 0 0
    }

    #account-actions #account-actions-mobile .btn .-ic-bg-img.-lobby, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-ic-bg-img.-lobby, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button .-ic-bg-img.-lobby {
        background-position: -83px 0
    }

    #account-actions #account-actions-mobile .btn .-icon, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-icon, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button .-icon {
        max-width: 30px
    }

    #account-actions #account-actions-mobile .btn.-btn-bottom, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-bottom.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .-btn-bottom.vex-dialog-button {
        color: #000 !important
    }

    #account-actions #account-actions-mobile .btn .-typo, #account-actions #account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-typo, .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions #account-actions-mobile .vex-dialog-button .-typo {
        position: relative;
        display: inline-block;
        top: -2px;
        padding-top: 4px;
        font-size: .9rem;
        font-weight: 600
    }
}

.x-select-amount .-amount-container .-btn-select-amount .-no {
    /*top: 14px;*/
    top: 20%;
}

@media (max-width: 991.98px) {
    .x-select-amount .-amount-container .-btn-select-amount .-no {
        top: 14px;
        font-size: 1.2rem
    }
}

@media (max-width: 575.98px) {
    .x-select-amount .-amount-container .-btn-select-amount .-no {
        top: 50%;
        font-size: 1rem
    }
}

.x-deposit-notice .-noted {
    padding: 1rem .6rem;
    font-size: .9rem
}

.x-deposit-notice .-bank-info .-details .-main-text {
    font-size: 1.35rem;
    font-weight: 600
}

.x-deposit-notice .-bank-info .-details .-normal-text {
    font-size: .9rem
}

.x-provider-change-password-container {
    padding-top: 5rem
}

@media (max-width: 991.98px) {
    .x-provider-change-password-container {
        padding-top: 8rem
    }
}

@media (max-width: 767.98px) {
    .x-provider-change-password-container {
        padding-top: 7rem
    }
}

.x-provider-change-password-container .card {
    background: rgba(0, 0, 0, .3)
}

.x-provider-change-password-container .card .-title {
    color: #fff
}

.x-sonar-center-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    opacity: 0;
    background: radial-gradient(circle, #ffcd57 0, transparent 100%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: x-default-button-circle-sonar 1s 1s infinite;
    animation: x-default-button-circle-sonar 1s 1s infinite
}

.x-promotion-return-by-user-container .-promotion-return-btn {
    margin-bottom: 1rem;
    padding: .5rem 2.5rem !important
}

.x-promotion-return-by-user-container .-group-round-container .-date-range-container {
    padding-top: 2px;
    font-size: 1rem !important
}

@media (max-width: 991.98px) {
    .x-promotion-return-by-user-container .-group-round-container .-bonus {
        margin-top: .5rem
    }
}

.x-promotion-return-by-user-container .-group-round-container .-bonus .-dollar-sign {
    margin-top: 6px
}

.x-promotion-return-by-user-container .-group-round-container .-bonus .-dollar-sign .-dollar-sign-inner {
    top: unset
}

.x-ezcasino-entrance-container {
    position: fixed;
    z-index: 2
}

@media (min-width: 992px) {
    .x-ezcasino-entrance-container {
        bottom: 20px;
        left: 20px
    }
}

@media (max-width: 991.98px) {
    .x-ezcasino-entrance-container {
        bottom: 160px;
        right: 6px
    }
}

@media (max-width: 767.98px) {
    .x-ezcasino-entrance-container {
        bottom: 100px
    }
}

.x-ezcasino-entrance-container .-link {
    position: relative;
    display: block
}

.x-ezcasino-entrance-container .-link .-img {
    width: 100%;
    height: auto;
    -webkit-filter: drop-shadow(0 0 6px rgba(156, 62, 180, .75));
    filter: drop-shadow(0 0 6px rgba(156, 62, 180, .75));
    transition: all .2s
}

@media (min-width: 992px) {
    .x-ezcasino-entrance-container .-link {
        width: 180px
    }

    .x-ezcasino-entrance-container .-link:hover .-img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .x-ezcasino-entrance-container .-link {
        width: 120px
    }
}

@media (max-width: 767.98px) {
    .x-ezcasino-entrance-container .-link {
        width: 100px
    }
}

.x-account-verification-modal h5 {
    font-weight: 500
}

.x-account-verification-modal .x-deposit-form .-x-input-icon .-icon {
    top: 20px
}

@media (max-width: 767.98px) {
    .x-account-verification-modal .x-deposit-form {
        font-size: 1rem
    }

    .x-account-verification-modal .x-deposit-form .col-10 {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .x-account-verification-modal .x-admin-contact {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.x-event-main-index-container {
    min-height: 500px;
    padding: 8rem 0 2rem;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media (max-width: 1199.98px) {
    .x-event-main-index-container {
        padding-top: 120px
    }
}

@media (max-width: 991.98px) {
    .x-event-main-index-container {
        padding-top: 170px
    }
}

@media (max-width: 767.98px) {
    .x-event-main-index-container {
        padding-top: 160px
    }
}

.x-event-main-index-container .-default-title {
    color: #ddc47c;
    font-weight: 600
}

.x-event-main-index-container .-default-description {
    font-size: 1.26rem
}

.x-event-promotion-active {
    background: rgba(0, 0, 0, .7)
}

.x-event-promotion-active hr {
    margin: 1rem 4rem;
    border-color: #5f4d22
}

@media (max-width: 767.98px) {
    .x-event-promotion-active hr {
        margin: 0 1rem
    }
}

@media (min-width: 992px) {
    .x-event-promotion-active .-banner-img-container .-banner-img {
        min-height: 240px
    }
}

.x-event-promotion-active .-bin-animation {
    text-align: center
}

.x-event-promotion-active .-bin-animation .-bin-gif {
    width: 250px;
    margin-top: 1rem
}

@media (max-width: 767.98px) {
    .x-event-promotion-active .-bin-animation .-bin-gif {
        width: 200px
    }
}

.x-event-promotion-active .-content-wrapper {
    padding: 2rem 8rem;
    text-align: left
}

@media (max-width: 1199.98px) {
    .x-event-promotion-active .-content-wrapper {
        padding: 2rem 4rem
    }
}

@media (max-width: 991.98px) {
    .x-event-promotion-active .-content-wrapper {
        padding: 1rem 6rem;
        padding: 1rem 2rem
    }
}

@media (max-width: 575.98px) {
    .x-event-promotion-active .-content-wrapper {
        padding: 1rem
    }
}

.x-event-promotion-active .-content-wrapper .-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #ddc47c
}

@media (max-width: 991.98px) {
    .x-event-promotion-active .-content-wrapper .-title {
        font-size: 1.6rem
    }
}

@media (max-width: 767.98px) {
    .x-event-promotion-active .-content-wrapper .-title {
        font-size: 1.4rem
    }
}

@media (max-width: 575.98px) {
    .x-event-promotion-active .-content-wrapper .-title {
        text-align: center
    }
}

.x-event-promotion-active .-content-wrapper .-sub-title-promotion {
    font-size: 1.2rem;
    margin-bottom: .5rem
}

@media (max-width: 991.98px) {
    .x-event-promotion-active .-content-wrapper .-sub-title-promotion {
        font-size: 1rem
    }
}

@media (max-width: 575.98px) {
    .x-event-promotion-active .-content-wrapper .-sub-title-promotion {
        text-align: center
    }
}

.x-event-promotion-active .-content-wrapper .-sub-title {
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: underline;
    color: #ddc47c
}

.x-event-promotion-active .-content-wrapper.-bottom p {
    font-size: 1rem
}

@media (max-width: 575.98px) {
    .x-event-promotion-active .-content-wrapper.-bottom p {
        font-size: .9rem
    }
}

.x-event-promotion-active .-content-wrapper .-input-wrapper {
    margin-top: 15px;
    text-align: left
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-label {
    display: block;
    position: relative;
    margin-bottom: 5px;
    font-size: 1rem
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner {
    position: relative
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner .fas {
    position: absolute;
    top: 18px;
    left: 15px;
    color: #ddc47c
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner .form-control {
    padding-left: 40px;
    font-family: Kanit, Helvetica Neue, sans-serif;
    font-size: 1rem;
    border: 1px solid transparent
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner .form-control::-webkit-input-placeholder {
    color: #636363
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner .form-control:-ms-input-placeholder {
    color: #636363
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner .form-control::-ms-input-placeholder {
    color: #636363
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner .form-control::placeholder {
    color: #636363
}

.x-event-promotion-active .-content-wrapper .-input-wrapper .-form-inner .form-control:focus {
    box-shadow: none;
    border-color: #ddc47c
}

.x-event-promotion-active .-content-wrapper .x-checkbox-primary .form-check {
    font-size: 1.1rem
}

@media (max-width: 991.98px) {
    .x-event-promotion-active .-content-wrapper .x-checkbox-primary .form-check {
        text-align: center
    }
}

.x-event-promotion-active .-content-wrapper .x-checkbox-primary .form-check input[type=checkbox] + label:before {
    top: 0;
    width: 16px;
    height: 16px
}

.x-event-promotion-active .-content-wrapper .x-checkbox-primary .form-check input[type=checkbox] + label:after {
    top: 3px !important;
    width: 18px;
    height: 18px
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button, .x-event-promotion-active .-content-wrapper .btn, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    position: relative;
    width: 240px;
    color: #000
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button .-bg-new-img, .x-event-promotion-active .-content-wrapper .btn .-bg-new-img, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-bg-new-img {
    position: relative;
    z-index: 2;
    width: 100%;
    transition: .2s
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button .-text, .x-event-promotion-active .-content-wrapper .btn .-text, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 600;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button:focus, .x-event-promotion-active .-content-wrapper .btn:focus, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:focus {
    box-shadow: none
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button[disabled] .x-sonar-center-animation, .x-event-promotion-active .-content-wrapper .btn[disabled] .x-sonar-center-animation, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button[disabled] .x-sonar-center-animation {
    opacity: 0;
    visibility: hidden;
    -webkit-animation: none;
    animation: none
}

@media (min-width: 992px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button:not([disabled]):hover .-bg-new-img, .x-event-promotion-active .-content-wrapper .btn:not([disabled]):hover .-bg-new-img, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:not([disabled]):hover .-bg-new-img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: saturate(1.5);
        filter: saturate(1.5)
    }
}

@media (max-width: 767.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button, .x-event-promotion-active .-content-wrapper .btn, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        width: 200px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-event-promotion-active .-content-wrapper .vex-dialog-button .-text, .x-event-promotion-active .-content-wrapper .btn .-text, .x-event-promotion-active .-content-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-text {
        font-size: 1rem
    }
}

.x-event-promotion-pending-container .-pending-title {
    margin-top: 1rem;
    padding: 5px 15px;
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
    background: #ddc47c;
    border-radius: 5px
}

@media (max-width: 767.98px) {
    .x-event-promotion-pending-container .-pending-title {
        font-size: 1.2rem
    }
}

.x-event-promotion-pending-container .-pending-description {
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1.1rem
}

.x-event-promotion-pending-container .-form-inner {
    border: 1px solid #ddc47c;
    border-radius: 3px
}

.x-event-promotion-can-not-apply-container {
    margin-top: 1rem;
    font-size: 1.3rem;
    text-align: center
}

.x-event-promotion-history-container .-history-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ffcd57
}

.x-event-promotion-history-container .-table-info {
    border-collapse: separate;
    border-spacing: 0 5px
}

.x-event-promotion-history-container .-table-info thead {
    background: #313131
}

.x-event-promotion-history-container .-table-info thead tr th {
    text-align: center
}

.x-event-promotion-history-container .-table-info tbody tr {
    background: rgba(49, 49, 49, .3)
}

.x-event-promotion-history-container .-table-info tbody tr td {
    text-align: center
}

.x-event-promotion-history-container .-applied-card {
    margin-top: 10px;
    padding: 15px;
    font-size: 1rem;
    background: rgba(49, 49, 49, .3)
}

.x-event-promotion-history-container .-applied-card .-date {
    color: #ddc47c
}

.x-event-promotion-history-container .-rejected, .x-event-promotion-history-container .-success, .x-event-promotion-history-container .-waiting {
    font-weight: 600
}

.x-event-promotion-history-container .-waiting {
    color: #eebf13
}

.x-event-promotion-history-container .-success {
    color: #28a745
}

.x-event-promotion-history-container .-rejected {
    color: #f16869
}

.x-ma-container {
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed
}

@media (max-width: 767.98px) {
    .x-ma-container {
        padding: 0
    }
}

.x-ma-container .-img {
    width: 90%;
    margin: auto
}

@media (max-width: 1199.98px) {
    .x-ma-container .-img {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .x-ma-container .-img {
        margin-top: 1rem
    }
}

.x-manual-content .x-manual-main-index-container {
    background-image: url(/landing/assets/template/top-index-bg.32de55f9.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 6rem 0 2rem
}

@media (max-width: 991.98px) {
    .x-manual-content .x-manual-main-index-container {
        padding-top: 150px
    }
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container {
        padding-top: 140px
    }
}

.x-manual-content .x-manual-main-index-container .-title-manual {
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
    font-weight: 400
}

.x-manual-content .x-manual-main-index-container .-title-manual:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: 50%/cover url(/landing/assets/template/line-glow.54bfeaf8.png) no-repeat;
    width: 300px;
    height: 30px
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .-title-manual:before {
        width: 220px
    }
}

.x-manual-content .x-manual-main-index-container .-video-wrapper {
    margin-bottom: 3rem;
    text-align: center
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .-video-wrapper {
        margin-bottom: 2rem
    }

    .x-manual-content .x-manual-main-index-container .-video-wrapper iframe {
        width: 100%;
        height: 280px
    }
}

.x-manual-content .x-manual-main-index-container .x-service-wrapper {
    margin-top: 0;
    padding: 2rem 0
}

.x-manual-content .x-manual-main-index-container .x-service-wrapper .-title-manual {
    color: #ddc47c
}

.x-manual-content .x-manual-main-index-container .x-service-wrapper .-title-sup-manual {
    color: #fff;
    font-weight: 100;
    font-size: 1.5rem
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .x-service-wrapper .-title-sup-manual {
        font-size: 1.25rem;
        color: #ddc47c
    }
}

.x-manual-content .x-manual-main-index-container .x-service-wrapper .-detail-manual {
    color: #eee
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .x-service-wrapper .-detail-manual {
        font-size: 1rem !important
    }
}

.x-manual-content .x-manual-main-index-container .x-service-wrapper .-box {
    padding: 0 2rem
}

@media (max-width: 991.98px) {
    .x-manual-content .x-manual-main-index-container .x-service-wrapper .-box {
        padding: 0 1rem
    }
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .x-service-wrapper .-box {
        padding: 0;
        margin-bottom: 2rem
    }
}

.x-manual-content .x-manual-main-index-container .x-service-wrapper .-box .-ic-wrapper {
    min-width: 140px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .x-service-wrapper .-box .-ic-wrapper {
        min-width: 100px
    }
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .x-service-wrapper .-box .-ic-wrapper .-ic {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .x-manual-content .x-manual-main-index-container .x-service-wrapper .-box .-content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%
    }
}

.x-index-top-container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    /*background-image: url(/landing/assets/template/top-index-bg.32de55f9.jpg);*/
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: auto
}

@media (max-width: 1199.98px) {
    .x-index-top-container {
        padding-top: 80px
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container {
        padding-top: 130px;
        padding-bottom: 4rem
    }
}

@media (max-width: 767.98px) {
    .x-index-top-container {
        padding-top: 120px
    }
}

@media (max-width: 575.98px) {
    .x-index-top-container {
        /*background-image: -webkit-image-set(url(/landing/assets/template/top-index-mobile-bg.f49a183f.webp) 1x)*/
    }
}

.x-index-top-container .-inner-wrapper {
    padding-top: 8rem;
    padding-bottom: 3rem
}

@media (max-width: 1199.98px) {
    .x-index-top-container .-inner-wrapper {
        padding-top: 3rem
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container .-inner-wrapper {
        padding-top: 2rem
    }
}

@media (max-width: 767.98px) {
    .x-index-top-container .-inner-wrapper {
        padding-bottom: 0
    }
}

.x-index-top-container .-inner-wrapper .-left-container .-img {
    width: 100%;
    height: auto
}

@media (max-width: 991.98px) {
    .x-index-top-container .-inner-wrapper .-left-container {
        margin-top: 2rem
    }
}

@media (max-width: 575.98px) {
    .x-index-top-container .-inner-wrapper .-left-container {
        min-height: 300px
    }
}

@media screen and (max-width: 350px) {
    .x-index-top-container .-inner-wrapper .-left-container {
        min-height: 280px
    }
}

.x-index-top-container .-inner-wrapper .-right-container .-logo-img {
    width: 280px;
    height: auto;
    margin-left: -1rem
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper {
    margin-top: 1rem;
    text-align: left;
    padding: 0
}

@media (max-width: 991.98px) {
    .x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper {
        text-align: center
    }
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-title {
    font-weight: 600;
    color: #fff
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title {
    font-weight: 600;
    color: #fff;
    font-size: 2.25rem
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title .-highlight {
    position: relative;
    display: inline-block;
    background: linear-gradient(180deg, #b38c2c 20%, #e8da9b 50%, #b38c2c 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title .-highlight:after, .x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title .-highlight:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url(/landing/assets/template/light-wink.7881e05d.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title .-highlight:before {
    left: -10px;
    top: 15px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title .-highlight:after {
    left: 60px;
    top: 12px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

@media (max-width: 767.98px) {
    .x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title {
        font-size: 1.8rem
    }

    .x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-text-title .-highlight:after {
        left: 46px;
        top: 6px
    }
}

.x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-sub-title {
    font-size: 1.26rem;
    color: #d2d2d2
}

@media (max-width: 767.98px) {
    .x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper .-sub-title {
        font-size: 1.17rem
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container .-inner-wrapper .-right-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .x-index-top-container .-inner-wrapper .-right-container .-logo-img {
        order: 2;
        margin-top: 2rem
    }

    .x-index-top-container .-inner-wrapper .-right-container .-title {
        order: 3
    }

    .x-index-top-container .-inner-wrapper .-right-container .-contents-wrapper {
        order: 4
    }

    .x-index-top-container .-inner-wrapper .-right-container .-btn-actions {
        order: 1
    }
}

.x-index-top-container .-inner-wrapper .-btn-actions {
    margin-top: 2rem;
    min-height: 90px
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-index-top-container .-inner-wrapper .-btn-actions .vex-dialog-button, .x-index-top-container .-inner-wrapper .-btn-actions .btn, .x-index-top-container .-inner-wrapper .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 320px;
    padding: 0;
    font-size: 1.35rem;
    font-weight: 600;
    border-radius: 30px
}

@media (min-width: 992px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-index-top-container .-inner-wrapper .-btn-actions .vex-dialog-button:before, .x-index-top-container .-inner-wrapper .-btn-actions .btn:before, .x-index-top-container .-inner-wrapper .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80%;
        height: 70%;
        background: radial-gradient(#ffcd57 0, transparent 80%)
    }
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-index-top-container .-inner-wrapper .-btn-actions .vex-dialog-button:focus, .x-index-top-container .-inner-wrapper .-btn-actions .btn:focus, .x-index-top-container .-inner-wrapper .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:focus {
    box-shadow: none
}

@media (max-width: 991.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-index-top-container .-inner-wrapper .-btn-actions .vex-dialog-button, .x-index-top-container .-inner-wrapper .-btn-actions .btn, .x-index-top-container .-inner-wrapper .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        margin: auto
    }
}

@media (max-width: 767.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-index-top-container .-inner-wrapper .-btn-actions .vex-dialog-button, .x-index-top-container .-inner-wrapper .-btn-actions .btn, .x-index-top-container .-inner-wrapper .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        width: 270px;
        font-size: 1.305rem
    }
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn {
    position: relative;
    margin-left: 20px;
    color: #000;
    transition: all .2s
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-glow-container {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 90px;
    height: 90px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: x-index-button-register-circle-sonar 1s infinite;
    animation: x-index-button-register-circle-sonar 1s infinite;
    transition: all 1s linear;
    border-radius: 40px;
    box-shadow: 0 0 10px 3px #d0a94d
}

@media (max-width: 991.98px) {
    .x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-glow-container {
        top: -7px;
        left: -6px;
        width: 80px;
        height: 80px
    }
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-glow-container:after {
    box-shadow: 0 0 10px 3px #d0a94d;
    opacity: .5;
    transition: opacity 1s linear
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-card {
    position: absolute;
    z-index: 1;
    left: -30px;
    top: 8px;
    width: 60px;
    -webkit-animation: x-index-button-register-card-mover .5s infinite alternate;
    animation: x-index-button-register-card-mover .5s infinite alternate
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-ball {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    -webkit-animation: x-index-button-register-ball-mover 20s infinite;
    animation: x-index-button-register-ball-mover 20s infinite
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-dice {
    position: absolute;
    z-index: 3;
    top: 40px;
    left: -15px;
    width: 45px;
    -webkit-animation: x-index-button-register-dice-mover 1s infinite alternate;
    animation: x-index-button-register-dice-mover 1s infinite alternate
}

@media (min-width: 992px) {
    .x-index-top-container .-inner-wrapper .-btn-actions .-register-btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 767.98px) {
    .x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-card {
        width: 50px;
        left: -25px
    }

    .x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-ball {
        width: 70px
    }

    .x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-dice {
        width: 40px;
        top: 35px
    }
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-button-bg {
    width: 100%;
    height: auto
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-text {
    position: absolute;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn {
    color: #000;
    margin-left: 20px;
    transition: all .2s
}

@media (min-width: 992px) {
    .x-index-top-container .-inner-wrapper .-btn-actions .-play-btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-circle-wrapper {
    position: absolute;
    left: -14px;
    width: 90px;
    height: 90px
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-circle-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-animation: x-index-button-play-circle-sonar 1s infinite;
    animation: x-index-button-play-circle-sonar 1s infinite
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-circle-wrapper .-ic-play-circle {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-circle-wrapper .-ic-play-circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: x-index-button-play-circle-sonar 1s infinite;
    animation: x-index-button-play-circle-sonar 1s infinite
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-circle-wrapper .fa-play {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    background: -webkit-radial-gradient(#997f45, #8c6a3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767.98px) {
    .x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-circle-wrapper {
        left: -26px;
        width: 80px;
        height: 80px
    }

    .x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-circle-wrapper:before {
        width: 80px;
        height: 80px
    }
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-button-bg {
    width: 100%;
    height: auto
}

.x-index-top-container .-inner-wrapper .-btn-actions .-play-btn .-text {
    position: absolute;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.x-index-top-container .-games-container {
    position: relative;
    bottom: -80px;
    margin-top: -5rem
}

@media (max-width: 991.98px) {
    .x-index-top-container .-games-container {
        bottom: unset;
        margin-top: 0
    }
}

@media (max-width: 575.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper {
        padding: 0 7px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper {
        padding: 0 8px
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper {
        margin-top: 3rem
    }
}

@media (max-width: 575.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper {
        padding: 0 7px;
        min-height: 303px
    }
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper {
    position: relative;
    height: 100%;
    padding: 1rem 1rem 2rem;
    text-align: right;
    background: #000;
    border: 2px solid #d8d7cd;
    border-radius: 30px
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-icon-wrapper {
    width: 120px;
    height: 120px;
    margin-top: -40px;
    margin-left: auto
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-icon-wrapper .-icon {
    width: 100%;
    height: auto
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-title {
    font-size: 1.35rem
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-sub-title {
    color: #ffcd57;
    font-weight: 700
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-content {
    font-size: .99rem
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-btn-play {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .3s;
    width: 75%;
    padding: 8px 15px;
    color: #000;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-btn-play .-ic-play {
    width: 22px;
    margin-right: 10px
}

@media (min-width: 992px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-btn-play:hover {
        -webkit-filter: saturate(1.3);
        filter: saturate(1.3);
        box-shadow: 0 0 5px 1px #fff, 0 0 6px 5px #ffcd57
    }
}

@media (max-width: 1199.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-title {
        font-size: 1.26rem
    }

    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-sub-title {
        font-size: 1.575rem
    }

    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-btn-play {
        background-size: 140%
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-btn-play {
        width: 200px;
        box-shadow: 0 0 5px 1px #fff, 0 0 6px 3px #ffcd57
    }
}

@media (max-width: 767.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-content {
        font-size: .9rem
    }

    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-btn-play {
        width: 170px
    }
}

@media (max-width: 575.98px) {
    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-icon-wrapper {
        width: 90px;
        height: 90px
    }

    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-title {
        font-size: .99rem
    }

    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-sub-title {
        font-size: 1.17rem
    }

    .x-index-top-container .-games-container .-row-inner-wrapper .-col-wrapper .-box-wrapper .-btn-play {
        bottom: -16px;
        width: 80%;
        padding: 5px 15px;
        background-size: 200%
    }
}

@media (max-width: 575.98px) {
    .x-safari-browser .x-index-top-container {
        /*background-image: url(/landing/assets/template/top-index-mobile-bg.6c7d5bd9.jpg)*/
    }
}

.x-index-middle-container {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.x-index-middle-container .-middle-container {
    padding-top: 12rem
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container {
        padding-top: 2rem
    }
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-left-container-top {
        text-align: center
    }
}

.x-index-middle-container .-middle-container .-left-container-top .-logo {
    width: 400px;
    height: auto
}

@media (max-width: 767.98px) {
    .x-index-middle-container .-middle-container .-left-container-top .-logo {
        width: 90%
    }
}

.x-index-middle-container .-middle-container .-right-container-top .-text-title {
    padding-top: 1rem;
    margin-left: 10px;
    color: #fff;
    font-size: 2.25rem;
    font-weight: 600
}

@media (max-width: 1199.98px) {
    .x-index-middle-container .-middle-container .-right-container-top .-text-title {
        font-size: 1.8rem
    }
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-right-container-top .-text-title {
        margin-left: 0;
        text-align: center;
        font-size: 2.25rem
    }
}

@media (max-width: 767.98px) {
    .x-index-middle-container .-middle-container .-right-container-top .-text-title {
        font-size: 1.8rem
    }
}

@media (max-width: 575.98px) {
    .x-index-middle-container .-middle-container .-right-container-top .-text-title {
        font-size: 1.26rem
    }
}

.x-index-middle-container .-middle-container .-left-container {
    min-height: 100%;
    position: relative;
    text-align: right
}

.x-index-middle-container .-middle-container .-left-container .-mobile-img {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 500px;
    height: auto
}

@media (max-width: 1199.98px) {
    .x-index-middle-container .-middle-container .-left-container .-mobile-img {
        width: 460px;
        right: 15px
    }
}

.x-index-middle-container .-middle-container .-left-container .-shield-container .-dust-img {
    position: absolute;
    bottom: 0;
    left: 25%;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation: x-dust-mover 8s ease infinite;
    animation: x-dust-mover 8s ease infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.x-index-middle-container .-middle-container .-left-container .-shield-container .-shield-img {
    position: absolute;
    bottom: -22px;
    right: 190px;
    width: 250px
}

@media (max-width: 1199.98px) {
    .x-index-middle-container .-middle-container .-left-container .-shield-container .-dust-img {
        left: 20%;
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%)
    }

    .x-index-middle-container .-middle-container .-left-container .-shield-container .-shield-img {
        right: 155px;
        width: 218px
    }
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-left-container {
        order: 2;
        margin-top: 2rem;
        text-align: center
    }

    .x-index-middle-container .-middle-container .-left-container .-mobile-img {
        position: relative;
        right: 0;
        width: 350px
    }

    .x-index-middle-container .-middle-container .-left-container .-shield-container .-dust-img {
        left: 32%;
        -webkit-transform: translateX(-32%);
        transform: translateX(-32%)
    }

    .x-index-middle-container .-middle-container .-left-container .-shield-container .-shield-img {
        right: 400px;
        width: 200px;
        left: 35%;
        -webkit-transform: translateX(-35%);
        transform: translateX(-35%)
    }
}

@media (max-width: 767.98px) {
    .x-index-middle-container .-middle-container .-left-container .-shield-container .-dust-img {
        left: 29%;
        -webkit-transform: translateX(-29%);
        transform: translateX(-29%)
    }

    .x-index-middle-container .-middle-container .-left-container .-shield-container .-shield-img {
        left: 29%
    }
}

@media (max-width: 575.98px) {
    .x-index-middle-container .-middle-container .-left-container .-mobile-img {
        width: 260px
    }

    .x-index-middle-container .-middle-container .-left-container .-shield-container .-dust-img {
        width: 160px
    }

    .x-index-middle-container .-middle-container .-left-container .-shield-container .-shield-img {
        right: unset;
        left: 80%;
        width: 155px;
        opacity: 0;
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%);
        -webkit-animation: x-index-shield-transform 1s .4s;
        animation: x-index-shield-transform 1s .4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        bottom: -16px
    }
}

.x-index-middle-container .-middle-container .-right-container {
    padding-bottom: 2rem
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-right-container {
        text-align: center
    }
}

.x-index-middle-container .-middle-container .-right-container .-logo {
    position: relative;
    left: -20px;
    width: 100%
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-right-container .-logo {
        left: 0;
        width: 60%
    }
}

.x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper {
    margin-top: 2rem
}

.x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav {
        margin-top: 2rem
    }
}

.x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav .nav-item {
    width: 20%;
    padding: 0 10px;
    margin-bottom: .5rem
}

.x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav .nav-item .-casino-logo {
    width: 100%;
    height: auto;
    transition: all .2s
}

.x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav .nav-item .-text-title {
    text-align: center;
    margin-top: .5rem
}

@media (min-width: 992px) {
    .x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav .nav-item:hover .-casino-logo {
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav {
        flex-wrap: wrap;
        justify-content: center
    }

    .x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav .nav-item {
        width: 16.66667%
    }
}

@media (max-width: 767.98px) {
    .x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav .nav-item {
        width: 25%
    }
}

@media (max-width: 575.98px) {
    .x-index-middle-container .-middle-container .-right-container .-lobby-logo-wrapper .navbar-nav .nav-item {
        width: 33.33333%
    }
}

.x-index-middle-container .-middle-container .-right-container .-title {
    margin-top: 1rem;
    font-size: 2.025rem;
    font-weight: 600;
    color: #fff
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-right-container .-title {
        margin-top: 2rem
    }
}

@media (max-width: 767.98px) {
    .x-index-middle-container .-middle-container .-right-container .-title {
        font-size: 1.8rem
    }
}

.x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper {
    margin-left: 10px
}

.x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper .navbar-nav .nav-item {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem
}

.x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper .navbar-nav .nav-item .-icon-img {
    width: 34px;
    height: auto
}

.x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper .navbar-nav .nav-item span {
    margin-left: 10px;
    font-size: 1.17rem
}

@media (max-width: 991.98px) {
    .x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper .navbar-nav .nav-item {
        justify-content: center
    }
}

@media (max-width: 767.98px) {
    .x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper .navbar-nav .nav-item .-icon-img {
        width: 30px
    }

    .x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper .navbar-nav .nav-item span {
        font-size: 1.08rem;
        text-align: left
    }
}

@media (max-width: 575.98px) {
    .x-index-middle-container .-middle-container .-right-container .-text-lists-wrapper .navbar-nav .nav-item {
        justify-content: flex-start
    }
}

.x-ios-os .x-withdraw-pending .-fake-input {
    padding: 14px .675rem !important
}

.x-ios-os .x-withdraw-pending .media .media-body {
    margin-top: .2rem !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .vex-dialog-button, .x-apple-os .btn, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    line-height: 30px;
    padding: 8px 0
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .x-mini-copy.vex-dialog-button, .x-apple-os .btn.x-mini-copy, .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-mini-copy.vex-dialog-button {
    padding: 0
}

.x-apple-os .x-withdraw-pending .-fake-input {
    padding: 14px .675rem !important
}

.x-apple-os .x-withdraw-pending .media .media-body {
    margin-top: .2rem !important
}

.x-windows-os #main__content .-btn-base, .x-windows-os #main__content .btn-pink {
    padding: 6px 12px
}

.x-windows-os .x-header .-header-inner-wrapper #headerBrand .navbar-brand .-title {
    padding-top: 5px
}

.x-windows-os .x-header-menu-container .nav-item .nav-link {
    padding-top: 10px
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-windows-os .x-index-top-container .-inner-wrapper .-slide .-btn-actions .vex-dialog-button, .x-windows-os .x-index-top-container .-inner-wrapper .-slide .-btn-actions .btn, .x-windows-os .x-index-top-container .-inner-wrapper .-slide .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding: .5rem 1.5rem
}

.x-windows-os .x-modal .close span {
    margin-bottom: 22px
}

.x-windows-os .x-modal .x-hr-border-glow {
    margin-top: -2px
}

.x-windows-os .x-logged-profile .-profile-wrapper {
    padding-top: 0
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-windows-os .x-promotion-main-index-container .x-promotion-content .vex-dialog-button, .x-windows-os .x-promotion-main-index-container .x-promotion-content .btn, .x-windows-os .x-promotion-main-index-container .x-promotion-content .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding: 6px 12px
}

.x-windows-os .x-footer-copyright-bg {
    padding: .5rem
}

.x-windows-os .x-checkbox-primary .form-check input[type=checkbox] + label:before {
    top: 2px !important
}

.x-android-os .x-pending .-fake-input, .x-android-os .x-withdraw-pending .-fake-input {
    padding: 16px .675rem
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-android-os .x-account-profile .-change-password-container .vex-dialog-button, .x-android-os .x-account-profile .-change-password-container .btn, .x-android-os .x-account-profile .-change-password-container .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding: 10px
}

.x-android-os .x-withdraw-pending .-fake-input {
    padding: 14px .675rem !important
}

.x-android-os .x-withdraw-pending .media .media-body {
    margin-top: .2rem !important
}

.x-ios-os .x-button-actions .-btn-play-demo {
    padding-top: 10px;
    padding-bottom: 6px
}

.x-ios-os #ads .-submit {
    padding-top: 15px
}

.x-promotion-main-index-container {
    background-image: url(/landing/assets/template/top-index-bg.32de55f9.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 8rem 0 2rem
}

@media (max-width: 1199.98px) {
    .x-promotion-main-index-container {
        padding-top: 120px
    }
}

@media (max-width: 991.98px) {
    .x-promotion-main-index-container {
        padding-top: 170px
    }
}

@media (max-width: 767.98px) {
    .x-promotion-main-index-container {
        padding-top: 160px
    }
}

.x-promotion-main-index-container .-item {
    overflow: hidden
}

.x-promotion-main-index-container .-item.collapsed {
    margin-bottom: 1rem
}

.x-promotion-main-index-container .-item img {
    transition: all .2s
}

@media (min-width: 992px) {
    .x-promotion-main-index-container .-item:hover img {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
}

.x-promotion-main-index-container .x-promotion-content {
    color: #eee;
    background: rgba(0, 0, 0, .4)
}

.x-promotion-main-index-container .x-promotion-content.collapse.show {
    margin-bottom: 1rem
}

.x-promotion-main-index-container .x-promotion-content > div {
    padding: 1rem 1.5rem 0
}

@media (max-width: 991.98px) {
    .x-promotion-main-index-container .x-promotion-content > div {
        padding: 1rem 1rem 0
    }
}

.x-promotion-main-index-container .x-promotion-content h2 {
    font-size: 1.6rem !important;
    color: #e2bf6b
}

@media (max-width: 767.98px) {
    .x-promotion-main-index-container .x-promotion-content h2 {
        font-size: 1.26rem !important
    }
}

.x-promotion-main-index-container .x-promotion-content h3 {
    font-size: 1.4rem !important;
    color: #e2bf6b
}

@media (max-width: 767.98px) {
    .x-promotion-main-index-container .x-promotion-content h3 {
        font-size: 1.17rem !important
    }
}

.x-promotion-main-index-container .x-promotion-content a {
    color: #8f8f8f
}

.x-promotion-main-index-container .x-promotion-content .btn-secondary-bg {
    padding: 10px;
    color: #000;
    border-radius: 30px;
    width: 200px;
    font-size: 1.035rem;
    text-shadow: 3px 1px 4px rgba(0, 0, 0, .5);
    transition: all .3s
}

@media (min-width: 992px) {
    .x-promotion-main-index-container .x-promotion-content .btn-secondary-bg:hover {
        -webkit-filter: saturate(1.5);
        filter: saturate(1.5);
        box-shadow: 0 0 10px 2px #ffcd57
    }
}

.x-promotion-main-index-container .-no-result {
    text-align: center
}

.x-promotion-main-index-container .-no-result .-title {
    font-weight: 600;
    color: #ddc47c
}

@media (max-width: 767.98px) {
    .x-promotion-main-index-container .-no-result .-title {
        font-size: 1.62rem
    }
}

.x-promotion-main-index-container .-no-result .-sub-title {
    font-size: 1.26rem;
    color: #d2d2d2
}

.x-promotion-apply-information-container .-title {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    color: #ddc47c
}

@media (max-width: 767.98px) {
    .x-promotion-apply-information-container .-title {
        font-size: 1.5rem
    }
}

.x-promotion-apply-information-container .-sub-title {
    font-size: 1.26rem;
    font-weight: 400;
    text-align: center;
    color: #d2d2d2
}

.x-promotion-apply-information-container .-inner-sub-title, .x-promotion-apply-information-container .-turnover strong {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ddc47c !important;
    text-decoration: underline
}

.x-promotion-apply-information-container .-active-promotion {
    background: rgba(0, 0, 0, .7)
}

.x-promotion-apply-information-container .-active-promotion .-inner-wrapper {
    padding: 2rem 8rem
}

@media (max-width: 1199.98px) {
    .x-promotion-apply-information-container .-active-promotion .-inner-wrapper {
        padding: 2rem 4rem
    }
}

@media (max-width: 991.98px) {
    .x-promotion-apply-information-container .-active-promotion .-inner-wrapper {
        padding: 1rem 2rem
    }
}

@media (max-width: 575.98px) {
    .x-promotion-apply-information-container .-active-promotion .-inner-wrapper {
        padding: 1rem
    }
}

.x-promotion-apply-information-container .-active-promotion .-promotion-name {
    font-size: 1.8rem;
    text-align: center;
    color: #ddc47c
}

@media (max-width: 767.98px) {
    .x-promotion-apply-information-container .-active-promotion .-promotion-name {
        font-size: 1.5rem
    }
}

.x-promotion-apply-information-container .-active-promotion .-expired {
    margin-bottom: 1rem;
    text-align: center;
    color: #d2d2d2
}

.x-promotion-apply-information-container .-active-promotion .-turnover .progress {
    position: relative;
    height: 1.5rem;
    margin-top: 1rem;
    padding: .25rem;
    border-radius: 10px;
    background-color: #2e383c
}

.x-promotion-apply-information-container .-active-promotion .-turnover .progress .progress-bar {
    border-radius: 10px;
    background: #ffd101;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fcb117), color-stop(100%, #ffd101));
    background: linear-gradient(90deg, #fcb117 0, #ffd101);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ from, endColorstr=$ to, GradientType=0)
}

.x-promotion-apply-information-container .-active-promotion .-turnover .progress span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #fff
}

.x-promotion-apply-information-container .-active-promotion .-condition {
    margin-top: 2rem
}

.x-promotion-apply-information-container .-active-promotion .-condition .x-promotion-content {
    margin-top: 1rem;
    background: transparent
}

.vex.vex-theme-plain .vex-content {
    background-image: url(/landing/assets/template/bg-modal.0773621e.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #d8d7cd;
    box-shadow: 0 0 5px 0 #ffcd57


}

.vex.vex-theme-plain .vex-content .vex-dialog-message {
    color: #fff
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons {
    padding: 10px 0 !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #ffcd57, #d0a94d) !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button-secondary {
    color: #fff !important;
    background: linear-gradient(135deg, #ff5757, #b00000) !important
}

.x-modal .modal-dialog {
    background-image: url(/landing/assets/template/bg-modal.0773621e.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 18px
}

.x-modal .-modal-content {
    border-radius: 18px;
    border: 2px solid #d8d7cd;
    box-shadow: 0 0 5px 0 #ffcd57;
    background: radial-gradient(closest-side, transparent, #000)
}

.x-modal .-modal-content .modal-header h3 {
    font-weight: 600
}

@media (max-width: 991.98px) {
    .x-modal .modal-dialog {
        border-radius: 0
    }

    .x-modal .-modal-content {
        border-radius: 0;
        border: none;
        box-shadow: none
    }
}

.x-modal .x-hr-border-glow {
    display: none
}

.x-modal .x-title-modal {
    font-weight: 600 !important
}

@media (max-width: 991.98px) {
    .x-modal .x-title-modal {
        font-size: 1.35rem
    }
}

.x-modal .close {
    color: #b1b1b1;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.x-modal .close span {
    width: 100%;
    height: 100%;
    margin-bottom: 5px
}

.x-modal .close:hover {
    opacity: 1 !important
}

.x-modal .close:active, .x-modal .close:focus, .x-modal .close:visited {
    text-decoration: none;
    text-outline: none;
    box-shadow: none;
    outline: 0
}

.x-modal#ads .x-checkbox-primary .-checkbox-label {
    color: #fff
}

.x-form-register img.-ic-otp, .x-form-register img.-ic-register, .x-form-register img.-ic-set-password {
    width: 90px
}

.x-form-register .x-hr-border-glow {
    display: none
}

@media (max-width: 767.98px) {
    .x-form-register button[disabled] {
        opacity: .65;
        background: linear-gradient(180deg, #765300, #926d24 3%, #a98242 6%, #b99157 9%, #c39a63 12%, #c79e68 15%, #d5b87e 25%, #e3d193 40%, #e9db9c 50%, #c79e68 84%, #c19963 87%, #b28c58 90%, #997644 97%, #8c6a3a)
    }
}

.x-form-register .-term-and-condition-content {
    background: transparent;
    padding: 0 1rem !important
}

.x-form-register .-term-and-condition-content .x-term-and-condition .-block-content-term-and-condition .text-primary {
    color: #ffcd57 !important
}

.x-form-register .x-step-register {
    margin-bottom: 1rem
}

.x-form-register #card-bank-info .-x-input-icon:nth-of-type(2) .-icon {
    top: 20px !important;
    height: auto
}

.x-form-register #card-bank-info .-x-input-icon:nth-of-type(3) .-icon {
    /*top: 14px;*/
    top: 20px;
    width: 14px;
    height: auto
}

.x-deposit-form .-deposit-container .-ic-deposit {
    width: 90px
}

.x-deposit-form .-deposit-container .-btn-cancel-promotion, .x-deposit-form .-deposit-container .-btn-get-promotion.text-primary {
    /*font-size: .9rem;*/
    font-size: 0.95rem;
    animation: btn-primary-neon2 0.7s ease-in-out infinite alternate;
    padding: 10px;
}

.-btn-get-promotion u {
    text-decoration: none;
}

@keyframes btn-primary-neon2 {
    0% {
        box-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 6px #fff, 0 0 10px #ffcd57, 0 0 12px #ffcd57, 0 0 15px #ffcd57, 0 0 20px #ffcd57, 0 0 30px #ffcd57;
    }
    100% {
        box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #ffcd57, 0 0 6px #ffcd57, 0 0 10px #ffcd57, 0 0 10px #ffcd57, 0 0 15px #ffcd57;
    }
}

@media (max-width: 575.98px) {
    .x-deposit-form .-deposit-container .-btn-cancel-promotion, .x-deposit-form .-deposit-container .-btn-get-promotion.text-primary {
        font-size: 1.08rem
    }
}

.x-deposit-form .-deposit-container a {
    color: #ffcd57
}

.x-deposit-form .-deposit-container a.-submit {
    color: #000
}

.x-deposit-form .-deposit-container .-bg-promotion-active {
    background-image: unset !important
}

.x-deposit-form .-deposit-container .-bg-promotion-active .text-primary {
    color: #fff !important;
    font-size: .99rem
}

.x-deposit-form .x-deposit-promotion .-img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.x-deposit-form .x-deposit-promotion .-img.-active {
    box-shadow: 0 0 5px 0 #ffcd57;
    border-radius: 0;
    border-width: 1px
}

@media (max-width: 991.98px) {
    .x-deposit-form .x-deposit-promotion {
        background: transparent
    }

    .x-deposit-form .x-deposit-promotion .-real-content {
        color: #fff !important
    }
}

.x-withdraw-form .-ic-withdraw {
    width: 90px
}

.x-account-profile .-profile-container .-bank-info {
    background-color: #2b2b2b
}

.x-account-profile .-profile-container .-bank-info .media .media-body {
    margin-top: .2rem !important
}

@media (max-width: 991.98px) {
    .x-account-profile {
        background: transparent
    }
}

.x-account-profile a, .x-account-profile a:hover {
    color: #ffcd57 !important
}

.x-account-profile hr {
    border-color: hsla(0, 0%, 100%, .5)
}

.x-pending .-deposit-preview .-ic-pending-deposit {
    width: 90px
}

.x-pending .-deposit-preview hr {
    display: none
}

.x-pending .-deposit-preview .-pending-bg-promotion-active {
    background-image: unset !important
}

.x-pending .-deposit-preview .-pending-bg-promotion-active .-title {
    color: #fff
}

.x-pending .-deposit-preview .-fake-input {
    background-color: #2b2b2b;
    color: #fff;
    border: 1px solid #ffcd57;
    box-shadow: 0 0 5px 0 #ffcd57;
    padding: 14px .675rem !important
}

.x-pending .-deposit-preview .-fake-input .fas {
    color: #ffcd57
}

.x-pending .media {
    /*background: #2b2b2b;*/
    background: transparent;
    padding: 1rem;
    width: 100%;
}

.x-pending .media img {
    margin-top: auto;
    margin-bottom: auto
}

.x-pending .x-slide-left-content .text-primary {
    color: #ddc47c !important;
    font-size: 1.6rem
}

.x-pending .-danger-zone, .x-pending .x-danger-zone {
    padding: 20px 10px
}

.x-pending .-danger-zone.-wrk-owner span, .x-pending .x-danger-zone.-wrk-owner span {
    font-size: 1.08rem
}

@media (max-width: 991.98px) {
    .x-pending .-animatable-container .text-primary {
        color: #ddc47c !important
    }

    .x-pending .-animatable-container .x-mini-copy {
        background: transparent !important;
        color: #fff !important;
        line-height: 20px
    }

    .x-pending .-animatable-container .-pending-bg-promotion-active {
        background-image: unset !important
    }

    .x-pending .-animatable-container .-pending-bg-promotion-active .-title {
        color: #fff
    }

    .x-pending .-animatable-container .-fake-input {
        background-color: #2b2b2b;
        color: #fff;
        border: 1px solid #ffcd57;
        box-shadow: 0 0 5px 0 #ffcd57;
        padding: 14px .675rem !important
    }

    .x-pending .-animatable-container .-fake-input .fas {
        color: #ffcd57
    }
}

.x-withdraw-pending img.-ic-pending-withdraw {
    width: 90px
}

.x-withdraw-pending .-fake-input {
    background-color: #2b2b2b;
    color: #fff;
    border: 1px solid #ffcd57;
    box-shadow: 0 0 5px 0 #ffcd57;
    padding: 14px .675rem !important
}

.x-withdraw-pending .media {
    background: #2b2b2b;
    padding: .8rem 2rem
}

.x-withdraw-pending .media .media-body {
    margin-top: .4rem
}

.x-withdraw-pending .media .media-body b {
    color: #fff
}

#joinPromotionModal .-modal-content .modal-body {
    padding-left: 1rem;
    padding-right: 1rem
}

.x-promotion-active-header {
    background: transparent
}

.x-promotion-active-header b, .x-promotion-active-header strong {
    font-weight: 500
}

.x-promotion-active-header .-active-promotion {
    margin-top: 1rem
}

.x-promotion-active-header .-active-promotion .-name strong {
    font-size: 1.53rem !important;
    color: #ffcd57 !important
}

.x-promotion-active-header .-active-promotion .-joining strong {
    color: #d2d2d2 !important
}

.x-promotion-active-header .-turnover .text-primary {
    font-weight: 600
}

.x-promotion-active-header .-turnover .progress .progress-bar {
    background: linear-gradient(90deg, #ffcd57, #d0a94d)
}

.x-promotion-active-header .-turnover .progress span {
    margin-top: 0 !important
}

.x-promotion-active-header .-condition .text-primary, .x-promotion-active-header .-condition a {
    font-weight: 600;
    color: #ffcd57 !important
}

#alertModal .modal-content .modal-body .text-primary, #resetPasswordModal .modal-content .modal-body .text-primary {
    color: #fff !important
}

@media (max-width: 991.98px) {
    #alertModal .-modal-content {
        overflow: hidden
    }
}

.x-promotion-main-index-container .x-promotion-content {
    color: #d2d2d2;
    font-size: 1.2rem
}

.x-promotion-main-index-container .x-promotion-content h2, .x-promotion-main-index-container .x-promotion-content h3 {
    color: #e2bf6b
}

@media (max-width: 575.98px) {
    .x-promotion-main-index-container .x-promotion-content p {
        font-size: .9rem
    }
}

@media (max-width: 991.98px) {
    .x-promotion-main-index-container .x-promotion-content {
        font-size: 16px
    }

    .x-promotion-main-index-container .x-promotion-content h2 {
        font-size: 20px
    }

    .x-promotion-main-index-container .x-promotion-content h3 {
        font-size: 18px
    }
}

.x-promotion-main-index-container .x-promotion-content a {
    text-decoration: underline
}

.x-landing {
    background-color: #0b0b0b
}

.x-landing #main__content.x-promotion-landing {
    background-size: cover;
    background-image: url(/landing/assets/template/top-index-bg.32de55f9.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 100vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 0;
    display: flex;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .x-landing #main__content.x-promotion-landing {
        background-size: cover
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container {
    padding-top: 0;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (max-width: 991.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container {
        margin-bottom: 1rem;
        padding-bottom: 0
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .text-highlight {
    color: #8f8f8f
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-bg-promotion-active {
    height: auto;
    margin-bottom: 1rem
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-bg-promotion-active .-title-promotion {
    color: #ffcd57
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .card {
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid #ffcd57;
    border-radius: 25px;
    box-shadow: 0 0 5px 0 #ffcd57
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .x-promotion-content, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .x-promotion-content .text-primary {
    color: #fff
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .x-promotion-content a, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .x-promotion-content h2 {
    color: #ffcd57
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .x-promotion-content h2 {
    font-size: 2.25rem !important
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-logo-img {
    width: 280px
}

@media (max-width: 575.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-logo-img {
        width: 250px
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper {
    margin-top: 1rem
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title {
    font-weight: 600;
    color: #fff
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-text-title {
    font-size: 1.98rem
}

@media (max-width: 1199.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-text-title {
        font-size: 1.71rem
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-highlight {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    background: linear-gradient(180deg, #6c500c 20%, #e8da9b 50%, #6c500c 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-highlight:after, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-highlight:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url(/landing/assets/template/light-wink.7881e05d.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-highlight:before {
    left: -10px;
    top: 15px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-highlight:after {
    left: 60px;
    top: 12px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

@media (max-width: 767.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title {
        font-size: 1.8rem
    }

    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-title .-highlight:after {
        left: 46px;
        top: 6px
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-sub-title {
    font-size: 1.08rem
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .x-register-card-landing .-contents-wrapper .-sub-title {
        font-size: .9rem
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions {
    margin: 2rem;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions {
        flex-direction: column;
        margin: auto
    }
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex-dialog-button, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .btn, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    font-size: .99rem;
    border-radius: 30px
}

@media (max-width: 991.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex-dialog-button, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .btn, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        width: 220px
    }
}

@media (max-width: 767.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex-dialog-button, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .btn, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        width: 280px
    }
}

@media (max-width: 575.98px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex-dialog-button, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .btn, .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        width: 220px
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .-register-btn {
    color: #000;
    transition: all .3s;
    -webkit-animation: x-button-landing-primary-blinker 1.5s infinite alternate;
    animation: x-button-landing-primary-blinker 1.5s infinite alternate
}

@media (min-width: 992px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .-register-btn:hover {
        -webkit-filter: saturate(1.3);
        filter: saturate(1.3)
    }
}

@media (max-width: 767.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .-register-btn {
        margin-top: 2rem
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .-login-btn {
    color: #000;
    transition: all .3s;
    -webkit-animation: x-button-landing-secondary-blinker 1.5s infinite alternate;
    animation: x-button-landing-secondary-blinker 1.5s infinite alternate
}

@media (min-width: 992px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .-login-btn:hover {
        -webkit-filter: saturate(1.3);
        filter: saturate(1.3)
    }
}

@media (max-width: 767.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-btn-actions .-login-btn {
        margin-top: 2rem
    }
}

@media (max-width: 991.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-content-landing {
        margin: 3rem auto 0
    }
}

@media (max-width: 575.98px) {
    .x-landing #main__content.x-promotion-landing .x-landing-index-top-container .-content-landing .-image-wrapper {
        width: 90%;
        margin: auto;
        padding: 0
    }
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .container-fluid .x-register-card-landing {
    margin: 1rem
}

.x-landing #main__content.x-promotion-landing .x-landing-index-top-container .container-fluid .card-body {
    padding-bottom: 4rem !important
}

.x-landing #main__content.x-promotion-landing .x-hr-border-glow {
    height: 3px;
    margin-top: -2px
}

.x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper {
    margin-top: 1rem
}

.x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper .navbar-nav {
    flex-direction: row
}

@media (max-width: 991.98px) {
    .x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper .navbar-nav {
        margin-top: 2rem
    }
}

.x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper .navbar-nav .nav-item {
    width: 14.28571%;
    padding: 0 5px
}

@media (max-width: 767.98px) {
    .x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper .navbar-nav .nav-item {
        width: 25%
    }
}

.x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper .navbar-nav .nav-item .-casino-logo {
    width: 100%;
    transition: all .2s
}

@media (min-width: 992px) {
    .x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper .navbar-nav .nav-item:hover .-casino-logo {
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
}

@media (max-width: 991.98px) {
    .x-landing #main__content.x-promotion-landing .-lobby-logo-wrapper .navbar-nav {
        flex-wrap: wrap;
        justify-content: center
    }
}

.x-landing #main__content.x-promotion-landing .x-footer {
    padding-bottom: 0 !important
}

.x-landing #main__content.x-promotion-landing .x-footer.-footer-landing {
    background-color: #0b0b0b
}

.x-landing #main__content.x-promotion-landing .x-footer.-footer-landing .-inner-wrapper {
    padding-top: 0
}

.x-landing #main__content.x-promotion-landing .x-footer.-footer-landing .x-footer-seo {
    margin: 1rem 0
}

.x-landing #main__content.x-promotion-landing .x-footer.-footer-landing .x-footer-seo .-tags {
    margin-bottom: 0;
    padding-bottom: 0
}

.x-term-and-condition.-home {
    padding: 7rem 0 2rem;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media (max-width: 1199.98px) {
    .x-term-and-condition.-home {
        padding-top: 120px
    }
}

@media (max-width: 991.98px) {
    .x-term-and-condition.-home {
        padding-top: 170px
    }
}

@media (max-width: 767.98px) {
    .x-term-and-condition.-home {
        padding-top: 160px
    }
}

.x-term-and-condition.-home .-notice-box {
    margin-top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.x-term-and-condition.-home .-notice-box .-title {
    background: transparent;
    position: relative;
    top: unset;
    padding-top: 2rem
}

.x-term-and-condition.-home .-notice-box .-block-content-term-and-condition {
    color: #fff;
    background: radial-gradient(closest-side, transparent, #000);
    border-radius: 20px;
    box-shadow: 0 0 10px 0 #101112
}

.x-term-and-condition.-home .-notice-box .-block-content-term-and-condition .-detail {
    color: #d2d2d2
}

.x-instruction-main-index-container {
    min-height: 500px;
    padding: 8rem 0 2rem;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media (max-width: 1199.98px) {
    .x-instruction-main-index-container {
        padding-top: 120px
    }
}

@media (max-width: 991.98px) {
    .x-instruction-main-index-container {
        padding-top: 170px
    }
}

@media (max-width: 767.98px) {
    .x-instruction-main-index-container {
        padding-top: 160px
    }
}

.x-instruction-content-wrapper {
    background: rgba(0, 0, 0, .7)
}

.x-instruction-content-wrapper .-banner-img-container .-banner-img {
    width: 100%
}

@media (min-width: 992px) {
    .x-instruction-content-wrapper .-banner-img-container {
        min-height: 240px
    }
}

.x-instruction-content-wrapper hr {
    margin: .5rem 4rem 0;
    border-color: #5f4d22
}

@media (max-width: 991.98px) {
    .x-instruction-content-wrapper hr {
        margin: .5rem 1rem
    }
}

.x-instruction-content-wrapper .-inner-content {
    position: relative
}

.x-instruction-menu-tab-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 1rem
}

.x-instruction-menu-tab-wrapper.-sticky {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-instruction-menu-tab-wrapper .nav-item {
    padding: 0 2rem;
    text-align: center
}

@media (min-width: 992px) {
    .x-instruction-menu-tab-wrapper .nav-item:hover .nav-link {
        text-decoration: none;
        color: #ffcd57
    }
}

.x-instruction-menu-tab-wrapper .nav-item.active .nav-link {
    color: #ffcd57
}

.x-instruction-menu-tab-wrapper .nav-item .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: #d2d2d2
}

.x-instruction-menu-tab-wrapper .nav-item .nav-link .-icon-wrapper .-img {
    width: 120px;
    /*width: 100%;*/
}

@media (min-width: 992px) {
    .x-instruction-menu-tab-wrapper .nav-item .nav-link .-icon-wrapper {
        min-height: 35px
    }
}

.x-instruction-menu-tab-wrapper .nav-item .nav-link .-title {
    position: relative;
    margin-top: .75rem
}

@media (max-width: 991.98px) {
    .x-instruction-menu-tab-wrapper .nav-item {
        width: 25%;
        padding: 0
    }

    .x-instruction-menu-tab-wrapper .nav-item .nav-link {
        padding: 0 10px
    }
}

@media (max-width: 767.98px) {
    .x-instruction-menu-tab-wrapper .nav-item .nav-link {
        padding: 0 5px
    }
}

@media (max-width: 575.98px) {
    .x-instruction-menu-tab-wrapper .nav-item .nav-link .-title {
        font-size: .81rem
    }
}

.x-instruction-block-macro-wrapper {
    position: relative;
    padding: 2.5rem 4rem
}

.x-instruction-block-macro-wrapper:nth-child(2n) {
    background: hsla(0, 0%, 100%, .1)
}

.x-instruction-block-macro-wrapper:not(:last-child):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #765300 0, #ddc47c 50%, #765300)
}

@media (max-width: 1199.98px) {
    .x-instruction-block-macro-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width: 991.98px) {
    .x-instruction-block-macro-wrapper {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (max-width: 767.98px) {
    .x-instruction-block-macro-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width: 575.98px) {
    .x-instruction-block-macro-wrapper {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.x-instruction-block-macro-wrapper .-heading-container .-img {
    width: 70px
}

@media (max-width: 991.98px) {
    .x-instruction-block-macro-wrapper .-heading-container .-img {
        width: 60px
    }
}

.x-instruction-block-macro-wrapper .-heading-container .-text-title {
    margin-bottom: 0;
    font-weight: 600;
    color: #ffcd57
}

@media (max-width: 575.98px) {
    .x-instruction-block-macro-wrapper .-heading-container .-text-title {
        font-size: 1.44rem
    }
}

@media (max-width: 991.98px) {
    .x-instruction-block-macro-wrapper .-heading-container {
        margin-bottom: 1rem;
        text-align: center
    }
}

.x-instruction-block-macro-wrapper .-img-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.x-instruction-block-macro-wrapper .-img-container .-img {
    width: 90%
}

@media (min-width: 1200px) {
    .x-instruction-block-macro-wrapper .-img-container {
        min-height: 530px
    }
}

@media (max-width: 1199.98px) {
    .x-instruction-block-macro-wrapper .-img-container .-img {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .x-instruction-block-macro-wrapper .-img-container {
        justify-content: center
    }

    .x-instruction-block-macro-wrapper .-img-container .-img {
        width: 70%
    }
}

@media (max-width: 767.98px) {
    .x-instruction-block-macro-wrapper .-img-container .-img {
        width: 80%
    }
}

@media (max-width: 575.98px) {
    .x-instruction-block-macro-wrapper .-img-container .-img {
        width: 100%
    }
}

.x-instruction-block-macro-wrapper .-detail-container {
    font-size: .99rem
}

@media (max-width: 991.98px) {
    .x-instruction-block-macro-wrapper .-detail-container {
        margin-top: 1rem
    }
}

.x-instruction-block-macro-wrapper .-detail-container .-inner-wrapper {
    padding: 0 1.5rem
}

@media (max-width: 1199.98px) {
    .x-instruction-block-macro-wrapper .-detail-container .-inner-wrapper {
        padding: 0
    }
}

.x-instruction-block-macro-wrapper .-detail-container .navbar-nav .nav-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 5px
}

.x-instruction-block-macro-wrapper .-detail-container .navbar-nav .nav-item .-no {
    margin-right: 5px
}

.x-instruction-block-macro-wrapper .-detail-container .navbar-nav .nav-item .-highlight {
    color: #ffcd57
}

.btn-primary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary {
    color: #151515;
    background: linear-gradient(180deg, #765300, #926d24 3%, #a98242 6%, #b99157 9%, #c39a63 12%, #c79e68 15%, #d5b87e 25%, #e3d193 40%, #e9db9c 50%, #c79e68 84%, #c19963 87%, #b28c58 90%, #997644 97%, #8c6a3a)
}

.btn-primary:disabled, .btn-primary:focus, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:disabled, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:focus {
    color: #151515
}

.btn-primary.-submit, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button.vex-dialog-button-primary {
    border-radius: 30px;
    padding-bottom: 9px;
    padding-top: 9px !important
}

.btn-primary.-submit:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button.vex-dialog-button-primary:hover {
    color: #151515;
    background: linear-gradient(180deg, #765300, #926d24 3%, #a98242 6%, #b99157 9%, #c39a63 12%, #c79e68 15%, #d5b87e 25%, #e3d193 40%, #e9db9c 50%, #c79e68 84%, #c19963 87%, #b28c58 90%, #997644 97%, #8c6a3a)
}

@media (max-width: 991.98px) {
    .btn-primary.-submit, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button.vex-dialog-button-primary {
        border-radius: 0
    }
}

.x-button-actions .-text-play-demo {
    padding-top: .25rem
}

.x-button-actions .-btn-play-demo {
    padding: .5rem;
    background: linear-gradient(180deg, #272727, #e2bf6b);
    border: none
}

.btn.-btn-base, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-base.vex-dialog-button {
    padding: 10px 12px 2px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    transition: all .2s;
    width: 100%
}

.btn.-btn-gold, .btn.-btn-silver, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-gold.vex-dialog-button, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-silver.vex-dialog-button {
    background-size: 130%;
    background-position: 50%;
    background-repeat: no-repeat
}

.btn.-btn-gold, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-gold.vex-dialog-button {
    background-image: url(/landing/assets/template/button-bg-gold.533c565b.png)
}

.btn.-btn-silver, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-silver.vex-dialog-button {
    background-image: url(/landing/assets/template/button-bg-silver.93381f81.png)
}

.btn.-btn-secondary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.vex-dialog-button {
    border: 2px solid #186ed1;
    background: #00204d
}

@media (max-width: 767.98px) {
    .btn.-btn-secondary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.vex-dialog-button {
        margin-bottom: 1rem
    }
}

@media (min-width: 992px) {
    .btn.-btn-secondary:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.vex-dialog-button:hover {
        text-decoration: none;
        color: #fff;
        background: #186ed1
    }
}

@media (max-width: 991.98px) {
    .btn.-btn-secondary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.vex-dialog-button {
        font-size: .81rem
    }

    .btn.-btn-secondary:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.vex-dialog-button:hover {
        text-decoration: none;
        color: #fff
    }
}

.btn.-btn-primary, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.vex-dialog-button {
    border: 2px solid #ab7d26;
    background: #6e562a
}

@media (min-width: 992px) {
    .btn.-btn-primary:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.vex-dialog-button:hover {
        text-decoration: none;
        color: #fff;
        background: #ab7d26
    }
}

.btn.btn-pink, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-pink.vex-dialog-button {
    margin-bottom: 2rem;
    padding: 10px 12px 2px;
    min-width: 120px;
    border: 2px solid #b1b1b1;
    border-radius: 5px;
    color: #fff;
    background: #2b2b2b;
    text-align: center;
    transition: all .2s
}

@media (min-width: 992px) {
    .btn.btn-pink:hover, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-pink.vex-dialog-button:hover {
        background: #b1b1b1
    }
}

@media (max-width: 767.98px) {
    .btn.btn-pink, .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-pink.vex-dialog-button {
        padding: 8px 12px 2px;
        min-width: 100px
    }
}

.x-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    opacity: 1;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.x-header.-sticky {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.x-header.-sticky #headerContent .-header-login-btn, .x-header.-sticky .navbar-brand {
    opacity: 1
}

.x-header.-sticky .-logged-container {
    -webkit-transform: none;
    transform: none
}

.x-header.-sticky .x-header-menu-container {
    opacity: 0
}

.x-header .-header-inner-wrapper {
    height: 80px;
    padding: 0 1rem;
    background: transparent
}

@media (max-width: 1199.98px) {
    .x-header .-header-inner-wrapper {
        background: transparent
    }
}

@media (max-width: 991.98px) {
    .x-header .-header-inner-wrapper {
        height: 60px
    }
}

.x-header .-header-inner-wrapper #headerBrand {
    display: flex;
    align-items: center;
    height: unset
}

.x-header .-header-inner-wrapper #headerBrand .navbar-brand {
    display: flex;
    align-items: center
}

.x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
    position: relative;
    top: -5px;
    width: 170px;
    height: auto
}

@media (max-width: 991.98px) {
    .x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
        top: 0;
        width: 130px
    }
}

@media (max-width: 575.98px) {
    .x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
        width: 100px
    }
}

@media screen and (max-width: 350px) {
    .x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
        width: 90px
    }
}

.x-header.-anon .-header-inner-wrapper #headerContent .-login-btn {
    position: relative;
    width: 160px;
    color: #000
}

.x-header.-anon .-header-inner-wrapper #headerContent .-login-btn .-bg-new-img {
    width: 100%;
    height: auto;
    transition: .2s
}

.x-header.-anon .-header-inner-wrapper #headerContent .-login-btn .-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1rem;
    font-weight: 600;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-header.-anon .-header-inner-wrapper #headerContent .-login-btn:focus {
    box-shadow: none
}

@media (min-width: 992px) {
    .x-header.-anon .-header-inner-wrapper #headerContent .-login-btn:hover .-bg-new-img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: saturate(1.5);
        filter: saturate(1.5)
    }
}

@media (max-width: 991.98px) {
    .x-header.-anon .-header-inner-wrapper #headerContent .-login-btn {
        width: 140px
    }
}

.x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved {
    position: relative;
    margin-top: 5px;
    text-align: right
}

@media (min-width: 992px) {
    .x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved {
        padding: 5px;
        background: hsla(0, 0%, 100%, .1);
        border-radius: 5px
    }
}

@media (max-width: 767.98px) {
    .x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved {
        margin-top: 2px
    }
}

.x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved .fas.fa-spinner {
    margin-right: 0
}

@media (max-width: 767.98px) {
    .x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved .fas.fa-spinner {
        top: 1px;
        font-size: 14px
    }
}

.x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved span {
    color: #fff
}

@media (max-width: 767.98px) {
    .x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved span {
        font-size: .81rem
    }
}

.x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved .x-queue-number-expression {
    display: block;
    position: relative;
    margin-top: 4px;
    font-size: .81rem
}

@media (max-width: 991.98px) {
    .x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved .x-queue-number-expression {
        display: inline-block
    }
}

@media (max-width: 767.98px) {
    .x-header .x-logged .-logged-container .--profile .--profile-detail .-pending-approved .x-queue-number-expression {
        font-size: .63rem
    }
}

@media (min-width: 992px) {
    .x-header .x-logged .-logged-container .--profile:hover .dropdown-content {
        display: block
    }
}

.x-header .x-logged .-logged-container .--deposit {
    background: linear-gradient(135deg, #ffcd57, #d0a94d)
}

.x-header .x-logged .-logged-container .--deposit img {
    margin-left: auto;
    margin-right: auto
}

.x-header .x-logged .-logged-container .--withdraw {
    background: linear-gradient(135deg, #ffcd57, #d0a94d);
    border-bottom-right-radius: 0;
    margin-left: 1px
}

.x-header .x-logged .-logged-container .--withdraw img {
    margin-left: auto;
    margin-right: auto
}

.x-header-menu-container {
    opacity: 1;
    transition: all .3s
}

.x-header-menu-container .nav-item .nav-link {
    position: relative;
    /*padding: .5rem 1.5rem;*/
    /*padding: .5rem 1.4rem;*/
    padding: .5rem 1.0rem;
    color: #fff;
    transition: color .2s
}

.x-header-menu-container .nav-item .nav-link.-instruction .-ic {
    width: 50px;
    margin-top: -10px
}

.x-header-menu-container .nav-item .nav-link.-compare {
    -webkit-animation: x-heartbeat 2s ease-in-out infinite both;
    animation: x-heartbeat 2s ease-in-out infinite both
}

.x-header-menu-container .nav-item .nav-link.-compare .-text {
    font-weight: 500;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (max-width: 991.98px) {
    .x-header-menu-container .nav-item .nav-link.-compare {
        -webkit-animation: none;
        animation: none
    }

    .x-header-menu-container .nav-item .nav-link.-compare .-ic {
        -webkit-animation: x-heartbeat 2s ease-in-out infinite both;
        animation: x-heartbeat 2s ease-in-out infinite both
    }
}

.x-header-menu-container .nav-item .nav-link .-ic {
    display: none;
    width: 40px;
    height: auto
}

.x-header-menu-container .nav-item .nav-link .-text {
    position: relative;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .x-header-menu-container .nav-item .nav-link {
        padding: .5rem
    }
}

@media (min-width: 992px) {
    .x-header-menu-container .nav-item .nav-link:hover {
        color: #e2bf6b
    }
}

.x-header-menu-container .nav-item .nav-link.-active {
    color: #e2bf6b
}

@media (max-width: 991.98px) {
    .x-header-menu-container .nav-item .nav-link.-active:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 40%;
        height: 2px;
        background: linear-gradient(90deg, transparent, #ffcd57 50%, transparent)
    }
}

.x-header-menu-container .-fire-animate-img {
    position: absolute;
    bottom: 14px;
    z-index: 0;
    width: 15px;
    -webkit-animation: x-fire-scaling .4s infinite alternate;
    animation: x-fire-scaling .4s infinite alternate
}

.x-header-menu-container .-fire-animate-img.-item-1 {
    left: 8px
}

.x-header-menu-container .-fire-animate-img.-item-2 {
    right: 8px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@media (max-width: 1199.98px) {
    .x-header-menu-container .-fire-animate-img {
        bottom: 12px;
        width: 10px
    }

    .x-header-menu-container .-fire-animate-img.-item-1 {
        left: -2px
    }

    .x-header-menu-container .-fire-animate-img.-item-2 {
        right: -2px
    }
}

@media (max-width: 991.98px) {
    .x-header-menu-container .-fire-animate-img {
        display: none
    }
}

@media (max-width: 991.98px) {
    .x-header-menu-container {
        display: flex;
        flex-direction: row;
        height: 70px;
        margin-top: .5rem;
        background: transparent
    }

    .x-header-menu-container .nav-item {
        width: 25%
    }

    .x-header-menu-container .nav-item .nav-link {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
        padding: 0;
        font-size: .81rem
    }

    .x-header-menu-container .nav-item .nav-link .-ic {
        display: block
    }

    .x-header-menu-container .nav-item .nav-link .-text {
        margin-top: 5px
    }

    .x-header-menu-container .nav-item .nav-link.-active {
        color: #e2bf6b
    }
}

@media (max-width: 767.98px) {
    .x-header-menu-container {
        height: 80px
    }

    .x-header-menu-container .nav-item .nav-link .-ic {
        width: 40px
    }
}

@media screen and (max-width: 350px) {
    .x-header-menu-container .nav-item .nav-link .-text {
        font-size: .72rem
    }
}

.x-profile-dropdown-menu {
    border-radius: 10px
}

.x-profile-dropdown-menu .navbar-nav .nav-item {
    border-bottom: none
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link {
    padding: .5rem .25rem;
    position: relative;
    color: #d9d9d9 !important;
    transition: all .4s
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .-link-image-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .-link-image-container .-ic {
    width: 24px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 991.98px) {
    .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .-link-image-container {
        flex-direction: row
    }

    .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .-link-image-container .-ic {
        margin-left: unset;
        margin-right: 10px
    }
}

@media (min-width: 992px) {
    .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover {
        color: #ffcd57 !important
    }

    .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover .fas {
        color: #ffcd57
    }

    .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover:before {
        opacity: 1
    }
}

.x-logged-profile {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.x-logged-profile .x-profile-image {
    margin-right: 5px;
    cursor: pointer
}

.x-logged-profile .-profile-wrapper {
    padding-top: 10px
}

.x-logged-profile .-profile-wrapper .-name {
    cursor: pointer
}

.x-logged-profile .-profile-wrapper .-balance {
    color: #8f8f8f
}

.x-logged-profile .-profile-wrapper #btn-customer-balance-reload {
    line-height: normal
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile .--profile-detail .-text-welcome {
        margin-bottom: .25rem
    }
}

@media (max-width: 991.98px) {
    .x-logged-sidebar-mobile .-inner-wrapper {
        min-width: unset;
        width: 250px;
        background: linear-gradient(180deg, #242424, #0a0a0a)
    }

    .x-logged-sidebar-mobile .-inner-wrapper .text-primary {
        color: #b1b1b1 !important
    }

    .x-logged-sidebar-mobile .-inner-wrapper .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .fas {
        margin-right: 1rem
    }
}

@media (max-width: 991.98px) {
    .x-footer {
        padding-bottom: 76px !important
    }
}

@media (max-width: 767.98px) {
    .x-footer {
        padding-bottom: 74px !important
    }
}

.x-footer.-anon {
    padding-bottom: 0 !important;
    position: relative;
}

.x-footer .-mobile-application-container {
    position: relative;
    padding: 4rem 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.x-footer .-mobile-application-container:after, .x-footer .-mobile-application-container:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #765300 0, #ddc47c 50%, #765300)
}

.x-footer .-mobile-application-container:before {
    top: 0
}

.x-footer .-mobile-application-container:after {
    bottom: 0
}

.x-footer .-mobile-application-container .-container-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title {
    font-size: 2.025rem;
    font-weight: 600;
    color: #fff;
    text-align: center
}

@media (max-width: 991.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title {
        font-size: 1.62rem
    }
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-normal-text {
    position: relative
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight {
    position: relative;
    background: linear-gradient(90deg, #a27a46 0, #f0ddab 50%, #a27a46);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .3s
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight .-line-light {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 300px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:after, .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/landing/assets/template/pre-footer-starlight.e1ca4ca3.png);
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:before {
    top: 0;
    left: -20px
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:after {
    bottom: -2px;
    right: -5px
}

@media (max-width: 767.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight .-line-light {
        width: 250px
    }
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight .-line-light {
    bottom: -2px;
    width: 250px
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight:before {
    display: none
}

.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight:after {
    top: 5px;
    right: -20px
}

@media (max-width: 767.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight .-line-light {
        width: 200px
    }
}

@media (max-width: 575.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight:after {
        right: -10px
    }
}

@media (max-width: 767.98px) {
    .x-footer .-mobile-application-container {
        padding: 2.5rem 0
    }

    .x-footer .-mobile-application-container .-container-inner-wrapper {
        flex-direction: column
    }

    .x-footer .-mobile-application-container .-container-inner-wrapper a .-img {
        width: 250px
    }

    .x-footer .-mobile-application-container .-container-inner-wrapper a:last-child {
        margin-top: 1rem
    }
}

.x-footer .-inner-wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem !important;
    background-color: #000;
}

.x-footer .-inner-wrapper .-terms {
    margin-top: 10px;
    text-align: center;
    text-decoration: underline
}

.x-footer .-inner-wrapper .-terms .-link-term {
    color: #ffcd57
}

@media (min-width: 992px) {
    .x-footer .-inner-wrapper .-terms .-link-term:hover {
        color: #ffe4a4
    }
}

.x-footer .-inner-wrapper .x-footer-seo .-tags {
    border-bottom: none
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-footer .-inner-wrapper .x-footer-seo .-tags .vex-dialog-button, .x-footer .-inner-wrapper .x-footer-seo .-tags .btn, .x-footer .-inner-wrapper .x-footer-seo .-tags .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    margin: 5px;
    padding: 8px 10px;
    border-radius: 5px;
    color: #d8d7cd;
    background: rgba(216, 215, 205, .25);
    transition: all .2s
}

@media (min-width: 992px) {
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-footer .-inner-wrapper .x-footer-seo .-tags .vex-dialog-button:hover, .x-footer .-inner-wrapper .x-footer-seo .-tags .btn:hover, .x-footer .-inner-wrapper .x-footer-seo .-tags .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:hover {
        background: rgba(0, 0, 0, .25)
    }
}

.x-footer .-copyright-wrapper {
    /*margin-top: 1rem;*/
    padding: 10px;
    text-align: center;
    background: #2c2c2c
}

.x-footer.-bg-footer {
    padding-top: 2rem
}

.x-contact-us {
    /*z-index: 6;*/
    z-index: 10;
    position: fixed;
    top: 80%;
    right: 6px;
    overflow: hidden;
    max-height: unset
}

@media (max-width: 991.98px) {
    .x-contact-us {
        top: unset;
        bottom: 300px
    }
}

@media (max-width: 767.98px) {
    .x-contact-us {
        bottom: 220px;
        right: 0
    }
}

.x-contact-us .-contact-inner-wrapper {
    display: flex;
    align-items: center
}

.x-contact-us .-contact-inner-wrapper .-text-support-container {
    color: #f0f0f0;
    font-weight: 600;
    text-align: right;
    margin-bottom: 4px;
}

.x-contact-us .-contact-inner-wrapper .-text-support-container .-ic {
    width: 24px
}

.x-contact-us .-contact-inner-wrapper .-toggle {
    padding: 0
}

.x-contact-us .-contact-inner-wrapper .-toggle.-toggle-desktop {
    display: block;
    width: 75px;
    left: -56px;
    top: -2px
}

.x-contact-us .-contact-inner-wrapper .-toggle.-toggle-mobile {
    display: none
}

@media (max-width: 767.98px) {
    .x-contact-us .-contact-inner-wrapper .-toggle.-toggle-desktop {
        display: none
    }

    .x-contact-us .-contact-inner-wrapper .-toggle.-toggle-mobile {
        width: 70px;
        bottom: 0;
        left: -75px;
        display: block
    }
}

@-webkit-keyframes x-1ufabet-button-circle-sonar {
    0% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 10px 3px #d0a94d
    }
    to {
        opacity: 0;
        box-shadow: 0 0 10px 3px #d0a94d;
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4)
    }
}

@keyframes x-1ufabet-button-circle-sonar {
    0% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 10px 3px #d0a94d
    }
    to {
        opacity: 0;
        box-shadow: 0 0 10px 3px #d0a94d;
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4)
    }
}

@-webkit-keyframes x-f488-blink {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
}

@keyframes x-f488-blink {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
}

@-webkit-keyframes x-no-1-animation {
    0% {
        -webkit-transform: translate(40px, 10%);
        transform: translate(40px, 10%)
    }
    to {
        -webkit-transform: translate(40px);
        transform: translate(40px)
    }
}

@keyframes x-no-1-animation {
    0% {
        -webkit-transform: translate(40px, 10%);
        transform: translate(40px, 10%)
    }
    to {
        -webkit-transform: translate(40px);
        transform: translate(40px)
    }
}

@-webkit-keyframes x-fire-scaling {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes x-fire-scaling {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes x-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    33% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes x-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    33% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.x-testimonial-slick-container .slick-track {
    display: flex
}

.x-testimonial-slick-container .slick-list {
    overflow: unset
}

.x-testimonial-slick-container .slick-slide {
    opacity: .5;
    transition: all .5s;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.x-testimonial-slick-container .slick-current {
    opacity: 1;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-filter: blur(0);
    filter: blur(0);
    z-index: 10
}

@media (max-width: 767.98px) {
    .x-testimonial-slick-container .slick-current.-card {
        width: 500px
    }
}

.x-testimonial-slick-container .slick-dots {
    bottom: -60px
}

.x-testimonial-slick-container .-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 450px;
    min-height: 300px;
    padding: 1.5rem 2rem;
    background: linear-gradient(180deg, #3b3b3b, #141414);
    border-radius: 20px;
    text-align: left
}

@media (max-width: 575.98px) {
    .x-testimonial-slick-container .-card {
        padding: 1.5rem 1rem
    }
}

.x-testimonial-slick-container .-card .-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #f5a900
}

@media (max-width: 767.98px) {
    .x-testimonial-slick-container .-card .-title {
        font-size: 1.2rem
    }
}

.x-testimonial-slick-container .-card .-advice-text {
    font-size: 1rem;
    color: #fff
}

@media (max-width: 767.98px) {
    .x-testimonial-slick-container .-card .-advice-text {
        font-size: .9rem
    }
}

.x-testimonial-slick-container .-card .-profile {
    display: flex;
    align-items: center;
    margin-top: auto
}

@media (max-width: 575.98px) {
    .x-testimonial-slick-container .-card .-profile {
        align-items: flex-start
    }
}

.x-testimonial-slick-container .-card .-profile .-img {
    width: 70px
}

.x-testimonial-slick-container .-card .-profile .-content-wrapper {
    margin-left: 1rem
}

.x-testimonial-slick-container .-card .-profile .-content-wrapper .-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff
}

.x-testimonial-slick-container .-card .-profile .-content-wrapper .-status {
    font-size: .9rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .x-testimonial-slick-container .-card .-profile .-content-wrapper .-name {
        font-size: 1.1rem
    }

    .x-testimonial-slick-container .-card .-profile .-content-wrapper .-status {
        font-size: .9rem
    }
}

.x-1ufa-promotion-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 320px;
    margin: auto;
    padding: 0;
    font-size: 1.35rem;
    font-weight: 600;
    border-radius: 30px;
    color: #000;
    transition: all .2s
}

.x-1ufa-promotion-btn .-text {
    display: inline-block;
    color: #fff;
    background: #000 -webkit-gradient(linear, 100% 0, 0 0, from(#000), color-stop(.5, #fff), to(#000));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (max-width: 991.98px) {
    .x-1ufa-promotion-btn .-text {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
}

.x-1ufa-promotion-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 70%;
    background: radial-gradient(#ffcd57 0, transparent 80%)
}

.x-1ufa-promotion-btn:focus {
    box-shadow: none
}

@media (min-width: 992px) {
    .x-1ufa-promotion-btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 991.98px) {
    .x-1ufa-promotion-btn {
        margin: auto
    }
}

@media (max-width: 767.98px) {
    .x-1ufa-promotion-btn {
        width: 270px;
        font-size: 1.305rem
    }
}

.x-1ufa-promotion-btn .-circle-wrapper {
    position: absolute;
    left: -14px;
    width: 90px;
    height: 90px
}

.x-1ufa-promotion-btn .-circle-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-animation: x-index-button-play-circle-sonar 1s infinite;
    animation: x-index-button-play-circle-sonar 1s infinite
}

.x-1ufa-promotion-btn .-circle-wrapper .-ic-play-circle {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-1ufa-promotion-btn .-circle-wrapper .-ic-play-circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: x-index-button-play-circle-sonar 1s infinite;
    animation: x-index-button-play-circle-sonar 1s infinite
}

.x-1ufa-promotion-btn .-circle-wrapper .fa-play {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    background: -webkit-radial-gradient(#997f45, #8c6a3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767.98px) {
    .x-1ufa-promotion-btn .-circle-wrapper {
        left: -10px;
        width: 70px;
        height: 70px
    }

    .x-1ufa-promotion-btn .-circle-wrapper:before {
        width: 70px;
        height: 70px
    }
}

.x-1ufa-promotion-btn .-button-bg {
    width: 100%
}

.x-1ufa-promotion-btn .-text {
    position: absolute;
    top: 50%;
    left: 90px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767.98px) {
    .x-1ufa-promotion-btn .-text {
        left: 65px;
        font-size: 1.1rem
    }
}

.x-mobile-frame-slide-component {
    position: relative;
    width: 350px;
    margin: auto;
    overflow: hidden
}

@media screen and (max-width: 1500px) {
    .x-mobile-frame-slide-component {
        z-index: 5
    }
}

@media (min-width: 992px) {
    .x-mobile-frame-slide-component {
        min-height: 702px
    }
}

@media (max-width: 1199.98px) {
    .x-mobile-frame-slide-component {
        z-index: unset;
        width: 320px
    }
}

@media (max-width: 991.98px) {
    .x-mobile-frame-slide-component {
        margin: auto 0
    }
}

@media (max-width: 767.98px) {
    .x-mobile-frame-slide-component {
        width: 280px
    }
}

@media (max-width: 575.98px) {
    .x-mobile-frame-slide-component {
        width: 250px
    }
}

.x-mobile-frame-slide-component .-frame-img {
    position: relative;
    width: 100%;
    z-index: 1
}

.x-mobile-frame-slide-component .-slick-slide-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 305px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden
}

@media (max-width: 1199.98px) {
    .x-mobile-frame-slide-component .-slick-slide-container {
        width: 280px
    }
}

@media (max-width: 767.98px) {
    .x-mobile-frame-slide-component .-slick-slide-container {
        width: 245px
    }
}

@media (max-width: 575.98px) {
    .x-mobile-frame-slide-component .-slick-slide-container {
        width: 220px
    }
}

.x-mobile-frame-slide-component .-slick-slide-container .slick-track {
    display: flex
}

.x-mobile-frame-slide-component .-slick-slide-container .-image-wrapper {
    position: relative;
    width: 305px
}

@media (max-width: 1199.98px) {
    .x-mobile-frame-slide-component .-slick-slide-container .-image-wrapper {
        width: 280px
    }
}

@media (max-width: 767.98px) {
    .x-mobile-frame-slide-component .-slick-slide-container .-image-wrapper {
        width: 245px
    }
}

@media (max-width: 575.98px) {
    .x-mobile-frame-slide-component .-slick-slide-container .-image-wrapper {
        width: 220px
    }
}

.x-mobile-frame-slide-component .-slick-slide-container .-image-wrapper .-img {
    width: 100%
}

.x-mobile-frame-slide-component .-single-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 305px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1199.98px) {
    .x-mobile-frame-slide-component .-single-img {
        width: 280px
    }
}

@media (max-width: 767.98px) {
    .x-mobile-frame-slide-component .-single-img {
        width: 245px
    }
}

@media (max-width: 575.98px) {
    .x-mobile-frame-slide-component .-single-img {
        width: 220px
    }
}

.x-landing-compare-container {
    color: #eae8e8
}

.x-landing-compare-container #account-actions #account-actions-mobile {
    z-index: 6
}

.x-landing-compare-container .slick-dots li {
    margin: 0 2px
}

.x-landing-compare-container .slick-dots button:before {
    font-size: 50px;
    color: hsla(0, 0%, 100%, .25)
}

.x-landing-compare-container .slick-dots .slick-active button:before {
    color: #fff
}

.x-landing-compare-container .-bg-setting {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.x-landing-compare-container .-ex-overlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 5
}

.x-landing-compare-container .-ex-overlay.-top {
    top: 0;
    background: linear-gradient(180deg, #000, transparent)
}

.x-landing-compare-container .-ex-overlay.-bottom {
    bottom: 0;
    background: linear-gradient(180deg, transparent, #000)
}

.x-landing-compare-container .-default-title {
    font-size: 2.2rem;
    font-weight: 600;
    color: #fff
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-default-title {
        font-size: 1.75rem
    }
}

.x-landing-compare-container .-default-title.-smaller {
    font-size: 1.6rem
}

.x-landing-compare-container .-default-title.-show-hr {
    position: relative
}

.x-landing-compare-container .-default-title.-show-hr:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 300px;
    height: 4px;
    background: linear-gradient(90deg, transparent, #ecbd7b 30%, #ecbd7b 70%, transparent);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-default-title.-show-hr:before {
        width: 220px
    }
}

.x-landing-compare-container .-default-sub-title {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    color: #bbb
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-default-sub-title {
        font-size: 1.1rem
    }
}

.x-landing-compare-container .-heading-section {
    position: relative;
    padding: 8rem 0 2rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 1199.98px) {
    .x-landing-compare-container .-heading-section {
        padding-top: 120px
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section {
        padding-top: 170px
    }

    .x-landing-compare-container .-heading-section .-bg-setting {
        background-position: 0 0
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-heading-section {
        padding-top: 160px
    }
}

.x-landing-compare-container .-heading-section .-title-wrapper {
    position: relative
}

.x-landing-compare-container .-heading-section .-title-wrapper .-title {
    z-index: 2;
    font-size: 3.5rem;
    font-weight: 600;
    background: linear-gradient(180deg, #e9db9c 0, #c79e68 70%, #aa775a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-title-wrapper .-title {
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-heading-section .-title-wrapper .-title {
        font-size: 2.5rem
    }
}

.x-landing-compare-container .-heading-section .-title-wrapper .-line-gray-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    width: 400px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-title-wrapper .-line-gray-img {
        width: 350px
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-heading-section .-title-wrapper .-line-gray-img {
        width: 250px
    }
}

.x-landing-compare-container .-heading-section .-title-wrapper .-circle-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(233, 219, 156, .2) 0, transparent 50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-landing-compare-container .-heading-section .-row-wrapper {
    justify-content: center;
    margin-top: 4rem
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper {
        position: relative;
        margin-top: 2rem;
        z-index: 6
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper, .x-landing-compare-container .-heading-section .-row-wrapper .-old-container .-content-wrapper {
    position: relative;
    margin-top: -12rem;
    z-index: 10
}

.x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper .-default-title, .x-landing-compare-container .-heading-section .-row-wrapper .-old-container .-content-wrapper .-default-title {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container, .x-landing-compare-container .-heading-section .-row-wrapper .-old-container {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper, .x-landing-compare-container .-heading-section .-row-wrapper .-old-container .-content-wrapper {
        flex: 1;
        position: relative;
        z-index: 10
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper .-default-title, .x-landing-compare-container .-heading-section .-row-wrapper .-old-container .-content-wrapper .-default-title {
        font-size: 2.5rem
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper .-default-title, .x-landing-compare-container .-heading-section .-row-wrapper .-old-container .-content-wrapper .-default-title {
        font-size: 2.25rem
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-old-container .-content-wrapper .-default-title {
    color: #c3c3c3
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-old-container {
        order: 1;
        margin-top: 3rem;
        padding-bottom: 3rem
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-old-container .-content-wrapper {
        margin-top: 0
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-old-container .x-mobile-frame-slide-component {
        order: 1;
        margin-top: 2rem
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-no-1-img {
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 10;
    -webkit-animation: fadeInUpAnimate 1s, heartBeat .8s linear 1.5s;
    animation: fadeInUpAnimate 1s, heartBeat .8s linear 1.5s
}

.x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper .-default-title {
    display: inline-block;
    color: #fff;
    background: #ffcd57 -webkit-gradient(linear, 100% 0, 0 0, from(#ffcd57), color-stop(.5, #fff), to(#ffcd57));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper .-default-title {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container {
        justify-content: flex-end;
        padding-bottom: 2rem
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .x-mobile-frame-slide-component {
        order: 1;
        margin-top: 2rem
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-no-1-img {
        top: 150px;
        right: 120px;
        width: 180px
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-content-wrapper {
        margin-top: 0
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-no-1-img {
        right: 50px
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-container .-no-1-img {
        right: unset;
        left: 50%;
        width: 130px;
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        -webkit-animation-name: x-no-1-animation;
        animation-name: x-no-1-animation
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-old-car-img {
    position: absolute;
    left: -500px;
    bottom: 0;
    width: 620px
}

@media screen and (max-width: 1500px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-old-car-img {
        width: 550px;
        left: -250px
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-old-car-img {
        left: 50%;
        z-index: 5;
        width: 450px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-old-car-img {
        width: 420px
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-new-car-img {
    position: absolute;
    right: -600px;
    bottom: 0;
    width: 780px
}

@media screen and (max-width: 1500px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-car-img {
        right: -300px;
        bottom: 30px;
        width: 650px
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-car-img {
        right: unset;
        left: 50%;
        bottom: -10px;
        z-index: 4;
        width: 600px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-car-img {
        width: 550px
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-new-car-img {
        width: 480px;
        bottom: 10px;
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg {
    position: absolute;
    bottom: 84px;
    right: -288px;
    z-index: 6;
    width: 200px;
    height: 150px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0;
    -webkit-animation: x-f488-blink 1s linear 1.5s infinite;
    animation: x-f488-blink 1s linear 1.5s infinite
}

.x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg path {
    -webkit-transform: scale(1.6) rotate(7deg);
    transform: scale(1.6) rotate(7deg);
    fill: hsla(0, 0%, 100%, .3)
}

@media screen and (max-width: 1500px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg {
        right: -68px;
        z-index: 5
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg path {
        -webkit-transform: scale(1.5) rotate(7deg);
        transform: scale(1.5) rotate(7deg)
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg {
        right: unset;
        left: 50%;
        -webkit-transform: translateX(-90px);
        transform: translateX(-90px);
        bottom: 29px
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg path {
        -webkit-transform: scale(1.2) rotate(7deg);
        transform: scale(1.2) rotate(7deg)
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg {
        bottom: 18px
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg {
        bottom: 5px;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-headlight-svg path {
        -webkit-transform: scale(1) rotate(7deg);
        transform: scale(1) rotate(7deg)
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-f488-lamp {
    position: absolute;
    right: -176px;
    bottom: 143px;
    z-index: 6;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
    -webkit-animation: x-f488-blink 1s linear 1.5s infinite;
    animation: x-f488-blink 1s linear 1.5s infinite
}

@media screen and (max-width: 1500px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-lamp {
        right: 52px;
        bottom: 147px;
        z-index: 5
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-lamp {
        right: 382px;
        bottom: 108px
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-lamp {
        right: 290px;
        bottom: 100px
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-f488-lamp {
        right: unset;
        left: 50%;
        bottom: 95px;
        -webkit-transform: translateX(16px);
        transform: translateX(16px)
    }
}

.x-landing-compare-container .-heading-section .-row-wrapper .-vs-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 450px;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 1199.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-vs-img {
        bottom: -20px;
        width: 500px
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-heading-section .-row-wrapper .-vs-img {
        display: none
    }
}

.x-landing-compare-container .-compatible-top-section {
    position: relative;
    text-align: center
}

.x-landing-compare-container .-compatible-top-section .-inner-wrapper {
    position: relative;
    padding: 5rem 0 28rem;
    z-index: 6
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-top-section .-inner-wrapper {
        padding: 5rem 1rem 20rem
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-top-section .-inner-wrapper {
        padding-bottom: 2rem
    }
}

.x-landing-compare-container .-compatible-top-section .-inner-wrapper .-title {
    font-size: 3.25rem;
    font-weight: 600;
    background: radial-gradient(circle, #e9db9c 20%, #c79e68 50%, #aa775a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-top-section .-inner-wrapper .-title {
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-top-section .-inner-wrapper .-title {
        font-size: 2.5rem
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-compatible-top-section .-inner-wrapper .-title {
        font-size: 2rem
    }
}

.x-landing-compare-container .-compatible-top-section .-inner-wrapper .-sub-title {
    font-size: 1.4rem;
    font-weight: 500
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-top-section .-inner-wrapper .-sub-title {
        font-size: 1.3rem
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-top-section .-inner-wrapper .-sub-title {
        font-size: 1.2rem
    }
}

.x-landing-compare-container .-compatible-top-section .-video {
    position: absolute;
    left: 50%;
    bottom: -80px;
    width: 900px;
    height: 506px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-top-section .-video {
        bottom: -100px;
        width: 90%;
        height: unset
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-top-section .-video {
        position: relative;
        bottom: unset;
        width: 100%;
        margin-top: 2rem
    }
}

.x-landing-compare-container .-promotion-section {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 4rem;
    text-align: center;
    background-color: #111;
    background-position: bottom
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-promotion-section {
        padding-top: 2rem
    }
}

.x-landing-compare-container .-promotion-section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #765300, #ddc47c 50%, #765300)
}

.x-landing-compare-container .-promotion-section .-title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-promotion-section .-title-wrapper {
        flex-direction: column;
        margin-left: 0
    }
}

.x-landing-compare-container .-promotion-section .-title-wrapper .-title {
    margin-bottom: 0;
    font-size: 3.25rem;
    font-weight: 600;
    background: radial-gradient(circle, #e9db9c 0, #c79e68 90%, #aa775a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-promotion-section .-title-wrapper .-title {
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-promotion-section .-title-wrapper .-title {
        font-size: 2.5rem
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-promotion-section .-title-wrapper .-title {
        order: 1;
        font-size: 2rem
    }
}

.x-landing-compare-container .-promotion-section .-title-wrapper .-heart-img {
    width: 50px;
    margin-left: 1rem
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-promotion-section .-title-wrapper .-heart-img {
        width: 40px
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-promotion-section .-title-wrapper .-heart-img {
        margin-left: 0
    }
}

.x-landing-compare-container .-promotion-section .-sub-title {
    font-size: 2.5rem;
    font-weight: 500;
    text-align: center
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-promotion-section .-sub-title {
        font-size: 2rem
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-promotion-section .-sub-title {
        font-size: 1.5rem
    }
}

.x-landing-compare-container .-promotion-section .-row-wrapper .-promotion-img {
    width: 90%
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .x-landing-compare-container .-promotion-section .-row-wrapper .-promotion-img {
        width: 80%
    }
}

.x-landing-compare-container .-promotion-section .-row-wrapper .-left-container, .x-landing-compare-container .-promotion-section .-row-wrapper .-right-container {
    margin-top: 2rem
}

.x-landing-compare-container .-compatible-middle-section {
    padding: 8rem 0;
    text-align: center;
    background-image: url(/landing/assets/template/landing-1ufa-upgrade-compatible-middle-bg.005187ad.png)
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section {
        padding: 8rem 0 0;
        background-image: none;
        background-color: #0c0f0f
    }

    .x-landing-compare-container .-compatible-middle-section .-container-wrapper {
        max-width: unset
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-middle-section {
        padding-top: 2rem
    }
}

.x-landing-compare-container .-compatible-middle-section.-bg-setting {
    background-position: bottom
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section .-default-title {
        margin-bottom: 10rem
    }
}

.x-landing-compare-container .-compatible-middle-section .-default-title.-show-hr:before {
    width: 260px
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section .-row-wrapper {
        justify-content: center
    }
}

.x-landing-compare-container .-compatible-middle-section .-new-container, .x-landing-compare-container .-compatible-middle-section .-old-container {
    margin-top: 4rem
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section .-old-container {
        order: 2;
        margin-top: 0;
        padding-top: 10rem;
        padding-bottom: 2rem;
        background-image: url(/landing/assets/template/landing-1ufa-upgrade-monkey-old-bg.3abe39da.png);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat
    }
}

.x-landing-compare-container .-compatible-middle-section .-old-container .-monkey-img {
    position: absolute;
    top: -160px;
    left: 90px;
    width: 150px;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .x-landing-compare-container .-compatible-middle-section .-old-container .-monkey-img {
        top: -140px;
        left: 40px;
        width: 140px
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section .-old-container .-monkey-img {
        left: 90px
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-compatible-middle-section .-old-container .-monkey-img {
        left: 50%;
        -webkit-transform: translateX(-160px);
        transform: translateX(-160px)
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section .-new-container {
        order: 1;
        margin-top: 0;
        padding-top: 4rem;
        padding-bottom: 2rem;
        background-image: url(/landing/assets/template/landing-1ufa-upgrade-monkey-new-bg.4e9178a2.png);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat
    }
}

.x-landing-compare-container .-compatible-middle-section .-new-container .-monkey-img {
    position: absolute;
    width: 340px;
    top: -212px;
    right: 20px
}

@media (max-width: 1199.98px) {
    .x-landing-compare-container .-compatible-middle-section .-new-container .-monkey-img {
        width: 280px;
        top: -174px
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section .-new-container .-monkey-img {
        right: unset;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.x-landing-compare-container .-compatible-middle-section .card {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding: 0 4rem 2rem;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 10px
}

@media (max-width: 1199.98px) {
    .x-landing-compare-container .-compatible-middle-section .card {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-middle-section .card {
        width: 500px
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-middle-section .card {
        width: 450px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-compatible-middle-section .card {
        width: 100%
    }
}

.x-landing-compare-container .-compatible-middle-section .card .-icon-emotion-img {
    width: 100px;
    margin: -50px auto 0;
    z-index: 2
}

.x-landing-compare-container .-compatible-middle-section .card .-title {
    margin-top: 1.5rem;
    font-size: 1.75rem;
    font-weight: 600
}

.x-landing-compare-container .-compatible-middle-section .card .navbar-nav {
    text-align: left;
    font-size: 1.1rem
}

.x-landing-compare-container .-compatible-middle-section .card .navbar-nav .nav-item {
    margin-top: .25rem;
    color: #a5a5a5;
    list-style: none
}

.x-landing-compare-container .-compatible-middle-section .card .navbar-nav .nav-item .-marker {
    position: relative;
    top: 1px;
    font-size: 1.5rem;
    color: #fff
}

.x-landing-compare-container .-compatible-middle-section .card .navbar-nav .nav-item b {
    font-weight: 500;
    color: #fff
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-middle-section .card .navbar-nav .nav-item {
        margin-top: .25rem
    }
}

@media screen and (max-width: 375px) {
    .x-landing-compare-container .-compatible-middle-section .card .navbar-nav {
        font-size: 1rem
    }
}

.x-landing-compare-container .-compatible-bottom-section {
    padding: 4rem 0 2rem
}

.x-landing-compare-container .-compatible-bottom-section .-contents-wrapper {
    width: 430px;
    margin-left: auto
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-bottom-section .-contents-wrapper {
        width: 100%;
        text-align: center
    }

    .x-landing-compare-container .-compatible-bottom-section .-contents-wrapper .x-1ufa-promotion-btn {
        margin-left: auto
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-compatible-bottom-section .-contents-wrapper .x-1ufa-promotion-btn .-text {
        left: 75px
    }
}

.x-landing-compare-container .-compatible-bottom-section .-img-wrapper {
    margin-top: -12rem;
    text-align: center
}

.x-landing-compare-container .-compatible-bottom-section .-img-wrapper .-fish-running-img {
    width: 85%
}

@media (max-width: 1199.98px) {
    .x-landing-compare-container .-compatible-bottom-section .-img-wrapper {
        margin-top: -10rem;
        text-align: left
    }
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-compatible-bottom-section .-img-wrapper {
        margin-top: 1rem
    }

    .x-landing-compare-container .-compatible-bottom-section .-img-wrapper .-fish-running-img {
        width: 100%
    }
}

.x-landing-compare-container .-compatible-bottom-section .x-1ufa-promotion-btn {
    margin-top: 2rem;
    margin-left: 1rem
}

.x-landing-compare-container .-testimonial-section {
    padding: 4rem 0;
    text-align: center
}

.x-landing-compare-container .-testimonial-section .-slide-wrapper {
    max-width: 1350px;
    margin: auto;
    padding: 4rem 0;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-testimonial-section .-slide-wrapper {
        width: 100%
    }
}

.x-landing-compare-container .-pre-footer-section {
    position: relative
}

.x-landing-compare-container .-pre-footer-section:after, .x-landing-compare-container .-pre-footer-section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #765300, #ddc47c 50%, #765300)
}

.x-landing-compare-container .-pre-footer-section:before {
    top: 0
}

.x-landing-compare-container .-pre-footer-section:after {
    bottom: 0
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper {
    position: relative;
    padding: 4rem 0
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-pre-footer-section .-inner-wrapper {
        padding: 4rem 1rem
    }
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title {
    font-size: 2.25rem;
    font-weight: 600;
    color: #fff;
    text-align: center
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title {
        font-size: 1.8rem
    }
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-normal-text {
    position: relative
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-highlight {
    position: relative;
    background: linear-gradient(90deg, #a27a46 0, #f0ddab 50%, #a27a46);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .3s
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-highlight .-line-light {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 300px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-highlight:after, .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-highlight:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/landing/assets/template/landing-1ufa-upgrade-starlight.e1ca4ca3.png);
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-highlight:before {
    top: 0;
    left: -20px
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-highlight:after {
    bottom: -2px;
    right: -5px
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title .-highlight .-line-light {
        width: 250px
    }
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title a.-highlight .-line-light {
    bottom: -2px;
    width: 250px
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title a.-highlight:before {
    display: none
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title a.-highlight:after {
    top: 5px;
    right: -20px
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title a.-highlight .-line-light {
        width: 200px
    }
}

@media (max-width: 575.98px) {
    .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title a.-highlight:after {
        right: -10px
    }
}

@media (max-width: 767.98px) {
    .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title a .-img {
        width: 250px
    }

    .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-pre-title a:last-child {
        margin-top: 1rem
    }
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-btn-wrapper {
    margin-top: 2rem
}

.x-landing-compare-container .-pre-footer-section .-inner-wrapper .-trophy-img {
    position: absolute;
    right: -80px;
    bottom: 10px;
    width: 220px
}

@media (max-width: 991.98px) {
    .x-landing-compare-container .-pre-footer-section .-inner-wrapper .-trophy-img {
        display: none
    }
}

.x-1ufa-provider-logo-component .navbar-nav {
    flex-direction: row
}

.x-1ufa-provider-logo-component .navbar-nav .nav-item {
    width: 10%
}

.x-1ufa-provider-logo-component .navbar-nav .nav-item .-img {
    width: 100%;
    padding: 5px;
    transition: all .2s
}

.x-1ufa-provider-logo-component .navbar-nav .nav-item:hover .-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width: 991.98px) {
    .x-1ufa-provider-logo-component .navbar-nav {
        flex-wrap: wrap
    }

    .x-1ufa-provider-logo-component .navbar-nav .nav-item {
        margin-top: 1rem;
        width: 20%
    }
}

.x-play-bottom-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 70px;
    color: #000;
    background: linear-gradient(180deg, #b5b5b5, #f9f9f9, #b5b5b5);
    border: none;
    border-radius: 0
}

.x-play-bottom-btn:after, .x-play-bottom-btn:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #765300, #ddc47c 50%, #765300)
}

.x-play-bottom-btn:before {
    top: 0
}

.x-play-bottom-btn:after {
    bottom: 0
}

.x-play-bottom-btn .-line-glow {
    position: absolute;
    top: -18%;
    left: 50%;
    width: 100%;
    max-width: 400px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-play-bottom-btn .-circle-wrapper {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 14px;
    border-radius: 50%
}

.x-play-bottom-btn .-circle-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: x-1ufabet-button-circle-sonar 1s infinite;
    animation: x-1ufabet-button-circle-sonar 1s infinite
}

.x-play-bottom-btn .-circle-wrapper .-ic-play-circle {
    width: 100%
}

.x-play-bottom-btn .-circle-wrapper .fa-play {
    position: absolute;
    top: 50%;
    left: 53%;
    font-size: 14px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: -webkit-radial-gradient(#997f45, #8c6a3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.x-play-bottom-btn span {
    font-size: 1.3rem;
    font-weight: 700;
    z-index: 2;
    display: inline-block;
    color: #fff;
    background: #000 -webkit-gradient(linear, 100% 0, 0 0, from(#000), color-stop(.5, #fff), to(#000));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (max-width: 991.98px) {
    .x-play-bottom-btn span {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
}


.x-header-menu-container .-ball-animate-img.-item-1 {
    /*left: 8px;*/
    left: 0px;
}

.x-header-menu-container .-ball-animate-img {
    position: absolute;
    bottom: 10px;
    z-index: 0;
    width: 14px;
    -webkit-animation: x-fire-scaling .4s infinite alternate;
    animation: x-fire-scaling .4s infinite alternate;
}

.x-promotion-content > p {
    margin-bottom: 12px;
}