@charset "UTF-8";
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v7/nKKZ-Go6G5tXcoaS.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v7/nKKU-Go6G5tXcr5mOCWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v7/nKKU-Go6G5tXcr5KPyWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v7/nKKU-Go6G5tXcr4uPiWg.ttf) format('truetype');
}

*,
: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: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #d2d2d2;
    text-align: left;
    background-color: #000;
}


.x-tab-hr {
    height: 3px;
    margin: 0 auto;
    background: white;
    box-shadow: 0 0 5px #f0c88d, 0 0 15px #f0c88d, 0 0 25px #f0c88d, 0 0 65px #f0c88d;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 0;
}

[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: 0.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: 0.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: -0.25em;
}

sup {
    top: -0.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: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.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: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

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

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

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

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

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: 0.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: 0.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, 0.1);
}

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

.mark,
mark {
    padding: 0.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: 0.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;
    
}
.x-image-block-bl-J7qS9{
    animation: floatleft01 5s ease 0s infinite normal none;
}
@keyframes floatleft01 {
    0.0%{
        transform: translate(0px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
    50.3%{
        transform: translate(0px,-30px);
    }
}

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

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.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: 0.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: 0.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, 0.05);
}

.table-hover tbody tr:hover {
    color: #d2d2d2;
    background-color: rgba(0, 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, 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%, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, 0.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: 0.8rem;
    font-family: Helvetica Neue, sans-serif;
    font-size: 0.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 0.15s ease-in-out, box-shadow 0.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 0.2rem rgba(255, 205, 87, 0.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(0.8rem + 1px);
    padding-bottom: calc(0.8rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.8rem;
    padding-bottom: 0.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 + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.7875rem;
    line-height: 1.5;
    border-radius: 2px;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.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: 0.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: 0.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: 0.75rem;
}

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

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

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.7875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.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(0.375em + 0.4rem);
    background-size: calc(0.75em + 0.8rem) calc(0.75em + 0.8rem);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.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(0.375em + 0.4rem) right calc(0.375em + 0.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 0.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(0.75em + 0.8rem)
            calc(0.75em + 0.8rem);
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.25);
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.7875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(241, 104, 105, 0.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(0.375em + 0.4rem);
    background-size: calc(0.75em + 0.8rem) calc(0.75em + 0.8rem);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #f16869;
    box-shadow: 0 0 0 0.2rem rgba(241, 104, 105, 0.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(0.375em + 0.4rem) right calc(0.375em + 0.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 0.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(0.75em + 0.8rem)
            calc(0.75em + 0.8rem);
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #f16869;
    box-shadow: 0 0 0 0.2rem rgba(241, 104, 105, 0.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 0.2rem rgba(241, 104, 105, 0.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 0.2rem rgba(241, 104, 105, 0.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: 0.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: 0.375rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    border-radius: 2px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn,
    .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 0.2rem rgba(255, 205, 87, 0.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: 0.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 0.2rem rgba(222, 180, 80, 0.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 0.2rem rgba(222, 180, 80, 0.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 0.2rem rgba(211, 151, 38, 0.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 0.2rem rgba(211, 151, 38, 0.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 0.2rem rgba(72, 180, 97, 0.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 0.2rem rgba(72, 180, 97, 0.5);
}

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

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

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

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

.btn-warning {
    color: #212529;
    background-color: #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 0.2rem rgba(207, 168, 22, 0.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 0.2rem rgba(207, 168, 22, 0.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 0.2rem rgba(243, 127, 128, 0.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 0.2rem rgba(243, 127, 128, 0.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 0.2rem rgba(216, 217, 219, 0.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 0.2rem rgba(216, 217, 219, 0.5);
}

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

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

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

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

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

.btn-outline-primary {
    color: #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 0.2rem rgba(255, 205, 87, 0.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 0.2rem rgba(255, 205, 87, 0.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 0.2rem rgba(242, 171, 37, 0.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 0.2rem rgba(242, 171, 37, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.5);
}

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

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

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

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

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

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

.btn-outline-warning {
    color: #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 0.2rem rgba(238, 191, 19, 0.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 0.2rem rgba(238, 191, 19, 0.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 0.2rem rgba(241, 104, 105, 0.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 0.2rem rgba(241, 104, 105, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(248, 249, 250, 0.5);
}

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

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

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

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

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

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

.btn-link {
    font-weight: 400;
    color: #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: 0.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: 0.25rem 0.5rem;
    font-size: 0.7875rem;
    line-height: 1.5;
    border-radius: 2px;
}

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

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

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

.fade {
    transition: opacity 0.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 0.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: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

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

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.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, 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: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #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: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.7875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.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: 0.5625rem;
    padding-left: 0.5625rem;
}

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

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

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split,
.vex.vex-theme-plain
    .vex-content
    .vex-dialog-buttons
    .btn-group-sm
    > .vex-dialog-button
    + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.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: 0.75rem;
    padding-left: 0.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 0.2rem rgba(255, 205, 87, 0.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: 0.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, 0.5);
}

.custom-checkbox
    .custom-control-input:disabled:indeterminate
    ~ .custom-control-label:before {
    background-color: rgba(255, 205, 87, 0.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, 0.5);
}

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

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

.custom-switch .custom-control-label:after {
    top: calc(0.175rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-transform 0.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(0.75rem);
    transform: translateX(0.75rem);
}

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

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.6rem + 2px);
    padding: 0.8rem 1.8rem 0.8rem 0.8rem;
    font-family: Helvetica Neue, sans-serif;
    font-size: 0.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 0.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 0.2rem rgba(255, 205, 87, 0.25);
}

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

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.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 + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.7875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.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 0.2rem rgba(255, 205, 87, 0.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: 0.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 0.2rem rgba(255, 205, 87, 0.25);
}

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

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

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

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #ffcd57;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.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: 0.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 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.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: 0.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: 0.2rem;
    margin-left: 0.2rem;
    background-color: #ffcd57;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,    box-shadow 0.15s ease-in-out;
    appearance: none;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,;
    -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,;
}

@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: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.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 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.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: 0.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: 0.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: 0.33125rem;
    padding-bottom: 0.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: 0.5rem;
    padding-bottom: 0.5rem;
}

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

.navbar-toggler {
    padding: 0.25rem 0.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: 0.5rem;
        padding-left: 0.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: 0.5rem;
        padding-left: 0.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: 0.5rem;
        padding-left: 0.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: 0.5rem;
        padding-left: 0.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: 0.5rem;
    padding-left: 0.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, 0.9);
}

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

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

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 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, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 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, 0.5);
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 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%, 0.5);
}

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

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, 0.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%, 0.5);
    border-color: hsla(0, 0%, 100%, 0.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%, 0.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, 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: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
}

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

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

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

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 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: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

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

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

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

.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: 0.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: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 2px;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item:before {
    display: inline-block;
    padding-right: 0.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: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .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: 0.6em;
    padding-left: 0.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 0.2rem rgba(255, 205, 87, 0.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 0.2rem rgba(242, 171, 37, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(238, 191, 19, 0.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 0.2rem rgba(241, 104, 105, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.5);
}

.alert {
    position: relative;
    padding: 0.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: 0.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: 0.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 0.6s ease;
}

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

.progress-bar-striped {
    background-image: linear-gradient(
        45deg,
        hsla(0, 0%, 100%, 0.15) 25%,
        transparent 0,
        transparent 50%,
        hsla(0, 0%, 100%, 0.15) 0,
        hsla(0, 0%, 100%, 0.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: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 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: 0.5;
}

.close:hover {
    color: #000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 0.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: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.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, 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: 0.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: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 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: 0.7875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
    padding: 0.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: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.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 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 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: 0.7875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.popover,
.popover .arrow {
    position: absolute;
    display: block;
}

.popover .arrow {
    width: 1rem;
    height: 0.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: 0.5rem;
}

.bs-popover-auto[x-placement^="top"] > .arrow,
.bs-popover-top > .arrow {
    bottom: calc(-0.5rem + -1px);
}

.bs-popover-auto[x-placement^="top"] > .arrow:before,
.bs-popover-top > .arrow:before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="top"] > .arrow:after,
.bs-popover-top > .arrow:after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
    margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^="right"] > .arrow,
.bs-popover-right > .arrow {
    left: calc(-0.5rem + -1px);
    width: 0.5rem;
    height: 1rem;
    margin: 5px 0;
}

.bs-popover-auto[x-placement^="right"] > .arrow:before,
.bs-popover-right > .arrow:before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="right"] > .arrow:after,
.bs-popover-right > .arrow:after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
    margin-top: 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] > .arrow,
.bs-popover-bottom > .arrow {
    top: calc(-0.5rem + -1px);
}

.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.bs-popover-bottom > .arrow:before {
    top: 0;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.bs-popover-bottom > .arrow:after {
    top: 1px;
    border-width: 0 0.5rem 0.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: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
    margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^="left"] > .arrow,
.bs-popover-left > .arrow {
    right: calc(-0.5rem + -1px);
    width: 0.5rem;
    height: 1rem;
    margin: 5px 0;
}

.bs-popover-auto[x-placement^="left"] > .arrow:before,
.bs-popover-left > .arrow:before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="left"] > .arrow:after,
.bs-popover-left > .arrow:after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.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: 0.5rem 0.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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 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: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.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: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.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: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.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: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.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: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.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: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.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: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.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: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.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: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.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: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.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: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.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, 0.5) !important;
}

.text-white-50 {
    color: hsla(0, 0%, 100%, 0.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, 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, 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: 0.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, 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, 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, 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, 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, 0.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: 0.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, 0.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: 0.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, 0.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, 0.2), inset 0 1px hsla(0, 0%, 100%, 0.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, 0.05), inset 0 1px 0 hsla(0, 0%, 100%, 0.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: 0.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 0.5s;
    animation: vex-fadein 0.5s;
    position: fixed;
    z-index: 1111;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vex-overlay.vex-closing {
    -webkit-animation: vex-fadeout 0.5s forwards;
    animation: vex-fadeout 0.5s forwards;
}

.vex-content {
    -webkit-animation: vex-fadein 0.5s;
    animation: vex-fadein 0.5s;
    background: #fff;
}

.vex.vex-closing .vex-content {
    -webkit-animation: vex-fadeout 0.5s forwards;
    animation: vex-fadeout 0.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 0.7s linear infinite;
    animation: vex-rotation 0.7s linear infinite;
    box-shadow: 0 0 1em rgba(0, 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%, 0.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%, 0.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: 0.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: 0.25em 0.67em;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    min-height: 2.5em;
    margin: 0 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, 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 0.5em;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.8em;
    line-height: 1em;
    padding: 0.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: 0.9rem !important;
}

.f-7 {
    font-size: 0.81rem !important;
}

.f-8 {
    font-size: 0.72rem !important;
}

.f-9 {
    font-size: 0.63rem !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: 0.9rem !important;
    }

    .f-sm-7 {
        font-size: 0.81rem !important;
    }

    .f-sm-8 {
        font-size: 0.72rem !important;
    }

    .f-sm-9 {
        font-size: 0.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: 0.9rem !important;
    }

    .f-md-7 {
        font-size: 0.81rem !important;
    }

    .f-md-8 {
        font-size: 0.72rem !important;
    }

    .f-md-9 {
        font-size: 0.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: 0.9rem !important;
    }

    .f-lg-7 {
        font-size: 0.81rem !important;
    }

    .f-lg-8 {
        font-size: 0.72rem !important;
    }

    .f-lg-9 {
        font-size: 0.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: 0.9rem !important;
    }

    .f-xl-7 {
        font-size: 0.81rem !important;
    }

    .f-xl-8 {
        font-size: 0.72rem !important;
    }

    .f-xl-9 {
        font-size: 0.63rem !important;
    }
}

.form-control-label.required:after {
    content: "*";
    color: #f16869;
    margin-left: 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 1;
    }
}

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

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

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

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

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

    to {
        opacity: 0;
    }
}

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

.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: 0.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: 0.9rem;
    line-height: 1.5;
}

.selectize-control.form-control.form-control-sm {
    font-size: 0.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: 0.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: 0.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: 0.25;
}

.slick-next:before,
.slick-prev:before {
    font-family: "inherit";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 0.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: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: #186ed1;
    opacity: 0.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;
}

.-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 0.2s;
        opacity: 0.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;
    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: 0.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 0.5s infinite alternate;
    animation: x-register-arrow-horizontal-mover 0.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 0.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: 0.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: 60px;
        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-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: 0.8;
    }
}

@keyframes x-ball-shadow {
    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 0.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: 0.5;
    }

    to {
        opacity: 1;
    }
}

@keyframes x-opacity-glow-fading-up {
    0% {
        opacity: 0.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;
}

.x-button-actions .x-main-logo {
    position: absolute;
    top: -20%;
    left: 50%;
    width: 80px;
    height: 80px;
    z-index: 2;
    transform: translate(-50%, -30%);
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
    -o-transform: translate(-50%, -30%);
}

@media (max-width: 991.98px) {
    .x-button-actions {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 80px;
        z-index: 1;
        /* padding-left: 3%;
        padding-right: 3%; */
        background-image: url(https://ideabet.live/theme/allnewufabet/images/bgbut.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center bottom;
        background-size: 800px 80px;
    }

    .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: 0.375rem 0.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;
    }
}


.-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: 5px;
    left: -1px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(3) {
    padding: 4px;
    left: 11px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(4) {
    padding: 4px;
    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: 4px;
    left: 47px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(7) {
    padding: 4px;
    left: 59px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(8) {
    padding: 3px;
    left: 71px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(9) {
    padding: 4px;
    left: 83px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(10) {
    padding: 4px;
    left: 95px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(11) {
    padding: 5px;
    left: 107px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(12) {
    padding: 4px;
    left: 119px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(13) {
    padding: 4px;
    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: 3px;
    left: 155px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(16) {
    padding: 3px;
    left: 167px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(17) {
    padding: 4px;
    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: 3px;
    left: 203px;
    top: 50px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(20) {
    padding: 5px;
    left: 215px;
    top: 50px;
    padding: 4px;
    left: -15px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(21) {
    padding: 4px;
    left: -3px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(22) {
    padding: 3px;
    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: 3px;
    left: 45px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(26) {
    padding: 5px;
    left: 57px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(27) {
    padding: 5px;
    left: 69px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(28) {
    padding: 5px;
    left: 81px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(29) {
    padding: 4px;
    left: 93px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(30) {
    padding: 3px;
    left: 105px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(31) {
    padding: 5px;
    left: 117px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(32) {
    padding: 4px;
    left: 129px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(33) {
    padding: 5px;
    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: 3px;
    left: 165px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(36) {
    padding: 3px;
    left: 177px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(37) {
    padding: 5px;
    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: 4px;
    left: 213px;
    top: -12px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(40) {
    padding: 3px;
    left: 225px;
    top: -12px;
    padding: 4px;
    left: 204px;
    top: -8px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(41) {
    padding: 4px;
    left: 204px;
    top: 4px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(42) {
    padding: 4px;
    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: 3px;
    left: 204px;
    top: 64px;
    padding: 4px;
    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: 5px;
    left: -10px;
    top: 8px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(49) {
    padding: 3px;
    left: -10px;
    top: 20px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(50) {
    padding: 3px;
    left: -10px;
    top: 32px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(51) {
    padding: 3px;
    left: -10px;
    top: 44px;
}

.-inner-wrapper .button .b_l_quad .button_spots:nth-child(52) {
    padding: 4px;
    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: 85px 19px;
    transform-origin: 85px 19px;
    background: #d6ac76;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.6s;
}

.-inner-wrapper .button .button_spots:nth-of-type(2) {
    -webkit-transform-origin: 88px 12px;
    transform-origin: 88px 12px;
    background: #d1817b;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.3s;
}

.-inner-wrapper .button .button_spots:nth-of-type(3) {
    -webkit-transform-origin: 84px 15px;
    transform-origin: 84px 15px;
    background: #7ad1c9;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.5s;
}

.-inner-wrapper .button .button_spots:nth-of-type(4) {
    -webkit-transform-origin: 82px 14px;
    transform-origin: 82px 14px;
    background: #d477d1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(5) {
    -webkit-transform-origin: 82px 15px;
    transform-origin: 82px 15px;
    background: #d67677;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.4s;
}

.-inner-wrapper .button .button_spots:nth-of-type(6) {
    -webkit-transform-origin: 80px 13px;
    transform-origin: 80px 13px;
    background: #c3d775;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.7s;
}

.-inner-wrapper .button .button_spots:nth-of-type(7) {
    -webkit-transform-origin: 86px 17px;
    transform-origin: 86px 17px;
    background: #a0d17a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(8) {
    -webkit-transform-origin: 81px 10px;
    transform-origin: 81px 10px;
    background: #9cd477;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.4s;
}

.-inner-wrapper .button .button_spots:nth-of-type(9) {
    -webkit-transform-origin: 80px 19px;
    transform-origin: 80px 19px;
    background: #d676c6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.4s;
}

.-inner-wrapper .button .button_spots:nth-of-type(10) {
    -webkit-transform-origin: 87px 18px;
    transform-origin: 87px 18px;
    background: #a377d4;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.6s;
}

.-inner-wrapper .button .button_spots:nth-of-type(11) {
    -webkit-transform-origin: 86px 15px;
    transform-origin: 86px 15px;
    background: #77d4bb;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.7s;
}

.-inner-wrapper .button .button_spots:nth-of-type(12) {
    -webkit-transform-origin: 80px 12px;
    transform-origin: 80px 12px;
    background: #d17bcf;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.6s;
}

.-inner-wrapper .button .button_spots:nth-of-type(13) {
    -webkit-transform-origin: 86px 14px;
    transform-origin: 86px 14px;
    background: #c679d2;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.2s;
}

.-inner-wrapper .button .button_spots:nth-of-type(14) {
    -webkit-transform-origin: 81px 11px;
    transform-origin: 81px 11px;
    background: #cf74d8;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.5s;
}

.-inner-wrapper .button .button_spots:nth-of-type(15) {
    -webkit-transform-origin: 84px 19px;
    transform-origin: 84px 19px;
    background: #7bbfd1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.6s;
}

.-inner-wrapper .button .button_spots:nth-of-type(16) {
    -webkit-transform-origin: 83px 12px;
    transform-origin: 83px 12px;
    background: #7a7dd1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.4s;
}

.-inner-wrapper .button .button_spots:nth-of-type(17) {
    -webkit-transform-origin: 80px 13px;
    transform-origin: 80px 13px;
    background: #d4c977;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 2s;
}

.-inner-wrapper .button .button_spots:nth-of-type(18) {
    -webkit-transform-origin: 82px 12px;
    transform-origin: 82px 12px;
    background: #9c76d5;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(19) {
    -webkit-transform-origin: 88px 13px;
    transform-origin: 88px 13px;
    background: #7c9cd0;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.9s;
}

.-inner-wrapper .button .button_spots:nth-of-type(20) {
    -webkit-transform-origin: 83px 15px;
    transform-origin: 83px 15px;
    background: #d19a7b;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.6s;
}

.-inner-wrapper .button .button_spots:nth-of-type(21) {
    -webkit-transform-origin: 87px 19px;
    transform-origin: 87px 19px;
    background: #ae76d6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.5s;
}

.-inner-wrapper .button .button_spots:nth-of-type(22) {
    -webkit-transform-origin: 86px 19px;
    transform-origin: 86px 19px;
    background: #d18d7b;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.6s;
}

.-inner-wrapper .button .button_spots:nth-of-type(23) {
    -webkit-transform-origin: 84px 19px;
    transform-origin: 84px 19px;
    background: #79d289;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.5s;
}

.-inner-wrapper .button .button_spots:nth-of-type(24) {
    -webkit-transform-origin: 89px 18px;
    transform-origin: 89px 18px;
    background: #9e75d7;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.7s;
}

.-inner-wrapper .button .button_spots:nth-of-type(25) {
    -webkit-transform-origin: 89px 18px;
    transform-origin: 89px 18px;
    background: #9ad378;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.8s;
}

.-inner-wrapper .button .button_spots:nth-of-type(26) {
    -webkit-transform-origin: 87px 19px;
    transform-origin: 87px 19px;
    background: #77d4bb;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.9s;
}

.-inner-wrapper .button .button_spots:nth-of-type(27) {
    -webkit-transform-origin: 87px 14px;
    transform-origin: 87px 14px;
    background: #75d780;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.7s;
}

.-inner-wrapper .button .button_spots:nth-of-type(28) {
    -webkit-transform-origin: 84px 16px;
    transform-origin: 84px 16px;
    background: #ccd477;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.9s;
}

.-inner-wrapper .button .button_spots:nth-of-type(29) {
    -webkit-transform-origin: 80px 14px;
    transform-origin: 80px 14px;
    background: #ac78d3;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.2s;
}

.-inner-wrapper .button .button_spots:nth-of-type(30) {
    -webkit-transform-origin: 80px 13px;
    transform-origin: 80px 13px;
    background: #c476d6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.8s;
}

.-inner-wrapper .button .button_spots:nth-of-type(31) {
    -webkit-transform-origin: 84px 10px;
    transform-origin: 84px 10px;
    background: #d7b975;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.3s;
}

.-inner-wrapper .button .button_spots:nth-of-type(32) {
    -webkit-transform-origin: 80px 15px;
    transform-origin: 80px 15px;
    background: #90d17b;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.4s;
}

.-inner-wrapper .button .button_spots:nth-of-type(33) {
    -webkit-transform-origin: 83px 13px;
    transform-origin: 83px 13px;
    background: #75d7b6;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 2s;
}

.-inner-wrapper .button .button_spots:nth-of-type(34) {
    -webkit-transform-origin: 84px 19px;
    transform-origin: 84px 19px;
    background: #d77576;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.5s;
}

.-inner-wrapper .button .button_spots:nth-of-type(35) {
    -webkit-transform-origin: 80px 17px;
    transform-origin: 80px 17px;
    background: #7cc9d0;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(36) {
    -webkit-transform-origin: 89px 12px;
    transform-origin: 89px 12px;
    background: #7d75d7;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.2s;
}

.-inner-wrapper .button .button_spots:nth-of-type(37) {
    -webkit-transform-origin: 89px 17px;
    transform-origin: 89px 17px;
    background: #d89774;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.9s;
}

.-inner-wrapper .button .button_spots:nth-of-type(38) {
    -webkit-transform-origin: 80px 19px;
    transform-origin: 80px 19px;
    background: #bfd874;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(39) {
    -webkit-transform-origin: 86px 11px;
    transform-origin: 86px 11px;
    background: #7cbed0;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.6s;
}

.-inner-wrapper .button .button_spots:nth-of-type(40) {
    -webkit-transform-origin: 87px 19px;
    transform-origin: 87px 19px;
    background: #d57691;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.9s;
}

.-inner-wrapper .button .button_spots:nth-of-type(41) {
    -webkit-transform-origin: 82px 16px;
    transform-origin: 82px 16px;
    background: #d29179;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(42) {
    -webkit-transform-origin: 83px 15px;
    transform-origin: 83px 15px;
    background: #79d2ad;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.8s;
}

.-inner-wrapper .button .button_spots:nth-of-type(43) {
    -webkit-transform-origin: 82px 12px;
    transform-origin: 82px 12px;
    background: #7a8cd1;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.4s;
}

.-inner-wrapper .button .button_spots:nth-of-type(44) {
    -webkit-transform-origin: 89px 16px;
    transform-origin: 89px 16px;
    background: #d67689;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(45) {
    -webkit-transform-origin: 89px 17px;
    transform-origin: 89px 17px;
    background: #d1b37a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.7s;
}

.-inner-wrapper .button .button_spots:nth-of-type(46) {
    -webkit-transform-origin: 88px 12px;
    transform-origin: 88px 12px;
    background: #7ed17a;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.9s;
}

.-inner-wrapper .button .button_spots:nth-of-type(47) {
    -webkit-transform-origin: 83px 12px;
    transform-origin: 83px 12px;
    background: #cfd576;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.2s;
}

.-inner-wrapper .button .button_spots:nth-of-type(48) {
    -webkit-transform-origin: 88px 12px;
    transform-origin: 88px 12px;
    background: #75d7a7;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.1s;
}

.-inner-wrapper .button .button_spots:nth-of-type(49) {
    -webkit-transform-origin: 82px 18px;
    transform-origin: 82px 18px;
    background: #d676b7;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.5s;
}

.-inner-wrapper .button .button_spots:nth-of-type(50) {
    -webkit-transform-origin: 85px 18px;
    transform-origin: 85px 18px;
    background: #d28279;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 2s;
}

.-inner-wrapper .button .button_spots:nth-of-type(51) {
    -webkit-transform-origin: 87px 18px;
    transform-origin: 87px 18px;
    background: #78d3ca;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 1.8s;
}

.-inner-wrapper .button .button_spots:nth-of-type(52) {
    -webkit-transform-origin: 82px 12px;
    transform-origin: 82px 12px;
    background: #cbd676;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.12);
    transition: all 2s;
}

.-inner-wrapper .button_inner {
    border-radius: 2px;
    margin: auto;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.04);
    text-align: Center;
    transition: all 0.3s, box-shadow 0.2s, -webkit-transform 0.2s 0.2s;
    transition: all 0.3s, box-shadow 0.2s, transform 0.2s 0.2s;
    transition: all 0.3s, box-shadow 0.2s, transform 0.2s 0.2s,
        -webkit-transform 0.2s 0.2s;
}

.-inner-wrapper .button_inner span.t {
    position: relative;
    opacity: 1;
    transition: left 0.4s 0.1s;
}

.-inner-wrapper .button_inner .button_spots:first-of-type {
    -webkit-animation: spot-1 0.7s linear 0.74444s infinite;
    animation: spot-1 0.7s linear 0.74444s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(2) {
    -webkit-animation: spot-2 0.7s linear 0.65s infinite;
    animation: spot-2 0.7s linear 0.65s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(3) {
    -webkit-animation: spot-3 0.7s linear 1.04444s infinite;
    animation: spot-3 0.7s linear 1.04444s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(4) {
    -webkit-animation: spot-4 0.7s linear 0.8s infinite;
    animation: spot-4 0.7s linear 0.8s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(5) {
    -webkit-animation: spot-5 0.7s linear 0.5s infinite;
    animation: spot-5 0.7s linear 0.5s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(6) {
    -webkit-animation: spot-6 0.7s linear 0.75714s infinite;
    animation: spot-6 0.7s linear 0.75714s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(7) {
    -webkit-animation: spot-7 0.7s linear 1.2s infinite;
    animation: spot-7 0.7s linear 1.2s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(8) {
    -webkit-animation: spot-8 0.7s linear 0.23333s infinite;
    animation: spot-8 0.7s linear 0.23333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(9) {
    -webkit-animation: spot-9 0.7s linear 0.26667s infinite;
    animation: spot-9 0.7s linear 0.26667s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(10) {
    -webkit-animation: spot-10 0.7s linear 0.4s infinite;
    animation: spot-10 0.7s linear 0.4s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(11) {
    -webkit-animation: spot-11 0.7s linear 0.5s infinite;
    animation: spot-11 0.7s linear 0.5s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(12) {
    -webkit-animation: spot-12 0.7s linear 0.5s infinite;
    animation: spot-12 0.7s linear 0.5s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(13) {
    -webkit-animation: spot-13 0.7s linear 0.8s infinite;
    animation: spot-13 0.7s linear 0.8s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(14) {
    -webkit-animation: spot-14 0.7s linear 0.84s infinite;
    animation: spot-14 0.7s linear 0.84s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(15) {
    -webkit-animation: spot-15 0.7s linear 0.73333s infinite;
    animation: spot-15 0.7s linear 0.73333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(16) {
    -webkit-animation: spot-16 0.7s linear 0.7s infinite;
    animation: spot-16 0.7s linear 0.7s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(17) {
    -webkit-animation: spot-17 0.7s linear 0.58s infinite;
    animation: spot-17 0.7s linear 0.58s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(18) {
    -webkit-animation: spot-18 0.7s linear 0.8s infinite;
    animation: spot-18 0.7s linear 0.8s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(19) {
    -webkit-animation: spot-19 0.7s linear 0.43333s infinite;
    animation: spot-19 0.7s linear 0.43333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(20) {
    -webkit-animation: spot-20 0.7s linear 0.35714s infinite;
    animation: spot-20 0.7s linear 0.35714s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(21) {
    -webkit-animation: spot-21 0.7s linear 0.5s infinite;
    animation: spot-21 0.7s linear 0.5s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(22) {
    -webkit-animation: spot-22 0.7s linear 0.7s infinite;
    animation: spot-22 0.7s linear 0.7s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(23) {
    -webkit-animation: spot-23 0.7s linear 0.33333s infinite;
    animation: spot-23 0.7s linear 0.33333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(24) {
    -webkit-animation: spot-24 0.7s linear 0.63333s infinite;
    animation: spot-24 0.7s linear 0.63333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(25) {
    -webkit-animation: spot-25 0.7s linear 0.68s infinite;
    animation: spot-25 0.7s linear 0.68s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(26) {
    -webkit-animation: spot-26 0.7s linear 0.14444s infinite;
    animation: spot-26 0.7s linear 0.14444s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(27) {
    -webkit-animation: spot-27 0.7s linear 0.98s infinite;
    animation: spot-27 0.7s linear 0.98s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(28) {
    -webkit-animation: spot-28 0.7s linear 1.08s infinite;
    animation: spot-28 0.7s linear 1.08s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(29) {
    -webkit-animation: spot-29 0.7s linear 0.66667s infinite;
    animation: spot-29 0.7s linear 0.66667s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(30) {
    -webkit-animation: spot-30 0.7s linear 0.16667s infinite;
    animation: spot-30 0.7s linear 0.16667s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(31) {
    -webkit-animation: spot-31 0.7s linear 1.05714s infinite;
    animation: spot-31 0.7s linear 1.05714s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(32) {
    -webkit-animation: spot-32 0.7s linear 0.74444s infinite;
    animation: spot-32 0.7s linear 0.74444s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(33) {
    -webkit-animation: spot-33 0.7s linear 0.34444s infinite;
    animation: spot-33 0.7s linear 0.34444s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(34) {
    -webkit-animation: spot-34 0.7s linear 0.76667s infinite;
    animation: spot-34 0.7s linear 0.76667s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(35) {
    -webkit-animation: spot-35 0.7s linear 1.13333s infinite;
    animation: spot-35 0.7s linear 1.13333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(36) {
    -webkit-animation: spot-36 0.7s linear 0.95s infinite;
    animation: spot-36 0.7s linear 0.95s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(37) {
    -webkit-animation: spot-37 0.7s linear 0.45s infinite;
    animation: spot-37 0.7s linear 0.45s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(38) {
    -webkit-animation: spot-38 0.7s linear 0.4s infinite;
    animation: spot-38 0.7s linear 0.4s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(39) {
    -webkit-animation: spot-39 0.7s linear 0.6s infinite;
    animation: spot-39 0.7s linear 0.6s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(40) {
    -webkit-animation: spot-40 0.7s linear 0.88s infinite;
    animation: spot-40 0.7s linear 0.88s infinite;
    -webkit-animation: spot-40 0.7s linear 0.64s infinite;
    animation: spot-40 0.7s linear 0.64s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(41) {
    -webkit-animation: spot-41 0.7s linear 1.05s infinite;
    animation: spot-41 0.7s linear 1.05s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(42) {
    -webkit-animation: spot-42 0.7s linear 0.95s infinite;
    animation: spot-42 0.7s linear 0.95s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(43) {
    -webkit-animation: spot-43 0.7s linear 0.93333s infinite;
    animation: spot-43 0.7s linear 0.93333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(44) {
    -webkit-animation: spot-44 0.7s linear 0.55714s infinite;
    animation: spot-44 0.7s linear 0.55714s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(45) {
    -webkit-animation: spot-45 0.7s linear 0.9s infinite;
    animation: spot-45 0.7s linear 0.9s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(46) {
    -webkit-animation: spot-46 0.7s linear 1s infinite;
    animation: spot-46 0.7s linear 1s infinite;
    -webkit-animation: spot-46 0.7s linear 0.73333s infinite;
    animation: spot-46 0.7s linear 0.73333s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(47) {
    -webkit-animation: spot-47 0.7s linear 0.48s infinite;
    animation: spot-47 0.7s linear 0.48s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(48) {
    -webkit-animation: spot-48 0.7s linear 0.15714s infinite;
    animation: spot-48 0.7s linear 0.15714s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(49) {
    -webkit-animation: spot-49 0.7s linear 0.75714s infinite;
    animation: spot-49 0.7s linear 0.75714s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(50) {
    -webkit-animation: spot-50 0.7s linear 0.75714s infinite;
    animation: spot-50 0.7s linear 0.75714s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(51) {
    -webkit-animation: spot-51 0.7s linear 0.65s infinite;
    animation: spot-51 0.7s linear 0.65s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(52) {
    -webkit-animation: spot-52 0.7s linear 0.34s infinite;
    animation: spot-52 0.7s linear 0.34s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(53) {
    -webkit-animation: spot-53 0.7s linear 0.95s infinite;
    animation: spot-53 0.7s linear 0.95s infinite;
}

.-inner-wrapper .button_inner .button_spots:nth-of-type(54) {
    -webkit-animation: spot-54 0.7s linear 0.63333s infinite;
    animation: spot-54 0.7s linear 0.63333s infinite;
}

@-webkit-keyframes spot-1 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-18px);
        transform: translateY(30px) translatex(-18px);
        opacity: 0.6;
    }
}

@keyframes spot-1 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-18px);
        transform: translateY(30px) translatex(-18px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-2 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-16px);
        transform: translateY(30px) translatex(-16px);
        opacity: 0.6;
    }
}

@keyframes spot-2 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-16px);
        transform: translateY(30px) translatex(-16px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-3 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-14px);
        transform: translateY(30px) translatex(-14px);
        opacity: 0.6;
    }
}

@keyframes spot-3 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-14px);
        transform: translateY(30px) translatex(-14px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-4 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-12px);
        transform: translateY(30px) translatex(-12px);
        opacity: 0.6;
    }
}

@keyframes spot-4 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-12px);
        transform: translateY(30px) translatex(-12px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-5 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-10px);
        transform: translateY(30px) translatex(-10px);
        opacity: 0.6;
    }
}

@keyframes spot-5 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-10px);
        transform: translateY(30px) translatex(-10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-6 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-8px);
        transform: translateY(30px) translatex(-8px);
        opacity: 0.6;
    }
}

@keyframes spot-6 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-8px);
        transform: translateY(30px) translatex(-8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-7 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-6px);
        transform: translateY(30px) translatex(-6px);
        opacity: 0.6;
    }
}

@keyframes spot-7 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-6px);
        transform: translateY(30px) translatex(-6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-8 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-4px);
        transform: translateY(30px) translatex(-4px);
        opacity: 0.6;
    }
}

@keyframes spot-8 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-4px);
        transform: translateY(30px) translatex(-4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-9 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-2px);
        transform: translateY(30px) translatex(-2px);
        opacity: 0.6;
    }
}

@keyframes spot-9 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(-2px);
        transform: translateY(30px) translatex(-2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-10 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(0);
        transform: translateY(30px) translatex(0);
        opacity: 0.6;
    }
}

@keyframes spot-10 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(0);
        transform: translateY(30px) translatex(0);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-11 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(2px);
        transform: translateY(30px) translatex(2px);
        opacity: 0.6;
    }
}

@keyframes spot-11 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(2px);
        transform: translateY(30px) translatex(2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-12 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(4px);
        transform: translateY(30px) translatex(4px);
        opacity: 0.6;
    }
}

@keyframes spot-12 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(4px);
        transform: translateY(30px) translatex(4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-13 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(6px);
        transform: translateY(30px) translatex(6px);
        opacity: 0.6;
    }
}

@keyframes spot-13 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(6px);
        transform: translateY(30px) translatex(6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-14 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(8px);
        transform: translateY(30px) translatex(8px);
        opacity: 0.6;
    }
}

@keyframes spot-14 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(8px);
        transform: translateY(30px) translatex(8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-15 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(10px);
        transform: translateY(30px) translatex(10px);
        opacity: 0.6;
    }
}

@keyframes spot-15 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(10px);
        transform: translateY(30px) translatex(10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-16 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(12px);
        transform: translateY(30px) translatex(12px);
        opacity: 0.6;
    }
}

@keyframes spot-16 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(12px);
        transform: translateY(30px) translatex(12px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-17 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(14px);
        transform: translateY(30px) translatex(14px);
        opacity: 0.6;
    }
}

@keyframes spot-17 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(14px);
        transform: translateY(30px) translatex(14px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-18 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(16px);
        transform: translateY(30px) translatex(16px);
        opacity: 0.6;
    }
}

@keyframes spot-18 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(16px);
        transform: translateY(30px) translatex(16px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-19 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(18px);
        transform: translateY(30px) translatex(18px);
        opacity: 0.6;
    }
}

@keyframes spot-19 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(18px);
        transform: translateY(30px) translatex(18px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-20 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(30px) translatex(20px);
        transform: translateY(30px) translatex(20px);
        opacity: 0.6;
    }
}

@keyframes spot-20 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-10px);
        transform: translateY(-30px) translatex(-10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-21 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-8px);
        transform: translateY(-30px) translatex(-8px);
        opacity: 0.6;
    }
}

@keyframes spot-21 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-8px);
        transform: translateY(-30px) translatex(-8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-22 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-6px);
        transform: translateY(-30px) translatex(-6px);
        opacity: 0.6;
    }
}

@keyframes spot-22 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-6px);
        transform: translateY(-30px) translatex(-6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-23 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-4px);
        transform: translateY(-30px) translatex(-4px);
        opacity: 0.6;
    }
}

@keyframes spot-23 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-4px);
        transform: translateY(-30px) translatex(-4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-24 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-2px);
        transform: translateY(-30px) translatex(-2px);
        opacity: 0.6;
    }
}

@keyframes spot-24 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(-2px);
        transform: translateY(-30px) translatex(-2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-25 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(0);
        transform: translateY(-30px) translatex(0);
        opacity: 0.6;
    }
}

@keyframes spot-25 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(0);
        transform: translateY(-30px) translatex(0);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-26 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(2px);
        transform: translateY(-30px) translatex(2px);
        opacity: 0.6;
    }
}

@keyframes spot-26 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(2px);
        transform: translateY(-30px) translatex(2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-27 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(4px);
        transform: translateY(-30px) translatex(4px);
        opacity: 0.6;
    }
}

@keyframes spot-27 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(4px);
        transform: translateY(-30px) translatex(4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-28 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(6px);
        transform: translateY(-30px) translatex(6px);
        opacity: 0.6;
    }
}

@keyframes spot-28 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(6px);
        transform: translateY(-30px) translatex(6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-29 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(8px);
        transform: translateY(-30px) translatex(8px);
        opacity: 0.6;
    }
}

@keyframes spot-29 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(8px);
        transform: translateY(-30px) translatex(8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-30 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(10px);
        transform: translateY(-30px) translatex(10px);
        opacity: 0.6;
    }
}

@keyframes spot-30 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(10px);
        transform: translateY(-30px) translatex(10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-31 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(12px);
        transform: translateY(-30px) translatex(12px);
        opacity: 0.6;
    }
}

@keyframes spot-31 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(12px);
        transform: translateY(-30px) translatex(12px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-32 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(14px);
        transform: translateY(-30px) translatex(14px);
        opacity: 0.6;
    }
}

@keyframes spot-32 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(14px);
        transform: translateY(-30px) translatex(14px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-33 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(16px);
        transform: translateY(-30px) translatex(16px);
        opacity: 0.6;
    }
}

@keyframes spot-33 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(16px);
        transform: translateY(-30px) translatex(16px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-34 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(18px);
        transform: translateY(-30px) translatex(18px);
        opacity: 0.6;
    }
}

@keyframes spot-34 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(18px);
        transform: translateY(-30px) translatex(18px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-35 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(20px);
        transform: translateY(-30px) translatex(20px);
        opacity: 0.6;
    }
}

@keyframes spot-35 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(20px);
        transform: translateY(-30px) translatex(20px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-36 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(22px);
        transform: translateY(-30px) translatex(22px);
        opacity: 0.6;
    }
}

@keyframes spot-36 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(22px);
        transform: translateY(-30px) translatex(22px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-37 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(24px);
        transform: translateY(-30px) translatex(24px);
        opacity: 0.6;
    }
}

@keyframes spot-37 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(24px);
        transform: translateY(-30px) translatex(24px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-38 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(26px);
        transform: translateY(-30px) translatex(26px);
        opacity: 0.6;
    }
}

@keyframes spot-38 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(26px);
        transform: translateY(-30px) translatex(26px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-39 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(28px);
        transform: translateY(-30px) translatex(28px);
        opacity: 0.6;
    }
}

@keyframes spot-39 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(28px);
        transform: translateY(-30px) translatex(28px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-40 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-30px) translatex(30px);
        transform: translateY(-30px) translatex(30px);
        opacity: 0.6;
    }
}

@keyframes spot-40 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-6px) translatex(40px);
        transform: translateY(-6px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-41 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-4px) translatex(40px);
        transform: translateY(-4px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-41 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-4px) translatex(40px);
        transform: translateY(-4px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-42 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-2px) translatex(40px);
        transform: translateY(-2px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-42 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-2px) translatex(40px);
        transform: translateY(-2px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-43 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0) translatex(40px);
        transform: translateY(0) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-43 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0) translatex(40px);
        transform: translateY(0) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-44 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(2px) translatex(40px);
        transform: translateY(2px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-44 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(2px) translatex(40px);
        transform: translateY(2px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-45 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(4px) translatex(40px);
        transform: translateY(4px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-45 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(4px) translatex(40px);
        transform: translateY(4px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-46 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-7px) translatex(-40px);
        transform: translateY(-7px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-46 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-7px) translatex(-40px);
        transform: translateY(-7px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-47 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-5px) translatex(-40px);
        transform: translateY(-5px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-47 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-5px) translatex(-40px);
        transform: translateY(-5px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-48 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-3px) translatex(-40px);
        transform: translateY(-3px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-48 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-3px) translatex(-40px);
        transform: translateY(-3px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-49 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-1px) translatex(-40px);
        transform: translateY(-1px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-49 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(-1px) translatex(-40px);
        transform: translateY(-1px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-50 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(1px) translatex(-40px);
        transform: translateY(1px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-50 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(1px) translatex(-40px);
        transform: translateY(1px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-51 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(3px) translatex(-40px);
        transform: translateY(3px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-51 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(3px) translatex(-40px);
        transform: translateY(3px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-52 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(5px) translatex(-40px);
        transform: translateY(5px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-52 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(5px) translatex(-40px);
        transform: translateY(5px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-53 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(7px) translatex(-40px);
        transform: translateY(7px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-53 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(7px) translatex(-40px);
        transform: translateY(7px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-54 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(9px) translatex(-40px);
        transform: translateY(9px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-54 {
    0% {
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(9px) translatex(-40px);
        transform: translateY(9px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes opacity {
    to {
        opacity: 0;
    }
}

@keyframes opacity {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: 0.8;
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        opacity: 0.8;
    }
}

@keyframes rotate {
    0% {
        opacity: 0.8;
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        opacity: 0.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: 0.8;
    }
}

@keyframes spew {
    0% {
        opacity: 0;
    }

    to {
        opacity: 0.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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

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

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

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

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

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

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

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

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

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

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

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

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

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

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

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.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, 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, 0.4);
    padding-top: 10px;
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link {
    color: #7e7e7e;
    transition: color 0.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: 0.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 0.5s;
    width: 100%;
    font-size: 0.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: 0.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(https://ideabet.live/theme/allnewufabet/images/ic-checkmark.99da2960.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.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, 0.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 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.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 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.x-header .navbar-brand {
    position: relative;
    opacity: 1;
    transition: opacity 0.2s ease-out;
}

.x-header .navbar-brand .-logo {
    position: absolute;
    top: 16px;
    left: 0;
    transition: opacity 0.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: 0.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: 0.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 0.4s ease-out infinite alternate;
    animation: x-hamburger-wave 0.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 0.4s ease-out 0.3s infinite alternate;
    animation: x-hamburger-wave 0.4s ease-out 0.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 0.4s ease-out 0.6s infinite alternate;
    animation: x-hamburger-wave 0.4s ease-out 0.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 0.2s ease-out;
}

.x-header .x-logged .-logged-container {
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 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, 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, 0.95),
            rgba(36, 41, 44, 0.95)
        );
        transition: right 0.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, 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: 0.75;
    transition: all 0.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 0.1s;
}

.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: 0.35rem !important;
}

.x-apple-os .-deposit-preview .-fake-input,
.x-apple-os .x-withdraw-pending .-fake-input {
    padding: 16px 0.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 0.675rem 8px;
}

.x-windows-os
    .x-tab-event-container
    .-event-tab-info-container
    .-how-to-wrapper
    .-copy-btn {
    line-height: 24px !important;
    padding-bottom: 0.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-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: 0.4rem !important;
}

.x-ios-os .x-account-profile .-btn-action-wrapper {
    margin-top: 0.5rem !important;
}

.x-ios-os .x-pending .x-mini-copy {
    padding-top: 0 !important;
}

.x-ios-os .x-pending .-fake-input {
    padding: 14px 0.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: 0.35rem !important;
}

.x-android-os .x-account-profile .-btn-action-wrapper {
    margin-top: 0.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 0.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 0.6s;
    max-width: 450px;
}

@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: 800px;
}

@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;
        font-size: 1.125rem;
    }
}

.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 0.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 0.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, 0.3);
    }

    .x-form-register .x-button-actions .-btn-right-bottom {
        box-shadow: 0 0 5px 3px rgba(18, 22, 27, 0.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, 0.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, 0.3);
    }

    .x-form-register .x-button-actions .-btn-right-bottom {
        box-shadow: 0 0 5px 1px rgba(18, 22, 27, 0.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(0.455, 0.03, 0.515, 0.955) infinite both;
    animation: x-shaker-left-right 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.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: 0.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 0.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;
    }

    .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;
    position: relative;
    padding: 20px 15px 12px;
    width: 100%;
    border: 2px solid #fd043a;
    background: rgba(253, 4, 58, 0.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 0.6s;
    opacity: 0.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 0.6rem 0.6rem;
    border: 2px solid #d99349;
    border-radius: 5px;
    font-size: 1.4rem;
    background: #212a2f;
    text-align: center;
    -webkit-animation: x-deposit-notice-bg-blinker 0.5s ease-in-out infinite
        alternate;
    animation: x-deposit-notice-bg-blinker 0.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 0.5s ease-in-out infinite
        alternate;
    animation: x-deposit-notice-chevron-left 0.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 0.5s ease-in-out infinite
        alternate;
        animation: x-deposit-notice-chevron-right 0.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: 0.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 0.4s ease-in-out infinite
        alternate;
        animation: x-deposit-notice-title-blinker 0.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, 0.5);
        border-color: #b16d25;
    }
}

@keyframes x-deposit-notice-bg-blinker {
    0% {
        background: #212a2f;
        border-color: #d99349;
    }

    to {
        background: rgba(33, 42, 47, 0.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 0.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%, 0.8);
}

.x-intro-promotion.-android-view {
    opacity: 0;
}

.x-intro-promotion.-android-view.show {
    transition: opacity 0.6s ease-in-out;
    opacity: 1;
}

.x-intro-promotion.-android-view .slick-dots li.slick-active button:before {
    opacity: 0.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: 0.25;
}

@media (min-width: 992px) {
    .x-intro-promotion .slick-dots li:not(.slick-active) button:hover:before {
        opacity: 0.5;
    }
}

@media (max-width: 991.98px) {
    .x-intro-promotion .slick-dots li:not(.slick-active) button:hover:before {
        opacity: 0.25;
    }
}

.x-intro-promotion .slick-dots li:not(.slick-active) button:focus:before {
    opacity: 0.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: 0.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: 0.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: 0.75rem 2.5rem 0.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: 0.5;
    pointer-events: none;
}

.x-promotion-return-by-user-container .-condition-container {
    margin-top: 0.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 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 0.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: 0.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: 0.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: 0.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, 0.4);
    border-bottom: 1px solid rgba(236, 189, 123, 0.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%, 0.1);
}

.x-bill-history-container table thead th {
    padding: 0.6rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    color: #f3d067;
}

@media (max-width: 575.98px) {
    .x-bill-history-container table thead th {
        padding: 0.6rem 0.5rem;
        font-size: 0.9rem;
    }
}

.x-bill-history-container table tbody td {
    padding: 0.6rem 0.75rem;
    font-size: 1rem;
}

@media (max-width: 575.98px) {
    .x-bill-history-container table tbody td {
        padding: 0.6rem 0.5rem;
        font-size: 0.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: 0.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: 0.8rem;
    }
}

.x-bill-history-container .-no-result-wrapper {
    padding: 1rem;
    background-color: hsla(0, 0%, 100%, 0.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%, 0.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: 0.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: 1541px 9262px #ecbd7b, 550px 655px #ecbd7b, 87px 1551px #ecbd7b,
        551px 1176px #ecbd7b, 1631px 1718px #ecbd7b, 606px 671px #ecbd7b,
        408px 344px #ecbd7b, 329px 430px #ecbd7b, 412px 805px #ecbd7b,
        1006px 1837px #ecbd7b, 863px 1514px #ecbd7b, 1013px 938px #ecbd7b,
        231px 1684px #ecbd7b, 236px 418px #ecbd7b, 60px 1037px #ecbd7b,
        579px 1826px #ecbd7b, 1309px 252px #ecbd7b, 663px 527px #ecbd7b,
        351px 22px #ecbd7b, 528px 1414px #ecbd7b, 1442px 495px #ecbd7b,
        501px 1536px #ecbd7b, 1142px 1404px #ecbd7b, 424px 1432px #ecbd7b,
        1171px 187px #ecbd7b, 1175px 1465px #ecbd7b, 620px 1950px #ecbd7b,
        465px 1844px #ecbd7b, 262px 325px #ecbd7b, 1185px 1651px #ecbd7b,
        239px 162px #ecbd7b, 764px 503px #ecbd7b, 253px 1470px #ecbd7b,
        298px 1910px #ecbd7b, 1021px 1329px #ecbd7b, 194px 369px #ecbd7b,
        1667px 1013px #ecbd7b, 1328px 1904px #ecbd7b, 1320px 526px #ecbd7b,
        447px 1778px #ecbd7b, 1058px 788px #ecbd7b, 1111px 673px #ecbd7b,
        1424px 1940px #ecbd7b, 1443px 178px #ecbd7b, 1577px 1700px #ecbd7b,
        29px 1886px #ecbd7b, 1002px 1253px #ecbd7b, 365px 716px #ecbd7b,
        600px 1469px #ecbd7b, 593px 1533px #ecbd7b, 436px 1593px #ecbd7b,
        722px 443px #ecbd7b, 205px 1219px #ecbd7b, 1352px 1313px #ecbd7b,
        500px 958px #ecbd7b, 1176px 582px #ecbd7b, 1909px 1497px #ecbd7b,
        1475px 1406px #ecbd7b, 844px 852px #ecbd7b, 1450px 131px #ecbd7b,
        1344px 1533px #ecbd7b, 434px 525px #ecbd7b, 1672px 1689px #ecbd7b,
        1800px 1698px #ecbd7b, 1630px 757px #ecbd7b, 1039px 1659px #ecbd7b,
        1368px 443px #ecbd7b, 1866px 814px #ecbd7b, 1725px 1568px #ecbd7b,
        1025px 1983px #ecbd7b, 1498px 730px #ecbd7b, 747px 1980px #ecbd7b,
        1113px 1373px #ecbd7b, 1656px 148px #ecbd7b, 316px 1132px #ecbd7b,
        1079px 1078px #ecbd7b, 692px 50px #ecbd7b, 1087px 813px #ecbd7b,
        1558px 640px #ecbd7b, 1465px 319px #ecbd7b, 1545px 1556px #ecbd7b,
        435px 817px #ecbd7b, 1361px 1678px #ecbd7b, 1206px 1640px #ecbd7b,
        164px 1382px #ecbd7b, 1761px 1746px #ecbd7b, 1080px 573px #ecbd7b,
        1811px 547px #ecbd7b, 1183px 1542px #ecbd7b, 1728px 250px #ecbd7b,
        27px 746px #ecbd7b, 280px 1927px #ecbd7b, 877px 944px #ecbd7b,
        1698px 30px #ecbd7b, 242px 271px #ecbd7b, 1178px 770px #ecbd7b,
        1226px 591px #ecbd7b, 1339px 974px #ecbd7b, 314px 606px #ecbd7b,
        331px 1971px #ecbd7b, 1490px 951px #ecbd7b, 1775px 705px #ecbd7b,
        1656px 1943px #ecbd7b, 588px 1612px #ecbd7b, 689px 685px #ecbd7b,
        1495px 318px #ecbd7b, 1867px 835px #ecbd7b, 1364px 393px #ecbd7b,
        1372px 901px #ecbd7b, 669px 38px #ecbd7b, 1693px 896px #ecbd7b,
        1456px 1086px #ecbd7b, 484px 610px #ecbd7b, 376px 190px #ecbd7b,
        1486px 294px #ecbd7b, 680px 969px #ecbd7b, 1786px 1922px #ecbd7b,
        799px 1266px #ecbd7b, 1076px 160px #ecbd7b, 610px 1920px #ecbd7b,
        1786px 150px #ecbd7b, 359px 486px #ecbd7b, 1408px 1807px #ecbd7b,
        485px 698px #ecbd7b, 1386px 1990px #ecbd7b, 817px 732px #ecbd7b,
        647px 1028px #ecbd7b, 1167px 735px #ecbd7b, 1993px 1701px #ecbd7b,
        1939px 344px #ecbd7b, 857px 1077px #ecbd7b, 896px 218px #ecbd7b,
        667px 538px #ecbd7b, 430px 262px #ecbd7b, 1912px 85px #ecbd7b,
        972px 499px #ecbd7b, 321px 977px #ecbd7b, 271px 1727px #ecbd7b,
        294px 1888px #ecbd7b, 302px 976px #ecbd7b, 609px 1931px #ecbd7b,
        1089px 1400px #ecbd7b, 1359px 883px #ecbd7b, 999px 84px #ecbd7b,
        115px 1923px #ecbd7b, 1263px 217px #ecbd7b, 682px 1462px #ecbd7b,
        281px 260px #ecbd7b, 918px 1763px #ecbd7b, 1219px 1333px #ecbd7b,
        572px 1798px #ecbd7b, 1572px 1963px #ecbd7b, 154px 858px #ecbd7b,
        137px 1317px #ecbd7b, 463px 829px #ecbd7b, 934px 835px #ecbd7b,
        1721px 878px #ecbd7b, 1854px 917px #ecbd7b, 1371px 1085px #ecbd7b,
        664px 1007px #ecbd7b, 1038px 699px #ecbd7b, 1794px 1737px #ecbd7b,
        1184px 1797px #ecbd7b, 1710px 1857px #ecbd7b, 1842px 1643px #ecbd7b,
        186px 92px #ecbd7b, 536px 319px #ecbd7b, 1143px 993px #ecbd7b,
        1179px 1419px #ecbd7b, 1755px 1426px #ecbd7b, 1874px 1589px #ecbd7b,
        538px 112px #ecbd7b, 416px 711px #ecbd7b, 187px 1538px #ecbd7b,
        1200px 1778px #ecbd7b, 129px 471px #ecbd7b, 1126px 1430px #ecbd7b,
        125px 1427px #ecbd7b, 1272px 1101px #ecbd7b, 1450px 308px #ecbd7b,
        1540px 157px #ecbd7b, 1090px 1146px #ecbd7b, 1586px 1052px #ecbd7b,
        173px 1277px #ecbd7b, 979px 856px #ecbd7b, 945px 1294px #ecbd7b,
        1412px 188px #ecbd7b, 1880px 893px #ecbd7b, 324px 1111px #ecbd7b,
        372px 570px #ecbd7b, 1466px 434px #ecbd7b, 1528px 1619px #ecbd7b,
        765px 218px #ecbd7b, 1864px 196px #ecbd7b, 152px 454px #ecbd7b,
        1066px 878px #ecbd7b, 931px 790px #ecbd7b, 988px 447px #ecbd7b,
        1878px 1313px #ecbd7b, 639px 514px #ecbd7b, 1432px 30px #ecbd7b,
        401px 527px #ecbd7b, 1244px 252px #ecbd7b, 273px 275px #ecbd7b,
        297px 459px #ecbd7b, 498px 203px #ecbd7b, 1680px 687px #ecbd7b,
        1955px 807px #ecbd7b, 1415px 624px #ecbd7b, 885px 1479px #ecbd7b,
        1579px 1138px #ecbd7b, 77px 560px #ecbd7b, 711px 1775px #ecbd7b,
        1810px 202px #ecbd7b, 490px 1028px #ecbd7b, 1467px 585px #ecbd7b,
        1268px 790px #ecbd7b, 1837px 1893px #ecbd7b, 1767px 14px #ecbd7b,
        296px 1152px #ecbd7b, 321px 1966px #ecbd7b, 514px 65px #ecbd7b,
        422px 511px #ecbd7b, 512px 1063px #ecbd7b, 1724px 525px #ecbd7b,
        1866px 1667px #ecbd7b, 1313px 1389px #ecbd7b, 330px 864px #ecbd7b,
        678px 1117px #ecbd7b, 1785px 1826px #ecbd7b, 897px 303px #ecbd7b,
        988px 155px #ecbd7b, 1074px 353px #ecbd7b, 1889px 1001px #ecbd7b,
        1805px 814px #ecbd7b, 652px 1681px #ecbd7b, 1084px 1792px #ecbd7b,
        1993px 846px #ecbd7b, 98px 1006px #ecbd7b, 1315px 1530px #ecbd7b,
        1119px 203px #ecbd7b, 1785px 1630px #ecbd7b, 1194px 1327px #ecbd7b,
        869px 324px #ecbd7b, 623px 1277px #ecbd7b, 823px 298px #ecbd7b,
        1270px 846px #ecbd7b, 1015px 12px #ecbd7b, 1269px 1751px #ecbd7b,
        464px 1673px #ecbd7b, 789px 1942px #ecbd7b, 226px 1412px #ecbd7b,
        1929px 417px #ecbd7b, 1536px 1053px #ecbd7b, 415px 197px #ecbd7b,
        1557px 1388px #ecbd7b, 1846px 1385px #ecbd7b, 695px 1098px #ecbd7b,
        1661px 327px #ecbd7b, 1198px 137px #ecbd7b, 374px 737px #ecbd7b,
        1437px 296px #ecbd7b, 370px 1706px #ecbd7b, 958px 140px #ecbd7b,
        1944px 436px #ecbd7b, 1264px 742px #ecbd7b, 198px 1473px #ecbd7b,
        1296px 1566px #ecbd7b, 63px 962px #ecbd7b, 1178px 667px #ecbd7b,
        778px 1368px #ecbd7b, 346px 594px #ecbd7b, 959px 223px #ecbd7b,
        818px 1711px #ecbd7b, 85px 1548px #ecbd7b, 1097px 1634px #ecbd7b,
        1251px 410px #ecbd7b, 919px 28px #ecbd7b, 1525px 964px #ecbd7b,
        1009px 1687px #ecbd7b, 346px 1763px #ecbd7b, 1347px 31px #ecbd7b,
        1812px 1548px #ecbd7b, 31px 1265px #ecbd7b, 534px 352px #ecbd7b,
        1729px 1357px #ecbd7b, 1892px 1872px #ecbd7b, 1864px 1796px #ecbd7b,
        705px 966px #ecbd7b, 1146px 923px #ecbd7b, 1032px 1348px #ecbd7b,
        1797px 1254px #ecbd7b, 851px 41px #ecbd7b, 1623px 1893px #ecbd7b,
        80px 1237px #ecbd7b, 1030px 1451px #ecbd7b, 1742px 418px #ecbd7b,
        241px 1441px #ecbd7b, 60px 1084px #ecbd7b, 1625px 1134px #ecbd7b,
        214px 1904px #ecbd7b, 859px 818px #ecbd7b, 281px 304px #ecbd7b,
        511px 893px #ecbd7b, 1616px 391px #ecbd7b, 125px 7px #ecbd7b,
        1907px 861px #ecbd7b, 1332px 1856px #ecbd7b, 1466px 612px #ecbd7b,
        933px 822px #ecbd7b, 527px 962px #ecbd7b, 434px 1697px #ecbd7b,
        459px 1402px #ecbd7b, 1100px 1133px #ecbd7b, 649px 649px #ecbd7b,
        1144px 740px #ecbd7b, 464px 555px #ecbd7b, 1680px 454px #ecbd7b,
        1531px 412px #ecbd7b, 506px 1901px #ecbd7b, 498px 1522px #ecbd7b,
        475px 34px #ecbd7b, 1500px 60px #ecbd7b, 1924px 1451px #ecbd7b,
        18px 653px #ecbd7b, 1868px 212px #ecbd7b, 1192px 1872px #ecbd7b,
        96px 338px #ecbd7b, 129px 1033px #ecbd7b, 896px 356px #ecbd7b,
        1979px 1792px #ecbd7b, 1331px 540px #ecbd7b, 1342px 310px #ecbd7b,
        1201px 404px #ecbd7b, 126px 735px #ecbd7b, 1938px 1622px #ecbd7b,
        1726px 1096px #ecbd7b, 1167px 1853px #ecbd7b, 1548px 1351px #ecbd7b,
        1532px 1845px #ecbd7b, 766px 1689px #ecbd7b, 326px 1781px #ecbd7b,
        1592px 1024px #ecbd7b, 840px 843px #ecbd7b, 1295px 200px #ecbd7b,
        534px 1086px #ecbd7b, 1039px 957px #ecbd7b, 1922px 999px #ecbd7b,
        1228px 88px #ecbd7b, 1305px 940px #ecbd7b, 266px 286px #ecbd7b,
        984px 503px #ecbd7b, 1428px 505px #ecbd7b, 280px 391px #ecbd7b,
        1437px 1248px #ecbd7b, 572px 526px #ecbd7b, 1984px 355px #ecbd7b,
        1287px 551px #ecbd7b, 191px 1519px #ecbd7b, 1147px 87px #ecbd7b,
        220px 158px #ecbd7b, 1635px 549px #ecbd7b, 98px 166px #ecbd7b,
        1195px 1023px #ecbd7b, 1883px 1660px #ecbd7b, 733px 392px #ecbd7b,
        99px 1362px #ecbd7b, 1637px 1265px #ecbd7b, 1989px 809px #ecbd7b,
        58px 153px #ecbd7b, 1512px 1895px #ecbd7b, 1091px 847px #ecbd7b,
        558px 1423px #ecbd7b, 1156px 280px #ecbd7b, 333px 1546px #ecbd7b,
        616px 171px #ecbd7b, 590px 963px #ecbd7b, 1386px 1325px #ecbd7b,
        661px 932px #ecbd7b, 1653px 1474px #ecbd7b, 385px 1187px #ecbd7b,
        950px 172px #ecbd7b, 1635px 1551px #ecbd7b, 1183px 1206px #ecbd7b,
        518px 543px #ecbd7b, 103px 1608px #ecbd7b, 1518px 135px #ecbd7b,
        909px 1722px #ecbd7b, 1270px 373px #ecbd7b, 673px 1163px #ecbd7b,
        959px 1982px #ecbd7b, 1390px 1833px #ecbd7b, 1915px 1385px #ecbd7b,
        838px 927px #ecbd7b, 1822px 6px #ecbd7b, 106px 452px #ecbd7b,
        501px 1259px #ecbd7b, 563px 1901px #ecbd7b, 1195px 569px #ecbd7b,
        1668px 1447px #ecbd7b, 822px 538px #ecbd7b, 296px 1343px #ecbd7b,
        1631px 1171px #ecbd7b, 266px 1730px #ecbd7b, 1026px 1115px #ecbd7b,
        7px 598px #ecbd7b, 419px 1943px #ecbd7b, 29px 838px #ecbd7b,
        298px 1244px #ecbd7b, 702px 1881px #ecbd7b, 1419px 320px #ecbd7b,
        1378px 337px #ecbd7b, 870px 1116px #ecbd7b, 53px 1224px #ecbd7b,
        1801px 677px #ecbd7b, 801px 529px #ecbd7b, 1552px 1464px #ecbd7b,
        404px 1705px #ecbd7b, 807px 653px #ecbd7b, 268px 41px #ecbd7b,
        510px 683px #ecbd7b, 1166px 485px #ecbd7b, 234px 89px #ecbd7b,
        1415px 335px #ecbd7b, 91px 203px #ecbd7b, 150px 1086px #ecbd7b,
        233px 569px #ecbd7b, 1618px 93px #ecbd7b, 1361px 715px #ecbd7b,
        390px 1458px #ecbd7b, 559px 1000px #ecbd7b, 927px 1229px #ecbd7b,
        141px 732px #ecbd7b, 348px 1063px #ecbd7b, 1414px 199px #ecbd7b,
        1186px 558px #ecbd7b, 1790px 1529px #ecbd7b, 1954px 1368px #ecbd7b,
        1872px 1008px #ecbd7b, 271px 786px #ecbd7b, 1821px 1648px #ecbd7b,
        1375px 1048px #ecbd7b, 78px 254px #ecbd7b, 1532px 1242px #ecbd7b,
        500px 1329px #ecbd7b, 957px 797px #ecbd7b, 1251px 1639px #ecbd7b,
        1819px 208px #ecbd7b, 995px 1851px #ecbd7b, 530px 807px #ecbd7b,
        1023px 958px #ecbd7b, 202px 1465px #ecbd7b, 1620px 1445px #ecbd7b,
        1864px 836px #ecbd7b, 1205px 932px #ecbd7b, 382px 1202px #ecbd7b,
        1431px 992px #ecbd7b, 771px 446px #ecbd7b, 568px 1767px #ecbd7b,
        853px 929px #ecbd7b, 751px 1751px #ecbd7b, 623px 1778px #ecbd7b,
        90px 143px #ecbd7b, 912px 664px #ecbd7b, 132px 1573px #ecbd7b,
        423px 56px #ecbd7b, 1685px 431px #ecbd7b, 309px 1922px #ecbd7b,
        50px 656px #ecbd7b, 1964px 1353px #ecbd7b, 432px 122px #ecbd7b,
        130px 1027px #ecbd7b, 1878px 1910px #ecbd7b, 324px 1224px #ecbd7b,
        621px 1940px #ecbd7b, 731px 1656px #ecbd7b, 1712px 685px #ecbd7b,
        1086px 1589px #ecbd7b, 961px 768px #ecbd7b, 270px 1414px #ecbd7b,
        110px 1353px #ecbd7b, 505px 1052px #ecbd7b, 895px 789px #ecbd7b,
        344px 1260px #ecbd7b, 69px 928px #ecbd7b, 1211px 286px #ecbd7b,
        1455px 1962px #ecbd7b, 629px 684px #ecbd7b, 303px 1679px #ecbd7b,
        500px 841px #ecbd7b, 191px 1621px #ecbd7b, 1257px 111px #ecbd7b,
        1356px 1668px #ecbd7b, 72px 1259px #ecbd7b, 116px 760px #ecbd7b,
        392px 1907px #ecbd7b, 1458px 1663px #ecbd7b, 1158px 100px #ecbd7b,
        1873px 242px #ecbd7b, 1768px 1695px #ecbd7b, 1743px 1864px #ecbd7b,
        354px 1051px #ecbd7b, 1396px 1297px #ecbd7b, 432px 359px #ecbd7b,
        699px 1470px #ecbd7b, 1005px 784px #ecbd7b, 1165px 1743px #ecbd7b,
        221px 1065px #ecbd7b, 461px 411px #ecbd7b, 1178px 1244px #ecbd7b,
        260px 1502px #ecbd7b, 1428px 546px #ecbd7b, 858px 1127px #ecbd7b,
        668px 991px #ecbd7b, 1525px 290px #ecbd7b, 1805px 1001px #ecbd7b,
        1110px 902px #ecbd7b, 1812px 847px #ecbd7b, 1106px 1192px #ecbd7b,
        859px 896px #ecbd7b, 412px 928px #ecbd7b, 1277px 1861px #ecbd7b,
        309px 194px #ecbd7b, 1911px 1956px #ecbd7b, 849px 1999px #ecbd7b,
        1407px 1787px #ecbd7b, 1335px 579px #ecbd7b, 1015px 1633px #ecbd7b,
        6px 260px #ecbd7b, 775px 240px #ecbd7b, 414px 1687px #ecbd7b,
        823px 1145px #ecbd7b, 1268px 704px #ecbd7b, 50px 202px #ecbd7b,
        1569px 29px #ecbd7b, 1250px 1357px #ecbd7b, 797px 858px #ecbd7b,
        573px 1593px #ecbd7b, 1653px 194px #ecbd7b, 1323px 374px #ecbd7b,
        1519px 88px #ecbd7b, 692px 1142px #ecbd7b, 910px 1645px #ecbd7b,
        1974px 834px #ecbd7b, 143px 830px #ecbd7b, 1940px 1407px #ecbd7b,
        1603px 1669px #ecbd7b, 1750px 1973px #ecbd7b, 877px 1095px #ecbd7b,
        675px 872px #ecbd7b, 1744px 556px #ecbd7b, 1466px 11px #ecbd7b,
        376px 1182px #ecbd7b, 1259px 1656px #ecbd7b, 310px 1213px #ecbd7b,
        321px 1515px #ecbd7b, 1542px 589px #ecbd7b, 375px 1472px #ecbd7b,
        366px 1329px #ecbd7b, 1212px 1575px #ecbd7b, 297px 116px #ecbd7b,
        598px 717px #ecbd7b, 725px 767px #ecbd7b, 111px 1558px #ecbd7b,
        1179px 1001px #ecbd7b, 1201px 1645px #ecbd7b, 444px 1022px #ecbd7b,
        527px 359px #ecbd7b, 1349px 491px #ecbd7b, 1430px 613px #ecbd7b,
        1372px 1372px #ecbd7b, 1548px 292px #ecbd7b, 1540px 1720px #ecbd7b,
        74px 742px #ecbd7b, 635px 203px #ecbd7b, 705px 945px #ecbd7b,
        1215px 1520px #ecbd7b, 866px 354px #ecbd7b, 941px 1510px #ecbd7b,
        791px 1985px #ecbd7b, 1881px 688px #ecbd7b, 1904px 740px #ecbd7b,
        1004px 673px #ecbd7b, 1560px 830px #ecbd7b, 1210px 1902px #ecbd7b,
        129px 1449px #ecbd7b, 738px 293px #ecbd7b, 273px 880px #ecbd7b,
        876px 1412px #ecbd7b, 1592px 1343px #ecbd7b, 1552px 1568px #ecbd7b,
        1904px 1957px #ecbd7b, 1164px 1257px #ecbd7b, 721px 677px #ecbd7b,
        1034px 1009px #ecbd7b, 1273px 284px #ecbd7b, 1766px 779px #ecbd7b,
        61px 1422px #ecbd7b, 173px 1579px #ecbd7b, 380px 1827px #ecbd7b,
        821px 1042px #ecbd7b, 1508px 960px #ecbd7b, 1930px 53px #ecbd7b,
        459px 1275px #ecbd7b, 442px 984px #ecbd7b, 807px 183px #ecbd7b,
        1174px 626px #ecbd7b, 1687px 1646px #ecbd7b, 1774px 1475px #ecbd7b,
        226px 980px #ecbd7b, 1869px 1065px #ecbd7b, 813px 818px #ecbd7b,
        1480px 27px #ecbd7b, 1870px 443px #ecbd7b, 1819px 1332px #ecbd7b,
        66px 285px #ecbd7b, 1351px 22px #ecbd7b, 1024px 1px #ecbd7b,
        1397px 848px #ecbd7b, 809px 868px #ecbd7b, 1217px 1618px #ecbd7b,
        1797px 1440px #ecbd7b, 1520px 619px #ecbd7b, 1739px 122px #ecbd7b,
        1629px 999px #ecbd7b, 931px 1580px #ecbd7b, 152px 1196px #ecbd7b,
        786px 1809px #ecbd7b, 1504px 1076px #ecbd7b, 1772px 1253px #ecbd7b,
        1869px 30px #ecbd7b, 1880px 1755px #ecbd7b, 1206px 398px #ecbd7b,
        1681px 389px #ecbd7b, 730px 328px #ecbd7b, 1490px 513px #ecbd7b,
        100px 1584px #ecbd7b, 289px 1974px #ecbd7b, 1229px 1098px #ecbd7b,
        463px 246px #ecbd7b, 262px 1773px #ecbd7b, 760px 439px #ecbd7b,
        649px 1277px #ecbd7b, 1995px 639px #ecbd7b, 817px 211px #ecbd7b,
        1452px 571px #ecbd7b, 1809px 1695px #ecbd7b, 761px 999px #ecbd7b,
        1933px 1387px #ecbd7b, 737px 143px #ecbd7b, 1630px 1673px #ecbd7b,
        1856px 1927px #ecbd7b, 273px 69px #ecbd7b, 1124px 1653px #ecbd7b,
        1888px 1946px #ecbd7b, 1046px 663px #ecbd7b, 1038px 1991px #ecbd7b,
        251px 1217px #ecbd7b, 1661px 1902px #ecbd7b, 340px 1639px #ecbd7b,
        471px 1166px #ecbd7b, 744px 322px #ecbd7b, 1450px 992px #ecbd7b,
        1274px 1098px #ecbd7b, 1660px 1249px #ecbd7b, 901px 929px #ecbd7b,
        502px 1875px #ecbd7b, 970px 1147px #ecbd7b, 73px 1781px #ecbd7b,
        1163px 342px #ecbd7b, 1385px 1389px #ecbd7b, 1238px 1382px #ecbd7b,
        669px 1512px #ecbd7b, 342px 551px #ecbd7b, 1608px 1569px #ecbd7b,
        21px 133px #ecbd7b, 167px 47px #ecbd7b, 728px 1594px #ecbd7b,
        1143px 532px #ecbd7b, 936px 818px #ecbd7b, 344px 1154px #ecbd7b,
        1336px 1107px #ecbd7b, 184px 1175px #ecbd7b, 178px 1575px #ecbd7b,
        1716px 499px #ecbd7b, 650px 272px #ecbd7b, 1259px 1542px #ecbd7b,
        531px 116px #ecbd7b, 1709px 1122px #ecbd7b, 483px 179px #ecbd7b,
        257px 321px #ecbd7b, 1088px 1973px #ecbd7b, 1318px 1102px #ecbd7b,
        729px 486px #ecbd7b, 4px 154px #ecbd7b, 1618px 1086px #ecbd7b,
        787px 1146px #ecbd7b, 1950px 962px #ecbd7b, 819px 761px #ecbd7b,
        621px 1341px #ecbd7b, 1940px 404px #ecbd7b, 1391px 104px #ecbd7b,
        1140px 10px #ecbd7b, 1601px 625px #ecbd7b, 1097px 113px #ecbd7b,
        638px 266px #ecbd7b, 1662px 555px #ecbd7b, 441px 195px #ecbd7b,
        1071px 783px #ecbd7b, 688px 1183px #ecbd7b, 80px 1509px #ecbd7b,
        1353px 1668px #ecbd7b, 1464px 112px #ecbd7b, 1372px 1236px #ecbd7b,
        1856px 1658px #ecbd7b, 1061px 466px #ecbd7b, 1164px 744px #ecbd7b,
        1080px 720px #ecbd7b, 1509px 226px #ecbd7b, 1079px 1763px #ecbd7b,
        522px 1709px #ecbd7b, 1434px 1916px #ecbd7b, 1016px 1374px #ecbd7b,
        1534px 785px #ecbd7b, 150px 907px #ecbd7b, 993px 1630px #ecbd7b,
        863px 1421px #ecbd7b, 800px 1605px #ecbd7b, 991px 1257px #ecbd7b,
        1304px 882px #ecbd7b, 508px 590px #ecbd7b, 1756px 397px #ecbd7b,
        1217px 715px #ecbd7b, 747px 1880px #ecbd7b, 1838px 1722px #ecbd7b,
        1269px 350px #ecbd7b, 1124px 1343px #ecbd7b, 750px 32px #ecbd7b,
        1501px 905px #ecbd7b, 777px 859px #ecbd7b, 1397px 273px #ecbd7b,
        432px 866px #ecbd7b, 1448px 485px #ecbd7b, 126px 1259px #ecbd7b,
        235px 1112px #ecbd7b, 787px 1920px #ecbd7b, 327px 1112px #ecbd7b,
        1182px 1953px #ecbd7b, 1167px 1575px #ecbd7b, 1519px 531px #ecbd7b,
        702px 478px #ecbd7b, 333px 150px #ecbd7b, 477px 1187px #ecbd7b,
        1830px 81px #ecbd7b, 1465px 1755px #ecbd7b, 1732px 695px #ecbd7b,
        1314px 1198px #ecbd7b, 1639px 1176px #ecbd7b, 137px 1729px #ecbd7b,
        1200px 1798px #ecbd7b, 1991px 473px #ecbd7b, 597px 534px #ecbd7b,
        447px 732px #ecbd7b, 1997px 362px #ecbd7b, 140px 292px #ecbd7b,
        1047px 135px #ecbd7b, 1312px 1825px #ecbd7b, 1808px 1112px #ecbd7b,
        702px 590px #ecbd7b, 1305px 689px #ecbd7b, 1855px 969px #ecbd7b,
        1123px 44px #ecbd7b, 735px 356px #ecbd7b, 1297px 1057px #ecbd7b,
        910px 1635px #ecbd7b, 1163px 1579px #ecbd7b, 438px 1044px #ecbd7b,
        1344px 1441px #ecbd7b, 670px 143px #ecbd7b, 1342px 666px #ecbd7b,
        1654px 84px #ecbd7b, 68px 888px #ecbd7b, 1983px 1776px #ecbd7b,
        485px 326px #ecbd7b, 1123px 1558px #ecbd7b, 632px 429px #ecbd7b,
        1977px 1724px #ecbd7b, 747px 203px #ecbd7b, 160px 430px #ecbd7b,
        1102px 417px #ecbd7b, 1181px 327px #ecbd7b, 1426px 66px #ecbd7b,
        321px 611px #ecbd7b, 231px 349px #ecbd7b, 56px 1660px #ecbd7b,
        604px 62px #ecbd7b, 117px 893px #ecbd7b, 213px 388px #ecbd7b,
        165px 508px #ecbd7b, 1766px 1490px #ecbd7b, 1894px 1817px #ecbd7b,
        1011px 105px #ecbd7b, 871px 480px #ecbd7b, 247px 890px #ecbd7b,
        154px 1462px #ecbd7b, 1146px 45px #ecbd7b, 404px 1045px #ecbd7b,
        1527px 1468px #ecbd7b, 56px 1370px #ecbd7b, 990px 1780px #ecbd7b,
        278px 594px #ecbd7b, 224px 1174px #ecbd7b, 1579px 1659px #ecbd7b,
        1791px 509px #ecbd7b, 1421px 1046px #ecbd7b, 637px 416px #ecbd7b,
        1523px 858px #ecbd7b, 242px 1023px #ecbd7b, 128px 1908px #ecbd7b,
        56px 200px #ecbd7b, 6px 1096px #ecbd7b, 912px 1675px #ecbd7b,
        793px 1044px #ecbd7b, 99px 1098px #ecbd7b, 45px 790px #ecbd7b,
        425px 1683px #ecbd7b, 1611px 109px #ecbd7b, 369px 848px #ecbd7b,
        955px 1179px #ecbd7b, 1104px 1724px #ecbd7b, 12px 273px #ecbd7b,
        952px 886px #ecbd7b, 1153px 1384px #ecbd7b, 977px 1889px #ecbd7b,
        712px 480px #ecbd7b, 1639px 1660px #ecbd7b, 1718px 1620px #ecbd7b,
        1232px 1602px #ecbd7b, 1369px 873px #ecbd7b, 1622px 1936px #ecbd7b,
        28px 1385px #ecbd7b, 110px 1764px #ecbd7b, 293px 107px #ecbd7b,
        1673px 919px #ecbd7b, 1738px 296px #ecbd7b, 1812px 214px #ecbd7b,
        899px 934px #ecbd7b, 1166px 87px #ecbd7b, 995px 1637px #ecbd7b,
        1842px 905px #ecbd7b, 1741px 895px #ecbd7b, 226px 464px #ecbd7b,
        956px 1090px #ecbd7b, 1675px 1195px #ecbd7b, 1671px 124px #ecbd7b,
        806px 1604px #ecbd7b, 659px 237px #ecbd7b, 607px 1448px #ecbd7b,
        198px 1845px #ecbd7b, 722px 1002px #ecbd7b, 1659px 950px #ecbd7b,
        422px 761px #ecbd7b, 309px 1373px #ecbd7b, 1019px 971px #ecbd7b,
        1609px 936px #ecbd7b, 1038px 1950px #ecbd7b, 742px 1852px #ecbd7b,
        1282px 66px #ecbd7b, 524px 1364px #ecbd7b, 379px 626px #ecbd7b,
        1085px 1186px #ecbd7b, 1999px 1773px #ecbd7b, 1127px 1370px #ecbd7b,
        1786px 1302px #ecbd7b, 415px 605px #ecbd7b, 1673px 1681px #ecbd7b,
        808px 291px #ecbd7b, 1446px 1460px #ecbd7b, 584px 1539px #ecbd7b,
        1628px 127px #ecbd7b, 1928px 416px #ecbd7b, 1799px 1800px #ecbd7b,
        1782px 701px #ecbd7b, 774px 696px #ecbd7b, 1275px 1215px #ecbd7b,
        1530px 209px #ecbd7b, 1920px 727px #ecbd7b, 1334px 477px #ecbd7b,
        1327px 1178px #ecbd7b, 667px 1303px #ecbd7b, 960px 1293px #ecbd7b,
        1016px 503px #ecbd7b, 1629px 882px #ecbd7b, 578px 1080px #ecbd7b,
        1812px 971px #ecbd7b, 1918px 1065px #ecbd7b, 1666px 815px #ecbd7b,
        1267px 1998px #ecbd7b, 1839px 91px #ecbd7b, 704px 1305px #ecbd7b;
}

.x-register-card-footer #stars:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars2 {
    opacity: 0.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: 575px 6125px #ecbd7b, 1503px 1398px #ecbd7b,
        437px 1462px #ecbd7b, 850px 1412px #ecbd7b, 802px 797px #ecbd7b,
        868px 1496px #ecbd7b, 650px 161px #ecbd7b, 276px 1934px #ecbd7b,
        848px 1722px #ecbd7b, 1081px 462px #ecbd7b, 1345px 1371px #ecbd7b,
        324px 1114px #ecbd7b, 1396px 650px #ecbd7b, 1038px 775px #ecbd7b,
        282px 1132px #ecbd7b, 1954px 57px #ecbd7b, 1143px 1061px #ecbd7b,
        1963px 178px #ecbd7b, 1236px 339px #ecbd7b, 1295px 1260px #ecbd7b,
        22px 1864px #ecbd7b, 430px 1772px #ecbd7b, 1687px 261px #ecbd7b,
        1195px 1747px #ecbd7b, 1845px 1601px #ecbd7b, 1716px 1664px #ecbd7b,
        1916px 1931px #ecbd7b, 748px 1924px #ecbd7b, 159px 1658px #ecbd7b,
        889px 840px #ecbd7b, 1639px 695px #ecbd7b, 255px 1706px #ecbd7b,
        239px 1178px #ecbd7b, 39px 1361px #ecbd7b, 1087px 164px #ecbd7b,
        1640px 1899px #ecbd7b, 629px 1870px #ecbd7b, 1163px 162px #ecbd7b,
        238px 1895px #ecbd7b, 1764px 791px #ecbd7b, 1764px 726px #ecbd7b,
        1057px 97px #ecbd7b, 1557px 289px #ecbd7b, 316px 1124px #ecbd7b,
        1391px 730px #ecbd7b, 1025px 1876px #ecbd7b, 463px 1011px #ecbd7b,
        1917px 348px #ecbd7b, 337px 1484px #ecbd7b, 1416px 1498px #ecbd7b,
        1207px 969px #ecbd7b, 1915px 1814px #ecbd7b, 160px 69px #ecbd7b,
        458px 901px #ecbd7b, 1460px 1064px #ecbd7b, 1983px 200px #ecbd7b,
        308px 1788px #ecbd7b, 72px 1648px #ecbd7b, 1607px 536px #ecbd7b,
        1459px 837px #ecbd7b, 1947px 719px #ecbd7b, 1375px 1551px #ecbd7b,
        1070px 996px #ecbd7b, 380px 1107px #ecbd7b, 1360px 1422px #ecbd7b,
        980px 215px #ecbd7b, 253px 1517px #ecbd7b, 920px 994px #ecbd7b,
        1348px 369px #ecbd7b, 460px 995px #ecbd7b, 16px 1573px #ecbd7b,
        1568px 1127px #ecbd7b, 1469px 189px #ecbd7b, 791px 758px #ecbd7b,
        1298px 1878px #ecbd7b, 1901px 1394px #ecbd7b, 926px 726px #ecbd7b,
        1481px 108px #ecbd7b, 1949px 278px #ecbd7b, 1458px 437px #ecbd7b,
        1311px 1036px #ecbd7b, 1623px 1387px #ecbd7b, 1147px 661px #ecbd7b,
        805px 1358px #ecbd7b, 894px 1841px #ecbd7b, 339px 882px #ecbd7b,
        920px 223px #ecbd7b, 1434px 303px #ecbd7b, 769px 1026px #ecbd7b,
        413px 1066px #ecbd7b, 123px 351px #ecbd7b, 539px 168px #ecbd7b,
        1708px 1280px #ecbd7b, 515px 518px #ecbd7b, 1286px 1882px #ecbd7b,
        292px 795px #ecbd7b, 1315px 95px #ecbd7b, 1552px 44px #ecbd7b,
        789px 740px #ecbd7b, 984px 639px #ecbd7b, 1486px 1885px #ecbd7b,
        1191px 743px #ecbd7b, 577px 1477px #ecbd7b, 165px 931px #ecbd7b,
        122px 1155px #ecbd7b, 1843px 340px #ecbd7b, 1670px 1099px #ecbd7b,
        919px 50px #ecbd7b, 1564px 672px #ecbd7b, 1413px 1810px #ecbd7b,
        1468px 1789px #ecbd7b, 177px 570px #ecbd7b, 648px 532px #ecbd7b,
        1088px 499px #ecbd7b, 1709px 806px #ecbd7b, 1124px 38px #ecbd7b,
        1790px 5px #ecbd7b, 989px 506px #ecbd7b, 1656px 1325px #ecbd7b,
        1917px 1246px #ecbd7b, 487px 760px #ecbd7b, 600px 66px #ecbd7b,
        664px 710px #ecbd7b, 1517px 1410px #ecbd7b, 909px 458px #ecbd7b,
        1615px 516px #ecbd7b, 155px 696px #ecbd7b, 457px 1268px #ecbd7b,
        848px 1886px #ecbd7b, 217px 1225px #ecbd7b, 1592px 393px #ecbd7b,
        971px 1293px #ecbd7b, 806px 553px #ecbd7b, 520px 1484px #ecbd7b,
        1708px 1628px #ecbd7b, 634px 1210px #ecbd7b, 1434px 1389px #ecbd7b,
        864px 297px #ecbd7b, 442px 804px #ecbd7b, 1867px 208px #ecbd7b,
        772px 1930px #ecbd7b, 374px 1054px #ecbd7b, 1135px 1291px #ecbd7b,
        1255px 1355px #ecbd7b, 803px 1564px #ecbd7b, 1763px 313px #ecbd7b,
        1598px 1913px #ecbd7b, 1852px 1268px #ecbd7b, 1006px 791px #ecbd7b,
        1234px 1126px #ecbd7b, 770px 234px #ecbd7b, 1363px 1190px #ecbd7b,
        496px 1185px #ecbd7b, 1125px 46px #ecbd7b, 1176px 1994px #ecbd7b,
        11px 1723px #ecbd7b, 1695px 1746px #ecbd7b, 1326px 1820px #ecbd7b,
        1023px 1547px #ecbd7b, 311px 344px #ecbd7b, 1337px 1866px #ecbd7b,
        512px 760px #ecbd7b, 705px 1357px #ecbd7b, 515px 171px #ecbd7b,
        604px 495px #ecbd7b, 698px 1383px #ecbd7b, 720px 1958px #ecbd7b,
        326px 1727px #ecbd7b, 1089px 1078px #ecbd7b, 1543px 812px #ecbd7b,
        584px 1828px #ecbd7b, 333px 1243px #ecbd7b, 750px 1757px #ecbd7b,
        3px 1929px #ecbd7b, 626px 40px #ecbd7b, 1033px 446px #ecbd7b,
        1496px 1221px #ecbd7b, 1583px 1264px #ecbd7b, 973px 1225px #ecbd7b,
        1202px 540px #ecbd7b, 1023px 405px #ecbd7b, 1601px 1243px #ecbd7b,
        942px 231px #ecbd7b, 1392px 219px #ecbd7b, 788px 1313px #ecbd7b,
        668px 963px #ecbd7b, 468px 1433px #ecbd7b, 192px 669px #ecbd7b,
        1743px 672px #ecbd7b, 1942px 591px #ecbd7b, 1648px 1601px #ecbd7b,
        630px 994px #ecbd7b, 1842px 1849px #ecbd7b, 978px 918px #ecbd7b,
        1097px 941px #ecbd7b, 58px 1502px #ecbd7b, 1096px 1776px #ecbd7b,
        1987px 87px #ecbd7b, 747px 974px #ecbd7b, 719px 111px #ecbd7b,
        401px 1302px #ecbd7b, 563px 1496px #ecbd7b, 803px 325px #ecbd7b,
        515px 1997px #ecbd7b, 1608px 1850px #ecbd7b, 1707px 324px #ecbd7b,
        1754px 1425px #ecbd7b, 1125px 1083px #ecbd7b, 23px 1232px #ecbd7b,
        1284px 612px #ecbd7b, 436px 1562px #ecbd7b, 1565px 450px #ecbd7b,
        1970px 1394px #ecbd7b, 1237px 27px #ecbd7b, 575px 525px #ecbd7b,
        1470px 1349px #ecbd7b, 1050px 1815px #ecbd7b, 1487px 624px #ecbd7b,
        185px 175px #ecbd7b, 92px 656px #ecbd7b, 1917px 1640px #ecbd7b,
        1037px 1263px #ecbd7b, 660px 1350px #ecbd7b, 1586px 1738px #ecbd7b,
        1952px 99px #ecbd7b, 387px 596px #ecbd7b, 171px 1664px #ecbd7b,
        1302px 1874px #ecbd7b, 1883px 1196px #ecbd7b, 647px 1030px #ecbd7b,
        911px 1083px #ecbd7b, 516px 955px #ecbd7b, 1447px 424px #ecbd7b,
        50px 454px #ecbd7b, 1776px 1431px #ecbd7b, 1811px 1876px #ecbd7b,
        501px 1642px #ecbd7b, 1528px 548px #ecbd7b, 1458px 1149px #ecbd7b,
        1674px 1448px #ecbd7b, 1030px 445px #ecbd7b, 677px 1140px #ecbd7b,
        413px 1357px #ecbd7b, 807px 234px #ecbd7b, 1396px 1229px #ecbd7b,
        72px 544px #ecbd7b, 1951px 1047px #ecbd7b, 1277px 1632px #ecbd7b,
        1900px 1630px #ecbd7b, 1688px 350px #ecbd7b, 343px 578px #ecbd7b,
        1447px 523px #ecbd7b, 431px 1199px #ecbd7b, 539px 1295px #ecbd7b,
        1820px 1297px #ecbd7b, 989px 464px #ecbd7b, 381px 1688px #ecbd7b,
        1540px 606px #ecbd7b, 1514px 1443px #ecbd7b, 780px 1784px #ecbd7b,
        304px 39px #ecbd7b, 1459px 1262px #ecbd7b, 1647px 1425px #ecbd7b,
        1519px 565px #ecbd7b, 717px 1035px #ecbd7b, 1002px 1362px #ecbd7b,
        21px 473px #ecbd7b, 784px 663px #ecbd7b, 154px 1221px #ecbd7b,
        42px 1054px #ecbd7b, 257px 1929px #ecbd7b, 327px 1083px #ecbd7b,
        1730px 1850px #ecbd7b, 1654px 1098px #ecbd7b, 431px 278px #ecbd7b,
        190px 171px #ecbd7b, 765px 703px #ecbd7b, 456px 18px #ecbd7b,
        1023px 1523px #ecbd7b, 1402px 156px #ecbd7b, 1706px 173px #ecbd7b,
        72px 837px #ecbd7b, 1163px 423px #ecbd7b, 1791px 564px #ecbd7b,
        97px 544px #ecbd7b, 1130px 1801px #ecbd7b, 174px 1404px #ecbd7b,
        1030px 1565px #ecbd7b, 216px 1469px #ecbd7b, 1801px 1911px #ecbd7b,
        1911px 1466px #ecbd7b, 1362px 818px #ecbd7b, 1920px 1975px #ecbd7b,
        306px 876px #ecbd7b, 1713px 1187px #ecbd7b, 24px 1623px #ecbd7b,
        770px 1427px #ecbd7b, 1422px 157px #ecbd7b, 1317px 1610px #ecbd7b,
        480px 1472px #ecbd7b, 1938px 226px #ecbd7b, 776px 1829px #ecbd7b,
        189px 1388px #ecbd7b, 413px 317px #ecbd7b, 1020px 1300px #ecbd7b,
        1434px 1432px #ecbd7b, 1948px 839px #ecbd7b, 1291px 641px #ecbd7b,
        1137px 1992px #ecbd7b, 1647px 1408px #ecbd7b, 1428px 912px #ecbd7b,
        739px 1215px #ecbd7b, 1327px 1449px #ecbd7b, 362px 65px #ecbd7b,
        833px 1404px #ecbd7b, 1003px 1788px #ecbd7b, 476px 1596px #ecbd7b,
        1194px 1513px #ecbd7b, 1261px 636px #ecbd7b, 1910px 38px #ecbd7b,
        302px 1317px #ecbd7b, 849px 852px #ecbd7b, 922px 1370px #ecbd7b,
        1697px 1344px #ecbd7b, 1636px 1157px #ecbd7b, 1335px 1108px #ecbd7b,
        1750px 522px #ecbd7b, 850px 1214px #ecbd7b, 1948px 1048px #ecbd7b,
        1643px 851px #ecbd7b, 1938px 1962px #ecbd7b, 924px 884px #ecbd7b,
        901px 1425px #ecbd7b, 209px 1321px #ecbd7b, 1180px 1160px #ecbd7b,
        1216px 156px #ecbd7b, 666px 1750px #ecbd7b, 1871px 353px #ecbd7b,
        483px 1945px #ecbd7b, 1500px 264px #ecbd7b, 1853px 134px #ecbd7b,
        88px 1731px #ecbd7b, 947px 856px #ecbd7b, 772px 255px #ecbd7b,
        252px 616px #ecbd7b, 1566px 1582px #ecbd7b, 1051px 1192px #ecbd7b,
        573px 1686px #ecbd7b, 487px 761px #ecbd7b, 446px 1023px #ecbd7b,
        61px 494px #ecbd7b, 1479px 949px #ecbd7b, 447px 1582px #ecbd7b,
        1965px 1484px #ecbd7b, 1766px 765px #ecbd7b, 1519px 1407px #ecbd7b,
        244px 1105px #ecbd7b, 588px 129px #ecbd7b, 1445px 1553px #ecbd7b,
        973px 1753px #ecbd7b, 1730px 1713px #ecbd7b, 1216px 588px #ecbd7b,
        1771px 881px #ecbd7b, 826px 1315px #ecbd7b, 336px 29px #ecbd7b,
        594px 1028px #ecbd7b, 1911px 867px #ecbd7b, 993px 380px #ecbd7b,
        489px 1248px #ecbd7b, 1393px 1384px #ecbd7b, 778px 1006px #ecbd7b,
        1482px 761px #ecbd7b, 1907px 65px #ecbd7b, 453px 1887px #ecbd7b,
        1906px 1270px #ecbd7b, 915px 1061px #ecbd7b, 135px 186px #ecbd7b,
        1143px 1259px #ecbd7b, 463px 1590px #ecbd7b, 281px 13px #ecbd7b,
        1008px 55px #ecbd7b, 246px 942px #ecbd7b, 7px 1787px #ecbd7b,
        758px 422px #ecbd7b, 1551px 986px #ecbd7b, 1042px 1236px #ecbd7b,
        325px 1704px #ecbd7b, 1465px 1078px #ecbd7b, 499px 1253px #ecbd7b,
        523px 1238px #ecbd7b, 1682px 1472px #ecbd7b, 1046px 834px #ecbd7b,
        129px 518px #ecbd7b, 1645px 1315px #ecbd7b, 202px 91px #ecbd7b,
        125px 1495px #ecbd7b, 698px 574px #ecbd7b, 303px 1268px #ecbd7b,
        1607px 1714px #ecbd7b, 1250px 1042px #ecbd7b, 65px 810px #ecbd7b,
        742px 140px #ecbd7b, 1391px 906px #ecbd7b, 97px 170px #ecbd7b,
        1640px 95px #ecbd7b, 1660px 783px #ecbd7b, 1554px 719px #ecbd7b,
        1111px 84px #ecbd7b, 1385px 952px #ecbd7b, 1433px 1603px #ecbd7b,
        592px 1295px #ecbd7b, 1055px 1993px #ecbd7b, 1180px 1400px #ecbd7b,
        1250px 1431px #ecbd7b, 602px 588px #ecbd7b, 1207px 737px #ecbd7b,
        755px 1237px #ecbd7b, 1532px 813px #ecbd7b, 482px 1339px #ecbd7b,
        1107px 934px #ecbd7b, 929px 1296px #ecbd7b, 1882px 1520px #ecbd7b,
        1792px 1987px #ecbd7b, 528px 1488px #ecbd7b, 338px 1073px #ecbd7b,
        271px 1130px #ecbd7b, 1988px 1709px #ecbd7b, 1558px 150px #ecbd7b,
        1242px 1261px #ecbd7b, 255px 1218px #ecbd7b, 935px 319px #ecbd7b,
        1946px 1875px #ecbd7b, 323px 451px #ecbd7b, 780px 1130px #ecbd7b,
        1579px 1725px #ecbd7b, 192px 1189px #ecbd7b, 740px 977px #ecbd7b,
        1096px 609px #ecbd7b, 1033px 1326px #ecbd7b, 837px 314px #ecbd7b,
        1357px 576px #ecbd7b, 962px 947px #ecbd7b, 811px 791px #ecbd7b,
        1583px 167px #ecbd7b, 437px 12px #ecbd7b, 278px 158px #ecbd7b,
        1042px 597px #ecbd7b, 1596px 1356px #ecbd7b, 1147px 1463px #ecbd7b,
        1626px 1005px #ecbd7b, 1367px 352px #ecbd7b, 780px 914px #ecbd7b,
        1106px 514px #ecbd7b, 1204px 327px #ecbd7b, 1798px 567px #ecbd7b,
        505px 185px #ecbd7b, 1474px 1919px #ecbd7b, 649px 1768px #ecbd7b,
        469px 523px #ecbd7b, 688px 1560px #ecbd7b, 1371px 849px #ecbd7b,
        201px 93px #ecbd7b, 172px 338px #ecbd7b, 1648px 718px #ecbd7b,
        647px 638px #ecbd7b, 1208px 169px #ecbd7b, 1176px 433px #ecbd7b,
        1830px 385px #ecbd7b, 755px 1454px #ecbd7b, 904px 1225px #ecbd7b,
        533px 547px #ecbd7b, 873px 1241px #ecbd7b, 164px 1467px #ecbd7b,
        95px 659px #ecbd7b, 895px 1556px #ecbd7b, 477px 280px #ecbd7b,
        742px 285px #ecbd7b, 1690px 68px #ecbd7b, 1612px 1728px #ecbd7b,
        791px 298px #ecbd7b, 1071px 1799px #ecbd7b, 907px 31px #ecbd7b,
        1384px 417px #ecbd7b, 1655px 720px #ecbd7b, 783px 1959px #ecbd7b,
        422px 852px #ecbd7b, 1965px 875px #ecbd7b, 83px 1603px #ecbd7b,
        6px 1244px #ecbd7b, 1825px 1289px #ecbd7b, 1430px 564px #ecbd7b,
        516px 152px #ecbd7b, 1394px 578px #ecbd7b, 511px 1328px #ecbd7b,
        521px 1539px #ecbd7b, 1276px 1397px #ecbd7b, 1317px 82px #ecbd7b,
        1321px 78px #ecbd7b, 295px 1601px #ecbd7b, 1449px 1903px #ecbd7b;
}

.x-register-card-footer #stars2:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars3 {
    opacity: 0.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: 1885px 8079px #ecbd7b, 775px 986px #ecbd7b, 1297px 680px #ecbd7b,
        1907px 1258px #ecbd7b, 192px 91px #ecbd7b, 1919px 13px #ecbd7b,
        479px 830px #ecbd7b, 1108px 745px #ecbd7b, 266px 364px #ecbd7b,
        343px 402px #ecbd7b, 914px 1457px #ecbd7b, 527px 1768px #ecbd7b,
        1167px 1921px #ecbd7b, 1779px 1191px #ecbd7b, 1290px 1864px #ecbd7b,
        891px 422px #ecbd7b, 1646px 1998px #ecbd7b, 1437px 1677px #ecbd7b,
        1515px 593px #ecbd7b, 917px 1733px #ecbd7b, 498px 647px #ecbd7b,
        1674px 1852px #ecbd7b, 1414px 880px #ecbd7b, 299px 928px #ecbd7b,
        405px 202px #ecbd7b, 1980px 555px #ecbd7b, 1789px 49px #ecbd7b,
        1996px 1273px #ecbd7b, 1685px 1780px #ecbd7b, 1313px 1008px #ecbd7b,
        1012px 1034px #ecbd7b, 861px 1278px #ecbd7b, 488px 730px #ecbd7b,
        103px 548px #ecbd7b, 1292px 1373px #ecbd7b, 1039px 1990px #ecbd7b,
        133px 402px #ecbd7b, 623px 1970px #ecbd7b, 1987px 776px #ecbd7b,
        662px 1814px #ecbd7b, 690px 451px #ecbd7b, 1997px 548px #ecbd7b,
        206px 685px #ecbd7b, 1302px 1087px #ecbd7b, 454px 690px #ecbd7b,
        1958px 797px #ecbd7b, 1690px 1674px #ecbd7b, 1659px 973px #ecbd7b,
        1223px 1416px #ecbd7b, 1979px 1842px #ecbd7b, 753px 1681px #ecbd7b,
        223px 195px #ecbd7b, 226px 1452px #ecbd7b, 1336px 363px #ecbd7b,
        1150px 591px #ecbd7b, 1989px 1062px #ecbd7b, 893px 1664px #ecbd7b,
        849px 451px #ecbd7b, 488px 1755px #ecbd7b, 62px 196px #ecbd7b,
        1706px 1617px #ecbd7b, 51px 1586px #ecbd7b, 1253px 1948px #ecbd7b,
        1731px 1835px #ecbd7b, 111px 1790px #ecbd7b, 1671px 777px #ecbd7b,
        1838px 1362px #ecbd7b, 410px 390px #ecbd7b, 1287px 1527px #ecbd7b,
        349px 266px #ecbd7b, 49px 1693px #ecbd7b, 440px 1202px #ecbd7b,
        1052px 542px #ecbd7b, 1581px 509px #ecbd7b, 845px 903px #ecbd7b,
        993px 571px #ecbd7b, 1589px 1728px #ecbd7b, 1029px 688px #ecbd7b,
        1174px 365px #ecbd7b, 1511px 1300px #ecbd7b, 1819px 1684px #ecbd7b,
        291px 105px #ecbd7b, 1604px 635px #ecbd7b, 209px 1475px #ecbd7b,
        1650px 86px #ecbd7b, 759px 281px #ecbd7b, 1801px 302px #ecbd7b,
        1111px 1160px #ecbd7b, 37px 1434px #ecbd7b, 1992px 216px #ecbd7b,
        452px 168px #ecbd7b, 873px 1856px #ecbd7b, 321px 460px #ecbd7b,
        1818px 799px #ecbd7b, 282px 1092px #ecbd7b, 684px 1480px #ecbd7b,
        357px 610px #ecbd7b, 1840px 412px #ecbd7b, 377px 985px #ecbd7b,
        1603px 872px #ecbd7b, 1069px 1022px #ecbd7b, 617px 1054px #ecbd7b,
        394px 1093px #ecbd7b, 895px 1200px #ecbd7b, 1803px 1460px #ecbd7b,
        912px 11px #ecbd7b, 1052px 1014px #ecbd7b, 337px 625px #ecbd7b,
        1386px 1317px #ecbd7b, 780px 1189px #ecbd7b, 436px 87px #ecbd7b,
        424px 79px #ecbd7b, 1481px 1506px #ecbd7b, 1990px 1630px #ecbd7b,
        1734px 732px #ecbd7b, 1516px 1106px #ecbd7b, 1687px 1980px #ecbd7b,
        534px 1556px #ecbd7b, 1653px 1568px #ecbd7b, 889px 1587px #ecbd7b,
        1971px 349px #ecbd7b, 868px 1719px #ecbd7b, 1294px 1164px #ecbd7b,
        1526px 449px #ecbd7b, 504px 1353px #ecbd7b, 1827px 1700px #ecbd7b,
        1295px 795px #ecbd7b, 1069px 1263px #ecbd7b, 1452px 539px #ecbd7b,
        189px 679px #ecbd7b, 20px 1467px #ecbd7b, 1080px 373px #ecbd7b,
        879px 198px #ecbd7b, 1053px 892px #ecbd7b, 1385px 1029px #ecbd7b,
        1165px 643px #ecbd7b, 455px 1004px #ecbd7b, 114px 1735px #ecbd7b,
        386px 1134px #ecbd7b, 941px 66px #ecbd7b, 1970px 1782px #ecbd7b,
        1627px 209px #ecbd7b, 1847px 1482px #ecbd7b, 889px 1825px #ecbd7b,
        1724px 1003px #ecbd7b, 91px 1094px #ecbd7b, 1426px 536px #ecbd7b,
        1504px 1540px #ecbd7b, 140px 1871px #ecbd7b, 316px 1772px #ecbd7b,
        1116px 1960px #ecbd7b, 1924px 1542px #ecbd7b, 927px 980px #ecbd7b,
        191px 1509px #ecbd7b, 44px 1024px #ecbd7b, 471px 917px #ecbd7b,
        333px 1289px #ecbd7b, 884px 195px #ecbd7b, 1157px 179px #ecbd7b,
        1420px 1951px #ecbd7b, 1967px 358px #ecbd7b, 1804px 1540px #ecbd7b,
        432px 1142px #ecbd7b, 1745px 1973px #ecbd7b, 1066px 718px #ecbd7b,
        1684px 707px #ecbd7b, 1306px 1225px #ecbd7b, 709px 937px #ecbd7b,
        945px 151px #ecbd7b, 1212px 1953px #ecbd7b, 1996px 1684px #ecbd7b,
        740px 680px #ecbd7b, 521px 961px #ecbd7b, 1244px 213px #ecbd7b,
        590px 272px #ecbd7b, 292px 1130px #ecbd7b, 1862px 176px #ecbd7b,
        73px 1044px #ecbd7b, 302px 1683px #ecbd7b, 809px 414px #ecbd7b,
        1635px 403px #ecbd7b, 92px 161px #ecbd7b, 1304px 956px #ecbd7b,
        842px 2px #ecbd7b, 642px 1639px #ecbd7b, 682px 473px #ecbd7b,
        351px 1522px #ecbd7b, 1065px 375px #ecbd7b, 1555px 300px #ecbd7b,
        1089px 849px #ecbd7b, 794px 1124px #ecbd7b, 323px 510px #ecbd7b,
        1049px 1363px #ecbd7b, 897px 574px #ecbd7b, 116px 210px #ecbd7b,
        1898px 1423px #ecbd7b, 390px 168px #ecbd7b, 303px 610px #ecbd7b,
        1565px 496px #ecbd7b, 1516px 602px #ecbd7b;
}

.x-register-card-footer #stars3:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars4 {
    opacity: 0.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: 1148px 4041px #ecbd7b, 1314px 258px #ecbd7b,
        1272px 1071px #ecbd7b, 1134px 1255px #ecbd7b, 1347px 1707px #ecbd7b,
        1538px 1492px #ecbd7b, 923px 1646px #ecbd7b, 511px 859px #ecbd7b,
        1244px 864px #ecbd7b, 252px 1781px #ecbd7b, 1035px 451px #ecbd7b,
        1998px 1293px #ecbd7b, 925px 1512px #ecbd7b, 1476px 598px #ecbd7b,
        1268px 1226px #ecbd7b, 1576px 1426px #ecbd7b, 611px 1725px #ecbd7b,
        220px 1414px #ecbd7b, 467px 1530px #ecbd7b, 501px 1759px #ecbd7b,
        1544px 415px #ecbd7b, 1825px 1422px #ecbd7b, 510px 82px #ecbd7b,
        679px 125px #ecbd7b, 206px 1464px #ecbd7b, 1399px 617px #ecbd7b,
        1299px 620px #ecbd7b, 1965px 1868px #ecbd7b, 1836px 658px #ecbd7b,
        1697px 752px #ecbd7b, 1783px 665px #ecbd7b, 818px 236px #ecbd7b,
        1477px 1692px #ecbd7b, 236px 1470px #ecbd7b, 235px 1378px #ecbd7b,
        1590px 1943px #ecbd7b, 451px 999px #ecbd7b, 651px 71px #ecbd7b,
        426px 459px #ecbd7b, 2px 269px #ecbd7b, 1458px 1496px #ecbd7b,
        1619px 20px #ecbd7b, 319px 1446px #ecbd7b, 1824px 322px #ecbd7b,
        1370px 1766px #ecbd7b, 209px 194px #ecbd7b, 1854px 974px #ecbd7b,
        86px 1352px #ecbd7b, 1245px 922px #ecbd7b, 829px 1485px #ecbd7b,
        813px 1369px #ecbd7b, 551px 1416px #ecbd7b, 571px 1388px #ecbd7b,
        431px 1067px #ecbd7b, 230px 284px #ecbd7b, 340px 1514px #ecbd7b,
        1753px 1426px #ecbd7b, 1002px 267px #ecbd7b, 119px 1586px #ecbd7b,
        1114px 783px #ecbd7b, 1565px 42px #ecbd7b, 702px 823px #ecbd7b,
        1067px 1682px #ecbd7b, 1846px 1934px #ecbd7b, 1763px 47px #ecbd7b,
        353px 620px #ecbd7b, 418px 210px #ecbd7b, 1328px 1374px #ecbd7b,
        595px 346px #ecbd7b, 1973px 905px #ecbd7b, 508px 421px #ecbd7b,
        1028px 1778px #ecbd7b, 165px 1094px #ecbd7b, 1475px 1332px #ecbd7b,
        188px 245px #ecbd7b, 1987px 1233px #ecbd7b, 1777px 1995px #ecbd7b,
        276px 968px #ecbd7b, 328px 1977px #ecbd7b, 1843px 108px #ecbd7b,
        1595px 904px #ecbd7b, 912px 1628px #ecbd7b, 615px 1096px #ecbd7b,
        1064px 1764px #ecbd7b, 614px 1947px #ecbd7b, 1362px 442px #ecbd7b,
        1566px 809px #ecbd7b, 1654px 253px #ecbd7b, 173px 572px #ecbd7b,
        1156px 435px #ecbd7b, 809px 1893px #ecbd7b, 485px 964px #ecbd7b,
        1498px 556px #ecbd7b, 1213px 111px #ecbd7b, 1680px 1049px #ecbd7b,
        1301px 767px #ecbd7b, 833px 870px #ecbd7b, 1918px 522px #ecbd7b,
        169px 635px #ecbd7b, 510px 1170px #ecbd7b;
}

.x-register-card-footer #stars4:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars5 {
    opacity: 0.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: 673px 4909px #ecbd7b, 467px 1169px #ecbd7b, 1591px 719px #ecbd7b,
        1213px 1329px #ecbd7b, 124px 601px #ecbd7b, 1119px 1541px #ecbd7b,
        119px 1071px #ecbd7b, 582px 62px #ecbd7b, 1766px 590px #ecbd7b,
        1943px 1500px #ecbd7b, 989px 1854px #ecbd7b, 883px 1467px #ecbd7b,
        568px 1488px #ecbd7b, 1935px 61px #ecbd7b, 373px 1102px #ecbd7b,
        1292px 766px #ecbd7b, 710px 1223px #ecbd7b, 1955px 687px #ecbd7b,
        1585px 994px #ecbd7b, 1391px 1261px #ecbd7b, 152px 425px #ecbd7b,
        1768px 1936px #ecbd7b, 1779px 1190px #ecbd7b, 1697px 810px #ecbd7b,
        1652px 1386px #ecbd7b, 464px 86px #ecbd7b, 145px 1801px #ecbd7b,
        1384px 1799px #ecbd7b, 80px 1419px #ecbd7b, 1372px 406px #ecbd7b,
        125px 1121px #ecbd7b, 1605px 1966px #ecbd7b, 38px 433px #ecbd7b,
        1250px 1699px #ecbd7b, 106px 466px #ecbd7b, 520px 649px #ecbd7b,
        15px 104px #ecbd7b, 1845px 1284px #ecbd7b, 1623px 1504px #ecbd7b,
        1619px 1158px #ecbd7b, 1094px 1404px #ecbd7b, 444px 658px #ecbd7b,
        1430px 67px #ecbd7b, 661px 779px #ecbd7b, 1972px 1865px #ecbd7b,
        1067px 403px #ecbd7b, 914px 848px #ecbd7b, 1103px 1008px #ecbd7b,
        1186px 245px #ecbd7b, 1553px 35px #ecbd7b;
}

.x-register-card-footer #stars5:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars6 {
    opacity: 0.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: 441px 16787px #ecbd7b, 1506px 1395px #ecbd7b,
        94px 1229px #ecbd7b, 1010px 904px #ecbd7b, 30px 1802px #ecbd7b,
        307px 1297px #ecbd7b, 125px 804px #ecbd7b, 130px 785px #ecbd7b,
        1061px 1262px #ecbd7b, 446px 908px #ecbd7b, 329px 31px #ecbd7b,
        1004px 1260px #ecbd7b, 1654px 772px #ecbd7b, 353px 983px #ecbd7b,
        1765px 452px #ecbd7b, 440px 228px #ecbd7b, 1272px 81px #ecbd7b,
        1631px 1706px #ecbd7b, 1307px 452px #ecbd7b, 476px 1619px #ecbd7b,
        285px 360px #ecbd7b, 111px 257px #ecbd7b, 1258px 1660px #ecbd7b,
        1022px 1565px #ecbd7b, 1876px 1457px #ecbd7b, 1288px 296px #ecbd7b,
        1829px 583px #ecbd7b, 98px 1345px #ecbd7b, 484px 1247px #ecbd7b,
        394px 1117px #ecbd7b, 556px 1041px #ecbd7b, 1579px 865px #ecbd7b,
        1245px 1093px #ecbd7b, 340px 1858px #ecbd7b, 147px 1872px #ecbd7b,
        346px 626px #ecbd7b, 1044px 624px #ecbd7b, 468px 552px #ecbd7b,
        918px 21px #ecbd7b, 762px 316px #ecbd7b, 1357px 1997px #ecbd7b,
        27px 886px #ecbd7b, 813px 413px #ecbd7b, 107px 405px #ecbd7b,
        1520px 506px #ecbd7b, 766px 1825px #ecbd7b, 692px 584px #ecbd7b,
        579px 1124px #ecbd7b, 1080px 467px #ecbd7b, 1955px 1622px #ecbd7b,
        1364px 227px #ecbd7b, 92px 351px #ecbd7b, 67px 1360px #ecbd7b,
        914px 760px #ecbd7b, 1414px 1914px #ecbd7b, 542px 1526px #ecbd7b,
        136px 428px #ecbd7b, 1797px 85px #ecbd7b, 52px 832px #ecbd7b,
        1556px 129px #ecbd7b, 482px 1800px #ecbd7b, 1753px 1570px #ecbd7b,
        480px 1270px #ecbd7b, 578px 1228px #ecbd7b, 643px 1094px #ecbd7b,
        1318px 1660px #ecbd7b, 1915px 801px #ecbd7b, 504px 1798px #ecbd7b,
        1450px 317px #ecbd7b, 513px 1730px #ecbd7b, 669px 635px #ecbd7b,
        837px 104px #ecbd7b, 514px 1755px #ecbd7b, 1137px 1585px #ecbd7b,
        1164px 1073px #ecbd7b, 1296px 109px #ecbd7b, 305px 1679px #ecbd7b,
        53px 962px #ecbd7b, 1917px 1847px #ecbd7b, 1737px 395px #ecbd7b,
        1862px 1281px #ecbd7b, 428px 1828px #ecbd7b, 1534px 1431px #ecbd7b,
        1059px 1448px #ecbd7b, 481px 21px #ecbd7b, 135px 1915px #ecbd7b,
        1616px 1439px #ecbd7b, 1316px 848px #ecbd7b, 1293px 596px #ecbd7b,
        481px 1310px #ecbd7b, 1994px 294px #ecbd7b, 1443px 396px #ecbd7b,
        35px 1575px #ecbd7b, 363px 788px #ecbd7b, 200px 1325px #ecbd7b,
        1933px 610px #ecbd7b, 102px 1419px #ecbd7b, 422px 980px #ecbd7b,
        418px 455px #ecbd7b, 657px 524px #ecbd7b, 1990px 1645px #ecbd7b,
        770px 1180px #ecbd7b, 1542px 46px #ecbd7b, 843px 220px #ecbd7b,
        1769px 1826px #ecbd7b, 36px 1757px #ecbd7b, 1880px 522px #ecbd7b,
        1781px 1551px #ecbd7b, 1873px 1543px #ecbd7b, 1714px 842px #ecbd7b,
        274px 1966px #ecbd7b, 1785px 449px #ecbd7b, 973px 1011px #ecbd7b,
        1762px 1665px #ecbd7b, 1315px 924px #ecbd7b, 438px 1710px #ecbd7b,
        1291px 716px #ecbd7b, 201px 869px #ecbd7b, 40px 284px #ecbd7b,
        325px 410px #ecbd7b, 1999px 1259px #ecbd7b, 1843px 1633px #ecbd7b,
        717px 609px #ecbd7b, 611px 1256px #ecbd7b, 1014px 1244px #ecbd7b,
        213px 91px #ecbd7b, 493px 521px #ecbd7b, 207px 776px #ecbd7b,
        1946px 550px #ecbd7b, 1313px 623px #ecbd7b, 499px 617px #ecbd7b,
        1337px 98px #ecbd7b, 405px 29px #ecbd7b, 1947px 160px #ecbd7b,
        1945px 570px #ecbd7b, 1249px 938px #ecbd7b, 738px 383px #ecbd7b,
        1981px 438px #ecbd7b, 864px 427px #ecbd7b, 1154px 516px #ecbd7b,
        1650px 464px #ecbd7b, 1510px 465px #ecbd7b, 1604px 879px #ecbd7b,
        15px 1013px #ecbd7b, 1609px 1874px #ecbd7b, 957px 782px #ecbd7b,
        1941px 1710px #ecbd7b, 1251px 860px #ecbd7b, 1559px 1053px #ecbd7b,
        984px 1987px #ecbd7b, 957px 1168px #ecbd7b, 1884px 425px #ecbd7b,
        438px 1396px #ecbd7b, 719px 645px #ecbd7b, 214px 447px #ecbd7b,
        389px 699px #ecbd7b, 702px 473px #ecbd7b, 1610px 1452px #ecbd7b,
        430px 1621px #ecbd7b, 1275px 1887px #ecbd7b, 359px 1185px #ecbd7b,
        1263px 858px #ecbd7b, 78px 1862px #ecbd7b, 24px 393px #ecbd7b,
        1040px 1941px #ecbd7b, 69px 1607px #ecbd7b, 1994px 434px #ecbd7b,
        9px 1637px #ecbd7b, 1243px 1164px #ecbd7b, 1004px 1005px #ecbd7b,
        313px 655px #ecbd7b, 1047px 206px #ecbd7b, 962px 1442px #ecbd7b,
        1903px 519px #ecbd7b, 177px 162px #ecbd7b, 1129px 1454px #ecbd7b,
        1988px 602px #ecbd7b, 227px 171px #ecbd7b, 60px 1221px #ecbd7b,
        1835px 535px #ecbd7b, 639px 1209px #ecbd7b, 609px 1655px #ecbd7b,
        103px 1857px #ecbd7b, 1527px 1061px #ecbd7b, 1795px 570px #ecbd7b,
        1651px 1917px #ecbd7b, 577px 316px #ecbd7b, 1685px 777px #ecbd7b,
        1154px 1729px #ecbd7b, 809px 564px #ecbd7b, 421px 961px #ecbd7b,
        1550px 415px #ecbd7b, 666px 372px #ecbd7b, 1013px 145px #ecbd7b,
        646px 1905px #ecbd7b, 1171px 1174px #ecbd7b, 442px 1564px #ecbd7b,
        1642px 1463px #ecbd7b, 752px 288px #ecbd7b, 1800px 1356px #ecbd7b,
        1427px 309px #ecbd7b, 1383px 242px #ecbd7b, 79px 127px #ecbd7b,
        1891px 482px #ecbd7b, 37px 1316px #ecbd7b, 1037px 588px #ecbd7b,
        659px 1857px #ecbd7b, 1672px 1097px #ecbd7b, 1946px 1476px #ecbd7b,
        1404px 1912px #ecbd7b, 89px 1257px #ecbd7b, 617px 1310px #ecbd7b,
        306px 1024px #ecbd7b, 1197px 1128px #ecbd7b, 1679px 957px #ecbd7b,
        737px 117px #ecbd7b, 538px 885px #ecbd7b, 858px 13px #ecbd7b,
        1073px 917px #ecbd7b, 1544px 1292px #ecbd7b, 596px 304px #ecbd7b,
        1487px 1080px #ecbd7b, 1877px 471px #ecbd7b, 1557px 406px #ecbd7b,
        1254px 1377px #ecbd7b, 1085px 1613px #ecbd7b, 745px 1561px #ecbd7b,
        1050px 1213px #ecbd7b, 1587px 1831px #ecbd7b, 1945px 1480px #ecbd7b,
        1718px 245px #ecbd7b, 559px 1014px #ecbd7b, 930px 1658px #ecbd7b,
        1218px 1981px #ecbd7b, 1323px 976px #ecbd7b, 1462px 847px #ecbd7b,
        409px 395px #ecbd7b, 888px 755px #ecbd7b, 1201px 1520px #ecbd7b,
        409px 1620px #ecbd7b, 275px 1348px #ecbd7b, 1579px 1996px #ecbd7b,
        992px 12px #ecbd7b, 1585px 1104px #ecbd7b, 704px 1929px #ecbd7b,
        99px 667px #ecbd7b, 1763px 31px #ecbd7b, 1602px 1434px #ecbd7b,
        1545px 663px #ecbd7b, 63px 1734px #ecbd7b, 1043px 4px #ecbd7b,
        1423px 1830px #ecbd7b, 318px 396px #ecbd7b, 1589px 1072px #ecbd7b,
        1493px 357px #ecbd7b, 82px 188px #ecbd7b, 407px 494px #ecbd7b,
        75px 898px #ecbd7b, 1011px 82px #ecbd7b, 1302px 1876px #ecbd7b,
        853px 214px #ecbd7b, 1492px 474px #ecbd7b, 24px 332px #ecbd7b,
        127px 1243px #ecbd7b, 1819px 185px #ecbd7b, 1872px 926px #ecbd7b,
        998px 186px #ecbd7b, 1913px 399px #ecbd7b, 1303px 1935px #ecbd7b,
        309px 1764px #ecbd7b, 1896px 1501px #ecbd7b, 665px 1910px #ecbd7b,
        1312px 1601px #ecbd7b, 1197px 732px #ecbd7b, 834px 1493px #ecbd7b,
        1932px 550px #ecbd7b, 814px 476px #ecbd7b, 1302px 336px #ecbd7b,
        1682px 625px #ecbd7b, 1185px 1174px #ecbd7b, 528px 346px #ecbd7b,
        1287px 242px #ecbd7b, 534px 163px #ecbd7b, 519px 1993px #ecbd7b,
        466px 394px #ecbd7b, 1588px 89px #ecbd7b, 455px 1313px #ecbd7b,
        70px 1325px #ecbd7b, 1076px 1372px #ecbd7b, 330px 296px #ecbd7b,
        526px 583px #ecbd7b, 1383px 1319px #ecbd7b, 1096px 123px #ecbd7b,
        606px 513px #ecbd7b, 1771px 239px #ecbd7b, 540px 1107px #ecbd7b,
        155px 1125px #ecbd7b, 98px 1377px #ecbd7b, 451px 829px #ecbd7b,
        34px 1632px #ecbd7b, 1547px 543px #ecbd7b, 54px 167px #ecbd7b,
        651px 104px #ecbd7b, 1443px 1026px #ecbd7b, 1639px 1157px #ecbd7b,
        1606px 1995px #ecbd7b, 1328px 304px #ecbd7b, 578px 1518px #ecbd7b,
        1787px 1286px #ecbd7b, 1812px 417px #ecbd7b, 565px 847px #ecbd7b,
        798px 76px #ecbd7b, 688px 1603px #ecbd7b, 1445px 889px #ecbd7b,
        1797px 512px #ecbd7b, 822px 1489px #ecbd7b, 1879px 518px #ecbd7b,
        1888px 116px #ecbd7b, 339px 1731px #ecbd7b, 1171px 1647px #ecbd7b,
        1355px 1382px #ecbd7b, 1197px 1910px #ecbd7b, 1082px 399px #ecbd7b,
        862px 4px #ecbd7b, 316px 18px #ecbd7b, 518px 1925px #ecbd7b,
        192px 583px #ecbd7b, 1154px 1463px #ecbd7b, 1747px 774px #ecbd7b,
        471px 267px #ecbd7b, 1478px 584px #ecbd7b, 1437px 433px #ecbd7b,
        253px 1320px #ecbd7b, 43px 1897px #ecbd7b, 1612px 1825px #ecbd7b,
        1270px 120px #ecbd7b, 1426px 156px #ecbd7b, 844px 1270px #ecbd7b,
        795px 1829px #ecbd7b, 1084px 766px #ecbd7b, 1588px 1636px #ecbd7b,
        900px 210px #ecbd7b, 553px 231px #ecbd7b, 1018px 1657px #ecbd7b,
        146px 1700px #ecbd7b, 1398px 1424px #ecbd7b, 750px 739px #ecbd7b,
        1417px 293px #ecbd7b, 1267px 929px #ecbd7b, 1887px 77px #ecbd7b,
        490px 1588px #ecbd7b, 1227px 1534px #ecbd7b, 1662px 1513px #ecbd7b,
        1542px 736px #ecbd7b, 1116px 1819px #ecbd7b, 1409px 868px #ecbd7b,
        592px 1315px #ecbd7b, 931px 218px #ecbd7b, 1135px 606px #ecbd7b,
        256px 205px #ecbd7b, 1018px 1884px #ecbd7b, 1181px 1356px #ecbd7b,
        1126px 1269px #ecbd7b, 1650px 1896px #ecbd7b, 695px 913px #ecbd7b,
        1133px 933px #ecbd7b, 1214px 33px #ecbd7b, 1810px 1713px #ecbd7b,
        1241px 1650px #ecbd7b, 1922px 937px #ecbd7b, 794px 1956px #ecbd7b,
        1435px 863px #ecbd7b, 483px 519px #ecbd7b, 1762px 1651px #ecbd7b,
        1454px 1851px #ecbd7b, 753px 1167px #ecbd7b, 1723px 460px #ecbd7b,
        1640px 1097px #ecbd7b, 1659px 1334px #ecbd7b, 263px 1691px #ecbd7b,
        1292px 404px #ecbd7b, 126px 1924px #ecbd7b, 41px 1766px #ecbd7b,
        801px 1566px #ecbd7b, 1798px 1171px #ecbd7b, 474px 588px #ecbd7b,
        201px 1503px #ecbd7b, 564px 31px #ecbd7b, 964px 233px #ecbd7b,
        1557px 1224px #ecbd7b, 962px 372px #ecbd7b, 751px 1450px #ecbd7b,
        33px 1834px #ecbd7b, 1341px 1981px #ecbd7b, 1606px 1100px #ecbd7b,
        1561px 470px #ecbd7b, 1420px 11px #ecbd7b, 1028px 1081px #ecbd7b,
        636px 865px #ecbd7b, 1468px 1464px #ecbd7b, 1679px 344px #ecbd7b,
        213px 1638px #ecbd7b, 1540px 1255px #ecbd7b, 1599px 41px #ecbd7b,
        1552px 831px #ecbd7b, 714px 891px #ecbd7b, 761px 1313px #ecbd7b,
        1608px 726px #ecbd7b, 497px 216px #ecbd7b, 1523px 458px #ecbd7b,
        842px 348px #ecbd7b, 1413px 440px #ecbd7b, 677px 223px #ecbd7b,
        456px 833px #ecbd7b, 830px 1180px #ecbd7b, 1797px 1771px #ecbd7b,
        122px 169px #ecbd7b, 1202px 233px #ecbd7b, 965px 584px #ecbd7b,
        397px 829px #ecbd7b, 1490px 1425px #ecbd7b, 765px 1049px #ecbd7b,
        55px 4px #ecbd7b, 153px 594px #ecbd7b, 1083px 1930px #ecbd7b,
        390px 46px #ecbd7b, 751px 811px #ecbd7b, 215px 1405px #ecbd7b,
        717px 1840px #ecbd7b, 1750px 741px #ecbd7b, 676px 1503px #ecbd7b,
        665px 1785px #ecbd7b, 1009px 765px #ecbd7b, 997px 205px #ecbd7b,
        228px 411px #ecbd7b, 279px 142px #ecbd7b, 1683px 789px #ecbd7b,
        1960px 1705px #ecbd7b, 1692px 1337px #ecbd7b, 1319px 1785px #ecbd7b,
        561px 1160px #ecbd7b, 1929px 344px #ecbd7b, 271px 1243px #ecbd7b,
        1509px 376px #ecbd7b, 1444px 1094px #ecbd7b, 768px 148px #ecbd7b,
        1845px 889px #ecbd7b, 1772px 712px #ecbd7b, 1317px 117px #ecbd7b,
        1744px 904px #ecbd7b, 211px 462px #ecbd7b, 1194px 1930px #ecbd7b,
        1891px 1147px #ecbd7b, 1584px 29px #ecbd7b, 446px 1762px #ecbd7b,
        1573px 545px #ecbd7b, 964px 1378px #ecbd7b, 1533px 639px #ecbd7b,
        602px 1949px #ecbd7b, 869px 411px #ecbd7b, 976px 1651px #ecbd7b,
        296px 1462px #ecbd7b, 1570px 1497px #ecbd7b, 690px 1318px #ecbd7b,
        1708px 58px #ecbd7b, 1821px 1744px #ecbd7b, 89px 1544px #ecbd7b,
        1745px 479px #ecbd7b, 1765px 1199px #ecbd7b, 1430px 740px #ecbd7b,
        189px 435px #ecbd7b, 2000px 1984px #ecbd7b, 1534px 1904px #ecbd7b,
        1023px 1852px #ecbd7b, 907px 680px #ecbd7b, 1872px 556px #ecbd7b,
        143px 1781px #ecbd7b, 652px 104px #ecbd7b, 407px 871px #ecbd7b,
        1604px 1326px #ecbd7b, 481px 1190px #ecbd7b, 1084px 1942px #ecbd7b,
        1217px 1746px #ecbd7b, 1032px 14px #ecbd7b, 1330px 56px #ecbd7b,
        1841px 51px #ecbd7b, 167px 1837px #ecbd7b, 840px 383px #ecbd7b,
        587px 638px #ecbd7b, 309px 308px #ecbd7b, 1907px 519px #ecbd7b,
        122px 1540px #ecbd7b, 87px 43px #ecbd7b, 1481px 1271px #ecbd7b,
        1898px 1305px #ecbd7b, 1403px 517px #ecbd7b, 1429px 250px #ecbd7b,
        1351px 107px #ecbd7b, 178px 1844px #ecbd7b, 338px 223px #ecbd7b,
        1402px 583px #ecbd7b, 431px 1440px #ecbd7b, 1253px 662px #ecbd7b,
        1545px 1566px #ecbd7b, 1038px 1285px #ecbd7b, 1436px 1508px #ecbd7b,
        1186px 864px #ecbd7b, 887px 1202px #ecbd7b, 1235px 1683px #ecbd7b,
        413px 889px #ecbd7b, 1660px 1059px #ecbd7b, 736px 882px #ecbd7b,
        1687px 109px #ecbd7b, 515px 98px #ecbd7b, 1309px 1342px #ecbd7b,
        485px 1444px #ecbd7b, 1664px 1559px #ecbd7b, 617px 60px #ecbd7b,
        51px 595px #ecbd7b, 1092px 272px #ecbd7b, 1318px 559px #ecbd7b,
        1264px 1355px #ecbd7b, 1266px 1116px #ecbd7b, 907px 1429px #ecbd7b,
        1950px 672px #ecbd7b, 810px 329px #ecbd7b, 971px 1784px #ecbd7b,
        697px 237px #ecbd7b, 1299px 1573px #ecbd7b, 1515px 132px #ecbd7b,
        1772px 801px #ecbd7b, 1758px 658px #ecbd7b, 1315px 519px #ecbd7b,
        1953px 548px #ecbd7b, 1102px 880px #ecbd7b, 345px 1596px #ecbd7b,
        444px 1097px #ecbd7b, 294px 288px #ecbd7b, 1714px 1334px #ecbd7b,
        894px 1354px #ecbd7b, 1907px 904px #ecbd7b, 912px 595px #ecbd7b,
        869px 1518px #ecbd7b, 718px 383px #ecbd7b, 1373px 1522px #ecbd7b,
        1546px 937px #ecbd7b, 1167px 1310px #ecbd7b, 635px 1116px #ecbd7b,
        1931px 1603px #ecbd7b, 540px 1454px #ecbd7b, 1377px 526px #ecbd7b,
        464px 300px #ecbd7b, 157px 1308px #ecbd7b, 665px 1464px #ecbd7b,
        725px 157px #ecbd7b, 237px 1767px #ecbd7b, 1935px 1729px #ecbd7b,
        1709px 248px #ecbd7b, 1692px 761px #ecbd7b, 1200px 615px #ecbd7b,
        540px 132px #ecbd7b, 131px 1520px #ecbd7b, 887px 931px #ecbd7b,
        239px 1348px #ecbd7b, 801px 498px #ecbd7b, 238px 480px #ecbd7b,
        114px 465px #ecbd7b, 1766px 235px #ecbd7b, 870px 1299px #ecbd7b,
        810px 93px #ecbd7b, 1894px 698px #ecbd7b, 725px 502px #ecbd7b,
        1648px 1145px #ecbd7b, 1789px 75px #ecbd7b, 1222px 1354px #ecbd7b,
        1204px 1408px #ecbd7b, 396px 722px #ecbd7b, 163px 1676px #ecbd7b,
        632px 912px #ecbd7b, 93px 1077px #ecbd7b, 739px 1684px #ecbd7b,
        658px 1307px #ecbd7b, 279px 608px #ecbd7b, 656px 1294px #ecbd7b,
        314px 1229px #ecbd7b, 311px 131px #ecbd7b, 801px 1750px #ecbd7b,
        641px 1829px #ecbd7b, 1770px 504px #ecbd7b, 795px 203px #ecbd7b,
        1680px 1537px #ecbd7b, 1753px 1887px #ecbd7b, 1232px 1420px #ecbd7b,
        169px 1176px #ecbd7b, 1630px 1590px #ecbd7b, 526px 688px #ecbd7b,
        1752px 506px #ecbd7b, 776px 728px #ecbd7b, 1389px 1565px #ecbd7b,
        1005px 1632px #ecbd7b, 1825px 1006px #ecbd7b, 883px 1092px #ecbd7b,
        1300px 1116px #ecbd7b, 804px 245px #ecbd7b, 1665px 1500px #ecbd7b,
        1938px 1504px #ecbd7b, 361px 75px #ecbd7b, 1279px 705px #ecbd7b,
        1450px 1113px #ecbd7b, 322px 931px #ecbd7b, 539px 845px #ecbd7b,
        1638px 1347px #ecbd7b, 347px 469px #ecbd7b, 718px 628px #ecbd7b,
        917px 1474px #ecbd7b, 431px 1932px #ecbd7b, 932px 1421px #ecbd7b,
        1082px 721px #ecbd7b, 649px 356px #ecbd7b, 1764px 1184px #ecbd7b,
        323px 159px #ecbd7b, 865px 736px #ecbd7b, 1031px 1002px #ecbd7b,
        140px 1757px #ecbd7b, 1476px 1222px #ecbd7b, 1011px 1394px #ecbd7b,
        1697px 380px #ecbd7b, 1373px 441px #ecbd7b, 1697px 802px #ecbd7b,
        1033px 843px #ecbd7b, 1076px 1628px #ecbd7b, 888px 365px #ecbd7b,
        1892px 777px #ecbd7b, 336px 783px #ecbd7b, 1459px 350px #ecbd7b,
        1962px 819px #ecbd7b, 515px 1542px #ecbd7b, 579px 400px #ecbd7b,
        1110px 301px #ecbd7b, 947px 1184px #ecbd7b, 44px 131px #ecbd7b,
        1121px 1075px #ecbd7b, 1476px 205px #ecbd7b, 1564px 1114px #ecbd7b,
        534px 1842px #ecbd7b, 521px 794px #ecbd7b, 1218px 155px #ecbd7b,
        763px 1815px #ecbd7b, 1841px 1807px #ecbd7b, 582px 1063px #ecbd7b,
        1981px 919px #ecbd7b, 1988px 76px #ecbd7b, 571px 920px #ecbd7b,
        298px 501px #ecbd7b, 1257px 1124px #ecbd7b, 1864px 506px #ecbd7b,
        1151px 1277px #ecbd7b, 674px 23px #ecbd7b, 1488px 1582px #ecbd7b,
        970px 716px #ecbd7b, 1608px 679px #ecbd7b, 747px 89px #ecbd7b,
        1569px 1486px #ecbd7b, 1166px 697px #ecbd7b, 1594px 203px #ecbd7b,
        54px 1842px #ecbd7b, 1417px 845px #ecbd7b, 1682px 239px #ecbd7b,
        1796px 393px #ecbd7b, 142px 883px #ecbd7b, 1700px 919px #ecbd7b,
        1910px 1307px #ecbd7b, 1144px 140px #ecbd7b, 1813px 989px #ecbd7b,
        1331px 1005px #ecbd7b, 293px 793px #ecbd7b, 1637px 78px #ecbd7b,
        1768px 1428px #ecbd7b, 521px 1614px #ecbd7b, 889px 264px #ecbd7b,
        550px 1905px #ecbd7b, 129px 1805px #ecbd7b, 733px 1322px #ecbd7b,
        344px 627px #ecbd7b, 554px 831px #ecbd7b, 1848px 1991px #ecbd7b,
        1505px 1647px #ecbd7b, 693px 579px #ecbd7b, 1642px 1016px #ecbd7b,
        18px 689px #ecbd7b, 1216px 1742px #ecbd7b, 53px 1645px #ecbd7b,
        1591px 847px #ecbd7b, 97px 1341px #ecbd7b, 1257px 809px #ecbd7b,
        1119px 45px #ecbd7b, 859px 1901px #ecbd7b, 774px 1973px #ecbd7b,
        1860px 325px #ecbd7b, 245px 1499px #ecbd7b;
}

.x-register-card-footer #stars6:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars7 {
    opacity: 0.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: 309px 16705px #ecbd7b, 1757px 1552px #ecbd7b,
        373px 1784px #ecbd7b, 1821px 88px #ecbd7b, 267px 1702px #ecbd7b,
        392px 1766px #ecbd7b, 754px 1099px #ecbd7b, 718px 1409px #ecbd7b,
        1020px 207px #ecbd7b, 658px 289px #ecbd7b, 1224px 1215px #ecbd7b,
        1243px 157px #ecbd7b, 564px 762px #ecbd7b, 1272px 1532px #ecbd7b,
        521px 1314px #ecbd7b, 1058px 993px #ecbd7b, 891px 1609px #ecbd7b,
        591px 1431px #ecbd7b, 236px 194px #ecbd7b, 702px 1881px #ecbd7b,
        1048px 274px #ecbd7b, 1332px 1962px #ecbd7b, 388px 1052px #ecbd7b,
        678px 1611px #ecbd7b, 1704px 7px #ecbd7b, 1056px 91px #ecbd7b,
        1435px 71px #ecbd7b, 913px 1464px #ecbd7b, 1750px 372px #ecbd7b,
        184px 109px #ecbd7b, 465px 2px #ecbd7b, 150px 1956px #ecbd7b,
        1443px 885px #ecbd7b, 137px 457px #ecbd7b, 567px 305px #ecbd7b,
        1553px 1196px #ecbd7b, 137px 772px #ecbd7b, 1089px 704px #ecbd7b,
        1335px 1180px #ecbd7b, 8px 619px #ecbd7b, 1322px 221px #ecbd7b,
        1005px 35px #ecbd7b, 142px 1839px #ecbd7b, 1425px 1946px #ecbd7b,
        1121px 835px #ecbd7b, 1162px 1935px #ecbd7b, 621px 556px #ecbd7b,
        4px 3px #ecbd7b, 1510px 788px #ecbd7b, 195px 694px #ecbd7b,
        1620px 737px #ecbd7b, 1957px 940px #ecbd7b, 774px 1340px #ecbd7b,
        1504px 1059px #ecbd7b, 1001px 916px #ecbd7b, 746px 70px #ecbd7b,
        353px 1151px #ecbd7b, 280px 16px #ecbd7b, 1777px 1379px #ecbd7b,
        1419px 1311px #ecbd7b, 1352px 259px #ecbd7b, 425px 1163px #ecbd7b,
        1814px 67px #ecbd7b, 11px 1851px #ecbd7b, 632px 581px #ecbd7b,
        524px 1657px #ecbd7b, 357px 837px #ecbd7b, 1006px 601px #ecbd7b,
        446px 487px #ecbd7b, 1276px 1515px #ecbd7b, 1084px 1155px #ecbd7b,
        335px 41px #ecbd7b, 1177px 1332px #ecbd7b, 1319px 961px #ecbd7b,
        168px 573px #ecbd7b, 768px 693px #ecbd7b, 349px 553px #ecbd7b,
        687px 432px #ecbd7b, 751px 414px #ecbd7b, 1086px 797px #ecbd7b,
        1546px 1736px #ecbd7b, 101px 404px #ecbd7b, 960px 1860px #ecbd7b,
        979px 1136px #ecbd7b, 1568px 925px #ecbd7b, 1110px 1907px #ecbd7b,
        346px 489px #ecbd7b, 1832px 1262px #ecbd7b, 73px 1516px #ecbd7b,
        622px 915px #ecbd7b, 615px 1779px #ecbd7b, 1898px 736px #ecbd7b,
        1051px 661px #ecbd7b, 1118px 536px #ecbd7b, 1045px 662px #ecbd7b,
        554px 1247px #ecbd7b, 1365px 32px #ecbd7b, 1825px 1233px #ecbd7b,
        1073px 1929px #ecbd7b, 571px 461px #ecbd7b, 1751px 1141px #ecbd7b,
        225px 1971px #ecbd7b, 176px 600px #ecbd7b, 1881px 1431px #ecbd7b,
        665px 816px #ecbd7b, 1826px 1791px #ecbd7b, 1651px 117px #ecbd7b,
        385px 1289px #ecbd7b, 1247px 1176px #ecbd7b, 1578px 1626px #ecbd7b,
        415px 238px #ecbd7b, 1724px 752px #ecbd7b, 1679px 484px #ecbd7b,
        1469px 888px #ecbd7b, 521px 531px #ecbd7b, 1820px 655px #ecbd7b,
        1037px 1333px #ecbd7b, 1167px 1840px #ecbd7b, 1516px 1227px #ecbd7b,
        609px 684px #ecbd7b, 706px 286px #ecbd7b, 1025px 611px #ecbd7b,
        173px 1405px #ecbd7b, 521px 1767px #ecbd7b, 294px 507px #ecbd7b,
        529px 1153px #ecbd7b, 275px 1915px #ecbd7b, 91px 484px #ecbd7b,
        1444px 499px #ecbd7b, 1498px 737px #ecbd7b, 683px 10px #ecbd7b,
        326px 889px #ecbd7b, 1229px 1790px #ecbd7b, 553px 1106px #ecbd7b,
        1494px 393px #ecbd7b, 1407px 919px #ecbd7b, 771px 1896px #ecbd7b,
        661px 984px #ecbd7b, 1475px 63px #ecbd7b, 572px 1548px #ecbd7b,
        989px 1016px #ecbd7b, 1947px 1041px #ecbd7b, 1131px 1052px #ecbd7b,
        1335px 1193px #ecbd7b, 1766px 359px #ecbd7b, 1654px 1857px #ecbd7b,
        378px 972px #ecbd7b, 7px 1127px #ecbd7b, 687px 715px #ecbd7b,
        1333px 1596px #ecbd7b, 433px 394px #ecbd7b, 1216px 1488px #ecbd7b,
        610px 622px #ecbd7b, 1563px 124px #ecbd7b, 823px 308px #ecbd7b,
        1154px 1511px #ecbd7b, 831px 856px #ecbd7b, 853px 1915px #ecbd7b,
        1116px 1308px #ecbd7b, 1690px 1799px #ecbd7b, 1750px 324px #ecbd7b,
        1146px 1435px #ecbd7b, 1942px 1226px #ecbd7b, 1965px 394px #ecbd7b,
        1130px 154px #ecbd7b, 138px 920px #ecbd7b, 1086px 1000px #ecbd7b,
        1046px 586px #ecbd7b, 773px 1331px #ecbd7b, 1094px 768px #ecbd7b,
        1719px 140px #ecbd7b, 1750px 1804px #ecbd7b, 1985px 383px #ecbd7b,
        907px 527px #ecbd7b, 514px 1347px #ecbd7b, 95px 426px #ecbd7b,
        86px 1446px #ecbd7b, 1073px 1920px #ecbd7b, 1933px 283px #ecbd7b,
        1947px 1622px #ecbd7b, 205px 166px #ecbd7b, 1114px 828px #ecbd7b,
        145px 1700px #ecbd7b, 1601px 1937px #ecbd7b, 496px 533px #ecbd7b,
        1988px 143px #ecbd7b, 485px 349px #ecbd7b, 79px 788px #ecbd7b,
        232px 478px #ecbd7b, 719px 1841px #ecbd7b, 1357px 1029px #ecbd7b,
        1359px 447px #ecbd7b, 741px 379px #ecbd7b, 169px 1518px #ecbd7b,
        1206px 1396px #ecbd7b, 1656px 107px #ecbd7b, 1550px 1953px #ecbd7b,
        1115px 1959px #ecbd7b, 1033px 346px #ecbd7b, 13px 1467px #ecbd7b,
        223px 1125px #ecbd7b, 1205px 1606px #ecbd7b, 1010px 1751px #ecbd7b,
        464px 517px #ecbd7b, 103px 786px #ecbd7b, 181px 343px #ecbd7b,
        1879px 516px #ecbd7b, 736px 338px #ecbd7b, 315px 933px #ecbd7b,
        805px 1273px #ecbd7b, 672px 1503px #ecbd7b, 1125px 78px #ecbd7b,
        1965px 1973px #ecbd7b, 1966px 984px #ecbd7b, 382px 428px #ecbd7b,
        1813px 1084px #ecbd7b, 1399px 878px #ecbd7b, 986px 1752px #ecbd7b,
        461px 534px #ecbd7b, 269px 23px #ecbd7b, 921px 106px #ecbd7b,
        1616px 504px #ecbd7b, 1397px 272px #ecbd7b, 833px 1129px #ecbd7b,
        409px 1419px #ecbd7b, 768px 1975px #ecbd7b, 1601px 1637px #ecbd7b,
        1240px 1645px #ecbd7b, 1019px 1995px #ecbd7b, 1380px 1705px #ecbd7b,
        1071px 1276px #ecbd7b, 1918px 457px #ecbd7b, 1147px 1223px #ecbd7b,
        1794px 573px #ecbd7b, 431px 1513px #ecbd7b, 833px 1760px #ecbd7b,
        1635px 1586px #ecbd7b, 664px 1649px #ecbd7b, 489px 1818px #ecbd7b,
        1487px 1250px #ecbd7b, 1900px 1221px #ecbd7b, 143px 83px #ecbd7b,
        1879px 1612px #ecbd7b, 477px 516px #ecbd7b, 1906px 1533px #ecbd7b,
        1737px 770px #ecbd7b, 1592px 354px #ecbd7b, 589px 793px #ecbd7b,
        166px 1498px #ecbd7b, 597px 550px #ecbd7b, 1121px 1918px #ecbd7b,
        235px 246px #ecbd7b, 1729px 682px #ecbd7b, 442px 105px #ecbd7b,
        519px 1877px #ecbd7b, 209px 941px #ecbd7b, 200px 1953px #ecbd7b,
        1090px 502px #ecbd7b, 1877px 1058px #ecbd7b, 1795px 212px #ecbd7b,
        1192px 610px #ecbd7b, 1348px 486px #ecbd7b, 496px 1269px #ecbd7b,
        506px 1701px #ecbd7b, 244px 1732px #ecbd7b, 681px 1543px #ecbd7b,
        1630px 1151px #ecbd7b, 214px 1654px #ecbd7b, 445px 1552px #ecbd7b,
        111px 324px #ecbd7b, 110px 1711px #ecbd7b, 1917px 1130px #ecbd7b,
        236px 1726px #ecbd7b, 1212px 92px #ecbd7b, 1189px 1461px #ecbd7b,
        816px 1130px #ecbd7b, 195px 1058px #ecbd7b, 719px 104px #ecbd7b,
        1790px 1346px #ecbd7b, 1843px 797px #ecbd7b, 100px 1387px #ecbd7b,
        1764px 1063px #ecbd7b, 566px 1073px #ecbd7b, 1808px 1520px #ecbd7b,
        218px 1631px #ecbd7b, 504px 373px #ecbd7b, 1609px 1074px #ecbd7b,
        54px 901px #ecbd7b, 172px 621px #ecbd7b, 708px 1436px #ecbd7b,
        518px 113px #ecbd7b, 889px 1959px #ecbd7b, 53px 540px #ecbd7b,
        178px 887px #ecbd7b, 563px 1079px #ecbd7b, 816px 355px #ecbd7b,
        137px 1133px #ecbd7b, 591px 453px #ecbd7b, 517px 1688px #ecbd7b,
        884px 1609px #ecbd7b;
}

.x-register-card-footer #stars7:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars9 {
    opacity: 0.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: 575px 6125px #ecbd7b, 1503px 1398px #ecbd7b,
        437px 1462px #ecbd7b, 850px 1412px #ecbd7b, 802px 797px #ecbd7b,
        868px 1496px #ecbd7b, 650px 161px #ecbd7b, 276px 1934px #ecbd7b,
        848px 1722px #ecbd7b, 1081px 462px #ecbd7b, 1345px 1371px #ecbd7b,
        324px 1114px #ecbd7b, 1396px 650px #ecbd7b, 1038px 775px #ecbd7b,
        282px 1132px #ecbd7b, 1954px 57px #ecbd7b, 1143px 1061px #ecbd7b,
        1963px 178px #ecbd7b, 1236px 339px #ecbd7b, 1295px 1260px #ecbd7b,
        22px 1864px #ecbd7b, 430px 1772px #ecbd7b, 1687px 261px #ecbd7b,
        1195px 1747px #ecbd7b, 1845px 1601px #ecbd7b, 1716px 1664px #ecbd7b,
        1916px 1931px #ecbd7b, 748px 1924px #ecbd7b, 159px 1658px #ecbd7b,
        889px 840px #ecbd7b, 1639px 695px #ecbd7b, 255px 1706px #ecbd7b,
        239px 1178px #ecbd7b, 39px 1361px #ecbd7b, 1087px 164px #ecbd7b,
        1640px 1899px #ecbd7b, 629px 1870px #ecbd7b, 1163px 162px #ecbd7b,
        238px 1895px #ecbd7b, 1764px 791px #ecbd7b, 1764px 726px #ecbd7b,
        1057px 97px #ecbd7b, 1557px 289px #ecbd7b, 316px 1124px #ecbd7b,
        1391px 730px #ecbd7b, 1025px 1876px #ecbd7b, 463px 1011px #ecbd7b,
        1917px 348px #ecbd7b, 337px 1484px #ecbd7b, 1416px 1498px #ecbd7b,
        1207px 969px #ecbd7b, 1915px 1814px #ecbd7b, 160px 69px #ecbd7b,
        458px 901px #ecbd7b, 1460px 1064px #ecbd7b, 1983px 200px #ecbd7b,
        308px 1788px #ecbd7b, 72px 1648px #ecbd7b, 1607px 536px #ecbd7b,
        1459px 837px #ecbd7b, 1947px 719px #ecbd7b, 1375px 1551px #ecbd7b,
        1070px 996px #ecbd7b, 380px 1107px #ecbd7b, 1360px 1422px #ecbd7b,
        980px 215px #ecbd7b, 253px 1517px #ecbd7b, 920px 994px #ecbd7b,
        1348px 369px #ecbd7b, 460px 995px #ecbd7b, 16px 1573px #ecbd7b,
        1568px 1127px #ecbd7b, 1469px 189px #ecbd7b, 791px 758px #ecbd7b,
        1298px 1878px #ecbd7b, 1901px 1394px #ecbd7b, 926px 726px #ecbd7b,
        1481px 108px #ecbd7b, 1949px 278px #ecbd7b, 1458px 437px #ecbd7b,
        1311px 1036px #ecbd7b, 1623px 1387px #ecbd7b, 1147px 661px #ecbd7b,
        805px 1358px #ecbd7b, 894px 1841px #ecbd7b, 339px 882px #ecbd7b,
        920px 223px #ecbd7b, 1434px 303px #ecbd7b, 769px 1026px #ecbd7b,
        413px 1066px #ecbd7b, 123px 351px #ecbd7b, 539px 168px #ecbd7b,
        1708px 1280px #ecbd7b, 515px 518px #ecbd7b, 1286px 1882px #ecbd7b,
        292px 795px #ecbd7b, 1315px 95px #ecbd7b, 1552px 44px #ecbd7b,
        789px 740px #ecbd7b, 984px 639px #ecbd7b, 1486px 1885px #ecbd7b,
        1191px 743px #ecbd7b, 577px 1477px #ecbd7b, 165px 931px #ecbd7b,
        122px 1155px #ecbd7b, 1843px 340px #ecbd7b, 1670px 1099px #ecbd7b,
        919px 50px #ecbd7b, 1564px 672px #ecbd7b, 1413px 1810px #ecbd7b,
        1468px 1789px #ecbd7b, 177px 570px #ecbd7b, 648px 532px #ecbd7b,
        1088px 499px #ecbd7b, 1709px 806px #ecbd7b, 1124px 38px #ecbd7b,
        1790px 5px #ecbd7b, 989px 506px #ecbd7b, 1656px 1325px #ecbd7b,
        1917px 1246px #ecbd7b, 487px 760px #ecbd7b, 600px 66px #ecbd7b,
        664px 710px #ecbd7b, 1517px 1410px #ecbd7b, 909px 458px #ecbd7b,
        1615px 516px #ecbd7b, 155px 696px #ecbd7b, 457px 1268px #ecbd7b,
        848px 1886px #ecbd7b, 217px 1225px #ecbd7b, 1592px 393px #ecbd7b,
        971px 1293px #ecbd7b, 806px 553px #ecbd7b, 520px 1484px #ecbd7b,
        1708px 1628px #ecbd7b, 634px 1210px #ecbd7b, 1434px 1389px #ecbd7b,
        864px 297px #ecbd7b, 442px 804px #ecbd7b, 1867px 208px #ecbd7b,
        772px 1930px #ecbd7b, 374px 1054px #ecbd7b, 1135px 1291px #ecbd7b,
        1255px 1355px #ecbd7b, 803px 1564px #ecbd7b, 1763px 313px #ecbd7b,
        1598px 1913px #ecbd7b, 1852px 1268px #ecbd7b, 1006px 791px #ecbd7b,
        1234px 1126px #ecbd7b, 770px 234px #ecbd7b, 1363px 1190px #ecbd7b,
        496px 1185px #ecbd7b, 1125px 46px #ecbd7b, 1176px 1994px #ecbd7b,
        11px 1723px #ecbd7b, 1695px 1746px #ecbd7b, 1326px 1820px #ecbd7b,
        1023px 1547px #ecbd7b, 311px 344px #ecbd7b, 1337px 1866px #ecbd7b,
        512px 760px #ecbd7b, 705px 1357px #ecbd7b, 515px 171px #ecbd7b,
        604px 495px #ecbd7b, 698px 1383px #ecbd7b, 720px 1958px #ecbd7b,
        326px 1727px #ecbd7b, 1089px 1078px #ecbd7b, 1543px 812px #ecbd7b,
        584px 1828px #ecbd7b, 333px 1243px #ecbd7b, 750px 1757px #ecbd7b,
        3px 1929px #ecbd7b, 626px 40px #ecbd7b, 1033px 446px #ecbd7b,
        1496px 1221px #ecbd7b, 1583px 1264px #ecbd7b, 973px 1225px #ecbd7b,
        1202px 540px #ecbd7b, 1023px 405px #ecbd7b, 1601px 1243px #ecbd7b,
        942px 231px #ecbd7b, 1392px 219px #ecbd7b, 788px 1313px #ecbd7b,
        668px 963px #ecbd7b, 468px 1433px #ecbd7b, 192px 669px #ecbd7b,
        1743px 672px #ecbd7b, 1942px 591px #ecbd7b, 1648px 1601px #ecbd7b,
        630px 994px #ecbd7b, 1842px 1849px #ecbd7b, 978px 918px #ecbd7b,
        1097px 941px #ecbd7b, 58px 1502px #ecbd7b, 1096px 1776px #ecbd7b,
        1987px 87px #ecbd7b, 747px 974px #ecbd7b, 719px 111px #ecbd7b,
        401px 1302px #ecbd7b, 563px 1496px #ecbd7b, 803px 325px #ecbd7b,
        515px 1997px #ecbd7b, 1608px 1850px #ecbd7b, 1707px 324px #ecbd7b,
        1754px 1425px #ecbd7b, 1125px 1083px #ecbd7b, 23px 1232px #ecbd7b,
        1284px 612px #ecbd7b, 436px 1562px #ecbd7b, 1565px 450px #ecbd7b,
        1970px 1394px #ecbd7b, 1237px 27px #ecbd7b, 575px 525px #ecbd7b,
        1470px 1349px #ecbd7b, 1050px 1815px #ecbd7b, 1487px 624px #ecbd7b,
        185px 175px #ecbd7b, 92px 656px #ecbd7b, 1917px 1640px #ecbd7b,
        1037px 1263px #ecbd7b, 660px 1350px #ecbd7b, 1586px 1738px #ecbd7b,
        1952px 99px #ecbd7b, 387px 596px #ecbd7b, 171px 1664px #ecbd7b,
        1302px 1874px #ecbd7b, 1883px 1196px #ecbd7b, 647px 1030px #ecbd7b,
        911px 1083px #ecbd7b, 516px 955px #ecbd7b, 1447px 424px #ecbd7b,
        50px 454px #ecbd7b, 1776px 1431px #ecbd7b, 1811px 1876px #ecbd7b,
        501px 1642px #ecbd7b, 1528px 548px #ecbd7b, 1458px 1149px #ecbd7b,
        1674px 1448px #ecbd7b, 1030px 445px #ecbd7b, 677px 1140px #ecbd7b,
        413px 1357px #ecbd7b, 807px 234px #ecbd7b, 1396px 1229px #ecbd7b,
        72px 544px #ecbd7b, 1951px 1047px #ecbd7b, 1277px 1632px #ecbd7b,
        1900px 1630px #ecbd7b, 1688px 350px #ecbd7b, 343px 578px #ecbd7b,
        1447px 523px #ecbd7b, 431px 1199px #ecbd7b, 539px 1295px #ecbd7b,
        1820px 1297px #ecbd7b, 989px 464px #ecbd7b, 381px 1688px #ecbd7b,
        1540px 606px #ecbd7b, 1514px 1443px #ecbd7b, 780px 1784px #ecbd7b,
        304px 39px #ecbd7b, 1459px 1262px #ecbd7b, 1647px 1425px #ecbd7b,
        1519px 565px #ecbd7b, 717px 1035px #ecbd7b, 1002px 1362px #ecbd7b,
        21px 473px #ecbd7b, 784px 663px #ecbd7b, 154px 1221px #ecbd7b,
        42px 1054px #ecbd7b, 257px 1929px #ecbd7b, 327px 1083px #ecbd7b,
        1730px 1850px #ecbd7b, 1654px 1098px #ecbd7b, 431px 278px #ecbd7b,
        190px 171px #ecbd7b, 765px 703px #ecbd7b, 456px 18px #ecbd7b,
        1023px 1523px #ecbd7b, 1402px 156px #ecbd7b, 1706px 173px #ecbd7b,
        72px 837px #ecbd7b, 1163px 423px #ecbd7b, 1791px 564px #ecbd7b,
        97px 544px #ecbd7b, 1130px 1801px #ecbd7b, 174px 1404px #ecbd7b,
        1030px 1565px #ecbd7b, 216px 1469px #ecbd7b, 1801px 1911px #ecbd7b,
        1911px 1466px #ecbd7b, 1362px 818px #ecbd7b, 1920px 1975px #ecbd7b,
        306px 876px #ecbd7b, 1713px 1187px #ecbd7b, 24px 1623px #ecbd7b,
        770px 1427px #ecbd7b, 1422px 157px #ecbd7b, 1317px 1610px #ecbd7b,
        480px 1472px #ecbd7b, 1938px 226px #ecbd7b, 776px 1829px #ecbd7b,
        189px 1388px #ecbd7b, 413px 317px #ecbd7b, 1020px 1300px #ecbd7b,
        1434px 1432px #ecbd7b, 1948px 839px #ecbd7b, 1291px 641px #ecbd7b,
        1137px 1992px #ecbd7b, 1647px 1408px #ecbd7b, 1428px 912px #ecbd7b,
        739px 1215px #ecbd7b, 1327px 1449px #ecbd7b, 362px 65px #ecbd7b,
        833px 1404px #ecbd7b, 1003px 1788px #ecbd7b, 476px 1596px #ecbd7b,
        1194px 1513px #ecbd7b, 1261px 636px #ecbd7b, 1910px 38px #ecbd7b,
        302px 1317px #ecbd7b, 849px 852px #ecbd7b, 922px 1370px #ecbd7b,
        1697px 1344px #ecbd7b, 1636px 1157px #ecbd7b, 1335px 1108px #ecbd7b,
        1750px 522px #ecbd7b, 850px 1214px #ecbd7b, 1948px 1048px #ecbd7b,
        1643px 851px #ecbd7b, 1938px 1962px #ecbd7b, 924px 884px #ecbd7b,
        901px 1425px #ecbd7b, 209px 1321px #ecbd7b, 1180px 1160px #ecbd7b,
        1216px 156px #ecbd7b, 666px 1750px #ecbd7b, 1871px 353px #ecbd7b,
        483px 1945px #ecbd7b, 1500px 264px #ecbd7b, 1853px 134px #ecbd7b,
        88px 1731px #ecbd7b, 947px 856px #ecbd7b, 772px 255px #ecbd7b,
        252px 616px #ecbd7b, 1566px 1582px #ecbd7b, 1051px 1192px #ecbd7b,
        573px 1686px #ecbd7b, 487px 761px #ecbd7b, 446px 1023px #ecbd7b,
        61px 494px #ecbd7b, 1479px 949px #ecbd7b, 447px 1582px #ecbd7b,
        1965px 1484px #ecbd7b, 1766px 765px #ecbd7b, 1519px 1407px #ecbd7b,
        244px 1105px #ecbd7b, 588px 129px #ecbd7b, 1445px 1553px #ecbd7b,
        973px 1753px #ecbd7b, 1730px 1713px #ecbd7b, 1216px 588px #ecbd7b,
        1771px 881px #ecbd7b, 826px 1315px #ecbd7b, 336px 29px #ecbd7b,
        594px 1028px #ecbd7b, 1911px 867px #ecbd7b, 993px 380px #ecbd7b,
        489px 1248px #ecbd7b, 1393px 1384px #ecbd7b, 778px 1006px #ecbd7b,
        1482px 761px #ecbd7b, 1907px 65px #ecbd7b, 453px 1887px #ecbd7b,
        1906px 1270px #ecbd7b, 915px 1061px #ecbd7b, 135px 186px #ecbd7b,
        1143px 1259px #ecbd7b, 463px 1590px #ecbd7b, 281px 13px #ecbd7b,
        1008px 55px #ecbd7b, 246px 942px #ecbd7b, 7px 1787px #ecbd7b,
        758px 422px #ecbd7b, 1551px 986px #ecbd7b, 1042px 1236px #ecbd7b,
        325px 1704px #ecbd7b, 1465px 1078px #ecbd7b, 499px 1253px #ecbd7b,
        523px 1238px #ecbd7b, 1682px 1472px #ecbd7b, 1046px 834px #ecbd7b,
        129px 518px #ecbd7b, 1645px 1315px #ecbd7b, 202px 91px #ecbd7b,
        125px 1495px #ecbd7b, 698px 574px #ecbd7b, 303px 1268px #ecbd7b,
        1607px 1714px #ecbd7b, 1250px 1042px #ecbd7b, 65px 810px #ecbd7b,
        742px 140px #ecbd7b, 1391px 906px #ecbd7b, 97px 170px #ecbd7b,
        1640px 95px #ecbd7b, 1660px 783px #ecbd7b, 1554px 719px #ecbd7b,
        1111px 84px #ecbd7b, 1385px 952px #ecbd7b, 1433px 1603px #ecbd7b,
        592px 1295px #ecbd7b, 1055px 1993px #ecbd7b, 1180px 1400px #ecbd7b,
        1250px 1431px #ecbd7b, 602px 588px #ecbd7b, 1207px 737px #ecbd7b,
        755px 1237px #ecbd7b, 1532px 813px #ecbd7b, 482px 1339px #ecbd7b,
        1107px 934px #ecbd7b, 929px 1296px #ecbd7b, 1882px 1520px #ecbd7b,
        1792px 1987px #ecbd7b, 528px 1488px #ecbd7b, 338px 1073px #ecbd7b,
        271px 1130px #ecbd7b, 1988px 1709px #ecbd7b, 1558px 150px #ecbd7b,
        1242px 1261px #ecbd7b, 255px 1218px #ecbd7b, 935px 319px #ecbd7b,
        1946px 1875px #ecbd7b, 323px 451px #ecbd7b, 780px 1130px #ecbd7b,
        1579px 1725px #ecbd7b, 192px 1189px #ecbd7b, 740px 977px #ecbd7b,
        1096px 609px #ecbd7b, 1033px 1326px #ecbd7b, 837px 314px #ecbd7b,
        1357px 576px #ecbd7b, 962px 947px #ecbd7b, 811px 791px #ecbd7b,
        1583px 167px #ecbd7b, 437px 12px #ecbd7b, 278px 158px #ecbd7b,
        1042px 597px #ecbd7b, 1596px 1356px #ecbd7b, 1147px 1463px #ecbd7b,
        1626px 1005px #ecbd7b, 1367px 352px #ecbd7b, 780px 914px #ecbd7b,
        1106px 514px #ecbd7b, 1204px 327px #ecbd7b, 1798px 567px #ecbd7b,
        505px 185px #ecbd7b, 1474px 1919px #ecbd7b, 649px 1768px #ecbd7b,
        469px 523px #ecbd7b, 688px 1560px #ecbd7b, 1371px 849px #ecbd7b,
        201px 93px #ecbd7b, 172px 338px #ecbd7b, 1648px 718px #ecbd7b,
        647px 638px #ecbd7b, 1208px 169px #ecbd7b, 1176px 433px #ecbd7b,
        1830px 385px #ecbd7b, 755px 1454px #ecbd7b, 904px 1225px #ecbd7b,
        533px 547px #ecbd7b, 873px 1241px #ecbd7b, 164px 1467px #ecbd7b,
        95px 659px #ecbd7b, 895px 1556px #ecbd7b, 477px 280px #ecbd7b,
        742px 285px #ecbd7b, 1690px 68px #ecbd7b, 1612px 1728px #ecbd7b,
        791px 298px #ecbd7b, 1071px 1799px #ecbd7b, 907px 31px #ecbd7b,
        1384px 417px #ecbd7b, 1655px 720px #ecbd7b, 783px 1959px #ecbd7b,
        422px 852px #ecbd7b, 1965px 875px #ecbd7b, 83px 1603px #ecbd7b,
        6px 1244px #ecbd7b, 1825px 1289px #ecbd7b, 1430px 564px #ecbd7b,
        516px 152px #ecbd7b, 1394px 578px #ecbd7b, 511px 1328px #ecbd7b,
        521px 1539px #ecbd7b, 1276px 1397px #ecbd7b, 1317px 82px #ecbd7b,
        1321px 78px #ecbd7b, 295px 1601px #ecbd7b, 1449px 1903px #ecbd7b;
}

.x-register-card-footer #stars9:after {
    content: " ";
    position: absolute;
    top: 200px;
}

.x-register-card-footer #stars10 {
    opacity: 0.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: 309px 16705px #ecbd7b, 1757px 1552px #ecbd7b,
        373px 1784px #ecbd7b, 1821px 88px #ecbd7b, 267px 1702px #ecbd7b,
        392px 1766px #ecbd7b, 754px 1099px #ecbd7b, 718px 1409px #ecbd7b,
        1020px 207px #ecbd7b, 658px 289px #ecbd7b, 1224px 1215px #ecbd7b,
        1243px 157px #ecbd7b, 564px 762px #ecbd7b, 1272px 1532px #ecbd7b,
        521px 1314px #ecbd7b, 1058px 993px #ecbd7b, 891px 1609px #ecbd7b,
        591px 1431px #ecbd7b, 236px 194px #ecbd7b, 702px 1881px #ecbd7b,
        1048px 274px #ecbd7b, 1332px 1962px #ecbd7b, 388px 1052px #ecbd7b,
        678px 1611px #ecbd7b, 1704px 7px #ecbd7b, 1056px 91px #ecbd7b,
        1435px 71px #ecbd7b, 913px 1464px #ecbd7b, 1750px 372px #ecbd7b,
        184px 109px #ecbd7b, 465px 2px #ecbd7b, 150px 1956px #ecbd7b,
        1443px 885px #ecbd7b, 137px 457px #ecbd7b, 567px 305px #ecbd7b,
        1553px 1196px #ecbd7b, 137px 772px #ecbd7b, 1089px 704px #ecbd7b,
        1335px 1180px #ecbd7b, 8px 619px #ecbd7b, 1322px 221px #ecbd7b,
        1005px 35px #ecbd7b, 142px 1839px #ecbd7b, 1425px 1946px #ecbd7b,
        1121px 835px #ecbd7b, 1162px 1935px #ecbd7b, 621px 556px #ecbd7b,
        4px 3px #ecbd7b, 1510px 788px #ecbd7b, 195px 694px #ecbd7b,
        1620px 737px #ecbd7b, 1957px 940px #ecbd7b, 774px 1340px #ecbd7b,
        1504px 1059px #ecbd7b, 1001px 916px #ecbd7b, 746px 70px #ecbd7b,
        353px 1151px #ecbd7b, 280px 16px #ecbd7b, 1777px 1379px #ecbd7b,
        1419px 1311px #ecbd7b, 1352px 259px #ecbd7b, 425px 1163px #ecbd7b,
        1814px 67px #ecbd7b, 11px 1851px #ecbd7b, 632px 581px #ecbd7b,
        524px 1657px #ecbd7b, 357px 837px #ecbd7b, 1006px 601px #ecbd7b,
        446px 487px #ecbd7b, 1276px 1515px #ecbd7b, 1084px 1155px #ecbd7b,
        335px 41px #ecbd7b, 1177px 1332px #ecbd7b, 1319px 961px #ecbd7b,
        168px 573px #ecbd7b, 768px 693px #ecbd7b, 349px 553px #ecbd7b,
        687px 432px #ecbd7b, 751px 414px #ecbd7b, 1086px 797px #ecbd7b,
        1546px 1736px #ecbd7b, 101px 404px #ecbd7b, 960px 1860px #ecbd7b,
        979px 1136px #ecbd7b, 1568px 925px #ecbd7b, 1110px 1907px #ecbd7b,
        346px 489px #ecbd7b, 1832px 1262px #ecbd7b, 73px 1516px #ecbd7b,
        622px 915px #ecbd7b, 615px 1779px #ecbd7b, 1898px 736px #ecbd7b,
        1051px 661px #ecbd7b, 1118px 536px #ecbd7b, 1045px 662px #ecbd7b,
        554px 1247px #ecbd7b, 1365px 32px #ecbd7b, 1825px 1233px #ecbd7b,
        1073px 1929px #ecbd7b, 571px 461px #ecbd7b, 1751px 1141px #ecbd7b,
        225px 1971px #ecbd7b, 176px 600px #ecbd7b, 1881px 1431px #ecbd7b,
        665px 816px #ecbd7b, 1826px 1791px #ecbd7b, 1651px 117px #ecbd7b,
        385px 1289px #ecbd7b, 1247px 1176px #ecbd7b, 1578px 1626px #ecbd7b,
        415px 238px #ecbd7b, 1724px 752px #ecbd7b, 1679px 484px #ecbd7b,
        1469px 888px #ecbd7b, 521px 531px #ecbd7b, 1820px 655px #ecbd7b,
        1037px 1333px #ecbd7b, 1167px 1840px #ecbd7b, 1516px 1227px #ecbd7b,
        609px 684px #ecbd7b, 706px 286px #ecbd7b, 1025px 611px #ecbd7b,
        173px 1405px #ecbd7b, 521px 1767px #ecbd7b, 294px 507px #ecbd7b,
        529px 1153px #ecbd7b, 275px 1915px #ecbd7b, 91px 484px #ecbd7b,
        1444px 499px #ecbd7b, 1498px 737px #ecbd7b, 683px 10px #ecbd7b,
        326px 889px #ecbd7b, 1229px 1790px #ecbd7b, 553px 1106px #ecbd7b,
        1494px 393px #ecbd7b, 1407px 919px #ecbd7b, 771px 1896px #ecbd7b,
        661px 984px #ecbd7b, 1475px 63px #ecbd7b, 572px 1548px #ecbd7b,
        989px 1016px #ecbd7b, 1947px 1041px #ecbd7b, 1131px 1052px #ecbd7b,
        1335px 1193px #ecbd7b, 1766px 359px #ecbd7b, 1654px 1857px #ecbd7b,
        378px 972px #ecbd7b, 7px 1127px #ecbd7b, 687px 715px #ecbd7b,
        1333px 1596px #ecbd7b, 433px 394px #ecbd7b, 1216px 1488px #ecbd7b,
        610px 622px #ecbd7b, 1563px 124px #ecbd7b, 823px 308px #ecbd7b,
        1154px 1511px #ecbd7b, 831px 856px #ecbd7b, 853px 1915px #ecbd7b,
        1116px 1308px #ecbd7b, 1690px 1799px #ecbd7b, 1750px 324px #ecbd7b,
        1146px 1435px #ecbd7b, 1942px 1226px #ecbd7b, 1965px 394px #ecbd7b,
        1130px 154px #ecbd7b, 138px 920px #ecbd7b, 1086px 1000px #ecbd7b,
        1046px 586px #ecbd7b, 773px 1331px #ecbd7b, 1094px 768px #ecbd7b,
        1719px 140px #ecbd7b, 1750px 1804px #ecbd7b, 1985px 383px #ecbd7b,
        907px 527px #ecbd7b, 514px 1347px #ecbd7b, 95px 426px #ecbd7b,
        86px 1446px #ecbd7b, 1073px 1920px #ecbd7b, 1933px 283px #ecbd7b,
        1947px 1622px #ecbd7b, 205px 166px #ecbd7b, 1114px 828px #ecbd7b,
        145px 1700px #ecbd7b, 1601px 1937px #ecbd7b, 496px 533px #ecbd7b,
        1988px 143px #ecbd7b, 485px 349px #ecbd7b, 79px 788px #ecbd7b,
        232px 478px #ecbd7b, 719px 1841px #ecbd7b, 1357px 1029px #ecbd7b,
        1359px 447px #ecbd7b, 741px 379px #ecbd7b, 169px 1518px #ecbd7b,
        1206px 1396px #ecbd7b, 1656px 107px #ecbd7b, 1550px 1953px #ecbd7b,
        1115px 1959px #ecbd7b, 1033px 346px #ecbd7b, 13px 1467px #ecbd7b,
        223px 1125px #ecbd7b, 1205px 1606px #ecbd7b, 1010px 1751px #ecbd7b,
        464px 517px #ecbd7b, 103px 786px #ecbd7b, 181px 343px #ecbd7b,
        1879px 516px #ecbd7b, 736px 338px #ecbd7b, 315px 933px #ecbd7b,
        805px 1273px #ecbd7b, 672px 1503px #ecbd7b, 1125px 78px #ecbd7b,
        1965px 1973px #ecbd7b, 1966px 984px #ecbd7b, 382px 428px #ecbd7b,
        1813px 1084px #ecbd7b, 1399px 878px #ecbd7b, 986px 1752px #ecbd7b,
        461px 534px #ecbd7b, 269px 23px #ecbd7b, 921px 106px #ecbd7b,
        1616px 504px #ecbd7b, 1397px 272px #ecbd7b, 833px 1129px #ecbd7b,
        409px 1419px #ecbd7b, 768px 1975px #ecbd7b, 1601px 1637px #ecbd7b,
        1240px 1645px #ecbd7b, 1019px 1995px #ecbd7b, 1380px 1705px #ecbd7b,
        1071px 1276px #ecbd7b, 1918px 457px #ecbd7b, 1147px 1223px #ecbd7b,
        1794px 573px #ecbd7b, 431px 1513px #ecbd7b, 833px 1760px #ecbd7b,
        1635px 1586px #ecbd7b, 664px 1649px #ecbd7b, 489px 1818px #ecbd7b,
        1487px 1250px #ecbd7b, 1900px 1221px #ecbd7b, 143px 83px #ecbd7b,
        1879px 1612px #ecbd7b, 477px 516px #ecbd7b, 1906px 1533px #ecbd7b,
        1737px 770px #ecbd7b, 1592px 354px #ecbd7b, 589px 793px #ecbd7b,
        166px 1498px #ecbd7b, 597px 550px #ecbd7b, 1121px 1918px #ecbd7b,
        235px 246px #ecbd7b, 1729px 682px #ecbd7b, 442px 105px #ecbd7b,
        519px 1877px #ecbd7b, 209px 941px #ecbd7b, 200px 1953px #ecbd7b,
        1090px 502px #ecbd7b, 1877px 1058px #ecbd7b, 1795px 212px #ecbd7b,
        1192px 610px #ecbd7b, 1348px 486px #ecbd7b, 496px 1269px #ecbd7b,
        506px 1701px #ecbd7b, 244px 1732px #ecbd7b, 681px 1543px #ecbd7b,
        1630px 1151px #ecbd7b, 214px 1654px #ecbd7b, 445px 1552px #ecbd7b,
        111px 324px #ecbd7b, 110px 1711px #ecbd7b, 1917px 1130px #ecbd7b,
        236px 1726px #ecbd7b, 1212px 92px #ecbd7b, 1189px 1461px #ecbd7b,
        816px 1130px #ecbd7b, 195px 1058px #ecbd7b, 719px 104px #ecbd7b,
        1790px 1346px #ecbd7b, 1843px 797px #ecbd7b, 100px 1387px #ecbd7b,
        1764px 1063px #ecbd7b, 566px 1073px #ecbd7b, 1808px 1520px #ecbd7b,
        218px 1631px #ecbd7b, 504px 373px #ecbd7b, 1609px 1074px #ecbd7b,
        54px 901px #ecbd7b, 172px 621px #ecbd7b, 708px 1436px #ecbd7b,
        518px 113px #ecbd7b, 889px 1959px #ecbd7b, 53px 540px #ecbd7b,
        178px 887px #ecbd7b, 563px 1079px #ecbd7b, 816px 355px #ecbd7b,
        137px 1133px #ecbd7b, 591px 453px #ecbd7b, 517px 1688px #ecbd7b,
        884px 1609px #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%, 0.15) 25%,
        transparent 0,
        transparent 50%,
        hsla(0, 0%, 100%, 0.15) 0,
        hsla(0, 0%, 100%, 0.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, 0.4) 60%,
        rgba(170, 255, 250, 0.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: 0.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: 0.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: 0.75;
}

.x-text-with-link-component .-text-message {
    margin: 0;
    opacity: 0.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, 0.5) 0,
            rgba(120, 100, 52, 0.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, 0.5) 0,
        rgba(120, 100, 52, 0.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: 0.4rem;
        font-size: 0.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 0.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: 0.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(https://ideabet.live/theme/allnewufabet/images/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: 0.75rem 0.5rem !important;
}

@media (max-width: 991.98px) {
    .x-transfer-website .x-header .x-logged .-logged-container .--profile {
        padding: 0.4rem 0.5rem 0.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%, 0.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: 0.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: 0.72rem;
    }

    .x-transfer-website
        .x-header
        .x-logged
        .-logged-container
        .--profile
        .--profile-detail
        #customer-balance
        .-balance-wrapper
        .-time {
        font-size: 0.63rem;
    }
}

.x-transfer-website
    .x-header
    .x-logged
    .-logged-container
    .--profile
    .--profile-detail
    #customer-balance
    .-transfer-default-balance {
    margin-top: 0.25rem;
    font-size: 0.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: 0.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: 0.765rem !important;
    }
}

.x-transfer-website
    .x-header
    .x-logged
    .-logged-container
    .--profile
    .--profile-detail
    .-text-welcome {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

@media (max-width: 767.98px) {
    .x-transfer-website
        .x-header
        .x-logged
        .-logged-container
        .--profile
        .--profile-detail
        .-text-welcome {
        font-size: 0.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: 0.99rem !important;
    }
}

@media (max-width: 767.98px) {
    .x-transfer-website
        .x-header
        .x-logged
        .-logged-container
        .--profile
        .--profile-detail
        .-text-deisplay-name {
        font-size: 0.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: 0.25rem;
    padding: 0 5px 5px;
    text-align: right;
    background: hsla(0, 0%, 100%, 0.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: 0.75rem 0.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 0.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 0.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: 0.5rem;
    font-size: 0.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 0.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(0.8);
    transform: scaleX(0.8);
    opacity: 0.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(0.68, 0.35, 0.29, 0.54)
        infinite;
    animation: x-ball-bounce 1.5s cubic-bezier(0.68, 0.35, 0.29, 0.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: 0.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%, 0.1);
    border-radius: 5px;
}

.x-promotion-return-ufa-sport-by-user-container .-last-applies .-ic-checked {
    width: 80px;
    margin-bottom: 0.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, 0.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: 0.75rem 0.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: 0.75rem 0.4rem;
        font-size: 0.9rem;
    }
}

.x-promotion-prepare-history-container table tbody td {
    padding: 0.75rem 0.5rem;
    font-size: 1rem;
}

@media (max-width: 575.98px) {
    .x-promotion-prepare-history-container table tbody td {
        font-size: 0.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: 0.25rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 194px !important;
    background-position: 4px 4px !important;
    background-repeat: no-repeat !important;
    transition: all 0.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: 0.3;
    }

    40% {
        opacity: 0.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: 0.3;
    }

    40% {
        opacity: 0.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: 0.3;
        -webkit-transform: scale(1) translate(0);
        transform: scale(1) translate(0);
    }

    40% {
        opacity: 0.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: 0.3;
        -webkit-transform: scale(1) translate(0);
        transform: scale(1) translate(0);
    }

    40% {
        opacity: 0.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: 0.3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    40% {
        opacity: 0.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: 0.3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    40% {
        opacity: 0.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: 0.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: 0.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: 1;
    }

    /* #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: transparent;
    }

    /* #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: 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: 50px;
            height: 50px;
            background-image: url(https://ideabet.live/theme/allnewufabet/images/ic-btn-actions-mobile.png);
            background-size: 150px;
        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: -50px 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: -100px 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: 0.8rem;
        font-weight: 600;
    }
}

.x-select-amount .-amount-container .-btn-select-amount .-no {
    top: 8px;
}

@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 0.6rem;
    font-size: 0.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: 0.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, 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: 0.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: 0.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, 0.75));
    filter: drop-shadow(0 0 6px rgba(156, 62, 180, 0.75));
    transition: all 0.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, 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: 0.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: 0.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: 0.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, 0.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, 0.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;
    }
}


@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(images/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%;
    }
}



@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: 60px;
    }
}



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

@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: 5rem;
    }
}

@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: 130px;
    height: auto;
    margin-left: 10px;
}

.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;
    text-shadow: 0 0 10px black;
}

.x-index-top-container
    .-inner-wrapper
    .-right-container
    .-contents-wrapper
    .-text-title {
    font-weight: 600;
    color: #000;
    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%);
    text-shadow: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px #333);
}

.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(https://ideabet.live/theme/allnewufabet/images/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: #fff;
    text-shadow: 0 0 10px black;
    padding: 5px;
}

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

   .-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: auto;
    margin-right: auto;
    color: #000;
    transition: all 0.2s;
}



@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: 0.5;
    transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -ms-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
}

.-card .img-fluid{
    position: absolute;
    z-index: 1;
    left: -25px;
    top: -10px;
    width: 100px;
    -webkit-animation: x-index-button-register-card-mover 0.5s infinite alternate;
    animation: x-index-button-register-card-mover 0.5s infinite alternate;
}

.x-index-top-container .-inner-wrapper .-btn-actions .-register-btn .-card {
    position: absolute;
    z-index: 1;
    left: -25px;
    top: -10px;
    width: 100px;
    -webkit-animation: x-index-button-register-card-mover 0.5s infinite
        alternate;
    animation: x-index-button-register-card-mover 0.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: 70px;
    -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 .-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 0.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
    .-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: 0.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 0.3s;
    width: 75%;
    padding: 8px 15px;
    color: #000;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.x-index-top-container
    .-games-container
    .-row-inner-wrapper
    .-col-wrapper
    .-box-wrapper
    .-btn-play
    .-ic-play {
    width: 80px;
    margin-right: 10px;
}



@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: 0.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: 0.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;
       
    }
}

@media (max-width: 575.98px) {
    .x-safari-browser .x-index-top-container {
        background-image: url(https://ideabet.live/theme/allnewufabet/images/top-index-mobile-bg.6c7d5bd9.jpg);
    }
}



.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: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .x-index-middle-container .-middle-container .-left-container-top .-logo {
        width: 150px;
    }
}

.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 0.4s;
        animation: x-index-shield-transform 1s 0.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: 0.5rem;
}

.x-index-middle-container
    .-middle-container
    .-right-container
    .-lobby-logo-wrapper
    .navbar-nav
    .nav-item
    .-casino-logo {
    width: 100%;
    height: auto;
    transition: all 0.2s;
}

.x-index-middle-container
    .-middle-container
    .-right-container
    .-lobby-logo-wrapper
    .navbar-nav
    .nav-item
    .-text-title {
    text-align: center;
    margin-top: 0.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 0.675rem !important;
}

.x-ios-os .x-withdraw-pending .media .media-body {
    margin-top: 0.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 0.675rem !important;
}

.x-apple-os .x-withdraw-pending .media .media-body {
    margin-top: 0.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: 0.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: 0.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 0.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 0.675rem !important;
}

.x-android-os .x-withdraw-pending .media .media-body {
    margin-top: 0.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;
}



@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 0.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, 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, 0.5);
    transition: all 0.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, 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: 0.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(https://ideabet.live/theme/allnewufabet/images/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(https://ideabet.live/theme/allnewufabet/images/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: 0.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;
    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: 0.9rem;
}

@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: 0.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: 0.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%, 0.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 0.675rem !important;
}

.x-pending .-deposit-preview .-fake-input .fas {
    color: #ffcd57;
}

.x-pending .media {
    background: #2b2b2b;
    padding: 1rem;
}

.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 0.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 0.675rem !important;
}

.x-withdraw-pending .media {
    background: #2b2b2b;
    padding: 0.8rem 2rem;
}

.x-withdraw-pending .media .media-body {
    margin-top: 0.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: 0.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;
}



@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, 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(https://ideabet.live/theme/allnewufabet/images/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: 0.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: 0.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 0.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 0.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 0.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, 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: 0.5rem 4rem 0;
    border-color: #5f4d22;
}

@media (max-width: 991.98px) {
    .x-instruction-content-wrapper hr {
        margin: 0.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, 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: 50px;
}

@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: 0.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: 0.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%, 0.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: 0.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: 0.25rem;
}

.x-button-actions .-btn-play-demo {
    padding: 0.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 0.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-silver,
.vex.vex-theme-plain
    .vex-content
    .vex-dialog-buttons
    .-btn-silver.vex-dialog-button {
    background-image: url(https://ideabet.live/theme/allnewufabet/images/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: 0.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 0.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 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.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 {
    
    align-items: center;
}

.x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
    position: relative;
    top: 0;
    width: 46px;
    height: auto;
}

@media (max-width: 991.98px) {
    .x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
        top: 0;
        width: 50px;
    }
}

@media (max-width: 575.98px) {
    .x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
    }
}

@media screen and (max-width: 350px) {
    .x-header .-header-inner-wrapper #headerBrand .navbar-brand .-logo {
    }
}

.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: 0.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%, 0.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: 0.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: 0.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: 0.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 0.3s;
}

.x-header-menu-container .nav-item .nav-link {
    position: relative;
    padding: 0.5rem 1.5rem;
    color: #fff;
    transition: color 0.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 {
   
    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: 0.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 0.4s infinite alternate;
    animation: x-fire-scaling 0.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: 0.2s;
    animation-delay: 0.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: 0.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: 0.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: 60px;
    }

    .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: 0.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: 0.5rem 0.25rem;
    position: relative;
    color: #d9d9d9 !important;
    transition: all 0.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: 0.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;
}

.x-footer .-mobile-application-container {
    background: url(https://ideabet.live/theme/allnewufabet/images/tab-bg.png);
    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: 0.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(https://ideabet.live/theme/allnewufabet/images/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;
}

.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, 0.25);
    transition: all 0.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, 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;
    position: fixed;
    top: 60%;
    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: 15%;
        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;
}

.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: 0.3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    40% {
        opacity: 0.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: 0.3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    40% {
        opacity: 0.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(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.9);
        transform: scale(0.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(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.9);
        transform: scale(0.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: 0.5;
    transition: all 0.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: 0.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: 0.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: 0.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 0.2s;
}

.x-1ufa-promotion-btn .-text {
    display: inline-block;
    color: #fff;
    background: #000 -webkit-gradient(linear, 100% 0, 0 0, from(#000), color-stop(0.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%, 0.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, 0.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 0.8s linear 1.5s;
    animation: fadeInUpAnimate 1s, heartBeat 0.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(0.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%, 0.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(https://ideabet.live/theme/allnewufabet/img/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(https://ideabet.live/theme/allnewufabet/images/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(https://ideabet.live/theme/allnewufabet/images/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%, 0.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: 0.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: 0.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: 0.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(https://ideabet.live/theme/allnewufabet/images/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: 14%;
}

.x-1ufa-provider-logo-component .navbar-nav .nav-item .-img {
    width: 100%;
    padding: 5px;
    transition: all 0.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(0.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;
    }
}




/* Custom */

.con-image{
    background: #00000057;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 30px;
}


/*NEwS*/

.containernews{
    width: 100%;
    max-width: 1100px;
    margin: 0px auto;
}
.headernews{
    text-align: center;
    font-size: 35px;
    font-weight: bolder;
        background: linear-gradient(180deg, #b38c2c 20%, #e8da9b 50%, #b38c2c 80%);
    text-shadow: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Style the tab */
.tabnews {
  overflow: hidden;
  border: 1px solid #ccc0;
  color: white;
  background-color: #25252500;
  text-align: center;
  border-radius: 20px;
}

/* Style the buttons inside the tab */
.tabnews button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  border-radius: 10px;
  color: white;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tabnews button:hover {
 
}

/* Create an active/current tablink class */


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  margin-top: 15px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


.newsleft{
    padding: 4px 0;
}
.newsright{
    padding:2px 2px;
    height: 100%;
}
.innewsleft{
    padding:5px;
}
.innewsleft img{
    width: 100%;
    border-radius: 5px;
    padding: 5px;
}
.innewsleft::before{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1;
      bottom: 0;
      left: 0;
      border: 4px solid transparent;
      border-radius: 10px;
      box-shadow: 5px 5px 15px black;
      background-image: linear-gradient(
180deg
, #1c1c1c, #0f0e0a), linear-gradient(
180deg
, #a78059 -30%, #f2d7a9 22%, #715236 72%, #f1bb73 112%);
      background-origin: border-box;
      background-clip: content-box, border-box;
}
.innewsleft:hover{
    background:#505050;
}
.innewsright{
    background: #252525;
    border-radius: 10px;
    padding: 5px;
    height: 100%;
    cursor: pointer;
}
.innewsright:hover{
    background: #505050;
}
.innewsright img{
    width: 100%;
    border-radius: 5px;
}
.dl-news{
    padding:0 5px;
    font-size: 18px;
    margin: 5px 0;
}
.dr-news{
    padding:0 5px;
    font-size: 15px;
    padding-top: 4px ;
    height: 100%;
}
@media (max-width:600px){
    .dl-news{
    padding:0 5px;
    font-size: 16px;
    margin: 5px 0;
}
}
/*NEwS*/


/* Custom */