@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Kanit Light"), local("Kanit-Light"),
    url(https://fonts.gstatic.com/s/kanit/v3/raMUm0YuovlN_Xqx-LUsqRkAz4rYn47Zy2rvigWQf6w.woff2)
      format("woff2");
  unicode-range: U+0e01-0e5b, U+200b-200d, U+25cc;
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Kanit Light"), local("Kanit-Light"),
    url(https://fonts.gstatic.com/s/kanit/v3/CqHtuY_4ZuQvl3YCWWxcjhkAz4rYn47Zy2rvigWQf6w.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab;
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Kanit Light"), local("Kanit-Light"),
    url(https://fonts.gstatic.com/s/kanit/v3/Lnhq4ewr1Zv9lEjxlxowSBkAz4rYn47Zy2rvigWQf6w.woff2)
      format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+20a0-20ab, U+20ad-20cf,
    U+2c60-2c7f, U+a720-a7ff;
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Kanit Light"), local("Kanit-Light"),
    url(https://fonts.gstatic.com/s/kanit/v3/cxHEBsWwed1A7aDhJATlyHYhjbSpvc47ee6xR_80Hnw.woff2)
      format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2212, U+2215;
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Kanit Medium"), local("Kanit-Medium"),
    url(https://fonts.gstatic.com/s/kanit/v3/oArYK_4Uh0OdBYA11_h0OxkAz4rYn47Zy2rvigWQf6w.woff2)
      format("woff2");
  unicode-range: U+0e01-0e5b, U+200b-200d, U+25cc;
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Kanit Medium"), local("Kanit-Medium"),
    url(https://fonts.gstatic.com/s/kanit/v3/k3PyxwcO82bD49MyqzQC8xkAz4rYn47Zy2rvigWQf6w.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab;
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Kanit Medium"), local("Kanit-Medium"),
    url(https://fonts.gstatic.com/s/kanit/v3/UvkE30TmWcD07ESVQhHR5hkAz4rYn47Zy2rvigWQf6w.woff2)
      format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+20a0-20ab, U+20ad-20cf,
    U+2c60-2c7f, U+a720-a7ff;
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Kanit Medium"), local("Kanit-Medium"),
    url(https://fonts.gstatic.com/s/kanit/v3/RHqh14DjcvgZGJknoCzKXnYhjbSpvc47ee6xR_80Hnw.woff2)
      format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2212, U+2215;
}
:root {
  --contact-igame-color: #fff;
  --contact-igame-bg: hsla(0, 0%, 100%, 0.1);
  --contact-us-text-color: #472c59;
  --contact-us-text-bg: #fff;
  --contact-us-text-font-size: 1.12rem;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #ecbd7b;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
} /*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*,
: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, Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #d2d2d2;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  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: #ecbd7b;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #e29c38;
  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, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.4;
}
.h1,
h1 {
  font-size: 2rem;
}
.h2,
h2 {
  font-size: 1.6rem;
}
.h3,
h3 {
  font-size: 1.4rem;
}
.h4,
h4 {
  font-size: 1.2rem;
}
.h5,
h5 {
  font-size: 1rem;
}
.h6,
h6 {
  font-size: 0.8rem;
}
.lead {
  font-size: 1rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
}
.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.4;
}
.display-2 {
  font-size: 5.5rem;
}
.display-3 {
  font-size: 4.5rem;
}
.display-3,
.display-4 {
  font-weight: 300;
  line-height: 1.4;
}
.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: 1rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer:before {
  content: "\2014\00A0";
}
.img-fluid,
.img-thumbnail {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 3px;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col,
.col-1,
.col-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: #faedda;
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #f5ddba;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #f7e2c4;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
  background-color: #d6d8db;
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success,
.table-success > td,
.table-success > th {
  background-color: #c3e6cb;
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e;
}
.table-hover .table-success:hover,
.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: #ffeeba;
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger,
.table-danger > td,
.table-danger > th {
  background-color: #f5c6cb;
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e;
}
.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light,
.table-light > td,
.table-light > th {
  background-color: #fdfdfe;
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover,
.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 + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 3px;
  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: #495057;
  background-color: #fff;
  border-color: #fcf5ea;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 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: 1rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.7rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  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.7rem;
  line-height: 1.5;
  border-radius: 3px;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  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.7rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 3px;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  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.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.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 + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: calc((3em + 2.25rem) / 4 + 1.75rem);
  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.75rem 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")
      #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem)
      calc(0.75em + 0.375rem);
}
.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: #dc3545;
}
.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.7rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 3px;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' 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.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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 + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: calc((3em + 2.25rem) / 4 + 1.75rem);
  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.75rem center/8px 10px,
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' 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")
      #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem)
      calc(0.75em + 0.375rem);
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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: #dc3545;
}
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid ~ .custom-control-label:before {
  border-color: #dc3545;
}
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
  display: block;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label:before,
.was-validated
  .custom-control-input:invalid:checked
  ~ .custom-control-label:before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label:before,
.was-validated
  .custom-control-input:invalid:focus
  ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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: #dc3545;
}
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
  display: block;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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 {
  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.8rem;
  line-height: 1.5;
  border-radius: 3px;
  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 {
    transition: none;
  }
}
.btn:hover {
  color: #d2d2d2;
  text-decoration: none;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #212529;
  background-color: #ecbd7b;
  border-color: #ecbd7b;
}
.btn-primary:hover {
  color: #212529;
  background-color: #e7ac5a;
  border-color: #e6a74e;
}
.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 166, 111, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #212529;
  background-color: #ecbd7b;
  border-color: #ecbd7b;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #212529;
  background-color: #e6a74e;
  border-color: #e4a143;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 166, 111, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary.focus,
.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 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: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning.focus,
.btn-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger.focus,
.btn-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 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: #ecbd7b;
  border-color: #ecbd7b;
}
.btn-outline-primary:hover {
  color: #212529;
  background-color: #ecbd7b;
  border-color: #ecbd7b;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #ecbd7b;
  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: #ecbd7b;
  border-color: #ecbd7b;
}
.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(236, 189, 123, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 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: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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: #ecbd7b;
  text-decoration: none;
}
.btn-link:hover {
  color: #e29c38;
  text-decoration: underline;
}
.btn-link.focus,
.btn-link:focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
  line-height: 1.5;
  border-radius: 3px;
}
.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.8rem;
  color: #d2d2d2;
  text-align: left;
  list-style: none;
  background-color: rgba(17, 21, 24, 0.8);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.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: #ecbd7b;
}
.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.7rem;
  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 {
  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 {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
  margin-left: -1px;
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label:after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-append,
.input-group-prepend {
  display: flex;
}
.input-group-append .btn,
.input-group-prepend .btn {
  position: relative;
  z-index: 2;
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
  z-index: 3;
}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 3px;
}
.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"] {
  margin-top: 0;
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5px;
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
  line-height: 1.5;
  border-radius: 3px;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 1.2rem;
  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: #ecbd7b;
  background-color: #ecbd7b;
}
.custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
  border-color: #fcf5ea;
}
.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: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label:after,
.custom-control-label:before {
  position: absolute;
  top: 0.1rem;
  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: 3px;
}
.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: #ecbd7b;
  background-color: #ecbd7b;
}
.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(236, 189, 123, 0.5);
}
.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label:before {
  background-color: rgba(236, 189, 123, 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(236, 189, 123, 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.1rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  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;
}
@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: #fff;
  transform: translateX(0.75rem);
}
.custom-switch
  .custom-control-input:disabled:checked
  ~ .custom-control-label:before {
  background-color: rgba(236, 189, 123, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  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.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select:focus {
  border-color: #fcf5ea;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  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.7rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1rem;
}
.custom-file {
  display: inline-block;
  margin-bottom: 0;
}
.custom-file,
.custom-file-input {
  position: relative;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
}
.custom-file-input {
  z-index: 2;
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #fcf5ea;
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 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 + 0.75rem + 2px);
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 3px;
}
.custom-file-label,
.custom-file-label:after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
}
.custom-file-label:after {
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 3px 3px 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 #fff, 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #ecbd7b;
  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: #ecbd7b;
  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: #ecbd7b;
  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;
}
@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: 3px;
  border-top-right-radius: 3px;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 3px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #ecbd7b;
}
.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.35rem;
  padding-bottom: 0.35rem;
  margin-right: 1rem;
  font-size: 1rem;
  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: 1rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
}
.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: 3px;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.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: 2px 2px 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 2px 2px;
}
.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: 2px;
}
.card-img-top {
  width: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.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 {
    -moz-column-count: 3;
    column-count: 3;
    -moz-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: translarant;
  border-radius: 3px;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item:before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #ecbd7b;
  content: ">";
}
.breadcrumb-item + .breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none;
}
.breadcrumb-item.active {
  color: grey;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 3px;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ecbd7b;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #e29c38;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.page-item:last-child .page-link {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #ecbd7b;
  border-color: #ecbd7b;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.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: 3px;
  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 {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #212529;
  background-color: #ecbd7b;
}
a.badge-primary:focus,
a.badge-primary:hover {
  color: #212529;
  background-color: #e6a74e;
}
a.badge-primary.focus,
a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 189, 123, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:focus,
a.badge-secondary:hover {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary.focus,
a.badge-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 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: #ffc107;
}
a.badge-warning:focus,
a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning.focus,
a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:focus,
a.badge-danger:hover {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger.focus,
a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 5px;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 3px;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3.7rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #7b6240;
  background-color: #fbf2e5;
  border-color: #faedda;
}
.alert-primary hr {
  border-top-color: #f7e2c4;
}
.alert-primary .alert-link {
  color: #59472f;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@-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.6rem;
  background-color: #e9ecef;
  border-radius: 3px;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #ecbd7b;
  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: 3px;
  border-top-right-radius: 3px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.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: #ecbd7b;
  border-color: #ecbd7b;
}
.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: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  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: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    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: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    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: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    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: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    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: #7b6240;
  background-color: #faedda;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #7b6240;
  background-color: #f7e2c4;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #7b6240;
  border-color: #7b6240;
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.2rem;
  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;
}
.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: hsla(0, 0%, 100%, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: hsla(0, 0%, 100%, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translateY(-50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  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, Helvetica, Arial, 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.7rem;
  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: 3px;
}
.popover {
  top: 0;
  left: 0;
  z-index: 1060;
  max-width: 276px;
  font-family: Kanit, Helvetica Neue, Helvetica, Arial, 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.7rem;
  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.8rem;
  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;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner:after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
  transform: translateX(100%);
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@-webkit-keyframes spinner-border {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner-border {
  to {
    transform: rotate(1turn);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid;
  border-right: 0.25em solid transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow 0.75s linear infinite;
  animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #ecbd7b !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #e6a74e !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #ecbd7b !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded,
.rounded-sm {
  border-radius: 3px !important;
}
.rounded-top {
  border-top-left-radius: 3px !important;
}
.rounded-right,
.rounded-top {
  border-top-right-radius: 3px !important;
}
.rounded-bottom,
.rounded-right {
  border-bottom-right-radius: 3px !important;
}
.rounded-bottom,
.rounded-left {
  border-bottom-left-radius: 3px !important;
}
.rounded-left {
  border-top-left-radius: 3px !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: #ecbd7b !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #e29c38 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important;
}
.text-body {
  color: #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;
}
@media print {
  *,
  :after,
  :before {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  .container,
  body {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark tbody + tbody,
  .table-dark td,
  .table-dark th,
  .table-dark thead th {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.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 {
  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;
}
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: #ecbd7b;
}
.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: 2rem !important;
}
.f-2 {
  font-size: 1.6rem !important;
}
.f-3 {
  font-size: 1.4rem !important;
}
.f-4 {
  font-size: 1.2rem !important;
}
.f-5 {
  font-size: 1rem !important;
}
.f-6 {
  font-size: 0.8rem !important;
}
.f-7 {
  font-size: 0.72rem !important;
}
.f-8 {
  font-size: 0.64rem !important;
}
.f-9 {
  font-size: 0.56rem !important;
}
@media (min-width: 576px) {
  .f-sm-1 {
    font-size: 2rem !important;
  }
  .f-sm-2 {
    font-size: 1.6rem !important;
  }
  .f-sm-3 {
    font-size: 1.4rem !important;
  }
  .f-sm-4 {
    font-size: 1.2rem !important;
  }
  .f-sm-5 {
    font-size: 1rem !important;
  }
  .f-sm-6 {
    font-size: 0.8rem !important;
  }
  .f-sm-7 {
    font-size: 0.72rem !important;
  }
  .f-sm-8 {
    font-size: 0.64rem !important;
  }
  .f-sm-9 {
    font-size: 0.56rem !important;
  }
}
@media (min-width: 768px) {
  .f-md-1 {
    font-size: 2rem !important;
  }
  .f-md-2 {
    font-size: 1.6rem !important;
  }
  .f-md-3 {
    font-size: 1.4rem !important;
  }
  .f-md-4 {
    font-size: 1.2rem !important;
  }
  .f-md-5 {
    font-size: 1rem !important;
  }
  .f-md-6 {
    font-size: 0.8rem !important;
  }
  .f-md-7 {
    font-size: 0.72rem !important;
  }
  .f-md-8 {
    font-size: 0.64rem !important;
  }
  .f-md-9 {
    font-size: 0.56rem !important;
  }
}
@media (min-width: 992px) {
  .f-lg-1 {
    font-size: 2rem !important;
  }
  .f-lg-2 {
    font-size: 1.6rem !important;
  }
  .f-lg-3 {
    font-size: 1.4rem !important;
  }
  .f-lg-4 {
    font-size: 1.2rem !important;
  }
  .f-lg-5 {
    font-size: 1rem !important;
  }
  .f-lg-6 {
    font-size: 0.8rem !important;
  }
  .f-lg-7 {
    font-size: 0.72rem !important;
  }
  .f-lg-8 {
    font-size: 0.64rem !important;
  }
  .f-lg-9 {
    font-size: 0.56rem !important;
  }
}
@media (min-width: 1200px) {
  .f-xl-1 {
    font-size: 2rem !important;
  }
  .f-xl-2 {
    font-size: 1.6rem !important;
  }
  .f-xl-3 {
    font-size: 1.4rem !important;
  }
  .f-xl-4 {
    font-size: 1.2rem !important;
  }
  .f-xl-5 {
    font-size: 1rem !important;
  }
  .f-xl-6 {
    font-size: 0.8rem !important;
  }
  .f-xl-7 {
    font-size: 0.72rem !important;
  }
  .f-xl-8 {
    font-size: 0.64rem !important;
  }
  .f-xl-9 {
    font-size: 0.56rem !important;
  }
}
.form-control-label.required:after {
  content: "*";
  color: #dc3545;
  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;
}
.x-back-to-top {
  position: fixed;
  right: 1%;
  bottom: -7.5%;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  color: transparent;
  opacity: 0.5;
  z-index: 3;
  visibility: hidden;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: #858585;
}
.x-back-to-top:focus,
.x-back-to-top:hover {
  opacity: 1;
  text-decoration: none;
}
.x-back-to-top:focus {
  outline: thin dotted;
}
.x-back-to-top:after,
.x-back-to-top:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}
.x-back-to-top:before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid #858585;
}
.x-back-to-top:after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #505050;
}
.x-back-to-top:focus,
.x-back-to-top:hover {
  height: 40px;
  color: #212223;
}
.x-back-to-top.-show {
  display: block;
  bottom: 1.25%;
  visibility: visible;
} /*!
 * 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;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    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;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    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: 33px;
}
.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: 3px;
}
.selectize-control.form-control .selectize-input {
  border: none;
  background-color: #fff;
  border-radius: 3px;
  height: 100%;
  padding: 0.375rem 0.75rem;
}
.selectize-control.form-control .selectize-input > * {
  height: 1.12rem;
  overflow: hidden;
}
.selectize-control.form-control .selectize-input .item,
.selectize-control.form-control .selectize-input input {
  font-size: 0.8rem;
  line-height: 1.5;
}
.selectize-control.form-control.x-selectize-custom-render {
  min-height: 33px;
  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.375rem 0.75rem;
}
.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 {
  content: "...";
  -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%;
  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: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000;
  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: #ecbd7b;
}
.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: "←";
  font-size: 13px;
}
.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow.slick-next:before {
  content: "→";
  font-size: 13px;
}
body,
html {
  width: 100%;
  height: 100%;
  background: transparent;
}
body {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
.x-hr-border-glow {
  height: 1px;
  margin-top: 0;
  background: linear-gradient(
    90deg,
    transparent,
    #ecbd7b 30%,
    #ecbd7b 70%,
    transparent
  );
  width: 70%;
  text-align: center;
}
.x-br-lg {
  display: block;
}
@media (max-width: 991.98px) {
  .x-br-lg {
    display: none;
  }
}
.x-button-register-v2 {
  position: relative;
}
@media (max-width: 991.98px) {
  .x-button-register-v2 {
    z-index: 2;
  }
}
.x-button-register-v2 .-btn {
  -webkit-animation: pulse 1s infinite alternate;
  animation: pulse 1s infinite alternate;
  margin-top: 20px;
  margin-left: 15px;
}
.x-button-register-v2 .-btn img {
  width: 270px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .x-button-register-v2 .-btn img {
    width: 230px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-button-register-v2 .-btn img {
    width: 350px;
  }
}
@media (max-width: 575.98px) {
  .x-button-register-v2 .-btn img {
    width: 65%;
  }
}
@media (max-width: 767.98px) {
  .x-button-register-v2 .-btn {
    margin-top: 10px;
  }
}
@media (max-width: 575.98px) {
  .x-button-register-v2 .-btn {
    margin-left: 15px;
  }
}
.x-button-register-v2 .-btn .-text-btn {
  display: inline-block;
  color: #fff;
  background: #5e0083 -webkit-gradient(linear, 100% 0, 0 0, from(#5e0083), color-stop(0.5, #fff), to(#5e0083));
  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;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .x-button-register-v2 .-btn .-text-btn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
.x-button-register-v2 a {
  border: none;
}
.x-coin-hunting-primary {
  color: #44126a !important;
}
.x-coin-hunting-warning {
  color: #d6943b !important;
}
.x-coin-hunting-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.x-coin-hunting-container .-header-container {
  padding: 10px 0;
  background: transparent;
}
.x-coin-hunting-container .-header-container .-logo {
  width: 100px;
}
.x-coin-hunting-container .-content-container {
  overflow: hidden;
  margin-top: -74px;
  padding-top: 84px;
  padding-bottom: 8rem;
  background-size: cover;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
@media (max-width: 575.98px) {
  .x-coin-hunting-container .-content-container {
    padding-bottom: 5rem;
  }
}
.x-coin-hunting-container .-content-container .-coin-animation {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  opacity: 0.2;
  -webkit-animation: x-coin-hunting-mover 4s ease-in-out infinite;
  animation: x-coin-hunting-mover 4s ease-in-out infinite;
}
@media (max-width: 991.98px) {
  .x-coin-hunting-container .-content-container .-coin-animation {
    position: fixed;
  }
}
.x-coin-hunting-container .-content-container .-banner-wrapper .-img {
  width: 100%;
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  .x-coin-hunting-container .-content-container .-description-wrapper {
    margin-top: 4rem;
  }
}
.x-coin-hunting-container .-content-container .-description-wrapper .card {
  position: relative;
  height: 100%;
  border: 3px solid #44126a;
  border-radius: 20px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .-coin {
  position: absolute;
  top: -30px;
  right: -60px;
  width: 150px;
  -webkit-animation: x-coin-hunting-mover 6s ease-in-out infinite;
  animation: x-coin-hunting-mover 6s ease-in-out infinite;
}
@media (max-width: 1199.98px) {
  .x-coin-hunting-container
    .-content-container
    .-description-wrapper
    .card
    .-coin {
    top: -25px;
    right: -70px;
    width: 130px;
  }
}
@media (max-width: 575.98px) {
  .x-coin-hunting-container
    .-content-container
    .-description-wrapper
    .card
    .-coin {
    right: -66px;
    width: 120px;
  }
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body {
  padding-left: 3rem;
  padding-right: 2rem;
}
@media (max-width: 991.98px) {
  .x-coin-hunting-container
    .-content-container
    .-description-wrapper
    .card
    .card-body {
    padding-left: 2rem;
    padding-bottom: 2rem;
  }
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body
  .-title {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #44126a;
}
@media (max-width: 575.98px) {
  .x-coin-hunting-container
    .-content-container
    .-description-wrapper
    .card
    .card-body
    .-title {
    font-size: 1.25rem;
  }
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body
  .-description {
  max-height: 400px;
  margin-top: 2rem;
  padding-right: 10px;
  color: #000;
  font-size: 1rem;
  overflow: auto;
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body
  .-description
  .-desc-title {
  text-decoration: underline;
  font-weight: 700;
  color: #44126a;
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body
  .-description
  a {
  font-weight: 700;
  color: #d6943b;
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body
  .-description::-webkit-scrollbar-track {
  background-color: #beced9;
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body
  .-description::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #44126a;
  border-radius: 5px;
}
.x-coin-hunting-container
  .-content-container
  .-description-wrapper
  .card
  .card-body
  .-description::-webkit-scrollbar-thumb {
  background-color: #44126a;
  border-radius: 5px;
}
@media (max-width: 1199.98px) {
  .x-coin-hunting-container
    .-content-container
    .-description-wrapper
    .card
    .card-body
    .-description {
    max-height: 300px;
  }
}
@media (max-width: 991.98px) {
  .x-coin-hunting-container
    .-content-container
    .-description-wrapper
    .card
    .card-body
    .-description {
    max-height: unset;
  }
}
@media (max-width: 575.98px) {
  .x-coin-hunting-container
    .-content-container
    .-description-wrapper
    .card
    .card-body
    .-description {
    font-size: 0.9rem;
  }
}
.x-coin-hunting-container .-bottom-container {
  position: relative;
  padding: 2rem 0 3rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.x-coin-hunting-container .-bottom-container .-banner-wrapper {
  position: relative;
}
.x-coin-hunting-container
  .-bottom-container
  .-banner-wrapper
  .-bear-group-wrapper {
  overflow: hidden;
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 300px;
}
.x-coin-hunting-container
  .-bottom-container
  .-banner-wrapper
  .-bear-group-wrapper
  .-bear-group {
  width: 100%;
}
@media (max-width: 767.98px) {
  .x-coin-hunting-container
    .-bottom-container
    .-banner-wrapper
    .-bear-group-wrapper {
    width: 260px;
  }
}
@media (max-width: 575.98px) {
  .x-coin-hunting-container
    .-bottom-container
    .-banner-wrapper
    .-bear-group-wrapper {
    width: 100%;
  }
}
.x-coin-hunting-container .-bottom-container .-content-wrapper {
  position: relative;
}
.x-coin-hunting-container .-bottom-container .-content-wrapper .-desc {
  color: #fff;
  font-size: 1.25rem;
}
.x-coin-hunting-container .-bottom-container .-content-wrapper .-logo {
  width: 150px;
}
@media (max-width: 575.98px) {
  .x-coin-hunting-container .-bottom-container .-content-wrapper .-desc {
    font-size: 1rem;
  }
  .x-coin-hunting-container .-bottom-container .-content-wrapper .-logo {
    width: 130px;
  }
}
.x-coin-hunting-container .-bottom-container .-bear-head-wrapper {
  overflow: hidden;
  position: absolute;
  width: 400px;
  height: 100%;
  top: 0;
  right: -100px;
}
.x-coin-hunting-container .-bottom-container .-bear-head-wrapper .-bear {
  width: 100%;
}
@media (max-width: 991.98px) {
  .x-coin-hunting-container .-bottom-container .-bear-head-wrapper {
    display: none;
  }
}
.x-coin-hunting-container .x-footer {
  z-index: 2;
  position: relative;
  background: #2f2f2f;
}
.x-bottom-btn-wrapper {
  position: absolute;
  left: 50%;
  bottom: -30px;
  padding: 4px;
  transform: translateX(-50%);
  background: #44126a;
  border-radius: 30px;
  transition: background 0.2s;
}
.x-bottom-btn-wrapper .-btn {
  padding: 0.5rem 1.75rem;
  background: transparent;
  border: 3px solid #f98ef5;
  border-radius: 30px;
  font-size: 1.25rem;
  color: #fff;
}
.x-bottom-btn-wrapper .-btn .fas {
  -webkit-animation: x-left-right 1.5s ease-in-out infinite;
  animation: x-left-right 1.5s ease-in-out infinite;
}
.x-bottom-btn-wrapper .-btn span {
  display: inline-block;
  color: #fff;
  background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #521680), to(#fff));
  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-bottom-btn-wrapper .-btn span {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
@media (min-width: 992px) {
  .x-bottom-btn-wrapper:hover {
    background: #601996;
    cursor: pointer;
  }
}
@media (max-width: 575.98px) {
  .x-bottom-btn-wrapper {
    bottom: -25px;
  }
  .x-bottom-btn-wrapper .-btn {
    font-size: 1rem;
  }
}
.x-credit-free-container .-sa-v2 .-img-box-center {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .x-credit-free-container .-sa-v2 .-img-box-center {
    margin-bottom: 5rem;
  }
}
@media (max-width: 991.98px) {
  .x-credit-free-container .-sa-v2 .-img-box-center {
    margin-top: 0;
  }
  .x-credit-free-container .-sa-v2 .-img-box-center .x-footer-lobby-logo {
    margin-top: 3rem !important;
  }
}
.x-credit-free-container .-sa-v2 .-img-box-center .-box-center-inner {
  background-repeat: no-repeat;
  background-position: center 15%;
  background-size: contain;
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
}
@media (max-width: 991.98px) {
  .x-credit-free-container .-sa-v2 .-img-box-center .-box-center-inner {
    background-image: none !important;
  }
}
.x-credit-free-container
  .-sa-v2
  .-img-box-center
  .-box-center-inner
  .-img-element-inner {
  margin-bottom: -80px;
}
@media (max-width: 991.98px) {
  .x-credit-free-container
    .-sa-v2
    .-img-box-center
    .-box-center-inner
    .-img-element-inner {
    margin-bottom: -30px;
  }
}
.x-credit-free-container
  .-sa-v2
  .-img-box-center
  .-box-center-inner
  .-img-element-inner
  .-desktop {
  width: 850px;
  -webkit-animation: fadeInUp 1s linear;
  animation: fadeInUp 1s linear;
}
@media (min-width: 992px) {
  .x-credit-free-container
    .-sa-v2
    .-img-box-center
    .-box-center-inner
    .-img-element-inner
    .-desktop {
    display: inline;
  }
}
.x-credit-free-container .-sa-v2 .-img-box-center .-box-center-inner-content {
  -webkit-animation: fadeIn 1.6s linear;
  animation: fadeIn 1.6s linear;
}
@media (min-width: 992px) {
  .x-credit-free-container .-sa-v2 .-img-box-center .-box-center-inner-content {
    margin-top: 1rem;
  }
}
.x-credit-free-container
  .-sa-v2
  .-img-box-center
  .-box-center-inner-content
  img {
  width: 600px;
}
@media (max-width: 991.98px) {
  .x-credit-free-container .-sa-v2 .-box-bottom {
    position: relative;
    z-index: 1;
    padding-bottom: 6rem;
  }
  .x-credit-free-container .-sa-v2 .-box-bottom .-bg-circle {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 300px;
  }
  .x-credit-free-container .-sa-v2 .-box-bottom .-ic-mobile {
    position: absolute;
    top: -50%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-credit-free-container .-sa-v2 .-box-bottom .-ic-mobile {
    top: -30%;
  }
}
@media (max-width: 575.98px) {
  .x-credit-free-container .-sa-v2 .-box-bottom .-ic-mobile {
    top: 10%;
  }
}
.x-credit-free-container .-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.x-credit-free-container .-bg-container .-bg-1,
.x-credit-free-container .-bg-container .-bg-2,
.x-credit-free-container .-bg-container .-bg-3 {
  position: fixed;
  left: 25%;
  top: 20%;
  z-index: 0;
}
@media (max-width: 1199.98px) {
  .x-credit-free-container .-bg-container .-bg-1,
  .x-credit-free-container .-bg-container .-bg-2,
  .x-credit-free-container .-bg-container .-bg-3 {
    left: 10%;
  }
}
@media (max-width: 767.98px) {
  .x-credit-free-container .-bg-container .-bg-1,
  .x-credit-free-container .-bg-container .-bg-2,
  .x-credit-free-container .-bg-container .-bg-3 {
    left: -10%;
  }
}
.x-credit-free-container .-bg-container .-bg-1 {
  -webkit-animation: x-bg-1 8s ease infinite;
  animation: x-bg-1 8s ease infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.x-credit-free-container .-bg-container .-bg-2 {
  -webkit-animation: x-bg-2 8s ease infinite;
  animation: x-bg-2 8s ease infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.x-credit-free-container .-bg-container .-bg-3 {
  -webkit-animation: x-bg-3 8s ease infinite;
  animation: x-bg-3 8s ease infinite;
}
.x-credit-free-container .-bg-container.-bg-light-bottom {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
@media (max-width: 575.98px) {
  .x-credit-free-container .-bg-container.-bg-light-bottom {
    background-size: auto;
  }
}
.x-credit-free-container .-logo {
  width: 40px;
}
@media (max-width: 991.98px) {
  .x-credit-free-container .-default-img {
    width: auto;
  }
}
.x-footer {
  background: #4e4a4a;
}
.x-landing-wm-container {
  background: linear-gradient(180deg, #0b1b2f 70%, #122b4a);
}
.x-landing-wm-container .x-credit-free-container {
  overflow: hidden;
}
.x-landing-wm-container .x-credit-free-container .-bg-radial {
  background-image: radial-gradient(
    rgba(58, 95, 146, 0.8),
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0)
  );
  background-size: 160% 140%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.x-landing-wm-container .x-credit-free-container .-bg-radial #falling-star {
  height: 200px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 45%;
  width: 100%;
  transform: rotate(-5deg);
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-star {
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: repeat-x;
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  width: 200vw;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-star:first-child {
  -webkit-animation: twinkle 8s ease-in -5s infinite alternate,
    layer-1 60s linear infinite;
  animation: twinkle 8s ease-in -5s infinite alternate,
    layer-1 60s linear infinite;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-star:nth-child(2) {
  -webkit-animation: twinkle 3s ease-in -3s infinite alternate,
    layer-2 120s linear infinite;
  animation: twinkle 3s ease-in -3s infinite alternate,
    layer-2 120s linear infinite;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-star:nth-child(3) {
  -webkit-animation: twinkle 3.5s ease-in infinite alternate,
    layer-3 120s linear infinite;
  animation: twinkle 3.5s ease-in infinite alternate,
    layer-3 120s linear infinite;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-star:nth-child(4) {
  -webkit-animation: twinkle 4s ease-in -2s infinite alternate,
    layer-4 80s linear infinite;
  animation: twinkle 4s ease-in -2s infinite alternate,
    layer-4 80s linear infinite;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-star:nth-child(5) {
  -webkit-animation: twinkle 5.5s ease-in infinite alternate,
    layer-5 80s linear infinite;
  animation: twinkle 5.5s ease-in infinite alternate,
    layer-5 80s linear infinite;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-falling-star {
  content: "";
  position: absolute;
  top: -50px;
  z-index: 100;
  width: 72px;
  height: 50px;
  background-size: 72px 50px;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-falling-star:nth-child(6) {
  -webkit-animation: x-shooting-star-1 10s infinite;
  animation: x-shooting-star-1 10s infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  left: 70%;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-falling-star:nth-child(7) {
  -webkit-animation: x-shooting-star-2 10s infinite;
  animation: x-shooting-star-2 10s infinite;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  left: 40%;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-falling-star:nth-child(8) {
  -webkit-animation: x-shooting-star-2 10s infinite;
  animation: x-shooting-star-2 10s infinite;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  left: 90%;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-falling-star:nth-child(9) {
  -webkit-animation: x-shooting-star-1 10s infinite;
  animation: x-shooting-star-1 10s infinite;
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  left: 55%;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  #falling-star
  .-falling-star:nth-child(10) {
  -webkit-animation: x-shooting-star-1 10s infinite;
  animation: x-shooting-star-1 10s infinite;
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
  left: 20%;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .x-wm-landing-animation-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .x-wm-landing-animation-container
  .-bg-4,
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .x-wm-landing-animation-container
  .-bg-5 {
  position: absolute;
  z-index: 0;
}
@media (max-width: 1199.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .x-wm-landing-animation-container
    .-bg-4,
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .x-wm-landing-animation-container
    .-bg-5 {
    left: 10%;
  }
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .x-wm-landing-animation-container
    .-bg-4,
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .x-wm-landing-animation-container
    .-bg-5 {
    left: -10%;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .x-wm-landing-animation-container
  .-bg-4 {
  top: -90px;
  left: 15%;
  width: 74%;
  -webkit-animation: x-wm-lobby-bg-1 14s ease infinite;
  animation: x-wm-lobby-bg-1 14s ease infinite;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .x-wm-landing-animation-container
  .-bg-5 {
  top: -250px;
  left: 200px;
  width: 100%;
  -webkit-animation: x-wm-lobby-bg-2 10s ease-out infinite;
  animation: x-wm-lobby-bg-2 10s ease-out infinite;
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .x-wm-landing-animation-container
    .-bg-5 {
    top: 20px;
    left: 0;
  }
}
.x-landing-wm-container .x-credit-free-container .-bg-radial .-logo-wrapper {
  display: inline-block;
  align-items: center;
  padding: 15px 0;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-logo-wrapper
  .-logo {
  width: 65px;
}
@media (max-width: 575.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-logo-wrapper
    .-logo {
    width: 45px;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-logo-wrapper
  .-logo-text {
  margin-top: 10px;
  width: 120px;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper {
  position: relative;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-inner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 5;
  padding-bottom: 2rem;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-inner-wrapper
  .-btn-register {
  position: relative;
  margin-top: 3rem;
  padding: 0;
  transition: all 0.2s;
}
@media (min-width: 992px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-btn-register:hover {
    -webkit-filter: saturate(2);
    filter: saturate(2);
    transform: scale(1.025);
  }
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-btn-register {
    margin-top: 2rem;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-inner-wrapper
  .-btn-register
  .-fake-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 40px;
  width: 96%;
  height: 88%;
  transform: translate(-50%, -53%);
  z-index: 1;
  -webkit-animation: x-wm-white-neon 1.5s ease-in-out infinite alternate;
  animation: x-wm-white-neon 1.5s ease-in-out infinite alternate;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-inner-wrapper
  .-btn-register
  .-img {
  width: 250px;
}
@media (max-width: 575.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-btn-register
    .-img {
    width: 200px;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-inner-wrapper
  .-btn-register
  .-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  font-size: 1.04rem;
  transform: translate(-50%, -60%);
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-inner-wrapper
  .-btn-register
  .-text-wrapper
  .-text {
  font-size: 1.2rem;
  position: relative;
  color: #081f35;
  display: inline-block;
  color: #fff;
  background: #030a21 -webkit-gradient(linear, 100% 0, 0 0, from(#030a21), color-stop(0.5, #fff), to(#030a21));
  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-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-btn-register
    .-text-wrapper
    .-text {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-btn-register
    .-text-wrapper
    .-text {
    font-size: 1rem;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-inner-wrapper
  .-title-img {
  width: 750px;
}
@media (max-width: 1199.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-girl-groups
    .-center-bg {
    width: 800px;
  }
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-title-img {
    width: 650px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-girl-groups
    .-center-bg {
    width: 750px;
  }
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-title-img {
    width: 600px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-girl-groups
    .-center-bg {
    width: 550px;
  }
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-title-img {
    width: 450px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper {
    padding: 0;
  }
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-girl-groups
    .-center-bg,
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-inner-wrapper
    .-title-img {
    width: 100%;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-card {
  position: absolute;
  z-index: 1;
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-card.-item-1 {
  left: -50px;
  top: 250px;
  width: 130px;
  -webkit-animation: x-wm-lobby-bg-1 12s ease infinite;
  animation: x-wm-lobby-bg-1 12s ease infinite;
}
@media (max-width: 991.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-1 {
    top: 200px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-1 {
    left: -80px;
    top: 100px;
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-1 {
    width: 60px;
    left: 0;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-card.-item-2 {
  right: -60px;
  bottom: 200px;
  width: 140px;
  -webkit-animation: x-wm-lobby-bg-2 12s ease infinite;
  animation: x-wm-lobby-bg-2 12s ease infinite;
}
@media (max-width: 991.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-2 {
    bottom: 150px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-2 {
    right: -80px;
    width: 100px;
    bottom: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-2 {
    width: 60px;
    right: 10px;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .-bg-radial
  .-container-wrapper
  .-card.-item-3 {
  right: -50px;
  width: 70px;
  top: 100px;
  -webkit-animation: x-wm-lobby-bg-3 12s ease infinite;
  animation: x-wm-lobby-bg-3 12s ease infinite;
}
@media (max-width: 767.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-3 {
    right: -80px;
    width: 60px;
    top: 80px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-wm-container
    .x-credit-free-container
    .-bg-radial
    .-container-wrapper
    .-card.-item-3 {
    top: 80px;
    right: -20px;
    width: 50px;
  }
}
@media (min-width: 992px) {
  .x-landing-wm-container .x-credit-free-container .x-footer-lobby-logo {
    margin-bottom: 3rem;
  }
}
@media (max-width: 991.98px) {
  .x-landing-wm-container .x-credit-free-container .x-footer-lobby-logo {
    margin-top: 3rem !important;
  }
}
@media (max-width: 375px) {
  .x-landing-wm-container .x-credit-free-container .x-footer-lobby-logo .f-4 {
    font-size: 1rem !important;
  }
}
.x-landing-wm-container
  .x-credit-free-container
  .x-footer-lobby-logo
  .x-hr-border-glow {
  width: 35%;
  background: linear-gradient(
    90deg,
    rgba(102, 108, 117, 0.1),
    rgba(102, 108, 117, 0.6) 10%,
    #e6e6e6 50%,
    rgba(102, 108, 117, 0.6) 90%,
    rgba(102, 108, 117, 0.1)
  );
}
.x-landing-wm-container .-bg-footer {
  width: 100%;
}
.x-landing-sa-container
  .x-register-card-landing
  .-promotion-header
  .-logo-title {
  width: 330px;
}
.x-landing-sa-container .-default-img,
.x-landing-sexy-container .-default-img,
.x-landing-wm-container .-default-img {
  border-radius: 30px;
}
.x-landing-sa-container .x-register-card-landing .-promotion-header,
.x-landing-sexy-container .x-register-card-landing .-promotion-header,
.x-landing-wm-container .x-register-card-landing .-promotion-header {
  text-align: center;
}
.x-landing-sa-container
  .x-register-card-landing
  .-promotion-header
  .-bg-active-wrapper,
.x-landing-sexy-container
  .x-register-card-landing
  .-promotion-header
  .-bg-active-wrapper,
.x-landing-wm-container
  .x-register-card-landing
  .-promotion-header
  .-bg-active-wrapper {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}
.x-landing-sa-container
  .x-register-card-landing
  .-promotion-header
  .-bg-active-wrapper
  .-title,
.x-landing-sexy-container
  .x-register-card-landing
  .-promotion-header
  .-bg-active-wrapper
  .-title,
.x-landing-wm-container
  .x-register-card-landing
  .-promotion-header
  .-bg-active-wrapper
  .-title {
  margin-top: 2rem;
  font-size: 1.8rem;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .x-landing-sa-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title,
  .x-landing-sexy-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title,
  .x-landing-wm-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-sa-container
    .x-register-card-landing
    .-promotion-header
    .-logo-title,
  .x-landing-sexy-container
    .x-register-card-landing
    .-promotion-header
    .-logo-title,
  .x-landing-wm-container
    .x-register-card-landing
    .-promotion-header
    .-logo-title {
    width: 250px;
  }
  .x-landing-sa-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title,
  .x-landing-sexy-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title,
  .x-landing-wm-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-sa-container
    .x-register-card-landing
    .-promotion-header
    .-logo-title,
  .x-landing-sexy-container
    .x-register-card-landing
    .-promotion-header
    .-logo-title,
  .x-landing-wm-container
    .x-register-card-landing
    .-promotion-header
    .-logo-title {
    width: 230px;
  }
  .x-landing-sa-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title,
  .x-landing-sexy-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title,
  .x-landing-wm-container
    .x-register-card-landing
    .-promotion-header
    .-bg-active-wrapper
    .-title {
    font-size: 1.2rem;
  }
}
.x-landing-sa-container .x-register-card-landing .-promotion-content,
.x-landing-sexy-container .x-register-card-landing .-promotion-content,
.x-landing-wm-container .x-register-card-landing .-promotion-content {
  margin-top: 1rem;
  text-align: center;
  font-size: 1.25rem !important;
}
.x-landing-sa-container
  .x-register-card-landing
  .-promotion-content
  .-bottom-text,
.x-landing-sexy-container
  .x-register-card-landing
  .-promotion-content
  .-bottom-text,
.x-landing-wm-container
  .x-register-card-landing
  .-promotion-content
  .-bottom-text {
  font-weight: 600;
  color: #f7c451;
  font-size: 1.4rem;
  margin-top: 1rem;
  position: relative;
  display: block;
}
@media (max-width: 1199.98px) {
  .x-landing-sa-container .x-register-card-landing .-promotion-content,
  .x-landing-sexy-container .x-register-card-landing .-promotion-content,
  .x-landing-wm-container .x-register-card-landing .-promotion-content {
    padding: 0 1rem 0 0;
    font-size: 1rem !important;
  }
  .x-landing-sa-container
    .x-register-card-landing
    .-promotion-content
    .-bottom-text,
  .x-landing-sexy-container
    .x-register-card-landing
    .-promotion-content
    .-bottom-text,
  .x-landing-wm-container
    .x-register-card-landing
    .-promotion-content
    .-bottom-text {
    font-size: 1.2rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-sa-container .x-register-card-landing .-promotion-content,
  .x-landing-sexy-container .x-register-card-landing .-promotion-content,
  .x-landing-wm-container .x-register-card-landing .-promotion-content {
    padding: 0;
  }
}
.x-landing-sa-container .x-footer,
.x-landing-sexy-container .x-footer,
.x-landing-wm-container .x-footer {
  margin-top: 2rem;
}
.x-landing-sa-container .x-text-contrast,
.x-landing-sexy-container .x-text-contrast,
.x-landing-wm-container .x-text-contrast {
  color: #f7c453;
  font-weight: 700;
}
@-webkit-keyframes x-wm-white-neon {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #7da8c5,
      0 0 28px #7da8c5, 0 0 36px #7da8c5, 0 0 44px #7da8c5;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #7da8c5,
      0 0 14px #7da8c5, 0 0 18px #7da8c5, 0 0 22px #7da8c5;
  }
}
@keyframes x-wm-white-neon {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #7da8c5,
      0 0 28px #7da8c5, 0 0 36px #7da8c5, 0 0 44px #7da8c5;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #7da8c5,
      0 0 14px #7da8c5, 0 0 18px #7da8c5, 0 0 22px #7da8c5;
  }
}
@-webkit-keyframes x-wm-lobby-bg-1 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, 15px) rotate(0);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-wm-lobby-bg-1 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, 15px) rotate(0);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes x-wm-lobby-bg-2 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(30px, -5px) rotate(-5deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-wm-lobby-bg-2 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(30px, -5px) rotate(-5deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes x-wm-lobby-bg-3 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, -15px) rotate(-1deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-wm-lobby-bg-3 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, -15px) rotate(-1deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
.x-register-card-landing .card {
  border-radius: 25px;
  background: hsla(0, 0%, 100%, 0.1);
}
.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;
  width: 100%;
  height: 50px;
}
@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: 260px;
  overflow-y: auto;
}
.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 (min-width: 992px) and (max-width: 1199.98px) {
  .x-register-card-landing .card .card-body .-promotion-content {
    max-height: 165px;
  }
}
@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, #ecbd7b -150%, rgba(12, 10, 8, 0) 40%);
  height: 50px;
}
@-webkit-keyframes animStar {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-200px);
  }
}
@keyframes animStar {
  0% {
    transform: translateY(0);
  }
  to {
    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: 1996px 3225px #ecbd7b, 1842px 1904px #ecbd7b, 24px 1849px #ecbd7b,
    748px 1634px #ecbd7b, 841px 1791px #ecbd7b, 465px 1176px #ecbd7b,
    807px 1219px #ecbd7b, 1967px 945px #ecbd7b, 1317px 63px #ecbd7b,
    1987px 1713px #ecbd7b, 70px 1306px #ecbd7b, 1701px 1131px #ecbd7b,
    1676px 302px #ecbd7b, 972px 465px #ecbd7b, 1743px 221px #ecbd7b,
    559px 955px #ecbd7b, 151px 652px #ecbd7b, 1462px 777px #ecbd7b,
    1763px 876px #ecbd7b, 1798px 1142px #ecbd7b, 182px 1899px #ecbd7b,
    1653px 634px #ecbd7b, 1247px 533px #ecbd7b, 1519px 1778px #ecbd7b,
    1377px 243px #ecbd7b, 2000px 1394px #ecbd7b, 1424px 1399px #ecbd7b,
    1826px 1765px #ecbd7b, 900px 578px #ecbd7b, 1841px 1335px #ecbd7b,
    1003px 1420px #ecbd7b, 249px 682px #ecbd7b, 1974px 1789px #ecbd7b,
    1599px 1334px #ecbd7b, 283px 1642px #ecbd7b, 1501px 900px #ecbd7b,
    728px 1971px #ecbd7b, 1477px 910px #ecbd7b, 838px 205px #ecbd7b,
    1122px 1875px #ecbd7b, 225px 1733px #ecbd7b, 1309px 1752px #ecbd7b,
    1342px 1498px #ecbd7b, 940px 1354px #ecbd7b, 789px 586px #ecbd7b,
    1154px 1625px #ecbd7b, 163px 1507px #ecbd7b, 284px 729px #ecbd7b,
    1811px 363px #ecbd7b, 111px 748px #ecbd7b, 148px 1113px #ecbd7b,
    1495px 1863px #ecbd7b, 1397px 98px #ecbd7b, 125px 1104px #ecbd7b,
    348px 1698px #ecbd7b, 1230px 503px #ecbd7b, 1231px 1792px #ecbd7b,
    28px 1440px #ecbd7b, 154px 1247px #ecbd7b, 1542px 1217px #ecbd7b,
    718px 1758px #ecbd7b, 714px 1781px #ecbd7b, 404px 114px #ecbd7b,
    928px 1982px #ecbd7b, 494px 1520px #ecbd7b, 602px 878px #ecbd7b,
    396px 1614px #ecbd7b, 456px 251px #ecbd7b, 1016px 609px #ecbd7b,
    1550px 1257px #ecbd7b, 1541px 450px #ecbd7b, 1219px 303px #ecbd7b,
    1850px 518px #ecbd7b, 1204px 1237px #ecbd7b, 21px 1050px #ecbd7b,
    1473px 1580px #ecbd7b, 1232px 1370px #ecbd7b, 344px 1068px #ecbd7b,
    1592px 1880px #ecbd7b, 367px 352px #ecbd7b, 1702px 557px #ecbd7b,
    375px 1183px #ecbd7b, 383px 511px #ecbd7b, 1152px 877px #ecbd7b,
    797px 738px #ecbd7b, 1273px 1055px #ecbd7b, 1485px 335px #ecbd7b,
    990px 1687px #ecbd7b, 547px 1976px #ecbd7b, 1801px 1345px #ecbd7b,
    89px 1801px #ecbd7b, 1809px 45px #ecbd7b, 801px 913px #ecbd7b,
    1050px 1720px #ecbd7b, 1323px 1405px #ecbd7b, 1695px 337px #ecbd7b,
    563px 1289px #ecbd7b, 1767px 1904px #ecbd7b, 1325px 1350px #ecbd7b,
    1112px 1142px #ecbd7b, 485px 280px #ecbd7b, 332px 1749px #ecbd7b,
    569px 1955px #ecbd7b, 190px 1454px #ecbd7b, 1497px 43px #ecbd7b,
    1386px 1441px #ecbd7b, 343px 1284px #ecbd7b, 1547px 137px #ecbd7b,
    438px 966px #ecbd7b, 1665px 317px #ecbd7b, 52px 1814px #ecbd7b,
    1022px 1074px #ecbd7b, 1985px 1498px #ecbd7b, 933px 782px #ecbd7b,
    573px 1402px #ecbd7b, 938px 1367px #ecbd7b, 1176px 182px #ecbd7b,
    530px 880px #ecbd7b, 678px 733px #ecbd7b, 40px 501px #ecbd7b,
    57px 345px #ecbd7b, 1058px 1573px #ecbd7b, 451px 366px #ecbd7b,
    1733px 1587px #ecbd7b, 582px 1635px #ecbd7b, 1056px 980px #ecbd7b,
    1612px 1693px #ecbd7b, 465px 1321px #ecbd7b, 563px 1325px #ecbd7b,
    1408px 268px #ecbd7b, 1229px 39px #ecbd7b, 763px 1570px #ecbd7b,
    1211px 1760px #ecbd7b, 1143px 156px #ecbd7b, 673px 377px #ecbd7b,
    1467px 1662px #ecbd7b, 575px 405px #ecbd7b, 1141px 65px #ecbd7b,
    775px 1632px #ecbd7b, 435px 790px #ecbd7b, 1468px 1229px #ecbd7b,
    1755px 1157px #ecbd7b, 1609px 1026px #ecbd7b, 1091px 1690px #ecbd7b,
    181px 1483px #ecbd7b, 933px 303px #ecbd7b, 925px 1489px #ecbd7b,
    1869px 668px #ecbd7b, 1520px 1967px #ecbd7b, 1129px 1833px #ecbd7b,
    189px 1231px #ecbd7b, 1531px 1776px #ecbd7b, 196px 1018px #ecbd7b,
    177px 1494px #ecbd7b, 739px 351px #ecbd7b, 1128px 422px #ecbd7b,
    1919px 32px #ecbd7b, 77px 271px #ecbd7b, 1895px 1941px #ecbd7b,
    598px 207px #ecbd7b, 971px 1909px #ecbd7b, 235px 1px #ecbd7b,
    1114px 649px #ecbd7b, 1830px 1198px #ecbd7b, 1888px 890px #ecbd7b,
    1544px 1253px #ecbd7b, 405px 1302px #ecbd7b, 1263px 1918px #ecbd7b,
    1852px 1866px #ecbd7b, 993px 38px #ecbd7b, 1652px 105px #ecbd7b,
    1404px 1797px #ecbd7b, 117px 978px #ecbd7b, 610px 1871px #ecbd7b,
    719px 803px #ecbd7b, 1418px 1031px #ecbd7b, 1111px 1088px #ecbd7b,
    47px 1841px #ecbd7b, 453px 1431px #ecbd7b, 1503px 1171px #ecbd7b,
    1085px 308px #ecbd7b, 879px 760px #ecbd7b, 534px 806px #ecbd7b,
    332px 148px #ecbd7b, 1861px 745px #ecbd7b, 1692px 150px #ecbd7b,
    904px 988px #ecbd7b, 289px 341px #ecbd7b, 1833px 1443px #ecbd7b,
    1062px 117px #ecbd7b, 348px 351px #ecbd7b, 1864px 1383px #ecbd7b,
    63px 741px #ecbd7b, 977px 676px #ecbd7b, 188px 304px #ecbd7b,
    1105px 1070px #ecbd7b, 1288px 1531px #ecbd7b, 1247px 46px #ecbd7b,
    1423px 1872px #ecbd7b, 374px 1069px #ecbd7b, 1178px 1446px #ecbd7b,
    1120px 45px #ecbd7b, 9px 276px #ecbd7b, 679px 6px #ecbd7b,
    840px 305px #ecbd7b, 615px 145px #ecbd7b, 1085px 276px #ecbd7b,
    560px 1481px #ecbd7b, 732px 1917px #ecbd7b, 2px 1908px #ecbd7b,
    1212px 180px #ecbd7b, 31px 363px #ecbd7b, 1047px 1294px #ecbd7b,
    844px 1558px #ecbd7b, 1193px 1775px #ecbd7b, 702px 1710px #ecbd7b,
    1636px 1103px #ecbd7b, 705px 1975px #ecbd7b, 314px 732px #ecbd7b,
    1511px 1748px #ecbd7b, 1559px 1347px #ecbd7b, 1074px 1202px #ecbd7b,
    925px 718px #ecbd7b, 1883px 316px #ecbd7b, 802px 716px #ecbd7b,
    1880px 1612px #ecbd7b, 705px 751px #ecbd7b, 737px 1966px #ecbd7b,
    89px 774px #ecbd7b, 32px 1344px #ecbd7b, 1135px 179px #ecbd7b,
    1698px 1965px #ecbd7b, 1466px 1108px #ecbd7b, 1487px 1108px #ecbd7b,
    745px 1575px #ecbd7b, 1114px 1313px #ecbd7b, 605px 585px #ecbd7b,
    978px 1656px #ecbd7b, 1186px 1250px #ecbd7b, 656px 781px #ecbd7b,
    1679px 1518px #ecbd7b, 1448px 78px #ecbd7b, 1489px 1980px #ecbd7b,
    1731px 58px #ecbd7b, 1321px 5px #ecbd7b, 708px 872px #ecbd7b,
    1932px 406px #ecbd7b, 1896px 448px #ecbd7b, 888px 248px #ecbd7b,
    1584px 1149px #ecbd7b, 1341px 1094px #ecbd7b, 1622px 1903px #ecbd7b,
    253px 299px #ecbd7b, 1163px 174px #ecbd7b, 1424px 261px #ecbd7b,
    191px 478px #ecbd7b, 292px 670px #ecbd7b, 155px 1539px #ecbd7b,
    974px 1199px #ecbd7b, 1361px 353px #ecbd7b, 1269px 452px #ecbd7b,
    1383px 706px #ecbd7b, 1045px 1673px #ecbd7b, 1105px 1155px #ecbd7b,
    395px 1240px #ecbd7b, 1353px 345px #ecbd7b, 1858px 1912px #ecbd7b,
    721px 284px #ecbd7b, 1432px 963px #ecbd7b, 1795px 1593px #ecbd7b,
    1815px 119px #ecbd7b, 425px 589px #ecbd7b, 211px 72px #ecbd7b,
    967px 758px #ecbd7b, 40px 823px #ecbd7b, 1724px 198px #ecbd7b,
    659px 1372px #ecbd7b, 1583px 160px #ecbd7b, 1615px 1256px #ecbd7b,
    1284px 1684px #ecbd7b, 1482px 585px #ecbd7b, 968px 933px #ecbd7b,
    1768px 202px #ecbd7b, 285px 23px #ecbd7b, 1245px 426px #ecbd7b,
    275px 1270px #ecbd7b, 89px 94px #ecbd7b, 1284px 1511px #ecbd7b,
    136px 780px #ecbd7b, 1392px 22px #ecbd7b, 1857px 183px #ecbd7b,
    4px 1603px #ecbd7b, 1902px 994px #ecbd7b, 1650px 508px #ecbd7b,
    1518px 618px #ecbd7b, 585px 1101px #ecbd7b, 277px 513px #ecbd7b,
    523px 1590px #ecbd7b, 120px 718px #ecbd7b, 219px 1528px #ecbd7b,
    1972px 71px #ecbd7b, 392px 1790px #ecbd7b, 592px 43px #ecbd7b,
    451px 718px #ecbd7b, 571px 1498px #ecbd7b, 888px 1630px #ecbd7b,
    1738px 1878px #ecbd7b, 376px 337px #ecbd7b, 290px 864px #ecbd7b,
    907px 409px #ecbd7b, 1589px 932px #ecbd7b, 752px 1355px #ecbd7b,
    268px 1649px #ecbd7b, 794px 995px #ecbd7b, 962px 704px #ecbd7b,
    1759px 1756px #ecbd7b, 497px 1453px #ecbd7b, 515px 438px #ecbd7b,
    1591px 1505px #ecbd7b, 997px 1342px #ecbd7b, 1100px 1648px #ecbd7b,
    663px 988px #ecbd7b, 893px 1066px #ecbd7b, 700px 671px #ecbd7b,
    599px 393px #ecbd7b, 822px 723px #ecbd7b, 1527px 528px #ecbd7b,
    1865px 657px #ecbd7b, 1663px 844px #ecbd7b, 1382px 1880px #ecbd7b,
    1917px 313px #ecbd7b, 545px 1096px #ecbd7b, 1783px 912px #ecbd7b,
    1551px 1794px #ecbd7b, 535px 808px #ecbd7b, 544px 1139px #ecbd7b,
    573px 244px #ecbd7b, 1872px 1747px #ecbd7b, 1874px 618px #ecbd7b,
    1933px 1630px #ecbd7b, 370px 795px #ecbd7b, 1825px 165px #ecbd7b,
    1848px 823px #ecbd7b, 452px 460px #ecbd7b, 863px 1943px #ecbd7b,
    115px 458px #ecbd7b, 1440px 1400px #ecbd7b, 162px 1651px #ecbd7b,
    1640px 186px #ecbd7b, 1715px 1146px #ecbd7b, 692px 1679px #ecbd7b,
    1845px 1271px #ecbd7b, 1838px 1067px #ecbd7b, 1936px 787px #ecbd7b,
    61px 248px #ecbd7b, 1430px 413px #ecbd7b, 1262px 303px #ecbd7b,
    1050px 1410px #ecbd7b, 1972px 512px #ecbd7b, 85px 926px #ecbd7b,
    1146px 1543px #ecbd7b, 637px 933px #ecbd7b, 968px 479px #ecbd7b,
    919px 1020px #ecbd7b, 1125px 1356px #ecbd7b, 631px 1555px #ecbd7b,
    798px 420px #ecbd7b, 834px 1767px #ecbd7b, 825px 1779px #ecbd7b,
    591px 878px #ecbd7b, 1782px 1952px #ecbd7b, 1708px 13px #ecbd7b,
    913px 482px #ecbd7b, 1674px 175px #ecbd7b, 1584px 1041px #ecbd7b,
    1286px 1743px #ecbd7b, 1505px 1872px #ecbd7b, 483px 1319px #ecbd7b,
    1370px 505px #ecbd7b, 984px 806px #ecbd7b, 1691px 1940px #ecbd7b,
    101px 1231px #ecbd7b, 507px 811px #ecbd7b, 1917px 1520px #ecbd7b,
    1188px 205px #ecbd7b, 554px 1716px #ecbd7b, 1683px 89px #ecbd7b,
    1642px 1636px #ecbd7b, 1884px 1852px #ecbd7b, 519px 1897px #ecbd7b,
    319px 1449px #ecbd7b, 1245px 1243px #ecbd7b, 1518px 1378px #ecbd7b,
    1374px 986px #ecbd7b, 76px 1124px #ecbd7b, 980px 166px #ecbd7b,
    687px 1980px #ecbd7b, 46px 582px #ecbd7b, 832px 432px #ecbd7b,
    137px 1968px #ecbd7b, 868px 1427px #ecbd7b, 1340px 33px #ecbd7b,
    1004px 936px #ecbd7b, 500px 1633px #ecbd7b, 1473px 246px #ecbd7b,
    1093px 511px #ecbd7b, 1856px 1154px #ecbd7b, 61px 308px #ecbd7b,
    1173px 1114px #ecbd7b, 1415px 1998px #ecbd7b, 1062px 1762px #ecbd7b,
    1509px 1210px #ecbd7b, 205px 1161px #ecbd7b, 1979px 32px #ecbd7b,
    759px 936px #ecbd7b, 967px 830px #ecbd7b, 1289px 1801px #ecbd7b,
    1785px 1390px #ecbd7b, 472px 1887px #ecbd7b, 1421px 302px #ecbd7b,
    321px 892px #ecbd7b, 1213px 1409px #ecbd7b, 1101px 399px #ecbd7b,
    1661px 1349px #ecbd7b, 762px 217px #ecbd7b, 44px 625px #ecbd7b,
    362px 1608px #ecbd7b, 790px 1523px #ecbd7b, 1577px 518px #ecbd7b,
    1802px 513px #ecbd7b, 1431px 9px #ecbd7b, 944px 142px #ecbd7b,
    1325px 1747px #ecbd7b, 178px 632px #ecbd7b, 619px 1844px #ecbd7b,
    661px 1233px #ecbd7b, 1641px 755px #ecbd7b, 1541px 1839px #ecbd7b,
    224px 591px #ecbd7b, 14px 593px #ecbd7b, 896px 187px #ecbd7b,
    1746px 409px #ecbd7b, 1902px 1670px #ecbd7b, 880px 839px #ecbd7b,
    1562px 1051px #ecbd7b, 516px 928px #ecbd7b, 1878px 473px #ecbd7b,
    1954px 676px #ecbd7b, 1067px 1378px #ecbd7b, 1467px 504px #ecbd7b,
    1909px 964px #ecbd7b, 1204px 220px #ecbd7b, 1152px 346px #ecbd7b,
    957px 1856px #ecbd7b, 1502px 224px #ecbd7b, 1518px 676px #ecbd7b,
    44px 240px #ecbd7b, 309px 1227px #ecbd7b, 1417px 596px #ecbd7b,
    698px 72px #ecbd7b, 1300px 125px #ecbd7b, 1597px 617px #ecbd7b,
    462px 260px #ecbd7b, 1275px 1375px #ecbd7b, 1157px 461px #ecbd7b,
    49px 1744px #ecbd7b, 821px 1915px #ecbd7b, 396px 935px #ecbd7b,
    1628px 189px #ecbd7b, 1830px 1938px #ecbd7b, 1360px 755px #ecbd7b,
    501px 1577px #ecbd7b, 213px 1734px #ecbd7b, 1572px 1765px #ecbd7b,
    125px 1903px #ecbd7b, 752px 1824px #ecbd7b, 509px 891px #ecbd7b,
    1050px 1718px #ecbd7b, 963px 17px #ecbd7b, 1479px 148px #ecbd7b,
    441px 1864px #ecbd7b, 1014px 420px #ecbd7b, 824px 1599px #ecbd7b,
    1595px 701px #ecbd7b, 1235px 225px #ecbd7b, 1812px 1965px #ecbd7b,
    1350px 327px #ecbd7b, 1035px 1869px #ecbd7b, 33px 1564px #ecbd7b,
    1760px 873px #ecbd7b, 617px 963px #ecbd7b, 1740px 1260px #ecbd7b,
    226px 1749px #ecbd7b, 665px 918px #ecbd7b, 349px 1791px #ecbd7b,
    836px 340px #ecbd7b, 63px 789px #ecbd7b, 891px 863px #ecbd7b,
    1186px 1837px #ecbd7b, 1125px 136px #ecbd7b, 783px 577px #ecbd7b,
    108px 193px #ecbd7b, 619px 1222px #ecbd7b, 1014px 783px #ecbd7b,
    1392px 1443px #ecbd7b, 585px 466px #ecbd7b, 46px 549px #ecbd7b,
    1841px 711px #ecbd7b, 1056px 966px #ecbd7b, 1810px 1332px #ecbd7b,
    347px 886px #ecbd7b, 1961px 1182px #ecbd7b, 1981px 1124px #ecbd7b,
    1969px 921px #ecbd7b, 885px 1823px #ecbd7b, 505px 833px #ecbd7b,
    1808px 329px #ecbd7b, 1792px 283px #ecbd7b, 109px 1767px #ecbd7b,
    171px 1525px #ecbd7b, 1843px 320px #ecbd7b, 98px 1415px #ecbd7b,
    536px 571px #ecbd7b, 922px 1201px #ecbd7b, 1934px 651px #ecbd7b,
    289px 384px #ecbd7b, 659px 880px #ecbd7b, 978px 301px #ecbd7b,
    388px 1534px #ecbd7b, 1809px 513px #ecbd7b, 740px 1428px #ecbd7b,
    245px 951px #ecbd7b, 270px 1657px #ecbd7b, 1491px 1106px #ecbd7b,
    1757px 1584px #ecbd7b, 1872px 740px #ecbd7b, 1089px 1741px #ecbd7b,
    1426px 871px #ecbd7b, 1196px 1661px #ecbd7b, 187px 37px #ecbd7b,
    241px 1527px #ecbd7b, 1709px 1950px #ecbd7b, 1116px 1243px #ecbd7b,
    64px 1287px #ecbd7b, 342px 628px #ecbd7b, 84px 970px #ecbd7b,
    774px 1435px #ecbd7b, 1355px 565px #ecbd7b, 176px 1810px #ecbd7b,
    1600px 563px #ecbd7b, 1840px 1837px #ecbd7b, 595px 1857px #ecbd7b,
    1463px 265px #ecbd7b, 1153px 1289px #ecbd7b, 518px 759px #ecbd7b,
    1163px 1343px #ecbd7b, 835px 424px #ecbd7b, 774px 723px #ecbd7b,
    227px 1295px #ecbd7b, 1569px 1633px #ecbd7b, 597px 1427px #ecbd7b,
    1983px 491px #ecbd7b, 397px 846px #ecbd7b, 927px 1728px #ecbd7b,
    1637px 1242px #ecbd7b, 745px 663px #ecbd7b, 123px 453px #ecbd7b,
    1382px 1691px #ecbd7b, 1168px 1136px #ecbd7b, 1664px 1211px #ecbd7b,
    416px 580px #ecbd7b, 628px 444px #ecbd7b, 1096px 1674px #ecbd7b,
    1581px 201px #ecbd7b, 738px 1824px #ecbd7b, 1475px 1938px #ecbd7b,
    1091px 614px #ecbd7b, 1909px 1231px #ecbd7b, 1687px 1004px #ecbd7b,
    154px 292px #ecbd7b, 1841px 1219px #ecbd7b, 371px 1163px #ecbd7b,
    1095px 1127px #ecbd7b, 1975px 972px #ecbd7b, 1890px 503px #ecbd7b,
    589px 513px #ecbd7b, 1946px 1372px #ecbd7b, 1359px 606px #ecbd7b,
    1901px 1451px #ecbd7b, 1918px 1252px #ecbd7b, 826px 475px #ecbd7b,
    1207px 367px #ecbd7b, 525px 499px #ecbd7b, 1124px 910px #ecbd7b,
    1970px 219px #ecbd7b, 1613px 540px #ecbd7b, 70px 1528px #ecbd7b,
    1850px 1798px #ecbd7b, 580px 1681px #ecbd7b, 1280px 1028px #ecbd7b,
    901px 1175px #ecbd7b, 603px 183px #ecbd7b, 1382px 1758px #ecbd7b,
    823px 1819px #ecbd7b, 562px 240px #ecbd7b, 1759px 912px #ecbd7b,
    630px 46px #ecbd7b, 1929px 1480px #ecbd7b, 1904px 1831px #ecbd7b,
    1581px 253px #ecbd7b, 1823px 632px #ecbd7b, 1642px 730px #ecbd7b,
    1046px 1317px #ecbd7b, 722px 1853px #ecbd7b, 1390px 1966px #ecbd7b,
    1301px 651px #ecbd7b, 202px 914px #ecbd7b, 70px 1898px #ecbd7b,
    227px 1294px #ecbd7b, 76px 832px #ecbd7b, 1228px 399px #ecbd7b,
    150px 1234px #ecbd7b, 83px 1413px #ecbd7b, 99px 130px #ecbd7b,
    319px 917px #ecbd7b, 1625px 52px #ecbd7b, 1235px 770px #ecbd7b,
    365px 683px #ecbd7b, 1666px 135px #ecbd7b, 1066px 1530px #ecbd7b,
    1070px 998px #ecbd7b, 1220px 184px #ecbd7b, 1288px 666px #ecbd7b,
    433px 826px #ecbd7b, 718px 279px #ecbd7b, 793px 842px #ecbd7b,
    1276px 1973px #ecbd7b, 664px 1777px #ecbd7b, 1016px 185px #ecbd7b,
    1805px 1733px #ecbd7b, 377px 1848px #ecbd7b, 1207px 1949px #ecbd7b,
    1090px 1195px #ecbd7b, 1820px 1707px #ecbd7b, 1985px 1419px #ecbd7b,
    1971px 337px #ecbd7b, 1427px 468px #ecbd7b, 1465px 1992px #ecbd7b,
    497px 978px #ecbd7b, 1358px 154px #ecbd7b, 1915px 1217px #ecbd7b,
    890px 1678px #ecbd7b, 1657px 1947px #ecbd7b, 1801px 341px #ecbd7b,
    116px 1697px #ecbd7b, 1225px 592px #ecbd7b, 338px 1659px #ecbd7b,
    147px 561px #ecbd7b, 220px 1326px #ecbd7b, 1775px 479px #ecbd7b,
    1576px 712px #ecbd7b, 179px 733px #ecbd7b, 232px 691px #ecbd7b,
    1288px 1127px #ecbd7b, 218px 538px #ecbd7b, 1800px 269px #ecbd7b,
    1310px 492px #ecbd7b, 1160px 935px #ecbd7b, 1581px 1739px #ecbd7b,
    402px 306px #ecbd7b, 1687px 1028px #ecbd7b, 1114px 994px #ecbd7b,
    1342px 786px #ecbd7b, 347px 1743px #ecbd7b, 1991px 1509px #ecbd7b,
    1953px 552px #ecbd7b, 868px 375px #ecbd7b, 261px 1219px #ecbd7b,
    1744px 520px #ecbd7b, 97px 574px #ecbd7b, 247px 1261px #ecbd7b,
    1305px 172px #ecbd7b, 613px 845px #ecbd7b, 271px 420px #ecbd7b,
    1052px 726px #ecbd7b, 1826px 1927px #ecbd7b, 506px 1150px #ecbd7b,
    1090px 1194px #ecbd7b, 1359px 1017px #ecbd7b, 1000px 734px #ecbd7b,
    212px 656px #ecbd7b, 983px 244px #ecbd7b, 1222px 581px #ecbd7b,
    1478px 323px #ecbd7b, 134px 697px #ecbd7b, 175px 804px #ecbd7b,
    1848px 1102px #ecbd7b, 1738px 764px #ecbd7b, 287px 879px #ecbd7b,
    1105px 361px #ecbd7b, 1169px 302px #ecbd7b, 563px 49px #ecbd7b,
    829px 21px #ecbd7b, 1924px 1471px #ecbd7b, 448px 248px #ecbd7b,
    935px 1217px #ecbd7b, 126px 472px #ecbd7b, 1181px 865px #ecbd7b,
    459px 292px #ecbd7b, 974px 195px #ecbd7b, 1767px 1884px #ecbd7b,
    888px 1771px #ecbd7b, 258px 1357px #ecbd7b, 469px 654px #ecbd7b,
    1441px 245px #ecbd7b, 90px 310px #ecbd7b, 689px 642px #ecbd7b,
    562px 1379px #ecbd7b, 1337px 102px #ecbd7b, 1852px 1909px #ecbd7b,
    466px 1721px #ecbd7b, 1064px 151px #ecbd7b, 1402px 1141px #ecbd7b,
    1971px 808px #ecbd7b, 1989px 410px #ecbd7b, 277px 3px #ecbd7b,
    1288px 1335px #ecbd7b, 191px 658px #ecbd7b, 146px 1462px #ecbd7b,
    139px 931px #ecbd7b, 725px 874px #ecbd7b, 1420px 1725px #ecbd7b,
    104px 36px #ecbd7b, 343px 419px #ecbd7b, 1532px 1868px #ecbd7b,
    1698px 791px #ecbd7b, 546px 604px #ecbd7b, 234px 54px #ecbd7b,
    579px 711px #ecbd7b, 1171px 1751px #ecbd7b, 1695px 1702px #ecbd7b,
    1690px 975px #ecbd7b, 1962px 1005px #ecbd7b, 1647px 712px #ecbd7b,
    1791px 1640px #ecbd7b, 1195px 1994px #ecbd7b, 1142px 1530px #ecbd7b,
    1943px 899px #ecbd7b, 119px 114px #ecbd7b, 462px 1128px #ecbd7b,
    872px 1568px #ecbd7b, 1818px 1764px #ecbd7b, 685px 1289px #ecbd7b,
    672px 4px #ecbd7b, 466px 1999px #ecbd7b, 1955px 1097px #ecbd7b,
    1070px 170px #ecbd7b, 237px 108px #ecbd7b, 10px 944px #ecbd7b,
    1857px 624px #ecbd7b, 861px 1249px #ecbd7b, 96px 315px #ecbd7b,
    1725px 1460px #ecbd7b, 1824px 1872px #ecbd7b, 1686px 1323px #ecbd7b,
    1339px 1103px #ecbd7b, 1823px 94px #ecbd7b, 545px 509px #ecbd7b,
    1508px 1575px #ecbd7b, 892px 1434px #ecbd7b, 291px 868px #ecbd7b,
    1123px 819px #ecbd7b, 999px 755px #ecbd7b, 806px 1888px #ecbd7b,
    1455px 259px #ecbd7b, 1058px 756px #ecbd7b, 553px 485px #ecbd7b,
    989px 1305px #ecbd7b, 333px 1968px #ecbd7b, 1524px 1081px #ecbd7b,
    1705px 1348px #ecbd7b, 8px 1727px #ecbd7b, 1641px 1827px #ecbd7b,
    250px 1267px #ecbd7b, 566px 756px #ecbd7b, 79px 1830px #ecbd7b,
    1258px 176px #ecbd7b, 1852px 447px #ecbd7b, 1511px 1706px #ecbd7b,
    1433px 998px #ecbd7b, 1129px 1468px #ecbd7b, 1090px 359px #ecbd7b,
    900px 1661px #ecbd7b, 1668px 1453px #ecbd7b, 1662px 1902px #ecbd7b,
    528px 907px #ecbd7b, 1253px 1158px #ecbd7b, 869px 1371px #ecbd7b,
    1323px 145px #ecbd7b, 700px 497px #ecbd7b, 178px 393px #ecbd7b,
    1710px 1279px #ecbd7b, 8px 1229px #ecbd7b, 123px 578px #ecbd7b,
    941px 1704px #ecbd7b, 376px 1166px #ecbd7b, 363px 1458px #ecbd7b,
    1175px 28px #ecbd7b, 514px 1736px #ecbd7b, 216px 1143px #ecbd7b,
    1222px 176px #ecbd7b, 1884px 151px #ecbd7b, 606px 243px #ecbd7b,
    1645px 993px #ecbd7b, 262px 566px #ecbd7b, 1268px 45px #ecbd7b,
    1597px 295px #ecbd7b, 795px 1619px #ecbd7b, 1978px 1854px #ecbd7b,
    1601px 866px #ecbd7b, 1182px 960px #ecbd7b, 1836px 1311px #ecbd7b,
    1466px 1949px #ecbd7b, 1644px 1238px #ecbd7b, 1159px 1446px #ecbd7b,
    1024px 1770px #ecbd7b, 1406px 1522px #ecbd7b, 1431px 105px #ecbd7b,
    676px 1726px #ecbd7b, 187px 1229px #ecbd7b, 722px 1422px #ecbd7b,
    1640px 363px #ecbd7b, 1857px 933px #ecbd7b, 1153px 1697px #ecbd7b,
    1263px 1861px #ecbd7b, 1788px 851px #ecbd7b, 1370px 1340px #ecbd7b,
    241px 1449px #ecbd7b, 799px 592px #ecbd7b, 1906px 1356px #ecbd7b,
    664px 1707px #ecbd7b, 656px 773px #ecbd7b, 1450px 314px #ecbd7b,
    518px 979px #ecbd7b, 246px 1670px #ecbd7b, 1702px 1022px #ecbd7b,
    1239px 210px #ecbd7b, 1638px 276px #ecbd7b, 511px 1003px #ecbd7b,
    1430px 145px #ecbd7b, 1086px 178px #ecbd7b, 209px 1868px #ecbd7b,
    1903px 1831px #ecbd7b, 1841px 1717px #ecbd7b, 470px 1200px #ecbd7b,
    493px 1919px #ecbd7b, 206px 1659px #ecbd7b, 1150px 583px #ecbd7b,
    334px 334px #ecbd7b, 1108px 556px #ecbd7b, 408px 154px #ecbd7b,
    1367px 1775px #ecbd7b, 384px 1377px #ecbd7b, 1798px 1288px #ecbd7b,
    1047px 1173px #ecbd7b, 115px 192px #ecbd7b, 1501px 412px #ecbd7b,
    5px 1001px #ecbd7b, 1400px 141px #ecbd7b, 857px 452px #ecbd7b,
    77px 14px #ecbd7b, 566px 117px #ecbd7b, 438px 373px #ecbd7b,
    1528px 14px #ecbd7b, 167px 904px #ecbd7b, 1705px 327px #ecbd7b,
    422px 1736px #ecbd7b, 1845px 662px #ecbd7b, 727px 284px #ecbd7b,
    195px 1941px #ecbd7b, 503px 1187px #ecbd7b, 1740px 313px #ecbd7b,
    1769px 627px #ecbd7b, 1082px 66px #ecbd7b, 149px 571px #ecbd7b,
    321px 209px #ecbd7b, 1426px 1046px #ecbd7b, 45px 788px #ecbd7b,
    1385px 208px #ecbd7b, 1911px 751px #ecbd7b, 1658px 623px #ecbd7b,
    147px 961px #ecbd7b, 83px 1466px #ecbd7b, 1247px 567px #ecbd7b,
    1915px 1424px #ecbd7b, 1438px 434px #ecbd7b, 1519px 1403px #ecbd7b,
    1683px 1417px #ecbd7b, 1640px 482px #ecbd7b, 302px 1674px #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: 980px 2007px #ecbd7b, 1175px 1230px #ecbd7b, 1661px 1408px #ecbd7b,
    673px 571px #ecbd7b, 154px 332px #ecbd7b, 1762px 935px #ecbd7b,
    117px 987px #ecbd7b, 1028px 224px #ecbd7b, 1491px 476px #ecbd7b,
    1504px 1596px #ecbd7b, 859px 542px #ecbd7b, 1683px 1556px #ecbd7b,
    1004px 794px #ecbd7b, 749px 1763px #ecbd7b, 946px 1366px #ecbd7b,
    733px 175px #ecbd7b, 307px 1396px #ecbd7b, 1393px 369px #ecbd7b,
    966px 1117px #ecbd7b, 625px 1736px #ecbd7b, 207px 1297px #ecbd7b,
    1393px 1403px #ecbd7b, 1547px 1467px #ecbd7b, 745px 1508px #ecbd7b,
    1566px 1065px #ecbd7b, 470px 639px #ecbd7b, 766px 1162px #ecbd7b,
    1378px 1485px #ecbd7b, 1394px 1971px #ecbd7b, 488px 932px #ecbd7b,
    603px 438px #ecbd7b, 601px 930px #ecbd7b, 115px 333px #ecbd7b,
    1067px 1393px #ecbd7b, 421px 566px #ecbd7b, 653px 856px #ecbd7b,
    1250px 1417px #ecbd7b, 325px 1498px #ecbd7b, 1116px 1108px #ecbd7b,
    620px 115px #ecbd7b, 1787px 1095px #ecbd7b, 1517px 1097px #ecbd7b,
    1225px 1331px #ecbd7b, 1682px 601px #ecbd7b, 1627px 236px #ecbd7b,
    1039px 1551px #ecbd7b, 1456px 651px #ecbd7b, 1589px 479px #ecbd7b,
    383px 675px #ecbd7b, 1096px 234px #ecbd7b, 596px 135px #ecbd7b,
    287px 1429px #ecbd7b, 1140px 512px #ecbd7b, 814px 1544px #ecbd7b,
    888px 865px #ecbd7b, 1095px 1446px #ecbd7b, 252px 326px #ecbd7b,
    1344px 772px #ecbd7b, 1772px 413px #ecbd7b, 916px 1838px #ecbd7b,
    294px 466px #ecbd7b, 481px 293px #ecbd7b, 1857px 693px #ecbd7b,
    1930px 1391px #ecbd7b, 1446px 461px #ecbd7b, 427px 1817px #ecbd7b,
    1507px 1860px #ecbd7b, 785px 91px #ecbd7b, 335px 1576px #ecbd7b,
    1205px 244px #ecbd7b, 1101px 1716px #ecbd7b, 419px 1584px #ecbd7b,
    1169px 581px #ecbd7b, 1975px 778px #ecbd7b, 230px 1565px #ecbd7b,
    1929px 665px #ecbd7b, 805px 397px #ecbd7b, 1678px 45px #ecbd7b,
    445px 1030px #ecbd7b, 1105px 895px #ecbd7b, 1113px 298px #ecbd7b,
    961px 1939px #ecbd7b, 1415px 825px #ecbd7b, 1457px 829px #ecbd7b,
    1636px 489px #ecbd7b, 723px 319px #ecbd7b, 1986px 1889px #ecbd7b,
    1082px 390px #ecbd7b, 1466px 1813px #ecbd7b, 1490px 1223px #ecbd7b,
    320px 1993px #ecbd7b, 1942px 1299px #ecbd7b, 322px 229px #ecbd7b,
    932px 1593px #ecbd7b, 849px 766px #ecbd7b, 296px 862px #ecbd7b,
    183px 240px #ecbd7b, 1261px 1371px #ecbd7b, 119px 1002px #ecbd7b,
    348px 553px #ecbd7b, 1039px 1502px #ecbd7b, 1231px 881px #ecbd7b,
    1033px 772px #ecbd7b, 86px 1926px #ecbd7b, 1947px 1548px #ecbd7b,
    1818px 163px #ecbd7b, 1867px 631px #ecbd7b, 1858px 1717px #ecbd7b,
    1487px 813px #ecbd7b, 856px 1104px #ecbd7b, 638px 786px #ecbd7b,
    1049px 759px #ecbd7b, 1710px 962px #ecbd7b, 280px 398px #ecbd7b,
    1339px 1476px #ecbd7b, 1660px 574px #ecbd7b, 763px 88px #ecbd7b,
    150px 1151px #ecbd7b, 1545px 1494px #ecbd7b, 1645px 1050px #ecbd7b,
    1576px 922px #ecbd7b, 1030px 252px #ecbd7b, 107px 568px #ecbd7b,
    579px 499px #ecbd7b, 1817px 1323px #ecbd7b, 1036px 1324px #ecbd7b,
    922px 1626px #ecbd7b, 69px 461px #ecbd7b, 1061px 348px #ecbd7b,
    1576px 1849px #ecbd7b, 62px 1542px #ecbd7b, 414px 442px #ecbd7b,
    1453px 1581px #ecbd7b, 1972px 501px #ecbd7b, 448px 465px #ecbd7b,
    82px 762px #ecbd7b, 197px 42px #ecbd7b, 383px 125px #ecbd7b,
    734px 1463px #ecbd7b, 1603px 1764px #ecbd7b, 1558px 1287px #ecbd7b,
    1900px 789px #ecbd7b, 436px 1948px #ecbd7b, 1550px 361px #ecbd7b,
    1527px 1637px #ecbd7b, 786px 3px #ecbd7b, 616px 1796px #ecbd7b,
    1391px 15px #ecbd7b, 1095px 1162px #ecbd7b, 508px 1834px #ecbd7b,
    1564px 1194px #ecbd7b, 793px 134px #ecbd7b, 1983px 1358px #ecbd7b,
    951px 849px #ecbd7b, 817px 1878px #ecbd7b, 1959px 1766px #ecbd7b,
    268px 1942px #ecbd7b, 1117px 1237px #ecbd7b, 1955px 1612px #ecbd7b,
    523px 361px #ecbd7b, 823px 1985px #ecbd7b, 965px 1160px #ecbd7b,
    679px 353px #ecbd7b, 1801px 1491px #ecbd7b, 653px 169px #ecbd7b,
    7px 1209px #ecbd7b, 89px 1775px #ecbd7b, 912px 359px #ecbd7b,
    1451px 408px #ecbd7b, 1089px 845px #ecbd7b, 1791px 66px #ecbd7b,
    1985px 1811px #ecbd7b, 1901px 1013px #ecbd7b, 1005px 140px #ecbd7b,
    1136px 1877px #ecbd7b, 253px 903px #ecbd7b, 74px 359px #ecbd7b,
    1042px 1644px #ecbd7b, 280px 1411px #ecbd7b, 453px 1244px #ecbd7b,
    1759px 961px #ecbd7b, 1126px 1964px #ecbd7b, 972px 606px #ecbd7b,
    642px 22px #ecbd7b, 865px 1052px #ecbd7b, 1163px 403px #ecbd7b,
    1614px 726px #ecbd7b, 1518px 1503px #ecbd7b, 238px 1510px #ecbd7b,
    1992px 319px #ecbd7b, 1537px 692px #ecbd7b, 895px 1449px #ecbd7b,
    1349px 119px #ecbd7b, 1600px 1770px #ecbd7b, 1328px 757px #ecbd7b,
    1766px 1415px #ecbd7b, 1829px 1738px #ecbd7b, 1440px 858px #ecbd7b,
    980px 265px #ecbd7b, 611px 455px #ecbd7b, 721px 164px #ecbd7b,
    295px 1648px #ecbd7b, 1156px 1312px #ecbd7b, 320px 1812px #ecbd7b,
    695px 1065px #ecbd7b, 1671px 856px #ecbd7b, 1432px 284px #ecbd7b,
    1355px 1566px #ecbd7b, 1164px 1366px #ecbd7b, 476px 950px #ecbd7b,
    444px 1088px #ecbd7b, 421px 483px #ecbd7b, 1260px 41px #ecbd7b,
    1609px 1952px #ecbd7b, 514px 657px #ecbd7b, 498px 1228px #ecbd7b,
    1111px 1427px #ecbd7b, 60px 1472px #ecbd7b, 1427px 1294px #ecbd7b,
    741px 571px #ecbd7b, 421px 834px #ecbd7b, 693px 1308px #ecbd7b,
    976px 1533px #ecbd7b, 16px 475px #ecbd7b, 463px 1748px #ecbd7b,
    174px 1002px #ecbd7b, 1807px 128px #ecbd7b, 1519px 232px #ecbd7b,
    913px 123px #ecbd7b, 1238px 1029px #ecbd7b, 620px 244px #ecbd7b,
    1581px 339px #ecbd7b, 247px 606px #ecbd7b, 1517px 15px #ecbd7b,
    1838px 585px #ecbd7b, 15px 510px #ecbd7b, 350px 413px #ecbd7b,
    465px 1283px #ecbd7b, 578px 817px #ecbd7b, 534px 83px #ecbd7b,
    746px 306px #ecbd7b, 102px 1977px #ecbd7b, 787px 867px #ecbd7b,
    182px 1905px #ecbd7b, 1776px 1489px #ecbd7b, 147px 1289px #ecbd7b,
    1680px 950px #ecbd7b, 197px 6px #ecbd7b, 679px 168px #ecbd7b,
    361px 204px #ecbd7b, 813px 1143px #ecbd7b, 144px 848px #ecbd7b,
    853px 1808px #ecbd7b, 728px 1719px #ecbd7b, 152px 424px #ecbd7b,
    1907px 963px #ecbd7b, 121px 100px #ecbd7b, 1848px 1804px #ecbd7b,
    561px 851px #ecbd7b, 1565px 1943px #ecbd7b, 46px 1848px #ecbd7b,
    555px 1863px #ecbd7b, 230px 1433px #ecbd7b, 1731px 1945px #ecbd7b,
    990px 1946px #ecbd7b, 946px 91px #ecbd7b, 1440px 1211px #ecbd7b,
    1588px 1933px #ecbd7b, 1091px 1666px #ecbd7b, 892px 1469px #ecbd7b,
    1793px 1240px #ecbd7b, 1805px 1553px #ecbd7b, 1568px 514px #ecbd7b,
    281px 1099px #ecbd7b, 549px 1635px #ecbd7b, 1117px 1490px #ecbd7b,
    785px 949px #ecbd7b, 1270px 1856px #ecbd7b, 1418px 1201px #ecbd7b,
    1126px 1668px #ecbd7b, 258px 160px #ecbd7b, 1663px 328px #ecbd7b,
    312px 1757px #ecbd7b, 620px 190px #ecbd7b, 315px 516px #ecbd7b,
    328px 1306px #ecbd7b, 1615px 781px #ecbd7b, 1159px 848px #ecbd7b,
    928px 75px #ecbd7b, 1062px 868px #ecbd7b, 398px 757px #ecbd7b,
    1819px 1387px #ecbd7b, 648px 847px #ecbd7b, 172px 1474px #ecbd7b,
    546px 566px #ecbd7b, 1642px 523px #ecbd7b, 1850px 1863px #ecbd7b,
    1514px 150px #ecbd7b, 26px 769px #ecbd7b, 204px 1865px #ecbd7b,
    621px 1705px #ecbd7b, 51px 863px #ecbd7b, 700px 376px #ecbd7b,
    936px 1779px #ecbd7b, 1322px 599px #ecbd7b, 1497px 819px #ecbd7b,
    1641px 440px #ecbd7b, 1776px 394px #ecbd7b, 1611px 1495px #ecbd7b,
    1620px 409px #ecbd7b, 1330px 673px #ecbd7b, 109px 1141px #ecbd7b,
    1170px 628px #ecbd7b, 610px 1799px #ecbd7b, 1716px 400px #ecbd7b,
    79px 1595px #ecbd7b, 1769px 774px #ecbd7b, 360px 1446px #ecbd7b,
    1342px 504px #ecbd7b, 651px 1155px #ecbd7b, 941px 223px #ecbd7b,
    45px 579px #ecbd7b, 1881px 1692px #ecbd7b, 1067px 1617px #ecbd7b,
    28px 1121px #ecbd7b, 1600px 660px #ecbd7b, 237px 1586px #ecbd7b,
    743px 1148px #ecbd7b, 936px 1984px #ecbd7b, 1184px 1286px #ecbd7b,
    741px 1480px #ecbd7b, 19px 1529px #ecbd7b, 1387px 55px #ecbd7b,
    803px 1521px #ecbd7b, 422px 1359px #ecbd7b, 633px 548px #ecbd7b,
    171px 1319px #ecbd7b, 1206px 600px #ecbd7b, 1781px 1712px #ecbd7b,
    25px 1233px #ecbd7b, 237px 659px #ecbd7b, 906px 635px #ecbd7b,
    1824px 1776px #ecbd7b, 1829px 1510px #ecbd7b, 649px 1785px #ecbd7b,
    1727px 1014px #ecbd7b, 1592px 1432px #ecbd7b, 774px 1521px #ecbd7b,
    1683px 1697px #ecbd7b, 1124px 1524px #ecbd7b, 1809px 781px #ecbd7b,
    1371px 1738px #ecbd7b, 1423px 1381px #ecbd7b, 825px 1549px #ecbd7b,
    437px 1483px #ecbd7b, 1726px 462px #ecbd7b, 461px 193px #ecbd7b,
    264px 678px #ecbd7b, 1604px 916px #ecbd7b, 1656px 1422px #ecbd7b,
    1235px 71px #ecbd7b, 1387px 786px #ecbd7b, 511px 600px #ecbd7b,
    1599px 1818px #ecbd7b, 1796px 1654px #ecbd7b, 486px 685px #ecbd7b,
    742px 997px #ecbd7b, 1102px 282px #ecbd7b, 20px 1901px #ecbd7b,
    7px 624px #ecbd7b, 911px 168px #ecbd7b, 230px 123px #ecbd7b,
    19px 1702px #ecbd7b, 407px 498px #ecbd7b, 1393px 636px #ecbd7b,
    578px 779px #ecbd7b, 934px 1710px #ecbd7b, 1716px 1032px #ecbd7b,
    1227px 1292px #ecbd7b, 540px 1414px #ecbd7b, 481px 713px #ecbd7b,
    1394px 1001px #ecbd7b, 23px 1304px #ecbd7b, 193px 680px #ecbd7b,
    913px 1232px #ecbd7b, 1818px 80px #ecbd7b, 1131px 148px #ecbd7b,
    1723px 703px #ecbd7b, 1135px 1257px #ecbd7b, 1569px 341px #ecbd7b,
    952px 385px #ecbd7b, 1351px 1446px #ecbd7b, 1933px 1276px #ecbd7b,
    702px 450px #ecbd7b, 981px 561px #ecbd7b, 1943px 1884px #ecbd7b,
    410px 1259px #ecbd7b, 662px 1391px #ecbd7b, 659px 1656px #ecbd7b,
    1578px 176px #ecbd7b, 1258px 1004px #ecbd7b, 1550px 680px #ecbd7b,
    1734px 1125px #ecbd7b, 624px 80px #ecbd7b, 405px 1670px #ecbd7b,
    736px 290px #ecbd7b, 585px 1560px #ecbd7b, 1830px 722px #ecbd7b,
    1712px 793px #ecbd7b, 988px 1930px #ecbd7b, 1253px 1458px #ecbd7b,
    368px 1721px #ecbd7b, 968px 1965px #ecbd7b, 489px 991px #ecbd7b,
    730px 782px #ecbd7b, 1151px 1798px #ecbd7b, 1986px 1615px #ecbd7b,
    1911px 1149px #ecbd7b, 1550px 146px #ecbd7b, 1727px 934px #ecbd7b,
    538px 856px #ecbd7b, 1659px 351px #ecbd7b, 207px 243px #ecbd7b,
    1974px 661px #ecbd7b, 95px 480px #ecbd7b, 1058px 777px #ecbd7b,
    988px 87px #ecbd7b, 1368px 1266px #ecbd7b, 384px 1268px #ecbd7b,
    514px 295px #ecbd7b, 1767px 1014px #ecbd7b, 1515px 309px #ecbd7b,
    914px 1693px #ecbd7b, 1227px 198px #ecbd7b, 392px 1726px #ecbd7b,
    22px 451px #ecbd7b, 720px 9px #ecbd7b, 160px 808px #ecbd7b,
    911px 1069px #ecbd7b, 1037px 608px #ecbd7b, 1015px 748px #ecbd7b,
    1149px 1525px #ecbd7b, 1209px 760px #ecbd7b, 266px 1470px #ecbd7b,
    188px 514px #ecbd7b, 23px 632px #ecbd7b, 1497px 1218px #ecbd7b,
    1446px 165px #ecbd7b, 991px 24px #ecbd7b, 1044px 617px #ecbd7b,
    1537px 704px #ecbd7b, 991px 396px #ecbd7b, 880px 1731px #ecbd7b,
    92px 1590px #ecbd7b, 440px 1992px #ecbd7b, 944px 595px #ecbd7b,
    143px 1225px #ecbd7b, 164px 1835px #ecbd7b, 1273px 1339px #ecbd7b,
    1275px 897px #ecbd7b, 485px 1668px #ecbd7b, 1954px 1604px #ecbd7b,
    1784px 977px #ecbd7b, 1954px 1199px #ecbd7b, 1118px 1979px #ecbd7b,
    1693px 477px #ecbd7b, 13px 143px #ecbd7b, 310px 323px #ecbd7b,
    183px 1949px #ecbd7b, 113px 356px #ecbd7b, 667px 1714px #ecbd7b,
    791px 198px #ecbd7b, 789px 279px #ecbd7b, 232px 1275px #ecbd7b,
    1555px 1615px #ecbd7b, 1884px 1053px #ecbd7b, 795px 1667px #ecbd7b,
    802px 923px #ecbd7b, 1786px 1441px #ecbd7b, 379px 1940px #ecbd7b,
    1629px 813px #ecbd7b, 1029px 1317px #ecbd7b, 1206px 1103px #ecbd7b,
    36px 1257px #ecbd7b, 696px 338px #ecbd7b, 1938px 109px #ecbd7b,
    368px 1389px #ecbd7b, 61px 555px #ecbd7b, 665px 1531px #ecbd7b,
    5px 1594px #ecbd7b, 1966px 1968px #ecbd7b, 1813px 663px #ecbd7b,
    1266px 1952px #ecbd7b, 924px 112px #ecbd7b, 208px 690px #ecbd7b,
    501px 775px #ecbd7b, 734px 1778px #ecbd7b, 74px 1816px #ecbd7b,
    1140px 538px #ecbd7b, 959px 18px #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: 1335px 12055px #ecbd7b, 431px 1593px #ecbd7b, 487px 1725px #ecbd7b,
    404px 712px #ecbd7b, 1307px 854px #ecbd7b, 1648px 1407px #ecbd7b,
    907px 1050px #ecbd7b, 1597px 732px #ecbd7b, 626px 1009px #ecbd7b,
    1608px 128px #ecbd7b, 201px 1752px #ecbd7b, 548px 1330px #ecbd7b,
    337px 561px #ecbd7b, 1665px 1370px #ecbd7b, 797px 487px #ecbd7b,
    795px 209px #ecbd7b, 741px 926px #ecbd7b, 1293px 1354px #ecbd7b,
    1504px 1834px #ecbd7b, 1058px 1166px #ecbd7b, 1592px 256px #ecbd7b,
    494px 1487px #ecbd7b, 1620px 201px #ecbd7b, 1383px 644px #ecbd7b,
    594px 1736px #ecbd7b, 606px 632px #ecbd7b, 1689px 759px #ecbd7b,
    1647px 1404px #ecbd7b, 1854px 493px #ecbd7b, 1289px 1410px #ecbd7b,
    125px 1675px #ecbd7b, 697px 594px #ecbd7b, 362px 1842px #ecbd7b,
    1794px 1461px #ecbd7b, 272px 1730px #ecbd7b, 170px 969px #ecbd7b,
    1604px 1580px #ecbd7b, 566px 730px #ecbd7b, 1370px 1246px #ecbd7b,
    444px 1054px #ecbd7b, 505px 334px #ecbd7b, 1747px 1343px #ecbd7b,
    611px 261px #ecbd7b, 1846px 1195px #ecbd7b, 1357px 1491px #ecbd7b,
    1034px 571px #ecbd7b, 1340px 1443px #ecbd7b, 1629px 1177px #ecbd7b,
    1693px 799px #ecbd7b, 1952px 490px #ecbd7b, 53px 1887px #ecbd7b,
    266px 1296px #ecbd7b, 657px 1507px #ecbd7b, 1350px 1086px #ecbd7b,
    688px 1238px #ecbd7b, 607px 1583px #ecbd7b, 16px 158px #ecbd7b,
    648px 565px #ecbd7b, 510px 582px #ecbd7b, 1214px 791px #ecbd7b,
    1454px 1384px #ecbd7b, 1448px 1869px #ecbd7b, 433px 84px #ecbd7b,
    42px 15px #ecbd7b, 1212px 1473px #ecbd7b, 854px 1123px #ecbd7b,
    1411px 1018px #ecbd7b, 1237px 991px #ecbd7b, 720px 1672px #ecbd7b,
    263px 1189px #ecbd7b, 1151px 457px #ecbd7b, 675px 1824px #ecbd7b,
    361px 325px #ecbd7b, 1974px 1269px #ecbd7b, 58px 1741px #ecbd7b,
    194px 318px #ecbd7b, 579px 1135px #ecbd7b, 1918px 1880px #ecbd7b,
    1637px 1200px #ecbd7b, 554px 248px #ecbd7b, 1927px 963px #ecbd7b,
    133px 1423px #ecbd7b, 1028px 299px #ecbd7b, 157px 484px #ecbd7b,
    1812px 1695px #ecbd7b, 1147px 38px #ecbd7b, 1525px 1751px #ecbd7b,
    1305px 777px #ecbd7b, 769px 400px #ecbd7b, 1275px 1453px #ecbd7b,
    716px 1826px #ecbd7b, 746px 1733px #ecbd7b, 960px 156px #ecbd7b,
    315px 1118px #ecbd7b, 1579px 1124px #ecbd7b, 1752px 1126px #ecbd7b,
    352px 268px #ecbd7b, 10px 255px #ecbd7b, 343px 1685px #ecbd7b,
    41px 1499px #ecbd7b, 397px 1946px #ecbd7b, 1290px 810px #ecbd7b,
    880px 735px #ecbd7b, 1561px 601px #ecbd7b, 293px 1139px #ecbd7b,
    142px 1903px #ecbd7b, 1208px 1092px #ecbd7b, 19px 1565px #ecbd7b,
    954px 1364px #ecbd7b, 351px 273px #ecbd7b, 141px 108px #ecbd7b,
    1910px 18px #ecbd7b, 691px 659px #ecbd7b, 846px 480px #ecbd7b,
    1035px 857px #ecbd7b, 1957px 309px #ecbd7b, 894px 1593px #ecbd7b,
    850px 1499px #ecbd7b, 1562px 188px #ecbd7b, 1131px 1953px #ecbd7b,
    1235px 1543px #ecbd7b, 261px 1016px #ecbd7b, 663px 1659px #ecbd7b,
    753px 973px #ecbd7b, 821px 1270px #ecbd7b, 293px 876px #ecbd7b,
    1698px 743px #ecbd7b, 921px 668px #ecbd7b, 1874px 832px #ecbd7b,
    1492px 1675px #ecbd7b, 1762px 422px #ecbd7b, 1669px 1732px #ecbd7b,
    1475px 439px #ecbd7b, 593px 1660px #ecbd7b, 839px 1230px #ecbd7b,
    1522px 1198px #ecbd7b, 942px 1115px #ecbd7b, 663px 556px #ecbd7b,
    1282px 1857px #ecbd7b, 1993px 1076px #ecbd7b, 1087px 473px #ecbd7b,
    185px 1752px #ecbd7b, 1352px 276px #ecbd7b, 1037px 1695px #ecbd7b,
    531px 1754px #ecbd7b, 94px 929px #ecbd7b, 1202px 467px #ecbd7b,
    123px 790px #ecbd7b, 640px 3px #ecbd7b, 454px 1434px #ecbd7b,
    527px 567px #ecbd7b, 481px 121px #ecbd7b, 1172px 1364px #ecbd7b,
    866px 1200px #ecbd7b, 1320px 548px #ecbd7b, 1906px 1963px #ecbd7b,
    1869px 1236px #ecbd7b, 1472px 540px #ecbd7b, 1964px 388px #ecbd7b,
    997px 946px #ecbd7b, 268px 327px #ecbd7b, 1846px 1674px #ecbd7b,
    238px 1042px #ecbd7b, 931px 962px #ecbd7b, 1317px 311px #ecbd7b,
    1569px 765px #ecbd7b, 1859px 475px #ecbd7b, 586px 1167px #ecbd7b,
    1852px 1647px #ecbd7b, 431px 139px #ecbd7b, 1256px 591px #ecbd7b,
    1620px 249px #ecbd7b, 1352px 1884px #ecbd7b, 1378px 209px #ecbd7b,
    427px 1621px #ecbd7b, 1276px 356px #ecbd7b, 209px 1729px #ecbd7b,
    1911px 1862px #ecbd7b, 1365px 711px #ecbd7b, 234px 99px #ecbd7b,
    393px 10px #ecbd7b, 1793px 891px #ecbd7b, 1370px 1343px #ecbd7b,
    658px 234px #ecbd7b, 1582px 731px #ecbd7b, 133px 561px #ecbd7b,
    1469px 1312px #ecbd7b, 1341px 1003px #ecbd7b, 657px 1291px #ecbd7b,
    66px 489px #ecbd7b, 1226px 1668px #ecbd7b, 1883px 1683px #ecbd7b,
    265px 1772px #ecbd7b, 877px 547px #ecbd7b, 1872px 793px #ecbd7b,
    94px 291px #ecbd7b, 1563px 376px #ecbd7b, 196px 503px #ecbd7b,
    666px 1738px #ecbd7b, 1742px 402px #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: 659px 3763px #ecbd7b, 853px 1073px #ecbd7b, 778px 1872px #ecbd7b,
    1747px 1616px #ecbd7b, 1536px 1556px #ecbd7b, 1156px 1644px #ecbd7b,
    209px 1522px #ecbd7b, 1218px 95px #ecbd7b, 1779px 606px #ecbd7b,
    1786px 439px #ecbd7b, 1573px 1556px #ecbd7b, 1337px 398px #ecbd7b,
    1310px 1508px #ecbd7b, 1605px 1370px #ecbd7b, 1735px 1713px #ecbd7b,
    1695px 137px #ecbd7b, 568px 339px #ecbd7b, 922px 440px #ecbd7b,
    513px 753px #ecbd7b, 391px 178px #ecbd7b, 1527px 1674px #ecbd7b,
    1998px 458px #ecbd7b, 1165px 456px #ecbd7b, 593px 1465px #ecbd7b,
    1162px 1093px #ecbd7b, 143px 1245px #ecbd7b, 42px 999px #ecbd7b,
    1690px 1489px #ecbd7b, 1972px 1867px #ecbd7b, 1681px 721px #ecbd7b,
    474px 963px #ecbd7b, 285px 1226px #ecbd7b, 1663px 849px #ecbd7b,
    1911px 235px #ecbd7b, 130px 134px #ecbd7b, 1875px 468px #ecbd7b,
    454px 642px #ecbd7b, 1248px 454px #ecbd7b, 595px 1324px #ecbd7b,
    1922px 1340px #ecbd7b, 1233px 343px #ecbd7b, 1772px 150px #ecbd7b,
    1623px 94px #ecbd7b, 156px 1052px #ecbd7b, 685px 78px #ecbd7b,
    1641px 793px #ecbd7b, 1314px 144px #ecbd7b, 1545px 1969px #ecbd7b,
    479px 1315px #ecbd7b, 1257px 527px #ecbd7b, 1651px 1983px #ecbd7b,
    404px 606px #ecbd7b, 217px 1907px #ecbd7b, 502px 833px #ecbd7b,
    1594px 1295px #ecbd7b, 1474px 1582px #ecbd7b, 1687px 1138px #ecbd7b,
    1220px 938px #ecbd7b, 1777px 972px #ecbd7b, 1737px 944px #ecbd7b,
    42px 900px #ecbd7b, 866px 1244px #ecbd7b, 1596px 580px #ecbd7b,
    1373px 1434px #ecbd7b, 1345px 1668px #ecbd7b, 706px 1398px #ecbd7b,
    363px 1083px #ecbd7b, 945px 1191px #ecbd7b, 200px 816px #ecbd7b,
    1584px 474px #ecbd7b, 346px 54px #ecbd7b, 767px 110px #ecbd7b,
    1947px 944px #ecbd7b, 912px 1735px #ecbd7b, 178px 794px #ecbd7b,
    1196px 1365px #ecbd7b, 1921px 1138px #ecbd7b, 717px 1991px #ecbd7b,
    436px 1001px #ecbd7b, 1142px 359px #ecbd7b, 1136px 1273px #ecbd7b,
    544px 1691px #ecbd7b, 1580px 991px #ecbd7b, 129px 966px #ecbd7b,
    789px 854px #ecbd7b, 245px 1784px #ecbd7b, 908px 350px #ecbd7b,
    794px 1173px #ecbd7b, 1699px 1544px #ecbd7b, 1257px 360px #ecbd7b,
    1526px 684px #ecbd7b, 848px 346px #ecbd7b, 1567px 695px #ecbd7b,
    1152px 532px #ecbd7b, 1894px 882px #ecbd7b, 1738px 1895px #ecbd7b,
    1015px 1196px #ecbd7b, 231px 1165px #ecbd7b, 1611px 225px #ecbd7b,
    718px 1396px #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: 1px 2301px #ecbd7b, 615px 932px #ecbd7b, 1028px 926px #ecbd7b,
    957px 377px #ecbd7b, 1657px 1292px #ecbd7b, 1092px 560px #ecbd7b,
    277px 991px #ecbd7b, 1082px 1560px #ecbd7b, 419px 762px #ecbd7b,
    717px 1355px #ecbd7b, 699px 246px #ecbd7b, 937px 1650px #ecbd7b,
    1059px 1609px #ecbd7b, 1247px 1511px #ecbd7b, 1025px 878px #ecbd7b,
    892px 1863px #ecbd7b, 1432px 1321px #ecbd7b, 1060px 1027px #ecbd7b,
    353px 601px #ecbd7b, 314px 1237px #ecbd7b, 964px 272px #ecbd7b,
    1664px 810px #ecbd7b, 680px 884px #ecbd7b, 1572px 363px #ecbd7b,
    419px 534px #ecbd7b, 735px 61px #ecbd7b, 764px 1371px #ecbd7b,
    902px 1909px #ecbd7b, 371px 934px #ecbd7b, 1330px 943px #ecbd7b,
    56px 1125px #ecbd7b, 411px 608px #ecbd7b, 1971px 1211px #ecbd7b,
    1230px 1651px #ecbd7b, 2px 828px #ecbd7b, 137px 154px #ecbd7b,
    194px 1286px #ecbd7b, 867px 1003px #ecbd7b, 504px 1696px #ecbd7b,
    1089px 1893px #ecbd7b, 1677px 1944px #ecbd7b, 534px 1372px #ecbd7b,
    892px 902px #ecbd7b, 273px 31px #ecbd7b, 356px 1711px #ecbd7b,
    705px 809px #ecbd7b, 667px 1272px #ecbd7b, 7px 1905px #ecbd7b,
    1934px 1547px #ecbd7b, 878px 548px #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: 912px 17076px #ecbd7b, 553px 1987px #ecbd7b, 193px 427px #ecbd7b,
    875px 1816px #ecbd7b, 22px 1845px #ecbd7b, 917px 1712px #ecbd7b,
    97px 1936px #ecbd7b, 1837px 1617px #ecbd7b, 966px 1375px #ecbd7b,
    560px 606px #ecbd7b, 12px 1921px #ecbd7b, 226px 1833px #ecbd7b,
    1980px 1625px #ecbd7b, 1795px 1616px #ecbd7b, 109px 1006px #ecbd7b,
    1080px 1322px #ecbd7b, 520px 1460px #ecbd7b, 1816px 1657px #ecbd7b,
    1819px 910px #ecbd7b, 32px 1042px #ecbd7b, 813px 723px #ecbd7b,
    184px 260px #ecbd7b, 890px 154px #ecbd7b, 1114px 1424px #ecbd7b,
    135px 357px #ecbd7b, 104px 1521px #ecbd7b, 1037px 1690px #ecbd7b,
    10px 207px #ecbd7b, 85px 153px #ecbd7b, 1197px 1737px #ecbd7b,
    819px 44px #ecbd7b, 1632px 1647px #ecbd7b, 1362px 1073px #ecbd7b,
    533px 695px #ecbd7b, 976px 944px #ecbd7b, 1959px 1523px #ecbd7b,
    82px 1000px #ecbd7b, 876px 1361px #ecbd7b, 663px 208px #ecbd7b,
    686px 1869px #ecbd7b, 167px 606px #ecbd7b, 1068px 1660px #ecbd7b,
    553px 687px #ecbd7b, 312px 779px #ecbd7b, 364px 761px #ecbd7b,
    1787px 773px #ecbd7b, 873px 292px #ecbd7b, 1376px 800px #ecbd7b,
    379px 1218px #ecbd7b, 1219px 670px #ecbd7b, 877px 1051px #ecbd7b,
    274px 1719px #ecbd7b, 1221px 1606px #ecbd7b, 1307px 1752px #ecbd7b,
    1124px 1059px #ecbd7b, 1269px 547px #ecbd7b, 1606px 1225px #ecbd7b,
    364px 1849px #ecbd7b, 1182px 456px #ecbd7b, 1494px 1665px #ecbd7b,
    1661px 1644px #ecbd7b, 743px 1088px #ecbd7b, 395px 1000px #ecbd7b,
    1405px 828px #ecbd7b, 1428px 1980px #ecbd7b, 1967px 1923px #ecbd7b,
    1519px 1130px #ecbd7b, 419px 1924px #ecbd7b, 780px 1270px #ecbd7b,
    718px 662px #ecbd7b, 1982px 919px #ecbd7b, 1172px 646px #ecbd7b,
    1613px 741px #ecbd7b, 298px 509px #ecbd7b, 1730px 575px #ecbd7b,
    692px 911px #ecbd7b, 1231px 253px #ecbd7b, 1069px 791px #ecbd7b,
    1683px 1853px #ecbd7b, 178px 206px #ecbd7b, 1265px 867px #ecbd7b,
    1663px 5px #ecbd7b, 309px 923px #ecbd7b, 516px 647px #ecbd7b,
    112px 1288px #ecbd7b, 1964px 1673px #ecbd7b, 971px 747px #ecbd7b,
    24px 796px #ecbd7b, 601px 319px #ecbd7b, 1547px 1282px #ecbd7b,
    1088px 595px #ecbd7b, 148px 454px #ecbd7b, 811px 260px #ecbd7b,
    1764px 328px #ecbd7b, 370px 658px #ecbd7b, 551px 1094px #ecbd7b,
    1878px 1270px #ecbd7b, 651px 216px #ecbd7b, 1944px 1699px #ecbd7b,
    1926px 1540px #ecbd7b, 10px 1810px #ecbd7b, 661px 608px #ecbd7b,
    1060px 1019px #ecbd7b, 1701px 825px #ecbd7b, 1551px 1878px #ecbd7b,
    1636px 835px #ecbd7b, 297px 81px #ecbd7b, 906px 287px #ecbd7b,
    601px 1166px #ecbd7b, 1372px 1321px #ecbd7b, 1475px 1631px #ecbd7b,
    1690px 77px #ecbd7b, 1145px 1552px #ecbd7b, 1435px 193px #ecbd7b,
    1666px 1551px #ecbd7b, 601px 1739px #ecbd7b, 1479px 10px #ecbd7b,
    273px 1221px #ecbd7b, 551px 1222px #ecbd7b, 186px 400px #ecbd7b,
    1313px 43px #ecbd7b, 1662px 1097px #ecbd7b, 181px 399px #ecbd7b,
    1034px 93px #ecbd7b, 1019px 1568px #ecbd7b, 746px 1349px #ecbd7b,
    1172px 422px #ecbd7b, 837px 972px #ecbd7b, 25px 551px #ecbd7b,
    966px 820px #ecbd7b, 1872px 484px #ecbd7b, 469px 1981px #ecbd7b,
    1297px 927px #ecbd7b, 1333px 1865px #ecbd7b, 946px 1120px #ecbd7b,
    41px 130px #ecbd7b, 1028px 364px #ecbd7b, 9px 454px #ecbd7b,
    42px 92px #ecbd7b, 920px 1914px #ecbd7b, 1839px 1882px #ecbd7b,
    965px 1925px #ecbd7b, 1315px 1163px #ecbd7b, 510px 177px #ecbd7b,
    1350px 1719px #ecbd7b, 1483px 146px #ecbd7b, 1239px 1647px #ecbd7b,
    568px 131px #ecbd7b, 147px 587px #ecbd7b, 1073px 82px #ecbd7b,
    1442px 1488px #ecbd7b, 772px 1679px #ecbd7b, 600px 1320px #ecbd7b,
    1028px 172px #ecbd7b, 1350px 791px #ecbd7b, 1390px 886px #ecbd7b,
    1203px 1879px #ecbd7b, 1547px 1711px #ecbd7b, 441px 1161px #ecbd7b,
    861px 1948px #ecbd7b, 1733px 1679px #ecbd7b, 366px 1591px #ecbd7b,
    298px 1950px #ecbd7b, 236px 85px #ecbd7b, 1050px 318px #ecbd7b,
    590px 740px #ecbd7b, 1913px 461px #ecbd7b, 1509px 348px #ecbd7b,
    184px 1670px #ecbd7b, 960px 1191px #ecbd7b, 1284px 1401px #ecbd7b,
    1640px 1344px #ecbd7b, 1329px 1292px #ecbd7b, 1134px 398px #ecbd7b,
    756px 948px #ecbd7b, 26px 1373px #ecbd7b, 936px 601px #ecbd7b,
    806px 1831px #ecbd7b, 616px 1311px #ecbd7b, 761px 1320px #ecbd7b,
    932px 1739px #ecbd7b, 1788px 873px #ecbd7b, 953px 1224px #ecbd7b,
    363px 1780px #ecbd7b, 398px 980px #ecbd7b, 393px 807px #ecbd7b,
    246px 123px #ecbd7b, 959px 957px #ecbd7b, 150px 42px #ecbd7b,
    665px 340px #ecbd7b, 1518px 1580px #ecbd7b, 1594px 729px #ecbd7b,
    992px 604px #ecbd7b, 1475px 1234px #ecbd7b, 322px 1128px #ecbd7b,
    371px 917px #ecbd7b, 654px 9px #ecbd7b, 1473px 1519px #ecbd7b,
    1635px 1967px #ecbd7b, 933px 281px #ecbd7b, 959px 532px #ecbd7b,
    1825px 513px #ecbd7b, 269px 1813px #ecbd7b, 480px 1859px #ecbd7b,
    1832px 889px #ecbd7b, 1611px 1001px #ecbd7b, 871px 101px #ecbd7b,
    1856px 1138px #ecbd7b, 1009px 275px #ecbd7b, 230px 64px #ecbd7b,
    343px 1388px #ecbd7b, 422px 934px #ecbd7b, 1257px 994px #ecbd7b,
    417px 502px #ecbd7b, 1383px 183px #ecbd7b, 1861px 1377px #ecbd7b,
    163px 777px #ecbd7b, 1156px 682px #ecbd7b, 619px 604px #ecbd7b,
    1519px 878px #ecbd7b, 182px 122px #ecbd7b, 29px 484px #ecbd7b,
    1040px 1698px #ecbd7b, 1646px 1696px #ecbd7b, 967px 1439px #ecbd7b,
    76px 323px #ecbd7b, 1308px 1513px #ecbd7b, 623px 318px #ecbd7b,
    12px 1679px #ecbd7b, 610px 173px #ecbd7b, 1633px 733px #ecbd7b,
    1023px 1654px #ecbd7b, 1428px 1919px #ecbd7b, 1088px 89px #ecbd7b,
    755px 303px #ecbd7b, 1862px 1731px #ecbd7b, 471px 262px #ecbd7b,
    1722px 498px #ecbd7b, 653px 1080px #ecbd7b, 1046px 1778px #ecbd7b,
    669px 58px #ecbd7b, 1808px 1463px #ecbd7b, 746px 85px #ecbd7b,
    1873px 1361px #ecbd7b, 106px 657px #ecbd7b, 704px 1970px #ecbd7b,
    163px 930px #ecbd7b, 1516px 350px #ecbd7b, 137px 886px #ecbd7b,
    219px 486px #ecbd7b, 980px 678px #ecbd7b, 1245px 1105px #ecbd7b,
    1399px 772px #ecbd7b, 576px 1154px #ecbd7b, 1148px 1163px #ecbd7b,
    281px 916px #ecbd7b, 218px 980px #ecbd7b, 1653px 1899px #ecbd7b,
    1690px 978px #ecbd7b, 1550px 869px #ecbd7b, 1715px 1054px #ecbd7b,
    1541px 1429px #ecbd7b, 159px 1381px #ecbd7b, 419px 1780px #ecbd7b,
    1905px 1820px #ecbd7b, 398px 525px #ecbd7b, 129px 329px #ecbd7b,
    584px 494px #ecbd7b, 348px 1010px #ecbd7b, 1371px 777px #ecbd7b,
    1824px 1508px #ecbd7b, 331px 173px #ecbd7b, 34px 1388px #ecbd7b,
    21px 1132px #ecbd7b, 1016px 1284px #ecbd7b, 1600px 1913px #ecbd7b,
    282px 1230px #ecbd7b, 334px 347px #ecbd7b, 1165px 956px #ecbd7b,
    80px 343px #ecbd7b, 303px 510px #ecbd7b, 183px 665px #ecbd7b,
    388px 1388px #ecbd7b, 1409px 393px #ecbd7b, 1606px 1589px #ecbd7b,
    1351px 201px #ecbd7b, 1720px 1640px #ecbd7b, 171px 1848px #ecbd7b,
    1734px 83px #ecbd7b, 1633px 194px #ecbd7b, 299px 2000px #ecbd7b,
    52px 934px #ecbd7b, 775px 1701px #ecbd7b, 776px 1423px #ecbd7b,
    612px 160px #ecbd7b, 446px 228px #ecbd7b, 1435px 1483px #ecbd7b,
    1499px 1205px #ecbd7b, 796px 64px #ecbd7b, 1538px 72px #ecbd7b,
    1559px 1749px #ecbd7b, 682px 1770px #ecbd7b, 348px 1790px #ecbd7b,
    10px 178px #ecbd7b, 1152px 89px #ecbd7b, 1816px 1843px #ecbd7b,
    961px 1774px #ecbd7b, 1434px 242px #ecbd7b, 227px 1124px #ecbd7b,
    1358px 1875px #ecbd7b, 670px 904px #ecbd7b, 1373px 459px #ecbd7b,
    511px 1910px #ecbd7b, 642px 1429px #ecbd7b, 1485px 749px #ecbd7b,
    1484px 1143px #ecbd7b, 415px 680px #ecbd7b, 642px 1859px #ecbd7b,
    1305px 1381px #ecbd7b, 1400px 434px #ecbd7b, 1846px 1892px #ecbd7b,
    164px 1785px #ecbd7b, 1054px 550px #ecbd7b, 1523px 926px #ecbd7b,
    1358px 1994px #ecbd7b, 1462px 1862px #ecbd7b, 347px 826px #ecbd7b,
    1878px 1547px #ecbd7b, 1685px 324px #ecbd7b, 1996px 717px #ecbd7b,
    586px 1134px #ecbd7b, 1029px 750px #ecbd7b, 249px 1537px #ecbd7b,
    1917px 1687px #ecbd7b, 1444px 1503px #ecbd7b, 1201px 745px #ecbd7b,
    1841px 1354px #ecbd7b, 1069px 449px #ecbd7b, 802px 1957px #ecbd7b,
    1420px 605px #ecbd7b, 997px 621px #ecbd7b, 1291px 1683px #ecbd7b,
    1305px 1217px #ecbd7b, 1030px 1010px #ecbd7b, 625px 1305px #ecbd7b,
    154px 1949px #ecbd7b, 1903px 1476px #ecbd7b, 1714px 699px #ecbd7b,
    889px 1839px #ecbd7b, 1812px 1930px #ecbd7b, 1652px 1932px #ecbd7b,
    1546px 228px #ecbd7b, 894px 1349px #ecbd7b, 1039px 1190px #ecbd7b,
    1266px 351px #ecbd7b, 1408px 1840px #ecbd7b, 1314px 1640px #ecbd7b,
    1960px 902px #ecbd7b, 1788px 1976px #ecbd7b, 137px 802px #ecbd7b,
    953px 1288px #ecbd7b, 719px 1560px #ecbd7b, 1566px 1760px #ecbd7b,
    1367px 750px #ecbd7b, 1953px 1915px #ecbd7b, 1490px 5px #ecbd7b,
    371px 1732px #ecbd7b, 410px 931px #ecbd7b, 846px 1919px #ecbd7b,
    1390px 1184px #ecbd7b, 618px 418px #ecbd7b, 410px 632px #ecbd7b,
    1391px 58px #ecbd7b, 450px 1874px #ecbd7b, 928px 1506px #ecbd7b,
    843px 1996px #ecbd7b, 625px 822px #ecbd7b, 1705px 233px #ecbd7b,
    1407px 894px #ecbd7b, 370px 982px #ecbd7b, 1567px 1336px #ecbd7b,
    316px 1873px #ecbd7b, 968px 56px #ecbd7b, 78px 1063px #ecbd7b,
    1389px 1269px #ecbd7b, 1644px 1404px #ecbd7b, 772px 1254px #ecbd7b,
    864px 423px #ecbd7b, 1148px 1065px #ecbd7b, 1265px 85px #ecbd7b,
    261px 862px #ecbd7b, 188px 72px #ecbd7b, 1751px 71px #ecbd7b,
    1373px 847px #ecbd7b, 1354px 654px #ecbd7b, 521px 1205px #ecbd7b,
    765px 834px #ecbd7b, 628px 954px #ecbd7b, 1514px 424px #ecbd7b,
    1904px 1861px #ecbd7b, 875px 1238px #ecbd7b, 1541px 1784px #ecbd7b,
    292px 1459px #ecbd7b, 1996px 375px #ecbd7b, 208px 363px #ecbd7b,
    891px 1837px #ecbd7b, 568px 1104px #ecbd7b, 58px 1876px #ecbd7b,
    1754px 520px #ecbd7b, 543px 1313px #ecbd7b, 1240px 1674px #ecbd7b,
    383px 895px #ecbd7b, 517px 1324px #ecbd7b, 933px 1539px #ecbd7b,
    1349px 80px #ecbd7b, 852px 604px #ecbd7b, 1997px 1197px #ecbd7b,
    225px 1237px #ecbd7b, 478px 1684px #ecbd7b, 1906px 322px #ecbd7b,
    1781px 705px #ecbd7b, 631px 160px #ecbd7b, 1587px 1643px #ecbd7b,
    1113px 811px #ecbd7b, 1029px 1514px #ecbd7b, 781px 141px #ecbd7b,
    490px 1625px #ecbd7b, 389px 1325px #ecbd7b, 1830px 360px #ecbd7b,
    65px 462px #ecbd7b, 249px 902px #ecbd7b, 375px 1604px #ecbd7b,
    375px 825px #ecbd7b, 1558px 380px #ecbd7b, 755px 424px #ecbd7b,
    1620px 10px #ecbd7b, 1484px 1318px #ecbd7b, 70px 243px #ecbd7b,
    1015px 1080px #ecbd7b, 505px 1019px #ecbd7b, 1478px 1466px #ecbd7b,
    328px 767px #ecbd7b, 1810px 290px #ecbd7b, 1813px 1155px #ecbd7b,
    115px 920px #ecbd7b, 72px 1665px #ecbd7b, 327px 1175px #ecbd7b,
    168px 1498px #ecbd7b, 1116px 919px #ecbd7b, 1393px 93px #ecbd7b,
    1465px 297px #ecbd7b, 1771px 1175px #ecbd7b, 259px 1568px #ecbd7b,
    713px 1382px #ecbd7b, 1172px 504px #ecbd7b, 1698px 1297px #ecbd7b,
    1434px 1698px #ecbd7b, 1116px 1089px #ecbd7b, 1839px 234px #ecbd7b,
    204px 1600px #ecbd7b, 195px 1896px #ecbd7b, 495px 63px #ecbd7b,
    1007px 226px #ecbd7b, 1971px 98px #ecbd7b, 1802px 710px #ecbd7b,
    105px 1676px #ecbd7b, 1927px 1502px #ecbd7b, 1784px 1060px #ecbd7b,
    260px 574px #ecbd7b, 1233px 1507px #ecbd7b, 1728px 1263px #ecbd7b,
    1386px 1429px #ecbd7b, 1459px 985px #ecbd7b, 1305px 503px #ecbd7b,
    1737px 353px #ecbd7b, 1751px 1986px #ecbd7b, 301px 942px #ecbd7b,
    383px 922px #ecbd7b, 11px 1295px #ecbd7b, 1629px 459px #ecbd7b,
    1402px 1212px #ecbd7b, 607px 1219px #ecbd7b, 69px 433px #ecbd7b,
    471px 1198px #ecbd7b, 983px 1491px #ecbd7b, 490px 1519px #ecbd7b,
    1356px 1180px #ecbd7b, 1679px 929px #ecbd7b, 1858px 449px #ecbd7b,
    665px 371px #ecbd7b, 1895px 871px #ecbd7b, 1246px 1309px #ecbd7b,
    1178px 542px #ecbd7b, 752px 459px #ecbd7b, 573px 1532px #ecbd7b,
    1704px 1974px #ecbd7b, 41px 640px #ecbd7b, 1661px 798px #ecbd7b,
    1714px 1079px #ecbd7b, 1395px 1906px #ecbd7b, 1122px 1038px #ecbd7b,
    1847px 494px #ecbd7b, 296px 274px #ecbd7b, 760px 396px #ecbd7b,
    493px 257px #ecbd7b, 335px 967px #ecbd7b, 555px 476px #ecbd7b,
    245px 795px #ecbd7b, 1873px 1995px #ecbd7b, 1044px 762px #ecbd7b,
    1189px 945px #ecbd7b, 1444px 876px #ecbd7b, 1822px 1881px #ecbd7b,
    984px 229px #ecbd7b, 1256px 370px #ecbd7b, 1661px 646px #ecbd7b,
    976px 425px #ecbd7b, 553px 872px #ecbd7b, 845px 473px #ecbd7b,
    1631px 1999px #ecbd7b, 424px 1078px #ecbd7b, 1592px 1174px #ecbd7b,
    673px 1052px #ecbd7b, 586px 691px #ecbd7b, 1882px 1728px #ecbd7b,
    879px 566px #ecbd7b, 1283px 776px #ecbd7b, 1179px 1333px #ecbd7b,
    1049px 432px #ecbd7b, 1138px 185px #ecbd7b, 1244px 750px #ecbd7b,
    237px 470px #ecbd7b, 1512px 80px #ecbd7b, 1297px 1610px #ecbd7b,
    644px 1554px #ecbd7b, 169px 422px #ecbd7b, 1892px 884px #ecbd7b,
    497px 13px #ecbd7b, 1129px 299px #ecbd7b, 934px 731px #ecbd7b,
    1244px 746px #ecbd7b, 1951px 1696px #ecbd7b, 1806px 937px #ecbd7b,
    265px 1598px #ecbd7b, 355px 1963px #ecbd7b, 207px 1320px #ecbd7b,
    1069px 1076px #ecbd7b, 527px 1346px #ecbd7b, 1880px 924px #ecbd7b,
    1641px 1192px #ecbd7b, 1150px 1120px #ecbd7b, 98px 1939px #ecbd7b,
    1409px 486px #ecbd7b, 329px 1794px #ecbd7b, 852px 1149px #ecbd7b,
    242px 607px #ecbd7b, 1774px 1200px #ecbd7b, 1086px 1836px #ecbd7b,
    519px 1381px #ecbd7b, 956px 1364px #ecbd7b, 164px 1045px #ecbd7b,
    383px 840px #ecbd7b, 877px 172px #ecbd7b, 547px 1298px #ecbd7b,
    1694px 1936px #ecbd7b, 728px 1524px #ecbd7b, 1860px 1334px #ecbd7b,
    1438px 1731px #ecbd7b, 457px 406px #ecbd7b, 1162px 1828px #ecbd7b,
    1261px 1840px #ecbd7b, 1081px 852px #ecbd7b, 1871px 1432px #ecbd7b,
    894px 660px #ecbd7b, 1108px 145px #ecbd7b, 390px 321px #ecbd7b,
    1021px 6px #ecbd7b, 814px 75px #ecbd7b, 1741px 186px #ecbd7b,
    256px 1214px #ecbd7b, 691px 140px #ecbd7b, 1747px 679px #ecbd7b,
    1194px 1513px #ecbd7b, 1799px 634px #ecbd7b, 1952px 530px #ecbd7b,
    536px 956px #ecbd7b, 1231px 1145px #ecbd7b, 1069px 349px #ecbd7b,
    463px 306px #ecbd7b, 164px 359px #ecbd7b, 752px 14px #ecbd7b,
    1890px 307px #ecbd7b, 1813px 802px #ecbd7b, 1178px 1368px #ecbd7b,
    266px 1401px #ecbd7b, 903px 441px #ecbd7b, 1636px 1082px #ecbd7b,
    1740px 1373px #ecbd7b, 1457px 509px #ecbd7b, 1187px 388px #ecbd7b,
    1647px 947px #ecbd7b, 890px 986px #ecbd7b, 1715px 1015px #ecbd7b,
    421px 1041px #ecbd7b, 1462px 1590px #ecbd7b, 690px 1237px #ecbd7b,
    1035px 337px #ecbd7b, 1540px 926px #ecbd7b, 116px 1075px #ecbd7b,
    1502px 750px #ecbd7b, 459px 683px #ecbd7b, 1389px 549px #ecbd7b,
    243px 474px #ecbd7b, 1753px 1133px #ecbd7b, 98px 167px #ecbd7b,
    1976px 1463px #ecbd7b, 1840px 1075px #ecbd7b, 146px 455px #ecbd7b,
    343px 1782px #ecbd7b, 1308px 553px #ecbd7b, 185px 1906px #ecbd7b,
    1605px 1879px #ecbd7b, 1311px 172px #ecbd7b, 1393px 321px #ecbd7b,
    791px 1231px #ecbd7b, 157px 207px #ecbd7b, 236px 774px #ecbd7b,
    877px 430px #ecbd7b, 1093px 759px #ecbd7b, 716px 1567px #ecbd7b,
    733px 508px #ecbd7b, 802px 665px #ecbd7b, 1228px 197px #ecbd7b,
    784px 1097px #ecbd7b, 758px 275px #ecbd7b, 847px 1773px #ecbd7b,
    678px 1687px #ecbd7b, 191px 1978px #ecbd7b, 1434px 1816px #ecbd7b,
    1189px 359px #ecbd7b, 1125px 1221px #ecbd7b, 7px 736px #ecbd7b,
    7px 82px #ecbd7b, 109px 1090px #ecbd7b, 727px 1370px #ecbd7b,
    1836px 1388px #ecbd7b, 1026px 1758px #ecbd7b, 129px 1186px #ecbd7b,
    817px 237px #ecbd7b, 361px 1216px #ecbd7b, 252px 475px #ecbd7b,
    1850px 950px #ecbd7b, 1897px 1854px #ecbd7b, 715px 414px #ecbd7b,
    1806px 215px #ecbd7b, 676px 903px #ecbd7b, 698px 15px #ecbd7b,
    849px 1318px #ecbd7b, 1157px 862px #ecbd7b, 908px 1546px #ecbd7b,
    1665px 256px #ecbd7b, 495px 325px #ecbd7b, 1129px 514px #ecbd7b,
    733px 251px #ecbd7b, 638px 947px #ecbd7b, 552px 1691px #ecbd7b,
    965px 1377px #ecbd7b, 583px 1011px #ecbd7b, 1105px 40px #ecbd7b,
    1455px 1209px #ecbd7b, 1760px 1886px #ecbd7b, 323px 992px #ecbd7b,
    1676px 1013px #ecbd7b, 901px 528px #ecbd7b, 1094px 1682px #ecbd7b,
    599px 1741px #ecbd7b, 78px 544px #ecbd7b, 314px 993px #ecbd7b,
    764px 1395px #ecbd7b, 1589px 750px #ecbd7b, 85px 1416px #ecbd7b,
    618px 1750px #ecbd7b, 1647px 1419px #ecbd7b, 922px 1488px #ecbd7b,
    1710px 978px #ecbd7b, 1781px 343px #ecbd7b, 1210px 1300px #ecbd7b,
    665px 1975px #ecbd7b, 677px 1336px #ecbd7b, 1326px 1458px #ecbd7b,
    1550px 1791px #ecbd7b, 1138px 1691px #ecbd7b, 1142px 1879px #ecbd7b,
    757px 1242px #ecbd7b, 581px 1337px #ecbd7b, 319px 1197px #ecbd7b,
    1833px 676px #ecbd7b, 654px 160px #ecbd7b, 702px 514px #ecbd7b,
    1741px 435px #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: 1892px 148px #ecbd7b, 1661px 1566px #ecbd7b, 60px 470px #ecbd7b,
    1908px 1154px #ecbd7b, 243px 85px #ecbd7b, 726px 1575px #ecbd7b,
    1299px 1963px #ecbd7b, 948px 490px #ecbd7b, 1391px 56px #ecbd7b,
    371px 1957px #ecbd7b, 1882px 1493px #ecbd7b, 440px 548px #ecbd7b,
    96px 1211px #ecbd7b, 838px 903px #ecbd7b, 89px 1342px #ecbd7b,
    1821px 1467px #ecbd7b, 193px 409px #ecbd7b, 1985px 1547px #ecbd7b,
    1865px 1265px #ecbd7b, 113px 930px #ecbd7b, 1833px 1250px #ecbd7b,
    584px 1952px #ecbd7b, 452px 54px #ecbd7b, 1184px 363px #ecbd7b,
    1589px 1626px #ecbd7b, 960px 152px #ecbd7b, 454px 995px #ecbd7b,
    113px 791px #ecbd7b, 1098px 1960px #ecbd7b, 820px 427px #ecbd7b,
    1465px 1411px #ecbd7b, 1670px 195px #ecbd7b, 310px 373px #ecbd7b,
    966px 1084px #ecbd7b, 1848px 7px #ecbd7b, 597px 1782px #ecbd7b,
    1310px 1430px #ecbd7b, 202px 104px #ecbd7b, 620px 1024px #ecbd7b,
    578px 93px #ecbd7b, 1970px 1147px #ecbd7b, 29px 565px #ecbd7b,
    464px 1537px #ecbd7b, 48px 251px #ecbd7b, 984px 40px #ecbd7b,
    250px 877px #ecbd7b, 1878px 1828px #ecbd7b, 320px 316px #ecbd7b,
    1465px 503px #ecbd7b, 1800px 294px #ecbd7b, 787px 1651px #ecbd7b,
    765px 134px #ecbd7b, 373px 1072px #ecbd7b, 521px 471px #ecbd7b,
    1807px 1349px #ecbd7b, 1314px 499px #ecbd7b, 960px 487px #ecbd7b,
    1197px 1322px #ecbd7b, 299px 827px #ecbd7b, 27px 1475px #ecbd7b,
    951px 1183px #ecbd7b, 1409px 1809px #ecbd7b, 1425px 1439px #ecbd7b,
    1401px 519px #ecbd7b, 1949px 1347px #ecbd7b, 1040px 211px #ecbd7b,
    917px 307px #ecbd7b, 1993px 1192px #ecbd7b, 1224px 1292px #ecbd7b,
    1982px 1213px #ecbd7b, 1306px 1709px #ecbd7b, 325px 55px #ecbd7b,
    797px 1103px #ecbd7b, 1886px 1246px #ecbd7b, 239px 261px #ecbd7b,
    1266px 673px #ecbd7b, 742px 84px #ecbd7b, 145px 1303px #ecbd7b,
    343px 986px #ecbd7b, 852px 659px #ecbd7b, 1048px 86px #ecbd7b,
    1251px 582px #ecbd7b, 1294px 1449px #ecbd7b, 1233px 1351px #ecbd7b,
    1505px 106px #ecbd7b, 6px 540px #ecbd7b, 562px 784px #ecbd7b,
    1296px 120px #ecbd7b, 1033px 637px #ecbd7b, 129px 116px #ecbd7b,
    81px 19px #ecbd7b, 1207px 16px #ecbd7b, 827px 1130px #ecbd7b,
    1175px 1338px #ecbd7b, 656px 1059px #ecbd7b, 176px 544px #ecbd7b,
    1796px 514px #ecbd7b, 1892px 1352px #ecbd7b, 833px 958px #ecbd7b,
    1041px 1992px #ecbd7b, 1486px 742px #ecbd7b, 1251px 1517px #ecbd7b,
    1709px 327px #ecbd7b, 1320px 410px #ecbd7b, 491px 247px #ecbd7b,
    456px 1905px #ecbd7b, 358px 1425px #ecbd7b, 417px 1524px #ecbd7b,
    641px 292px #ecbd7b, 1347px 1250px #ecbd7b, 490px 1313px #ecbd7b,
    1780px 1777px #ecbd7b, 1973px 964px #ecbd7b, 1844px 1173px #ecbd7b,
    1151px 1528px #ecbd7b, 857px 1909px #ecbd7b, 57px 1244px #ecbd7b,
    984px 577px #ecbd7b, 570px 237px #ecbd7b, 532px 1210px #ecbd7b,
    795px 1248px #ecbd7b, 719px 1205px #ecbd7b, 1238px 1182px #ecbd7b,
    115px 761px #ecbd7b, 793px 380px #ecbd7b, 1786px 136px #ecbd7b,
    91px 391px #ecbd7b, 1956px 1926px #ecbd7b, 632px 169px #ecbd7b,
    716px 749px #ecbd7b, 1810px 597px #ecbd7b, 1556px 437px #ecbd7b,
    1414px 1060px #ecbd7b, 1438px 1891px #ecbd7b, 458px 476px #ecbd7b,
    332px 1694px #ecbd7b, 187px 1837px #ecbd7b, 1541px 415px #ecbd7b,
    1761px 1161px #ecbd7b, 247px 1367px #ecbd7b, 235px 1897px #ecbd7b,
    1810px 998px #ecbd7b, 754px 359px #ecbd7b, 42px 36px #ecbd7b,
    225px 963px #ecbd7b, 314px 1975px #ecbd7b, 229px 422px #ecbd7b,
    742px 1191px #ecbd7b, 314px 1728px #ecbd7b, 8px 1376px #ecbd7b,
    1443px 531px #ecbd7b, 1404px 1890px #ecbd7b, 1135px 1912px #ecbd7b,
    1450px 495px #ecbd7b, 388px 1701px #ecbd7b, 284px 445px #ecbd7b,
    367px 149px #ecbd7b, 4px 1275px #ecbd7b, 980px 1338px #ecbd7b,
    578px 292px #ecbd7b, 99px 496px #ecbd7b, 958px 1692px #ecbd7b,
    673px 1745px #ecbd7b, 1769px 933px #ecbd7b, 21px 38px #ecbd7b,
    230px 1399px #ecbd7b, 1768px 277px #ecbd7b, 118px 1675px #ecbd7b,
    147px 1515px #ecbd7b, 1461px 1167px #ecbd7b, 1094px 926px #ecbd7b,
    904px 1259px #ecbd7b, 1987px 1863px #ecbd7b, 1494px 990px #ecbd7b,
    1817px 648px #ecbd7b, 1680px 272px #ecbd7b, 1320px 1915px #ecbd7b,
    1983px 1680px #ecbd7b, 636px 913px #ecbd7b, 1700px 97px #ecbd7b,
    1932px 84px #ecbd7b, 1049px 1571px #ecbd7b, 354px 1252px #ecbd7b,
    56px 1183px #ecbd7b, 595px 783px #ecbd7b, 533px 1071px #ecbd7b,
    1575px 1533px #ecbd7b, 171px 578px #ecbd7b, 340px 950px #ecbd7b,
    1140px 1120px #ecbd7b, 937px 1890px #ecbd7b, 1376px 1644px #ecbd7b,
    469px 1396px #ecbd7b, 590px 1696px #ecbd7b, 1620px 1328px #ecbd7b,
    367px 862px #ecbd7b, 1020px 1505px #ecbd7b, 312px 1435px #ecbd7b,
    631px 724px #ecbd7b, 1095px 987px #ecbd7b, 1239px 324px #ecbd7b,
    783px 841px #ecbd7b, 1171px 1383px #ecbd7b, 1941px 1952px #ecbd7b,
    836px 1656px #ecbd7b, 1358px 481px #ecbd7b, 1193px 1536px #ecbd7b,
    1663px 1900px #ecbd7b, 71px 1217px #ecbd7b, 473px 1159px #ecbd7b,
    946px 1544px #ecbd7b, 471px 1552px #ecbd7b, 1373px 1567px #ecbd7b,
    979px 641px #ecbd7b, 837px 1960px #ecbd7b, 926px 252px #ecbd7b,
    211px 50px #ecbd7b, 1964px 1030px #ecbd7b, 240px 1899px #ecbd7b,
    1138px 564px #ecbd7b, 185px 991px #ecbd7b, 389px 830px #ecbd7b,
    574px 1031px #ecbd7b, 1514px 440px #ecbd7b, 960px 898px #ecbd7b,
    492px 1270px #ecbd7b, 356px 556px #ecbd7b, 1409px 992px #ecbd7b,
    1064px 1812px #ecbd7b, 864px 265px #ecbd7b, 1245px 425px #ecbd7b,
    1753px 377px #ecbd7b, 537px 1617px #ecbd7b, 675px 1061px #ecbd7b,
    1566px 1836px #ecbd7b, 1124px 1951px #ecbd7b, 55px 1505px #ecbd7b,
    661px 373px #ecbd7b, 1777px 1751px #ecbd7b, 1719px 1247px #ecbd7b,
    868px 1549px #ecbd7b, 1103px 1251px #ecbd7b, 1636px 361px #ecbd7b,
    1858px 1813px #ecbd7b, 1717px 1074px #ecbd7b, 1510px 696px #ecbd7b,
    503px 568px #ecbd7b, 214px 1358px #ecbd7b, 424px 1240px #ecbd7b,
    30px 1329px #ecbd7b, 648px 377px #ecbd7b, 832px 122px #ecbd7b,
    543px 304px #ecbd7b, 58px 1686px #ecbd7b, 1460px 557px #ecbd7b,
    1551px 544px #ecbd7b, 1389px 641px #ecbd7b, 1388px 198px #ecbd7b,
    643px 1600px #ecbd7b, 516px 129px #ecbd7b, 1816px 1914px #ecbd7b,
    853px 590px #ecbd7b, 1200px 80px #ecbd7b, 1257px 116px #ecbd7b,
    1213px 68px #ecbd7b, 961px 994px #ecbd7b, 1782px 1715px #ecbd7b,
    649px 218px #ecbd7b, 1458px 98px #ecbd7b, 1161px 349px #ecbd7b,
    1933px 773px #ecbd7b, 1955px 1006px #ecbd7b, 1227px 78px #ecbd7b,
    1334px 283px #ecbd7b, 1103px 1939px #ecbd7b, 356px 1200px #ecbd7b,
    784px 1155px #ecbd7b, 61px 594px #ecbd7b, 157px 1849px #ecbd7b,
    1797px 910px #ecbd7b, 1085px 914px #ecbd7b, 1639px 85px #ecbd7b,
    843px 621px #ecbd7b, 1160px 945px #ecbd7b, 443px 1417px #ecbd7b,
    982px 1496px #ecbd7b, 1858px 755px #ecbd7b, 1135px 1839px #ecbd7b,
    796px 1948px #ecbd7b, 536px 1144px #ecbd7b, 791px 1791px #ecbd7b,
    457px 1242px #ecbd7b, 1962px 807px #ecbd7b, 243px 805px #ecbd7b,
    652px 1430px #ecbd7b, 103px 1920px #ecbd7b, 598px 138px #ecbd7b,
    1430px 729px #ecbd7b, 1972px 1433px #ecbd7b, 1420px 1126px #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: 980px 2007px #ecbd7b, 1175px 1230px #ecbd7b, 1661px 1408px #ecbd7b,
    673px 571px #ecbd7b, 154px 332px #ecbd7b, 1762px 935px #ecbd7b,
    117px 987px #ecbd7b, 1028px 224px #ecbd7b, 1491px 476px #ecbd7b,
    1504px 1596px #ecbd7b, 859px 542px #ecbd7b, 1683px 1556px #ecbd7b,
    1004px 794px #ecbd7b, 749px 1763px #ecbd7b, 946px 1366px #ecbd7b,
    733px 175px #ecbd7b, 307px 1396px #ecbd7b, 1393px 369px #ecbd7b,
    966px 1117px #ecbd7b, 625px 1736px #ecbd7b, 207px 1297px #ecbd7b,
    1393px 1403px #ecbd7b, 1547px 1467px #ecbd7b, 745px 1508px #ecbd7b,
    1566px 1065px #ecbd7b, 470px 639px #ecbd7b, 766px 1162px #ecbd7b,
    1378px 1485px #ecbd7b, 1394px 1971px #ecbd7b, 488px 932px #ecbd7b,
    603px 438px #ecbd7b, 601px 930px #ecbd7b, 115px 333px #ecbd7b,
    1067px 1393px #ecbd7b, 421px 566px #ecbd7b, 653px 856px #ecbd7b,
    1250px 1417px #ecbd7b, 325px 1498px #ecbd7b, 1116px 1108px #ecbd7b,
    620px 115px #ecbd7b, 1787px 1095px #ecbd7b, 1517px 1097px #ecbd7b,
    1225px 1331px #ecbd7b, 1682px 601px #ecbd7b, 1627px 236px #ecbd7b,
    1039px 1551px #ecbd7b, 1456px 651px #ecbd7b, 1589px 479px #ecbd7b,
    383px 675px #ecbd7b, 1096px 234px #ecbd7b, 596px 135px #ecbd7b,
    287px 1429px #ecbd7b, 1140px 512px #ecbd7b, 814px 1544px #ecbd7b,
    888px 865px #ecbd7b, 1095px 1446px #ecbd7b, 252px 326px #ecbd7b,
    1344px 772px #ecbd7b, 1772px 413px #ecbd7b, 916px 1838px #ecbd7b,
    294px 466px #ecbd7b, 481px 293px #ecbd7b, 1857px 693px #ecbd7b,
    1930px 1391px #ecbd7b, 1446px 461px #ecbd7b, 427px 1817px #ecbd7b,
    1507px 1860px #ecbd7b, 785px 91px #ecbd7b, 335px 1576px #ecbd7b,
    1205px 244px #ecbd7b, 1101px 1716px #ecbd7b, 419px 1584px #ecbd7b,
    1169px 581px #ecbd7b, 1975px 778px #ecbd7b, 230px 1565px #ecbd7b,
    1929px 665px #ecbd7b, 805px 397px #ecbd7b, 1678px 45px #ecbd7b,
    445px 1030px #ecbd7b, 1105px 895px #ecbd7b, 1113px 298px #ecbd7b,
    961px 1939px #ecbd7b, 1415px 825px #ecbd7b, 1457px 829px #ecbd7b,
    1636px 489px #ecbd7b, 723px 319px #ecbd7b, 1986px 1889px #ecbd7b,
    1082px 390px #ecbd7b, 1466px 1813px #ecbd7b, 1490px 1223px #ecbd7b,
    320px 1993px #ecbd7b, 1942px 1299px #ecbd7b, 322px 229px #ecbd7b,
    932px 1593px #ecbd7b, 849px 766px #ecbd7b, 296px 862px #ecbd7b,
    183px 240px #ecbd7b, 1261px 1371px #ecbd7b, 119px 1002px #ecbd7b,
    348px 553px #ecbd7b, 1039px 1502px #ecbd7b, 1231px 881px #ecbd7b,
    1033px 772px #ecbd7b, 86px 1926px #ecbd7b, 1947px 1548px #ecbd7b,
    1818px 163px #ecbd7b, 1867px 631px #ecbd7b, 1858px 1717px #ecbd7b,
    1487px 813px #ecbd7b, 856px 1104px #ecbd7b, 638px 786px #ecbd7b,
    1049px 759px #ecbd7b, 1710px 962px #ecbd7b, 280px 398px #ecbd7b,
    1339px 1476px #ecbd7b, 1660px 574px #ecbd7b, 763px 88px #ecbd7b,
    150px 1151px #ecbd7b, 1545px 1494px #ecbd7b, 1645px 1050px #ecbd7b,
    1576px 922px #ecbd7b, 1030px 252px #ecbd7b, 107px 568px #ecbd7b,
    579px 499px #ecbd7b, 1817px 1323px #ecbd7b, 1036px 1324px #ecbd7b,
    922px 1626px #ecbd7b, 69px 461px #ecbd7b, 1061px 348px #ecbd7b,
    1576px 1849px #ecbd7b, 62px 1542px #ecbd7b, 414px 442px #ecbd7b,
    1453px 1581px #ecbd7b, 1972px 501px #ecbd7b, 448px 465px #ecbd7b,
    82px 762px #ecbd7b, 197px 42px #ecbd7b, 383px 125px #ecbd7b,
    734px 1463px #ecbd7b, 1603px 1764px #ecbd7b, 1558px 1287px #ecbd7b,
    1900px 789px #ecbd7b, 436px 1948px #ecbd7b, 1550px 361px #ecbd7b,
    1527px 1637px #ecbd7b, 786px 3px #ecbd7b, 616px 1796px #ecbd7b,
    1391px 15px #ecbd7b, 1095px 1162px #ecbd7b, 508px 1834px #ecbd7b,
    1564px 1194px #ecbd7b, 793px 134px #ecbd7b, 1983px 1358px #ecbd7b,
    951px 849px #ecbd7b, 817px 1878px #ecbd7b, 1959px 1766px #ecbd7b,
    268px 1942px #ecbd7b, 1117px 1237px #ecbd7b, 1955px 1612px #ecbd7b,
    523px 361px #ecbd7b, 823px 1985px #ecbd7b, 965px 1160px #ecbd7b,
    679px 353px #ecbd7b, 1801px 1491px #ecbd7b, 653px 169px #ecbd7b,
    7px 1209px #ecbd7b, 89px 1775px #ecbd7b, 912px 359px #ecbd7b,
    1451px 408px #ecbd7b, 1089px 845px #ecbd7b, 1791px 66px #ecbd7b,
    1985px 1811px #ecbd7b, 1901px 1013px #ecbd7b, 1005px 140px #ecbd7b,
    1136px 1877px #ecbd7b, 253px 903px #ecbd7b, 74px 359px #ecbd7b,
    1042px 1644px #ecbd7b, 280px 1411px #ecbd7b, 453px 1244px #ecbd7b,
    1759px 961px #ecbd7b, 1126px 1964px #ecbd7b, 972px 606px #ecbd7b,
    642px 22px #ecbd7b, 865px 1052px #ecbd7b, 1163px 403px #ecbd7b,
    1614px 726px #ecbd7b, 1518px 1503px #ecbd7b, 238px 1510px #ecbd7b,
    1992px 319px #ecbd7b, 1537px 692px #ecbd7b, 895px 1449px #ecbd7b,
    1349px 119px #ecbd7b, 1600px 1770px #ecbd7b, 1328px 757px #ecbd7b,
    1766px 1415px #ecbd7b, 1829px 1738px #ecbd7b, 1440px 858px #ecbd7b,
    980px 265px #ecbd7b, 611px 455px #ecbd7b, 721px 164px #ecbd7b,
    295px 1648px #ecbd7b, 1156px 1312px #ecbd7b, 320px 1812px #ecbd7b,
    695px 1065px #ecbd7b, 1671px 856px #ecbd7b, 1432px 284px #ecbd7b,
    1355px 1566px #ecbd7b, 1164px 1366px #ecbd7b, 476px 950px #ecbd7b,
    444px 1088px #ecbd7b, 421px 483px #ecbd7b, 1260px 41px #ecbd7b,
    1609px 1952px #ecbd7b, 514px 657px #ecbd7b, 498px 1228px #ecbd7b,
    1111px 1427px #ecbd7b, 60px 1472px #ecbd7b, 1427px 1294px #ecbd7b,
    741px 571px #ecbd7b, 421px 834px #ecbd7b, 693px 1308px #ecbd7b,
    976px 1533px #ecbd7b, 16px 475px #ecbd7b, 463px 1748px #ecbd7b,
    174px 1002px #ecbd7b, 1807px 128px #ecbd7b, 1519px 232px #ecbd7b,
    913px 123px #ecbd7b, 1238px 1029px #ecbd7b, 620px 244px #ecbd7b,
    1581px 339px #ecbd7b, 247px 606px #ecbd7b, 1517px 15px #ecbd7b,
    1838px 585px #ecbd7b, 15px 510px #ecbd7b, 350px 413px #ecbd7b,
    465px 1283px #ecbd7b, 578px 817px #ecbd7b, 534px 83px #ecbd7b,
    746px 306px #ecbd7b, 102px 1977px #ecbd7b, 787px 867px #ecbd7b,
    182px 1905px #ecbd7b, 1776px 1489px #ecbd7b, 147px 1289px #ecbd7b,
    1680px 950px #ecbd7b, 197px 6px #ecbd7b, 679px 168px #ecbd7b,
    361px 204px #ecbd7b, 813px 1143px #ecbd7b, 144px 848px #ecbd7b,
    853px 1808px #ecbd7b, 728px 1719px #ecbd7b, 152px 424px #ecbd7b,
    1907px 963px #ecbd7b, 121px 100px #ecbd7b, 1848px 1804px #ecbd7b,
    561px 851px #ecbd7b, 1565px 1943px #ecbd7b, 46px 1848px #ecbd7b,
    555px 1863px #ecbd7b, 230px 1433px #ecbd7b, 1731px 1945px #ecbd7b,
    990px 1946px #ecbd7b, 946px 91px #ecbd7b, 1440px 1211px #ecbd7b,
    1588px 1933px #ecbd7b, 1091px 1666px #ecbd7b, 892px 1469px #ecbd7b,
    1793px 1240px #ecbd7b, 1805px 1553px #ecbd7b, 1568px 514px #ecbd7b,
    281px 1099px #ecbd7b, 549px 1635px #ecbd7b, 1117px 1490px #ecbd7b,
    785px 949px #ecbd7b, 1270px 1856px #ecbd7b, 1418px 1201px #ecbd7b,
    1126px 1668px #ecbd7b, 258px 160px #ecbd7b, 1663px 328px #ecbd7b,
    312px 1757px #ecbd7b, 620px 190px #ecbd7b, 315px 516px #ecbd7b,
    328px 1306px #ecbd7b, 1615px 781px #ecbd7b, 1159px 848px #ecbd7b,
    928px 75px #ecbd7b, 1062px 868px #ecbd7b, 398px 757px #ecbd7b,
    1819px 1387px #ecbd7b, 648px 847px #ecbd7b, 172px 1474px #ecbd7b,
    546px 566px #ecbd7b, 1642px 523px #ecbd7b, 1850px 1863px #ecbd7b,
    1514px 150px #ecbd7b, 26px 769px #ecbd7b, 204px 1865px #ecbd7b,
    621px 1705px #ecbd7b, 51px 863px #ecbd7b, 700px 376px #ecbd7b,
    936px 1779px #ecbd7b, 1322px 599px #ecbd7b, 1497px 819px #ecbd7b,
    1641px 440px #ecbd7b, 1776px 394px #ecbd7b, 1611px 1495px #ecbd7b,
    1620px 409px #ecbd7b, 1330px 673px #ecbd7b, 109px 1141px #ecbd7b,
    1170px 628px #ecbd7b, 610px 1799px #ecbd7b, 1716px 400px #ecbd7b,
    79px 1595px #ecbd7b, 1769px 774px #ecbd7b, 360px 1446px #ecbd7b,
    1342px 504px #ecbd7b, 651px 1155px #ecbd7b, 941px 223px #ecbd7b,
    45px 579px #ecbd7b, 1881px 1692px #ecbd7b, 1067px 1617px #ecbd7b,
    28px 1121px #ecbd7b, 1600px 660px #ecbd7b, 237px 1586px #ecbd7b,
    743px 1148px #ecbd7b, 936px 1984px #ecbd7b, 1184px 1286px #ecbd7b,
    741px 1480px #ecbd7b, 19px 1529px #ecbd7b, 1387px 55px #ecbd7b,
    803px 1521px #ecbd7b, 422px 1359px #ecbd7b, 633px 548px #ecbd7b,
    171px 1319px #ecbd7b, 1206px 600px #ecbd7b, 1781px 1712px #ecbd7b,
    25px 1233px #ecbd7b, 237px 659px #ecbd7b, 906px 635px #ecbd7b,
    1824px 1776px #ecbd7b, 1829px 1510px #ecbd7b, 649px 1785px #ecbd7b,
    1727px 1014px #ecbd7b, 1592px 1432px #ecbd7b, 774px 1521px #ecbd7b,
    1683px 1697px #ecbd7b, 1124px 1524px #ecbd7b, 1809px 781px #ecbd7b,
    1371px 1738px #ecbd7b, 1423px 1381px #ecbd7b, 825px 1549px #ecbd7b,
    437px 1483px #ecbd7b, 1726px 462px #ecbd7b, 461px 193px #ecbd7b,
    264px 678px #ecbd7b, 1604px 916px #ecbd7b, 1656px 1422px #ecbd7b,
    1235px 71px #ecbd7b, 1387px 786px #ecbd7b, 511px 600px #ecbd7b,
    1599px 1818px #ecbd7b, 1796px 1654px #ecbd7b, 486px 685px #ecbd7b,
    742px 997px #ecbd7b, 1102px 282px #ecbd7b, 20px 1901px #ecbd7b,
    7px 624px #ecbd7b, 911px 168px #ecbd7b, 230px 123px #ecbd7b,
    19px 1702px #ecbd7b, 407px 498px #ecbd7b, 1393px 636px #ecbd7b,
    578px 779px #ecbd7b, 934px 1710px #ecbd7b, 1716px 1032px #ecbd7b,
    1227px 1292px #ecbd7b, 540px 1414px #ecbd7b, 481px 713px #ecbd7b,
    1394px 1001px #ecbd7b, 23px 1304px #ecbd7b, 193px 680px #ecbd7b,
    913px 1232px #ecbd7b, 1818px 80px #ecbd7b, 1131px 148px #ecbd7b,
    1723px 703px #ecbd7b, 1135px 1257px #ecbd7b, 1569px 341px #ecbd7b,
    952px 385px #ecbd7b, 1351px 1446px #ecbd7b, 1933px 1276px #ecbd7b,
    702px 450px #ecbd7b, 981px 561px #ecbd7b, 1943px 1884px #ecbd7b,
    410px 1259px #ecbd7b, 662px 1391px #ecbd7b, 659px 1656px #ecbd7b,
    1578px 176px #ecbd7b, 1258px 1004px #ecbd7b, 1550px 680px #ecbd7b,
    1734px 1125px #ecbd7b, 624px 80px #ecbd7b, 405px 1670px #ecbd7b,
    736px 290px #ecbd7b, 585px 1560px #ecbd7b, 1830px 722px #ecbd7b,
    1712px 793px #ecbd7b, 988px 1930px #ecbd7b, 1253px 1458px #ecbd7b,
    368px 1721px #ecbd7b, 968px 1965px #ecbd7b, 489px 991px #ecbd7b,
    730px 782px #ecbd7b, 1151px 1798px #ecbd7b, 1986px 1615px #ecbd7b,
    1911px 1149px #ecbd7b, 1550px 146px #ecbd7b, 1727px 934px #ecbd7b,
    538px 856px #ecbd7b, 1659px 351px #ecbd7b, 207px 243px #ecbd7b,
    1974px 661px #ecbd7b, 95px 480px #ecbd7b, 1058px 777px #ecbd7b,
    988px 87px #ecbd7b, 1368px 1266px #ecbd7b, 384px 1268px #ecbd7b,
    514px 295px #ecbd7b, 1767px 1014px #ecbd7b, 1515px 309px #ecbd7b,
    914px 1693px #ecbd7b, 1227px 198px #ecbd7b, 392px 1726px #ecbd7b,
    22px 451px #ecbd7b, 720px 9px #ecbd7b, 160px 808px #ecbd7b,
    911px 1069px #ecbd7b, 1037px 608px #ecbd7b, 1015px 748px #ecbd7b,
    1149px 1525px #ecbd7b, 1209px 760px #ecbd7b, 266px 1470px #ecbd7b,
    188px 514px #ecbd7b, 23px 632px #ecbd7b, 1497px 1218px #ecbd7b,
    1446px 165px #ecbd7b, 991px 24px #ecbd7b, 1044px 617px #ecbd7b,
    1537px 704px #ecbd7b, 991px 396px #ecbd7b, 880px 1731px #ecbd7b,
    92px 1590px #ecbd7b, 440px 1992px #ecbd7b, 944px 595px #ecbd7b,
    143px 1225px #ecbd7b, 164px 1835px #ecbd7b, 1273px 1339px #ecbd7b,
    1275px 897px #ecbd7b, 485px 1668px #ecbd7b, 1954px 1604px #ecbd7b,
    1784px 977px #ecbd7b, 1954px 1199px #ecbd7b, 1118px 1979px #ecbd7b,
    1693px 477px #ecbd7b, 13px 143px #ecbd7b, 310px 323px #ecbd7b,
    183px 1949px #ecbd7b, 113px 356px #ecbd7b, 667px 1714px #ecbd7b,
    791px 198px #ecbd7b, 789px 279px #ecbd7b, 232px 1275px #ecbd7b,
    1555px 1615px #ecbd7b, 1884px 1053px #ecbd7b, 795px 1667px #ecbd7b,
    802px 923px #ecbd7b, 1786px 1441px #ecbd7b, 379px 1940px #ecbd7b,
    1629px 813px #ecbd7b, 1029px 1317px #ecbd7b, 1206px 1103px #ecbd7b,
    36px 1257px #ecbd7b, 696px 338px #ecbd7b, 1938px 109px #ecbd7b,
    368px 1389px #ecbd7b, 61px 555px #ecbd7b, 665px 1531px #ecbd7b,
    5px 1594px #ecbd7b, 1966px 1968px #ecbd7b, 1813px 663px #ecbd7b,
    1266px 1952px #ecbd7b, 924px 112px #ecbd7b, 208px 690px #ecbd7b,
    501px 775px #ecbd7b, 734px 1778px #ecbd7b, 74px 1816px #ecbd7b,
    1140px 538px #ecbd7b, 959px 18px #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: 1892px 148px #ecbd7b, 1661px 1566px #ecbd7b, 60px 470px #ecbd7b,
    1908px 1154px #ecbd7b, 243px 85px #ecbd7b, 726px 1575px #ecbd7b,
    1299px 1963px #ecbd7b, 948px 490px #ecbd7b, 1391px 56px #ecbd7b,
    371px 1957px #ecbd7b, 1882px 1493px #ecbd7b, 440px 548px #ecbd7b,
    96px 1211px #ecbd7b, 838px 903px #ecbd7b, 89px 1342px #ecbd7b,
    1821px 1467px #ecbd7b, 193px 409px #ecbd7b, 1985px 1547px #ecbd7b,
    1865px 1265px #ecbd7b, 113px 930px #ecbd7b, 1833px 1250px #ecbd7b,
    584px 1952px #ecbd7b, 452px 54px #ecbd7b, 1184px 363px #ecbd7b,
    1589px 1626px #ecbd7b, 960px 152px #ecbd7b, 454px 995px #ecbd7b,
    113px 791px #ecbd7b, 1098px 1960px #ecbd7b, 820px 427px #ecbd7b,
    1465px 1411px #ecbd7b, 1670px 195px #ecbd7b, 310px 373px #ecbd7b,
    966px 1084px #ecbd7b, 1848px 7px #ecbd7b, 597px 1782px #ecbd7b,
    1310px 1430px #ecbd7b, 202px 104px #ecbd7b, 620px 1024px #ecbd7b,
    578px 93px #ecbd7b, 1970px 1147px #ecbd7b, 29px 565px #ecbd7b,
    464px 1537px #ecbd7b, 48px 251px #ecbd7b, 984px 40px #ecbd7b,
    250px 877px #ecbd7b, 1878px 1828px #ecbd7b, 320px 316px #ecbd7b,
    1465px 503px #ecbd7b, 1800px 294px #ecbd7b, 787px 1651px #ecbd7b,
    765px 134px #ecbd7b, 373px 1072px #ecbd7b, 521px 471px #ecbd7b,
    1807px 1349px #ecbd7b, 1314px 499px #ecbd7b, 960px 487px #ecbd7b,
    1197px 1322px #ecbd7b, 299px 827px #ecbd7b, 27px 1475px #ecbd7b,
    951px 1183px #ecbd7b, 1409px 1809px #ecbd7b, 1425px 1439px #ecbd7b,
    1401px 519px #ecbd7b, 1949px 1347px #ecbd7b, 1040px 211px #ecbd7b,
    917px 307px #ecbd7b, 1993px 1192px #ecbd7b, 1224px 1292px #ecbd7b,
    1982px 1213px #ecbd7b, 1306px 1709px #ecbd7b, 325px 55px #ecbd7b,
    797px 1103px #ecbd7b, 1886px 1246px #ecbd7b, 239px 261px #ecbd7b,
    1266px 673px #ecbd7b, 742px 84px #ecbd7b, 145px 1303px #ecbd7b,
    343px 986px #ecbd7b, 852px 659px #ecbd7b, 1048px 86px #ecbd7b,
    1251px 582px #ecbd7b, 1294px 1449px #ecbd7b, 1233px 1351px #ecbd7b,
    1505px 106px #ecbd7b, 6px 540px #ecbd7b, 562px 784px #ecbd7b,
    1296px 120px #ecbd7b, 1033px 637px #ecbd7b, 129px 116px #ecbd7b,
    81px 19px #ecbd7b, 1207px 16px #ecbd7b, 827px 1130px #ecbd7b,
    1175px 1338px #ecbd7b, 656px 1059px #ecbd7b, 176px 544px #ecbd7b,
    1796px 514px #ecbd7b, 1892px 1352px #ecbd7b, 833px 958px #ecbd7b,
    1041px 1992px #ecbd7b, 1486px 742px #ecbd7b, 1251px 1517px #ecbd7b,
    1709px 327px #ecbd7b, 1320px 410px #ecbd7b, 491px 247px #ecbd7b,
    456px 1905px #ecbd7b, 358px 1425px #ecbd7b, 417px 1524px #ecbd7b,
    641px 292px #ecbd7b, 1347px 1250px #ecbd7b, 490px 1313px #ecbd7b,
    1780px 1777px #ecbd7b, 1973px 964px #ecbd7b, 1844px 1173px #ecbd7b,
    1151px 1528px #ecbd7b, 857px 1909px #ecbd7b, 57px 1244px #ecbd7b,
    984px 577px #ecbd7b, 570px 237px #ecbd7b, 532px 1210px #ecbd7b,
    795px 1248px #ecbd7b, 719px 1205px #ecbd7b, 1238px 1182px #ecbd7b,
    115px 761px #ecbd7b, 793px 380px #ecbd7b, 1786px 136px #ecbd7b,
    91px 391px #ecbd7b, 1956px 1926px #ecbd7b, 632px 169px #ecbd7b,
    716px 749px #ecbd7b, 1810px 597px #ecbd7b, 1556px 437px #ecbd7b,
    1414px 1060px #ecbd7b, 1438px 1891px #ecbd7b, 458px 476px #ecbd7b,
    332px 1694px #ecbd7b, 187px 1837px #ecbd7b, 1541px 415px #ecbd7b,
    1761px 1161px #ecbd7b, 247px 1367px #ecbd7b, 235px 1897px #ecbd7b,
    1810px 998px #ecbd7b, 754px 359px #ecbd7b, 42px 36px #ecbd7b,
    225px 963px #ecbd7b, 314px 1975px #ecbd7b, 229px 422px #ecbd7b,
    742px 1191px #ecbd7b, 314px 1728px #ecbd7b, 8px 1376px #ecbd7b,
    1443px 531px #ecbd7b, 1404px 1890px #ecbd7b, 1135px 1912px #ecbd7b,
    1450px 495px #ecbd7b, 388px 1701px #ecbd7b, 284px 445px #ecbd7b,
    367px 149px #ecbd7b, 4px 1275px #ecbd7b, 980px 1338px #ecbd7b,
    578px 292px #ecbd7b, 99px 496px #ecbd7b, 958px 1692px #ecbd7b,
    673px 1745px #ecbd7b, 1769px 933px #ecbd7b, 21px 38px #ecbd7b,
    230px 1399px #ecbd7b, 1768px 277px #ecbd7b, 118px 1675px #ecbd7b,
    147px 1515px #ecbd7b, 1461px 1167px #ecbd7b, 1094px 926px #ecbd7b,
    904px 1259px #ecbd7b, 1987px 1863px #ecbd7b, 1494px 990px #ecbd7b,
    1817px 648px #ecbd7b, 1680px 272px #ecbd7b, 1320px 1915px #ecbd7b,
    1983px 1680px #ecbd7b, 636px 913px #ecbd7b, 1700px 97px #ecbd7b,
    1932px 84px #ecbd7b, 1049px 1571px #ecbd7b, 354px 1252px #ecbd7b,
    56px 1183px #ecbd7b, 595px 783px #ecbd7b, 533px 1071px #ecbd7b,
    1575px 1533px #ecbd7b, 171px 578px #ecbd7b, 340px 950px #ecbd7b,
    1140px 1120px #ecbd7b, 937px 1890px #ecbd7b, 1376px 1644px #ecbd7b,
    469px 1396px #ecbd7b, 590px 1696px #ecbd7b, 1620px 1328px #ecbd7b,
    367px 862px #ecbd7b, 1020px 1505px #ecbd7b, 312px 1435px #ecbd7b,
    631px 724px #ecbd7b, 1095px 987px #ecbd7b, 1239px 324px #ecbd7b,
    783px 841px #ecbd7b, 1171px 1383px #ecbd7b, 1941px 1952px #ecbd7b,
    836px 1656px #ecbd7b, 1358px 481px #ecbd7b, 1193px 1536px #ecbd7b,
    1663px 1900px #ecbd7b, 71px 1217px #ecbd7b, 473px 1159px #ecbd7b,
    946px 1544px #ecbd7b, 471px 1552px #ecbd7b, 1373px 1567px #ecbd7b,
    979px 641px #ecbd7b, 837px 1960px #ecbd7b, 926px 252px #ecbd7b,
    211px 50px #ecbd7b, 1964px 1030px #ecbd7b, 240px 1899px #ecbd7b,
    1138px 564px #ecbd7b, 185px 991px #ecbd7b, 389px 830px #ecbd7b,
    574px 1031px #ecbd7b, 1514px 440px #ecbd7b, 960px 898px #ecbd7b,
    492px 1270px #ecbd7b, 356px 556px #ecbd7b, 1409px 992px #ecbd7b,
    1064px 1812px #ecbd7b, 864px 265px #ecbd7b, 1245px 425px #ecbd7b,
    1753px 377px #ecbd7b, 537px 1617px #ecbd7b, 675px 1061px #ecbd7b,
    1566px 1836px #ecbd7b, 1124px 1951px #ecbd7b, 55px 1505px #ecbd7b,
    661px 373px #ecbd7b, 1777px 1751px #ecbd7b, 1719px 1247px #ecbd7b,
    868px 1549px #ecbd7b, 1103px 1251px #ecbd7b, 1636px 361px #ecbd7b,
    1858px 1813px #ecbd7b, 1717px 1074px #ecbd7b, 1510px 696px #ecbd7b,
    503px 568px #ecbd7b, 214px 1358px #ecbd7b, 424px 1240px #ecbd7b,
    30px 1329px #ecbd7b, 648px 377px #ecbd7b, 832px 122px #ecbd7b,
    543px 304px #ecbd7b, 58px 1686px #ecbd7b, 1460px 557px #ecbd7b,
    1551px 544px #ecbd7b, 1389px 641px #ecbd7b, 1388px 198px #ecbd7b,
    643px 1600px #ecbd7b, 516px 129px #ecbd7b, 1816px 1914px #ecbd7b,
    853px 590px #ecbd7b, 1200px 80px #ecbd7b, 1257px 116px #ecbd7b,
    1213px 68px #ecbd7b, 961px 994px #ecbd7b, 1782px 1715px #ecbd7b,
    649px 218px #ecbd7b, 1458px 98px #ecbd7b, 1161px 349px #ecbd7b,
    1933px 773px #ecbd7b, 1955px 1006px #ecbd7b, 1227px 78px #ecbd7b,
    1334px 283px #ecbd7b, 1103px 1939px #ecbd7b, 356px 1200px #ecbd7b,
    784px 1155px #ecbd7b, 61px 594px #ecbd7b, 157px 1849px #ecbd7b,
    1797px 910px #ecbd7b, 1085px 914px #ecbd7b, 1639px 85px #ecbd7b,
    843px 621px #ecbd7b, 1160px 945px #ecbd7b, 443px 1417px #ecbd7b,
    982px 1496px #ecbd7b, 1858px 755px #ecbd7b, 1135px 1839px #ecbd7b,
    796px 1948px #ecbd7b, 536px 1144px #ecbd7b, 791px 1791px #ecbd7b,
    457px 1242px #ecbd7b, 1962px 807px #ecbd7b, 243px 805px #ecbd7b,
    652px 1430px #ecbd7b, 103px 1920px #ecbd7b, 598px 138px #ecbd7b,
    1430px 729px #ecbd7b, 1972px 1433px #ecbd7b, 1420px 1126px #ecbd7b;
}
.x-register-card-footer #stars10:after {
  content: " ";
  position: absolute;
  top: 200px;
}
.x-promotion-content {
  color: #d2d2d2;
  font-size: 1.1em !important;
}
.x-promotion-content h2 {
  font-size: 1.4em !important;
  color: #ecbd7b;
}
.x-promotion-content h3 {
  font-size: 1.2em !important;
  color: #fff;
}
.x-promotion-content table {
  width: 100%;
}
.x-footer-lobby-logo .x-hr-border-glow {
  width: 25%;
}
@media (max-width: 767.98px) {
  .x-footer-lobby-logo .x-hr-border-glow {
    width: 50%;
  }
}
.x-footer-lobby-logo .-game-wrapper-01 .-nav-container,
.x-footer-lobby-logo .-game-wrapper-02 .-nav-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.x-footer-lobby-logo .-game-wrapper-01 .-nav-container .-nav-item,
.x-footer-lobby-logo .-game-wrapper-02 .-nav-container .-nav-item {
  position: relative;
  padding: 5px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .x-footer-lobby-logo .-game-wrapper-01 .-nav-container .-nav-item {
    width: 25% !important;
  }
}
.x-footer-lobby-logo
  .-game-wrapper-01
  .-nav-container
  .-nav-item
  .-logo-circle {
  width: 100%;
  height: auto;
  transition: transform 0.2s;
}
.x-footer-lobby-logo
  .-game-wrapper-01
  .-nav-container
  .-nav-item:hover
  .-logo-circle {
  transform: scale(1.1);
}
@media (max-width: 767.98px) {
  .x-footer-lobby-logo .-game-wrapper-02 .-nav-container .-nav-item {
    width: 20% !important;
  }
}
.x-footer-lobby-logo .-game-wrapper-02 .-nav-container .-nav-item .-cv-box {
  position: relative;
  overflow: hidden;
}
.x-footer-lobby-logo
  .-game-wrapper-02
  .-nav-container
  .-nav-item
  .-cv-box
  .-cover-vertical {
  width: 100%;
  height: auto;
  transition: transform 0.2s;
}
.x-footer-lobby-logo
  .-game-wrapper-02
  .-nav-container
  .-nav-item
  .-logo-horizontal {
  width: 80%;
  height: auto;
}
.x-footer-lobby-logo
  .-game-wrapper-02
  .-nav-container
  .-nav-item:hover
  .-cv-box
  .-cover-vertical {
  transform: scale(1.1);
}
.x-contact-us {
  position: fixed;
  right: 0;
  bottom: 15%;
  z-index: 4;
}
@media (max-width: 991.98px) {
  .x-contact-us {
    bottom: 100px;
  }
}
.x-contact-us .-line-contact-button-container {
  position: relative;
  right: 0;
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.x-contact-us .-line-contact-button-container .-ic {
  width: 80px;
  z-index: 2;
}
.x-contact-us .-line-contact-button-container .-content-wrapper {
  position: absolute;
  top: 50%;
  left: 40px;
  height: 100%;
  padding: 7px 0;
  overflow: hidden;
  transform: translateY(-50%);
}
.x-contact-us
  .-line-contact-button-container
  .-content-wrapper
  .-content-inside {
  position: relative;
  left: -100%;
  width: 210px;
  padding: 6px 20px 6px 50px;
  font-size: var(--contact-us-text-font-size);
  font-weight: 600;
  color: var(--contact-us-text-color);
  background: var(--contact-us-text-bg);
  transition: all 0.2s;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 992px) {
  .x-contact-us .-line-contact-button-container:hover {
    right: 170px;
  }
  .x-contact-us .-line-contact-button-container:hover .-content-inside {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes x-bg-1 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, 15px) rotate(-1deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-bg-1 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, 15px) rotate(-1deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes x-bg-2 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(30px, -5px) rotate(-5deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-bg-2 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(30px, -5px) rotate(-5deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes x-bg-3 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, -15px) rotate(-1deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-bg-3 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, -15px) rotate(-1deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes x-ez-c-bg-1 {
  0% {
    transform: translate(-50%) rotate(0);
  }
  50% {
    transform: translate(-48%, -10px) rotate(-2deg);
  }
  to {
    transform: translate(-50%) rotate(0);
  }
}
@keyframes x-ez-c-bg-1 {
  0% {
    transform: translate(-50%) rotate(0);
  }
  50% {
    transform: translate(-48%, -10px) rotate(-2deg);
  }
  to {
    transform: translate(-50%) rotate(0);
  }
}
@-webkit-keyframes x-ez-c-spin {
  to {
    transform: rotate3d(0, 1, 0.5, 3.142rad);
  }
}
@keyframes x-ez-c-spin {
  to {
    transform: rotate3d(0, 1, 0.5, 3.142rad);
  }
}
@-webkit-keyframes x-coin-hunting-mover {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes x-coin-hunting-mover {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes x-shimmer {
  0% {
    background-position: -200px top;
  }
  to {
    background-position: 200px top;
  }
}
@-webkit-keyframes x-left-right {
  0% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-10px);
  }
}
@keyframes x-left-right {
  0% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-10px);
  }
}
@-webkit-keyframes x-shooting-star-1 {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  15% {
    opacity: 0;
    transform: translate3d(-270px, 180px, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes x-shooting-star-1 {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  15% {
    opacity: 0;
    transform: translate3d(-270px, 180px, 0);
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes x-shooting-star-2 {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  25% {
    opacity: 0;
    transform: translate3d(-270px, 180px, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes x-shooting-star-2 {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  25% {
    opacity: 0;
    transform: translate3d(-270px, 180px, 0);
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes x-shooting-star-3 {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  5% {
    opacity: 0;
    transform: translate3d(-270px, 180px, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes x-shooting-star-3 {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  5% {
    opacity: 0;
    transform: translate3d(-270px, 180px, 0);
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes x-wm-neon-register {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #026ace,
      0 0 28px #026ace, 0 0 36px #026ace, 0 0 44px #026ace;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #026ace,
      0 0 14px #026ace, 0 0 18px #026ace, 0 0 22px #026ace;
  }
}
@keyframes x-wm-neon-register {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #026ace,
      0 0 28px #026ace, 0 0 36px #026ace, 0 0 44px #026ace;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #026ace,
      0 0 14px #026ace, 0 0 18px #026ace, 0 0 22px #026ace;
  }
}
@-webkit-keyframes x-ez-c-neon-register {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #56ccf2,
      0 0 28px #56ccf2, 0 0 36px #56ccf2, 0 0 44px #56ccf2;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #56ccf2,
      0 0 14px #56ccf2, 0 0 18px #56ccf2, 0 0 22px #56ccf2;
  }
}
@keyframes x-ez-c-neon-register {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #56ccf2,
      0 0 28px #56ccf2, 0 0 36px #56ccf2, 0 0 44px #56ccf2;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #56ccf2,
      0 0 14px #56ccf2, 0 0 18px #56ccf2, 0 0 22px #56ccf2;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@-webkit-keyframes fadeInUpAnimate {
  0% {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInUpAnimate {
  0% {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInUpAnimate {
  -webkit-animation-name: fadeInUpAnimate;
  animation-name: fadeInUpAnimate;
}
@-webkit-keyframes fadeInDownAnimate {
  0% {
    opacity: 0;
    transform: translateZ(0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 15%, 0);
  }
}
@keyframes fadeInDownAnimate {
  0% {
    opacity: 0;
    transform: translateZ(0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 15%, 0);
  }
}
.fadeInDownAnimate {
  -webkit-animation-name: fadeInDownAnimate;
  animation-name: fadeInDownAnimate;
}
@-webkit-keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.2);
  }
  80% {
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.2);
  }
  80% {
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@-webkit-keyframes fadeInLeftToCenter {
  0% {
    transform: translateX(-60%);
    opacity: 0;
  }
  to {
    transform: translateX(-50%);
    opacity: 1;
  }
}
@keyframes fadeInLeftToCenter {
  0% {
    transform: translateX(-60%);
    opacity: 0;
  }
  to {
    transform: translateX(-50%);
    opacity: 1;
  }
}
.fadeInLeftToCenter {
  -webkit-animation-name: fadeInLeftToCenter;
  animation-name: fadeInLeftToCenter;
}
@-webkit-keyframes fadeInLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes fadeInUpCenter {
  0% {
    transform: translate(-50%, 10%);
    opacity: 0;
  }
  to {
    transform: translate(-50%);
    opacity: 1;
  }
}
@keyframes fadeInUpCenter {
  0% {
    transform: translate(-50%, 10%);
    opacity: 0;
  }
  to {
    transform: translate(-50%);
    opacity: 1;
  }
}
.fadeInUpCenter {
  -webkit-animation-name: fadeInUpCenter;
  animation-name: fadeInUpCenter;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-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;
    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;
    transform: scale(1.4);
    opacity: 0;
  }
}
@-webkit-keyframes x-up-to-down-mover {
  0% {
    transform: translateY(-8px);
  }
  to {
    transform: translateY(8px);
  }
}
@keyframes x-up-to-down-mover {
  0% {
    transform: translateY(-8px);
  }
  to {
    transform: translateY(8px);
  }
}
@-webkit-keyframes x-bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes x-bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@-webkit-keyframes x-phawin-result-player {
  0% {
    transform: translate(0) rotate(-15deg);
  }
  to {
    transform: translate(-5px, -30px) rotate(-15deg);
  }
}
@keyframes x-phawin-result-player {
  0% {
    transform: translate(0) rotate(-15deg);
  }
  to {
    transform: translate(-5px, -30px) rotate(-15deg);
  }
}
@-webkit-keyframes x-phawin-result-banker {
  0% {
    transform: translate(0) rotate(15deg);
  }
  to {
    transform: translateY(-25px) rotate(15deg);
  }
}
@keyframes x-phawin-result-banker {
  0% {
    transform: translate(0) rotate(15deg);
  }
  to {
    transform: translateY(-25px) rotate(15deg);
  }
}
@-webkit-keyframes x-phawin-result-tie {
  0% {
    transform: translate(0);
  }
  to {
    transform: translateY(-25px);
  }
}
@keyframes x-phawin-result-tie {
  0% {
    transform: translate(0);
  }
  to {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes x-card-phawin-1 {
  0% {
    transform: translate(-26%, -24%) rotate(0);
  }
  50% {
    transform: translate(0) rotate(0);
  }
  to {
    transform: translate(-26%, -24%) rotate(0);
  }
}
@keyframes x-card-phawin-1 {
  0% {
    transform: translate(-26%, -24%) rotate(0);
  }
  50% {
    transform: translate(0) rotate(0);
  }
  to {
    transform: translate(-26%, -24%) rotate(0);
  }
}
@-webkit-keyframes x-card-phawin-2 {
  0% {
    transform: translate(0) rotate(45deg);
  }
  50% {
    transform: translate(30px, -5px) rotate(45deg);
  }
  to {
    transform: translate(0) rotate(45deg);
  }
}
@keyframes x-card-phawin-2 {
  0% {
    transform: translate(0) rotate(45deg);
  }
  50% {
    transform: translate(30px, -5px) rotate(45deg);
  }
  to {
    transform: translate(0) rotate(45deg);
  }
}
::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: #b0b4bb;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: #e6e8ec;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
#layers {
  overflow: hidden;
  top: 45%;
  width: 100%;
  transform: rotate(-5deg);
}
#layers,
#layers .layer {
  height: 200px;
  left: 0;
  position: absolute;
}
#layers .layer {
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: repeat-x;
  top: 0;
  transform: translateZ(0);
  width: 200vw;
}
@-webkit-keyframes twinkle {
  0% {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@keyframes twinkle {
  0% {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes layer-1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-689px, 0, 0);
  }
}
@keyframes layer-1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-689px, 0, 0);
  }
}
#layers .layer:first-child {
  -webkit-animation: twinkle 8s ease-in -5s infinite alternate,
    layer-1 60s linear infinite;
  animation: twinkle 8s ease-in -5s infinite alternate,
    layer-1 60s linear infinite;
}
@-webkit-keyframes layer-2 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-699px, 0, 0);
  }
}
@keyframes layer-2 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-699px, 0, 0);
  }
}
#layers .layer:nth-child(2) {
  -webkit-animation: twinkle 3s ease-in -3s infinite alternate,
    layer-2 120s linear infinite;
  animation: twinkle 3s ease-in -3s infinite alternate,
    layer-2 120s linear infinite;
}
@-webkit-keyframes layer-3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-699px, 0, 0);
  }
}
@keyframes layer-3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-699px, 0, 0);
  }
}
#layers .layer:nth-child(3) {
  -webkit-animation: twinkle 3.5s ease-in infinite alternate,
    layer-3 120s linear infinite;
  animation: twinkle 3.5s ease-in infinite alternate,
    layer-3 120s linear infinite;
}
@-webkit-keyframes layer-4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-480px, 0, 0);
  }
}
@keyframes layer-4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-480px, 0, 0);
  }
}
#layers .layer:nth-child(4) {
  -webkit-animation: twinkle 4s ease-in -2s infinite alternate,
    layer-4 80s linear infinite;
  animation: twinkle 4s ease-in -2s infinite alternate,
    layer-4 80s linear infinite;
}
@-webkit-keyframes layer-5 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-486px, 0, 0);
  }
}
@keyframes layer-5 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-486px, 0, 0);
  }
}
#layers .layer:nth-child(5) {
  -webkit-animation: twinkle 5.5s ease-in infinite alternate,
    layer-5 80s linear infinite;
  animation: twinkle 5.5s ease-in infinite alternate,
    layer-5 80s linear infinite;
}
#layers .-falling-star {
  content: "";
  position: absolute;
  top: -50px;
  z-index: 100;
  width: 72px;
  height: 50px;
  background-size: 72px 50px;
}
#layers .-falling-star:nth-child(6) {
  -webkit-animation: x-shooting-star-1 10s infinite;
  animation: x-shooting-star-1 10s infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  left: 70%;
}
#layers .-falling-star:nth-child(7) {
  -webkit-animation: x-shooting-star-2 10s infinite;
  animation: x-shooting-star-2 10s infinite;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  left: 40%;
}
#layers .-falling-star:nth-child(8) {
  -webkit-animation: x-shooting-star-2 10s infinite;
  animation: x-shooting-star-2 10s infinite;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  left: 90%;
}
#layers .-falling-star:nth-child(9) {
  -webkit-animation: x-shooting-star-1 10s infinite;
  animation: x-shooting-star-1 10s infinite;
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  left: 55%;
}
#layers .-falling-star:nth-child(10) {
  -webkit-animation: x-shooting-star-1 10s infinite;
  animation: x-shooting-star-1 10s infinite;
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
  left: 20%;
}
.x-loading-container {
  position: relative;
}
.x-loading-container--overlay:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.x-loading-container--h150 {
  height: 150px;
}
.x-three-bounce {
  margin: 50px auto 0;
  width: 70px;
  text-align: center;
}
.x-three-bounce > .-dot {
  width: 18px;
  height: 18px;
  background-color: #ecbd7b;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s ease-in-out infinite both;
  animation: sk-bouncedelay 1.4s ease-in-out infinite both;
}
.x-three-bounce > .-dot.-one {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.x-three-bounce > .-dot.-two {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.btn--rounded {
  border-radius: 20px;
}
.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;
  }
}
.x-footer-lobby-ufa-logo {
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .x-footer-lobby-ufa-logo {
    margin-bottom: 2rem;
  }
}
.x-footer-lobby-ufa-logo .x-hr-border-glow {
  width: 40%;
}
@media (max-width: 767.98px) {
  .x-footer-lobby-ufa-logo .x-hr-border-glow {
    width: 70%;
  }
}
.x-footer-lobby-ufa-logo .-games-wrapper {
  margin: 2rem 0;
}
.x-footer-lobby-ufa-logo .-games-wrapper .navbar-nav {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.x-footer-lobby-ufa-logo .-games-wrapper .navbar-nav .nav-item {
  width: 20%;
  padding: 10px;
}
@media (max-width: 767.98px) {
  .x-footer-lobby-ufa-logo .-games-wrapper .navbar-nav .nav-item {
    width: 25%;
    padding: 5px;
  }
}
@media (max-width: 575.98px) {
  .x-footer-lobby-ufa-logo .-games-wrapper .navbar-nav .nav-item {
    width: 33.33333%;
  }
}
.x-footer-lobby-ufa-logo .-games-wrapper .navbar-nav .nav-item .-logo-img {
  width: 100%;
  transition: all 0.2s;
}
.x-footer-lobby-ufa-logo .-games-wrapper .navbar-nav .nav-item .-text-title {
  margin-top: 8px;
  font-size: 1rem;
  color: #fff;
}
@media (min-width: 992px) {
  .x-footer-lobby-ufa-logo
    .-games-wrapper
    .navbar-nav
    .nav-item:hover
    .-logo-img {
    transform: scale(1.05);
  }
}
.x-footer-lobby-ufa-v2 {
  text-align: center;
  padding-bottom: 1rem;
}
@media (max-width: 991.98px) {
  .x-footer-lobby-ufa-v2 {
    padding-bottom: 2rem;
  }
}
.x-footer-lobby-ufa-v2 .-number-one-img {
  width: 80%;
  height: auto;
  margin-top: -12%;
}
@media (max-width: 991.98px) {
  .x-footer-lobby-ufa-v2 .-number-one-img {
    width: 90%;
  }
}
@media (max-width: 767.98px) {
  .x-footer-lobby-ufa-v2 .-number-one-img {
    width: 100%;
  }
}
.x-footer-lobby-ufa-v2 .-free-movie-img {
  width: 90%;
  height: auto;
  margin-top: -15%;
}
@media (max-width: 991.98px) {
  .x-footer-lobby-ufa-v2 .-free-movie-img {
    width: 100%;
  }
}
.x-audio-commercial-wrapper {
  position: absolute;
  right: 5rem;
  bottom: 8rem;
}
@media (max-width: 1199.98px) {
  .x-audio-commercial-wrapper {
    right: 2rem;
    bottom: 19rem;
  }
}
@media (max-width: 991.98px) {
  .x-audio-commercial-wrapper {
    right: 8rem;
    bottom: 2rem;
  }
}
@media (max-width: 767.98px) {
  .x-audio-commercial-wrapper {
    right: 4rem;
  }
}
@media (max-width: 575.98px) {
  .x-audio-commercial-wrapper {
    right: 12%;
    bottom: 2%;
  }
}
.x-audio-commercial-wrapper audio {
  display: none;
}
.x-audio-commercial-wrapper .-play-btn {
  position: relative;
  display: none;
  width: 70px;
  height: 70px;
  box-shadow: 0 0 15px 5px hsla(0, 0%, 100%, 0.4);
  border-radius: 50%;
  transition: transform 0.3s;
}
@media (max-width: 767.98px) {
  .x-audio-commercial-wrapper .-play-btn {
    width: 60px;
    height: 60px;
  }
}
.x-audio-commercial-wrapper .-play-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #6bd5fb 0, #1458c5);
  border-radius: 50%;
}
.x-audio-commercial-wrapper .-play-btn .-ic {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-44%, -42%);
}
.x-audio-commercial-wrapper .-play-btn .-circle-sonar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e4f2ff;
  background: radial-gradient(circle, transparent 0, #176682 100%);
  border: 1px solid #176682;
  border-radius: 50%;
  -webkit-animation: x-sonar-pulse 1.2s infinite;
  animation: x-sonar-pulse 1.2s infinite;
  transition: all 0.2s;
}
.x-audio-commercial-wrapper .-play-btn .-circle-sonar.-item-2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  visibility: hidden;
  opacity: 0;
}
.x-audio-commercial-wrapper .-play-btn .-circle-sonar.-item-3 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 992px) {
  .x-audio-commercial-wrapper .-play-btn:hover {
    transform: scale(1.2);
  }
  .x-audio-commercial-wrapper .-play-btn:hover .-circle-sonar {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
  }
}
.x-audio-commercial-wrapper .-play-btn.-show {
  display: inline-block;
}
.x-audio-commercial-wrapper .-play-btn.-play .-circle-sonar.-item-2,
.x-audio-commercial-wrapper .-play-btn.-play .-circle-sonar.-item-3 {
  visibility: visible;
  opacity: 1;
}
@-webkit-keyframes x-sonar-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.8);
  }
}
@keyframes x-sonar-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.8);
  }
}
.x-contact-directly {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .x-contact-directly {
    align-items: center;
    padding: 1rem;
    background: var(--contact-igame-bg);
  }
}
@media screen and (max-width: 360px) {
  .x-contact-directly {
    flex-direction: column;
  }
}
.x-contact-directly .-text-wrapper {
  margin-right: 1rem;
  font-weight: 300;
  color: var(--contact-igame-color);
}
@media (max-width: 575.98px) {
  .x-contact-directly .-text-wrapper {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 360px) {
  .x-contact-directly .-text-wrapper {
    margin-right: 0;
  }
}
.x-contact-directly .-text-wrapper .-img-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2px;
  font-size: 1.2rem;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .x-contact-directly .-text-wrapper .-img-wrap {
    font-size: 1rem;
  }
}
.x-contact-directly .-text-wrapper .-cd-logo {
  width: 30px;
  height: auto;
  margin-right: 5px;
}
@media (max-width: 575.98px) {
  .x-contact-directly .-text-wrapper .-cd-logo {
    width: 20px;
  }
}
.x-contact-directly .-text-wrapper .-text-bottom {
  font-size: 0.9rem;
}
@media (max-width: 575.98px) {
  .x-contact-directly .-text-wrapper .-text-bottom {
    font-size: 0.7rem;
  }
}
.x-contact-directly .-qr-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 360px) {
  .x-contact-directly .-qr-wrapper {
    margin-top: 1rem;
  }
}
.x-contact-directly .-channel {
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .x-contact-directly .-channel {
    transition: none;
  }
}
.x-contact-directly .-channel:not(:last-child) {
  margin-right: 10px;
}
.x-contact-directly .-channel .-entry-img,
.x-contact-directly .-channel .-qr-img {
  width: 100px;
  height: auto;
}
@media (max-width: 991.98px) {
  .x-contact-directly .-channel .-entry-img,
  .x-contact-directly .-channel .-qr-img {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .x-contact-directly .-channel .-entry-img,
  .x-contact-directly .-channel .-qr-img {
    width: 70px;
  }
}
@media (max-width: 991.98px) {
  .x-contact-directly .-channel .-qr-img {
    display: none;
  }
}
@media (min-width: 992px) {
  .x-contact-directly .-channel .-entry-img {
    display: none;
  }
}
@media (min-width: 992px) {
  .x-contact-directly .-channel:hover.-telegram {
    box-shadow: 0 0 12px rgba(104, 184, 230, 0.75);
  }
  .x-contact-directly .-channel:hover.-line {
    box-shadow: 0 0 12px rgba(60, 198, 53, 0.75);
  }
}
.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 {
  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);
  }
}
.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 (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;
  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;
  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-provider-present-slide-component {
  position: relative;
  padding: 1rem 0;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-image: -webkit-image-set(
    url(/build/images/provider-present-bg.786650ff.webp) 1x
  );
}
.x-provider-present-slide-component .-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #0a082b 30%, transparent);
}
@media (max-width: 991.98px) {
  .x-provider-present-slide-component .-slick-slide-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
}
.x-provider-present-slide-component .-slick-slide-wrapper .slick-list {
  overflow: unset;
}
@media (max-width: 991.98px) {
  .x-provider-present-slide-component .-slick-slide-wrapper .slick-list {
    order: 1;
  }
}
.x-provider-present-slide-component .-slick-slide-wrapper .slick-dots {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 80px;
}
@media (max-width: 991.98px) {
  .x-provider-present-slide-component .-slick-slide-wrapper .slick-dots {
    position: relative;
    bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .x-provider-present-slide-component .-slick-slide-wrapper .slick-dots {
    min-height: 50px;
  }
}
@media screen and (max-width: 360px) {
  .x-provider-present-slide-component .-slick-slide-wrapper .slick-dots {
    min-height: 40px;
  }
}
.x-provider-present-slide-component .-slick-slide-wrapper .slick-dots li {
  width: 60px;
  height: 60px;
  transition: all 0.2s;
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li.slick-active {
  width: 80px;
  height: 80px;
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li.slick-active
  button:before {
  transform: none;
}
@media (min-width: 992px) {
  .x-provider-present-slide-component
    .-slick-slide-wrapper
    .slick-dots
    li.slick-active:hover {
    transform: none;
  }
  .x-provider-present-slide-component
    .-slick-slide-wrapper
    .slick-dots
    li.slick-active:hover
    button:before {
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .x-provider-present-slide-component
    .-slick-slide-wrapper
    .slick-dots
    li:hover {
    transform: scale(1.2) translateY(-6px);
  }
  .x-provider-present-slide-component
    .-slick-slide-wrapper
    .slick-dots
    li:hover
    button:before {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .x-provider-present-slide-component .-slick-slide-wrapper .slick-dots li {
    margin: 0 2px;
  }
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li
  button {
  height: 100%;
  width: 100%;
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li
  button:before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:first-child
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/ae-sexy-logo-circle.74b2b389.webp) 1x
  );
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(2)
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/sa-logo-circle.a62cb36e.webp) 1x
  );
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(3)
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/wm-logo-circle.57dc3eb4.webp) 1x
  );
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(4)
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/dg-logo-circle.318cc127.webp) 1x
  );
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(5)
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/ab-logo-circle.473aa0c5.webp) 1x
  );
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(6)
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/big-gaming-logo-circle.36ab5c8e.webp) 1x
  );
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(7)
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/evolution-gaming-logo-circle.882597bb.webp) 1x
  );
}
.x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(8)
  button:before {
  background-image: -webkit-image-set(
    url(/build/images/xtreme-gaming-logo-circle.dd880041.webp) 1x
  );
}
@media (max-width: 575.98px) {
  .x-provider-present-slide-component .-slick-slide-wrapper .slick-dots li {
    width: 40px;
    height: 40px;
  }
  .x-provider-present-slide-component
    .-slick-slide-wrapper
    .slick-dots
    li.slick-active {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 360px) {
  .x-provider-present-slide-component .-slick-slide-wrapper .slick-dots li {
    width: 36px;
    height: 36px;
  }
  .x-provider-present-slide-component
    .-slick-slide-wrapper
    .slick-dots
    li.slick-active {
    width: 40px;
    height: 40px;
  }
}
.x-provider-present-slide-component
  .-slide-content-wrapper
  .-description-wrapper {
  position: absolute;
  top: 2rem;
  left: 7rem;
  z-index: 1;
  text-align: left;
}
@media (max-width: 1199.98px) {
  .x-provider-present-slide-component
    .-slide-content-wrapper
    .-description-wrapper {
    left: 6rem;
  }
}
@media (max-width: 991.98px) {
  .x-provider-present-slide-component
    .-slide-content-wrapper
    .-description-wrapper {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 1.5rem;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-images-wrapper {
    position: relative;
  }
}
.x-provider-present-slide-component .-slide-content-wrapper .-title {
  margin-bottom: 0;
  font-size: 2rem;
  color: #fff;
}
@media (max-width: 767.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-title {
    font-size: 1.25rem;
  }
}
.x-provider-present-slide-component .-slide-content-wrapper .-sub-title {
  font-size: 1.25rem;
  color: #fff;
}
@media (max-width: 767.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-sub-title {
    font-size: 1rem;
  }
}
@media (max-width: 350px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-sub-title {
    font-size: 0.9rem;
  }
}
.x-provider-present-slide-component .-slide-content-wrapper .-logo-img {
  position: absolute;
  top: 2rem;
  width: 360px;
  height: auto;
  -webkit-filter: brightness(0.3);
  filter: brightness(0.3);
  opacity: 1;
  transform: translateX(-400px);
  transition: all 0.5s;
}
@media (max-width: 1199.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-logo-img {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-logo-img {
    width: 20%;
    top: 25%;
    right: 20%;
  }
}
@media (max-width: 767.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-logo-img {
    top: 30%;
    right: 15%;
  }
}
@media (max-width: 575.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-logo-img {
    top: 0;
  }
}
.x-provider-present-slide-component .-slide-content-wrapper .-present-img {
  position: relative;
  width: 70%;
  height: auto;
  margin-left: 30rem;
  z-index: 1;
  opacity: 1;
  transform: translateX(400px);
  transition: all 0.5s;
}
@media (max-width: 991.98px) {
  .x-provider-present-slide-component .-slide-content-wrapper .-present-img {
    width: 100%;
    margin-left: 0;
  }
}
.x-provider-present-slide-component
  .-slide-content-wrapper.slick-active
  .-logo-img,
.x-provider-present-slide-component
  .-slide-content-wrapper.slick-active
  .-present-img {
  transform: translateX(0);
}
.x-safari-browser .x-provider-present-slide-component {
  background-image: url(/build/images/provider-present-bg.303affa7.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:first-child
  button:before {
  background-image: url(/build/images/ae-sexy-logo-circle.15714293.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(2)
  button:before {
  background-image: url(/build/images/sa-logo-circle.5216f055.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(3)
  button:before {
  background-image: url(/build/images/wm-logo-circle.25a9f6a0.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(4)
  button:before {
  background-image: url(/build/images/dg-logo-circle.4a3aff0d.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(5)
  button:before {
  background-image: url(/build/images/ab-logo-circle.00923b23.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(6)
  button:before {
  background-image: url(/build/images/big-gaming-logo-circle.ceb4666c.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(7)
  button:before {
  background-image: url(/build/images/evolution-gaming-logo-circle.85382202.png);
}
.x-safari-browser
  .x-provider-present-slide-component
  .-slick-slide-wrapper
  .slick-dots
  li:nth-child(8)
  button:before {
  background-image: url(/build/images/xtreme-gaming-logo-circle.63d54a1e.png);
}
.x-ez-footer-default-component {
  text-align: center;
  background-color: #eef3f8;
}
.x-ez-footer-default-component .-footer-seo-wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.x-ez-footer-default-component .-footer-seo-wrapper .-logo {
  width: 240px;
  height: auto;
}
@media (max-width: 991.98px) {
  .x-ez-footer-default-component .-footer-seo-wrapper .-logo {
    width: 180px;
  }
}
.x-ez-footer-default-component .-footer-seo-wrapper .-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #404e67;
}
@media (max-width: 767.98px) {
  .x-ez-footer-default-component .-footer-seo-wrapper .-title {
    font-size: 1.3rem;
  }
}
.x-ez-footer-default-component .-footer-seo-wrapper .-description {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #838383;
}
.x-ez-footer-default-component .-footer-seo-wrapper .-description .-highlight {
  font-weight: 700;
  color: #472c59;
}
.x-ez-footer-default-component .-copyright-wrapper {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  color: #fff;
  background-color: #472c59;
}
.x-ez-games-provider-logo-component {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #f0f0f0;
}
.x-ez-games-provider-logo-component .navbar-nav {
  justify-content: center;
  flex-flow: row wrap;
}
.x-ez-games-provider-logo-component .navbar-nav .nav-item {
  padding: 0 0.5rem;
  width: 9.09091%;
}
.x-ez-games-provider-logo-component .navbar-nav .nav-item .-img {
  width: 100%;
  height: auto;
}
@media (max-width: 1199.98px) {
  .x-ez-games-provider-logo-component .navbar-nav .nav-item {
    width: 12.5%;
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  .x-ez-games-provider-logo-component .navbar-nav .nav-item {
    width: 16.66667%;
  }
}
@media (max-width: 767.98px) {
  .x-ez-games-provider-logo-component .navbar-nav .nav-item {
    width: 25%;
  }
}
@media (max-width: 575.98px) {
  .x-ez-games-provider-logo-component .navbar-nav .nav-item {
    width: 33.33%;
  }
}
.x-ez-games-provider-logo-component.-grayscale .navbar-nav .nav-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.x-ez-games-provider-logo-component.-grayscale .navbar-nav .nav-item .-img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.x-ez-games-provider-logo-component.-grayscale .navbar-nav .nav-item.-pg .-img {
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
}
.x-ez-games-sample-component {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #eef3f8;
}
.x-ez-games-sample-component .-title {
  font-size: 1.75rem;
  font-weight: 500;
  text-align: center;
  color: #472c59;
}
@media (max-width: 991.98px) {
  .x-ez-games-sample-component .-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .x-ez-games-sample-component .-title {
    font-size: 1.3rem;
  }
}
.x-ez-games-sample-component .navbar-nav {
  flex-direction: row;
}
@media (max-width: 991.98px) {
  .x-ez-games-sample-component .navbar-nav {
    flex-wrap: wrap;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767.98px) {
  .x-ez-games-sample-component .navbar-nav {
    width: 100%;
  }
}
.x-ez-games-sample-component .navbar-nav .nav-item {
  width: 16.66667%;
  margin-top: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}
@media (max-width: 991.98px) {
  .x-ez-games-sample-component .navbar-nav .nav-item {
    width: 33.33333%;
  }
}
.x-ez-games-sample-component .navbar-nav .nav-item .-brand-img {
  width: 80%;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-ez-games-sample-component .navbar-nav .nav-item .-brand-img {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  .x-ez-games-sample-component .navbar-nav .nav-item .-brand-img {
    width: 100%;
  }
}
.x-ez-games-sample-component .navbar-nav .nav-item .-brand-cover-wrapper {
  margin-top: 0.5rem;
  border-width: 3px;
  border-style: solid;
  border-radius: 15px;
  overflow: hidden;
}
.x-ez-games-sample-component
  .navbar-nav
  .nav-item
  .-brand-cover-wrapper
  .-brand-cover {
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
@media (min-width: 992px) {
  .x-ez-games-sample-component
    .navbar-nav
    .nav-item
    .-brand-cover-wrapper:hover
    .-brand-cover {
    transform: scale(1.05);
  }
}
.x-ez-games-sample-component
  .navbar-nav
  .nav-item.-evo-play
  .-brand-cover-wrapper {
  border-color: #4facf0;
}
.x-ez-games-sample-component .navbar-nav .nav-item.-sp .-brand-cover-wrapper {
  border-color: #f52867;
}
.x-ez-games-sample-component .navbar-nav .nav-item.-ps .-brand-cover-wrapper {
  border-color: #472c59;
}
.x-ez-games-sample-component
  .navbar-nav
  .nav-item.-kingmaker
  .-brand-cover-wrapper {
  border-color: #fc573b;
}
.x-ez-games-sample-component
  .navbar-nav
  .nav-item.-joker
  .-brand-cover-wrapper {
  border-color: #fec33f;
}
.x-ez-games-sample-component
  .navbar-nav
  .nav-item.-habanero
  .-brand-cover-wrapper {
  border-color: #f22662;
}
.x-base-all-pro-v2-container {
  font-size: 1rem;
}
.x-base-all-pro-v2-container .-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 0.5rem 0;
  transition: background 0.2s;
}
.x-base-all-pro-v2-container .-header.-sticky {
  background: rgba(0, 0, 0, 0.9);
}
.x-base-all-pro-v2-container .-main-outer-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-height: 100vh;
  padding-top: 90px;
}
@media (max-width: 575.98px) {
  .x-base-all-pro-v2-container .-main-outer-wrapper {
    padding-top: 60px;
  }
}
.x-benefit-component {
  padding: 2rem 0 3rem;
}
@media (max-width: 575.98px) {
  .x-benefit-component {
    padding-bottom: 2rem;
  }
}
.x-benefit-component.-sexy-theme .nav-item .-highlight {
  color: #ffff0f;
}
.x-benefit-component.-sa-theme .nav-item .-highlight {
  color: #d3a86d;
}
.x-benefit-component.-sa-theme .nav-item .-ic-img {
  width: 65px;
  height: auto;
}
.x-benefit-component.-wm-theme .nav-item .-highlight {
  color: #20b1e9;
}
.x-benefit-component.-wm-theme .nav-item .-ic-img {
  width: 65px;
  height: auto;
}
.x-benefit-component .-left-col {
  text-align: right;
}
.x-benefit-component .-left-col .-rank-img {
  width: 300px;
  height: auto;
  /* margin-top: 4.8rem; */
  margin-right: 3rem;
}
@media (max-width: 991.98px) {
  .x-benefit-component .-left-col {
    text-align: center;
  }
  .x-benefit-component .-left-col .-rank-img {
    margin-right: 0;
    margin-top: 5rem;
    margin-bottom: 1.8rem;
  }
}
@media (max-width: 575.98px) {
  .x-benefit-component .-left-col .-rank-img {
    width: 250px;
  }
}
@media (max-width: 991.98px) {
  .x-benefit-component .-right-col {
    margin-top: -1rem;
  }
}
.x-benefit-component .nav-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
  font-size: 1.75rem;
  color: #666666;
}
.x-benefit-component .nav-item .-ic-img {
  width: 80px;
  height: auto;
}
.x-benefit-component .nav-item .-details {
  margin-left: 1rem;
}
.x-benefit-component .nav-item .-highlight {
  color: #ffff0f;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .x-benefit-component .nav-item {
    margin-top: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-benefit-component .nav-item {
    font-size: 1.25rem;
  }
  .x-benefit-component .nav-item .-ic-img {
    width: 70px;
  }
}
@media (max-width: 991.98px) {
  .x-benefit-component .navbar-nav {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767.98px) {
  .x-benefit-component .navbar-nav {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  .x-benefit-component .navbar-nav {
    width: 100%;
  }
}
.x-bet-event-component {
  min-height: 300px;
  padding-bottom: 3rem;
  text-align: center;
}
.x-bet-event-component.-sexy-theme {
  background: linear-gradient(180deg, rgba(73, 1, 136, 0.75), transparent);
}
.x-bet-event-component.-sexy-theme .-title-highlight {
  color: #fc1e7d;
}
.x-bet-event-component.-sexy-theme .-title:after,
.x-bet-event-component.-sexy-theme .-title:before {
  background: #fff;
}
.x-bet-event-component.-sa-theme {
  background: linear-gradient(180deg, #4e0101, #800000);
}
.x-bet-event-component.-sa-theme .-title-highlight {
  color: #e0b475;
}
.x-bet-event-component.-sa-theme .-title:before {
  background: linear-gradient(270deg, #eabc7a, #51412a);
}
.x-bet-event-component.-sa-theme .-title:after {
  background: linear-gradient(90deg, #eabc7a, #53432b);
}
.x-bet-event-component.-wm-theme {
  background: rgba(4, 30, 61, 0.75);
}
.x-bet-event-component.-wm-theme .-title-highlight {
  color: #fc618b;
}
.x-bet-event-component.-wm-theme .-title:before {
  background: linear-gradient(270deg, #e5e5e5, #64707f);
}
.x-bet-event-component.-wm-theme .-title:after {
  background: linear-gradient(90deg, #e5e5e5, #677281);
}
.x-bet-event-component.-wm-theme .-footer-title {
  background: linear-gradient(180deg, #fff 0, #fc618b 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-bet-event-component .-title-wrapper {
  position: relative;
  top: -22px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .x-bet-event-component .-title-wrapper {
    top: -18px;
  }
}
@media (max-width: 575.98px) {
  .x-bet-event-component .-title-wrapper {
    top: -15px;
  }
}
@media screen and (max-width: 360px) {
  .x-bet-event-component .-title-wrapper {
    top: -30px;
  }
}
.x-bet-event-component .-title {
  position: relative;
  display: inline-block;
  padding: 0 1rem;
  font-size: 1.75rem;
  color: #fff;
}
.x-bet-event-component .-title:after,
.x-bet-event-component .-title:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 80vw;
  height: 4px;
  border-radius: 10px;
  transform: translateY(-50%);
}
.x-bet-event-component .-title:before {
  right: 100%;
}
.x-bet-event-component .-title:after {
  left: 100%;
}
@media (max-width: 767.98px) {
  .x-bet-event-component .-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-bet-event-component .-title {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 360px) {
  .x-bet-event-component .-title {
    width: 80%;
  }
}
.x-bet-event-component .-title-highlight {
  font-size: 3.5rem;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .x-bet-event-component .-title-highlight {
    font-size: 3rem;
  }
}
@media (max-width: 575.98px) {
  .x-bet-event-component .-title-highlight {
    font-size: 2.25rem;
  }
}
.x-bet-event-component .-glow-img-1 {
  width: 300px;
  height: auto;
  margin-top: -40px;
}
@media (max-width: 575.98px) {
  .x-bet-event-component .-glow-img-1 {
    width: 280px;
    margin-top: 10px;
  }
}
.x-bet-event-component .-glow-img-2 {
  width: 500px;
  height: auto;
  margin-top: -50px;
}
@media (max-width: 575.98px) {
  .x-bet-event-component .-glow-img-2 {
    width: 280px;
  }
}
.x-bet-event-component .-event-img {
  width: 970px;
  height: auto;
  margin-top: 1rem;
}
@media (max-width: 991.98px) {
  .x-bet-event-component .-event-img {
    width: 90%;
  }
}
@media (max-width: 767.98px) {
  .x-bet-event-component .-event-img {
    width: 100%;
  }
}
.x-bet-event-component .-footer-title {
  margin-top: 1rem;
  font-size: 1.25rem;
  background: linear-gradient(180deg, #fff 0, #c5a10e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 575.98px) {
  .x-bet-event-component .-footer-title {
    font-size: 1.125rem;
  }
}

/* test */

/* การตั้งค่าหลัก */
.x-header-inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Desktop: โลโก้ซ้าย ปุ่มขวา */
    flex-wrap: wrap; /* ปรับให้ทำงานดีใน Mobile */
    text-align: center; /* จัดตำแหน่งสำหรับ Mobile */
  }
  
  .x-header-inner-container .-logo {
    width: 200px;
    height: auto;
  }
  
  /* สำหรับ Desktop (>= 992px) */
  @media (min-width: 992px) {
    .x-header-inner-container {
      flex-direction: row; /* Desktop: โลโก้และปุ่มในแถวเดียว */
      justify-content: space-between; /* โลโก้ซ้าย ปุ่มขวา */
    }
  
    .x-header-inner-container .navbar-nav {
      flex-direction: row; /* Desktop: ปุ่มแนวนอน */
      gap: 1rem; /* เพิ่มช่องว่างระหว่างปุ่ม */
    }
  
    .x-header-inner-container .-logo {
      margin-bottom: 0; /* ไม่มีระยะห่าง */
    }
  }
  
  /* สำหรับ Tablet และ Mobile (< 992px) */
  @media (max-width: 991.98px) {
    .x-header-inner-container {
      flex-direction: column; /* จัดให้อยู่แนวตั้ง */
      align-items: center; /* โลโก้และปุ่มอยู่ตรงกลาง */
    }
  
    .x-header-inner-container .-logo {
      margin-bottom: 20px; /* เว้นระยะห่างใต้โลโก้ */
    }
  
    .x-header-inner-container .navbar-nav {
      flex-direction: row; /* ปุ่มยังเรียงแนวนอน */
      justify-content: center; /* ปุ่มอยู่ตรงกลาง */
      gap: 1rem; /* เพิ่มช่องว่างระหว่างปุ่ม */
      width: 100%;
    }
  }
  
  /* การตั้งค่าปุ่ม */
  .x-header-inner-container .navbar-nav {
    display: flex;
    align-items: center;
  }
  
  .x-header-inner-container .nav-link {
    position: relative;
    min-width: 130px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid #fff;
    padding: 10px 15px;
  }
  
  /* ปรับปุ่มสำหรับ Mobile */
  @media (max-width: 575.98px) {
    .x-header-inner-container .nav-link {
      min-width: 100px; /* ลดขนาดปุ่ม */
      font-size: 0.875rem;
      padding: 5px 10px;
    }
  }
  
  @media screen and (max-width: 360px) {
    .x-header-inner-container .nav-link {
      min-width: 90px; /* ลดขนาดปุ่มในหน้าจอเล็ก */
      font-size: 0.75rem;
    }
  }
  
  
/* test */

.x-promotion-component {
  min-height: 300px;
  padding: 2rem 0;
}
.x-promotion-component.-sexy-theme {
  background: linear-gradient(
    90deg,
    rgba(253, 51, 134, 0.4),
    rgba(115, 12, 136, 0.4) 50%,
    rgba(73, 1, 136, 0.1)
  );
}
.x-promotion-component.-sexy-theme .-promotion-link-wrapper {
  border: 2px solid #fff;
  background: linear-gradient(
    90deg,
    rgba(253, 51, 134, 0.5),
    rgba(115, 12, 136, 0.5) 50%,
    rgba(73, 1, 136, 0.5)
  );
}
.x-promotion-component.-sexy-theme .-promotion-link-wrapper:hover {
  background: linear-gradient(
    90deg,
    rgba(253, 51, 134, 0.8),
    rgba(115, 12, 136, 0.8) 50%,
    rgba(73, 1, 136, 0.8)
  );
}
.x-promotion-component.-sexy-theme .-promotion-box-wrapper .-highlight {
  color: #ffff0e;
}
.x-promotion-component.-sexy-theme .-promotion-box-wrapper .-apply-btn {
  border: 2px solid #fff;
}
.x-promotion-component.-sexy-theme .-promotion-box-wrapper .-apply-btn:before {
  opacity: 1;
  background: linear-gradient(90deg, #831b33, #3c081c);
}
.x-promotion-component.-sexy-theme .-promotion-box-wrapper .-apply-btn:after {
  opacity: 0;
  z-index: 2;
  background: linear-gradient(90deg, #ab2443, #580425);
}
.x-promotion-component.-sa-theme {
    background-image: url('../img/bg-promotion-3.png'),
    linear-gradient(
      90deg,
      rgba(1, 2, 48),
      rgba(2, 45, 140, 0.320312) 82.81%,
      rgba(0, 27, 13, 0)
    );
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.x-promotion-component.-sa-theme .-promotion-link-wrapper {
  background-image: linear-gradient(90deg, #1b1b1b, #000000),
    linear-gradient(180deg, #eabc7a, #79613f);
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.x-promotion-component.-sa-theme .-promotion-link-wrapper:hover {
  background-image: linear-gradient(90deg, #000000, #1b1b1b),
    linear-gradient(180deg, #eabc7a, #79613f);
}
.x-promotion-component.-sa-theme .-promotion-box-wrapper .-highlight {
  color: #e0b475;
}
.x-promotion-component.-sa-theme .-promotion-box-wrapper .-apply-btn {
  background-image: linear-gradient(180deg, #800000 -2.79%, #580202 103.39%),
    linear-gradient(180deg, #eabc7a, #79613f);
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.x-promotion-component.-sa-theme .-promotion-box-wrapper .-apply-btn:before {
  opacity: 1;
  background-image: linear-gradient(180deg, #800000 -2.79%, #580202 103.39%),
    linear-gradient(180deg, #eabc7a, #79613f);
}
.x-promotion-component.-sa-theme
  .-promotion-box-wrapper
  .-apply-btn:hover:after {
  opacity: 1;
  z-index: 2;
  background-image: linear-gradient(180deg, #af0606 -2.79%, #800000 103.39%),
    linear-gradient(180deg, #eabc7a, #79613f);
}
.x-promotion-component.-wm-theme {
  background: linear-gradient(
    90deg,
    rgba(14, 44, 94, 0.5),
    rgba(14, 44, 94, 0.320312) 82.81%,
    rgba(0, 10, 27, 0)
  );
}
.x-promotion-component.-wm-theme .-promotion-link-wrapper {
  background-image: linear-gradient(90deg, #0e2d60, #030d30),
    linear-gradient(180deg, #e5e5e5, #a0afc4);
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.x-promotion-component.-wm-theme .-promotion-link-wrapper:hover {
  background-image: linear-gradient(90deg, #0b234a, #020718),
    linear-gradient(180deg, #e5e5e5, #a0afc4);
}
.x-promotion-component.-wm-theme .-promotion-box-wrapper .-highlight {
  color: #20b1e9;
}
.x-promotion-component.-wm-theme .-promotion-box-wrapper .-apply-btn {
  background-image: linear-gradient(180deg, #e03d63 -2.79%, #a60f3e 103.39%),
    linear-gradient(180deg, #e2e2e3 0.01%, #9faec3);
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.x-promotion-component.-wm-theme .-promotion-box-wrapper .-apply-btn:before {
  opacity: 1;
  background-image: linear-gradient(180deg, #e03d63 -2.79%, #a60f3e 103.39%),
    linear-gradient(180deg, #e2e2e3, #9faec3);
}
.x-promotion-component.-wm-theme
  .-promotion-box-wrapper
  .-apply-btn:hover:after {
  opacity: 1;
  z-index: 2;
  background-image: linear-gradient(180deg, #dc2751 -2.79%, #8f0d35 103.39%),
    linear-gradient(180deg, #e2e2e3, #9faec3);
}
.x-promotion-component .-row-wrapper {
  justify-content: center;
}
@media (min-width: 576px) {
  .x-promotion-component .-row-wrapper {
    transform: skewX(-10deg);
  }
}
.x-promotion-component .-col-wrapper {
  margin-bottom: 2rem;
}
.x-promotion-component .-promotion-link-wrapper {
  display: block;
  height: 100%;
  border-radius: 5px;
  transition: all 0.4s;
}
.x-promotion-component .-promotion-link-wrapper:hover {
  text-decoration: none;
}
.x-promotion-component .-promotion-box-wrapper {
  position: relative;
  height: 100%;
  padding: 1rem 4rem 1.5rem;
  font-size: 2.5rem;
  text-align: center;
  color: #fff;
}
@media (max-width: 991.98px) {
  .x-promotion-component .-promotion-box-wrapper {
    padding: 1rem 1rem 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-promotion-component .-promotion-box-wrapper {
    padding: 1rem 3rem 1.5rem;
  }
}
.x-promotion-component .-promotion-box-wrapper.-horizontal {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.x-promotion-component .-promotion-box-wrapper.-horizontal .-title {
  line-height: 1.4;
  font-size: 2.5rem;
}
.x-promotion-component .-promotion-box-wrapper.-horizontal .-sub-title {
  font-size: 1.25rem;
}
.x-promotion-component .-promotion-box-wrapper.-horizontal .-highlight {
  line-height: 1;
  font-size: 5rem;
}
@media (max-width: 991.98px) {
  .x-promotion-component .-promotion-box-wrapper.-horizontal .-title {
    font-size: 2.25rem;
  }
}
@media (max-width: 575.98px) {
  .x-promotion-component .-promotion-box-wrapper.-horizontal {
    justify-content: center;
  }
  .x-promotion-component .-promotion-box-wrapper.-horizontal .-title {
    width: 170px;
    font-size: 2rem;
  }
  .x-promotion-component .-promotion-box-wrapper.-horizontal .-sub-title {
    width: 120px;
  }
  .x-promotion-component .-promotion-box-wrapper.-horizontal .-highlight {
    font-size: 3.5rem;
  }
}
.x-promotion-component .-promotion-box-wrapper .-title {
  font-size: 1.8rem;
}
@media (max-width: 991.98px) {
  .x-promotion-component .-promotion-box-wrapper .-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-promotion-component .-promotion-box-wrapper .-title {
    font-size: 1.25rem;
  }
}
.x-promotion-component .-promotion-box-wrapper .-sub-title {
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 575.98px) {
  .x-promotion-component .-promotion-box-wrapper .-sub-title {
    font-size: 1.125rem;
  }
}
.x-promotion-component .-promotion-box-wrapper .-highlight {
  font-size: 3.25rem;
  font-weight: 700;
}
@media (max-width: 575.98px) {
  .x-promotion-component .-promotion-box-wrapper .-highlight {
    font-size: 2.25rem;
  }
}
.x-promotion-component .-promotion-box-wrapper .-apply-btn {
  position: absolute;
  bottom: -20px;
  left: 15%;
  padding: 5px 15px;
  font-size: 1rem;
  color: #fff;
  border-radius: 3px;
}
@media (max-width: 575.98px) {
  .x-promotion-component .-promotion-box-wrapper .-apply-btn {
    font-size: 0.875rem;
  }
}
.x-promotion-component .-promotion-box-wrapper .-apply-btn:after,
.x-promotion-component .-promotion-box-wrapper .-apply-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s;
}
.x-promotion-component .-promotion-box-wrapper .-apply-btn .-text {
  position: relative;
  z-index: 3;
}
.x-promotion-component .-promotion-box-wrapper .-apply-btn:hover {
  text-decoration: none;
}
.x-promotion-component .-promotion-box-wrapper .-apply-btn:hover:after {
  opacity: 1;
}
.x-sexy-all-pro-v2-container {
  background-color: #0e0827;
}
.x-sa-all-pro-v2-container {
  background-color: #070a08;
}
.x-wm-all-pro-v2-container {
  background-color: #01071d;
}
.x-phawin-contact-us-container {
  position: fixed;
  top: 65%;
  right: -115px;
  z-index: 6;
  max-height: unset;
}
@media (max-width: 767.98px) {
  .x-phawin-contact-us-container {
    top: unset;
    right: 0;
    bottom: 0;
    width: 100%;
  }
}
.x-phawin-contact-us-container .-link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  color: #fff;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  right: 0;
  padding: 0.5rem 0;
  background: linear-gradient(180deg, #53c748, #1d7015);
  transition: right 0.3s;
}
@media (min-width: 768px) {
  .x-phawin-contact-us-container .-link:hover {
    right: 115px;
  }
}
@media (max-width: 767.98px) {
  .x-phawin-contact-us-container .-link {
    height: 58px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
  .x-phawin-contact-us-container .-link:hover {
    text-decoration: none;
  }
}
.x-phawin-contact-us-container .-link .-img-wrapper {
  width: 60px;
  text-align: center;
}
.x-phawin-contact-us-container .-link .-img-wrapper .-line-logo-img {
  fill: #fff;
  height: 46px;
  width: 46px;
  transition: transform 0.2s;
}
@media (max-width: 767.98px) {
  .x-phawin-contact-us-container .-link .-img-wrapper .-line-logo-img {
    height: 40px;
    width: 40px;
  }
}
.x-phawin-contact-us-container .-link .-description-wrapper {
  padding-right: 1rem;
  font-size: 0.9rem;
}
.x-phawin-contact-us-container .-link .-description-wrapper .-paragraph {
  margin-bottom: 0;
}
@-webkit-keyframes x-1ufabet-button-circle-sonar {
  0% {
    opacity: 0.3;
    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;
    transform: translate(-50%, -50%) scale(1.4);
  }
}
@keyframes x-1ufabet-button-circle-sonar {
  0% {
    opacity: 0.3;
    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;
    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% {
    transform: translate(40px, 10%);
  }
  to {
    transform: translate(40px);
  }
}
@keyframes x-no-1-animation {
  0% {
    transform: translate(40px, 10%);
  }
  to {
    transform: translate(40px);
  }
}
.x-landing-1ufa-container {
  background-color: #222731;
  background-position: top !important;
  background-size: cover;
}
.x-landing-1ufa-container .-btn-groups .-btn-promotion-container {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.x-landing-1ufa-container .-btn-groups .-btn-promotion-container .btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 600;
  border-radius: 30px;
}
.x-landing-1ufa-container .-btn-groups .-btn-promotion-container .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-landing-1ufa-container .-btn-groups .-btn-promotion-container .btn .-text {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
.x-landing-1ufa-container .-btn-groups .-btn-promotion-container .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 70%;
  background: radial-gradient(#ffcd57 0, transparent 80%);
}
.x-landing-1ufa-container .-btn-groups .-btn-promotion-container .btn:focus {
  box-shadow: none;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container .-btn-groups .-btn-promotion-container .btn {
    margin: auto;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container .-btn-groups .-btn-promotion-container .btn {
    width: 270px;
    font-size: 1.16rem;
  }
}
.x-landing-1ufa-container .-btn-groups .-btn-promotion-container .-play-btn {
  color: #000;
  transition: all 0.2s;
}
@media (min-width: 992px) {
  .x-landing-1ufa-container
    .-btn-groups
    .-btn-promotion-container
    .-play-btn:hover {
    transform: scale(1.05);
  }
}
.x-landing-1ufa-container
  .-btn-groups
  .-btn-promotion-container
  .-play-btn
  .-circle-wrapper {
  position: absolute;
  left: -14px;
  width: 90px;
  height: 90px;
}
.x-landing-1ufa-container
  .-btn-groups
  .-btn-promotion-container
  .-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-landing-1ufa-container
  .-btn-groups
  .-btn-promotion-container
  .-play-btn
  .-circle-wrapper
  .-ic-play-circle {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.x-landing-1ufa-container
  .-btn-groups
  .-btn-promotion-container
  .-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-landing-1ufa-container
  .-btn-groups
  .-btn-promotion-container
  .-play-btn
  .-circle-wrapper
  .fa-play {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 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-landing-1ufa-container
    .-btn-groups
    .-btn-promotion-container
    .-play-btn
    .-circle-wrapper {
    left: -10px;
    width: 70px;
    height: 70px;
  }
  .x-landing-1ufa-container
    .-btn-groups
    .-btn-promotion-container
    .-play-btn
    .-circle-wrapper:before {
    width: 70px;
    height: 70px;
  }
}
.x-landing-1ufa-container
  .-btn-groups
  .-btn-promotion-container
  .-play-btn
  .-button-bg {
  width: 100%;
}
.x-landing-1ufa-container
  .-btn-groups
  .-btn-promotion-container
  .-play-btn
  .-text {
  position: absolute;
  top: 50%;
  left: 90px;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container
    .-btn-groups
    .-btn-promotion-container
    .-play-btn
    .-text {
    left: 65px;
    font-size: 1.1rem;
  }
}
.x-landing-1ufa-container .-btn-groups .-btn-no-promotion-container .btn {
  position: relative;
  width: 250px;
  transition: all 0.2s;
}
.x-landing-1ufa-container
  .-btn-groups
  .-btn-no-promotion-container
  .btn
  .-cover-img {
  width: 100%;
}
.x-landing-1ufa-container .-btn-groups .-btn-no-promotion-container .btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 20px;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
}
.x-landing-1ufa-container .-btn-groups .-btn-no-promotion-container .btn:focus {
  box-shadow: none;
}
@media (min-width: 992px) {
  .x-landing-1ufa-container
    .-btn-groups
    .-btn-no-promotion-container
    .btn:hover {
    transform: scale(1.05);
  }
}
.x-landing-1ufa-container .-ufa .-logo {
  width: 150px;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container .-ufa .-logo {
    width: 120px;
  }
}
.x-landing-1ufa-container .-ufa .-box-center-container {
  overflow: hidden;
}
.x-landing-1ufa-container
  .-ufa
  .-box-center-container
  .-inner-wrapper
  .-img-element-inner
  .-img {
  width: 700px;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container
    .-ufa
    .-box-center-container
    .-inner-wrapper
    .-img-element-inner
    .-img {
    width: 600px;
  }
}
.x-landing-1ufa-container .-ufa .x-footer-lobby-logo {
  padding-bottom: 4rem;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container .-ufa .x-footer-lobby-logo {
    margin-top: 4rem !important;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container .-ufa .x-footer-lobby-logo {
    margin-top: 2rem !important;
  }
}
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container {
  color: #fff;
  font-size: 2rem;
}
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container
  .-highlight {
  font-weight: 700;
  position: relative;
  display: inline-block;
  background: linear-gradient(180deg, #b38c2c 20%, #e8da9b 50%, #b38c2c 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container
  .-highlight:after,
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container
  .-highlight:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-image: url(/build/images/landing-1ufa-light-wink.7881e05d.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container
  .-highlight:before {
  left: -10px;
  top: 15px;
  transform: rotate(15deg);
}
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container
  .-highlight:after {
  left: 60px;
  top: 12px;
  transform: rotate(30deg);
}
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container.-top
  .-highlight:after {
  left: 85px;
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container
    .-ufa
    .x-footer-lobby-ufa-logo
    .-lobby-text-title
    .-title-container.-top
    .-highlight:after {
    left: 65px;
    top: 6px;
  }
}
.x-landing-1ufa-container
  .-ufa
  .x-footer-lobby-ufa-logo
  .-lobby-text-title
  .-title-container.-bottom
  .-highlight:after {
  left: 120px;
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container
    .-ufa
    .x-footer-lobby-ufa-logo
    .-lobby-text-title
    .-title-container.-bottom
    .-highlight:after {
    left: 90px;
    top: 6px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container
    .-ufa
    .x-footer-lobby-ufa-logo
    .-lobby-text-title
    .-title-container {
    font-size: 1.6rem;
  }
}
.x-1ufa-promotion-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  margin: auto;
  padding: 0;
  font-size: 1.2rem;
  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%;
  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 {
    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.16rem;
  }
}
.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%;
  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%;
  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: 105px;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .x-1ufa-promotion-btn .-text {
    left: 80px;
    font-size: 1.1rem;
  }
}
.x-1ufa-provider-logo-component .navbar-nav {
  flex-direction: row;
}
.x-1ufa-provider-logo-component .navbar-nav .nav-item {
  width: 10%;
}
.x-1ufa-provider-logo-component .navbar-nav .nav-item .-img {
  width: 100%;
  padding: 5px;
  transition: all 0.2s;
}
.x-1ufa-provider-logo-component .navbar-nav .nav-item:hover .-img {
  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;
  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;
  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;
  }
}
.x-landing-1ufa-container.-buy-user-container .-ufa {
  overflow: hidden;
}
.x-landing-1ufa-container.-buy-user-container .x-sonar-center-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffcd57 0, transparent 100%);
  transform: translate(-50%, -50%);
  -webkit-animation: x-1ufabet-button-circle-sonar 1s infinite;
  animation: x-1ufabet-button-circle-sonar 1s infinite;
}
.x-landing-1ufa-container.-buy-user-container .-inner-wrapper {
  width: 100%;
  margin: 5rem 0;
  padding: 0 1rem 3rem;
  background: rgba(0, 0, 0, 0.4);
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container .-inner-wrapper {
    margin: 2rem 0 0;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container {
  position: relative;
  padding-top: 4rem;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container {
    padding-top: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-animation-element-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-animation-element-container
  .-el {
  position: absolute;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-animation-element-container
  .-el.-item-1 {
  width: 180px;
  top: 160px;
  left: 50px;
  -webkit-animation: x-bg-1 10s infinite alternate;
  animation: x-bg-1 10s infinite alternate;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-1 {
    display: none;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-animation-element-container
  .-el.-item-2 {
  top: -20px;
  left: 200px;
  width: 50px;
  -webkit-animation: x-bg-2 10s 1s infinite alternate;
  animation: x-bg-2 10s 1s infinite alternate;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-2 {
    top: -15px;
    left: 150px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-2 {
    left: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-2 {
    left: 10%;
    width: 40px;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-animation-element-container
  .-el.-item-3 {
  top: 20px;
  left: 0;
  width: 120px;
  -webkit-animation: x-bg-3 10s infinite alternate;
  animation: x-bg-3 10s infinite alternate;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-3 {
    top: 200px;
    left: 20px;
    width: 100px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-3 {
    top: 160px;
    left: 0;
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-3 {
    top: unset;
    bottom: -20px;
    left: -10px;
    width: 20%;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-animation-element-container
  .-el.-item-4 {
  top: 150px;
  right: 0;
  width: 150px;
  -webkit-animation: x-bg-2 10s infinite alternate;
  animation: x-bg-2 10s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-4 {
    top: 180px;
    right: 20px;
    width: 120px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-4 {
    display: none;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-animation-element-container
  .-el.-item-5 {
  right: 80px;
  top: -60px;
  width: 150px;
  -webkit-animation: x-bg-1 10s 1s infinite alternate;
  animation: x-bg-1 10s 1s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-5 {
    right: 50px;
    width: 130px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-5 {
    right: 20px;
    width: 100px;
    top: 200px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-5 {
    right: 10px;
    width: 80px;
    top: 150px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-animation-element-container
    .-el.-item-5 {
    top: unset;
    right: -12px;
    bottom: -10px;
    width: 15%;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-img {
  width: 650px;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-banner-container
  .-img.-mobile {
  display: none;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-img {
    width: 80%;
    margin: auto;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-img.-desktop {
    display: none;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-banner-container
    .-img.-mobile {
    display: block;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-btn-groups {
  margin: 4rem 0;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-btn-groups {
    display: none;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-details-list
  .-box-outer-wrapper {
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-details-list
    .-box-outer-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-details-list
  .-box-outer-wrapper
  .-box-wrapper {
  display: flex;
  width: 30%;
  padding: 1rem;
  border: 3px solid #615622;
  border-radius: 30px;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-details-list
    .-box-outer-wrapper
    .-box-wrapper {
    width: 250px;
    padding: 1rem;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-details-list
    .-box-outer-wrapper
    .-box-wrapper:not(:last-child) {
    margin-bottom: 15px;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-details-list
  .-box-outer-wrapper
  .-box-wrapper
  .-no {
  position: relative;
  margin-right: 10px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #efc22c;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-top-inner-wrapper
  .-details-list
  .-box-outer-wrapper
  .-box-wrapper
  .-text {
  position: relative;
  flex: 1;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: left;
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-top-inner-wrapper
    .-details-list
    .-box-outer-wrapper
    .-box-wrapper
    .-text {
    font-size: 1.2rem;
  }
}
.x-landing-1ufa-container.-buy-user-container .-inner-wrapper .-hr {
  margin: 3rem;
  border-top: 1px solid #ddc47c;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container .-inner-wrapper .-hr {
    margin: 2rem 1rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-container .-inner-wrapper .-hr {
    margin: 2rem 0;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper {
  margin-bottom: 70px;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-desktop
  .-title
  .-highlight {
  background: linear-gradient(180deg, #b38c2c 20%, #e8da9b 50%, #b38c2c 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-heading-desktop {
    display: none;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-mobile {
  display: none;
  margin-top: 2rem;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-heading-mobile {
    display: block;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-mobile
  .-outer-wrapper {
  position: relative;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-mobile
  .-outer-wrapper
  span {
  font-size: 3rem;
  font-weight: 700;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-mobile
  .-outer-wrapper
  span:first-child {
  margin-right: 8rem;
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-heading-mobile
    .-outer-wrapper
    span:first-child {
    margin-right: 6rem;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-mobile
  .-outer-wrapper
  .-vs-mobile-img {
  position: absolute;
  width: 170px;
  top: -65px;
  left: 50%;
  transform: translateX(-48%);
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-mobile
  .-sub-title {
  margin-top: 0.5rem;
  font-size: 1.6rem;
  color: #ddc47c;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-heading-mobile
  .-arrow-down-img {
  margin: 1rem 0;
  -webkit-animation: x-up-to-down-mover 0.5s infinite alternate;
  animation: x-up-to-down-mover 0.5s infinite alternate;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-vs-img {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 380px;
  z-index: 3;
  transform: translateX(-50%);
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-vs-img {
    width: 350px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-vs-img {
    display: none;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container,
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-img-container {
  position: relative;
  height: 500px;
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-img-container {
    height: 450px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-img-container {
    height: auto;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container
  .-img,
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-img-container
  .-img {
  position: absolute;
  width: 100%;
  bottom: 120px;
  left: 0;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container
  .-img-text,
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-img-container
  .-img-text {
  position: absolute;
  width: 80%;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container
  .-overlay,
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-img-container
  .-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% + 15px);
  height: 200px;
  background: linear-gradient(0deg, #000 0, transparent);
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container
    .-overlay,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-img-container
    .-overlay {
    display: none;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-title-section,
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-title-section {
  margin-top: 1rem;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-title-section
  .navbar-nav
  .nav-item,
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-title-section
  .navbar-nav
  .nav-item {
  width: 80%;
  margin: 15px auto 0;
  padding: 10px 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ebebeb;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 30px;
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-title-section
    .navbar-nav
    .nav-item,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-title-section
    .navbar-nav
    .nav-item {
    width: 90%;
    font-size: 1.1rem;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-title-section
    .navbar-nav
    .nav-item,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-title-section
    .navbar-nav
    .nav-item {
    width: 70%;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-title-section
    .navbar-nav
    .nav-item,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-title-section
    .navbar-nav
    .nav-item {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-title-section
    .navbar-nav
    .nav-item,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-title-section
    .navbar-nav
    .nav-item {
    width: 100%;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-img-container
  .-img {
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-animation: fadeInLeftToCenter 0.5s linear 0.4s;
  animation: fadeInLeftToCenter 0.5s linear 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-img-container
  .-img-text {
  -webkit-animation: fadeInUpCenter 0.5s linear 0.4s;
  animation: fadeInUpCenter 0.5s linear 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-old-container
  .-img-container
  .-overlay {
  right: -15px;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container {
    order: 1;
    margin-top: 3rem;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-img-container
    .-img,
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-img-container
    .-img-text {
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-old-container
    .-title-section {
    margin-top: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container
  .-img-text {
  bottom: 0;
  -webkit-animation: fadeInUpCenter 0.5s linear 0.4s both;
  animation: fadeInUpCenter 0.5s linear 0.4s both;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container
  .-img {
  position: absolute;
  width: 100%;
  bottom: 100px;
  left: 0;
  -webkit-animation: fadeInRight 0.5s linear 0.4s both;
  animation: fadeInRight 0.5s linear 0.4s both;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container
  .-shield-gif {
  position: absolute;
  width: 150px;
  bottom: 80px;
  right: 12px;
}
.x-landing-1ufa-container.-buy-user-container
  .-inner-wrapper
  .-bottom-inner-wrapper
  .-new-container
  .-img-container
  .-overlay {
  left: -15px;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container {
    order: 0;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container
    .-img {
    position: relative;
    bottom: unset;
    margin-top: -2rem;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container
    .-img-text {
    position: relative;
    bottom: unset;
    left: -20px;
    transform: unset;
    margin-top: -6rem;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container
    .-shield-gif {
    bottom: 120px;
    right: 90px;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-title-section {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container
    .-shield-gif {
    width: 130px;
    bottom: 90px;
    right: 70px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container
    .-img-text {
    width: 100%;
    margin-top: -4rem;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-img-container
    .-shield-gif {
    width: 100px;
    bottom: 25%;
    right: 10%;
  }
  .x-landing-1ufa-container.-buy-user-container
    .-inner-wrapper
    .-bottom-inner-wrapper
    .-new-container
    .-title-section {
    margin-top: -2rem;
  }
}
.x-landing-1ufa-container.-buy-user-container .-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-landing-1ufa-container.-buy-user-container .-play-bottom-btn:after,
.x-landing-1ufa-container.-buy-user-container .-play-bottom-btn:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #765300, #ddc47c 50%, #765300);
}
.x-landing-1ufa-container.-buy-user-container .-play-bottom-btn:before {
  top: 0;
}
.x-landing-1ufa-container.-buy-user-container .-play-bottom-btn:after {
  bottom: 0;
}
.x-landing-1ufa-container.-buy-user-container .-play-bottom-btn .-line-glow {
  position: absolute;
  top: -18%;
  left: 50%;
  width: 100%;
  max-width: 400px;
  transform: translateX(-50%);
}
.x-landing-1ufa-container.-buy-user-container
  .-play-bottom-btn
  .-circle-wrapper {
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 14px;
  border-radius: 50%;
}
.x-landing-1ufa-container.-buy-user-container
  .-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-landing-1ufa-container.-buy-user-container
  .-play-bottom-btn
  .-circle-wrapper
  .-ic-play-circle {
  width: 100%;
}
.x-landing-1ufa-container.-buy-user-container
  .-play-bottom-btn
  .-circle-wrapper
  .fa-play {
  position: absolute;
  top: 50%;
  left: 53%;
  font-size: 14px;
  transform: translate(-50%, -50%);
  background: -webkit-radial-gradient(#997f45, #8c6a3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-landing-1ufa-container.-buy-user-container .-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-landing-1ufa-container.-buy-user-container .-play-bottom-btn span {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container {
  color: #eae8e8;
}
.x-landing-1ufa-container.-buy-user-upgrade-container .slick-dots li {
  margin: 0 2px;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .slick-dots
  button:before {
  font-size: 50px;
  color: hsla(0, 0%, 100%, 0.25);
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .slick-dots
  .slick-active
  button:before {
  color: #fff;
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-bg-setting {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-overlay {
  position: absolute;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 5;
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-overlay.-top {
  top: 0;
  background: linear-gradient(180deg, #000, transparent);
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-overlay.-bottom {
  bottom: 0;
  background: linear-gradient(180deg, transparent, #000);
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-default-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container .-default-title {
    font-size: 1.75rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-default-title.-smaller {
  font-size: 1.6rem;
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-default-title.-show-hr {
  position: relative;
}
.x-landing-1ufa-container.-buy-user-upgrade-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
  );
  transform: translateX(-50%);
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-default-title.-show-hr:before {
    width: 220px;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-default-sub-title {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
  color: #bbb;
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container .-default-sub-title {
    font-size: 1.1rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-heading-section {
  position: relative;
  padding-top: 8rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container .-heading-section {
    padding-top: 2rem;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-bg-setting {
    background-position: 0 0;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-title-wrapper {
  position: relative;
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-title-wrapper
    .-title {
    font-size: 3rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-title-wrapper
    .-title {
    font-size: 2.5rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-title-wrapper
  .-line-gray-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  width: 400px;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-title-wrapper
    .-line-gray-img {
    width: 350px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-title-wrapper
    .-line-gray-img {
    width: 250px;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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%
  );
  transform: translate(-50%, -50%);
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper {
  justify-content: center;
  margin-top: 4rem;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper {
    position: relative;
    margin-top: 2rem;
    z-index: 6;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-new-container
  .-content-wrapper,
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-old-container
  .-content-wrapper {
  position: relative;
  margin-top: -12rem;
  z-index: 10;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-new-container
  .-content-wrapper
  .-default-title,
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-old-container
  .-content-wrapper
  .-default-title {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container,
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .-content-wrapper,
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-container
    .-content-wrapper {
    flex: 1;
    position: relative;
    z-index: 10;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .-content-wrapper
    .-default-title,
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-container
    .-content-wrapper
    .-default-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .-content-wrapper
    .-default-title,
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-container
    .-content-wrapper
    .-default-title {
    font-size: 2.25rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-old-container
  .-content-wrapper
  .-default-title {
  color: #c3c3c3;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-container {
    order: 1;
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-container
    .-content-wrapper {
    margin-top: 0;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-container
    .x-mobile-frame-slide-component {
    order: 1;
    margin-top: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container {
    justify-content: flex-end;
    padding-bottom: 2rem;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .x-mobile-frame-slide-component {
    order: 1;
    margin-top: 2rem;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .-no-1-img {
    top: 150px;
    right: 120px;
    width: 180px;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .-content-wrapper {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .-no-1-img {
    right: 50px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-container
    .-no-1-img {
    right: unset;
    left: 50%;
    width: 130px;
    transform: translateX(40px);
    -webkit-animation-name: x-no-1-animation;
    animation-name: x-no-1-animation;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-old-car-img {
  position: absolute;
  left: -500px;
  bottom: 0;
  width: 620px;
}
@media screen and (max-width: 1500px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-car-img {
    width: 550px;
    left: -250px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-car-img {
    left: 50%;
    z-index: 5;
    width: 450px;
    transform: translateX(-50%);
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-old-car-img {
    width: 420px;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-new-car-img {
  position: absolute;
  right: -600px;
  bottom: 0;
  width: 780px;
}
@media screen and (max-width: 1500px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-car-img {
    right: -300px;
    bottom: 30px;
    width: 650px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-car-img {
    right: unset;
    left: 50%;
    bottom: -10px;
    z-index: 4;
    width: 600px;
    transform: translateX(-50%);
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-car-img {
    width: 550px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-new-car-img {
    width: 480px;
    bottom: 10px;
    transform: translateX(-40%);
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-f488-headlight-svg
  path {
  transform: scale(1.6) rotate(7deg);
  fill: hsla(0, 0%, 100%, 0.3);
}
@media screen and (max-width: 1500px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-headlight-svg {
    right: -68px;
    z-index: 5;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-headlight-svg
    path {
    transform: scale(1.5) rotate(7deg);
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-headlight-svg {
    right: unset;
    left: 50%;
    transform: translateX(-90px);
    bottom: 29px;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-headlight-svg
    path {
    transform: scale(1.2) rotate(7deg);
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-headlight-svg {
    bottom: 18px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-headlight-svg {
    bottom: 5px;
    transform: translateX(-30px);
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-headlight-svg
    path {
    transform: scale(1) rotate(7deg);
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-lamp {
    right: 52px;
    bottom: 147px;
    z-index: 5;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-lamp {
    right: 382px;
    bottom: 108px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-lamp {
    right: 290px;
    bottom: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-f488-lamp {
    right: unset;
    left: 50%;
    bottom: 95px;
    transform: translateX(16px);
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-heading-section
  .-row-wrapper
  .-vs-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 450px;
  z-index: 10;
  transform: translateX(-50%);
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-vs-img {
    bottom: -20px;
    width: 500px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-heading-section
    .-row-wrapper
    .-vs-img {
    display: none;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-compatible-top-section {
  position: relative;
  text-align: center;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-top-section
  .-inner-wrapper {
  position: relative;
  padding: 3rem 0 28rem;
  z-index: 6;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-inner-wrapper {
    padding: 5rem 1rem 20rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-inner-wrapper {
    padding-bottom: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-inner-wrapper
    .-title {
    font-size: 3rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-inner-wrapper
    .-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-inner-wrapper
    .-title {
    font-size: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-top-section
  .-inner-wrapper
  .-sub-title {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-inner-wrapper
    .-sub-title {
    font-size: 1.3rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-inner-wrapper
    .-sub-title {
    font-size: 1.2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-top-section
  .-video {
  position: absolute;
  left: 50%;
  bottom: -80px;
  width: 580px;
  height: 506px;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-video {
    bottom: -100px;
    width: 90%;
    height: unset;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-top-section
    .-video {
    position: relative;
    bottom: unset;
    width: 100%;
    margin-top: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container .-promotion-section {
    padding-top: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
  .-promotion-section
  .-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-title-wrapper {
    flex-direction: column;
    margin-left: 0;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-title-wrapper
    .-title {
    font-size: 3rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-title-wrapper
    .-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-title-wrapper
    .-title {
    order: 1;
    font-size: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-promotion-section
  .-title-wrapper
  .-heart-img {
  width: 50px;
  margin-left: 1rem;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-title-wrapper
    .-heart-img {
    width: 40px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-title-wrapper
    .-heart-img {
    margin-left: 0;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-promotion-section
  .-sub-title {
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-sub-title {
    font-size: 2rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-sub-title {
    font-size: 1.5rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-promotion-section
  .-row-wrapper
  .-promotion-img {
  width: 90%;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-promotion-section
    .-row-wrapper
    .-promotion-img {
    width: 80%;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-promotion-section
  .-row-wrapper
  .-left-container,
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-promotion-section
  .-row-wrapper
  .-right-container {
  margin-top: 2rem;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section {
  padding: 8rem 0 4rem;
  text-align: center;
  background-image: url(/build/images/landing-1ufa-upgrade-compatible-middle-bg.005187ad.png);
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section {
    padding-bottom: 0;
    background-image: none;
    background-color: #0a0d0d;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-container-wrapper {
    max-width: unset;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section {
    padding-top: 2rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section.-bg-setting {
  background-position: bottom;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-default-title {
    margin-bottom: 10rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .-default-title.-show-hr:before {
  width: 260px;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-row-wrapper {
    justify-content: center;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .-new-container,
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .-old-container {
  margin-top: 4rem;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-old-container {
    order: 2;
    margin-top: 0;
    padding-top: 10rem;
    padding-bottom: 2rem;
    background-image: url(/build/images/landing-1ufa-upgrade-monkey-old-bg.3abe39da.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-old-container
    .-monkey-img {
    top: -140px;
    left: 40px;
    width: 140px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-old-container
    .-monkey-img {
    left: 90px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-old-container
    .-monkey-img {
    left: 50%;
    transform: translateX(-160px);
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-new-container {
    order: 1;
    margin-top: 0;
    padding-top: 4rem;
    padding-bottom: 2rem;
    background-image: url(/build/images/landing-1ufa-upgrade-monkey-new-bg.4e9178a2.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .-new-container
  .-monkey-img {
  position: absolute;
  width: 340px;
  top: -212px;
  right: 20px;
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-new-container
    .-monkey-img {
    width: 280px;
    top: -174px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .-new-container
    .-monkey-img {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-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-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .card {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .card {
    width: 500px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .card {
    width: 450px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .card {
    width: 100%;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .card
  .-icon-emotion-img {
  width: 100px;
  margin: -50px auto 0;
  z-index: 2;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .card
  .-title {
  margin-top: 1.5rem;
  font-size: 1.75rem;
  font-weight: 600;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .card
  .navbar-nav {
  text-align: left;
  font-size: 1.1rem;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .card
  .navbar-nav
  .nav-item {
  margin-top: 0.25rem;
  color: #a5a5a5;
  list-style: none;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .card
  .navbar-nav
  .nav-item
  .-marker {
  position: relative;
  top: 1px;
  font-size: 1.5rem;
  color: #fff;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-middle-section
  .card
  .navbar-nav
  .nav-item
  b {
  font-weight: 500;
  color: #fff;
}
@media (max-width: 767.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .card
    .navbar-nav
    .nav-item {
    margin-top: 0.25rem;
  }
}
@media screen and (max-width: 375px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-middle-section
    .card
    .navbar-nav {
    font-size: 1rem;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-bottom-section {
  padding: 4rem 0 2rem;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-bottom-section
  .-contents-wrapper {
  width: 430px;
  margin-left: auto;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-bottom-section
    .-contents-wrapper {
    width: 100%;
    text-align: center;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-bottom-section
    .-contents-wrapper
    .x-1ufa-promotion-btn {
    margin-left: auto;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-bottom-section
  .-img-wrapper {
  margin-top: -12rem;
  text-align: center;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-bottom-section
  .-img-wrapper
  .-fish-running-img {
  width: 85%;
}
@media (max-width: 1199.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-bottom-section
    .-img-wrapper {
    margin-top: -10rem;
    text-align: left;
  }
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-bottom-section
    .-img-wrapper {
    margin-top: 1rem;
  }
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-compatible-bottom-section
    .-img-wrapper
    .-fish-running-img {
    width: 100%;
  }
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-compatible-bottom-section
  .x-1ufa-promotion-btn {
  margin-top: 2rem;
  margin-left: 1rem;
}
.x-landing-1ufa-container.-buy-user-upgrade-container .-testimonial-section {
  padding: 4rem 0;
  text-align: center;
}
.x-landing-1ufa-container.-buy-user-upgrade-container
  .-testimonial-section
  .-slide-wrapper {
  max-width: 1350px;
  margin: auto;
  padding: 4rem 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .x-landing-1ufa-container.-buy-user-upgrade-container
    .-testimonial-section
    .-slide-wrapper {
    width: 100%;
  }
}
.x-1ufa-buy-user-pre-footer-component {
  position: relative;
}
.x-1ufa-buy-user-pre-footer-component:after,
.x-1ufa-buy-user-pre-footer-component:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #765300, #ddc47c 50%, #765300);
}
.x-1ufa-buy-user-pre-footer-component:before {
  top: 0;
}
.x-1ufa-buy-user-pre-footer-component:after {
  bottom: 0;
}
.x-1ufa-buy-user-pre-footer-component .-inner-wrapper {
  position: relative;
  padding: 4rem 0;
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-pre-footer-component .-inner-wrapper {
    padding: 4rem 1rem;
  }
}
.x-1ufa-buy-user-pre-footer-component .-inner-wrapper .-pre-title {
  font-size: 2.25rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-pre-footer-component .-inner-wrapper .-pre-title {
    font-size: 1.8rem;
  }
}
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  .-normal-text {
  position: relative;
}
.x-1ufa-buy-user-pre-footer-component .-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-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  .-highlight
  .-line-light {
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 300px;
  transform: translateX(-50%);
}
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  .-highlight:after,
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  .-highlight:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url(/build/images/landing-1ufa-upgrade-starlight.e1ca4ca3.png);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  .-highlight:before {
  top: 0;
  left: -20px;
}
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  .-highlight:after {
  bottom: -2px;
  right: -5px;
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-pre-footer-component
    .-inner-wrapper
    .-pre-title
    .-highlight
    .-line-light {
    width: 250px;
  }
}
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  a.-highlight
  .-line-light {
  bottom: -2px;
  width: 250px;
}
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  a.-highlight:before {
  display: none;
}
.x-1ufa-buy-user-pre-footer-component
  .-inner-wrapper
  .-pre-title
  a.-highlight:after {
  top: 5px;
  right: -20px;
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-pre-footer-component
    .-inner-wrapper
    .-pre-title
    a.-highlight
    .-line-light {
    width: 200px;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-pre-footer-component
    .-inner-wrapper
    .-pre-title
    a.-highlight:after {
    right: -10px;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-pre-footer-component .-inner-wrapper .-pre-title a .-img {
    width: 250px;
  }
  .x-1ufa-buy-user-pre-footer-component
    .-inner-wrapper
    .-pre-title
    a:last-child {
    margin-top: 1rem;
  }
}
.x-1ufa-buy-user-pre-footer-component .-inner-wrapper .-btn-wrapper {
  margin-top: 2rem;
}
.x-1ufa-buy-user-pre-footer-component .-inner-wrapper .-trophy-img {
  position: absolute;
  right: -80px;
  bottom: 10px;
  width: 220px;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-pre-footer-component .-inner-wrapper .-trophy-img {
    display: none;
  }
}
.x-1ufa-buy-user-menus-container {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 15;
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .x-1ufa-buy-user-menus-container.-scrolled {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-menus-container {
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    transform: unset;
  }
}
.x-1ufa-buy-user-menus-container .navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  border: 3px solid #6e6f5d;
  border-top: none;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
  background: #000;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-menus-container .navbar-nav {
    height: 100%;
    border: none;
    border-top: 1px solid #d0a94d;
    border-radius: 0;
    overflow: unset;
  }
}
.x-1ufa-buy-user-menus-container .navbar-nav .nav-item {
  min-width: 200px;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-menus-container .navbar-nav .nav-item {
    min-width: 0;
    flex: 1;
    height: 100%;
  }
}
.x-1ufa-buy-user-menus-container .navbar-nav .nav-item .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg, #515151, #151607);
}
.x-1ufa-buy-user-menus-container
  .navbar-nav
  .nav-item
  .nav-link
  .-register-img-container {
  position: relative;
  transform: scale(1.3);
  -webkit-animation: x-pulse 1.5s ease-in-out infinite both;
  animation: x-pulse 1.5s ease-in-out infinite both;
}
.x-1ufa-buy-user-menus-container
  .navbar-nav
  .nav-item
  .nav-link
  .-register-img-container
  .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  color: #997f45;
  font-size: 0.7rem;
}
.x-1ufa-buy-user-menus-container .navbar-nav .nav-item .nav-link .-ic {
  width: 30px;
  margin-right: 10px;
}
.x-1ufa-buy-user-menus-container
  .navbar-nav
  .nav-item
  .nav-link
  .-ic.-instruction {
  transform: scale(1.4);
}
.x-1ufa-buy-user-menus-container .navbar-nav .nav-item .nav-link .-text {
  position: relative;
  display: block;
}
.x-1ufa-buy-user-menus-container .navbar-nav .nav-item .nav-link .-text:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #ecbd7b 30%,
    #ecbd7b 70%,
    transparent
  );
  transition: width 0.2s;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-menus-container .navbar-nav .nav-item .nav-link {
    flex-direction: column;
    height: 100%;
    padding: 0;
    font-size: 0.8rem;
    font-weight: 500;
  }
  .x-1ufa-buy-user-menus-container .navbar-nav .nav-item .nav-link .-ic {
    margin-right: 0;
  }
  .x-1ufa-buy-user-menus-container .navbar-nav .nav-item .nav-link .-text {
    margin-top: 5px;
  }
}
.x-1ufa-buy-user-menus-container
  .navbar-nav
  .nav-item:not(:last-child)
  .nav-link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: #3e3e3e;
}
@media (min-width: 992px) {
  .x-1ufa-buy-user-menus-container
    .navbar-nav
    .nav-item:hover
    .nav-link
    .-text:after {
    width: 110%;
  }
}
.x-1ufa-buy-user-menus-container .navbar-nav .nav-item.active .nav-link {
  color: #ffcd57;
  background: linear-gradient(180deg, #272727, #000);
}
.x-1ufa-buy-user-menus-container
  .navbar-nav
  .nav-item.active
  .nav-link
  .-text:after {
  width: 110%;
}
@-webkit-keyframes x-pulse {
  0% {
    transform: scale(1.3);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(1.2);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(1.25);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(1.17);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1.3);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes x-pulse {
  0% {
    transform: scale(1.3);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(1.2);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(1.25);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(1.17);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1.3);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.x-1ufa-buy-user-instruction-container {
  padding: 6rem 0 2rem;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-container {
    padding-top: 2rem;
  }
}
.x-1ufa-buy-user-instruction-content-wrapper {
  background: rgba(0, 0, 0, 0.7);
}
.x-1ufa-buy-user-instruction-content-wrapper .-banner-img {
  width: 100%;
}
.x-1ufa-buy-user-instruction-content-wrapper hr {
  margin: 0.5rem 4rem 0;
  border-color: #5f4d22;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-content-wrapper hr {
    margin: 0.5rem 1rem;
  }
}
.x-1ufa-buy-user-instruction-content-wrapper .-inner-content {
  position: relative;
}
.x-1ufa-buy-user-instruction-menu-tab-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 10px 1rem;
}
.x-1ufa-buy-user-instruction-menu-tab-wrapper.-sticky {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  transform: translateX(-50%);
}
.x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item {
  padding: 0 2rem;
  text-align: center;
}
@media (min-width: 992px) {
  .x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item:hover .nav-link {
    text-decoration: none;
    color: #ffcd57;
  }
}
.x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item.active .nav-link {
  color: #ffcd57;
}
.x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
  color: #d2d2d2;
}
.x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item .nav-link .-img {
  width: 50px;
}
.x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item .nav-link .-title {
  position: relative;
  margin-top: 0.75rem;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item {
    width: 25%;
    padding: 0;
  }
  .x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item .nav-link {
    padding: 0 10px;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item .nav-link {
    padding: 0 5px;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-instruction-menu-tab-wrapper .nav-item .nav-link .-title {
    font-size: 0.72rem;
  }
}
.x-1ufa-buy-user-instruction-menu-content-wrapper {
  text-align: center;
  padding: 2rem 1rem;
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-instruction-menu-content-wrapper {
    padding: 1rem;
  }
}
.x-1ufa-buy-user-instruction-menu-content-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-1ufa-buy-user-instruction-menu-content-wrapper .-title {
    font-size: 3rem;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-instruction-menu-content-wrapper .-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-instruction-menu-content-wrapper .-title {
    font-size: 2rem;
  }
}
.x-1ufa-buy-user-instruction-menu-content-wrapper .-sub-title {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-menu-content-wrapper .-sub-title {
    font-size: 1.3rem;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-instruction-menu-content-wrapper .-sub-title {
    font-size: 1.2rem;
  }
}
.x-1ufa-buy-user-instruction-menu-content-wrapper .-video {
  width: 580px;
  height: 506px;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-menu-content-wrapper .-video {
    bottom: -100px;
    width: 90%;
    height: unset;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-instruction-menu-content-wrapper .-video {
    position: relative;
    bottom: unset;
    width: 100%;
    margin-top: 2rem;
  }
}
.x-1ufa-buy-user-instruction-block-macro-wrapper {
  position: relative;
  padding: 2.5rem 4rem;
}
.x-1ufa-buy-user-instruction-block-macro-wrapper:nth-child(2n) {
  background: hsla(0, 0%, 100%, 0.1);
}
.x-1ufa-buy-user-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-1ufa-buy-user-instruction-block-macro-wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.x-1ufa-buy-user-instruction-block-macro-wrapper .-heading-container .-img {
  width: 70px;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-heading-container .-img {
    width: 60px;
  }
}
.x-1ufa-buy-user-instruction-block-macro-wrapper
  .-heading-container
  .-text-title {
  margin-bottom: 0;
  font-weight: 600;
  color: #ffcd57;
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper
    .-heading-container
    .-text-title {
    font-size: 1.28rem;
  }
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-heading-container {
    margin-bottom: 1rem;
    text-align: center;
  }
}
.x-1ufa-buy-user-instruction-block-macro-wrapper .-img-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.x-1ufa-buy-user-instruction-block-macro-wrapper .-img-container .-img {
  width: 90%;
}
@media (max-width: 1199.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-img-container .-img {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-img-container {
    justify-content: center;
  }
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-img-container .-img {
    width: 70%;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-img-container .-img {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-img-container .-img {
    width: 100%;
  }
}
.x-1ufa-buy-user-instruction-block-macro-wrapper .-detail-container {
  font-size: 1rem;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper .-detail-container {
    margin-top: 1rem;
  }
}
.x-1ufa-buy-user-instruction-block-macro-wrapper
  .-detail-container
  .-inner-wrapper {
  padding: 0 1.5rem;
}
@media (max-width: 1199.98px) {
  .x-1ufa-buy-user-instruction-block-macro-wrapper
    .-detail-container
    .-inner-wrapper {
    padding: 0;
  }
}
.x-1ufa-buy-user-instruction-block-macro-wrapper
  .-detail-container
  .navbar-nav
  .nav-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 5px;
}
.x-1ufa-buy-user-instruction-block-macro-wrapper
  .-detail-container
  .navbar-nav
  .nav-item
  .-no {
  margin-right: 5px;
}
.x-1ufa-buy-user-instruction-block-macro-wrapper
  .-detail-container
  .navbar-nav
  .nav-item
  .-highlight {
  color: #ffcd57;
}
.x-1ufa-buy-user-promotion-container {
  padding: 6rem 0 2rem;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-promotion-container {
    padding-top: 2rem;
  }
}
.x-1ufa-buy-user-promotion-container .-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-promotion-container .-title-wrapper {
    flex-direction: column;
    margin-left: 0;
  }
}
.x-1ufa-buy-user-promotion-container .-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-1ufa-buy-user-promotion-container .-title-wrapper .-title {
    font-size: 3rem;
  }
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-promotion-container .-title-wrapper .-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-promotion-container .-title-wrapper .-title {
    order: 1;
    font-size: 2rem;
  }
}
.x-1ufa-buy-user-promotion-container .-title-wrapper .-heart-img {
  width: 50px;
  margin-left: 1rem;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-promotion-container .-title-wrapper .-heart-img {
    width: 40px;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-promotion-container .-title-wrapper .-heart-img {
    margin-left: 0;
  }
}
.x-1ufa-buy-user-promotion-container .-sub-title {
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767.98px) {
  .x-1ufa-buy-user-promotion-container .-sub-title {
    font-size: 2rem;
  }
}
@media (max-width: 575.98px) {
  .x-1ufa-buy-user-promotion-container .-sub-title {
    font-size: 1.5rem;
  }
}
.x-1ufa-buy-user-promotion-content-wrapper {
  margin-top: 2rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}
.x-1ufa-buy-user-promotion-block-container {
  margin-top: 1rem;
}
.x-1ufa-buy-user-promotion-block-container:first-child {
  margin-top: 0;
}
.x-1ufa-buy-user-promotion-block-content {
  padding: 1rem 2rem;
}
@media (max-width: 991.98px) {
  .x-1ufa-buy-user-promotion-block-content {
    padding: 1rem 0;
  }
}
.x-1ufa-buy-user-promotion-block-content .-description {
  font-size: 1rem;
}
.x-1ufa-buy-user-promotion-block-content .-btn-promotion-submit {
  padding: 0.8em 3em;
  font-size: 1rem;
  font-weight: 600;
  color: #000 !important;
  background: linear-gradient(160deg, #b59d52, #fbf4ae 50%, #b59d52);
  box-shadow: 0 2px 10px #000;
  border: 2px solid #decf90;
  border-radius: 30px;
  transition: all 0.2s;
}
.x-1ufa-buy-user-promotion-block-content .-btn-promotion-submit:hover {
  -webkit-filter: saturate(1.5);
  filter: saturate(1.5);
  transform: scale(1.05);
}
.x-1ufa-upgrade-footer {
  background: #000;
}
@media (max-width: 991.98px) {
  .x-1ufa-upgrade-footer {
    padding-bottom: 70px;
  }
}
.x-1ufa-upgrade-footer .-tags {
  text-align: center;
  border-bottom: none;
}
@media (max-width: 767.98px) {
  .x-1ufa-upgrade-footer .-tags {
    text-align: left;
  }
}
.x-1ufa-upgrade-footer .-tags .btn {
  margin: 5px;
  padding: 5px 10px;
  font-size: 0.8rem;
  color: #d8d7cd;
  background: rgba(216, 215, 205, 0.25);
  border-radius: 5px;
  transition: all 0.2s;
}
@media (min-width: 992px) {
  .x-1ufa-upgrade-footer .-tags .btn:hover {
    background: rgba(0, 0, 0, 0.25);
  }
}
.x-1ufa-upgrade-footer .x-footer-bank-logo {
  padding-top: 1rem;
}
.x-1ufa-upgrade-footer .-copyright-wrapper {
  margin-top: 1rem;
  padding: 10px;
  font-size: 0.9rem;
  text-align: center;
  background: #2c2c2c;
}
.x-testimonial-slick-container .slick-track {
  display: flex;
}
.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;
  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;
  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;
  }
}
@-webkit-keyframes x-all-ca-neon-primary {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #43e3ff,
      0 0 16px #43e3ff, 0 0 28px #43e3ff, 0 0 36px #43e3ff, 0 0 44px #43e3ff;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #43e3ff,
      0 0 8px #43e3ff, 0 0 14px #43e3ff, 0 0 18px #43e3ff, 0 0 22px #43e3ff;
  }
}
@keyframes x-all-ca-neon-primary {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #43e3ff,
      0 0 16px #43e3ff, 0 0 28px #43e3ff, 0 0 36px #43e3ff, 0 0 44px #43e3ff;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #43e3ff,
      0 0 8px #43e3ff, 0 0 14px #43e3ff, 0 0 18px #43e3ff, 0 0 22px #43e3ff;
  }
}
@-webkit-keyframes x-all-ca-neon-secondary {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #fffa00,
      0 0 16px #fffa00, 0 0 28px #fffa00, 0 0 36px #fffa00, 0 0 44px #fffa00;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fffa00,
      0 0 8px #fffa00, 0 0 14px #fffa00, 0 0 18px #fffa00, 0 0 22px #fffa00;
  }
}
@keyframes x-all-ca-neon-secondary {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #fffa00,
      0 0 16px #fffa00, 0 0 28px #fffa00, 0 0 36px #fffa00, 0 0 44px #fffa00;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fffa00,
      0 0 8px #fffa00, 0 0 14px #fffa00, 0 0 18px #fffa00, 0 0 22px #fffa00;
  }
}
.x-landing-allca-container {
  background-color: #020b26;
  background-position: top !important;
  background-size: 100% !important;
}
.x-landing-allca-container .-btn-groups .btn {
  width: 200px;
  padding: 10px 0;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 30px;
}
.x-landing-allca-container .-btn-groups .btn.-btn-primary {
  border: 2px solid #43e3ff;
  background: #3752d6;
  -webkit-animation: x-all-ca-neon-primary 1.5s ease-in-out infinite alternate;
  animation: x-all-ca-neon-primary 1.5s ease-in-out infinite alternate;
}
@media (min-width: 992px) {
  .x-landing-allca-container .-btn-groups .btn.-btn-primary:hover {
    background: #253eb5;
  }
}
.x-landing-allca-container .-btn-groups .btn.-btn-secondary {
  margin-left: 2rem;
  border: 2px solid #fffa00;
  background: #e8aa00;
  -webkit-animation: x-all-ca-neon-secondary 1.5s ease-in-out infinite alternate;
  animation: x-all-ca-neon-secondary 1.5s ease-in-out infinite alternate;
}
@media (min-width: 992px) {
  .x-landing-allca-container .-btn-groups .btn.-btn-secondary:hover {
    background: #b58500;
  }
}
@media (max-width: 575.98px) {
  .x-landing-allca-container .-btn-groups {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .x-landing-allca-container .-btn-groups .btn {
    margin-top: 1rem;
  }
  .x-landing-allca-container .-btn-groups .btn.-btn-secondary {
    margin-left: 0;
  }
}
.x-landing-allca-container .-bg-container {
  z-index: -1;
  overflow: hidden;
}
.x-landing-allca-container .-bg-container .-bg-1,
.x-landing-allca-container .-bg-container .-bg-2,
.x-landing-allca-container .-bg-container .-bg-3 {
  position: absolute;
  top: 10%;
  z-index: 0;
}
.x-landing-allca-container .-bg-container .-bg-1 {
  left: 20%;
  right: 0;
  -webkit-animation: x-bg-1 8s ease infinite;
  animation: x-bg-1 8s ease infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.x-landing-allca-container .-bg-container .-bg-2 {
  width: 500px;
  top: 30%;
  left: -90px;
  -webkit-animation: x-bg-2 8s ease infinite;
  animation: x-bg-2 8s ease infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.x-landing-allca-container .-bg-container .-bg-3 {
  right: 1px;
  -webkit-animation: x-bg-3 8s ease infinite;
  animation: x-bg-3 8s ease infinite;
}
@media (max-width: 991.98px) {
  .x-landing-allca-container .-bg-container .-bg-1 {
    width: 80%;
    left: 10%;
    top: 18%;
  }
  .x-landing-allca-container .-bg-container .-bg-2 {
    width: 350px;
  }
  .x-landing-allca-container .-bg-container .-bg-3 {
    width: 90%;
  }
}
@media (max-width: 767.98px) {
  .x-landing-allca-container .-bg-container .-bg-1 {
    width: 90%;
    left: 8%;
    top: 14%;
  }
  .x-landing-allca-container .-bg-container .-bg-2 {
    top: 20%;
  }
  .x-landing-allca-container .-bg-container .-bg-3 {
    left: 5%;
  }
}
.x-landing-allca-container .-allca .-logo {
  width: 60px;
}
.x-landing-allca-container
  .-allca
  .-box-center-container
  .-inner-wrapper
  .-img-element-inner
  .-img {
  width: 700px;
}
@media (max-width: 991.98px) {
  .x-landing-allca-container
    .-allca
    .-box-center-container
    .-inner-wrapper
    .-img-element-inner
    .-img {
    width: 600px;
  }
}
.x-landing-allca-container .-allca .x-footer-lobby-logo {
  padding-bottom: 4rem;
}
@media (max-width: 991.98px) {
  .x-landing-allca-container .-allca .x-footer-lobby-logo {
    margin-top: 4rem !important;
  }
}
@media (max-width: 767.98px) {
  .x-landing-allca-container .-allca .x-footer-lobby-logo {
    margin-top: 2rem !important;
  }
}
.x-landing-allca-container .-allca .x-footer-lobby-logo .x-hr-border-glow {
  background: linear-gradient(
    90deg,
    transparent,
    #4f639e 30%,
    #4f639e 70%,
    transparent
  );
}
.x-promotion-landing-html {
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
@-webkit-keyframes x-sexy-neon-secondary {
  0% {
    box-shadow: 0 0 5px #fd3386, 0 0 8px #fd3386, 0 0 10px #fff,
      0 0 13px #fd3386;
  }
  to {
    box-shadow: 0 0 2px #fd3386, 0 0 5px #fd3386, 0 0 8px #fd3386,
      0 0 10px #fd3386;
  }
}
@keyframes x-sexy-neon-secondary {
  0% {
    box-shadow: 0 0 5px #fd3386, 0 0 8px #fd3386, 0 0 10px #fff,
      0 0 13px #fd3386;
  }
  to {
    box-shadow: 0 0 2px #fd3386, 0 0 5px #fd3386, 0 0 8px #fd3386,
      0 0 10px #fd3386;
  }
}
.x-promotion-landing-html .x-landing-sexy-container #main__content {
  height: 100%;
  position: relative;
}
.x-promotion-landing-html .x-landing-sexy-container .x-footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}
@media (max-width: 991.98px) {
  .x-promotion-landing-html .x-landing-sexy-container .x-footer {
    position: fixed;
  }
}
@media (min-width: 992px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .x-footer-lobby-logo {
    margin-bottom: 3rem;
  }
}
@media (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .x-footer-lobby-logo {
    margin-top: 2rem !important;
  }
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-element-left {
  margin-right: -75px;
  margin-bottom: 75px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-element-left
  img {
  width: 300px;
}
@media (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-element-left {
    display: none;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center {
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center {
    width: 95%;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner {
  margin-top: 60px;
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-box-center-inner {
    margin-top: 50px;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner
  .-img-element-inner-left {
  margin-right: -40px;
  margin-left: 60px;
  width: 200px;
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-box-center-inner
    .-img-element-inner-left {
    margin-right: -20px;
    margin-left: 30px;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner
  .-img-element-inner-center {
  -webkit-animation: fadeInUp 1s linear;
  animation: fadeInUp 1s linear;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner
  .-img-element-inner-center
  img {
  width: 100%;
  max-width: 800px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner
  .-img-element-inner-right {
  margin-left: -40px;
  margin-right: 40px;
  width: 200px;
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-box-center-inner
    .-img-element-inner-right {
    margin-left: -25px;
    margin-right: 20px;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner-content {
  position: relative;
  width: 700px;
  margin: -6% auto 0;
  padding: 0.5rem 1rem;
  -webkit-animation: fadeIn 1.6s linear;
  animation: fadeIn 1.6s linear;
}
@media (max-width: 767.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-box-center-inner-content {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-box-center-inner-content {
    text-align: center;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner-content
  img {
  position: relative;
  width: 100%;
  max-width: 700px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-box-center-inner-content
  .-fake-bg {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: 96%;
  background: linear-gradient(
      0deg,
      rgba(119, 0, 74, 0.9) 0,
      rgba(134, 0, 76, 0) 106%
    ),
    linear-gradient(0deg, rgba(237, 0, 174, 0.8), rgba(237, 0, 174, 0));
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: 4px solid transparent;
  border-radius: 100px;
}
@media (max-width: 767.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-box-center-inner-content
    .-fake-bg {
    border-width: 3px;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-box-center
  .-ic-box-right {
  position: absolute;
  right: -95px;
  bottom: -15px;
  width: 320px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-ic-box-right {
    width: 250px;
    right: -60px;
  }
}
@media (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-box-center
    .-ic-box-right {
    display: none;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-element-right {
  margin-left: -70px;
  margin-bottom: 90px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container
  .-img-element-right
  img {
  width: 400px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-element-right {
    margin-left: -55px;
    margin-bottom: 120px;
  }
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-element-right
    img {
    width: 350px;
  }
}
@media (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container
    .-img-element-right {
    display: none;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container-mobile {
  position: relative;
  margin-top: -20px;
}
@media (max-width: 767.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container-mobile {
    margin-top: -30px;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container-mobile
  .-ic-preview-mobile {
  z-index: -2;
  position: relative;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-sexy-v2-container-mobile
  .-ic-gift {
  z-index: -1;
  position: absolute;
  left: 50%;
  bottom: 20%;
  width: 400px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container-mobile
    .-ic-gift {
    transform: translate3d(-50%, 5%, 0);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container-mobile
    .-ic-gift {
    width: 300px;
    transform: translate3d(-50%, 10%, 0);
  }
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-sexy-v2-container-mobile
    .-ic-gift {
    transform: translate3d(-50%, 15%, 0);
    width: 55%;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .-sexy-v2
  .-box-space-mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .-sexy-v2
    .-box-space-mobile {
    display: block;
    height: 30px;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-index-top-container
  .-logo {
  position: relative;
  width: 160px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-index-top-container
  .-default-img {
  width: 50%;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-index-top-container
    .-default-img {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-index-top-container
    .-default-img {
    width: 100%;
  }
}
.x-promotion-landing-html .x-landing-sexy-container .btn {
  font-size: 1.125rem !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .x-promotion-landing-html .x-landing-sexy-container .btn {
    font-size: 0.9rem !important;
  }
}
@media (max-width: 991.98px) {
  .x-promotion-landing-html .x-landing-sexy-container .btn {
    font-size: 1.2rem !important;
  }
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-register-card-landing
    .-default-img,
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-register-card-landing
    .-logo-title {
    width: 90%;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .card {
  border-radius: 24px;
  margin-top: 0 !important;
  padding: 2rem;
  text-align: center;
  background: rgba(115, 42, 72, 0.9);
  border: 2px solid #fff !important;
}
@media (max-width: 575.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-register-card-landing
    .card {
    padding: 2rem 0;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .card:before {
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background: transparent;
  z-index: 1;
  border: 5px solid #fd3386;
  border-radius: 24px;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .card
  .card-body {
  padding-top: 0 !important;
  padding-bottom: 1.5rem !important;
  z-index: 3;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .card
  .card-body
  .-promotion-content {
  max-height: 280px;
  overflow-y: auto;
  padding-right: 10px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .card
  .card-body
  .-promotion-content::-webkit-scrollbar-track {
  background-color: #ac8f9e;
  border-radius: 5px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .card
  .card-body
  .-promotion-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f0f0f0;
  border-radius: 5px;
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .card
  .card-body
  .-promotion-content::-webkit-scrollbar-thumb {
  background-color: #5c544b;
  border-radius: 5px;
}
@media (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-register-card-landing
    .card
    .card-body
    .-promotion-content {
    overflow-y: unset;
    max-height: unset;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-register-card-landing
    .card
    .card-body {
    max-width: 700px;
  }
}
@media (max-width: 767.98px) {
  .x-promotion-landing-html
    .x-landing-sexy-container
    .x-register-card-landing
    .card
    .card-body {
    max-width: 510px;
  }
}
.x-promotion-landing-html
  .x-landing-sexy-container
  .x-register-card-landing
  .-ic-girl-right {
  position: absolute;
  right: -85px;
  bottom: -18px;
  width: 150px;
  z-index: 2;
}
.x-promotion-landing-html .x-btn-secondary {
  border: 3px solid #fd3386;
  border-radius: 30px;
  background: #c5c1c7;
  background: linear-gradient(0deg, #c5c1c7, #fff);
}
.x-promotion-landing-html .x-btn-secondary,
.x-promotion-landing-html .x-btn-secondary:hover {
  color: #fd3386;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary,endColorstr=$secondary,GradientType=1);
}
.x-promotion-landing-html .x-btn-secondary:hover {
  background: #dedcdf;
  background: linear-gradient(0deg, #dedcdf, #fff);
}
.x-promotion-landing-html .x-btn-glow-secondary {
  -webkit-animation: x-sexy-neon-secondary 1.5s ease-in-out infinite alternate;
  animation: x-sexy-neon-secondary 1.5s ease-in-out infinite alternate;
}
.x-promotion-landing-html .x-button-register-v2 .btn {
  margin-top: 2rem;
}
.x-landing-dream-container {
  background-position: 50% !important;
}
.x-landing-dream-container .x-credit-free-container .-dream-container .-logo {
  width: 100px;
}
@media (max-width: 575.98px) {
  .x-landing-dream-container .x-credit-free-container .-dream-container .-logo {
    width: 80px;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-1,
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-2,
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-3,
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-4 {
  position: fixed;
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-1 {
  -webkit-animation: x-bg-1 8s ease infinite;
  animation: x-bg-1 8s ease infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  left: 20%;
  top: 30%;
}
@media (max-width: 1199.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-1 {
    left: 10%;
  }
}
@media (max-width: 575.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-1 {
    top: 20%;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-2 {
  -webkit-animation: x-bg-2 8s ease infinite;
  animation: x-bg-2 8s ease infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  left: 35%;
  top: 35%;
}
@media (max-width: 1199.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-2 {
    left: 25%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-2 {
    width: 650px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-2 {
    width: 550px;
    left: 20%;
  }
}
@media (max-width: 575.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-2 {
    display: none;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-3 {
  -webkit-animation: x-bg-3 8s ease infinite;
  animation: x-bg-3 8s ease infinite;
  left: 20%;
  top: 15%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-3 {
    left: 15%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-3 {
    left: 10%;
  }
}
@media (max-width: 767.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-3 {
    left: 25%;
    top: 10%;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-bg-container
  .-bg-4 {
  -webkit-animation: x-bg-1 8s ease infinite;
  animation: x-bg-1 8s ease infinite;
  right: 20%;
  top: 20%;
}
@media (max-width: 1199.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-4 {
    right: 10%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-4 {
    width: 800px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-4 {
    width: 600px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-bg-container
    .-bg-4 {
    width: 400px;
    right: 0;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-img-box-center
  .-box-center-inner {
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-img-box-center
  .-box-center-inner
  .-img-element-inner
  .-desktop {
  width: 600px;
  margin-top: -3rem;
  -webkit-animation: fadeInUp 1s linear;
  animation: fadeInUp 1s linear;
}
@media (max-width: 991.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-img-box-center
    .-box-center-inner
    .-img-element-inner
    .-desktop {
    width: 500px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-img-box-center
    .-box-center-inner
    .-img-element-inner
    .-desktop {
    margin-top: -3rem;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-img-box-center
  .-box-center-inner-content {
  margin-top: -6.5rem;
  -webkit-animation: fadeIn 1.6s linear;
  animation: fadeIn 1.6s linear;
}
@media (max-width: 991.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-img-box-center
    .-box-center-inner-content {
    margin-top: -5rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-img-box-center
    .-box-center-inner-content {
    margin-top: -14%;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .-img-box-center
  .-box-center-inner-content
  img {
  width: 700px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .-img-box-center
    .-box-center-inner-content
    img {
    width: 600px;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .x-button-register-v2 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .x-button-register-v2
  .-btn {
  margin-top: 0;
  margin-left: 0;
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .x-button-register-v2
  .-btn
  img {
  width: 270px;
}
@media (max-width: 991.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .x-button-register-v2
    .-btn
    img {
    width: 230px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-container
    .x-button-register-v2
    .-btn
    img {
    width: 200px;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-container
  .x-button-register-v2
  .-btn
  .-text-btn {
  display: inline-block;
  color: #fff;
  background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #fc0), to(#fff));
  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-dream-container
    .x-credit-free-container
    .-dream-container
    .x-button-register-v2
    .-btn
    .-text-btn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-title-lobby-container {
  width: 65%;
  position: relative;
}
@media (max-width: 767.98px) {
  .x-landing-dream-container
    .x-credit-free-container
    .-dream-title-lobby-container {
    width: auto;
  }
}
.x-landing-dream-container .x-credit-free-container .-dream-lobby-container {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-lobby-container
  .x-footer-lobby-logo {
  margin-top: 0 !important;
}
.x-landing-dream-container
  .x-credit-free-container
  .-dream-lobby-container
  .x-footer-lobby-logo
  .-lobby-text-title {
  display: none;
}
.x-landing-dream-container .x-footer {
  background: transparent;
}
.x-landing-joker-container {
  background-color: #141413;
  background-position: 50% !important;
}
@media (max-width: 767.98px) {
  .x-landing-joker-container {
    background-position: bottom !important;
  }
}
@-webkit-keyframes x-neon-register {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #dea85f,
      0 0 16px #dea85f, 0 0 28px #dea85f, 0 0 36px #dea85f, 0 0 44px #dea85f;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #dea85f,
      0 0 8px #dea85f, 0 0 14px #dea85f, 0 0 18px #dea85f, 0 0 22px #dea85f;
  }
}
@keyframes x-neon-register {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #dea85f,
      0 0 16px #dea85f, 0 0 28px #dea85f, 0 0 36px #dea85f, 0 0 44px #dea85f;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #dea85f,
      0 0 8px #dea85f, 0 0 14px #dea85f, 0 0 18px #dea85f, 0 0 22px #dea85f;
  }
}
.x-landing-joker-container .x-credit-free-container .x-blink {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  -webkit-animation: fadeIn 2s linear;
  animation: fadeIn 2s linear;
}
.x-landing-joker-container .x-credit-free-container .x-blink .-blink-main {
  position: absolute;
  display: flex;
}
.x-landing-joker-container
  .x-credit-free-container
  .x-blink
  .-blink-main
  .-dot {
  width: 20px;
  height: 100%;
  -webkit-animation-name: x-blink;
  animation-name: x-blink;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-image: url(/build/images/dot-blink.0fe6d6a5.png);
}
.x-landing-joker-container
  .x-credit-free-container
  .x-blink
  .-blink-main
  .-dot:nth-of-type(2n) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.x-landing-joker-container .x-credit-free-container .x-blink .-blink-left {
  height: 140px;
  left: 0;
  bottom: 100px;
  opacity: 0.8;
}
@media (max-width: 575.98px) {
  .x-landing-joker-container .x-credit-free-container .x-blink .-blink-left {
    bottom: 25px;
    height: 100px;
    opacity: 0.2;
  }
}
.x-landing-joker-container .x-credit-free-container .x-blink .-blink-right {
  opacity: 0.4;
  height: 140px;
  right: 0;
  top: 310px;
}
@media (max-width: 575.98px) {
  .x-landing-joker-container .x-credit-free-container .x-blink .-blink-right {
    opacity: 0.2;
    height: 160px;
    top: 80px;
  }
}
.x-landing-joker-container .x-credit-free-container .x-blink .-blink-top {
  height: 240px;
  left: 145px;
  top: 0;
  transform: rotate(90deg);
  opacity: 0.5;
}
@media (max-width: 767.98px) {
  .x-landing-joker-container .x-credit-free-container .x-blink .-blink-top {
    display: none;
  }
}
.x-landing-joker-container
  .x-credit-free-container
  .x-blink
  .-blink-lobby-right {
  height: 180px;
  right: 0;
  opacity: 0.2;
  top: 100px;
}
@media (max-width: 575.98px) {
  .x-landing-joker-container
    .x-credit-free-container
    .x-blink
    .-blink-lobby-right {
    top: unset;
    bottom: 20px;
    height: 140px;
  }
}
.x-landing-joker-container .x-credit-free-container .-joker-container .-logo {
  width: 160px;
}
@media (max-width: 575.98px) {
  .x-landing-joker-container .x-credit-free-container .-joker-container .-logo {
    width: 120px;
  }
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-box-center
  .-img-container {
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
  background-position: center 75%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 700px;
  margin: auto;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-box-center
  .-img-container
  .-img-center {
  width: 400px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-img-container {
    width: 600px;
  }
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-img-container
    .-img-center {
    width: 360px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-img-container {
    width: 450px;
  }
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-img-container
    .-img-center {
    width: 300px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-img-container {
    background-image: unset !important;
    width: auto;
  }
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-img-container
    .-img-center {
    width: 80%;
  }
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-box-center
  .-box-center-inner-content {
  -webkit-animation: fadeIn 1.2s linear;
  animation: fadeIn 1.2s linear;
  margin-top: -2rem;
  margin-bottom: 1rem;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-box-center
  .-box-center-inner-content
  img {
  width: 500px;
}
@media (max-width: 575.98px) {
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-box-center-inner-content {
    margin-top: -1rem;
  }
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-box-center
    .-box-center-inner-content
    img {
    width: 95%;
  }
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-glow-container {
  display: inline-block;
  border-radius: 10px;
  -webkit-animation: x-neon-register 1.5s ease-in-out infinite alternate;
  animation: x-neon-register 1.5s ease-in-out infinite alternate;
  position: relative;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-glow-container
  .x-button-register-joker {
  position: relative;
  padding: 10px 3rem !important;
  font-size: 1.3rem;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  color: #151515;
  background: linear-gradient(180deg, #f6e7a2, #e2b82c);
}
@media (max-width: 575.98px) {
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-container
    .-glow-container
    .x-button-register-joker {
    padding: 10px 2.5rem !important;
    font-size: 1.2rem;
  }
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-glow-container
  .x-button-register-joker:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 5px;
  z-index: -1;
  border-radius: 10px;
  background: #cb790a;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-glow-container
  .x-button-register-joker:hover {
  color: #151515;
  background: linear-gradient(180deg, #efbb2a, 15%, #f4d271);
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-glow-container
  .-jewel-jewel {
  position: absolute;
  top: -5px;
  right: -55px;
  width: 90px;
  z-index: 1;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-container
  .-glow-container
  .-flash-jewel {
  position: absolute;
  top: 0;
  left: -40px;
  width: 70px;
  z-index: 1;
}
@-webkit-keyframes x-blink {
  0% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
@keyframes x-blink {
  0% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
.x-landing-joker-container .x-credit-free-container .-joker-lobby-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-lobby-container
  .x-blink {
  z-index: 0 !important;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-lobby-container
  .-title-wrapper
  .-joker-title-lobby {
  color: #d8d5d5;
  font-weight: 400;
  position: relative;
  margin-bottom: 0;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-lobby-container
  .-title-wrapper
  .-line {
  width: 320px;
  margin: -0.5rem auto;
}
@media (max-width: 575.98px) {
  .x-landing-joker-container
    .x-credit-free-container
    .-joker-lobby-container
    .-title-wrapper
    .-line {
    width: 65%;
    height: 8px;
    margin: auto;
  }
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-lobby-container
  .x-footer-lobby-logo {
  position: relative;
  margin-top: 0 !important;
}
.x-landing-joker-container
  .x-credit-free-container
  .-joker-lobby-container
  .x-footer-lobby-logo
  .-lobby-text-title {
  display: none;
}
.x-landing-joker-container .x-footer {
  background: #090909;
}
.x-landing-wm55-container {
  background-color: #17151d;
  background-position: top !important;
  background-size: cover !important;
}
.x-landing-wm55-container .x-credit-free-container {
  padding: 2rem 0;
}
.x-landing-wm55-container .x-credit-free-container .x-footer-lobby-logo {
  margin-top: 2rem !important;
}
.x-landing-wm55-container .-btn-groups {
  display: flex;
  justify-content: center;
}
.x-landing-wm55-container .-btn-groups .btn {
  width: 190px;
  padding: 10px 0;
  font-size: 1.2rem;
  color: #fff;
  border: none;
  border-radius: 5px;
}
@media (max-width: 767.98px) {
  .x-landing-wm55-container .-btn-groups .btn {
    width: 180px;
    font-size: 1rem;
  }
}
.x-landing-wm55-container .-btn-groups .btn.-btn-primary {
  background: linear-gradient(180deg, #365db2, #1e2c69);
}
@media (min-width: 992px) {
  .x-landing-wm55-container .-btn-groups .btn.-btn-primary:hover {
    background: linear-gradient(180deg, #5177ca, #293d91);
  }
}
.x-landing-wm55-container .-btn-groups .btn.-btn-secondary {
  background: linear-gradient(180deg, #b8325c, #5f1930);
}
@media (min-width: 992px) {
  .x-landing-wm55-container .-btn-groups .btn.-btn-secondary:hover {
    background: linear-gradient(180deg, #cf4e76, #872444);
  }
}
.x-landing-wm55-container .-btn-groups .btn:nth-child(2) {
  margin-left: 2.5rem;
}
@media (max-width: 767.98px) {
  .x-landing-wm55-container .-btn-groups .btn:nth-child(2) {
    margin-left: 1rem;
  }
}
.x-landing-wm55-container .x-hr-border-glow {
  width: 40%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #1e2c69 30%,
    #5568a1 50%,
    #1e2c69 70%,
    transparent
  );
}
@media (max-width: 767.98px) {
  .x-landing-wm55-container .x-hr-border-glow {
    width: 70%;
  }
}
.x-body-base-all-promotion-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
@media (max-width: 767.98px) {
  .x-body-base-all-promotion-container .-heading-wrapper {
    visibility: hidden;
    opacity: 0;
  }
}
.x-body-base-all-promotion-container .-heading-wrapper .-logo-wrapper {
  display: inline-block;
  margin-top: 1rem;
}
.x-body-base-all-promotion-container .-contents-wrapper {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
@media (max-width: 991.98px) {
  .x-body-base-all-promotion-container .-contents-wrapper {
    margin-bottom: 2rem;
  }
}
.x-body-base-all-promotion-container .-left-content-container .-title-img {
  width: 90%;
  height: auto;
}
.x-body-base-all-promotion-container .-left-content-container .-banner-img {
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
@media (max-width: 991.98px) {
  .x-body-base-all-promotion-container .-left-content-container {
    text-align: center;
  }
  .x-body-base-all-promotion-container .-left-content-container .-title-img {
    width: 75%;
  }
  .x-body-base-all-promotion-container .-left-content-container .-banner-img {
    width: 80%;
  }
}
@media (max-width: 767.98px) {
  .x-body-base-all-promotion-container .-left-content-container {
    text-align: center;
  }
  .x-body-base-all-promotion-container .-left-content-container .-title-img {
    width: 90%;
  }
  .x-body-base-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .x-body-base-all-promotion-container .-left-content-container {
    text-align: center;
  }
  .x-body-base-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .x-body-base-all-promotion-container .-right-content-container {
    padding-bottom: 2rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-base-all-promotion-container .-right-content-container .-row-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767.98px) {
  .x-body-base-all-promotion-container .-right-content-container .-row-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  .x-body-base-all-promotion-container .-right-content-container .-row-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 360px) {
  .x-body-base-all-promotion-container
    .-right-content-container
    .-row-wrapper
    .-col-wrapper-outer {
    padding: 0 0.5rem;
  }
}
.x-body-base-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1rem;
  padding: 0 0.5rem;
}
.x-body-base-all-promotion-container .-phawin-entrance-wrapper {
  display: flex;
  align-items: flex-start;
}
.x-body-base-all-promotion-container .-phawin-entrance-wrapper:hover {
  text-decoration: none;
}
.x-body-base-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 140px;
  height: auto;
}
.x-body-base-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper {
  margin-left: 10px;
  padding: 0.5rem 0;
}
.x-body-base-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-free {
  width: 140px;
}
.x-body-base-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-title {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #e5a641;
}
.x-body-base-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-sub-title {
  font-size: 1rem;
  color: #fefefe;
}
@media (max-width: 575.98px) {
  .x-body-base-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 130px;
  }
  .x-body-base-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-free {
    width: 110px;
  }
  .x-body-base-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-sub-title {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 320px) {
  .x-body-base-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 110px;
  }
  .x-body-base-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-sub-title {
    font-size: 0.8rem;
  }
}
.x-body-base-all-promotion-container .-promotion-card-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 160px;
  height: 100%;
  padding: 0.5rem;
  background: linear-gradient(180deg, #fefefe, #c6c6c6);
  border-radius: 15px;
  transition: all 0.2s;
}
.x-body-base-all-promotion-container .-promotion-card-container:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .x-body-base-all-promotion-container .-promotion-card-container:hover {
    transform: scale(1.025);
    box-shadow: 0 0 10px 5px #e24174;
  }
}
@media (max-width: 991.98px) {
  .x-body-base-all-promotion-container .-promotion-card-container {
    min-height: 150px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-body-base-all-promotion-container .-promotion-card-container {
    height: 100%;
  }
}
@media (max-width: 575.98px) {
  .x-body-base-all-promotion-container .-promotion-card-container {
    height: 100%;
    min-height: 140px;
  }
}
.x-body-base-all-promotion-container .-promotion-card-container .-badge {
  display: inline-block;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-badge.-circle {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-badge.-primary {
  background: linear-gradient(180deg, #034f98, #00305d);
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(180deg, #e24174, #8f002b);
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-fake-inner-bg {
  display: none;
}
.x-body-base-all-promotion-container .-promotion-card-container .-img-wrapper {
  position: relative;
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-img-wrapper
  .-badge {
  position: absolute;
  bottom: 0;
  right: 0;
}
.x-body-base-all-promotion-container .-promotion-card-container .-title-img {
  width: 100%;
  height: auto;
}
.x-body-base-all-promotion-container .-promotion-card-container .-gift-img {
  width: 75px;
  height: auto;
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper {
  margin-top: 0.3rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  font-size: 1rem;
  color: #e24174;
}
.x-body-base-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  margin-bottom: 0;
  font-size: 1rem;
  color: #00305d;
}
@media (max-width: 1199.98px) {
  .x-body-base-all-promotion-container .-promotion-card-container .-gift-img {
    width: 75px;
  }
  .x-body-base-all-promotion-container
    .-promotion-card-container
    .-detail-wrapper {
    text-align: center;
  }
  .x-body-base-all-promotion-container
    .-promotion-card-container
    .-detail-wrapper
    .-description
    .-highlight {
    font-size: 1em;
  }
}
@media (max-width: 575.98px) {
  .x-body-base-all-promotion-container
    .-promotion-card-container
    .-detail-wrapper {
    font-size: 0.9rem;
    line-height: 1.3;
  }
}
.x-body-base-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title {
  font-size: 1.1rem;
  color: #00305d;
}
.x-body-base-all-promotion-container .-promotion-card-container.-rectangle {
  padding: 1rem;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.x-body-base-all-promotion-container
  .-promotion-card-container.-rectangle
  .-gift-img {
  width: 120px;
}
.x-body-base-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0.75rem;
  margin-left: 1rem;
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.4;
}
.x-body-base-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-badge {
  margin-bottom: 0.25rem;
  padding: 4px 10px;
  font-size: 0.8rem;
  border-radius: 5px;
}
.x-body-base-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  font-size: 1.1em;
  color: #00305d;
}
.x-body-base-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
@media (max-width: 1199.98px) {
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-description {
    font-size: 1rem;
  }
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-description
    .-highlight {
    font-size: 1.1em;
  }
}
@media (max-width: 991.98px) {
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-gift-img {
    width: 110px;
  }
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper {
    margin-top: 0;
  }
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-title {
    margin-top: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-gift-img {
    width: 100px;
  }
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-title {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 360px) {
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-gift-img {
    width: 90px;
  }
  .x-body-base-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-title {
    font-size: 1em;
  }
}
.x-all-pro-animation-balloon {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: transparent;
}
.x-all-pro-animation-balloon .-balloon-img {
  position: absolute;
  bottom: -50%;
  opacity: 0.6;
}
.x-all-pro-animation-balloon .-balloon-img.-item-1 {
  right: 45%;
  width: 170px;
  -webkit-animation: x-balloon-climb 8s linear infinite;
  animation: x-balloon-climb 8s linear infinite;
}
@media (max-width: 991.98px) {
  .x-all-pro-animation-balloon .-balloon-img.-item-1 {
    right: 30%;
    width: 120px;
  }
}
.x-all-pro-animation-balloon .-balloon-img.-item-2 {
  right: 20%;
  width: 170px;
  -webkit-animation: x-balloon-climb 8s linear 4s infinite;
  animation: x-balloon-climb 8s linear 4s infinite;
}
@media (max-width: 991.98px) {
  .x-all-pro-animation-balloon .-balloon-img.-item-2 {
    right: 0;
    width: 150px;
  }
}
.x-all-pro-animation-balloon .-balloon-img.-item-3 {
  right: 10%;
  width: 180px;
  -webkit-animation: x-balloon-climb 8s linear 2s infinite;
  animation: x-balloon-climb 8s linear 2s infinite;
}
@media (max-width: 991.98px) {
  .x-all-pro-animation-balloon .-balloon-img.-item-3 {
    right: 70%;
    width: 140px;
  }
}
.x-all-pro-animation-balloon .-balloon-img.-item-4 {
  left: 10%;
  width: 260px;
  -webkit-animation: x-balloon-climb 8s linear 6s infinite;
  animation: x-balloon-climb 8s linear 6s infinite;
}
@media (max-width: 991.98px) {
  .x-all-pro-animation-balloon .-balloon-img.-item-4 {
    width: 200px;
  }
}
@media (max-width: 575.98px) {
  .x-all-pro-animation-balloon .-balloon-img.-item-4 {
    left: 0;
    width: 160px;
  }
}
@-webkit-keyframes x-balloon-climb {
  0% {
    bottom: -50%;
  }
  to {
    bottom: 100%;
  }
}
@keyframes x-balloon-climb {
  0% {
    bottom: -50%;
  }
  to {
    bottom: 100%;
  }
}
.x-web-entry-container {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 3;
  padding: 0 0.5rem;
  background: linear-gradient(
    180deg,
    rgba(66, 72, 78, 0.8),
    rgba(21, 29, 35, 0.8)
  );
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  transform: translateX(-50%);
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .x-web-entry-container {
    position: absolute;
    left: unset;
    right: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transform: unset;
  }
}
@media (max-width: 767.98px) {
  .x-web-entry-container {
    width: 100%;
  }
}
.x-web-entry-container .navbar-nav {
  flex-direction: row;
}
@media (max-width: 767.98px) {
  .x-web-entry-container .navbar-nav {
    justify-content: space-evenly;
  }
}
.x-web-entry-container .navbar-nav .nav-link {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 0.75rem;
  padding: 0.75rem 0;
}
.x-web-entry-container .navbar-nav .nav-link .-logo-img {
  width: 40px;
  height: auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: transform 0.2s;
}
.x-web-entry-container .navbar-nav .nav-link.-active .-logo-img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
@media (min-width: 992px) {
  .x-web-entry-container .navbar-nav .nav-link:not(.-active):hover .-logo-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transform: scale(1.075);
  }
}
@media (max-width: 991.98px) {
  .x-web-entry-container .navbar-nav .nav-link {
    margin: 0 0.6rem;
    padding: 0.5rem 0;
  }
  .x-web-entry-container .navbar-nav .nav-link .-logo-img {
    width: 35px;
  }
}
@media (max-width: 767.98px) {
  .x-web-entry-container .navbar-nav .nav-link {
    margin: 0 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-web-entry-container .navbar-nav .nav-link {
    margin: 0 0.4rem;
    padding: 0.7rem 0;
  }
  .x-web-entry-container .navbar-nav .nav-link .-logo-img {
    width: 30px;
  }
}
@media screen and (max-width: 360px) {
  .x-web-entry-container .navbar-nav .nav-link {
    margin: 0 0.3rem;
    padding: 0.5rem 0;
  }
  .x-web-entry-container .navbar-nav .nav-link .-logo-img {
    width: 25px;
  }
  .x-web-entry-container .navbar-nav .nav-link.-dream .-logo-img {
    width: 35px;
  }
}
.x-footer-massive-logo {
  padding-bottom: 3rem;
  overflow: hidden;
}
.x-footer-massive-logo .-inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.x-footer-massive-logo .-inner-wrapper .-title {
  font-size: 1.75rem;
  color: #fff;
}
@media (max-width: 991.98px) {
  .x-footer-massive-logo .-inner-wrapper .-title {
    font-size: 1.4rem;
  }
}
.x-footer-massive-logo .-inner-wrapper .-sub-title {
  font-size: 1.2rem;
  color: #a4aab1;
}
@media (max-width: 991.98px) {
  .x-footer-massive-logo .-inner-wrapper .-sub-title {
    font-size: 1rem;
  }
}
.x-footer-massive-logo .-inner-wrapper .-massive-img {
  width: 80%;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-footer-massive-logo .-inner-wrapper .-massive-img {
    width: 100%;
  }
}
.x-footer-massive-logo .-inner-wrapper .-logo-img {
  width: 450px;
  height: auto;
  margin-top: -5%;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .x-footer-massive-logo .-inner-wrapper .-logo-img {
    width: 350px;
  }
}
@media (max-width: 575.98px) {
  .x-footer-massive-logo .-inner-wrapper .-logo-img {
    width: 70%;
  }
}
.x-slide-in-blurred-bottom {
  -webkit-animation: x-slide-in-blurred-bottom 0.75s
    cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: x-slide-in-blurred-bottom 0.75s cubic-bezier(0.23, 1, 0.32, 1) both;
}
@-webkit-keyframes x-slide-in-blurred-bottom {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes x-slide-in-blurred-bottom {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
.x-body-sa-all-promotion-container {
  background-color: #0d1013;
}
.x-body-sa-all-promotion-container .-heading-wrapper .-logo-wrapper .-logo-img {
  width: 150px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-sa-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 130px;
  }
}
@media (max-width: 575.98px) {
  .x-body-sa-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 100px;
  }
}
@media screen and (max-width: 360px) {
  .x-body-sa-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-sa-all-promotion-container .-contents-wrapper {
    margin-top: 0.5rem;
  }
}
.x-body-sa-all-promotion-container .-left-content-container .-title-img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
}
.x-body-sa-all-promotion-container .-left-content-container .-banner-img {
  position: relative;
  z-index: 1;
  width: 96%;
  height: auto;
  margin-top: -5rem;
}
@media (max-width: 1199.98px) {
  .x-body-sa-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
  }
  .x-body-sa-all-promotion-container .-left-content-container .-banner-img {
    width: 95%;
    margin-top: -4rem;
    margin-left: 1rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-sa-all-promotion-container .-left-content-container .-title-img {
    width: 70%;
  }
  .x-body-sa-all-promotion-container .-left-content-container .-banner-img {
    width: 60%;
    margin-top: -5rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-sa-all-promotion-container .-left-content-container .-title-img {
    width: 80%;
  }
  .x-body-sa-all-promotion-container .-left-content-container .-banner-img {
    width: 80%;
    margin-top: -4rem;
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .x-body-sa-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
    margin-left: 0;
  }
  .x-body-sa-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -20%;
  }
}
.x-body-sa-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1.25rem;
  padding: 0 0.6rem;
}
.x-body-sa-all-promotion-container .-phawin-entrance-wrapper {
  padding-top: 0.5rem;
}
.x-body-sa-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 130px;
}
.x-body-sa-all-promotion-container .-phawin-entrance-wrapper .-content-wrapper {
  padding: 0;
  margin-top: 0.5rem;
  margin-left: 15px;
}
.x-body-sa-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-title {
  color: #fff;
}
.x-body-sa-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-sub-title {
  font-size: 0.9rem;
  color: #d6d6d6;
}
.x-body-sa-all-promotion-container .-promotion-card-container {
  position: relative;
  background: linear-gradient(180deg, #1b1f24, #000);
}
.x-body-sa-all-promotion-container .-promotion-card-container .-fake-inner-bg {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(209, 160, 94, 0.2);
  background: linear-gradient(90deg, #d1a05e, #6f5232);
  transition: box-shadow 0.2s;
}
.x-body-sa-all-promotion-container .-promotion-card-container .-gift-img {
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .x-body-sa-all-promotion-container .-promotion-card-container:hover {
    transform: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
  }
  .x-body-sa-all-promotion-container
    .-promotion-card-container:hover
    .-gift-img {
    transform: scale(1.075) translateY(-10px);
  }
}
.x-body-sa-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-sa-all-promotion-container .-promotion-card-container .-badge.-primary,
.x-body-sa-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(180deg, #d1a05e, #6f5232);
}
.x-body-sa-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  color: #d1a05e;
}
.x-body-sa-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-sa-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-sa-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #d1a05e;
}
.x-body-sa-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-sa-all-promotion-container .x-footer-massive-logo .-logo-img {
  width: 350px;
  margin-top: -3%;
}
@media (max-width: 991.98px) {
  .x-body-sa-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 260px;
  }
}
@media (max-width: 575.98px) {
  .x-body-sa-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 50%;
  }
}
.x-body-sexy-all-promotion-container {
  background-color: #180410;
}
@media (max-width: 767.98px) {
  .x-body-sexy-all-promotion-container {
    background-position: 0 0;
  }
}
.x-body-sexy-all-promotion-container
  .-heading-wrapper
  .-logo-wrapper
  .-logo-img {
  width: 150px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-sexy-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 130px;
  }
}
@media (max-width: 575.98px) {
  .x-body-sexy-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 100px;
  }
}
@media screen and (max-width: 360px) {
  .x-body-sexy-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-sexy-all-promotion-container .-contents-wrapper {
    margin-top: 0.5rem;
  }
}
.x-body-sexy-all-promotion-container .-left-content-container .-title-img {
  height: auto;
}
.x-body-sexy-all-promotion-container .-left-content-container .-banner-img {
  width: 90%;
  height: auto;
  margin-top: -7rem;
}
@media (max-width: 1199.98px) {
  .x-body-sexy-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
  }
  .x-body-sexy-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -6rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-sexy-all-promotion-container .-left-content-container .-title-img {
    width: 65%;
  }
  .x-body-sexy-all-promotion-container .-left-content-container .-banner-img {
    width: 60%;
    margin-top: -7rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-sexy-all-promotion-container .-left-content-container .-title-img {
    width: 90%;
  }
  .x-body-sexy-all-promotion-container .-left-content-container .-banner-img {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-body-sexy-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
  }
  .x-body-sexy-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -25%;
  }
}
.x-body-sexy-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1.25rem;
  padding: 0 0.6rem;
}
.x-body-sexy-all-promotion-container .-phawin-entrance-wrapper {
  padding-top: 0.5rem;
}
.x-body-sexy-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 130px;
}
.x-body-sexy-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper {
  padding: 0;
  margin-top: 0.5rem;
  margin-left: 15px;
}
.x-body-sexy-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-free {
  position: relative;
  left: -15px;
  width: 140px;
  margin-top: -15px;
}
.x-body-sexy-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-title {
  margin-top: -12px;
  margin-bottom: 0;
  color: #fff;
}
.x-body-sexy-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-sub-title {
  font-size: 0.9rem;
  color: #fff;
}
.x-body-sexy-all-promotion-container .-promotion-card-container {
  position: relative;
}
.x-body-sexy-all-promotion-container
  .-promotion-card-container
  .-fake-inner-bg {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 15px;
  box-shadow: 0 0 10px #d7225f;
  background: linear-gradient(90deg, #d7225f, #bc00af);
  transition: box-shadow 0.2s;
}
.x-body-sexy-all-promotion-container .-promotion-card-container .-gift-img {
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .x-body-sexy-all-promotion-container .-promotion-card-container:hover {
    transform: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
  }
  .x-body-sexy-all-promotion-container
    .-promotion-card-container:hover
    .-gift-img {
    transform: scale(1.075) translateY(-10px);
  }
  .x-body-sexy-all-promotion-container
    .-promotion-card-container:hover
    .-fake-inner-bg {
    box-shadow: 0 0 20px #d7225f;
  }
}
.x-body-sexy-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-sexy-all-promotion-container
  .-promotion-card-container
  .-badge.-primary,
.x-body-sexy-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(180deg, #d7225f, #bc00af);
}
.x-body-sexy-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  color: #d7225f;
}
.x-body-sexy-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-sexy-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-sexy-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #d7225f;
}
.x-body-sexy-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-wm-all-promotion-container {
  background-color: #031125;
}
.x-body-wm-all-promotion-container .-heading-wrapper .-logo-wrapper .-logo-img {
  width: 70px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-wm-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 60px;
  }
}
@media (max-width: 575.98px) {
  .x-body-wm-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 50px;
  }
}
@media (max-width: 767.98px) {
  .x-body-wm-all-promotion-container .-contents-wrapper {
    margin-top: 0.5rem;
  }
}
.x-body-wm-all-promotion-container .-phawin-entrance-wrapper .-content-wrapper {
  margin-top: 0.75rem;
}
.x-body-wm-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-title {
  color: #e5a641;
}
.x-body-wm-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-sub-title {
  color: #fefefe;
}
.x-body-wm-all-promotion-container .-promotion-card-container {
  background: linear-gradient(180deg, #fefefe, #c6c6c6);
}
@media (min-width: 992px) {
  .x-body-wm-all-promotion-container .-promotion-card-container:hover {
    box-shadow: 0 0 10px 5px #e24174;
  }
}
.x-body-wm-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-wm-all-promotion-container .-promotion-card-container .-badge.-primary {
  background: linear-gradient(180deg, #034f98, #00305d);
}
.x-body-wm-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(180deg, #e24174, #8f002b);
}
.x-body-wm-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  color: #e24174;
}
.x-body-wm-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-wm-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description,
.x-body-wm-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #00305d;
}
.x-body-wm-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-wm-all-promotion-container
  .x-footer-massive-logo
  .-inner-wrapper
  .-logo-img {
  width: 150px;
}
@media (max-width: 991.98px) {
  .x-body-wm-all-promotion-container
    .x-footer-massive-logo
    .-inner-wrapper
    .-logo-img {
    width: 120px;
  }
}
@media (max-width: 575.98px) {
  .x-body-wm-all-promotion-container
    .x-footer-massive-logo
    .-inner-wrapper
    .-logo-img {
    width: 30%;
  }
}
.x-body-pretty-all-promotion-container {
  background-color: #1d1c35;
}
.x-body-pretty-all-promotion-container
  .-heading-wrapper
  .-logo-wrapper
  .-logo-img {
  width: 160px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-pretty-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 130px;
  }
}
@media (max-width: 575.98px) {
  .x-body-pretty-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 100px;
  }
}
@media screen and (max-width: 360px) {
  .x-body-pretty-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-pretty-all-promotion-container .-contents-wrapper {
    margin-top: 1rem;
  }
}
.x-body-pretty-all-promotion-container .-left-content-container .-title-img {
  position: relative;
  z-index: 2;
  width: 90%;
  height: auto;
}
.x-body-pretty-all-promotion-container .-left-content-container .-banner-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin-top: -7.8rem;
}
@media (max-width: 1199.98px) {
  .x-body-pretty-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -5.2rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-pretty-all-promotion-container .-left-content-container .-title-img {
    width: 60%;
  }
  .x-body-pretty-all-promotion-container .-left-content-container .-banner-img {
    width: 60%;
    margin-top: -6rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-pretty-all-promotion-container .-left-content-container .-banner-img,
  .x-body-pretty-all-promotion-container .-left-content-container .-title-img {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-body-pretty-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
  }
  .x-body-pretty-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -24%;
  }
}
.x-body-pretty-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1.25rem;
  padding: 0 0.6rem;
}
.x-body-pretty-all-promotion-container .-phawin-entrance-wrapper {
  padding-top: 0.5rem;
}
.x-body-pretty-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 130px;
}
@media (max-width: 767.98px) {
  .x-body-pretty-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 150px;
  }
}
@media (max-width: 575.98px) {
  .x-body-pretty-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 120px;
  }
}
.x-body-pretty-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper {
  text-align: center;
}
@media (max-width: 575.98px) {
  .x-body-pretty-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper {
    margin-left: 5px;
  }
}
.x-body-pretty-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-free {
  width: 80%;
}
@media (max-width: 767.98px) {
  .x-body-pretty-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-free {
    width: 70%;
  }
}
@media (max-width: 575.98px) {
  .x-body-pretty-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-free {
    width: 150px;
  }
}
.x-body-pretty-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-content {
  width: 100%;
  margin-top: 0.5rem;
}
@media (max-width: 767.98px) {
  .x-body-pretty-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  .x-body-pretty-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 100%;
    max-width: 240px;
  }
}
.x-body-pretty-all-promotion-container .-promotion-card-container {
  position: relative;
  background: linear-gradient(180deg, #1d1c35, #0a0a0e);
}
.x-body-pretty-all-promotion-container
  .-promotion-card-container
  .-fake-inner-bg {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(207, 164, 64, 0.4);
  background: linear-gradient(90deg, #cfa440, #826627);
  transition: box-shadow 0.2s;
}
.x-body-pretty-all-promotion-container .-promotion-card-container .-gift-img {
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .x-body-pretty-all-promotion-container .-promotion-card-container:hover {
    transform: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
  }
  .x-body-pretty-all-promotion-container
    .-promotion-card-container:hover
    .-gift-img {
    transform: scale(1.075) translateY(-10px);
  }
}
.x-body-pretty-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-pretty-all-promotion-container
  .-promotion-card-container
  .-badge.-primary,
.x-body-pretty-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(145deg, #cfa440, #826627);
}
.x-body-pretty-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  color: #cfa440;
}
.x-body-pretty-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-pretty-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-pretty-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #cfa440;
}
.x-body-pretty-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-pretty-all-promotion-container .x-footer-massive-logo .-logo-img {
  width: 450px;
  margin-top: -2%;
}
@media (max-width: 991.98px) {
  .x-body-pretty-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 260px;
  }
}
@media (max-width: 575.98px) {
  .x-body-pretty-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 60%;
  }
}
.x-body-dream-all-promotion-container {
  background-color: #110e0b;
}
.x-body-dream-all-promotion-container
  .-heading-wrapper
  .-logo-wrapper
  .-logo-img {
  width: 120px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-dream-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-body-dream-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 90px;
  }
}
@media screen and (max-width: 360px) {
  .x-body-dream-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 70px;
  }
}
.x-body-dream-all-promotion-container .-contents-wrapper {
  margin-top: 1rem;
}
@media (max-width: 991.98px) {
  .x-body-dream-all-promotion-container .-contents-wrapper {
    margin-top: 0;
  }
}
.x-body-dream-all-promotion-container .-left-content-container {
  text-align: center;
}
.x-body-dream-all-promotion-container .-left-content-container .-title-img {
  position: relative;
  z-index: 2;
  width: 85%;
  height: auto;
}
.x-body-dream-all-promotion-container .-left-content-container .-banner-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin-top: -9rem;
}
@media (max-width: 1199.98px) {
  .x-body-dream-all-promotion-container .-left-content-container .-title-img {
    width: 90%;
  }
  .x-body-dream-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -6rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-dream-all-promotion-container .-left-content-container .-title-img {
    width: 55%;
  }
  .x-body-dream-all-promotion-container .-left-content-container .-banner-img {
    width: 60%;
    margin-top: -6.75rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-dream-all-promotion-container .-left-content-container .-title-img {
    width: 70%;
  }
  .x-body-dream-all-promotion-container .-left-content-container .-banner-img {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-body-dream-all-promotion-container .-left-content-container .-title-img {
    width: 95%;
  }
  .x-body-dream-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -25%;
  }
}
.x-body-dream-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1.25rem;
  padding: 0 0.6rem;
}
.x-body-dream-all-promotion-container .-phawin-entrance-wrapper {
  padding-top: 0.5rem;
}
.x-body-dream-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 130px;
}
@media screen and (max-width: 360px) {
  .x-body-dream-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 120px;
  }
}
.x-body-dream-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper {
  padding: 0;
  margin-top: 0.5rem;
  margin-left: 15px;
}
.x-body-dream-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-free {
  width: 130px;
}
.x-body-dream-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-title {
  color: #fff;
}
.x-body-dream-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-sub-title {
  font-size: 0.9rem;
  color: #d6d6d6;
}
.x-body-dream-all-promotion-container .-promotion-card-container {
  position: relative;
  background: linear-gradient(180deg, #352e21, #16140e);
}
.x-body-dream-all-promotion-container
  .-promotion-card-container
  .-fake-inner-bg {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(145, 116, 58, 0.4);
  background: linear-gradient(90deg, #d1ba5d, #91743a);
  transition: box-shadow 0.2s;
}
.x-body-dream-all-promotion-container .-promotion-card-container .-gift-img {
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .x-body-dream-all-promotion-container .-promotion-card-container:hover {
    transform: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
  }
  .x-body-dream-all-promotion-container
    .-promotion-card-container:hover
    .-gift-img {
    transform: scale(1.075) translateY(-10px);
  }
}
.x-body-dream-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-dream-all-promotion-container
  .-promotion-card-container
  .-badge.-primary,
.x-body-dream-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(145deg, #d1ba5d, #91743a);
}
.x-body-dream-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  color: #cea342;
}
.x-body-dream-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-dream-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-dream-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #cea342;
}
.x-body-dream-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #8c8c8c;
}
.x-body-dream-all-promotion-container .x-footer-massive-logo .-logo-img {
  width: 400px;
  margin-top: -7%;
}
@media (max-width: 991.98px) {
  .x-body-dream-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 240px;
    margin-top: -6%;
  }
}
@media (max-width: 575.98px) {
  .x-body-dream-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 60%;
  }
}
.x-body-ez-sl-all-promotion-container .-top-base-outer-wrapper {
  background: radial-gradient(#96dbff 0, #6fc1f7 40%, #037be1 100%);
  overflow: hidden;
}
.x-body-ez-sl-all-promotion-container .-heading-wrapper {
  position: relative;
  z-index: 2;
  padding: 0.5rem 0;
}
.x-body-ez-sl-all-promotion-container
  .-heading-wrapper
  .-logo-wrapper
  .-logo-img {
  width: 100px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 90px;
  }
}
@media screen and (max-width: 360px) {
  .x-body-ez-sl-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 80px;
  }
}
.x-body-ez-sl-all-promotion-container .-contents-wrapper {
  margin-bottom: 0;
  padding-bottom: 3rem;
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container .-contents-wrapper {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container {
  text-align: right;
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container {
    text-align: center;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-cloud {
  position: absolute;
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-cloud.-item-1 {
  right: 160px;
  bottom: -30px;
  z-index: 2;
  width: 140px;
  -webkit-animation: x-ez-cloud-mover-1 10s ease-in-out infinite alternate;
  animation: x-ez-cloud-mover-1 10s ease-in-out infinite alternate;
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-1 {
    bottom: 150px;
    right: 540px;
    width: 100px;
    z-index: 0;
    -webkit-animation-name: x-ez-cloud-mover-2;
    animation-name: x-ez-cloud-mover-2;
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-1 {
    bottom: 100px;
    right: unset;
    left: 20px;
    width: 90px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-1 {
    bottom: unset;
    top: 60%;
    left: 10px;
    width: 16%;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-cloud.-item-2 {
  position: absolute;
  right: 100px;
  top: 50px;
  width: 120px;
}
@media (max-width: 1199.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-2 {
    top: 80px;
    right: 50px;
    width: 90px;
  }
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-2 {
    top: 20px;
    right: 80px;
    width: 80px;
    z-index: 2;
    -webkit-animation: x-ez-cloud-mover-1 10s ease-in-out 2s infinite alternate;
    animation: x-ez-cloud-mover-1 10s ease-in-out 2s infinite alternate;
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-2 {
    top: 20px;
    right: 0;
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-2 {
    top: 6%;
    right: 3%;
    width: 13%;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-cloud.-item-3 {
  display: none;
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-3 {
    display: block;
    top: 380px;
    right: 180px;
    width: 80px;
    -webkit-animation: x-ez-cloud-mover-1 8s ease-in-out 3s infinite alternate;
    animation: x-ez-cloud-mover-1 8s ease-in-out 3s infinite alternate;
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-3 {
    top: 310px;
    right: 140px;
    width: 70px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-cloud.-item-3 {
    top: 88%;
    width: 15%;
    right: 15%;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-rainbow-bg {
  position: absolute;
  right: -20px;
  top: -300px;
  z-index: 1;
  width: 900px;
  height: auto;
}
@media (max-width: 1199.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-rainbow-bg {
    right: -80px;
    top: -200px;
    width: 750px;
  }
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-rainbow-bg {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    margin-top: -16rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-rainbow-bg {
    width: 600px;
    left: 50%;
    right: unset;
    margin-top: -14rem;
    transform: translateX(-50%);
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-rainbow-bg {
    width: 140%;
    margin-top: -50%;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-event-title-img {
  position: relative;
  left: -15%;
  z-index: 2;
  width: 115%;
  height: auto;
  margin-top: 18rem;
  -webkit-animation: x-jello-horizontal 1.3s 1s both;
  animation: x-jello-horizontal 1.3s 1s both;
}
@media (max-width: 1199.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-event-title-img {
    left: -10%;
    margin-top: 19rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-event-title-img {
    left: 0;
    width: 80%;
    margin-top: -6rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-event-title-img {
    margin-top: -5rem;
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-event-title-img {
    width: 90%;
    margin-top: -15%;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-logo-img {
  position: relative;
  z-index: 2;
  width: 170px;
  margin-top: 1rem;
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-logo-img {
    display: block;
    width: 150px;
    margin-top: -4rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-logo-img {
    width: 130px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-logo-img {
    width: 100px;
    margin-top: -12%;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-title {
  position: relative;
  z-index: 2;
  margin-top: 1.25rem;
  font-size: 4.3rem;
  font-weight: 600;
  line-height: 1.1;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1199.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-title {
    font-size: 4rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-title {
    font-size: 3.5rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-title {
    font-size: 3rem;
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-title {
    font-size: 2.5rem;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-left-content-container
  .-sub-title {
  position: relative;
  z-index: 2;
  margin-top: 1rem;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-sub-title {
    font-size: 2rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-sub-title {
    margin-top: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-sub-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-left-content-container
    .-sub-title {
    font-size: 1.5rem;
  }
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-right-content-container {
  position: relative;
  z-index: 2;
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-right-content-container
  .-cloud {
  position: absolute;
  -webkit-animation: x-ez-cloud-mover-2 10s ease-in-out 2s infinite alternate;
  animation: x-ez-cloud-mover-2 10s ease-in-out 2s infinite alternate;
}
.x-body-ez-sl-all-promotion-container
  .-contents-wrapper
  .-right-content-container
  .-cloud.-item-1 {
  bottom: -30px;
  right: -100px;
  z-index: 0;
  width: 150px;
}
@media (max-width: 991.98px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-right-content-container
    .-cloud {
    display: none;
  }
}
@media (min-width: 992px) {
  .x-body-ez-sl-all-promotion-container
    .-contents-wrapper
    .-right-content-container
    .-col-wrapper-outer
    .-col-wrapper:first-child {
    margin-top: 0;
  }
}
.x-body-ez-sl-all-promotion-container .-promotion-card-container {
  position: relative;
  padding: 0.75rem;
  background: linear-gradient(180deg, #fff, #dcdcdc);
  box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.3);
}
@media screen and (max-width: 375px) {
  .x-body-ez-sl-all-promotion-container .-promotion-card-container {
    min-height: 150px;
  }
}
@media screen and (max-width: 350px) {
  .x-body-ez-sl-all-promotion-container .-promotion-card-container {
    min-height: 140px;
  }
}
.x-body-ez-sl-all-promotion-container .-promotion-card-container .-badge,
.x-body-ez-sl-all-promotion-container .-promotion-card-container .-fake-bg {
  display: none;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container:not(.-rectangle) {
  justify-content: center;
  padding: 0;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container:not(.-rectangle)
  .-gift-img {
  width: 100%;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container:not(.-rectangle)
  .-detail-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background: linear-gradient(180deg, #fec33f, #fe8a02);
  border-radius: 50%;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container:not(.-rectangle)
  .-detail-wrapper
  .-title {
  font-size: 1.7rem;
  font-weight: 600;
  color: #fff;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container:not(.-rectangle)
  .-detail-wrapper
  .-description {
  display: none;
}
.x-body-ez-sl-all-promotion-container .-promotion-card-container.-rectangle {
  align-items: flex-end;
  padding: 0;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container.-rectangle
  .-title-img {
  margin-left: -0.5rem;
  max-width: 180px;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container.-rectangle
  .-gift-img {
  width: 180px;
}
@media screen and (max-width: 375px) {
  .x-body-ez-sl-all-promotion-container
    .-promotion-card-container.-rectangle
    .-gift-img {
    width: 160px;
  }
}
@media screen and (max-width: 350px) {
  .x-body-ez-sl-all-promotion-container
    .-promotion-card-container.-rectangle
    .-gift-img {
    width: 130px;
  }
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper {
  justify-content: center;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  padding: 0 0.8rem;
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.1;
  color: #472c59;
}
@media (max-width: 575.98px) {
  .x-body-ez-sl-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-title {
    margin-top: 0;
  }
}
@media screen and (max-width: 375px) {
  .x-body-ez-sl-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 350px) {
  .x-body-ez-sl-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-title {
    font-size: 1.7rem;
  }
}
.x-body-ez-sl-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  font-size: 1.3rem;
  font-weight: 500;
  color: #472c59;
}
@media screen and (max-width: 375px) {
  .x-body-ez-sl-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-description {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 350px) {
  .x-body-ez-sl-all-promotion-container
    .-promotion-card-container.-rectangle
    .-detail-wrapper
    .-description {
    margin-top: 5px;
    font-size: 1.1rem;
  }
}
.x-body-ez-sl-all-promotion-container .-extra-footer-container {
  position: relative;
  z-index: 2;
}
.x-body-ez-sl-all-promotion-container .-extra-footer-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #fe8a02, #fec33f, #fe8a02);
}
@-webkit-keyframes x-ez-cloud-mover-1 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50px);
  }
}
@keyframes x-ez-cloud-mover-1 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50px);
  }
}
@-webkit-keyframes x-ez-cloud-mover-2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(50px);
  }
}
@keyframes x-ez-cloud-mover-2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(50px);
  }
}
@-webkit-keyframes x-jello-horizontal {
  0% {
    opacity: 0;
    transform: scaleX(1) translateY(100px);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1) translateY(0);
  }
  40% {
    opacity: 1;
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes x-jello-horizontal {
  0% {
    opacity: 0;
    transform: scaleX(1) translateY(100px);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1) translateY(0);
  }
  40% {
    opacity: 1;
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.x-body-ezc-all-promotion-container {
  background-color: #0c0826;
}
@media (max-width: 767.98px) {
  .x-body-ezc-all-promotion-container .-heading-wrapper {
    visibility: unset;
    opacity: 1;
  }
}
.x-body-ezc-all-promotion-container
  .-heading-wrapper
  .-logo-wrapper
  .-logo-img {
  width: 100px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-ezc-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ezc-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .x-body-ezc-all-promotion-container .-contents-wrapper {
    margin-top: 0.5rem;
  }
}
.x-body-ezc-all-promotion-container .-left-content-container {
  text-align: center;
}
.x-body-ezc-all-promotion-container .-left-content-container .-title-img {
  position: relative;
  z-index: 2;
  width: 85%;
}
.x-body-ezc-all-promotion-container .-left-content-container .-banner-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin-top: -10.5rem;
}
@media (max-width: 1199.98px) {
  .x-body-ezc-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -7.25rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-ezc-all-promotion-container .-left-content-container .-title-img {
    width: 60%;
  }
  .x-body-ezc-all-promotion-container .-left-content-container .-banner-img {
    width: 70%;
    margin-top: -9.5rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-ezc-all-promotion-container .-left-content-container .-title-img {
    width: 75%;
  }
  .x-body-ezc-all-promotion-container .-left-content-container .-banner-img {
    width: 90%;
    margin-top: -9rem;
  }
}
@media (max-width: 575.98px) {
  .x-body-ezc-all-promotion-container .-left-content-container .-title-img {
    width: 80%;
  }
  .x-body-ezc-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -30%;
  }
}
.x-body-ezc-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1.25rem;
  padding: 0 0.6rem;
}
.x-body-ezc-all-promotion-container .-phawin-entrance-wrapper {
  padding-top: 0.5rem;
}
@media (max-width: 575.98px) {
  .x-body-ezc-all-promotion-container
    .-phawin-entrance-wrapper
    .-cover-container {
    width: 32%;
  }
}
.x-body-ezc-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 120px;
}
@media (max-width: 767.98px) {
  .x-body-ezc-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 140px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ezc-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 100%;
  }
}
.x-body-ezc-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper {
  text-align: left;
  padding: 0;
}
@media (max-width: 575.98px) {
  .x-body-ezc-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper {
    width: 66%;
    margin-left: 5px;
  }
}
.x-body-ezc-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-free {
  width: 100%;
}
@media (max-width: 575.98px) {
  .x-body-ezc-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-free {
    display: block;
  }
}
.x-body-ezc-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-content {
  width: 100%;
  margin-top: -1rem;
}
@media (max-width: 767.98px) {
  .x-body-ezc-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  .x-body-ezc-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 100%;
    max-width: 280px;
  }
}
.x-body-ezc-all-promotion-container .-promotion-card-container {
  position: relative;
  background: linear-gradient(90deg, #0a082b 0, #270066);
}
.x-body-ezc-all-promotion-container .-promotion-card-container .-fake-inner-bg {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(207, 164, 64, 0.4);
  background: linear-gradient(180deg, #9be1ff, #6dd3ff 2%, #00b2ff);
  transition: box-shadow 0.2s;
}
.x-body-ezc-all-promotion-container .-promotion-card-container .-gift-img {
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .x-body-ezc-all-promotion-container .-promotion-card-container:hover {
    transform: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
  }
  .x-body-ezc-all-promotion-container
    .-promotion-card-container:hover
    .-gift-img {
    transform: scale(1.075) translateY(-10px);
  }
}
.x-body-ezc-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-ezc-all-promotion-container .-promotion-card-container .-badge.-primary,
.x-body-ezc-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(130deg, #eb77cf 12%, #8271f2 88%);
}
.x-body-ezc-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  color: #eb77cf;
}
.x-body-ezc-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-ezc-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  color: #ddd;
}
.x-body-ezc-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #eb77cf;
}
.x-body-ezc-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #ddd;
}
.x-body-ezc-all-promotion-container .x-footer-massive-logo {
  position: relative;
  padding-bottom: 0;
}
.x-body-ezc-all-promotion-container .x-provider-present-slide-component {
  padding-bottom: 3rem;
}
.x-body-ab-all-promotion-container {
  background-color: #140c04;
}
@media (max-width: 991.98px) {
  .x-body-ab-all-promotion-container {
    background-position: 0 0;
  }
}
.x-body-ab-all-promotion-container .-heading-wrapper .-logo-wrapper .-logo-img {
  width: 100px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-ab-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 70px;
  }
}
@media screen and (max-width: 360px) {
  .x-body-ab-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .x-body-ab-all-promotion-container .-contents-wrapper {
    margin-top: 0;
  }
}
.x-body-ab-all-promotion-container .-left-content-container .-title-img {
  position: relative;
  z-index: 2;
  width: 90%;
  height: auto;
}
.x-body-ab-all-promotion-container .-left-content-container .-banner-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin-top: -7.8rem;
}
@media (max-width: 1199.98px) {
  .x-body-ab-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -5.2rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-ab-all-promotion-container .-left-content-container .-title-img {
    width: 60%;
  }
  .x-body-ab-all-promotion-container .-left-content-container .-banner-img {
    width: 60%;
    margin-top: -6rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-ab-all-promotion-container .-left-content-container .-banner-img,
  .x-body-ab-all-promotion-container .-left-content-container .-title-img {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
  }
  .x-body-ab-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -24%;
  }
}
.x-body-ab-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1.25rem;
  padding: 0 0.6rem;
}
.x-body-ab-all-promotion-container .-phawin-entrance-wrapper {
  padding-top: 0.5rem;
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container
    .-phawin-entrance-wrapper
    .-cover-container {
    width: 40%;
  }
}
.x-body-ab-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 140px;
}
@media (max-width: 767.98px) {
  .x-body-ab-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 160px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 100%;
  }
}
.x-body-ab-all-promotion-container .-phawin-entrance-wrapper .-content-wrapper {
  text-align: left;
  padding: 0;
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper {
    width: 60%;
    margin-left: 5px;
  }
}
.x-body-ab-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-free {
  width: 50%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-body-ab-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-free {
    width: 40%;
  }
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-free {
    display: block;
  }
}
.x-body-ab-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-content {
  width: 100%;
  margin-top: 0.5rem;
}
@media (max-width: 767.98px) {
  .x-body-ab-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 100%;
    max-width: 210px;
  }
}
.x-body-ab-all-promotion-container .-promotion-card-container {
  position: relative;
  background: linear-gradient(260deg, #763e1b, #301307), #351c0f;
}
.x-body-ab-all-promotion-container .-promotion-card-container .-fake-inner-bg {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(255, 219, 132, 0.4);
  background: linear-gradient(
    135deg,
    #ffdb84,
    #8f5d0b 25%,
    #cb9b2e 48%,
    #8f5d0b 70%,
    #ffdb84
  );
  transition: box-shadow 0.2s;
}
.x-body-ab-all-promotion-container .-promotion-card-container .-gift-img {
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .x-body-ab-all-promotion-container .-promotion-card-container:hover {
    transform: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
  }
  .x-body-ab-all-promotion-container
    .-promotion-card-container:hover
    .-gift-img {
    transform: scale(1.075) translateY(-10px);
  }
}
.x-body-ab-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-ab-all-promotion-container .-promotion-card-container .-badge.-primary,
.x-body-ab-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(135deg, #d5a72a 14%, #b87a1a 86%);
}
.x-body-ab-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  font-size: 1.1rem;
  color: #f5d174;
}
.x-body-ab-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  color: #fbfbfb;
}
.x-body-ab-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-ab-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #f5d174;
}
.x-body-ab-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #fbfbfb;
}
.x-body-ab-all-promotion-container .x-footer-massive-logo .-logo-img {
  width: 220px;
}
@media (max-width: 991.98px) {
  .x-body-ab-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 180px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ab-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 40%;
  }
}
.x-body-ae-all-promotion-container {
  background-color: #3b0029;
}
.x-body-ae-all-promotion-container .-heading-wrapper .-logo-wrapper .-logo-img {
  width: 150px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-ae-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 130px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 100px;
  }
}
@media screen and (max-width: 360px) {
  .x-body-ae-all-promotion-container
    .-heading-wrapper
    .-logo-wrapper
    .-logo-img {
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-all-promotion-container .-contents-wrapper {
    margin-top: 0.5rem;
  }
}
.x-body-ae-all-promotion-container .-left-content-container .-title-img {
  position: relative;
  z-index: 2;
  width: 90%;
  height: auto;
}
.x-body-ae-all-promotion-container .-left-content-container .-banner-img {
  position: relative;
  z-index: 1;
  width: 98%;
  height: auto;
  margin-top: -7.8rem;
}
@media (max-width: 1199.98px) {
  .x-body-ae-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -5.2rem;
  }
}
@media (max-width: 991.98px) {
  .x-body-ae-all-promotion-container .-left-content-container .-title-img {
    width: 60%;
  }
  .x-body-ae-all-promotion-container .-left-content-container .-banner-img {
    width: 60%;
    margin-top: -6rem;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-all-promotion-container .-left-content-container .-banner-img,
  .x-body-ae-all-promotion-container .-left-content-container .-title-img {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container .-left-content-container .-title-img {
    width: 100%;
  }
  .x-body-ae-all-promotion-container .-left-content-container .-banner-img {
    width: 100%;
    margin-top: -24%;
  }
}
.x-body-ae-all-promotion-container .-right-content-container .-col-wrapper {
  margin-top: 1.25rem;
  padding: 0 0.6rem;
}
.x-body-ae-all-promotion-container .-phawin-entrance-wrapper {
  padding-top: 0.5rem;
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container
    .-phawin-entrance-wrapper
    .-cover-container {
    width: 38%;
  }
}
.x-body-ae-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
  width: 135px;
}
@media (max-width: 767.98px) {
  .x-body-ae-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 160px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container .-phawin-entrance-wrapper .-img-cover {
    width: 100%;
  }
}
.x-body-ae-all-promotion-container .-phawin-entrance-wrapper .-content-wrapper {
  text-align: left;
  padding: 0;
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper {
    width: 60%;
    margin-left: 5px;
  }
}
.x-body-ae-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-free {
  width: 80%;
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-free {
    display: block;
  }
}
.x-body-ae-all-promotion-container
  .-phawin-entrance-wrapper
  .-content-wrapper
  .-img-content {
  width: 100%;
  margin-top: 0.5rem;
}
@media (max-width: 767.98px) {
  .x-body-ae-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container
    .-phawin-entrance-wrapper
    .-content-wrapper
    .-img-content {
    width: 100%;
    max-width: 280px;
  }
}
.x-body-ae-all-promotion-container .-promotion-card-container {
  position: relative;
  background: linear-gradient(180deg, #1a1a1a, #000);
}
.x-body-ae-all-promotion-container .-promotion-card-container .-fake-inner-bg {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(207, 164, 64, 0.4);
  background: linear-gradient(
    117deg,
    #9c6727 14%,
    #fdf6ae 32%,
    #bd8d42 50%,
    #fdf6ae 70%
  );
  transition: box-shadow 0.2s;
}
.x-body-ae-all-promotion-container .-promotion-card-container .-gift-img {
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .x-body-ae-all-promotion-container .-promotion-card-container:hover {
    transform: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
  }
  .x-body-ae-all-promotion-container
    .-promotion-card-container:hover
    .-gift-img {
    transform: scale(1.075) translateY(-10px);
  }
}
.x-body-ae-all-promotion-container .-promotion-card-container .-badge {
  color: #fff;
}
.x-body-ae-all-promotion-container .-promotion-card-container .-badge.-primary {
  background: linear-gradient(180deg, #feb626 -24%, #ff2c24);
}
.x-body-ae-all-promotion-container
  .-promotion-card-container
  .-badge.-secondary {
  background: linear-gradient(90deg, #feb626 -24%, #ff2c24);
}
.x-body-ae-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-title {
  color: #ffc87f;
}
.x-body-ae-all-promotion-container
  .-promotion-card-container
  .-detail-wrapper
  .-description {
  color: #ddd;
}
.x-body-ae-all-promotion-container
  .-promotion-card-container.-custom-1
  .-detail-wrapper
  .-title,
.x-body-ae-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-title {
  color: #ffc87f;
}
.x-body-ae-all-promotion-container
  .-promotion-card-container.-rectangle
  .-detail-wrapper
  .-description {
  color: #ddd;
}
.x-body-ae-all-promotion-container .x-footer-massive-logo .-logo-img {
  width: 350px;
  margin-top: -4%;
}
@media (max-width: 991.98px) {
  .x-body-ae-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 280px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-all-promotion-container .x-footer-massive-logo .-logo-img {
    width: 60%;
  }
}
.x-sood {
  background: 50% / cover url(/build/images/bg-card-sood.82cd5aa8.png) no-repeat;
  background-attachment: fixed;
  padding: 2rem 0;
  overflow: hidden;
}
.x-sood .-title-container {
  margin-top: 0 !important;
}
.x-sood .-body-sood {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood {
    flex-direction: column;
  }
}
.x-sood .-body-sood .-card-sood {
  display: flex;
  flex-wrap: wrap;
  border-bottom: none;
  width: 50%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .-card-sood {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.x-sood .-body-sood .-card-sood .x-card {
  width: 33.33%;
  padding: 0.5rem;
  display: flex;
  perspective: 1000px;
}
.x-sood .-body-sood .-card-sood .x-card .-card {
  position: relative;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 100%;
  z-index: 0;
}
@media (min-width: 992px) {
  .x-sood .-body-sood .-card-sood .x-card .-card:hover {
    transform: rotateY(180deg);
  }
}
.x-sood .-body-sood .-card-sood .x-card .-card.active {
  transform: rotateY(180deg);
}
.x-sood .-body-sood .-card-sood .x-card .-card.active .-card-front {
  box-shadow: 0 0 12px 6px #74f4ff;
}
.x-sood .-body-sood .-card-sood .x-card .-card .-card-back,
.x-sood .-body-sood .-card-sood .x-card .-card .-card-front {
  width: 100%;
  border-radius: 16px;
  position: relative;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .-card-sood .x-card .-card .-card-back,
  .x-sood .-body-sood .-card-sood .x-card .-card .-card-front {
    border-radius: 8px;
  }
}
.x-sood .-body-sood .-card-sood .x-card .-card .-card-front {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: rotateY(180deg);
  border: 1px solid #fff;
}
.x-sood .-body-sood .-card-sood .x-card .-card .-card-back {
  position: relative;
  z-index: 1;
}
.x-sood .-body-sood .-card-content {
  width: 50%;
  padding-left: 4rem;
  position: relative;
  z-index: 0;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .-card-content {
    width: 100%;
    margin-bottom: 1.5rem;
    padding-left: 0;
  }
}
.x-sood .-body-sood .-card-content .-card-pane {
  display: none;
  height: 100%;
  width: 100%;
}
.x-sood .-body-sood .-card-content .-card-pane.active {
  display: flex;
  flex-direction: column;
}
.x-sood .-body-sood .-card-content .-card-pane .-card-title {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .-card-content .-card-pane .-card-title {
    font-size: 1.5rem;
  }
}
.x-sood .-body-sood .-card-content .-card-pane .-card-description {
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .-card-content .-card-pane .-card-description {
    font-size: 1.25rem;
  }
}
.x-sood .-body-sood .-card-content .-card-pane .-card-cover {
  margin-top: 2rem;
  width: 90%;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .-card-content .-card-pane .-card-cover {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .js-tab-desktop .-card-4,
  .x-sood .-body-sood .js-tab-desktop .-card-5,
  .x-sood .-body-sood .js-tab-desktop .-card-6,
  .x-sood .-body-sood .js-tab-desktop .-card-7,
  .x-sood .-body-sood .js-tab-desktop .-card-8,
  .x-sood .-body-sood .js-tab-desktop .-card-9 {
    display: none !important;
    height: 0 !important;
  }
}
.x-sood .-body-sood .-mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .x-sood .-body-sood .-mobile {
    display: flex;
  }
}
.x-landing-phawin-container {
  background-color: #11142f;
}
.x-landing-phawin-container .-phawin-container-wrapper {
  position: relative;
  padding: 0 0 3rem;
  margin-top: 2rem;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-img-element-wrapper
  .-img-mobile {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-img-element-wrapper
    .-img-mobile {
    width: 350px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-img-element-wrapper
    .-img-mobile {
    width: 350px;
    bottom: 22%;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-img-element-wrapper
    .-img-mobile {
    width: 100%;
    bottom: 15%;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner {
  position: relative;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-img-element-wrapper-inner
  .-img-ace-hearts-card {
  position: absolute;
  width: 160px;
  left: 26%;
  bottom: 24%;
  transform: translate(-26%, -24%);
  -webkit-animation: x-card-phawin-1 8s ease infinite;
  animation: x-card-phawin-1 8s ease infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-img-element-wrapper-inner
    .-img-ace-hearts-card {
    width: 90px;
    right: 0;
    transform: translate(-10%, -5%);
    top: 10%;
    bottom: unset;
    left: unset;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-img-element-wrapper-inner
  .-img-ace-spades-card-01 {
  position: absolute;
  bottom: 0;
  left: -5%;
  transform: rotate(45deg);
  -webkit-animation: x-card-phawin-2 8s ease infinite;
  animation: x-card-phawin-2 8s ease infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-img-element-wrapper-inner
    .-img-ace-spades-card-01 {
    bottom: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 140px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-img-element-wrapper-inner
    .-img-ace-spades-card-01 {
    width: 120px;
    bottom: 60%;
    transform: translateY(-60%);
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-img-element-wrapper-inner
  .-img-ace-spades-card-02 {
  width: 140px;
  position: absolute;
  bottom: 40%;
  right: -5%;
  transform: translate(5%, -40%);
  -webkit-animation: x-bg-3 8s ease infinite;
  animation: x-bg-3 8s ease infinite;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-img-element-wrapper-inner
    .-img-ace-spades-card-02 {
    bottom: 52%;
    transform: translate(5%, -52%);
    right: 0;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-img-element-wrapper-inner
    .-img-ace-spades-card-02 {
    width: 90px;
    bottom: 65%;
    transform: translate(-4%, -65%);
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-header-container
  .-logo {
  width: 150px;
  height: auto;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left {
  order: 1;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-left {
    order: 2;
    margin-top: 1rem;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-title-container {
  margin: 0;
  text-align: left;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-title-container
  .-title {
  font-size: 2.6rem;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-left
    .-title-container
    .-title {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-left
    .-title-container
    .-title {
    font-size: 2rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-left
    .-title-container {
    text-align: center;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-title-container
  .-sub-title {
  margin: 0.75rem 0;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-logo-container
  .-nav-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding: 0;
  list-style: none;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-left
    .-logo-container
    .-nav-container {
    justify-content: center;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-logo-container
  .-nav-container
  .-nav-item {
  margin-right: 0.5rem;
  width: 15%;
  position: relative;
  text-align: center;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-left
    .-logo-container
    .-nav-container
    .-nav-item {
    width: 20% !important;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-logo-container
  .-nav-container
  .-nav-item
  .-logo-circle {
  width: 100%;
  height: auto;
  transition: transform 0.2s;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-logo-container
  .-nav-container
  .-nav-item:hover
  .-logo-circle {
  transform: scale(1.1);
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-detail-container
  .-detail-box {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #414146, rgba(41, 41, 57, 0));
  margin: 1rem 0 1rem 1rem;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-left
    .-detail-container
    .-detail-box {
    margin: 1rem 0 1rem 2rem;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-detail-container
  .-detail-box
  .-logo {
  width: 50px;
  height: auto;
  padding: 0.35rem;
  margin-left: -1rem;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-left
  .-detail-container
  .-detail-box
  .-text {
  width: 270px;
  padding: 0.5rem;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-right {
  order: 2;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right {
    order: 0;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-right
  .-img-container {
  position: relative;
  top: -1rem;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container {
    top: 0;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container
    .-ic-mobile {
    width: 320px;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-right
  .-img-container
  .-ic-banker {
  position: absolute;
  bottom: 7%;
  right: 14%;
  transform: rotate(15deg);
  width: 80px;
  -webkit-animation: x-phawin-result-banker 2s infinite alternate;
  animation: x-phawin-result-banker 2s infinite alternate;
}
@media (max-width: 991.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container
    .-ic-banker {
    bottom: 8%;
    right: 11%;
    width: 70px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container
    .-ic-banker {
    width: 55px;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-right
  .-img-container
  .-ic-player {
  position: absolute;
  width: 75px;
  bottom: 7%;
  left: 7%;
  transform: rotate(-15deg);
  -webkit-animation: x-phawin-result-player 1.5s infinite alternate;
  animation: x-phawin-result-player 1.5s infinite alternate;
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container
    .-ic-player {
    width: 55px;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-content-container
  .-content-right
  .-img-container
  .-ic-tie {
  position: absolute;
  width: 60px;
  bottom: 23%;
  right: 8%;
  -webkit-animation: x-phawin-result-tie 2s 0.4s infinite alternate;
  animation: x-phawin-result-tie 2s 0.4s infinite alternate;
}
@media (max-width: 991.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container
    .-ic-tie {
    bottom: 28%;
    right: 8%;
    width: 50px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-content-container
    .-content-right
    .-img-container
    .-ic-tie {
    width: 40px;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container {
  margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container {
    margin-bottom: 2rem;
    order: 1;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-title-container {
  margin: 2rem 0;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container {
  width: 80%;
  margin: auto;
}
@media (max-width: 991.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-col-wrapper {
    padding: 0 0.5rem;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container {
  position: relative;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-img-container {
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 15px;
  transition: all 0.2s;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-img-container
  .-enter-img {
  width: 100%;
  height: auto;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-img-container
  .-text-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-img-container
  .-text-container
  .-title {
  color: #fff;
  opacity: 0;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-img-container
  .-text-container
  .-btn-link {
  position: absolute;
  bottom: 30px;
  color: #fff;
  background: linear-gradient(180deg, #e1b60b, #df9b00);
  border-radius: 25px;
  padding: 0.35rem 2rem;
  margin-top: 1rem;
  transform: translateY(10px);
  transition: all 0.2s;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-img-container
  .-text-container
  .-btn-link:hover {
  background: linear-gradient(180deg, #e1b60b, #e1b60b);
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container
    .-img-container
    .-text-container
    .-btn-link {
    padding: 0.2rem 1.2rem;
    font-size: 0.9rem;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-overlay {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
@media (max-width: 991.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container
    .-overlay {
    border-radius: 10px;
  }
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-overlay
  .-text {
  display: block;
  color: #e6e6e6;
  font-size: 1.2rem;
  font-weight: 700;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container
  .-overlay
  .-sub-text {
  color: #b3b3b3;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container.-disabled {
  display: block;
  pointer-events: none;
  cursor: not-allowed;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container.-disabled
  .-overlay {
  display: flex;
}
.x-landing-phawin-container
  .-phawin-container-wrapper
  .-phawin-container-wrapper-inner
  .-phawin-bottom-container
  .-enter-container
  .-link-container.-disabled
  .-text-container {
  display: none;
}
@media (min-width: 992px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container:hover
    .-img-container {
    border: 2px solid #636362;
  }
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container:hover
    .-img-container
    .-text-container {
    background-color: rgba(90, 90, 90, 0.6);
  }
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container:hover
    .-img-container
    .-text-container
    .-title {
    opacity: 1;
  }
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container:hover
    .-img-container
    .-text-container
    .-btn-link {
    transform: translateY(0);
  }
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container
    .-img-container {
    border: 2px solid #636362;
    border-radius: 10px;
    margin-bottom: 1rem;
  }
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container
    .-img-container
    .-text-container {
    opacity: 1;
    visibility: visible;
    position: absolute;
    bottom: 0;
    background-color: transparent;
  }
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container
    .-img-container
    .-text-container
    .-title {
    display: none;
  }
  .x-landing-phawin-container
    .-phawin-container-wrapper
    .-phawin-container-wrapper-inner
    .-phawin-bottom-container
    .-enter-container
    .-link-container
    .-img-container
    .-text-container
    .-btn-link {
    position: absolute;
    bottom: 30px;
    width: 100px;
    margin-top: 0;
    padding: 0.5rem;
  }
}
.x-landing-phawin-container .x-phawin-footer-container {
  padding: 1rem 0;
  text-align: center;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container .x-phawin-footer-container {
    padding-bottom: 68px;
  }
}
.x-landing-phawin-container .x-phawin-footer-container .-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.x-landing-phawin-container .x-phawin-footer-container .-top-wrapper .-img {
  padding: 0 5px;
  -webkit-filter: brightness(0.75);
  filter: brightness(0.75);
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container .x-phawin-footer-container .-top-wrapper {
    flex-wrap: wrap;
  }
  .x-landing-phawin-container .x-phawin-footer-container .-top-wrapper .-img {
    padding: 5px;
  }
}
.x-landing-phawin-container .x-phawin-footer-container .-bottom-wrapper {
  font-size: 0.9rem;
}
.x-landing-phawin-container .-title-container {
  margin: 3rem 0;
  text-align: center;
}
.x-landing-phawin-container .-title-container .-title {
  position: relative;
  z-index: 1;
  color: #fff;
  margin-bottom: 0;
  font-size: 2.6rem;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-phawin-container .-title-container .-title {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container .-title-container .-title {
    font-size: 2rem;
  }
}
.x-landing-phawin-container .-title-container .-line {
  width: 50%;
  height: auto;
  margin-top: -2.6rem;
  position: relative;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .x-landing-phawin-container .-title-container .-line {
    display: none;
  }
}
.x-landing-phawin-container .-title-container .-sub-title {
  margin-top: -1rem;
}
@media (max-width: 991.98px) {
  .x-landing-phawin-container .-title-container .-sub-title {
    margin: 0.75rem 0;
  }
}
.x-landing-phawin-container .-phawin-instruction-container {
  margin-bottom: 3rem;
  text-align: center;
}
.x-landing-phawin-container .-phawin-instruction-container .-title-container {
  margin-bottom: 2rem;
}
.x-landing-phawin-container .-phawin-instruction-container .-cover-img {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 10px;
}
.x-landing-phawin-container .-phawin-instruction-container .-cover-img.-mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .x-landing-phawin-container
    .-phawin-instruction-container
    .-cover-img.-default {
    display: none;
  }
  .x-landing-phawin-container
    .-phawin-instruction-container
    .-cover-img.-mobile {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  .x-landing-phawin-container
    .-phawin-instruction-container
    .-cover-img.-mobile {
    width: 100%;
  }
}
.x-body-pretty-landing-container {
  background-color: #1f1f37;
}
.x-body-pretty-landing-container .-index-top-container {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 4rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  overflow: hidden;
}
.x-body-pretty-landing-container .-index-top-container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #c89631, #f4d083, #c89631);
}
.x-body-pretty-landing-container .-index-top-container .-logo-container .-img {
  width: 150px;
  height: auto;
}
@media (max-width: 767.98px) {
  .x-body-pretty-landing-container
    .-index-top-container
    .-logo-container
    .-img {
    width: 130px;
  }
}
@media (max-width: 575.98px) {
  .x-body-pretty-landing-container
    .-index-top-container
    .-logo-container
    .-img {
    width: 110px;
  }
}
.x-body-pretty-landing-container .-index-top-container .-card {
  position: absolute;
  z-index: 1;
}
.x-body-pretty-landing-container .-index-top-container .-card.-item-1 {
  left: 0;
  bottom: 180px;
  width: 100%;
  -webkit-animation: x-pretty-card-mover-1 6s infinite alternate;
  animation: x-pretty-card-mover-1 6s infinite alternate;
}
@media (max-width: 575.98px) {
  .x-body-pretty-landing-container .-index-top-container .-card.-item-1 {
    bottom: 80px;
  }
}
.x-body-pretty-landing-container .-index-top-container .-card.-item-2 {
  left: 0;
  bottom: 180px;
  width: 100%;
  -webkit-animation: x-pretty-card-mover-2 8s infinite alternate;
  animation: x-pretty-card-mover-2 8s infinite alternate;
}
@media (max-width: 575.98px) {
  .x-body-pretty-landing-container .-index-top-container .-card.-item-2 {
    bottom: 70px;
  }
}
.x-body-pretty-landing-container .-index-top-container .-content-wrapper {
  position: relative;
  z-index: 2;
  margin-top: 4rem;
  text-align: center;
}
@media (max-width: 575.98px) {
  .x-body-pretty-landing-container .-index-top-container .-content-wrapper {
    margin-top: 2rem;
  }
}
.x-body-pretty-landing-container
  .-index-top-container
  .-content-wrapper
  .-cover-img {
  width: 800px;
  height: auto;
}
@media (max-width: 991.98px) {
  .x-body-pretty-landing-container
    .-index-top-container
    .-content-wrapper
    .-cover-img {
    width: 100%;
  }
}
.x-body-pretty-landing-container
  .-index-top-container
  .-content-wrapper
  .-text-img {
  width: 700px;
  height: auto;
  margin-top: -1rem;
}
@media (max-width: 991.98px) {
  .x-body-pretty-landing-container
    .-index-top-container
    .-content-wrapper
    .-text-img {
    width: 80%;
  }
}
@media (max-width: 767.98px) {
  .x-body-pretty-landing-container
    .-index-top-container
    .-content-wrapper
    .-text-img {
    width: 100%;
  }
}
.x-body-pretty-landing-container .-index-top-container .-btn-wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.x-body-pretty-landing-container .-index-top-container .-btn-wrapper .-btn {
  position: relative;
  min-width: 200px;
  padding: 0;
  border-radius: 30px;
  transition: all 0.2s;
  -webkit-animation: x-pretty-neon-primary-btn 1.5s infinite alternate;
  animation: x-pretty-neon-primary-btn 1.5s infinite alternate;
}
@media (min-width: 992px) {
  .x-body-pretty-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn:hover {
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5);
    transform: scale(1.025);
  }
}
.x-body-pretty-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(
    90deg,
    #c89631,
    #f4d083,
    #743800,
    #f4d083,
    #743800,
    #c89631
  );
  border-radius: 30px;
}
.x-body-pretty-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn
  .-text-wrapper {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.7em 1em;
  background-image: url(/build/images/pretty-btn-gold-bg.297ad289.png);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
}
.x-body-pretty-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn
  .-text {
  -webkit-filter: drop-shadow(2px 2px 2px #000);
  filter: drop-shadow(2px 2px 2px #000);
  display: inline-block;
  color: #fff;
  background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #000), to(#fff));
  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-body-pretty-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn
    .-text {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
@media (max-width: 767.98px) {
  .x-body-pretty-landing-container .-index-top-container .-btn-wrapper .-btn {
    min-width: 170px;
  }
  .x-body-pretty-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn
    .-text-wrapper {
    font-size: 1rem;
  }
}
.x-body-pretty-landing-container .-index-bottom-container {
  padding: 3rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
@media (max-width: 767.98px) {
  .x-body-pretty-landing-container .-index-bottom-container {
    background-position: -150px 0;
  }
}
.x-body-pretty-landing-container .x-footer-lobby-logo {
  margin-top: 0 !important;
}
.x-body-pretty-landing-container .x-footer-lobby-logo .x-hr-border-glow,
.x-body-pretty-landing-container .x-footer-lobby-logo h3 {
  display: none;
}
@-webkit-keyframes x-pretty-neon-primary-btn {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #f4d083,
      0 0 16px #f4d083, 0 0 28px #f4d083, 0 0 36px #f4d083, 0 0 44px #f4d083;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #f4d083,
      0 0 8px #f4d083, 0 0 14px #f4d083, 0 0 18px #f4d083, 0 0 22px #f4d083;
  }
}
@keyframes x-pretty-neon-primary-btn {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #f4d083,
      0 0 16px #f4d083, 0 0 28px #f4d083, 0 0 36px #f4d083, 0 0 44px #f4d083;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #f4d083,
      0 0 8px #f4d083, 0 0 14px #f4d083, 0 0 18px #f4d083, 0 0 22px #f4d083;
  }
}
@-webkit-keyframes x-pretty-card-mover-1 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(20px, 30px);
  }
}
@keyframes x-pretty-card-mover-1 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(20px, 30px);
  }
}
@-webkit-keyframes x-pretty-card-mover-2 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-20px, 30px);
  }
}
@keyframes x-pretty-card-mover-2 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-20px, 30px);
  }
}
.x-landing-ez-container {
  background-color: #63bff7;
  background-image: -webkit-image-set(
    url(/build/images/landing-ez-bg.c156fd33.webp) 1x
  );
}
.x-landing-ez-container .-contact-igame-wrapper {
  --contact-igame-bg: rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 2rem 0;
}
@media (max-width: 991.98px) {
  .x-landing-ez-container .-contact-igame-wrapper {
    padding-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  .x-landing-ez-container .-container-inner {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-container .-container-inner {
    padding-bottom: 2rem;
  }
}
.x-landing-ez-container .-container-inner .-logo {
  width: 60px;
}
@media (max-width: 767.98px) {
  .x-landing-ez-container .-container-inner .-logo {
    width: 50px;
  }
}
.x-landing-ez-container .-container-inner .-bg-container {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.x-landing-ez-container .-container-inner .-bg-container .-bg-1,
.x-landing-ez-container .-container-inner .-bg-container .-bg-2,
.x-landing-ez-container .-container-inner .-bg-container .-bg-3 {
  width: 800px;
  position: fixed;
}
@media (max-width: 1199.98px) {
  .x-landing-ez-container .-container-inner .-bg-container .-bg-1,
  .x-landing-ez-container .-container-inner .-bg-container .-bg-2,
  .x-landing-ez-container .-container-inner .-bg-container .-bg-3 {
    left: 10%;
  }
}
@media (max-width: 767.98px) {
  .x-landing-ez-container .-container-inner .-bg-container .-bg-1,
  .x-landing-ez-container .-container-inner .-bg-container .-bg-2,
  .x-landing-ez-container .-container-inner .-bg-container .-bg-3 {
    left: -10%;
  }
}
.x-landing-ez-container .-container-inner .-bg-container .-bg-1 {
  left: 10%;
  top: 30%;
  -webkit-animation: x-bg-1 6s ease infinite;
  animation: x-bg-1 6s ease infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@media (max-width: 575.98px) {
  .x-landing-ez-container .-container-inner .-bg-container .-bg-1 {
    top: 0;
  }
}
.x-landing-ez-container .-container-inner .-bg-container .-bg-2 {
  right: 25%;
  top: 5%;
  -webkit-animation: x-bg-2 6s ease infinite;
  animation: x-bg-2 6s ease infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
@media (max-width: 575.98px) {
  .x-landing-ez-container .-container-inner .-bg-container .-bg-2 {
    left: -90%;
  }
}
.x-landing-ez-container .-container-inner .-bg-container .-bg-3 {
  right: 15%;
  bottom: 30%;
  -webkit-animation: x-bg-3 6s ease infinite;
  animation: x-bg-3 6s ease infinite;
}
.x-landing-ez-container .-container-inner .-bg-container.-bg-light-bottom {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
@media (max-width: 575.98px) {
  .x-landing-ez-container .-container-inner .-bg-container.-bg-light-bottom {
    background-size: auto;
  }
}
.x-landing-ez-container .-container-inner .-img-container {
  padding: 0;
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  opacity: 0;
}
@media (max-width: 991.98px) {
  .x-landing-ez-container .-container-inner .-img-container {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
}
.x-landing-ez-container
  .-container-inner
  .-img-container
  .-img-container-inner {
  background-image: -webkit-image-set(
    url(/build/images/landing-ez-element-01.c7c29bca.webp) 1x
  );
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-top: 5rem;
  height: 600px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner {
    height: 560px;
    margin-top: 3rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner {
    height: 500px;
    margin-top: 3rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner {
    margin-top: 1rem;
    height: auto;
  }
}
.x-landing-ez-container
  .-container-inner
  .-img-container
  .-img-container-inner
  .-img-element-inner-container {
  position: relative;
}
.x-landing-ez-container
  .-container-inner
  .-img-container
  .-img-container-inner
  .-img-element-inner-container
  .-ic-dice-01 {
  width: 80px;
  position: absolute;
  right: 32%;
  top: -4%;
  transform: translateX(-32%);
  -webkit-animation: x-ez-spin 8s linear infinite;
  animation: x-ez-spin 8s linear infinite;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-ic-dice-01 {
    top: -3%;
    right: 28%;
  }
}
@media (max-width: 991.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-ic-dice-01 {
    top: 0;
    width: 75px;
    right: 22%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-ic-dice-01 {
    width: 60px;
    top: 10%;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-ic-dice-01 {
    width: 50px;
    right: 15%;
    top: 8%;
  }
}
.x-landing-ez-container
  .-container-inner
  .-img-container
  .-img-container-inner
  .-img-element-inner-container
  .-img-element-inner {
  margin-top: -8rem;
  width: 540px;
}
@media (max-width: 991.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-img-element-inner {
    margin-top: -6rem;
    width: 480px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-img-element-inner {
    margin-top: -2rem;
    width: 360px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-img-element-inner {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-box-center-inner-content {
    margin-top: 2rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-box-center-inner-content {
    margin-top: 0;
  }
}
.x-landing-ez-container
  .-container-inner
  .-img-container
  .-box-center-inner-content
  .-img {
  width: 550px;
}
@media (min-width: 768px) {
  .x-landing-ez-container
    .-container-inner
    .-img-container
    .-box-center-inner-content
    .-img {
    margin-top: -2rem;
  }
}
.x-landing-ez-container .-container-inner .-content-container {
  text-align: center;
  margin-top: 3rem;
  padding-bottom: 4rem;
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  opacity: 0;
}
@media (max-width: 991.98px) {
  .x-landing-ez-container .-container-inner .-content-container {
    position: relative;
    z-index: -1;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-container .-container-inner .-content-container {
    margin-top: 2rem;
  }
}
.x-landing-ez-container .-container-inner .-content-container .-text-wrapper {
  font-weight: 600;
  color: #fff;
  font-size: 1.6rem;
}
@media (max-width: 767.98px) {
  .x-landing-ez-container .-container-inner .-content-container .-text-wrapper {
    font-size: 1.44rem;
  }
}
.x-landing-ez-container
  .-container-inner
  .-content-container
  .-text-wrapper
  .-text {
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
}
.x-landing-ez-container
  .-container-inner
  .-content-container
  .-text-wrapper
  .-text-highlight {
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, #fbd96c 45%, #e49140 80%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.x-landing-ez-container .-container-inner .-btn-container {
  -webkit-animation: fadeIn 0.8s linear;
  animation: fadeIn 0.8s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.x-landing-ez-container .-container-inner .-btn-container .btn {
  border-radius: 25px;
  color: #fff;
  border: none;
  padding: 0.5rem 1.5rem;
}
.x-landing-ez-container .-container-inner .-btn-container .btn.-btn-register {
  width: 250px;
  display: inline-block;
  padding: 0.75rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg, #91f27f, #00b302);
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  .x-landing-ez-container
    .-container-inner
    .-btn-container
    .btn.-btn-register:hover {
    background: linear-gradient(180deg, #69ed51, #008001);
  }
}
@media (max-width: 991.98px) {
  .x-landing-ez-container .-container-inner .-btn-container .btn.-btn-register {
    height: 60px;
    font-size: 1.25rem;
    border-radius: 10px 10px 0 0;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
  }
}
.x-landing-ez-container
  .-container-inner
  .-btn-container
  .btn.-btn-register
  .-text-btn {
  display: inline-block;
  color: #fff;
  background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #b5b5b5), to(#fff));
  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-ez-container
    .-container-inner
    .-btn-container
    .btn.-btn-register
    .-text-btn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
.x-safari-browser .x-landing-ez-container {
  background-image: url(/build/images/landing-ez-bg.1e0f4270.png);
}
.x-safari-browser
  .x-landing-ez-container
  .-container-inner
  .-img-container
  .-img-container-inner {
  background-image: url(/build/images/landing-ez-element-01.94eea21f.png);
}
.x-landing-ez-c-container {
  background-color: #0a082b;
  background-image: -webkit-image-set(
    url(/build/images/landing-ez-c-bg.dd51a9c9.webp) 1x
  );
  background-position: top;
}
@media (min-width: 992px) {
  .x-landing-ez-c-container .-container-inner {
    padding: 0;
  }
}
.x-landing-ez-c-container .-container-inner .-logo {
  width: 60px;
}
@media (max-width: 767.98px) {
  .x-landing-ez-c-container .-container-inner .-logo {
    width: 50px;
  }
}
.x-landing-ez-c-container .-container-inner .-img-container {
  padding: 0;
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  opacity: 0;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container .-container-inner .-img-container {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-img-container
  .-img-container-inner {
  margin: 5rem 0 2rem;
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-img-container-inner {
    margin: 3rem 0 2rem;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-img-container
  .-img-container-inner
  .-img-element-inner-container {
  position: relative;
}
.x-landing-ez-c-container
  .-container-inner
  .-img-container
  .-img-container-inner
  .-img-element-inner-container
  .-img-element-behind {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 900px;
  -webkit-animation: x-ez-c-bg-1 10s linear infinite;
  animation: x-ez-c-bg-1 10s linear infinite;
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-img-element-behind {
    width: 100%;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-img-container
  .-img-container-inner
  .-img-element-inner-container
  .-img-element-inner {
  width: 700px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-img-element-inner {
    width: 550px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-img-element-inner {
    width: 420px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-img-container-inner
    .-img-element-inner-container
    .-img-element-inner {
    width: 100%;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-img-container
  .-box-center-inner-content
  .-img {
  width: 600px;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-box-center-inner-content
    .-img {
    width: 500px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-box-center-inner-content
    .-img {
    width: 380px;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-img-container
    .-box-center-inner-content
    .-img {
    width: 90%;
  }
}
.x-landing-ez-c-container .-container-inner .-content-container {
  text-align: center;
  margin: 4rem 0;
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  opacity: 0;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container .-container-inner .-content-container {
    position: relative;
    z-index: -1;
    margin: 2rem 0 6rem;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
}
.x-landing-ez-c-container .-container-inner .-content-container .-text-wrapper {
  font-weight: 600;
  color: #fff;
  font-size: 2rem;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-content-container
    .-text-wrapper {
    font-size: 1.8rem;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-content-container
  .-text-wrapper
  .-text {
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
}
.x-landing-ez-c-container
  .-container-inner
  .-content-container
  .-text-wrapper
  .-text-highlight {
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, #fbd96c 45%, #e49140 80%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.x-landing-ez-c-container .-container-inner .-bottom-banner-container {
  margin-top: 3rem;
  padding: 0;
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .-title-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 2.5rem;
  -webkit-animation: fadeIn 1.2s linear;
  animation: fadeIn 1.2s linear;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
  text-align: center;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .-title-container {
    margin: 2.5rem auto;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .-title-container
  .-header-title {
  margin-bottom: 0;
  font-size: 1.9rem;
  font-weight: 700;
  color: #f3f3f3;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .-title-container
    .-header-title {
    font-size: 1.75rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .-title-container
    .-header-title {
    font-size: 1.25rem;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .-title-container
  .-sub-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  color: #c4c4c4;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .-title-container
    .-sub-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .-title-container
    .-sub-title {
    font-size: 1rem;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .-title-container:after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 75%;
  height: 3px;
  background: linear-gradient(
    90deg,
    rgba(235, 119, 207, 0),
    #dc76d4 39.87%,
    #9972ea 60.18%,
    rgba(130, 113, 242, 0)
  );
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .navbar-nav {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .navbar-nav
  .nav-item {
  width: 33%;
  margin-bottom: 1rem;
  padding: 0 1.5rem;
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .navbar-nav
  .nav-item
  .-img-banner {
  border-radius: 15px;
}
.x-landing-ez-c-container
  .-container-inner
  .-bottom-banner-container
  .navbar-nav
  .nav-item
  .-title {
  margin-top: 0.75rem;
  color: #f3f3f3;
  font-size: 1rem;
}
@media (max-width: 1199.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .navbar-nav
    .nav-item {
    padding: 0 1.25rem;
  }
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .navbar-nav
    .nav-item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .navbar-nav
    .nav-item
    .-title {
    margin-top: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .-container-inner
    .-bottom-banner-container
    .navbar-nav
    .nav-item {
    width: 48%;
  }
}
.x-landing-ez-c-container .-container-inner .-btn-container {
  -webkit-animation: fadeIn 0.8s linear;
  animation: fadeIn 0.8s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
  margin: 2rem 0;
}
.x-landing-ez-c-container .-container-inner .-btn-container .-btn-register {
  min-width: 180px;
  padding: 0.75em 2.5rem;
  color: #fff;
  border: none;
  border-radius: 5px;
  background: linear-gradient(180deg, #56ccf2, #2f80ed);
  font-size: 1.2rem;
  font-weight: 700;
  -webkit-animation: x-ez-c-neon-register 1.5s infinite alternate;
  animation: x-ez-c-neon-register 1.5s infinite alternate;
}
@media (min-width: 992px) {
  .x-landing-ez-c-container
    .-container-inner
    .-btn-container
    .-btn-register:hover {
    background: linear-gradient(180deg, #27beee, #1366d6);
  }
}
@media (max-width: 767.98px) {
  .x-landing-ez-c-container .-container-inner .-btn-container .-btn-register {
    font-size: 1.1rem;
  }
}
.x-landing-ez-c-container
  .-container-inner
  .-btn-container
  .-btn-register
  .-text-btn {
  display: inline-block;
  color: #fff;
  background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #b5b5b5), to(#fff));
  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-ez-c-container
    .-container-inner
    .-btn-container
    .-btn-register
    .-text-btn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
.x-landing-ez-c-container .x-footer {
  position: relative;
  background: #0a082b;
  overflow: hidden;
}
.x-landing-ez-c-container .x-footer:before {
  content: "";
  position: absolute;
  background: linear-gradient(
    90deg,
    rgba(235, 119, 207, 0),
    #dc76d4 39.87%,
    #9972ea 60.18%,
    rgba(130, 113, 242, 0)
  );
  width: 100%;
  height: 5px;
  top: 0;
}
.x-landing-ez-c-container .x-footer .x-cs-providers-logo-component {
  margin-left: auto;
  margin-right: auto;
}
.x-landing-ez-c-container
  .x-footer
  .x-cs-providers-logo-component
  .-providers-logo-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
@media (max-width: 767.98px) {
  .x-landing-ez-c-container
    .x-footer
    .x-cs-providers-logo-component
    .-providers-logo-inner {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }
}
.x-landing-ez-c-container
  .x-footer
  .x-cs-providers-logo-component
  .-providers-logo-inner
  .-img-container {
  padding: 0 0.5rem;
  width: 14.28571%;
  max-width: 120px;
}
@media (max-width: 991.98px) {
  .x-landing-ez-c-container
    .x-footer
    .x-cs-providers-logo-component
    .-providers-logo-inner
    .-img-container {
    width: 20%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767.98px) {
  .x-landing-ez-c-container
    .x-footer
    .x-cs-providers-logo-component
    .-providers-logo-inner
    .-img-container {
    width: 25%;
  }
}
@media (max-width: 575.98px) {
  .x-landing-ez-c-container
    .x-footer
    .x-cs-providers-logo-component
    .-providers-logo-inner
    .-img-container {
    width: 33.33%;
  }
}
.x-landing-ez-c-container
  .x-footer
  .x-cs-providers-logo-component
  .-providers-logo-inner
  .-img-container
  .-img {
  width: 100%;
  height: auto;
}
.x-landing-ez-c-container .x-footer .-inner-wrapper .-title {
  text-align: center;
  color: #c4c4c4;
}
.x-landing-ez-c-container .x-footer .-copy-right-container {
  margin-top: 0.25rem;
  padding: 0.75rem 0;
  font-size: 0.9rem;
  background-color: transparent;
}
.x-landing-ez-c-container .x-footer .-copy-right-container .-copy-right-text {
  color: #c4c4c4;
}
.x-landing-ez-c-container .x-footer .x-footer-seo .-tags {
  text-align: center;
}
.x-landing-ez-c-container .x-footer .x-footer-seo .-tags .btn {
  margin-bottom: 6px;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 0.8rem;
  color: #c4c4c4;
  background: #252836;
  transition: all 0.2s;
}
.x-landing-ez-c-container .x-footer .x-footer-seo .-tags .btn:hover {
  color: #fff;
  background: rgba(235, 119, 207, 0.5);
}
.x-safari-browser .x-landing-ez-container {
  background-image: url(/build/images/landing-ez-c-bg.0f493cea.png);
}
.x-body-all-landing-container {
  background-color: #000;
}
.x-body-all-landing-container .-index-top-container {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 3rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/build/images/all-index-top-bg.d73708fa.jpg);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-top-container {
    background-image: url(/build/images/all-index-top-bg-mobile.13a5688c.png);
  }
}
.x-body-all-landing-container .-index-top-container .-logo-container .-img {
  width: 140px;
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-top-container .-logo-container .-img {
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-body-all-landing-container .-index-top-container .-logo-container .-img {
    width: 90px;
  }
}
.x-body-all-landing-container .-index-top-container .-card {
  position: absolute;
  z-index: 1;
}
.x-body-all-landing-container .-index-top-container .-card.-item-1 {
  left: 0;
  bottom: 180px;
  width: 100%;
  -webkit-animation: x-all-card-mover-1 8s infinite alternate;
  animation: x-all-card-mover-1 8s infinite alternate;
}
@media (max-width: 575.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-item-1 {
    bottom: 80px;
  }
}
.x-body-all-landing-container .-index-top-container .-card.-card-item-1 {
  left: 330px;
  top: 140px;
  width: 100px;
  -webkit-animation: fadeInRight 0.5s linear 0.4s both,
    x-all-card-mover-2 5s 2s infinite alternate;
  animation: fadeInRight 0.5s linear 0.4s both,
    x-all-card-mover-2 5s 2s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-1 {
    left: 250px;
  }
}
@media (max-width: 991.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-1 {
    left: 160px;
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-1 {
    left: 120px;
    width: 70px;
    top: 120px;
  }
}
@media (max-width: 575.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-1 {
    left: 90px;
    width: 50px;
    top: 70px;
  }
}
@media (max-width: 320px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-1 {
    left: 80px;
    width: 40px;
  }
}
.x-body-all-landing-container .-index-top-container .-card.-card-item-2 {
  right: 330px;
  top: 140px;
  width: 100px;
  -webkit-animation: fadeInLeft 0.5s linear 0.4s both,
    x-all-card-mover-3 4s 2s infinite alternate;
  animation: fadeInLeft 0.5s linear 0.4s both,
    x-all-card-mover-3 4s 2s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-2 {
    right: 250px;
  }
}
@media (max-width: 991.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-2 {
    right: 160px;
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-2 {
    right: 110px;
    width: 70px;
    top: 120px;
  }
}
@media (max-width: 575.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-2 {
    right: 80px;
    width: 50px;
    top: 70px;
  }
}
@media (max-width: 320px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-2 {
    right: 70px;
    width: 40px;
  }
}
.x-body-all-landing-container .-index-top-container .-card.-card-item-3 {
  left: 260px;
  bottom: 250px;
  width: 100px;
  -webkit-animation: fadeInRight 0.5s linear 0.4s both,
    x-all-card-mover-4 4.5s 2s infinite alternate;
  animation: fadeInRight 0.5s linear 0.4s both,
    x-all-card-mover-4 4.5s 2s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-3 {
    left: 180px;
  }
}
@media (max-width: 991.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-3 {
    bottom: 200px;
    left: 100px;
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-3 {
    bottom: 200px;
    left: 80px;
    width: 70px;
  }
}
@media (max-width: 575.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-3 {
    bottom: 150px;
    left: 60px;
    width: 50px;
  }
}
@media (max-width: 320px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-3 {
    bottom: 140px;
    left: 50px;
    width: 40px;
  }
}
.x-body-all-landing-container .-index-top-container .-card.-card-item-4 {
  right: 260px;
  bottom: 250px;
  width: 100px;
  -webkit-animation: fadeInLeft 0.5s linear 0.4s both,
    x-all-card-mover-5 6s 2s infinite alternate;
  animation: fadeInLeft 0.5s linear 0.4s both,
    x-all-card-mover-5 6s 2s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-4 {
    right: 180px;
  }
}
@media (max-width: 991.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-4 {
    bottom: 210px;
    right: 100px;
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-4 {
    bottom: 200px;
    right: 70px;
    width: 70px;
  }
}
@media (max-width: 575.98px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-4 {
    bottom: 160px;
    right: 50px;
    width: 50px;
  }
}
@media (max-width: 320px) {
  .x-body-all-landing-container .-index-top-container .-card.-card-item-4 {
    bottom: 140px;
    right: 40px;
    width: 40px;
  }
}
.x-body-all-landing-container .-index-top-container .-content-wrapper {
  position: relative;
  z-index: 2;
  margin-top: 4rem;
  text-align: center;
}
@media (max-width: 575.98px) {
  .x-body-all-landing-container .-index-top-container .-content-wrapper {
    margin-top: 2rem;
  }
}
.x-body-all-landing-container
  .-index-top-container
  .-content-wrapper
  .-cover-img {
  width: 800px;
  height: auto;
}
@media (max-width: 991.98px) {
  .x-body-all-landing-container
    .-index-top-container
    .-content-wrapper
    .-cover-img {
    width: 100%;
  }
}
.x-body-all-landing-container
  .-index-top-container
  .-content-wrapper
  .-text-img {
  width: 700px;
  height: auto;
  margin-top: -1rem;
}
@media (max-width: 991.98px) {
  .x-body-all-landing-container
    .-index-top-container
    .-content-wrapper
    .-text-img {
    width: 80%;
  }
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container
    .-index-top-container
    .-content-wrapper
    .-text-img {
    width: 100%;
  }
}
.x-body-all-landing-container .-index-top-container .-btn-wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.x-body-all-landing-container .-index-top-container .-btn-wrapper .-btn {
  position: relative;
  min-width: 200px;
  padding: 0;
  transition: all 0.2s;
  -webkit-animation: x-all-neon-primary-btn 1.5s infinite alternate;
  animation: x-all-neon-primary-btn 1.5s infinite alternate;
}
@media (min-width: 992px) {
  .x-body-all-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn:hover {
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5);
    transform: scale(1.025);
  }
}
.x-body-all-landing-container .-index-top-container .-btn-wrapper .-btn:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(
    90deg,
    #c89631,
    #f4d083,
    #743800,
    #f4d083,
    #743800,
    #c89631
  );
}
.x-body-all-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn
  .-text-wrapper {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.7em 1em;
  background-image: url(/build/images/all-btn-gold-bg.297ad289.png);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.x-body-all-landing-container .-index-top-container .-btn-wrapper .-btn .-text {
  -webkit-filter: drop-shadow(2px 2px 2px #000);
  filter: drop-shadow(2px 2px 2px #000);
  display: inline-block;
  color: #fff;
  background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #000), to(#fff));
  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-body-all-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn
    .-text {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-top-container .-btn-wrapper .-btn {
    min-width: 170px;
  }
  .x-body-all-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn
    .-text-wrapper {
    font-size: 1rem;
  }
}
.x-body-all-landing-container .-index-bottom-container {
  padding: 3rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
}
@media (max-width: 767.98px) {
  .x-body-all-landing-container .-index-bottom-container {
    background-position: -150px 0;
  }
}
.x-body-all-landing-container .-index-bottom-container:before {
  content: "";
  background: linear-gradient(
    90deg,
    transparent 5%,
    #daa868 40%,
    #eab671 50%,
    #cc9b60 60%,
    transparent 95%
  );
  height: 3px;
  width: 100%;
  position: absolute;
  top: -3px;
  left: 0;
}
.x-body-all-landing-container .x-footer-lobby-logo {
  margin-top: 0 !important;
}
.x-body-all-landing-container .x-footer-lobby-logo .x-hr-border-glow,
.x-body-all-landing-container .x-footer-lobby-logo h3 {
  display: none;
}
@-webkit-keyframes x-all-card-mover-1 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(20px, 30px);
  }
}
@keyframes x-all-card-mover-1 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(20px, 30px);
  }
}
@-webkit-keyframes x-all-card-mover-2 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(-40px) scale(1.2);
  }
}
@keyframes x-all-card-mover-2 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(-40px) scale(1.2);
  }
}
@-webkit-keyframes x-all-card-mover-3 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(25px) scale(1.2);
  }
}
@keyframes x-all-card-mover-3 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(25px) scale(1.2);
  }
}
@-webkit-keyframes x-all-card-mover-4 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(-35px) scale(1.2);
  }
}
@keyframes x-all-card-mover-4 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(-35px) scale(1.2);
  }
}
@-webkit-keyframes x-all-card-mover-5 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(30px) scale(1.2);
  }
}
@keyframes x-all-card-mover-5 {
  0% {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(30px) scale(1.2);
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes x-all-neon-primary-btn {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #f4d083,
      0 0 16px #f4d083, 0 0 28px #f4d083, 0 0 36px #f4d083, 0 0 44px #f4d083;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #f4d083,
      0 0 8px #f4d083, 0 0 14px #f4d083, 0 0 18px #f4d083, 0 0 22px #f4d083;
  }
}
.x-body-ae-landing-container {
  background-color: #000;
}
.x-body-ae-landing-container .-index-top-container {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 3rem;
  background-repeat: no-repeat;
  background-size: 102% 100%;
  background-image: url(/build/images/ae-index-top-bg.c2c1e903.png);
  overflow: hidden;
  -webkit-animation: x-bg-pan-left 8s infinite alternate;
  animation: x-bg-pan-left 8s infinite alternate;
}
.x-body-ae-landing-container .-index-top-container .-logo-container .-img {
  width: 140px;
}
@media (max-width: 767.98px) {
  .x-body-ae-landing-container .-index-top-container .-logo-container .-img {
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container .-index-top-container .-logo-container .-img {
    width: 90px;
  }
}
.x-body-ae-landing-container .-index-top-container .-card {
  position: absolute;
  z-index: 1;
}
.x-body-ae-landing-container .-index-top-container .-card.-card-item-1 {
  left: 150px;
  top: 180px;
  width: 50px;
  -webkit-animation: x-ae-card-mover-1 8s infinite alternate;
  animation: x-ae-card-mover-1 8s infinite alternate;
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-1 {
    left: 60px;
    top: 100px;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-1 {
    left: 30px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-1 {
    left: 50px;
    width: 40px;
    top: 70px;
    opacity: 0.6;
  }
}
.x-body-ae-landing-container .-index-top-container .-card.-card-item-2 {
  right: 180px;
  top: 140px;
  width: 50px;
  -webkit-animation: x-ae-card-mover-2 6s infinite alternate;
  animation: x-ae-card-mover-2 6s infinite alternate;
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-2 {
    right: 60px;
    top: 100px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-2 {
    right: 80px;
    width: 40px;
    top: 70px;
    opacity: 0.6;
  }
}
.x-body-ae-landing-container .-index-top-container .-card.-card-item-3 {
  left: 100px;
  bottom: 300px;
  width: 90px;
  -webkit-animation: x-ae-card-mover-3 7s infinite alternate;
  animation: x-ae-card-mover-3 7s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-3 {
    left: 70px;
  }
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-3 {
    left: -20px;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-3 {
    bottom: 200px;
    left: -60px;
    width: 70px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-3 {
    bottom: 90px;
    left: 20px;
    width: 50px;
    opacity: 0.4;
  }
}
.x-body-ae-landing-container .-index-top-container .-card.-card-item-4 {
  right: 100px;
  bottom: 290px;
  width: 80px;
  -webkit-animation: x-ae-card-mover-1 8s infinite alternate;
  animation: x-ae-card-mover-1 8s infinite alternate;
}
@media (max-width: 1199.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-4 {
    right: 50px;
  }
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-4 {
    right: -20px;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-4 {
    bottom: 200px;
    right: -70px;
    width: 70px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container .-index-top-container .-card.-card-item-4 {
    bottom: 100px;
    right: 10px;
    width: 40px;
    opacity: 0.2;
  }
}
.x-body-ae-landing-container .-index-top-container .-content-wrapper {
  position: relative;
  z-index: 2;
  margin-top: 4rem;
  text-align: center;
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container .-index-top-container .-content-wrapper {
    margin-top: 2rem;
  }
}
.x-body-ae-landing-container
  .-index-top-container
  .-content-wrapper
  .-cover-img {
  width: 800px;
  height: auto;
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-content-wrapper
    .-cover-img {
    width: 100%;
  }
}
.x-body-ae-landing-container
  .-index-top-container
  .-content-wrapper
  .-text-img {
  width: 700px;
  height: auto;
  margin-top: -4rem;
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-content-wrapper
    .-text-img {
    width: 80%;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-content-wrapper
    .-text-img {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-content-wrapper
    .-text-img {
    margin-top: -6%;
  }
}
.x-body-ae-landing-container .-index-top-container .-btn-wrapper {
  text-align: center;
  margin-top: 2rem;
}
.x-body-ae-landing-container .-index-top-container .-btn-wrapper .-btn {
  position: relative;
}
.x-body-ae-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn.-btn-image-primary {
  padding: 0;
  width: 230px;
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn.-btn-image-primary {
    width: 200px;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn.-btn-image-primary {
    width: 180px;
  }
}
@media (max-width: 575.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn.-btn-image-primary {
    width: 160px;
  }
}
.x-body-ae-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn.-btn-image-primary
  .-fake-bg-wrapper {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000 80%, #3e001a);
  border-radius: 40px;
  box-shadow: 0 0 4px #ffc87f;
  transition: box-shadow 0.2s;
}
.x-body-ae-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn.-btn-image-primary
  .-fake-bg-wrapper
  .-fake-bg-glow {
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 150px;
  transform: translateX(-50%);
}
.x-body-ae-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn.-btn-image-primary
  .-real-content-wrapper {
  position: relative;
}
.x-body-ae-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn.-btn-image-primary
  .-real-content-wrapper
  .-bg-img {
  position: relative;
  width: 100%;
  height: auto;
}
.x-body-ae-landing-container
  .-index-top-container
  .-btn-wrapper
  .-btn.-btn-image-primary
  .-real-content-wrapper
  .-btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5));
  display: inline-block;
  color: #fff;
  background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #ffc87f), to(#fff));
  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;
  font-size: 1.2rem;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn.-btn-image-primary
    .-real-content-wrapper
    .-btn-text {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
}
@media (max-width: 767.98px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn.-btn-image-primary
    .-real-content-wrapper
    .-btn-text {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .x-body-ae-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn.-btn-image-primary:hover
    .-fake-bg-wrapper {
    box-shadow: 0 0 10px #ffc87f;
  }
  .x-body-ae-landing-container
    .-index-top-container
    .-btn-wrapper
    .-btn.-btn-image-primary:hover
    .-real-content-wrapper {
    top: 5px;
  }
}
.x-body-ae-landing-container .-index-bottom-container {
  padding: 3rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
}
.x-body-ae-landing-container .-index-bottom-container:before {
  content: "";
  background: linear-gradient(
    90deg,
    rgba(213, 144, 62, 0),
    #fdf6ae 50.93%,
    rgba(213, 144, 62, 0)
  );
  height: 3px;
  width: 100%;
  position: absolute;
  top: -3px;
  left: 0;
}
.x-body-ae-landing-container .x-footer-lobby-logo {
  margin-top: 0 !important;
}
.x-body-ae-landing-container .x-footer-lobby-logo .x-hr-border-glow,
.x-body-ae-landing-container .x-footer-lobby-logo h3 {
  display: none;
}
@-webkit-keyframes x-ae-card-mover-1 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, 15px) rotate(0);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-ae-card-mover-1 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-30px, 15px) rotate(0);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes x-ae-card-mover-2 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(30px, -5px) rotate(-5deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@keyframes x-ae-card-mover-2 {
  0% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(30px, -5px) rotate(-5deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes x-ae-card-mover-3 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(20px, 30px);
  }
}
@keyframes x-ae-card-mover-3 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(20px, 30px);
  }
}
@keyframes x-all-neon-primary-btn {
  0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #f4d083,
      0 0 16px #f4d083, 0 0 28px #f4d083, 0 0 36px #f4d083, 0 0 44px #f4d083;
  }
  to {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #f4d083,
      0 0 8px #f4d083, 0 0 14px #f4d083, 0 0 18px #f4d083, 0 0 22px #f4d083;
  }
}