@charset "UTF-8";
@media (min-width:992px) {
    ::-webkit-scrollbar {
        background: transparent;
        width: 8px;
        height: 8px;
        border-radius: 4px
    }

    ::-webkit-scrollbar-thumb {
        background: #b0b4bb;
        width: 8px;
        height: 8px;
        border-radius: 4px
    }

    ::-webkit-scrollbar-track {
        background: #e6e8ec;
        width: 8px;
        height: 8px;
        border-radius: 4px
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

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

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

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

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

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

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

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

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0)
    }

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

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

@-webkit-keyframes x-floating {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-30px) rotate(-1deg);
        transform: translateY(-30px) rotate(-1deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@keyframes x-floating {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-30px) rotate(-1deg);
        transform: translateY(-30px) rotate(-1deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@-webkit-keyframes x-arrow-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes x-arrow-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hvr-ripple-out {
    to {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    to {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.-animate-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative
}

.-animate-ripple-out:before {
    content: "";
    position: absolute;
    border: 6px solid #e44075;
    border-radius: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeInModal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInModal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeInModal,
.fadeInRegister {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@media (max-width:991.98px) {

    .fadeInModal,
    .fadeInRegister {
        -webkit-animation-name: fadeInModal;
        animation-name: fadeInModal
    }
}

.x-alert-warning {
    background-color: rgba(255, 0, 0, .3);
    width: 80%;
    font-size: 1em !important;
    margin: auto auto 1em;
    padding: 1rem;
    text-align: center;
    color: #d2d2d2
}

.x-profile-dropdown-menu {
    background-color: rgba(17, 28, 43, .76)
}

.x-profile-dropdown-menu .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.x-profile-dropdown-menu .navbar-nav .nav-item {
    width: 100%;
    border-bottom: 1px solid rgba(236, 189, 123, .4);
    padding-top: 10px
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link {
    color: #afafaf;
    transition: color .2s
}

.x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .fas,
.x-profile-dropdown-menu .navbar-nav .nav-item:hover .nav-link {
    color: #e44075
}

.x-profile-dropdown-menu .navbar-nav .nav-item:last-child {
    border-bottom: none
}

@media (max-width:991.98px) {
    .x-profile-dropdown-menu {
        background-color: transparent
    }
}

.form-control {
    border: 0
}

.x-form-control {
    background: hsla(0, 0%, 100%, .08);
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: all .5s;
    width: 100%;
    font-size: .95rem
}

.x-form-control::-webkit-input-placeholder {
    color: #d2d2d2;
    line-height: normal
}

.x-form-control:-ms-input-placeholder {
    color: #d2d2d2;
    line-height: normal
}

.x-form-control::-ms-input-placeholder {
    color: #d2d2d2;
    line-height: normal
}

.x-form-control::placeholder {
    color: #d2d2d2;
    line-height: normal
}

.x-form-control:focus {
    background-color: hsla(0, 0%, 100%, .08);
    color: #fff;
    box-shadow: none;
    outline: none;
    border-color: #e44075
}

.invalid-feedback {
    text-align: center;
    font-size: 90%;
    margin-top: .5rem
}

.x-form-register .x-checkbox-primary .form-check {
    position: relative
}

.x-form-register .x-checkbox-primary .form-check input[type=checkbox]+label {
    position: unset !important
}

.x-checkbox-primary .form-check {
    padding-left: 0
}

.x-checkbox-primary .form-check input[type=checkbox] {
    display: none
}

.x-checkbox-primary .form-check input[type=checkbox]+label {
    position: relative;
    padding-left: 25px !important
}

.x-checkbox-primary .form-check input[type=checkbox]+label:before {
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #e44075;
    border-radius: 2px
}

.x-checkbox-primary .form-check input[type=checkbox]+label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-image: url(/build/images/ic-checkmark.e01d38b6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s
}

.x-checkbox-primary .form-check input[type=checkbox]:checked+label:after {
    opacity: 1;
    visibility: visible
}

#dice {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: dice-spin 20s linear infinite;
    animation: dice-spin 20s linear infinite
}

#dice,
#dice .side {
    width: 70px;
    height: 70px
}

#dice .side {
    position: absolute;
    background: #fff;
    box-shadow: inset 0 0 20px #ddd;
    border-radius: 20px
}

#dice .cover,
#dice .inner {
    background: #e0e0e0;
    box-shadow: none
}

#dice .cover {
    border-radius: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#dice .cover.x {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

#dice .cover.z {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

#dice .front {
    -webkit-transform: translateZ(35px);
    transform: translateZ(35px)
}

#dice .front.inner {
    -webkit-transform: translateZ(33px);
    transform: translateZ(33px)
}

#dice .back {
    -webkit-transform: rotateX(-180deg) translateZ(35px);
    transform: rotateX(-180deg) translateZ(35px)
}

#dice .back.inner {
    -webkit-transform: rotateX(-180deg) translateZ(33px);
    transform: rotateX(-180deg) translateZ(33px)
}

#dice .right {
    -webkit-transform: rotateY(90deg) translateZ(35px);
    transform: rotateY(90deg) translateZ(35px)
}

#dice .right.inner {
    -webkit-transform: rotateY(90deg) translateZ(33px);
    transform: rotateY(90deg) translateZ(33px)
}

#dice .left {
    -webkit-transform: rotateY(-90deg) translateZ(35px);
    transform: rotateY(-90deg) translateZ(35px)
}

#dice .left.inner {
    -webkit-transform: rotateY(-90deg) translateZ(33px);
    transform: rotateY(-90deg) translateZ(33px)
}

#dice .top {
    -webkit-transform: rotateX(90deg) translateZ(35px);
    transform: rotateX(90deg) translateZ(35px)
}

#dice .top.inner {
    -webkit-transform: rotateX(90deg) translateZ(33px);
    transform: rotateX(90deg) translateZ(33px)
}

#dice .bottom {
    -webkit-transform: rotateX(-90deg) translateZ(35px);
    transform: rotateX(-90deg) translateZ(35px)
}

#dice .bottom.inner {
    -webkit-transform: rotateX(-90deg) translateZ(33px);
    transform: rotateX(-90deg) translateZ(33px)
}

#dice .dot {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: #444;
    box-shadow: inset 5px 0 10px #000
}

#dice .dot.center {
    margin: 28px 0 0 28px
}

#dice .dot.dtop {
    margin-top: 12px
}

#dice .dot.dleft {
    margin-left: 44px
}

#dice .dot.dright {
    margin-left: 12px
}

#dice .dot.dbottom {
    margin-top: 44px
}

#dice .dot.center.dleft {
    margin: 28px 0 0 12px
}

#dice .dot.center.dright {
    margin: 28px 0 0 44px
}

@-webkit-keyframes dice-spin {
    0% {
        -webkit-transform: translateZ(-35px) rotateX(0deg) rotateY(0deg) rotate(0deg);
        transform: translateZ(-35px) rotateX(0deg) rotateY(0deg) rotate(0deg)
    }

    16% {
        -webkit-transform: translateZ(-35px) rotateX(180deg) rotateY(180deg) rotate(0deg);
        transform: translateZ(-35px) rotateX(180deg) rotateY(180deg) rotate(0deg)
    }

    33% {
        -webkit-transform: translateZ(-35px) rotateX(1turn) rotateY(90deg) rotate(180deg);
        transform: translateZ(-35px) rotateX(1turn) rotateY(90deg) rotate(180deg)
    }

    50% {
        -webkit-transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn);
        transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn)
    }

    66% {
        -webkit-transform: translateZ(-35px) rotateX(180deg) rotateY(1turn) rotate(270deg);
        transform: translateZ(-35px) rotateX(180deg) rotateY(1turn) rotate(270deg)
    }

    83% {
        -webkit-transform: translateZ(-35px) rotateX(270deg) rotateY(180deg) rotate(180deg);
        transform: translateZ(-35px) rotateX(270deg) rotateY(180deg) rotate(180deg)
    }

    to {
        -webkit-transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn);
        transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn)
    }
}

@keyframes dice-spin {
    0% {
        -webkit-transform: translateZ(-35px) rotateX(0deg) rotateY(0deg) rotate(0deg);
        transform: translateZ(-35px) rotateX(0deg) rotateY(0deg) rotate(0deg)
    }

    16% {
        -webkit-transform: translateZ(-35px) rotateX(180deg) rotateY(180deg) rotate(0deg);
        transform: translateZ(-35px) rotateX(180deg) rotateY(180deg) rotate(0deg)
    }

    33% {
        -webkit-transform: translateZ(-35px) rotateX(1turn) rotateY(90deg) rotate(180deg);
        transform: translateZ(-35px) rotateX(1turn) rotateY(90deg) rotate(180deg)
    }

    50% {
        -webkit-transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn);
        transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn)
    }

    66% {
        -webkit-transform: translateZ(-35px) rotateX(180deg) rotateY(1turn) rotate(270deg);
        transform: translateZ(-35px) rotateX(180deg) rotateY(1turn) rotate(270deg)
    }

    83% {
        -webkit-transform: translateZ(-35px) rotateX(270deg) rotateY(180deg) rotate(180deg);
        transform: translateZ(-35px) rotateX(270deg) rotateY(180deg) rotate(180deg)
    }

    to {
        -webkit-transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn);
        transform: translateZ(-35px) rotateX(1turn) rotateY(1turn) rotate(1turn)
    }
}

.text-primary-border-bottom {
    border-bottom: 3px solid;
    line-height: 1.6;
    -o-border-image: radial-gradient(#e33f64, rgba(250, 224, 66, 0)) 1;
    border-image: radial-gradient(#e33f64, rgba(250, 224, 66, 0)) 1
}

.text-gray-lighter,
.text-muted {
    color: #d2d2d2 !important
}

.text-muted-lighter {
    color: #a0a0a0
}



.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:active,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:focus,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:visited,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn:active,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn:focus,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn:visited {
    outline: 0;
    text-decoration: none;
    box-shadow: none
}

.btn-plain-primary {
    color: #000;
    background: linear-gradient(180deg, #e8ba78 19%, #a27f43);
    border: none;
    border-radius: 0
}

.btn-plain-primary:hover {
    color: #000
}

.btn-plain-secondary {
    color: #000;
    background: linear-gradient(180deg, #b5f9f8 -70%, #05716f);
    border: none;
    border-radius: 0
}

.btn-plain-secondary:hover {
    color: #000
}

.btn-plain-lobby {
    color: #fff !important;
    background: linear-gradient(180deg, #1b375a 20%, #08132d)
}

.btn-plain-lobby .-icon {
    margin-bottom: 4px
}

.btn-plain-lobby:hover {
    color: #fff !important
}

.btn-plain-secondary-landing {
    color: #000;
    background: #0f73d2;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #036cd1), color-stop(100%, #0f73d2));
    background: linear-gradient(90deg, #036cd1 0, #0f73d2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$from, endColorstr=$to, GradientType=0);
    border: none;
    border-radius: 0
}

.btn-plain-secondary-landing:hover {
    color: #000
}

.btn,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 9px;
    padding-bottom: 6px;
    line-height: 30px
}

.btn.-icon i.fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-icon.vex-dialog-button i.fas {
    position: relative;
    top: 3px
}

.btn .fa-play-circle,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .fa-play-circle {
    padding-top: 3px
}

@media (min-width:992px) {

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

@media (max-width:1199.98px) {

    .btn.-submit.-android-view,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.-android-view.vex-dialog-button {
        display: none !important
    }
}

.btn.-btn-play-test,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button {
    padding-top: 6px
}

@media (max-width:991.98px) {

    .btn.-btn-play-test .-typo,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button .-typo {
        padding-top: 9px
    }
}

.x-btn-image {
    display: inline-block
}

.x-btn-image.-hoverable>img {
    max-width: 100%;
    height: auto
}

.x-btn-image.-hoverable .-hover {
    display: none
}

@media (min-width:992px) {
    .x-btn-image.-hoverable:hover .-default {
        display: none
    }

    .x-btn-image.-hoverable:hover .-hover {
        display: inline-block
    }
}

@media (max-width:991.98px) {
    .modal-open .x-header {
        z-index: unset !important
    }
}

.x-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    opacity: 1;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.x-header.-sticky {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.x-header.-sticky #headerContent .-header-login-btn,
.x-header.-sticky .navbar-brand {
    opacity: 0
}

.x-header.-sticky .-logged-container {
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

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

.x-header .navbar-brand .-logo {
    position: absolute;
    top: 16px;
    left: 0;
    transition: opacity .2s;
    width: 160px
}

@media (max-width:767.98px) {
    .x-header .navbar-brand .-logo {
        width: 100px
    }
}

.x-header .x-hamburger {
    margin-right: 20px;
    margin-top: 6px;
    width: 25px;
    height: 24px;
    position: relative;
    transition: .5s ease-in-out;
    cursor: pointer
}

.x-header .x-hamburger,
.x-header .x-hamburger span {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.x-header .x-hamburger span {
    width: 70%;
    display: block;
    position: absolute;
    height: 3px;
    background: #a1a1a1;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transition: .25s ease-in-out
}

.x-header .x-hamburger span:first-child {
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: x-hamburger-wave .4s ease-out infinite alternate;
    animation: x-hamburger-wave .4s ease-out infinite alternate
}

.x-header .x-hamburger span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: x-hamburger-wave .4s ease-out .3s infinite alternate;
    animation: x-hamburger-wave .4s ease-out .3s infinite alternate
}

.x-header .x-hamburger span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: x-hamburger-wave .4s ease-out .6s infinite alternate;
    animation: x-hamburger-wave .4s ease-out .6s infinite alternate
}

.x-header .x-hamburger.open {
    width: 25px
}

.x-header .x-hamburger.open span {
    width: 100%;
    -webkit-animation: none;
    animation: none
}

.x-header .x-hamburger.open span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 5px
}

.x-header .x-hamburger.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.x-header .x-hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 5px
}

.x-header #headerBrand {
    height: 85px;
    flex: 1
}

@media (max-width:767.98px) {
    .x-header #headerBrand {
        height: 76px
    }
}

.x-header #headerContent .-header-login-btn {
    transition: opacity .2s ease-out
}

.x-header .x-logged .-logged-container {
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .75)
}

@media (max-width:991.98px) {
    .x-header .x-logged .-logged-container {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
}

.x-header .x-logged .-logged-container .dropdown {
    position: relative;
    display: inline-block
}

.x-header .x-logged .-logged-container .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(17, 28, 43, .76);
    min-width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    top: 100%;
    width: 100%;
    left: 0
}

.x-header .x-logged .-logged-container .dropdown-content .dropdown-item {
    border-bottom: 1px solid #e44075
}

.x-header .x-logged .-logged-container .dropdown-content .dropdown-item:last-child {
    border-bottom: none
}

.x-header .x-logged .-logged-container .dropdown-content .dropdown-item:last-child i {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.x-header .x-logged .-logged-container .dropdown-content a {
    color: #d2d2d2;
    text-decoration: none;
    display: block
}

.x-header .x-logged .-logged-container .dropdown-content a:hover {
    color: #e44075;
    background-color: transparent
}

@media (min-width:992px) {
    .x-header .x-logged .-logged-container .--profile:hover .dropdown-content {
        display: block
    }
}

.x-header .x-logged .-logged-container .--profile {
    background: linear-gradient(180deg, #262626, #000);
    border-bottom-left-radius: 10px
}

@media (max-width:991.98px) {
    .x-header .x-logged .-logged-container .--profile {
        border-bottom-right-radius: 10px
    }
}

.x-header .x-logged .-logged-container .--profile .--profile-detail {
    line-height: 100%
}

.x-header .x-logged .-logged-container .--profile .--profile-detail button {
    line-height: normal
}

.x-header .x-logged .-logged-container .--deposit {
    background: linear-gradient(180deg, #e8ba78 19%, #a27f43)
}

.x-header .x-logged .-logged-container .--withdraw {
    background: linear-gradient(0deg, #036cd1, #0f73d2);
    border-bottom-right-radius: 10px
}

.x-logged-sidebar-mobile {
    display: none
}

@media (max-width:991.98px) {
    .x-logged-sidebar-mobile {
        display: block
    }

    .x-logged-sidebar-mobile .-inner-wrapper {
        position: fixed;
        top: 0;
        right: -90%;
        z-index: 60;
        width: 70%;
        min-width: 280px;
        height: 100%;
        background: linear-gradient(0deg, rgba(0, 1, 1, .95), rgba(36, 41, 44, .95));
        transition: right .2s;
        opacity: 0
    }

    .x-logged-sidebar-mobile .-inner-wrapper.show {
        right: 0;
        opacity: 1
    }

    .x-logged-sidebar-mobile .-inner-wrapper.show .-heading {
        padding-left: 2rem !important
    }

    .x-logged-sidebar-mobile .-inner-wrapper.show .-heading img {
        width: 130px
    }

    .x-logged-sidebar-mobile .-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 55;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .7)
    }

    .x-logged-sidebar-mobile .-overlay.show {
        display: block
    }
}

@media (max-width:991.98px) {

    .x-bank-account-form,
    .x-bank-account-form .-animatable-container,
    .x-bank-account-form form {
        height: 100%
    }
}

.x-bank-account-form .invalid-feedback {
    display: block
}

.x-bank-choices-type .-outer-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.x-bank-choices-type .-outer-wrapper .-input-radio {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px
}

.x-bank-choices-type .-outer-wrapper .-input-radio+.-label {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 50%;
    opacity: .75;
    transition: all .1s
}

.x-bank-choices-type .-outer-wrapper .-input-radio+.-label:focus {
    outline: none
}

.x-bank-choices-type .-outer-wrapper .-input-radio+.-label .-logo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: all .1s
}

.x-bank-choices-type .-outer-wrapper .-input-radio+.-label .fas.fa-check {
    display: none;
    position: absolute;
    bottom: -2px;
    right: -1px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    background-color: #71dd8a
}

.x-bank-choices-type .-outer-wrapper .-input-radio:checked+.-label {
    opacity: 1
}

.x-bank-choices-type .-outer-wrapper .-input-radio:checked+.-label .-logo {
    width: 36px;
    height: 36px
}

.x-bank-choices-type .-outer-wrapper .-input-radio:checked+.-label .fas.fa-check {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:992px) and (max-width:1199.98px) {
    .x-bank-choices-type .-outer-wrapper .-input-radio+.-label {
        width: 34px;
        height: 34px
    }

    .x-bank-choices-type .-outer-wrapper .-input-radio+.-label .-logo {
        width: 26px;
        height: 26px
    }

    .x-bank-choices-type .-outer-wrapper .-input-radio:checked+.-label .-logo {
        width: 30px;
        height: 30px
    }
}

.ribbon {
    width: 95px;
    height: 95px;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

.ribbon .-text-wrapper {
    position: absolute;
    display: block;
    height: 26px;
    right: -9px;
    top: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 150px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center
}

.ribbon .-text-wrapper,
.ribbon .-text-wrapper.-hot {
    background-color: #ed2c38
}

.ribbon .-text-wrapper.-new {
    background-color: #0f73d2
}

.ribbon .-text-wrapper span {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    font-weight: 700
}

.ribbon.ribbon-top-left {
    top: -4px;
    left: -4px
}

.ribbon.ribbon-top-left:after,
.ribbon.ribbon-top-left:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.ribbon.ribbon-top-left:before {
    top: 0;
    right: 0
}

.ribbon.ribbon-top-left:after {
    bottom: 0;
    left: 0
}

.x-index-tab-container {
    background-color: #000
}

.x-index-tab-container .x-tab {
    border-bottom: none
}

.x-index-tab-container .x-tab .nav-item {
    width: 25%;
    text-align: center
}

.x-index-tab-container .x-tab .nav-item .nav-link {
    color: #afafaf;
    background-color: #000;
    transition: color .3s;
    border: none
}

.x-index-tab-container .x-tab .nav-item .nav-link .x-hr-border-glow {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s
}

.x-index-tab-container .x-tab .nav-item .nav-link .-ic {
    height: 50px;
    transition: all .6s
}

.x-index-tab-container .x-tab .nav-item .nav-link.active {
    border: none;
    background-color: linear-gradient(180deg, transparent, #002d59)
}

.x-index-tab-container .x-tab .nav-item .nav-link.active span {
    color: #fff !important
}

.x-index-tab-container .x-tab .nav-item .nav-link.active .x-hr-border-glow {
    visibility: visible;
    opacity: 1;
    width: 50%
}

@media (min-width:992px) {
    .x-index-tab-container .x-tab .nav-item:hover .nav-link {
        border: none;
        color: #e44075;
        background-color: #000
    }

    .x-index-tab-container .x-tab .nav-item:hover .nav-link .x-hr-border-glow {
        visibility: visible;
        opacity: 1;
        width: 50%
    }

    .x-index-tab-container .x-tab .nav-item:hover .nav-link .-ic {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.x-index-tab-container .tab-content {
    min-height: 100px
}

@media (max-width:767.98px) {
    .x-index-tab-container .x-tab .nav-item .nav-link .-ic {
        height: 40px
    }

    .x-index-tab-container .x-tab .nav-item .nav-link span {
        font-size: 1.1rem
    }
}

.vex.vex-theme-plain .vex-content {
    padding: 2.5rem 1rem 1.8rem;
    font-family: DBHelvethaicaMonX, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    border-radius: 2px;
    width: 400px
}

@media (max-width:575.98px) {
    .vex.vex-theme-plain .vex-content {
        width: 350px
    }
}

.vex.vex-theme-plain .vex-content .vex-dialog-message {
    text-align: center;
    font-weight: 700
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons {
    text-align: center;
    margin-top: 2rem
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    float: none;
    min-width: 120px;
    border: none;
    margin: 5px
}

.x-profile-image img {
    width: 50px
}

@media (max-width:767.98px) {
    .x-profile-image img {
        width: 40px;
        height: 40px
    }
}

.x-web-list-sidebar {
    position: fixed;
    left: -200px;
    top: 0;
    height: 100%;
    min-width: 140px;
    z-index: 60;
    text-align: center;
    transition: left .3s
}

.x-web-list-sidebar .-inner-wrapper {
    position: relative;
    height: 100%;
    padding: 1rem 1.25rem;
    background: #282a35;
    z-index: 60
}

.x-web-list-sidebar .-inner-wrapper .-title {
    font-size: 1.5rem;
    font-weight: 400
}

.x-web-list-sidebar .-inner-wrapper .-hr {
    width: 50px;
    margin: .25rem auto 1rem;
    border-top: 2px solid
}

.x-web-list-sidebar .-inner-wrapper .navbar-nav .nav-item .nav-link {
    padding: .75rem 0;
    text-align: center
}

.x-web-list-sidebar .-inner-wrapper .navbar-nav .nav-item .nav-link .-logo {
    width: 50px;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

@media (min-width:992px) {
    .x-web-list-sidebar .-inner-wrapper .navbar-nav .nav-item .nav-link .-logo {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }
}

.x-web-list-sidebar .-inner-wrapper .navbar-nav .nav-item .nav-link .-text {
    margin-top: 6px;
    color: #adb5bd;
    transition: color .3s
}

.x-web-list-sidebar .-inner-wrapper .navbar-nav .nav-item .nav-link:hover .-logo {
    -webkit-filter: none;
    filter: none
}

.x-web-list-sidebar .-inner-wrapper .navbar-nav .nav-item .nav-link:hover .-text {
    color: #fff
}

.x-web-list-sidebar .-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 55;
    background: rgba(0, 0, 0, .6)
}

.x-web-list-sidebar.open {
    left: 0
}

.x-web-list-sidebar.open .-overlay {
    display: block
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .vex-dialog-button,
.x-apple-os .btn,
.x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 12px;
    line-height: 24px
}

@media (max-width:991.98px) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-submit.vex-dialog-button,
    .x-apple-os .btn.-submit,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button {
        padding-top: 14px
    }
}

.x-apple-os .x-mini-copy {
    display: inline-block;
    padding-top: 2px !important
}

.x-apple-os .fa-play-circle {
    padding-top: 0
}

.x-apple-os .x-deposit-next {
    padding-top: 3px !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .x-button-actions#account-actions-mobile .vex-dialog-button,
.x-apple-os .x-button-actions#account-actions-mobile .btn,
.x-apple-os .x-button-actions#account-actions-mobile .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 8px;
    line-height: 30px
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button,
.x-apple-os .btn.-btn-play-test,
.x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button {
    padding-top: 6px
}

@media (max-width:991.98px) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button,
    .x-apple-os .btn.-btn-play-test,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button {
        line-height: 30px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button .fa-play-circle,
    .x-apple-os .btn.-btn-play-test .fa-play-circle,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button .fa-play-circle {
        padding-top: 3px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-play-test.vex-dialog-button .-typo,
    .x-apple-os .btn.-btn-play-test .-typo,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-play-test.vex-dialog-button .-typo {
        padding-top: 9px
    }
}

.x-apple-os .form-check input[type=checkbox]+label:before {
    margin-top: 4px !important
}

.x-apple-os .form-check input[type=checkbox]+label:after {
    top: 4px !important
}

.x-apple-os .x-account-profile .-profile-container .x-checkbox-primary {
    margin-top: 10px !important
}

.x-apple-os .x-account-profile .-profile-container .x-checkbox-primary .form-check-label:before {
    margin-top: 0 !important
}

.x-apple-os .x-account-profile .-profile-container .x-checkbox-primary .form-check-label:after {
    top: 0 !important
}

.x-apple-os .x-account-profile .-bank-info .media-body {
    margin-top: .35rem !important
}

.x-apple-os .-deposit-preview .-fake-input,
.x-apple-os .x-withdraw-pending .-fake-input {
    padding: 16px .675rem 4px !important
}

.x-apple-os .x-promotion-active-header .progress span {
    margin-top: 2px !important
}

.x-windows-os .x-header .navbar-nav .-header-login-btn,
.x-windows-os .x-header .navbar-nav a {
    line-height: 26px
}

.x-windows-os .x-account-profile .-bank-info .media-body {
    margin-top: 0 !important
}

.x-windows-os .form-check input[type=checkbox]+label:before {
    top: 4px !important
}

.x-windows-os .form-check input[type=checkbox]+label:after {
    top: 8px !important
}

.x-windows-os form[name=set_un_subscribe_sms] .form-check input[type=checkbox]+label:after {
    top: 4px !important
}

.x-windows-os .x-pending .-fake-input {
    padding: 10px .675rem 8px
}

.x-windows-os .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn {
    line-height: 24px !important;
    padding-bottom: .25rem !important
}

.x-windows-os .x-promotion-active-header .progress span {
    margin-top: 0 !important
}

.x-ios-os #resetPasswordModal .-x-input-icon input::-webkit-input-placeholder,
.x-ios-os .x-bank-account-form .-x-input-icon input::-webkit-input-placeholder,
.x-ios-os .x-deposit-form .-x-input-icon input::-webkit-input-placeholder,
.x-ios-os .x-form-register .-x-input-icon input::-webkit-input-placeholder,
.x-ios-os .x-login-form .-x-input-icon input::-webkit-input-placeholder,
.x-ios-os .x-pending .-x-input-icon input::-webkit-input-placeholder,
.x-ios-os .x-withdraw-form .-x-input-icon input::-webkit-input-placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-x-input-icon input:-ms-input-placeholder,
.x-ios-os .x-bank-account-form .-x-input-icon input:-ms-input-placeholder,
.x-ios-os .x-deposit-form .-x-input-icon input:-ms-input-placeholder,
.x-ios-os .x-form-register .-x-input-icon input:-ms-input-placeholder,
.x-ios-os .x-login-form .-x-input-icon input:-ms-input-placeholder,
.x-ios-os .x-pending .-x-input-icon input:-ms-input-placeholder,
.x-ios-os .x-withdraw-form .-x-input-icon input:-ms-input-placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-x-input-icon input::-ms-input-placeholder,
.x-ios-os .x-bank-account-form .-x-input-icon input::-ms-input-placeholder,
.x-ios-os .x-deposit-form .-x-input-icon input::-ms-input-placeholder,
.x-ios-os .x-form-register .-x-input-icon input::-ms-input-placeholder,
.x-ios-os .x-login-form .-x-input-icon input::-ms-input-placeholder,
.x-ios-os .x-pending .-x-input-icon input::-ms-input-placeholder,
.x-ios-os .x-withdraw-form .-x-input-icon input::-ms-input-placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-x-input-icon input::placeholder,
.x-ios-os .x-bank-account-form .-x-input-icon input::placeholder,
.x-ios-os .x-deposit-form .-x-input-icon input::placeholder,
.x-ios-os .x-form-register .-x-input-icon input::placeholder,
.x-ios-os .x-login-form .-x-input-icon input::placeholder,
.x-ios-os .x-pending .-x-input-icon input::placeholder,
.x-ios-os .x-withdraw-form .-x-input-icon input::placeholder {
    line-height: 22px
}

.x-ios-os #resetPasswordModal .-submit,
.x-ios-os .x-bank-account-form .-submit,
.x-ios-os .x-deposit-form .-submit,
.x-ios-os .x-form-register .-submit,
.x-ios-os .x-login-form .-submit,
.x-ios-os .x-pending .-submit,
.x-ios-os .x-withdraw-form .-submit {
    padding-top: 15px
}

.x-ios-os .x-account-profile .-bank-info .media-body {
    margin-top: .4rem !important
}

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

.x-ios-os .x-pending .-fake-input {
    padding: 14px .675rem 4px
}

.x-ios-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 14px
}

.x-android-os #resetPasswordModal .-submit,
.x-android-os .x-bank-account-form .-submit,
.x-android-os .x-deposit-form .-submit,
.x-android-os .x-form-register .-submit,
.x-android-os .x-login-form .-submit,
.x-android-os .x-pending .-submit,
.x-android-os .x-withdraw-form .-submit {
    padding-top: 15px
}

.x-android-os .x-account-profile .-bank-info .media-body {
    margin-top: .35rem !important
}

.x-android-os .x-admin-contact .x-text-with-link-component {
    font-size: 20px
}

.x-android-os .x-pending .-fake-input {
    padding: 14px .675rem 4px
}

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

.x-android-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 14px
}

@media (max-width:991.98px) {
    .x-modal {
        padding-right: 0 !important
    }
}

.x-modal .close {
    position: absolute;
    right: 14px;
    top: 6px;
    z-index: 1
}

.x-modal .-modal-size {
    transition: max-width .6s;
    max-width: 450px
}

@media (max-width:991.98px) {
    .x-modal .-modal-size {
        max-width: 100%;
        height: 100%;
        margin: 0 !important
    }
}

.x-modal .-modal-size.-modal-big {
    max-width: 800px
}

@media (max-width:991.98px) {
    .x-modal .-modal-size.-modal-big {
        max-width: 100%
    }
}

@media (max-width:991.98px) {
    .x-modal .-modal-size.bankInfoMobile {
        height: 700px
    }
}

.x-modal .-modal-content {
    background: linear-gradient(140deg, rgba(18, 35, 46, .95) 10%, rgba(18, 35, 46, .95));
    border-radius: 10px;
    position: relative;
    min-height: 200px
}

.x-modal .-modal-content .modal-body {
    padding-bottom: 3rem;
    padding-left: 4rem;
    padding-right: 4rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-modal .-modal-content .modal-body {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .x-modal .-modal-content .modal-body {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width:575.98px) {
    .x-modal .-modal-content .modal-body {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width:991.98px) {
    .x-modal .-modal-content {
        position: relative;
        height: 100%;
        background: #2a1e12;
        min-height: 400px
    }

    .x-modal .-modal-content .modal-header {
        height: 15%
    }

    .x-modal .-modal-content .modal-body {
        height: 85%;
        position: relative
    }

    .x-modal .-modal-content .modal-body .js-modal-content {
        height: 100%
    }

    .x-modal .-modal-content .-submit {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1;
        height: 50px;
        font-size: 1.5rem
    }
}

.x-modal .close {
    color: #e44075;
    text-shadow: none
}

@media (max-width:991.98px) {
    .x-modal .-real-content {
        padding-bottom: 70px
    }
}

@media (max-width:991.98px) {
    #depositModal .modal-content .modal-body {
        position: fixed;
        overflow: auto;
        width: 100%
    }

    #depositModal .modal-content .modal-body .-submit[disabled] {
        opacity: 1
    }
}

@media (max-width:991.98px) {

    #bankInfoModal .modal-content .modal-body,
    #depositModal .modal-content .modal-body,
    #registerModal .modal-content .modal-body,
    #withdrawModal .modal-content .modal-body {
        padding-top: 2rem !important;
        height: 100% !important
    }
}

@media (max-width:991.98px) {

    #accountModal .modal-content .modal-body,
    #registerModal .modal-content .modal-body {
        position: fixed;
        overflow: auto;
        width: 100%
    }
}

#accountModal .x-profile-image img {
    width: 70px
}

@media (max-width:991.98px) {
    #accountModal .x-profile-image img {
        height: 70px
    }
}

#accountModal .modal-content .modal-body {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (max-width:991.98px) {
    #accountModal .modal-content .modal-body {
        height: 100%
    }
}

#ads .-checkbox-label {
    padding: 4px
}

.x-slide-left-content {
    transition: all .6s;
    align-self: flex-start
}

.x-slide-left-content.-hide {
    height: 0;
    width: 0;
    flex-grow: 0;
    padding: 0;
    flex-basis: 0;
    overflow: hidden
}

.x-slide-left-content.-hide .x-title-modal {
    display: none !important
}

@media (max-width:767.98px) {
    .x-form-register button[disabled] {
        opacity: 1;
        background: #816642;
        background: -webkit-gradient(left top, left bottom, color-stop(0, #493b22), color-stop(100%, #816642));
        background: linear-gradient(90deg, #493b22 0, #816642);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$from, endColorstr=$to, GradientType=0)
    }
}

.x-form-register .x-button-actions {
    display: block
}

@media (min-width:992px) {

    .x-form-register .x-button-actions .-btn-left-bottom,
    .x-form-register .x-button-actions .-btn-right-bottom {
        width: 60%;
        margin: auto
    }

    .x-form-register .x-button-actions .-btn-left-bottom {
        box-shadow: 0 0 5px 3px rgba(236, 189, 123, .3)
    }

    .x-form-register .x-button-actions .-btn-right-bottom {
        box-shadow: 0 0 5px 3px rgba(18, 22, 27, .3)
    }
}

.x-form-register .-term-and-condition-check-box {
    font-size: 18px
}

@media (max-width:991.98px) {
    .x-form-register .-term-and-condition-check-box {
        position: absolute;
        bottom: 100px;
        left: 50%;
        right: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .x-form-register .-term-and-condition-check-box input[type=checkbox] {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .x-form-register .-term-and-condition-check-box.-no-fixed {
        position: static;
        -webkit-transform: inherit;
        transform: inherit
    }
}

.x-form-register .-term-and-condition-content {
    height: 280px;
    overflow-y: scroll
}

.x-form-register .-term-and-condition-content::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-form-register .-term-and-condition-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-form-register .-term-and-condition-content::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

@media (max-width:991.98px) {
    .x-form-register .-term-and-condition-content {
        padding: 0 !important;
        height: auto;
        overflow-y: unset;
        max-height: none;
        -webkit-overflow-scrolling: auto;
        overflow: unset;
        background: #121e2e
    }
}

@media (max-width:991.98px) {
    .x-form-register .x-slide-left-content+.-form {
        display: none
    }

    .x-form-register .x-slide-left-content.-hide+.-form {
        display: block
    }
}

@media (max-width:1199.98px) {

    .x-form-register,
    .x-form-register .-animatable-container {
        height: 100%
    }

    .x-form-register img.-ic-register {
        width: 120px
    }

    .x-form-register img.-ic-lock,
    .x-form-register img.-ic-otp {
        width: 70px
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-form-register .-submit.vex-dialog-button.vex-dialog-button-primary,
    .x-form-register .btn-primary.-submit,
    .x-form-register .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button.vex-dialog-button-primary,
    .x-form-register .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-submit.-copy-btn,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-form-register .-submit.-copy-btn {
        box-shadow: 0 0 5px 1px rgba(236, 189, 123, .3)
    }
}

@media (max-width:1199.98px) and (max-width:991.98px) {
    .x-form-register .x-button-actions .-btn-left-bottom {
        box-shadow: 0 0 5px 1px rgba(236, 189, 123, .3)
    }

    .x-form-register .x-button-actions .-btn-right-bottom {
        box-shadow: 0 0 5px 1px rgba(18, 22, 27, .3)
    }
}

.x-step-register .-border {
    flex: 1;
    max-width: 100%
}

.x-step-register .-border hr {
    border-top-width: 2px;
    border-color: #d2d2d2
}

.x-step-register .-step-box-outer {
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #d2d2d2;
    width: 26px;
    height: 26px
}

.x-step-register .-step-box-outer.step-active .--step-box-inner {
    background-color: #e44075;
    color: #000;
    font-weight: 700;
    border-radius: 50%
}

.x-step-register .-step-box-outer .--step-box-inner {
    background: transparent;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #d2d2d2;
    font-family: Sans-Serif, sans-serif;
    font-size: 10px !important;
    margin: 2px;
    line-height: 18px
}

@media (max-width:991.98px) {
    .x-step-register .-step-box-outer {
        width: 24px;
        height: 24px;
        background-color: #d2d2d2
    }

    .x-step-register .-step-box-outer .--step-box-inner {
        margin: 1px
    }

    .x-step-register .-step-box-outer.step-active {
        background-color: #fff
    }
}

@media (max-width:991.98px) {

    .x-deposit-form,
    .x-deposit-form .-animatable-container,
    .x-deposit-form form {
        height: 100%
    }
}

@media (max-width:1199.98px) {
    .x-deposit-form .-deposit-container {
        height: 100% !important
    }
}

.x-deposit-form .-deposit-container .-btn-get-promotion {
    background: transparent;
    border: 0
}

.x-deposit-form .-deposit-container .-btn-cancel-promotion,
.x-deposit-form .-deposit-container .-btn-get-promotion u {
    font-size: 1.3rem
}

.x-deposit-form .-bg-promotion-active {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media (max-width:767.98px) {
    .x-deposit-form .-bg-promotion-active {
        width: 90%
    }
}

@media (max-width:991.98px) {
    .x-deposit-form .x-slide-left-content+.-form {
        display: none
    }

    .x-deposit-form .x-slide-left-content.-hide+.-form {
        display: block
    }
}

@media (max-width:767.98px) {

    .x-deposit-bank-change .-bank-after,
    .x-deposit-bank-change .-bank-before {
        padding: 0
    }
}

.x-deposit-bank-change .-bank-before {
    opacity: .4
}

.x-deposit-bank-change .-title .fas {
    color: #dc3545 !important
}

.x-deposit-bank-change .fas.fa-arrow-right {
    position: relative;
    top: 3px;
    right: -10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-name: x-arrow-left;
    animation-name: x-arrow-left;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.x-deposit-bank-change .-submit .fas {
    position: relative;
    top: 3px;
    right: -10px
}

@media (max-width:767.98px) {
    .x-deposit-bank-change {
        padding: 1rem 0 !important
    }

    .x-deposit-bank-change .-title {
        font-size: 1.75rem !important
    }
}

.-deposit-preview .-fake-input {
    position: relative
}

.-deposit-preview .-fake-input .fas {
    position: absolute;
    top: 15px;
    left: -40px;
    font-size: 22px;
    color: #e44075;
    -webkit-animation-name: x-arrow-left;
    animation-name: x-arrow-left;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

#depositModal .-temporary-deposit-decimal,
.-deposit-preview .-temporary-deposit-decimal {
    margin-bottom: 1rem;
    font-size: 1.5rem
}

#depositModal .-temporary-deposit-decimal .-decimal,
.-deposit-preview .-temporary-deposit-decimal .-decimal {
    display: block;
    padding: 0 2rem
}

#depositModal .-temporary-deposit-decimal .-badge,
.-deposit-preview .-temporary-deposit-decimal .-badge {
    margin-bottom: 8px;
    display: inline-block;
    border-radius: 22px;
    padding: 2px 11px;
    border: 2px solid #fff;
    background: red;
    color: #fff;
    -webkit-animation-name: x-alert-blinker;
    animation-name: x-alert-blinker;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

#depositModal .-temporary-deposit-decimal .-badge .fas,
.-deposit-preview .-temporary-deposit-decimal .-badge .fas {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

#depositModal .-temporary-deposit-decimal .-description,
.-deposit-preview .-temporary-deposit-decimal .-description {
    margin-top: 1rem;
    display: block;
    padding: 0 2rem;
    color: #f16869
}

@media (max-width:991.98px) {

    #depositModal .-temporary-deposit-decimal .-decimal,
    #depositModal .-temporary-deposit-decimal .-description,
    .-deposit-preview .-temporary-deposit-decimal .-decimal,
    .-deposit-preview .-temporary-deposit-decimal .-description {
        padding: 0
    }
}

.x-pending .-fake-input {
    padding: 12px .675rem 8px;
    background-color: hsla(0, 0%, 100%, .08);
    color: #e44075;
    font-size: 1.95rem;
    line-height: 1
}

.x-pending .-fake-input .-decimal {
    font-weight: 700;
    color: #fff;
    text-decoration: underline
}

@media (max-width:991.98px) {
    .x-pending .-fake-input {
        width: 80%
    }
}

@media (max-width:767.98px) {
    .x-pending .-fake-input {
        width: 100%
    }
}

@media (max-width:991.98px) {
    .x-pending {
        height: 100%
    }

    .x-pending .js-copy-to-clipboard {
        background-color: transparent;
        border-radius: 10px;
        border: 1px solid #fff;
        padding: 4px
    }

    .x-pending .-animatable-container {
        height: 100%
    }
}

.x-pending .-qr {
    width: 70%
}

.x-pending .-pending-bg-promotion-active {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    padding: 7px 0 0
}

.x-pending .-pending-bg-promotion-active .-title {
    color: #e44075;
    font-size: 22px;
    font-weight: 700
}

@media (max-width:991.98px) {
    .x-pending .-pending-bg-promotion-active .-title {
        font-size: 18px
    }
}

.x-pending .-danger-zone {
    margin: 2rem auto 0;
    position: relative;
    padding: 20px 15px 12px;
    width: 100%;
    border: 2px solid #fd043a;
    background: rgba(253, 4, 58, .2)
}

@media (max-width:991.98px) {
    .x-pending .-danger-zone {
        width: 90%;
        margin-bottom: 4rem
    }
}

.x-pending .-danger-zone .-icon-wrapper {
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 6px
}

.x-pending .-danger-zone .-icon-wrapper .-img {
    width: 30px
}

.x-pending .-danger-zone span {
    display: block;
    font-size: 1.5rem
}

.x-deposit-promotion {
    max-height: 400px;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.x-deposit-promotion::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-deposit-promotion::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-deposit-promotion::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

@media (max-width:991.98px) {
    .x-deposit-promotion {
        max-height: none;
        -webkit-overflow-scrolling: auto;
        overflow: unset;
        background: #121e2e
    }
}

.x-deposit-promotion .-img {
    transition: all .6s;
    opacity: .7;
    border-radius: 10px
}

.x-deposit-promotion .-img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.x-deposit-promotion .-img.-active {
    opacity: 1;
    border: 3px solid #e44075
}

@media (max-width:991.98px) {

    .x-withdraw-form,
    .x-withdraw-form .-animatable-container,
    .x-withdraw-form form {
        height: 100%
    }
}

.x-withdraw-pending .-fake-input {
    padding: 12px .675rem 8px;
    background-color: hsla(0, 0%, 100%, .08);
    color: #e44075;
    font-size: 1.95rem;
    line-height: 1
}

.x-withdraw-pending .-fake-input .-decimal {
    font-weight: 700;
    color: #fff;
    text-decoration: underline
}

@media (max-width:991.98px) {
    .x-withdraw-pending .-fake-input {
        width: 80%
    }
}

@media (max-width:767.98px) {
    .x-withdraw-pending .-fake-input {
        width: 100%
    }
}

.x-intro-promotion {
    color: hsla(0, 0%, 100%, .8)
}

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

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

.x-intro-promotion.-android-view .slick-dots li.slick-active button:before {
    opacity: .75
}

.x-intro-promotion.-android-view .slick-dots li:not(.slick-active) button:focus:before,
.x-intro-promotion.-android-view .slick-dots li:not(.slick-active) button:hover:before {
    opacity: .25
}

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

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

.x-intro-promotion .slick-dots li:not(.slick-active) button:focus:before {
    opacity: .25
}

.x-intro-promotion .slick-arrow {
    background-color: rgba(17, 28, 43, .76);
    width: 50px;
    height: 50px
}

.x-intro-promotion .slick-arrow:before {
    display: none !important
}

@media (max-width:991.98px) {
    .x-intro-promotion .slick-arrow {
        width: 30px;
        height: 30px
    }
}

.x-intro-promotion .slick-arrow .fas {
    font-size: 18px;
    line-height: 18px;
    color: #e44075;
    opacity: .8
}

.x-intro-promotion .slick-arrow .fas:hover {
    opacity: 1
}

.x-intro-promotion .slick-arrow.slick-prev {
    left: 28%;
    top: 150px
}

@media (max-width:991.98px) {
    .x-intro-promotion .slick-arrow.slick-prev {
        left: 3%
    }
}

.x-intro-promotion .slick-arrow.slick-next {
    right: 28%;
    top: 150px
}

@media (max-width:991.98px) {
    .x-intro-promotion .slick-arrow.slick-next {
        right: 3%
    }
}

.x-intro-promotion .slick-list.draggable {
    padding: 0 !important;
    margin-right: 2rem;
    margin-left: 2rem
}

@media (max-width:575.98px) {
    .x-intro-promotion .slick-list.draggable {
        margin-left: 0;
        margin-right: 0
    }
}

.x-intro-promotion .slick-list .slick-track .slick-slide {
    opacity: .2
}

.x-intro-promotion .slick-list .slick-track .slick-slide img {
    width: 1000px
}

@media (max-width:991.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide img {
        width: 600px
    }
}

@media (max-width:767.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide img {
        width: 100%
    }
}

.x-intro-promotion .slick-list .slick-track .slick-slide .-slick-content {
    opacity: 0
}

.x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
    min-width: 12%
}

@media (max-width:1199.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 20%
    }
}

@media (max-width:991.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 30%
    }
}

@media (max-width:767.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 40%
    }
}

@media (max-width:575.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide .-btn-container {
        min-width: 50%
    }
}

.x-intro-promotion .slick-list .slick-track .slick-slide.slick-center {
    opacity: 1
}

.x-intro-promotion .slick-list .slick-track .slick-slide.slick-center .-slick-content {
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%
}

@media (max-width:991.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide.slick-center .-slick-content {
        max-width: 80%
    }
}

@media (max-width:767.98px) {
    .x-intro-promotion .slick-list .slick-track .slick-slide.slick-center .-slick-content {
        max-width: 100%
    }
}

.x-promotion-content {
    color: #a0a0a0;
    font-size: 1.1em !important
}

.x-promotion-content h2 {
    font-size: 1.4em !important;
    color: #e44075
}

.x-promotion-content h3 {
    font-size: 1.2em !important;
    color: #fff
}

.x-promotion-content table {
    width: 100%
}

@media (max-width:991.98px) {

    .x-login-form,
    .x-login-form .-animatable-container,
    .x-register-already-form,
    .x-register-already-form .-animatable-container {
        height: 100%
    }
}

.x-register-already-form .-already-description {
    width: 100%;
    margin: 1rem 0 2rem;
    padding: 1rem 1rem .5rem;
    text-align: center;
    background: hsla(0, 0%, 100%, .08)
}

.x-register-already-form .x-reset-pw-text-container {
    width: 100%;
    margin: 1rem auto;
    text-align: center
}

.x-register-already-form .x-reset-pw-text-container a {
    display: inline-block;
    color: #e44075
}

@media (min-width:992px) {
    .x-register-already-form .x-reset-pw-text-container a:hover {
        color: #e75685
    }
}

@media (max-width:575.98px) {
    .x-account-profile .order-2 {
        padding-bottom: 2rem
    }
}

@media (max-width:991.98px) {
    .x-account-profile {
        background: #121e2e;
        padding-top: 2rem
    }
}

@media (max-width:767.98px) {
    .x-account-profile .-account-provider-container {
        padding-right: 0;
        padding-left: 0
    }
}

.x-account-profile .-account-provider-container .-account-provider-inner {
    font-size: 1.1rem
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll {
    height: 320px;
    overflow-y: auto
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-account-profile .-account-provider-container .-account-provider-inner.-scroll::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

.x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper {
    flex: 1;
    flex-wrap: wrap
}

.x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper img {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.x-account-profile .-account-provider-container .-account-provider-inner .-btn-action-wrapper {
    width: 46px;
    min-width: 46px;
    text-align: right
}

@media (max-width:991.98px) {
    .x-account-profile .-account-provider-container .-account-provider-inner {
        width: 60%
    }
}

@media (max-width:767.98px) {
    .x-account-profile .-account-provider-container .-account-provider-inner {
        width: 80%
    }
}

@media (max-width:575.98px) {
    .x-account-profile .-account-provider-container .-account-provider-inner {
        width: 100%
    }

    .x-account-profile .-account-provider-container .-account-provider-inner .-info-wrapper img {
        width: 30px;
        height: 30px;
        margin-top: 10px
    }
}

.x-account-profile .-profile-container .-bank-info {
    width: 80%;
    background-color: hsla(0, 0%, 100%, .08)
}

@media (max-width:575.98px) {
    .x-account-profile .-profile-container .-bank-info {
        width: 90%
    }
}

.x-account-profile .-profile-container .-bank-info .media-body {
    color: #fff !important;
    margin-top: .4rem
}

.x-account-profile .-profile-container .-change-password-container {
    width: 80%
}

.x-account-profile .-profile-container .x-checkbox-primary {
    margin-top: 10px
}

.x-account-profile .-profile-container .x-checkbox-primary .form-check-label:before {
    margin-top: 0
}

.x-account-profile .-profile-container .x-checkbox-primary .form-check-label:after {
    top: 0
}

@media (max-width:991.98px) {
    .x-promotion-active-header {
        background: #121e2e;
        padding-top: 2rem
    }
}

.x-promotion-active-header .progress {
    position: relative;
    height: 1.5rem;
    padding: .25rem;
    border-radius: 10px;
    background-color: #2e383c
}

.x-promotion-active-header .progress .progress-bar {
    border-radius: 10px;
    background: #46a9d5;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #0f73d2), color-stop(100%, #46a9d5));
    background: linear-gradient(90deg, #0f73d2 0, #46a9d5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$from, endColorstr=$to, GradientType=0)
}

.x-promotion-active-header .progress span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 3px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #fff
}

.x-promotion-active-header .-condition {
    max-height: 200px;
    overflow: auto;
    border-top: 1px solid rgba(236, 189, 123, .4);
    border-bottom: 1px solid rgba(236, 189, 123, .4);
    -webkit-overflow-scrolling: touch
}

.x-promotion-active-header .-condition::-webkit-scrollbar-track {
    background-color: #212020;
    border-radius: 5px
}

.x-promotion-active-header .-condition::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 5px
}

.x-promotion-active-header .-condition::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px
}

.x-landing {
    background: transparent
}

.x-landing .-logo {
    position: relative;
    width: 160px
}

@media (max-width:1199.98px) {
    .x-landing {
        background-position: 50%
    }
}

.x-landing #main__content {
    height: 100%
}

@media (max-width:991.98px) {
    .x-landing #main__content {
        padding-bottom: 0
    }
}

.x-landing .x-index-top-container {
    position: relative;
    z-index: 2
}

@media (max-width:991.98px) {
    .x-landing .x-index-top-container {
        overflow-x: hidden !important
    }

    .x-landing .x-index-top-container .x-register-card-landing .card-body.-default-content {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (max-width:575.98px) {

    .x-landing .x-index-top-container .x-register-card-landing .-default-img,
    .x-landing .x-index-top-container .x-register-card-landing .-logo-title {
        width: 90%
    }
}

.x-landing .-btn-image .-btn {
    width: 180px
}

.x-landing .-btn-image .-btn-register {
    width: 175px
}

.x-landing .-btn-image button:focus {
    box-shadow: none
}

.x-register-card-landing .card {
    border-radius: 25px;
    background: hsla(0, 0%, 100%, .1)
}

@media (max-width:991.98px) {
    .x-register-card-landing .card {
        border-radius: 0
    }
}

.x-register-card-landing .card .card-body {
    padding-bottom: 0 !important
}

.x-register-card-landing .card .card-body .-bg-promotion-active {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    height: 45px
}

@media (max-width:767.98px) {
    .x-register-card-landing .card .card-body .-bg-promotion-active {
        width: 90%
    }

    .x-register-card-landing .card .card-body .-bg-promotion-active.-default-bg {
        width: 100%
    }
}

.x-register-card-landing .card .card-body .-bg-promotion-active.-default-bg {
    height: auto
}

.x-register-card-landing .card .card-body .-promotion-content {
    max-height: 280px;
    overflow-y: auto;
    padding-right: 10px
}

.x-register-card-landing .card .card-body .-promotion-content::-webkit-scrollbar-track {
    background-color: #212020
}

.x-register-card-landing .card .card-body .-promotion-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #333
}

.x-register-card-landing .card .card-body .-promotion-content::-webkit-scrollbar-thumb {
    background-color: #5c544b;
    border-radius: 5px
}

@media (max-width:991.98px) {
    .x-register-card-landing .card .card-body .-promotion-content {
        overflow-y: unset;
        max-height: unset
    }
}

.x-register-card-landing .x-hr-border-glow {
    margin-top: -1px
}

.x-register-card-landing .x-hr-border-glow.-sm-view {
    margin-bottom: -1px;
    width: 95%
}

.x-register-card-landing .x-hr-border-glow.-landing-title-default {
    width: 60%;
    height: 3px
}

.x-register-card-footer {
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 100%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.x-register-card-footer .-glow-bg {
    background: linear-gradient(1turn, #e44075 -150%, rgba(12, 10, 8, 0) 40%);
    height: 50px
}

@-webkit-keyframes animStar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
}

@keyframes animStar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
}

.x-register-card-footer #stars {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars,
.x-register-card-footer #stars:after {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 861px 19063px #e44075, 1158px 1787px #e44075, 1789px 933px #e44075, 1252px 796px #e44075, 441px 148px #e44075, 1994px 930px #e44075, 1575px 365px #e44075, 689px 545px #e44075, 377px 266px #e44075, 336px 1199px #e44075, 1147px 214px #e44075, 634px 673px #e44075, 1096px 1079px #e44075, 1545px 1017px #e44075, 1518px 1123px #e44075, 1655px 1839px #e44075, 728px 1014px #e44075, 69px 1318px #e44075, 1903px 939px #e44075, 1609px 1875px #e44075, 602px 1906px #e44075, 1337px 863px #e44075, 821px 365px #e44075, 643px 734px #e44075, 1924px 53px #e44075, 864px 1224px #e44075, 1503px 1231px #e44075, 1486px 558px #e44075, 122px 1652px #e44075, 225px 529px #e44075, 353px 1130px #e44075, 237px 849px #e44075, 1006px 1721px #e44075, 1363px 1852px #e44075, 1272px 523px #e44075, 724px 746px #e44075, 883px 1827px #e44075, 72px 1884px #e44075, 637px 1328px #e44075, 1804px 1403px #e44075, 1405px 1332px #e44075, 1445px 743px #e44075, 1614px 411px #e44075, 305px 266px #e44075, 239px 757px #e44075, 1999px 255px #e44075, 53px 926px #e44075, 1243px 554px #e44075, 545px 1019px #e44075, 170px 285px #e44075, 821px 1388px #e44075, 1009px 956px #e44075, 1771px 694px #e44075, 1477px 1966px #e44075, 34px 419px #e44075, 1014px 677px #e44075, 201px 1731px #e44075, 936px 542px #e44075, 1571px 1637px #e44075, 1609px 512px #e44075, 730px 1356px #e44075, 732px 1347px #e44075, 540px 198px #e44075, 53px 1240px #e44075, 1744px 1202px #e44075, 1184px 918px #e44075, 1644px 1537px #e44075, 1612px 116px #e44075, 22px 1587px #e44075, 1049px 259px #e44075, 846px 1981px #e44075, 851px 409px #e44075, 1777px 1958px #e44075, 1015px 619px #e44075, 1923px 311px #e44075, 169px 987px #e44075, 418px 1468px #e44075, 29px 482px #e44075, 1545px 1326px #e44075, 1673px 637px #e44075, 654px 1489px #e44075, 704px 364px #e44075, 1749px 1540px #e44075, 1729px 569px #e44075, 1501px 110px #e44075, 1791px 155px #e44075, 1599px 803px #e44075, 1182px 1199px #e44075, 1826px 960px #e44075, 201px 4px #e44075, 1082px 885px #e44075, 1192px 430px #e44075, 1040px 1477px #e44075, 1753px 1267px #e44075, 1537px 1337px #e44075, 1185px 1108px #e44075, 702px 1857px #e44075, 1376px 1436px #e44075, 295px 28px #e44075, 530px 1536px #e44075, 1326px 872px #e44075, 1609px 1059px #e44075, 648px 765px #e44075, 925px 915px #e44075, 19px 1260px #e44075, 128px 584px #e44075, 581px 1289px #e44075, 1214px 1030px #e44075, 853px 923px #e44075, 1607px 1369px #e44075, 996px 365px #e44075, 1475px 474px #e44075, 769px 1200px #e44075, 867px 678px #e44075, 484px 1260px #e44075, 994px 1627px #e44075, 1067px 669px #e44075, 1786px 900px #e44075, 506px 1733px #e44075, 183px 1147px #e44075, 195px 1893px #e44075, 84px 1926px #e44075, 1664px 1670px #e44075, 1060px 198px #e44075, 1771px 684px #e44075, 190px 1839px #e44075, 1827px 8px #e44075, 237px 100px #e44075, 375px 1012px #e44075, 261px 1356px #e44075, 1219px 1145px #e44075, 1376px 1848px #e44075, 1816px 209px #e44075, 1885px 1970px #e44075, 1447px 714px #e44075, 1522px 1059px #e44075, 676px 248px #e44075, 1780px 1120px #e44075, 319px 520px #e44075, 1938px 1438px #e44075, 1433px 276px #e44075, 1819px 238px #e44075, 701px 957px #e44075, 1906px 1894px #e44075, 854px 1907px #e44075, 1883px 620px #e44075, 2000px 1219px #e44075, 685px 1309px #e44075, 1346px 1345px #e44075, 1993px 279px #e44075, 513px 68px #e44075, 1625px 888px #e44075, 1114px 1445px #e44075, 821px 1772px #e44075, 1285px 840px #e44075, 1422px 1376px #e44075, 770px 96px #e44075, 1275px 522px #e44075, 942px 680px #e44075, 526px 1504px #e44075, 1753px 1582px #e44075, 1113px 736px #e44075, 1829px 1676px #e44075, 825px 52px #e44075, 342px 234px #e44075, 1708px 1877px #e44075, 489px 1391px #e44075, 695px 829px #e44075, 837px 1605px #e44075, 357px 1890px #e44075, 2px 1648px #e44075, 1066px 1099px #e44075, 1508px 348px #e44075, 1515px 1990px #e44075, 1481px 776px #e44075, 256px 1918px #e44075, 555px 161px #e44075, 134px 682px #e44075, 929px 1044px #e44075, 577px 1389px #e44075, 1367px 821px #e44075, 1269px 1723px #e44075, 907px 1113px #e44075, 1809px 1831px #e44075, 1390px 1565px #e44075, 1689px 1400px #e44075, 388px 1421px #e44075, 98px 882px #e44075, 1272px 816px #e44075, 1491px 542px #e44075, 1322px 1190px #e44075, 476px 1947px #e44075, 1204px 152px #e44075, 1008px 904px #e44075, 958px 833px #e44075, 1290px 655px #e44075, 268px 771px #e44075, 103px 1037px #e44075, 1264px 1096px #e44075, 1479px 809px #e44075, 964px 486px #e44075, 1653px 1101px #e44075, 1171px 575px #e44075, 1971px 1890px #e44075, 1395px 1069px #e44075, 378px 681px #e44075, 1070px 1415px #e44075, 782px 782px #e44075, 806px 1103px #e44075, 876px 853px #e44075, 1681px 1761px #e44075, 63px 764px #e44075, 1191px 515px #e44075, 963px 1658px #e44075, 1505px 1777px #e44075, 1091px 956px #e44075, 529px 1086px #e44075, 1813px 1143px #e44075, 1193px 220px #e44075, 952px 1593px #e44075, 68px 257px #e44075, 1176px 1198px #e44075, 86px 1933px #e44075, 78px 1927px #e44075, 1301px 1479px #e44075, 841px 131px #e44075, 1069px 1418px #e44075, 66px 1339px #e44075, 1561px 1696px #e44075, 1810px 1362px #e44075, 1305px 1174px #e44075, 1816px 3px #e44075, 1717px 1692px #e44075, 980px 939px #e44075, 1985px 1539px #e44075, 1368px 1160px #e44075, 411px 1259px #e44075, 1784px 1477px #e44075, 1436px 43px #e44075, 1179px 1401px #e44075, 1649px 1917px #e44075, 1294px 30px #e44075, 1925px 1572px #e44075, 1814px 1113px #e44075, 1404px 791px #e44075, 786px 1442px #e44075, 1909px 228px #e44075, 1647px 1768px #e44075, 34px 1511px #e44075, 1186px 1552px #e44075, 58px 1742px #e44075, 1153px 803px #e44075, 332px 1706px #e44075, 429px 1521px #e44075, 800px 353px #e44075, 722px 430px #e44075, 1136px 1023px #e44075, 582px 1384px #e44075, 65px 8px #e44075, 1277px 1346px #e44075, 1665px 1714px #e44075, 161px 467px #e44075, 876px 1557px #e44075, 1833px 470px #e44075, 199px 528px #e44075, 930px 327px #e44075, 1545px 1994px #e44075, 971px 552px #e44075, 798px 735px #e44075, 221px 806px #e44075, 1051px 1269px #e44075, 436px 1019px #e44075, 1868px 1424px #e44075, 1513px 378px #e44075, 1091px 921px #e44075, 1676px 1065px #e44075, 1580px 1923px #e44075, 1138px 823px #e44075, 1856px 967px #e44075, 517px 1119px #e44075, 1702px 815px #e44075, 1186px 1140px #e44075, 295px 577px #e44075, 1203px 450px #e44075, 1022px 405px #e44075, 1672px 946px #e44075, 1752px 1034px #e44075, 1495px 9px #e44075, 414px 1707px #e44075, 917px 452px #e44075, 1276px 766px #e44075, 232px 1720px #e44075, 451px 699px #e44075, 515px 121px #e44075, 233px 1518px #e44075, 964px 1198px #e44075, 929px 908px #e44075, 988px 574px #e44075, 618px 969px #e44075, 1226px 996px #e44075, 1646px 1586px #e44075, 302px 1899px #e44075, 636px 1391px #e44075, 1169px 1821px #e44075, 565px 1037px #e44075, 765px 176px #e44075, 28px 214px #e44075, 298px 1262px #e44075, 402px 335px #e44075, 1214px 732px #e44075, 1507px 1150px #e44075, 1806px 1165px #e44075, 1865px 653px #e44075, 1112px 252px #e44075, 795px 1099px #e44075, 132px 142px #e44075, 1056px 84px #e44075, 148px 1232px #e44075, 1091px 1695px #e44075, 1965px 611px #e44075, 1784px 873px #e44075, 1806px 1462px #e44075, 573px 190px #e44075, 1777px 1976px #e44075, 324px 435px #e44075, 1642px 674px #e44075, 401px 1869px #e44075, 1070px 1172px #e44075, 464px 579px #e44075, 1108px 267px #e44075, 1553px 1802px #e44075, 1772px 24px #e44075, 79px 1804px #e44075, 1214px 1033px #e44075, 1843px 69px #e44075, 1371px 762px #e44075, 904px 1327px #e44075, 217px 18px #e44075, 1134px 1370px #e44075, 585px 37px #e44075, 1783px 1375px #e44075, 1080px 1767px #e44075, 467px 1082px #e44075, 1428px 804px #e44075, 1977px 1656px #e44075, 1990px 798px #e44075, 1994px 1688px #e44075, 1993px 1728px #e44075, 783px 1996px #e44075, 1022px 1600px #e44075, 152px 1139px #e44075, 1668px 226px #e44075, 1168px 438px #e44075, 75px 831px #e44075, 291px 404px #e44075, 402px 1527px #e44075, 1208px 863px #e44075, 1975px 478px #e44075, 89px 1095px #e44075, 1010px 1996px #e44075, 811px 370px #e44075, 1317px 961px #e44075, 1790px 672px #e44075, 1731px 1175px #e44075, 963px 1737px #e44075, 1344px 36px #e44075, 319px 1177px #e44075, 1863px 1845px #e44075, 1705px 1287px #e44075, 247px 33px #e44075, 1151px 470px #e44075, 103px 1526px #e44075, 1029px 1895px #e44075, 554px 1427px #e44075, 1737px 1086px #e44075, 439px 806px #e44075, 1364px 1264px #e44075, 474px 369px #e44075, 1434px 638px #e44075, 388px 456px #e44075, 1692px 251px #e44075, 292px 782px #e44075, 188px 855px #e44075, 1419px 1776px #e44075, 1577px 1763px #e44075, 1582px 709px #e44075, 1920px 49px #e44075, 889px 1986px #e44075, 387px 816px #e44075, 1138px 47px #e44075, 789px 1109px #e44075, 323px 340px #e44075, 1818px 1761px #e44075, 1885px 1552px #e44075, 488px 1174px #e44075, 996px 1405px #e44075, 1600px 1326px #e44075, 910px 1527px #e44075, 1042px 1386px #e44075, 1818px 431px #e44075, 1977px 1085px #e44075, 393px 1882px #e44075, 1769px 1110px #e44075, 1657px 1690px #e44075, 139px 1922px #e44075, 595px 1261px #e44075, 1550px 1160px #e44075, 1700px 1270px #e44075, 1084px 1432px #e44075, 1477px 1637px #e44075, 1298px 1146px #e44075, 1424px 35px #e44075, 1931px 1365px #e44075, 1030px 1715px #e44075, 526px 727px #e44075, 388px 1581px #e44075, 210px 564px #e44075, 187px 1516px #e44075, 920px 181px #e44075, 1677px 1952px #e44075, 178px 1487px #e44075, 310px 1406px #e44075, 813px 863px #e44075, 433px 797px #e44075, 1428px 1592px #e44075, 1837px 639px #e44075, 335px 1643px #e44075, 1953px 733px #e44075, 163px 1661px #e44075, 1131px 120px #e44075, 722px 1928px #e44075, 1614px 1245px #e44075, 1707px 816px #e44075, 468px 846px #e44075, 182px 793px #e44075, 560px 1760px #e44075, 1745px 845px #e44075, 1448px 1791px #e44075, 563px 398px #e44075, 191px 1766px #e44075, 1108px 1950px #e44075, 685px 472px #e44075, 1842px 804px #e44075, 51px 1581px #e44075, 1502px 753px #e44075, 1395px 740px #e44075, 1598px 782px #e44075, 1721px 276px #e44075, 693px 1433px #e44075, 405px 1933px #e44075, 1178px 1995px #e44075, 400px 563px #e44075, 196px 689px #e44075, 287px 1553px #e44075, 606px 1401px #e44075, 524px 1522px #e44075, 841px 257px #e44075, 1830px 1057px #e44075, 1734px 476px #e44075, 764px 1736px #e44075, 53px 1321px #e44075, 635px 1483px #e44075, 925px 1092px #e44075, 871px 1850px #e44075, 1441px 1166px #e44075, 211px 1415px #e44075, 895px 400px #e44075, 171px 1733px #e44075, 1215px 1767px #e44075, 1926px 938px #e44075, 1455px 457px #e44075, 517px 636px #e44075, 173px 522px #e44075, 497px 1118px #e44075, 1595px 1159px #e44075, 41px 1313px #e44075, 1071px 1923px #e44075, 930px 1430px #e44075, 1331px 688px #e44075, 691px 75px #e44075, 1570px 1983px #e44075, 1267px 1071px #e44075, 522px 646px #e44075, 1252px 1084px #e44075, 1076px 825px #e44075, 179px 1496px #e44075, 1297px 1864px #e44075, 1866px 1945px #e44075, 1281px 290px #e44075, 985px 48px #e44075, 124px 1835px #e44075, 233px 821px #e44075, 385px 259px #e44075, 321px 358px #e44075, 445px 585px #e44075, 1354px 939px #e44075, 550px 423px #e44075, 1530px 858px #e44075, 1052px 783px #e44075, 254px 647px #e44075, 62px 1924px #e44075, 1524px 742px #e44075, 231px 1623px #e44075, 1284px 4px #e44075, 1573px 1467px #e44075, 1146px 1377px #e44075, 1914px 1197px #e44075, 1665px 739px #e44075, 1675px 102px #e44075, 1974px 1856px #e44075, 1633px 1282px #e44075, 949px 1768px #e44075, 146px 1031px #e44075, 506px 1380px #e44075, 1766px 1448px #e44075, 1332px 501px #e44075, 1523px 1061px #e44075, 362px 1874px #e44075, 684px 1222px #e44075, 424px 1986px #e44075, 1326px 551px #e44075, 532px 1023px #e44075, 113px 1149px #e44075, 704px 1189px #e44075, 669px 283px #e44075, 211px 8px #e44075, 1888px 224px #e44075, 1666px 445px #e44075, 916px 60px #e44075, 1450px 195px #e44075, 564px 1223px #e44075, 1106px 451px #e44075, 818px 1074px #e44075, 1824px 1127px #e44075, 1220px 845px #e44075, 1700px 1083px #e44075, 305px 99px #e44075, 825px 337px #e44075, 1228px 1819px #e44075, 450px 1268px #e44075, 1014px 356px #e44075, 1993px 1513px #e44075, 1262px 944px #e44075, 64px 482px #e44075, 1997px 1841px #e44075, 478px 174px #e44075, 1757px 1869px #e44075, 519px 904px #e44075, 701px 1850px #e44075, 1478px 275px #e44075, 1461px 1920px #e44075, 1381px 608px #e44075, 464px 921px #e44075, 1614px 562px #e44075, 1961px 374px #e44075, 745px 1893px #e44075, 1928px 1757px #e44075, 520px 1791px #e44075, 155px 1998px #e44075, 1009px 53px #e44075, 1963px 282px #e44075, 598px 1862px #e44075, 792px 77px #e44075, 825px 1233px #e44075, 1px 118px #e44075, 658px 2000px #e44075, 424px 246px #e44075, 255px 1092px #e44075, 1300px 30px #e44075, 1328px 561px #e44075, 182px 1306px #e44075, 53px 1891px #e44075, 316px 453px #e44075, 359px 510px #e44075, 810px 1671px #e44075, 457px 404px #e44075, 792px 1091px #e44075, 1532px 968px #e44075, 984px 900px #e44075, 683px 1314px #e44075, 1916px 1146px #e44075, 1678px 1481px #e44075, 1484px 1927px #e44075, 1669px 994px #e44075, 1776px 575px #e44075, 612px 394px #e44075, 1140px 355px #e44075, 683px 887px #e44075, 388px 1560px #e44075, 1403px 1655px #e44075, 1529px 52px #e44075, 987px 552px #e44075, 872px 688px #e44075, 407px 1582px #e44075, 660px 1031px #e44075, 857px 590px #e44075, 1387px 686px #e44075, 1272px 1947px #e44075, 784px 561px #e44075, 1271px 1529px #e44075, 39px 923px #e44075, 1239px 1661px #e44075, 1108px 1725px #e44075, 1768px 1342px #e44075, 1328px 459px #e44075, 626px 1312px #e44075, 269px 667px #e44075, 1372px 301px #e44075, 256px 279px #e44075, 976px 459px #e44075, 478px 1314px #e44075, 134px 97px #e44075, 374px 610px #e44075, 1730px 1526px #e44075, 778px 1307px #e44075, 1644px 1714px #e44075, 1338px 748px #e44075, 1626px 219px #e44075, 1323px 517px #e44075, 1396px 1732px #e44075, 373px 482px #e44075, 1634px 559px #e44075, 248px 1102px #e44075, 1081px 1588px #e44075, 653px 299px #e44075, 726px 849px #e44075, 1977px 1598px #e44075, 1200px 1394px #e44075, 1387px 1693px #e44075, 485px 1142px #e44075, 1429px 1891px #e44075, 1555px 1281px #e44075, 1298px 1709px #e44075, 557px 87px #e44075, 190px 803px #e44075, 236px 33px #e44075, 365px 364px #e44075, 742px 564px #e44075, 1062px 177px #e44075, 1300px 919px #e44075, 87px 1159px #e44075, 1514px 455px #e44075, 287px 129px #e44075, 6px 617px #e44075, 289px 1747px #e44075, 1220px 1886px #e44075, 278px 268px #e44075, 675px 1118px #e44075, 1581px 21px #e44075, 1437px 870px #e44075, 1250px 1015px #e44075, 541px 647px #e44075, 1615px 1403px #e44075, 250px 425px #e44075, 528px 1907px #e44075, 420px 1662px #e44075, 254px 814px #e44075, 99px 1128px #e44075, 504px 867px #e44075, 485px 319px #e44075, 1714px 1717px #e44075, 237px 388px #e44075, 1415px 11px #e44075, 275px 61px #e44075, 1664px 1161px #e44075, 874px 441px #e44075, 401px 1491px #e44075, 234px 915px #e44075, 76px 1090px #e44075, 1849px 784px #e44075, 564px 1539px #e44075, 194px 1147px #e44075, 1558px 1518px #e44075, 1747px 1826px #e44075, 370px 1383px #e44075, 177px 120px #e44075, 921px 1298px #e44075, 1250px 449px #e44075, 1357px 900px #e44075, 1165px 1895px #e44075, 214px 280px #e44075, 1958px 1270px #e44075, 718px 1485px #e44075, 1692px 1905px #e44075, 1948px 1417px #e44075, 585px 1442px #e44075, 1265px 1058px #e44075, 1684px 1203px #e44075, 1269px 1428px #e44075, 352px 1481px #e44075, 926px 956px #e44075, 146px 1877px #e44075, 1584px 814px #e44075, 1843px 1486px #e44075, 80px 216px #e44075, 826px 1140px #e44075, 1796px 61px #e44075, 725px 1566px #e44075, 1036px 1654px #e44075, 748px 681px #e44075, 321px 1141px #e44075, 481px 1289px #e44075, 457px 1926px #e44075, 350px 1521px #e44075, 1290px 524px #e44075, 127px 1119px #e44075, 978px 1978px #e44075, 459px 279px #e44075, 1096px 1596px #e44075, 310px 861px #e44075, 1950px 469px #e44075, 1186px 526px #e44075, 877px 502px #e44075, 1552px 352px #e44075, 585px 50px #e44075, 499px 1881px #e44075, 491px 1018px #e44075, 1684px 345px #e44075, 1596px 986px #e44075, 1194px 1174px #e44075, 1367px 1326px #e44075, 1076px 1972px #e44075, 109px 199px #e44075, 279px 1730px #e44075, 918px 89px #e44075, 1340px 721px #e44075, 917px 764px #e44075, 1846px 416px #e44075, 781px 1817px #e44075, 1575px 1231px #e44075, 82px 1866px #e44075, 751px 1624px #e44075, 94px 1056px #e44075, 1993px 1725px #e44075, 592px 1839px #e44075, 202px 203px #e44075, 986px 1556px #e44075, 1290px 569px #e44075, 833px 1529px #e44075, 346px 1899px #e44075, 322px 1629px #e44075, 907px 720px #e44075, 316px 1580px #e44075, 1355px 1762px #e44075, 1721px 1937px #e44075, 58px 687px #e44075, 1935px 4px #e44075, 1185px 857px #e44075, 911px 692px #e44075, 105px 1235px #e44075, 11px 132px #e44075, 707px 821px #e44075, 299px 1158px #e44075, 1990px 1673px #e44075, 482px 1001px #e44075, 1898px 1500px #e44075, 16px 617px #e44075, 975px 592px #e44075, 1723px 1900px #e44075, 680px 573px #e44075, 338px 560px #e44075, 508px 1422px #e44075, 462px 54px #e44075, 480px 1737px #e44075, 1232px 948px #e44075, 164px 1528px #e44075, 1708px 313px #e44075, 263px 1632px #e44075, 1598px 1456px #e44075, 252px 104px #e44075, 978px 214px #e44075, 1566px 1352px #e44075, 712px 1588px #e44075, 1653px 337px #e44075, 1254px 101px #e44075, 1237px 190px #e44075, 1183px 349px #e44075, 660px 1999px #e44075, 1672px 677px #e44075, 1362px 988px #e44075, 852px 1796px #e44075, 700px 1899px #e44075, 471px 1164px #e44075, 230px 733px #e44075, 699px 1797px #e44075, 1374px 1065px #e44075, 1808px 844px #e44075, 817px 1377px #e44075, 1263px 1696px #e44075, 1545px 1356px #e44075, 1331px 653px #e44075, 405px 1961px #e44075, 1122px 1074px #e44075, 716px 1196px #e44075, 1653px 1972px #e44075, 344px 158px #e44075, 1792px 110px #e44075, 584px 741px #e44075, 1104px 106px #e44075, 455px 391px #e44075, 1538px 1783px #e44075, 1079px 63px #e44075, 1058px 1222px #e44075, 514px 266px #e44075, 1727px 1843px #e44075, 741px 110px #e44075, 1565px 425px #e44075, 1520px 122px #e44075, 341px 1769px #e44075, 336px 1610px #e44075, 862px 1336px #e44075, 340px 84px #e44075, 465px 200px #e44075, 906px 1358px #e44075, 395px 516px #e44075, 585px 1669px #e44075, 898px 1307px #e44075, 886px 756px #e44075, 434px 1580px #e44075, 619px 1869px #e44075, 1704px 1586px #e44075, 302px 1801px #e44075, 211px 1869px #e44075, 229px 1828px #e44075, 576px 191px #e44075, 1336px 906px #e44075, 1276px 191px #e44075, 722px 1854px #e44075, 99px 1612px #e44075, 423px 286px #e44075, 652px 1781px #e44075, 360px 864px #e44075, 1502px 1341px #e44075, 1876px 411px #e44075, 1661px 786px #e44075, 890px 1181px #e44075, 719px 1548px #e44075, 1668px 326px #e44075, 1711px 1188px #e44075, 1988px 276px #e44075, 1505px 785px #e44075, 1017px 911px #e44075, 929px 557px #e44075, 553px 1685px #e44075, 1236px 916px #e44075, 1230px 1624px #e44075, 471px 1819px #e44075, 1448px 1328px #e44075, 673px 1579px #e44075, 108px 793px #e44075, 78px 1949px #e44075, 1034px 14px #e44075, 1014px 1297px #e44075, 455px 1360px #e44075, 559px 1902px #e44075, 1549px 660px #e44075, 1228px 1925px #e44075, 1958px 1482px #e44075, 1840px 1315px #e44075, 674px 761px #e44075, 1439px 326px #e44075, 89px 415px #e44075, 883px 1863px #e44075, 35px 1771px #e44075, 891px 86px #e44075, 137px 1100px #e44075, 1899px 1591px #e44075, 868px 1615px #e44075, 370px 952px #e44075, 1076px 1810px #e44075, 263px 773px #e44075, 1511px 348px #e44075, 1040px 860px #e44075, 714px 1146px #e44075, 629px 177px #e44075, 1020px 1586px #e44075, 1474px 406px #e44075, 324px 516px #e44075, 620px 135px #e44075, 1258px 1386px #e44075, 339px 748px #e44075, 1927px 452px #e44075, 775px 604px #e44075, 839px 879px #e44075, 1004px 294px #e44075, 117px 274px #e44075, 1953px 1786px #e44075, 1959px 493px #e44075, 778px 1522px #e44075, 564px 740px #e44075, 1774px 1442px #e44075, 1505px 1392px #e44075, 501px 917px #e44075, 561px 323px #e44075, 1231px 910px #e44075, 1973px 271px #e44075, 355px 23px #e44075, 787px 1826px #e44075, 1053px 1582px #e44075, 30px 677px #e44075
}

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

.x-register-card-footer #stars2 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars2,
.x-register-card-footer #stars2:after {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 421px 3161px #e44075, 1297px 1340px #e44075, 210px 831px #e44075, 547px 187px #e44075, 324px 154px #e44075, 626px 1458px #e44075, 95px 486px #e44075, 1439px 1326px #e44075, 1132px 482px #e44075, 1998px 21px #e44075, 229px 379px #e44075, 673px 1893px #e44075, 267px 948px #e44075, 380px 1053px #e44075, 1448px 322px #e44075, 28px 720px #e44075, 1872px 327px #e44075, 1041px 1611px #e44075, 1010px 894px #e44075, 1750px 361px #e44075, 735px 1649px #e44075, 1545px 509px #e44075, 754px 672px #e44075, 847px 1470px #e44075, 897px 541px #e44075, 753px 1942px #e44075, 1836px 1150px #e44075, 1907px 1440px #e44075, 430px 751px #e44075, 1474px 691px #e44075, 1209px 1569px #e44075, 772px 1370px #e44075, 77px 1310px #e44075, 992px 974px #e44075, 1717px 1251px #e44075, 135px 1489px #e44075, 854px 1881px #e44075, 454px 1820px #e44075, 1423px 246px #e44075, 450px 786px #e44075, 1419px 502px #e44075, 23px 547px #e44075, 994px 738px #e44075, 788px 689px #e44075, 1501px 1579px #e44075, 1779px 1333px #e44075, 533px 1263px #e44075, 858px 488px #e44075, 1970px 679px #e44075, 861px 629px #e44075, 1257px 1023px #e44075, 1580px 899px #e44075, 1316px 1279px #e44075, 737px 647px #e44075, 1902px 3px #e44075, 1973px 277px #e44075, 1760px 416px #e44075, 281px 331px #e44075, 198px 1436px #e44075, 571px 1212px #e44075, 1602px 697px #e44075, 369px 505px #e44075, 375px 41px #e44075, 1567px 1198px #e44075, 1382px 1364px #e44075, 625px 1144px #e44075, 1730px 1836px #e44075, 33px 1062px #e44075, 1518px 1271px #e44075, 616px 1607px #e44075, 1285px 1614px #e44075, 1791px 540px #e44075, 336px 712px #e44075, 1103px 1339px #e44075, 1555px 1090px #e44075, 1994px 595px #e44075, 231px 280px #e44075, 763px 1857px #e44075, 263px 162px #e44075, 1949px 1273px #e44075, 580px 1009px #e44075, 315px 121px #e44075, 454px 1024px #e44075, 954px 248px #e44075, 584px 849px #e44075, 1340px 19px #e44075, 856px 1171px #e44075, 1021px 1257px #e44075, 1528px 777px #e44075, 1976px 999px #e44075, 780px 206px #e44075, 111px 1887px #e44075, 271px 180px #e44075, 430px 541px #e44075, 696px 111px #e44075, 689px 696px #e44075, 769px 924px #e44075, 1764px 4px #e44075, 171px 869px #e44075, 855px 692px #e44075, 1505px 1597px #e44075, 1779px 325px #e44075, 1400px 561px #e44075, 1788px 1968px #e44075, 1234px 461px #e44075, 803px 692px #e44075, 101px 233px #e44075, 1056px 1465px #e44075, 292px 589px #e44075, 257px 885px #e44075, 1851px 1262px #e44075, 307px 719px #e44075, 124px 768px #e44075, 1091px 1721px #e44075, 1929px 715px #e44075, 1485px 731px #e44075, 927px 734px #e44075, 1155px 1992px #e44075, 1713px 661px #e44075, 1355px 1169px #e44075, 822px 66px #e44075, 1441px 1301px #e44075, 419px 1214px #e44075, 568px 801px #e44075, 470px 1512px #e44075, 1090px 1569px #e44075, 1054px 355px #e44075, 1521px 808px #e44075, 212px 210px #e44075, 352px 782px #e44075, 285px 1044px #e44075, 12px 1482px #e44075, 143px 1302px #e44075, 665px 1788px #e44075, 266px 1962px #e44075, 1413px 1198px #e44075, 1665px 70px #e44075, 1112px 1410px #e44075, 525px 1705px #e44075, 1956px 1084px #e44075, 1551px 767px #e44075, 1658px 1814px #e44075, 862px 471px #e44075, 1726px 1125px #e44075, 1578px 1968px #e44075, 1379px 1512px #e44075, 1786px 224px #e44075, 577px 47px #e44075, 178px 1504px #e44075, 1641px 1467px #e44075, 1458px 935px #e44075, 941px 1557px #e44075, 594px 655px #e44075, 1927px 1427px #e44075, 1102px 1757px #e44075, 1757px 1801px #e44075, 1182px 1765px #e44075, 69px 33px #e44075, 269px 1465px #e44075, 1548px 1320px #e44075, 1564px 712px #e44075, 1238px 1839px #e44075, 1661px 1256px #e44075, 851px 277px #e44075, 573px 581px #e44075, 1350px 1288px #e44075, 1384px 62px #e44075, 341px 1647px #e44075, 100px 1593px #e44075, 1368px 356px #e44075, 731px 1722px #e44075, 1830px 715px #e44075, 473px 1183px #e44075, 1748px 316px #e44075, 1794px 936px #e44075, 1379px 1578px #e44075, 1174px 659px #e44075, 243px 970px #e44075, 51px 1087px #e44075, 974px 1231px #e44075, 1599px 142px #e44075, 182px 247px #e44075, 69px 1606px #e44075, 1552px 1424px #e44075, 1344px 245px #e44075, 1666px 1981px #e44075, 534px 544px #e44075, 1567px 1338px #e44075, 529px 570px #e44075, 1207px 334px #e44075, 917px 1817px #e44075, 389px 857px #e44075, 161px 408px #e44075, 43px 656px #e44075, 1559px 1918px #e44075, 1143px 447px #e44075, 969px 658px #e44075, 1331px 1167px #e44075, 1686px 1337px #e44075, 669px 537px #e44075, 889px 154px #e44075, 397px 1311px #e44075, 443px 172px #e44075, 1586px 914px #e44075, 885px 415px #e44075, 1774px 322px #e44075, 512px 25px #e44075, 1259px 1372px #e44075, 211px 1839px #e44075, 1768px 1815px #e44075, 1835px 272px #e44075, 860px 565px #e44075, 1762px 309px #e44075, 1859px 1479px #e44075, 1737px 1710px #e44075, 322px 432px #e44075, 1313px 1647px #e44075, 935px 1309px #e44075, 1299px 1311px #e44075, 1349px 45px #e44075, 1832px 1001px #e44075, 1371px 1211px #e44075, 1701px 1395px #e44075, 10px 1347px #e44075, 10px 1717px #e44075, 1353px 813px #e44075, 1329px 488px #e44075, 150px 105px #e44075, 704px 49px #e44075, 885px 660px #e44075, 932px 1013px #e44075, 1861px 901px #e44075, 511px 1308px #e44075, 1992px 1089px #e44075, 1738px 46px #e44075, 624px 885px #e44075, 1268px 571px #e44075, 931px 1935px #e44075, 1301px 1337px #e44075, 1888px 772px #e44075, 378px 94px #e44075, 1281px 1645px #e44075, 1868px 576px #e44075, 440px 1581px #e44075, 581px 1036px #e44075, 730px 148px #e44075, 1420px 1787px #e44075, 566px 1019px #e44075, 426px 1846px #e44075, 764px 328px #e44075, 493px 876px #e44075, 1318px 1141px #e44075, 1713px 602px #e44075, 1606px 1972px #e44075, 1379px 246px #e44075, 1125px 829px #e44075, 821px 1805px #e44075, 1137px 1178px #e44075, 590px 242px #e44075, 1628px 703px #e44075, 1663px 1985px #e44075, 947px 1804px #e44075, 1400px 1088px #e44075, 1258px 1238px #e44075, 1298px 1841px #e44075, 246px 688px #e44075, 1351px 1243px #e44075, 1671px 365px #e44075, 1757px 1880px #e44075, 587px 1185px #e44075, 515px 158px #e44075, 1194px 1424px #e44075, 320px 680px #e44075, 297px 1920px #e44075, 1178px 413px #e44075, 999px 371px #e44075, 1657px 82px #e44075, 800px 597px #e44075, 74px 370px #e44075, 1825px 1747px #e44075, 974px 457px #e44075, 660px 801px #e44075, 1900px 1217px #e44075, 748px 478px #e44075, 432px 1084px #e44075, 758px 1473px #e44075, 1366px 901px #e44075, 1177px 975px #e44075, 1883px 445px #e44075, 1395px 91px #e44075, 1517px 1881px #e44075, 349px 872px #e44075, 892px 1841px #e44075, 240px 1273px #e44075, 150px 779px #e44075, 794px 271px #e44075, 649px 1754px #e44075, 1189px 509px #e44075, 1024px 1637px #e44075, 1266px 418px #e44075, 504px 1782px #e44075, 890px 1094px #e44075, 603px 452px #e44075, 1254px 288px #e44075, 33px 308px #e44075, 1606px 1850px #e44075, 200px 1527px #e44075, 655px 1802px #e44075, 230px 1909px #e44075, 1667px 1731px #e44075, 1887px 701px #e44075, 1668px 1149px #e44075, 1689px 1720px #e44075, 622px 531px #e44075, 281px 1679px #e44075, 746px 923px #e44075, 288px 692px #e44075, 86px 128px #e44075, 448px 883px #e44075, 1073px 1223px #e44075, 1193px 1758px #e44075, 455px 713px #e44075, 1182px 1321px #e44075, 242px 1798px #e44075, 1689px 1344px #e44075, 634px 375px #e44075, 1680px 1710px #e44075, 1551px 1043px #e44075, 1221px 1028px #e44075, 195px 798px #e44075, 389px 1709px #e44075, 677px 1959px #e44075, 532px 827px #e44075, 215px 400px #e44075, 1909px 456px #e44075, 177px 1168px #e44075, 395px 767px #e44075, 754px 1104px #e44075, 1552px 491px #e44075, 546px 331px #e44075, 1386px 920px #e44075, 1963px 170px #e44075, 1478px 1528px #e44075, 1121px 945px #e44075, 907px 474px #e44075, 1043px 1855px #e44075, 409px 860px #e44075, 429px 1126px #e44075, 38px 1556px #e44075, 53px 1148px #e44075, 741px 503px #e44075, 465px 1710px #e44075, 1635px 601px #e44075, 37px 1122px #e44075, 92px 36px #e44075, 883px 141px #e44075, 1316px 464px #e44075, 1237px 1693px #e44075, 1489px 379px #e44075, 639px 485px #e44075, 1886px 734px #e44075, 1845px 890px #e44075, 1097px 1866px #e44075, 339px 876px #e44075, 1035px 119px #e44075, 336px 670px #e44075, 116px 1551px #e44075, 400px 195px #e44075, 1330px 1676px #e44075, 1657px 629px #e44075, 1081px 385px #e44075, 1450px 761px #e44075, 598px 1566px #e44075, 322px 1662px #e44075, 612px 1050px #e44075, 260px 1446px #e44075, 71px 1899px #e44075, 1840px 1994px #e44075, 961px 147px #e44075, 260px 1708px #e44075, 571px 1476px #e44075, 37px 832px #e44075, 817px 1279px #e44075, 637px 1121px #e44075, 310px 928px #e44075, 1268px 500px #e44075, 622px 1537px #e44075, 1392px 1461px #e44075, 921px 905px #e44075, 1182px 1167px #e44075, 163px 718px #e44075, 1548px 1749px #e44075, 195px 882px #e44075, 458px 310px #e44075, 657px 1242px #e44075, 1336px 1600px #e44075, 1122px 1786px #e44075, 1308px 1103px #e44075, 1892px 744px #e44075, 1717px 1160px #e44075, 1927px 1245px #e44075, 577px 961px #e44075, 1423px 1381px #e44075, 122px 1212px #e44075, 1475px 1378px #e44075, 599px 893px #e44075, 1679px 46px #e44075, 1776px 371px #e44075, 689px 1047px #e44075, 971px 250px #e44075, 1544px 766px #e44075, 1521px 588px #e44075, 1417px 372px #e44075, 567px 250px #e44075, 1235px 954px #e44075, 880px 1906px #e44075, 1019px 36px #e44075, 352px 1987px #e44075, 506px 906px #e44075, 675px 1012px #e44075, 183px 1220px #e44075, 1944px 461px #e44075, 80px 1801px #e44075, 301px 743px #e44075, 468px 1883px #e44075, 1565px 820px #e44075, 301px 752px #e44075, 1200px 137px #e44075, 386px 1650px #e44075, 1594px 336px #e44075, 1773px 1130px #e44075, 1821px 54px #e44075, 1162px 1871px #e44075, 1573px 25px #e44075, 755px 629px #e44075, 1463px 705px #e44075, 292px 1027px #e44075, 1358px 1283px #e44075, 992px 1543px #e44075, 31px 1939px #e44075, 1887px 706px #e44075, 600px 981px #e44075, 629px 1196px #e44075, 267px 829px #e44075, 329px 962px #e44075, 1464px 1508px #e44075, 747px 394px #e44075, 1183px 782px #e44075, 396px 1292px #e44075, 639px 644px #e44075, 1927px 359px #e44075, 1984px 1223px #e44075, 190px 1143px #e44075, 1340px 1796px #e44075, 1266px 1766px #e44075, 1835px 1398px #e44075, 1625px 1193px #e44075, 1437px 518px #e44075, 1015px 1850px #e44075, 1557px 1024px #e44075, 619px 302px #e44075, 110px 1062px #e44075, 981px 1238px #e44075, 1762px 527px #e44075, 823px 1278px #e44075, 1842px 809px #e44075, 1101px 1140px #e44075, 503px 1706px #e44075, 263px 484px #e44075, 1427px 492px #e44075, 708px 1976px #e44075, 1920px 1941px #e44075, 1383px 773px #e44075, 1373px 1721px #e44075, 1586px 871px #e44075, 626px 679px #e44075, 642px 1873px #e44075, 1696px 1684px #e44075, 255px 140px #e44075, 96px 1442px #e44075, 1504px 847px #e44075, 1368px 665px #e44075, 1356px 59px #e44075, 999px 67px #e44075, 660px 578px #e44075, 1225px 961px #e44075, 1004px 897px #e44075, 249px 111px #e44075, 1526px 1061px #e44075, 26px 712px #e44075, 642px 1796px #e44075, 573px 1912px #e44075, 167px 541px #e44075, 1493px 882px #e44075, 1358px 150px #e44075, 1414px 1519px #e44075, 1426px 1061px #e44075, 729px 1548px #e44075, 123px 1422px #e44075, 818px 1056px #e44075
}

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

.x-register-card-footer #stars3 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars3,
.x-register-card-footer #stars3:after {
    width: 5px;
    height: 5px;
    background: transparent;
    box-shadow: 1852px 1269px #e44075, 108px 968px #e44075, 1456px 940px #e44075, 948px 1460px #e44075, 1638px 275px #e44075, 53px 1227px #e44075, 375px 436px #e44075, 351px 1858px #e44075, 270px 925px #e44075, 1862px 211px #e44075, 1783px 979px #e44075, 1541px 758px #e44075, 130px 698px #e44075, 1646px 1802px #e44075, 1962px 1548px #e44075, 422px 1587px #e44075, 976px 845px #e44075, 929px 994px #e44075, 378px 795px #e44075, 518px 960px #e44075, 1061px 1217px #e44075, 567px 1184px #e44075, 866px 1344px #e44075, 279px 1801px #e44075, 579px 1264px #e44075, 525px 1680px #e44075, 696px 172px #e44075, 1936px 83px #e44075, 1809px 70px #e44075, 1504px 1738px #e44075, 1489px 1363px #e44075, 514px 1875px #e44075, 312px 1827px #e44075, 1102px 390px #e44075, 1441px 1390px #e44075, 254px 1582px #e44075, 1611px 1563px #e44075, 191px 1045px #e44075, 157px 1496px #e44075, 1913px 1582px #e44075, 1556px 1547px #e44075, 1915px 1883px #e44075, 1380px 937px #e44075, 816px 1817px #e44075, 1298px 299px #e44075, 129px 193px #e44075, 322px 1521px #e44075, 402px 92px #e44075, 1732px 659px #e44075, 1070px 1765px #e44075, 894px 954px #e44075, 308px 226px #e44075, 80px 991px #e44075, 1208px 1469px #e44075, 297px 623px #e44075, 108px 611px #e44075, 1244px 1702px #e44075, 364px 1924px #e44075, 1956px 1912px #e44075, 1341px 1941px #e44075, 1812px 810px #e44075, 1299px 1042px #e44075, 509px 541px #e44075, 1175px 1846px #e44075, 378px 1052px #e44075, 888px 1782px #e44075, 732px 1127px #e44075, 1853px 910px #e44075, 1705px 1119px #e44075, 96px 865px #e44075, 252px 1792px #e44075, 430px 419px #e44075, 1934px 1964px #e44075, 161px 1853px #e44075, 807px 1519px #e44075, 619px 332px #e44075, 104px 71px #e44075, 375px 1865px #e44075, 442px 1828px #e44075, 1293px 1786px #e44075, 403px 977px #e44075, 171px 810px #e44075, 785px 290px #e44075, 1027px 1186px #e44075, 1447px 1657px #e44075, 1090px 616px #e44075, 1906px 366px #e44075, 1453px 209px #e44075, 968px 1380px #e44075, 1810px 1431px #e44075, 404px 529px #e44075, 26px 5px #e44075, 1222px 1721px #e44075, 1267px 1122px #e44075, 969px 402px #e44075, 1490px 1919px #e44075, 1805px 1270px #e44075, 687px 615px #e44075, 1719px 1333px #e44075, 1924px 1663px #e44075, 1806px 1037px #e44075, 342px 876px #e44075, 734px 860px #e44075, 1409px 523px #e44075, 1493px 389px #e44075, 1255px 663px #e44075, 472px 34px #e44075, 1381px 370px #e44075, 505px 702px #e44075, 233px 1353px #e44075, 1492px 234px #e44075, 514px 1756px #e44075, 223px 60px #e44075, 1566px 419px #e44075, 399px 1707px #e44075, 1856px 744px #e44075, 992px 1705px #e44075, 8px 1772px #e44075, 1583px 1521px #e44075, 1796px 1294px #e44075, 651px 32px #e44075, 1732px 215px #e44075, 893px 1690px #e44075, 1008px 275px #e44075, 187px 244px #e44075, 530px 1417px #e44075, 134px 948px #e44075, 395px 1318px #e44075, 1786px 1588px #e44075, 637px 1069px #e44075, 349px 195px #e44075, 2px 984px #e44075, 1612px 1367px #e44075, 561px 65px #e44075, 955px 1137px #e44075, 1710px 413px #e44075, 140px 1816px #e44075, 1175px 1122px #e44075, 99px 736px #e44075, 1866px 1539px #e44075, 986px 1367px #e44075, 200px 2px #e44075, 1460px 45px #e44075, 1430px 384px #e44075, 351px 1786px #e44075, 972px 945px #e44075, 301px 961px #e44075, 537px 930px #e44075, 1117px 1615px #e44075, 441px 911px #e44075, 1544px 1974px #e44075, 802px 1016px #e44075, 15px 1539px #e44075, 665px 1744px #e44075, 1968px 1668px #e44075, 1966px 5px #e44075, 1684px 549px #e44075, 522px 1073px #e44075, 1666px 1803px #e44075, 1969px 1161px #e44075, 1268px 1552px #e44075, 712px 787px #e44075, 1913px 819px #e44075, 55px 1437px #e44075, 1699px 211px #e44075, 1283px 63px #e44075, 863px 111px #e44075, 142px 1815px #e44075, 386px 638px #e44075, 1707px 1863px #e44075, 217px 1769px #e44075, 264px 244px #e44075, 1574px 1917px #e44075, 322px 975px #e44075, 448px 1140px #e44075, 749px 1520px #e44075, 104px 528px #e44075, 1769px 1255px #e44075, 543px 985px #e44075, 1493px 537px #e44075, 1268px 787px #e44075, 1531px 1050px #e44075, 1782px 1324px #e44075, 1778px 1355px #e44075, 684px 1149px #e44075, 1785px 801px #e44075, 674px 998px #e44075, 1494px 999px #e44075, 1237px 1796px #e44075, 1177px 155px #e44075, 1636px 301px #e44075, 1644px 961px #e44075, 507px 348px #e44075, 1637px 1568px #e44075, 626px 1729px #e44075, 108px 1509px #e44075, 1973px 521px #e44075, 1090px 1387px #e44075, 1140px 1259px #e44075, 1169px 581px #e44075
}

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

.x-register-card-footer #stars4 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars4,
.x-register-card-footer #stars4:after {
    width: 7px;
    height: 7px;
    background: transparent;
    box-shadow: 1277px 14546px #e44075, 1844px 279px #e44075, 149px 1565px #e44075, 967px 290px #e44075, 1470px 330px #e44075, 1029px 566px #e44075, 613px 1066px #e44075, 847px 596px #e44075, 680px 1411px #e44075, 1029px 319px #e44075, 287px 1947px #e44075, 1124px 1952px #e44075, 1486px 773px #e44075, 1462px 505px #e44075, 1890px 573px #e44075, 1595px 1743px #e44075, 72px 110px #e44075, 1055px 762px #e44075, 1551px 703px #e44075, 401px 1047px #e44075, 291px 73px #e44075, 523px 1601px #e44075, 1972px 1430px #e44075, 1033px 151px #e44075, 268px 462px #e44075, 1470px 293px #e44075, 1580px 420px #e44075, 1087px 1091px #e44075, 1705px 1318px #e44075, 656px 154px #e44075, 96px 1585px #e44075, 1761px 598px #e44075, 672px 555px #e44075, 236px 58px #e44075, 1188px 473px #e44075, 1855px 1339px #e44075, 1923px 1266px #e44075, 1641px 600px #e44075, 637px 1524px #e44075, 832px 1219px #e44075, 1881px 88px #e44075, 560px 1438px #e44075, 851px 5px #e44075, 544px 622px #e44075, 125px 290px #e44075, 1488px 780px #e44075, 1805px 1362px #e44075, 650px 1842px #e44075, 1792px 866px #e44075, 1232px 215px #e44075, 1781px 1354px #e44075, 1061px 1726px #e44075, 363px 27px #e44075, 985px 1475px #e44075, 1541px 1171px #e44075, 638px 1570px #e44075, 1390px 271px #e44075, 105px 1226px #e44075, 140px 448px #e44075, 239px 1803px #e44075, 767px 887px #e44075, 1669px 1369px #e44075, 1257px 1423px #e44075, 950px 56px #e44075, 1767px 871px #e44075, 42px 1032px #e44075, 1816px 1366px #e44075, 1378px 1837px #e44075, 378px 1930px #e44075, 498px 828px #e44075, 1491px 1988px #e44075, 1773px 649px #e44075, 1994px 1114px #e44075, 856px 1711px #e44075, 377px 874px #e44075, 1608px 158px #e44075, 609px 1145px #e44075, 508px 1944px #e44075, 1497px 1306px #e44075, 1569px 1208px #e44075, 835px 1540px #e44075, 1839px 676px #e44075, 1188px 1397px #e44075, 1041px 366px #e44075, 1256px 482px #e44075, 261px 84px #e44075, 1666px 304px #e44075, 81px 1389px #e44075, 164px 1581px #e44075, 1090px 756px #e44075, 724px 532px #e44075, 1361px 135px #e44075, 135px 1403px #e44075, 446px 1360px #e44075, 1079px 1526px #e44075, 348px 594px #e44075, 183px 287px #e44075, 1987px 1860px #e44075, 1564px 1225px #e44075, 33px 879px #e44075
}

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

.x-register-card-footer #stars5 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars5,
.x-register-card-footer #stars5:after {
    width: 9px;
    height: 9px;
    background: transparent;
    box-shadow: 1886px 4925px #e44075, 245px 1758px #e44075, 270px 34px #e44075, 420px 672px #e44075, 1129px 535px #e44075, 913px 1522px #e44075, 587px 1363px #e44075, 1471px 1484px #e44075, 234px 1664px #e44075, 968px 1446px #e44075, 725px 1019px #e44075, 1932px 1997px #e44075, 1562px 47px #e44075, 63px 767px #e44075, 1233px 1083px #e44075, 408px 381px #e44075, 239px 664px #e44075, 74px 458px #e44075, 743px 145px #e44075, 1111px 1931px #e44075, 1364px 813px #e44075, 984px 907px #e44075, 1435px 53px #e44075, 751px 1234px #e44075, 1549px 1217px #e44075, 1004px 82px #e44075, 1120px 1172px #e44075, 43px 580px #e44075, 106px 1588px #e44075, 1139px 1238px #e44075, 1803px 1480px #e44075, 829px 1508px #e44075, 923px 1065px #e44075, 95px 1993px #e44075, 1550px 822px #e44075, 1497px 391px #e44075, 1996px 1911px #e44075, 1101px 1644px #e44075, 773px 1129px #e44075, 1107px 883px #e44075, 410px 1400px #e44075, 1662px 445px #e44075, 529px 164px #e44075, 1681px 87px #e44075, 1683px 1846px #e44075, 1895px 1675px #e44075, 691px 543px #e44075, 55px 1076px #e44075, 1790px 676px #e44075, 1568px 1723px #e44075
}

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

.x-register-card-footer #stars6 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars6,
.x-register-card-footer #stars6:after {
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 1845px 12998px #e44075, 1034px 1826px #e44075, 1250px 1682px #e44075, 1497px 636px #e44075, 1192px 949px #e44075, 1083px 99px #e44075, 414px 34px #e44075, 1204px 379px #e44075, 101px 1328px #e44075, 50px 70px #e44075, 1531px 742px #e44075, 366px 1483px #e44075, 167px 63px #e44075, 1458px 665px #e44075, 177px 1972px #e44075, 14px 265px #e44075, 786px 1897px #e44075, 1888px 41px #e44075, 1447px 463px #e44075, 179px 381px #e44075, 819px 1341px #e44075, 1396px 1195px #e44075, 1853px 991px #e44075, 1104px 707px #e44075, 1108px 264px #e44075, 668px 1466px #e44075, 1375px 845px #e44075, 934px 1504px #e44075, 1385px 689px #e44075, 1685px 656px #e44075, 372px 1885px #e44075, 1076px 973px #e44075, 1613px 1844px #e44075, 824px 91px #e44075, 1027px 1171px #e44075, 957px 462px #e44075, 1332px 1392px #e44075, 544px 1385px #e44075, 331px 1906px #e44075, 1994px 1666px #e44075, 1855px 319px #e44075, 745px 917px #e44075, 890px 1410px #e44075, 1995px 1840px #e44075, 1538px 707px #e44075, 1013px 1762px #e44075, 1157px 1420px #e44075, 1812px 273px #e44075, 1732px 63px #e44075, 1738px 54px #e44075, 1793px 237px #e44075, 832px 259px #e44075, 327px 379px #e44075, 515px 1295px #e44075, 851px 611px #e44075, 1162px 685px #e44075, 272px 489px #e44075, 1473px 862px #e44075, 912px 902px #e44075, 1304px 1113px #e44075, 1420px 1030px #e44075, 489px 757px #e44075, 1448px 644px #e44075, 154px 673px #e44075, 517px 1992px #e44075, 1872px 1245px #e44075, 281px 737px #e44075, 1674px 1588px #e44075, 1903px 389px #e44075, 1271px 561px #e44075, 1512px 1593px #e44075, 1484px 1329px #e44075, 1517px 468px #e44075, 867px 1971px #e44075, 1938px 1266px #e44075, 853px 1385px #e44075, 1752px 1539px #e44075, 37px 309px #e44075, 1231px 1235px #e44075, 105px 762px #e44075, 434px 559px #e44075, 1155px 832px #e44075, 788px 437px #e44075, 1428px 777px #e44075, 992px 328px #e44075, 1886px 767px #e44075, 533px 986px #e44075, 1879px 1108px #e44075, 939px 1162px #e44075, 1594px 1503px #e44075, 1953px 146px #e44075, 562px 912px #e44075, 1442px 355px #e44075, 446px 713px #e44075, 397px 37px #e44075, 1504px 1749px #e44075, 1757px 1002px #e44075, 219px 1998px #e44075, 27px 231px #e44075, 1719px 1024px #e44075, 1147px 380px #e44075, 1725px 224px #e44075, 1540px 1522px #e44075, 1683px 1085px #e44075, 706px 223px #e44075, 555px 403px #e44075, 704px 170px #e44075, 1958px 63px #e44075, 726px 249px #e44075, 1992px 149px #e44075, 1100px 1253px #e44075, 295px 1108px #e44075, 1665px 285px #e44075, 1093px 1337px #e44075, 147px 1177px #e44075, 787px 1406px #e44075, 500px 242px #e44075, 547px 1911px #e44075, 852px 830px #e44075, 1403px 1188px #e44075, 1474px 986px #e44075, 494px 1615px #e44075, 1809px 1968px #e44075, 401px 1892px #e44075, 1316px 1815px #e44075, 126px 1548px #e44075, 544px 1324px #e44075, 578px 338px #e44075, 1005px 521px #e44075, 1728px 223px #e44075, 1475px 944px #e44075, 154px 88px #e44075, 1458px 1578px #e44075, 1298px 388px #e44075, 1220px 980px #e44075, 411px 1846px #e44075, 17px 1504px #e44075, 1194px 1357px #e44075, 1447px 1402px #e44075, 733px 1296px #e44075, 155px 1478px #e44075, 114px 1787px #e44075, 529px 664px #e44075, 112px 1432px #e44075, 515px 141px #e44075, 1804px 960px #e44075, 1274px 1104px #e44075, 1559px 46px #e44075, 1168px 695px #e44075, 1607px 1526px #e44075, 600px 769px #e44075, 608px 701px #e44075, 837px 226px #e44075, 559px 911px #e44075, 1087px 1945px #e44075, 363px 1309px #e44075, 1696px 714px #e44075, 1003px 1406px #e44075, 1885px 773px #e44075, 1568px 393px #e44075, 1350px 665px #e44075, 1337px 1382px #e44075, 14px 1041px #e44075, 9px 658px #e44075, 215px 1823px #e44075, 1071px 923px #e44075, 1689px 941px #e44075, 776px 937px #e44075, 1106px 1540px #e44075, 232px 1355px #e44075, 486px 1070px #e44075, 904px 1934px #e44075, 208px 1779px #e44075, 793px 1895px #e44075, 1805px 699px #e44075, 1838px 1726px #e44075, 945px 84px #e44075, 146px 1004px #e44075, 1470px 1534px #e44075, 1071px 260px #e44075, 1420px 1917px #e44075, 958px 962px #e44075, 1663px 1142px #e44075, 1700px 877px #e44075, 457px 1981px #e44075, 1548px 1869px #e44075, 501px 1026px #e44075, 1253px 192px #e44075, 1584px 1590px #e44075, 571px 143px #e44075, 191px 402px #e44075, 1922px 853px #e44075, 100px 1627px #e44075, 1557px 859px #e44075, 301px 1952px #e44075, 991px 1358px #e44075, 1229px 433px #e44075, 1893px 1030px #e44075, 1877px 287px #e44075, 933px 791px #e44075, 952px 966px #e44075, 178px 1093px #e44075, 1149px 1294px #e44075, 213px 424px #e44075, 1129px 482px #e44075, 299px 692px #e44075, 237px 379px #e44075, 1267px 568px #e44075, 1318px 643px #e44075, 670px 1453px #e44075, 343px 1870px #e44075, 1420px 972px #e44075, 725px 1636px #e44075, 1720px 1964px #e44075, 735px 979px #e44075, 99px 1954px #e44075, 115px 978px #e44075, 1957px 1555px #e44075, 817px 1239px #e44075, 558px 567px #e44075, 1904px 292px #e44075, 1052px 1951px #e44075, 579px 1005px #e44075, 256px 1270px #e44075, 1783px 1788px #e44075, 1279px 1964px #e44075, 1827px 1311px #e44075, 313px 1203px #e44075, 1296px 57px #e44075, 203px 11px #e44075, 1975px 181px #e44075, 1330px 761px #e44075, 1168px 1158px #e44075, 441px 537px #e44075, 656px 395px #e44075, 1208px 1832px #e44075, 311px 774px #e44075, 447px 706px #e44075, 151px 1359px #e44075, 409px 1902px #e44075, 1914px 1928px #e44075, 1845px 482px #e44075, 1317px 998px #e44075, 180px 404px #e44075, 1810px 239px #e44075, 1476px 322px #e44075, 871px 1216px #e44075, 924px 835px #e44075, 582px 1101px #e44075, 1712px 1557px #e44075, 1946px 506px #e44075, 1705px 810px #e44075, 364px 58px #e44075, 954px 1667px #e44075, 1380px 677px #e44075, 1011px 1685px #e44075, 733px 785px #e44075, 383px 1665px #e44075, 1168px 558px #e44075, 1448px 969px #e44075, 964px 1819px #e44075, 402px 1209px #e44075, 341px 53px #e44075, 164px 881px #e44075, 615px 1146px #e44075, 1341px 1384px #e44075, 502px 470px #e44075, 1140px 395px #e44075, 142px 1648px #e44075, 31px 979px #e44075, 1998px 1380px #e44075, 1374px 1013px #e44075, 1521px 443px #e44075, 445px 425px #e44075, 1921px 751px #e44075, 1755px 183px #e44075, 1771px 1057px #e44075, 957px 733px #e44075, 4px 175px #e44075, 701px 218px #e44075, 1587px 1994px #e44075, 1146px 1070px #e44075, 498px 1294px #e44075, 1238px 842px #e44075, 1649px 1035px #e44075, 999px 394px #e44075, 837px 1623px #e44075, 1727px 1031px #e44075, 894px 1569px #e44075, 1522px 77px #e44075, 335px 1537px #e44075, 1113px 1897px #e44075, 1873px 588px #e44075, 980px 1804px #e44075, 34px 1245px #e44075, 807px 1335px #e44075, 1566px 1950px #e44075, 1924px 1180px #e44075, 1242px 1712px #e44075, 730px 227px #e44075, 115px 68px #e44075, 1612px 554px #e44075, 699px 162px #e44075, 1913px 1611px #e44075, 801px 1664px #e44075, 571px 1627px #e44075, 277px 92px #e44075, 1178px 931px #e44075, 1296px 540px #e44075, 970px 1946px #e44075, 1688px 1183px #e44075, 880px 1754px #e44075, 508px 783px #e44075, 972px 1176px #e44075, 709px 1943px #e44075, 744px 597px #e44075, 440px 262px #e44075, 520px 940px #e44075, 38px 1462px #e44075, 1608px 123px #e44075, 1027px 1118px #e44075, 87px 1949px #e44075, 816px 213px #e44075, 1539px 692px #e44075, 1281px 1096px #e44075, 8px 1207px #e44075, 904px 1942px #e44075, 137px 779px #e44075, 1971px 1536px #e44075, 561px 952px #e44075, 303px 693px #e44075, 1236px 135px #e44075, 182px 462px #e44075, 446px 506px #e44075, 317px 762px #e44075, 1059px 643px #e44075, 1584px 1676px #e44075, 1257px 1714px #e44075, 1921px 187px #e44075, 1208px 32px #e44075, 890px 791px #e44075, 1297px 198px #e44075, 1620px 1743px #e44075, 1665px 138px #e44075, 696px 219px #e44075, 1440px 1024px #e44075, 596px 1468px #e44075, 1020px 339px #e44075, 1288px 933px #e44075, 963px 533px #e44075, 1608px 1423px #e44075, 606px 1131px #e44075, 563px 1490px #e44075, 1600px 1226px #e44075, 1217px 666px #e44075, 1852px 798px #e44075, 1185px 1865px #e44075, 23px 1208px #e44075, 26px 769px #e44075, 619px 413px #e44075, 1188px 1202px #e44075, 1720px 1351px #e44075, 403px 824px #e44075, 1895px 564px #e44075, 6px 303px #e44075, 662px 1145px #e44075, 192px 1113px #e44075, 167px 667px #e44075, 1825px 88px #e44075, 143px 694px #e44075, 417px 1992px #e44075, 1191px 1054px #e44075, 1233px 1259px #e44075, 235px 1452px #e44075, 1409px 757px #e44075, 19px 1104px #e44075, 1294px 115px #e44075, 791px 1981px #e44075, 352px 104px #e44075, 214px 1326px #e44075, 805px 1680px #e44075, 144px 1906px #e44075, 1953px 656px #e44075, 378px 961px #e44075, 1437px 1702px #e44075, 443px 1481px #e44075, 798px 1315px #e44075, 617px 1423px #e44075, 1959px 600px #e44075, 191px 516px #e44075, 550px 147px #e44075, 857px 1141px #e44075, 1103px 91px #e44075, 187px 769px #e44075, 142px 1565px #e44075, 871px 1464px #e44075, 1343px 334px #e44075, 153px 1508px #e44075, 1812px 1498px #e44075, 687px 1102px #e44075, 1393px 600px #e44075, 765px 226px #e44075, 1731px 819px #e44075, 421px 1047px #e44075, 1168px 924px #e44075, 1614px 338px #e44075, 1670px 1144px #e44075, 945px 1539px #e44075, 1466px 646px #e44075, 977px 1966px #e44075, 684px 721px #e44075, 1789px 1709px #e44075, 1839px 113px #e44075, 221px 1509px #e44075, 219px 1196px #e44075, 1951px 675px #e44075, 721px 1743px #e44075, 1020px 1522px #e44075, 1005px 1004px #e44075, 112px 692px #e44075, 870px 31px #e44075, 58px 1204px #e44075, 1842px 1249px #e44075, 139px 1966px #e44075, 1763px 416px #e44075, 1041px 1505px #e44075, 241px 1465px #e44075, 1303px 1275px #e44075, 1336px 1963px #e44075, 1857px 360px #e44075, 901px 50px #e44075, 997px 383px #e44075, 1673px 769px #e44075, 1808px 1016px #e44075, 1923px 492px #e44075, 1313px 1045px #e44075, 1441px 1799px #e44075, 997px 1709px #e44075, 791px 222px #e44075, 1173px 1696px #e44075, 623px 1982px #e44075, 1322px 634px #e44075, 1370px 855px #e44075, 1595px 1671px #e44075, 1735px 1765px #e44075, 670px 1087px #e44075, 274px 666px #e44075, 522px 1247px #e44075, 1462px 149px #e44075, 615px 1437px #e44075, 1982px 1659px #e44075, 713px 196px #e44075, 1363px 97px #e44075, 1410px 1401px #e44075, 1725px 621px #e44075, 492px 1146px #e44075, 1355px 1823px #e44075, 196px 187px #e44075, 1236px 374px #e44075, 265px 372px #e44075, 1693px 246px #e44075, 458px 119px #e44075, 842px 1593px #e44075, 1054px 733px #e44075, 1194px 458px #e44075, 932px 1336px #e44075, 679px 539px #e44075, 941px 1653px #e44075, 868px 1783px #e44075, 690px 1574px #e44075, 1364px 1505px #e44075, 1097px 341px #e44075, 1107px 1047px #e44075, 1603px 1510px #e44075, 1781px 170px #e44075, 441px 1634px #e44075, 1374px 249px #e44075, 1316px 1563px #e44075, 1885px 1557px #e44075, 1607px 868px #e44075, 1787px 203px #e44075, 613px 1211px #e44075, 1204px 1093px #e44075, 1570px 23px #e44075, 1044px 1191px #e44075, 456px 980px #e44075, 103px 680px #e44075, 1410px 701px #e44075, 868px 475px #e44075, 1208px 865px #e44075, 330px 362px #e44075, 1563px 1990px #e44075, 181px 1476px #e44075, 1245px 681px #e44075, 978px 1949px #e44075, 1167px 426px #e44075, 491px 12px #e44075, 500px 742px #e44075, 1653px 192px #e44075, 1241px 1544px #e44075, 186px 642px #e44075, 976px 1567px #e44075, 752px 142px #e44075, 605px 395px #e44075, 1831px 839px #e44075, 206px 635px #e44075, 1408px 1842px #e44075, 493px 785px #e44075, 1482px 217px #e44075, 1231px 733px #e44075, 1453px 1717px #e44075, 1612px 1443px #e44075, 1360px 1352px #e44075, 897px 1608px #e44075, 1983px 743px #e44075, 1101px 1897px #e44075, 214px 1139px #e44075, 1057px 1562px #e44075, 1568px 57px #e44075, 175px 1156px #e44075, 663px 1128px #e44075, 139px 1147px #e44075, 65px 526px #e44075, 1432px 1160px #e44075, 1701px 1451px #e44075, 1839px 682px #e44075, 1483px 210px #e44075, 1488px 978px #e44075, 1593px 591px #e44075, 334px 132px #e44075, 1330px 1010px #e44075, 540px 1172px #e44075, 625px 856px #e44075, 538px 647px #e44075, 1788px 1087px #e44075, 46px 1209px #e44075, 673px 635px #e44075, 932px 1778px #e44075, 1358px 1886px #e44075, 136px 1602px #e44075, 782px 503px #e44075, 1951px 369px #e44075, 1885px 836px #e44075, 1277px 1930px #e44075, 1597px 791px #e44075, 1350px 106px #e44075, 1725px 385px #e44075, 1110px 1212px #e44075, 976px 848px #e44075, 558px 102px #e44075, 767px 1570px #e44075, 180px 757px #e44075, 1320px 785px #e44075, 262px 1628px #e44075, 886px 1113px #e44075, 650px 99px #e44075, 831px 602px #e44075, 1905px 256px #e44075, 952px 921px #e44075, 473px 950px #e44075, 1899px 1155px #e44075, 1822px 579px #e44075, 62px 306px #e44075, 1579px 80px #e44075, 81px 789px #e44075, 735px 1138px #e44075, 604px 928px #e44075, 987px 1982px #e44075, 1320px 1491px #e44075, 915px 81px #e44075, 284px 595px #e44075, 192px 1712px #e44075, 980px 203px #e44075, 828px 1441px #e44075, 1500px 132px #e44075, 770px 1898px #e44075, 1237px 330px #e44075, 1946px 314px #e44075, 1740px 256px #e44075, 1529px 369px #e44075, 1385px 1136px #e44075, 689px 1781px #e44075, 846px 826px #e44075, 596px 127px #e44075, 1184px 642px #e44075, 1409px 743px #e44075, 1018px 200px #e44075, 1629px 816px #e44075, 992px 1085px #e44075, 656px 346px #e44075, 1633px 1916px #e44075, 747px 135px #e44075, 1790px 1627px #e44075, 1433px 1814px #e44075, 879px 1192px #e44075, 1140px 2px #e44075, 131px 903px #e44075, 1864px 1776px #e44075, 1949px 96px #e44075, 500px 1685px #e44075, 593px 488px #e44075, 1511px 864px #e44075, 616px 365px #e44075, 832px 1960px #e44075, 1330px 1236px #e44075, 1420px 1974px #e44075, 1977px 1345px #e44075, 1097px 937px #e44075, 598px 1245px #e44075, 1186px 1976px #e44075, 1608px 708px #e44075, 1348px 1104px #e44075, 1445px 1238px #e44075, 1557px 1882px #e44075, 1711px 650px #e44075, 829px 1717px #e44075, 1334px 930px #e44075, 1357px 1023px #e44075, 1415px 1634px #e44075, 1466px 1695px #e44075, 1711px 1589px #e44075, 851px 1924px #e44075, 654px 1791px #e44075, 1602px 712px #e44075, 309px 1730px #e44075, 1782px 1985px #e44075, 1821px 85px #e44075, 106px 1332px #e44075, 398px 1126px #e44075, 1822px 1462px #e44075, 1710px 668px #e44075, 1375px 1063px #e44075, 1466px 1335px #e44075, 205px 612px #e44075, 1615px 687px #e44075, 1723px 1668px #e44075, 848px 1745px #e44075, 83px 296px #e44075, 1600px 1503px #e44075, 498px 1012px #e44075, 636px 1556px #e44075, 162px 1613px #e44075, 1612px 1860px #e44075, 1641px 393px #e44075, 140px 841px #e44075, 810px 989px #e44075, 973px 1411px #e44075, 185px 1082px #e44075, 1782px 235px #e44075, 1213px 1014px #e44075, 596px 44px #e44075, 826px 1145px #e44075, 1899px 1365px #e44075, 1376px 135px #e44075, 1609px 972px #e44075, 400px 144px #e44075, 1664px 686px #e44075, 1081px 1881px #e44075, 1149px 1692px #e44075, 681px 878px #e44075, 608px 1288px #e44075, 1841px 98px #e44075, 4px 1139px #e44075, 1467px 1855px #e44075, 283px 298px #e44075, 13px 927px #e44075, 609px 1378px #e44075, 189px 1591px #e44075, 757px 845px #e44075, 1956px 1590px #e44075, 511px 1686px #e44075, 1026px 1501px #e44075, 49px 1928px #e44075, 1948px 1898px #e44075, 1325px 1649px #e44075, 695px 1528px #e44075, 254px 822px #e44075, 1458px 70px #e44075, 330px 1478px #e44075, 1079px 702px #e44075, 1645px 415px #e44075, 1602px 1473px #e44075, 1762px 1441px #e44075, 611px 1228px #e44075, 771px 368px #e44075, 1054px 179px #e44075, 73px 719px #e44075, 741px 1519px #e44075, 264px 1378px #e44075, 452px 1124px #e44075, 57px 859px #e44075, 1727px 820px #e44075, 742px 1783px #e44075, 998px 1523px #e44075, 1903px 819px #e44075, 944px 1389px #e44075, 776px 1661px #e44075, 1320px 214px #e44075, 1103px 1307px #e44075, 1398px 298px #e44075
}

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

.x-register-card-footer #stars7 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars7,
.x-register-card-footer #stars7:after {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 651px 3129px #e44075, 309px 864px #e44075, 1181px 476px #e44075, 555px 887px #e44075, 1638px 470px #e44075, 1671px 1060px #e44075, 538px 1231px #e44075, 1693px 533px #e44075, 753px 776px #e44075, 94px 219px #e44075, 1970px 289px #e44075, 1961px 1590px #e44075, 36px 297px #e44075, 1278px 926px #e44075, 1741px 402px #e44075, 834px 935px #e44075, 841px 1030px #e44075, 1276px 1321px #e44075, 933px 215px #e44075, 724px 881px #e44075, 809px 1520px #e44075, 562px 1472px #e44075, 1085px 1903px #e44075, 1715px 279px #e44075, 1336px 563px #e44075, 824px 1526px #e44075, 73px 1851px #e44075, 867px 925px #e44075, 1506px 1731px #e44075, 1800px 1193px #e44075, 1083px 443px #e44075, 634px 491px #e44075, 1583px 792px #e44075, 1851px 207px #e44075, 157px 1241px #e44075, 1236px 439px #e44075, 1654px 1544px #e44075, 1679px 644px #e44075, 1149px 1075px #e44075, 1613px 500px #e44075, 454px 263px #e44075, 661px 1473px #e44075, 1496px 1256px #e44075, 469px 1049px #e44075, 195px 1464px #e44075, 1452px 666px #e44075, 1034px 1517px #e44075, 604px 415px #e44075, 1366px 1582px #e44075, 97px 540px #e44075, 1057px 821px #e44075, 625px 252px #e44075, 1556px 714px #e44075, 1265px 584px #e44075, 834px 46px #e44075, 844px 1045px #e44075, 359px 161px #e44075, 11px 1979px #e44075, 1530px 368px #e44075, 338px 1525px #e44075, 1532px 470px #e44075, 409px 926px #e44075, 1560px 371px #e44075, 599px 1284px #e44075, 1051px 1499px #e44075, 804px 723px #e44075, 1237px 1509px #e44075, 738px 748px #e44075, 1781px 329px #e44075, 1373px 1756px #e44075, 384px 311px #e44075, 1360px 1529px #e44075, 706px 1718px #e44075, 251px 1525px #e44075, 1092px 644px #e44075, 577px 83px #e44075, 573px 1391px #e44075, 1933px 1190px #e44075, 499px 1825px #e44075, 625px 1612px #e44075, 498px 1985px #e44075, 632px 328px #e44075, 407px 609px #e44075, 1154px 1293px #e44075, 1911px 1299px #e44075, 544px 1450px #e44075, 311px 1122px #e44075, 1102px 242px #e44075, 278px 1031px #e44075, 1889px 1791px #e44075, 881px 1616px #e44075, 1795px 289px #e44075, 18px 205px #e44075, 1954px 845px #e44075, 1166px 597px #e44075, 900px 1629px #e44075, 1783px 1706px #e44075, 957px 120px #e44075, 1922px 1903px #e44075, 1904px 144px #e44075, 114px 1808px #e44075, 920px 578px #e44075, 476px 1971px #e44075, 875px 1159px #e44075, 1117px 1787px #e44075, 563px 1048px #e44075, 1764px 521px #e44075, 1515px 1761px #e44075, 790px 1236px #e44075, 1740px 1075px #e44075, 492px 678px #e44075, 1898px 511px #e44075, 1782px 391px #e44075, 1812px 959px #e44075, 748px 264px #e44075, 305px 808px #e44075, 1225px 1891px #e44075, 299px 61px #e44075, 1523px 1050px #e44075, 1233px 676px #e44075, 455px 1482px #e44075, 400px 1582px #e44075, 241px 751px #e44075, 336px 1594px #e44075, 1749px 1527px #e44075, 1262px 1548px #e44075, 270px 1779px #e44075, 1960px 685px #e44075, 339px 904px #e44075, 283px 330px #e44075, 1450px 116px #e44075, 518px 664px #e44075, 885px 1591px #e44075, 828px 1816px #e44075, 1505px 557px #e44075, 103px 1470px #e44075, 987px 396px #e44075, 1232px 689px #e44075, 1502px 868px #e44075, 463px 1391px #e44075, 1617px 1069px #e44075, 606px 237px #e44075, 1310px 1076px #e44075, 1494px 1260px #e44075, 160px 1148px #e44075, 920px 1728px #e44075, 705px 212px #e44075, 1388px 1685px #e44075, 1865px 1861px #e44075, 499px 193px #e44075, 536px 1511px #e44075, 692px 621px #e44075, 164px 201px #e44075, 723px 1901px #e44075, 1261px 1095px #e44075, 1703px 943px #e44075, 1434px 1195px #e44075, 1499px 950px #e44075, 978px 279px #e44075, 866px 632px #e44075, 9px 1936px #e44075, 1186px 1303px #e44075, 161px 1074px #e44075, 646px 1222px #e44075, 1474px 1632px #e44075, 549px 1726px #e44075, 66px 720px #e44075, 202px 221px #e44075, 132px 816px #e44075, 874px 1336px #e44075, 1507px 1662px #e44075, 1181px 1197px #e44075, 596px 1663px #e44075, 810px 395px #e44075, 1000px 589px #e44075, 993px 1883px #e44075, 327px 1963px #e44075, 1172px 305px #e44075, 1086px 1095px #e44075, 245px 223px #e44075, 146px 1599px #e44075, 466px 344px #e44075, 722px 242px #e44075, 162px 1642px #e44075, 1985px 929px #e44075, 1015px 272px #e44075, 77px 350px #e44075, 1370px 135px #e44075, 1079px 5px #e44075, 1245px 1253px #e44075, 990px 37px #e44075, 609px 1249px #e44075, 275px 284px #e44075, 487px 1906px #e44075, 1346px 239px #e44075, 331px 976px #e44075, 341px 596px #e44075, 1316px 335px #e44075, 1668px 1084px #e44075, 1050px 1085px #e44075, 1440px 1045px #e44075, 667px 1319px #e44075, 1362px 293px #e44075, 44px 498px #e44075, 1453px 273px #e44075, 868px 1302px #e44075, 28px 272px #e44075, 920px 1317px #e44075, 1270px 329px #e44075, 368px 251px #e44075, 1519px 1652px #e44075, 797px 305px #e44075, 58px 1397px #e44075, 234px 1009px #e44075, 903px 224px #e44075, 1165px 1375px #e44075, 761px 1790px #e44075, 826px 1590px #e44075, 1893px 1725px #e44075, 1190px 1047px #e44075, 536px 1932px #e44075, 1301px 471px #e44075, 1384px 1408px #e44075, 91px 1845px #e44075, 1169px 316px #e44075, 1436px 436px #e44075, 309px 787px #e44075, 479px 1120px #e44075, 1012px 1153px #e44075, 1761px 479px #e44075, 1045px 803px #e44075, 626px 539px #e44075, 1890px 16px #e44075, 1247px 1909px #e44075, 1014px 1316px #e44075, 630px 1609px #e44075, 1736px 1911px #e44075, 1188px 1385px #e44075, 861px 1352px #e44075, 1328px 334px #e44075, 680px 943px #e44075, 1639px 1778px #e44075, 818px 1361px #e44075, 551px 1777px #e44075, 153px 912px #e44075, 718px 1165px #e44075, 575px 931px #e44075, 793px 1127px #e44075, 1534px 1678px #e44075, 1037px 842px #e44075, 1974px 1097px #e44075, 1755px 4px #e44075, 1772px 959px #e44075, 621px 131px #e44075, 1663px 1030px #e44075, 484px 651px #e44075, 1762px 399px #e44075, 17px 699px #e44075, 978px 1867px #e44075, 433px 1716px #e44075, 1211px 842px #e44075, 780px 1746px #e44075, 1189px 1955px #e44075, 112px 1712px #e44075, 171px 1329px #e44075, 1585px 1303px #e44075, 1124px 1353px #e44075, 1840px 819px #e44075, 899px 586px #e44075, 1524px 1608px #e44075, 333px 680px #e44075, 820px 710px #e44075, 573px 1553px #e44075, 347px 356px #e44075, 1559px 1164px #e44075, 1352px 530px #e44075, 1523px 1713px #e44075, 559px 626px #e44075, 713px 174px #e44075, 584px 42px #e44075, 1623px 1893px #e44075, 1997px 478px #e44075, 1704px 1125px #e44075, 1498px 1378px #e44075, 838px 1360px #e44075, 1258px 785px #e44075, 437px 1662px #e44075, 315px 1765px #e44075, 147px 1385px #e44075, 1627px 885px #e44075, 1511px 266px #e44075, 1209px 613px #e44075, 1539px 1077px #e44075, 1070px 823px #e44075, 23px 954px #e44075, 32px 1365px #e44075, 576px 915px #e44075, 1193px 1534px #e44075, 1458px 1127px #e44075, 1698px 124px #e44075
}

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

.x-register-card-footer #stars9 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars9,
.x-register-card-footer #stars9:after {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 421px 3161px #e44075, 1297px 1340px #e44075, 210px 831px #e44075, 547px 187px #e44075, 324px 154px #e44075, 626px 1458px #e44075, 95px 486px #e44075, 1439px 1326px #e44075, 1132px 482px #e44075, 1998px 21px #e44075, 229px 379px #e44075, 673px 1893px #e44075, 267px 948px #e44075, 380px 1053px #e44075, 1448px 322px #e44075, 28px 720px #e44075, 1872px 327px #e44075, 1041px 1611px #e44075, 1010px 894px #e44075, 1750px 361px #e44075, 735px 1649px #e44075, 1545px 509px #e44075, 754px 672px #e44075, 847px 1470px #e44075, 897px 541px #e44075, 753px 1942px #e44075, 1836px 1150px #e44075, 1907px 1440px #e44075, 430px 751px #e44075, 1474px 691px #e44075, 1209px 1569px #e44075, 772px 1370px #e44075, 77px 1310px #e44075, 992px 974px #e44075, 1717px 1251px #e44075, 135px 1489px #e44075, 854px 1881px #e44075, 454px 1820px #e44075, 1423px 246px #e44075, 450px 786px #e44075, 1419px 502px #e44075, 23px 547px #e44075, 994px 738px #e44075, 788px 689px #e44075, 1501px 1579px #e44075, 1779px 1333px #e44075, 533px 1263px #e44075, 858px 488px #e44075, 1970px 679px #e44075, 861px 629px #e44075, 1257px 1023px #e44075, 1580px 899px #e44075, 1316px 1279px #e44075, 737px 647px #e44075, 1902px 3px #e44075, 1973px 277px #e44075, 1760px 416px #e44075, 281px 331px #e44075, 198px 1436px #e44075, 571px 1212px #e44075, 1602px 697px #e44075, 369px 505px #e44075, 375px 41px #e44075, 1567px 1198px #e44075, 1382px 1364px #e44075, 625px 1144px #e44075, 1730px 1836px #e44075, 33px 1062px #e44075, 1518px 1271px #e44075, 616px 1607px #e44075, 1285px 1614px #e44075, 1791px 540px #e44075, 336px 712px #e44075, 1103px 1339px #e44075, 1555px 1090px #e44075, 1994px 595px #e44075, 231px 280px #e44075, 763px 1857px #e44075, 263px 162px #e44075, 1949px 1273px #e44075, 580px 1009px #e44075, 315px 121px #e44075, 454px 1024px #e44075, 954px 248px #e44075, 584px 849px #e44075, 1340px 19px #e44075, 856px 1171px #e44075, 1021px 1257px #e44075, 1528px 777px #e44075, 1976px 999px #e44075, 780px 206px #e44075, 111px 1887px #e44075, 271px 180px #e44075, 430px 541px #e44075, 696px 111px #e44075, 689px 696px #e44075, 769px 924px #e44075, 1764px 4px #e44075, 171px 869px #e44075, 855px 692px #e44075, 1505px 1597px #e44075, 1779px 325px #e44075, 1400px 561px #e44075, 1788px 1968px #e44075, 1234px 461px #e44075, 803px 692px #e44075, 101px 233px #e44075, 1056px 1465px #e44075, 292px 589px #e44075, 257px 885px #e44075, 1851px 1262px #e44075, 307px 719px #e44075, 124px 768px #e44075, 1091px 1721px #e44075, 1929px 715px #e44075, 1485px 731px #e44075, 927px 734px #e44075, 1155px 1992px #e44075, 1713px 661px #e44075, 1355px 1169px #e44075, 822px 66px #e44075, 1441px 1301px #e44075, 419px 1214px #e44075, 568px 801px #e44075, 470px 1512px #e44075, 1090px 1569px #e44075, 1054px 355px #e44075, 1521px 808px #e44075, 212px 210px #e44075, 352px 782px #e44075, 285px 1044px #e44075, 12px 1482px #e44075, 143px 1302px #e44075, 665px 1788px #e44075, 266px 1962px #e44075, 1413px 1198px #e44075, 1665px 70px #e44075, 1112px 1410px #e44075, 525px 1705px #e44075, 1956px 1084px #e44075, 1551px 767px #e44075, 1658px 1814px #e44075, 862px 471px #e44075, 1726px 1125px #e44075, 1578px 1968px #e44075, 1379px 1512px #e44075, 1786px 224px #e44075, 577px 47px #e44075, 178px 1504px #e44075, 1641px 1467px #e44075, 1458px 935px #e44075, 941px 1557px #e44075, 594px 655px #e44075, 1927px 1427px #e44075, 1102px 1757px #e44075, 1757px 1801px #e44075, 1182px 1765px #e44075, 69px 33px #e44075, 269px 1465px #e44075, 1548px 1320px #e44075, 1564px 712px #e44075, 1238px 1839px #e44075, 1661px 1256px #e44075, 851px 277px #e44075, 573px 581px #e44075, 1350px 1288px #e44075, 1384px 62px #e44075, 341px 1647px #e44075, 100px 1593px #e44075, 1368px 356px #e44075, 731px 1722px #e44075, 1830px 715px #e44075, 473px 1183px #e44075, 1748px 316px #e44075, 1794px 936px #e44075, 1379px 1578px #e44075, 1174px 659px #e44075, 243px 970px #e44075, 51px 1087px #e44075, 974px 1231px #e44075, 1599px 142px #e44075, 182px 247px #e44075, 69px 1606px #e44075, 1552px 1424px #e44075, 1344px 245px #e44075, 1666px 1981px #e44075, 534px 544px #e44075, 1567px 1338px #e44075, 529px 570px #e44075, 1207px 334px #e44075, 917px 1817px #e44075, 389px 857px #e44075, 161px 408px #e44075, 43px 656px #e44075, 1559px 1918px #e44075, 1143px 447px #e44075, 969px 658px #e44075, 1331px 1167px #e44075, 1686px 1337px #e44075, 669px 537px #e44075, 889px 154px #e44075, 397px 1311px #e44075, 443px 172px #e44075, 1586px 914px #e44075, 885px 415px #e44075, 1774px 322px #e44075, 512px 25px #e44075, 1259px 1372px #e44075, 211px 1839px #e44075, 1768px 1815px #e44075, 1835px 272px #e44075, 860px 565px #e44075, 1762px 309px #e44075, 1859px 1479px #e44075, 1737px 1710px #e44075, 322px 432px #e44075, 1313px 1647px #e44075, 935px 1309px #e44075, 1299px 1311px #e44075, 1349px 45px #e44075, 1832px 1001px #e44075, 1371px 1211px #e44075, 1701px 1395px #e44075, 10px 1347px #e44075, 10px 1717px #e44075, 1353px 813px #e44075, 1329px 488px #e44075, 150px 105px #e44075, 704px 49px #e44075, 885px 660px #e44075, 932px 1013px #e44075, 1861px 901px #e44075, 511px 1308px #e44075, 1992px 1089px #e44075, 1738px 46px #e44075, 624px 885px #e44075, 1268px 571px #e44075, 931px 1935px #e44075, 1301px 1337px #e44075, 1888px 772px #e44075, 378px 94px #e44075, 1281px 1645px #e44075, 1868px 576px #e44075, 440px 1581px #e44075, 581px 1036px #e44075, 730px 148px #e44075, 1420px 1787px #e44075, 566px 1019px #e44075, 426px 1846px #e44075, 764px 328px #e44075, 493px 876px #e44075, 1318px 1141px #e44075, 1713px 602px #e44075, 1606px 1972px #e44075, 1379px 246px #e44075, 1125px 829px #e44075, 821px 1805px #e44075, 1137px 1178px #e44075, 590px 242px #e44075, 1628px 703px #e44075, 1663px 1985px #e44075, 947px 1804px #e44075, 1400px 1088px #e44075, 1258px 1238px #e44075, 1298px 1841px #e44075, 246px 688px #e44075, 1351px 1243px #e44075, 1671px 365px #e44075, 1757px 1880px #e44075, 587px 1185px #e44075, 515px 158px #e44075, 1194px 1424px #e44075, 320px 680px #e44075, 297px 1920px #e44075, 1178px 413px #e44075, 999px 371px #e44075, 1657px 82px #e44075, 800px 597px #e44075, 74px 370px #e44075, 1825px 1747px #e44075, 974px 457px #e44075, 660px 801px #e44075, 1900px 1217px #e44075, 748px 478px #e44075, 432px 1084px #e44075, 758px 1473px #e44075, 1366px 901px #e44075, 1177px 975px #e44075, 1883px 445px #e44075, 1395px 91px #e44075, 1517px 1881px #e44075, 349px 872px #e44075, 892px 1841px #e44075, 240px 1273px #e44075, 150px 779px #e44075, 794px 271px #e44075, 649px 1754px #e44075, 1189px 509px #e44075, 1024px 1637px #e44075, 1266px 418px #e44075, 504px 1782px #e44075, 890px 1094px #e44075, 603px 452px #e44075, 1254px 288px #e44075, 33px 308px #e44075, 1606px 1850px #e44075, 200px 1527px #e44075, 655px 1802px #e44075, 230px 1909px #e44075, 1667px 1731px #e44075, 1887px 701px #e44075, 1668px 1149px #e44075, 1689px 1720px #e44075, 622px 531px #e44075, 281px 1679px #e44075, 746px 923px #e44075, 288px 692px #e44075, 86px 128px #e44075, 448px 883px #e44075, 1073px 1223px #e44075, 1193px 1758px #e44075, 455px 713px #e44075, 1182px 1321px #e44075, 242px 1798px #e44075, 1689px 1344px #e44075, 634px 375px #e44075, 1680px 1710px #e44075, 1551px 1043px #e44075, 1221px 1028px #e44075, 195px 798px #e44075, 389px 1709px #e44075, 677px 1959px #e44075, 532px 827px #e44075, 215px 400px #e44075, 1909px 456px #e44075, 177px 1168px #e44075, 395px 767px #e44075, 754px 1104px #e44075, 1552px 491px #e44075, 546px 331px #e44075, 1386px 920px #e44075, 1963px 170px #e44075, 1478px 1528px #e44075, 1121px 945px #e44075, 907px 474px #e44075, 1043px 1855px #e44075, 409px 860px #e44075, 429px 1126px #e44075, 38px 1556px #e44075, 53px 1148px #e44075, 741px 503px #e44075, 465px 1710px #e44075, 1635px 601px #e44075, 37px 1122px #e44075, 92px 36px #e44075, 883px 141px #e44075, 1316px 464px #e44075, 1237px 1693px #e44075, 1489px 379px #e44075, 639px 485px #e44075, 1886px 734px #e44075, 1845px 890px #e44075, 1097px 1866px #e44075, 339px 876px #e44075, 1035px 119px #e44075, 336px 670px #e44075, 116px 1551px #e44075, 400px 195px #e44075, 1330px 1676px #e44075, 1657px 629px #e44075, 1081px 385px #e44075, 1450px 761px #e44075, 598px 1566px #e44075, 322px 1662px #e44075, 612px 1050px #e44075, 260px 1446px #e44075, 71px 1899px #e44075, 1840px 1994px #e44075, 961px 147px #e44075, 260px 1708px #e44075, 571px 1476px #e44075, 37px 832px #e44075, 817px 1279px #e44075, 637px 1121px #e44075, 310px 928px #e44075, 1268px 500px #e44075, 622px 1537px #e44075, 1392px 1461px #e44075, 921px 905px #e44075, 1182px 1167px #e44075, 163px 718px #e44075, 1548px 1749px #e44075, 195px 882px #e44075, 458px 310px #e44075, 657px 1242px #e44075, 1336px 1600px #e44075, 1122px 1786px #e44075, 1308px 1103px #e44075, 1892px 744px #e44075, 1717px 1160px #e44075, 1927px 1245px #e44075, 577px 961px #e44075, 1423px 1381px #e44075, 122px 1212px #e44075, 1475px 1378px #e44075, 599px 893px #e44075, 1679px 46px #e44075, 1776px 371px #e44075, 689px 1047px #e44075, 971px 250px #e44075, 1544px 766px #e44075, 1521px 588px #e44075, 1417px 372px #e44075, 567px 250px #e44075, 1235px 954px #e44075, 880px 1906px #e44075, 1019px 36px #e44075, 352px 1987px #e44075, 506px 906px #e44075, 675px 1012px #e44075, 183px 1220px #e44075, 1944px 461px #e44075, 80px 1801px #e44075, 301px 743px #e44075, 468px 1883px #e44075, 1565px 820px #e44075, 301px 752px #e44075, 1200px 137px #e44075, 386px 1650px #e44075, 1594px 336px #e44075, 1773px 1130px #e44075, 1821px 54px #e44075, 1162px 1871px #e44075, 1573px 25px #e44075, 755px 629px #e44075, 1463px 705px #e44075, 292px 1027px #e44075, 1358px 1283px #e44075, 992px 1543px #e44075, 31px 1939px #e44075, 1887px 706px #e44075, 600px 981px #e44075, 629px 1196px #e44075, 267px 829px #e44075, 329px 962px #e44075, 1464px 1508px #e44075, 747px 394px #e44075, 1183px 782px #e44075, 396px 1292px #e44075, 639px 644px #e44075, 1927px 359px #e44075, 1984px 1223px #e44075, 190px 1143px #e44075, 1340px 1796px #e44075, 1266px 1766px #e44075, 1835px 1398px #e44075, 1625px 1193px #e44075, 1437px 518px #e44075, 1015px 1850px #e44075, 1557px 1024px #e44075, 619px 302px #e44075, 110px 1062px #e44075, 981px 1238px #e44075, 1762px 527px #e44075, 823px 1278px #e44075, 1842px 809px #e44075, 1101px 1140px #e44075, 503px 1706px #e44075, 263px 484px #e44075, 1427px 492px #e44075, 708px 1976px #e44075, 1920px 1941px #e44075, 1383px 773px #e44075, 1373px 1721px #e44075, 1586px 871px #e44075, 626px 679px #e44075, 642px 1873px #e44075, 1696px 1684px #e44075, 255px 140px #e44075, 96px 1442px #e44075, 1504px 847px #e44075, 1368px 665px #e44075, 1356px 59px #e44075, 999px 67px #e44075, 660px 578px #e44075, 1225px 961px #e44075, 1004px 897px #e44075, 249px 111px #e44075, 1526px 1061px #e44075, 26px 712px #e44075, 642px 1796px #e44075, 573px 1912px #e44075, 167px 541px #e44075, 1493px 882px #e44075, 1358px 150px #e44075, 1414px 1519px #e44075, 1426px 1061px #e44075, 729px 1548px #e44075, 123px 1422px #e44075, 818px 1056px #e44075
}

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

.x-register-card-footer #stars10 {
    opacity: .8;
    -webkit-animation: animStar 3s linear infinite;
    border-radius: 50%
}

.x-register-card-footer #stars10,
.x-register-card-footer #stars10:after {
    width: 5px;
    height: 5px;
    background: transparent;
    box-shadow: 651px 3129px #e44075, 309px 864px #e44075, 1181px 476px #e44075, 555px 887px #e44075, 1638px 470px #e44075, 1671px 1060px #e44075, 538px 1231px #e44075, 1693px 533px #e44075, 753px 776px #e44075, 94px 219px #e44075, 1970px 289px #e44075, 1961px 1590px #e44075, 36px 297px #e44075, 1278px 926px #e44075, 1741px 402px #e44075, 834px 935px #e44075, 841px 1030px #e44075, 1276px 1321px #e44075, 933px 215px #e44075, 724px 881px #e44075, 809px 1520px #e44075, 562px 1472px #e44075, 1085px 1903px #e44075, 1715px 279px #e44075, 1336px 563px #e44075, 824px 1526px #e44075, 73px 1851px #e44075, 867px 925px #e44075, 1506px 1731px #e44075, 1800px 1193px #e44075, 1083px 443px #e44075, 634px 491px #e44075, 1583px 792px #e44075, 1851px 207px #e44075, 157px 1241px #e44075, 1236px 439px #e44075, 1654px 1544px #e44075, 1679px 644px #e44075, 1149px 1075px #e44075, 1613px 500px #e44075, 454px 263px #e44075, 661px 1473px #e44075, 1496px 1256px #e44075, 469px 1049px #e44075, 195px 1464px #e44075, 1452px 666px #e44075, 1034px 1517px #e44075, 604px 415px #e44075, 1366px 1582px #e44075, 97px 540px #e44075, 1057px 821px #e44075, 625px 252px #e44075, 1556px 714px #e44075, 1265px 584px #e44075, 834px 46px #e44075, 844px 1045px #e44075, 359px 161px #e44075, 11px 1979px #e44075, 1530px 368px #e44075, 338px 1525px #e44075, 1532px 470px #e44075, 409px 926px #e44075, 1560px 371px #e44075, 599px 1284px #e44075, 1051px 1499px #e44075, 804px 723px #e44075, 1237px 1509px #e44075, 738px 748px #e44075, 1781px 329px #e44075, 1373px 1756px #e44075, 384px 311px #e44075, 1360px 1529px #e44075, 706px 1718px #e44075, 251px 1525px #e44075, 1092px 644px #e44075, 577px 83px #e44075, 573px 1391px #e44075, 1933px 1190px #e44075, 499px 1825px #e44075, 625px 1612px #e44075, 498px 1985px #e44075, 632px 328px #e44075, 407px 609px #e44075, 1154px 1293px #e44075, 1911px 1299px #e44075, 544px 1450px #e44075, 311px 1122px #e44075, 1102px 242px #e44075, 278px 1031px #e44075, 1889px 1791px #e44075, 881px 1616px #e44075, 1795px 289px #e44075, 18px 205px #e44075, 1954px 845px #e44075, 1166px 597px #e44075, 900px 1629px #e44075, 1783px 1706px #e44075, 957px 120px #e44075, 1922px 1903px #e44075, 1904px 144px #e44075, 114px 1808px #e44075, 920px 578px #e44075, 476px 1971px #e44075, 875px 1159px #e44075, 1117px 1787px #e44075, 563px 1048px #e44075, 1764px 521px #e44075, 1515px 1761px #e44075, 790px 1236px #e44075, 1740px 1075px #e44075, 492px 678px #e44075, 1898px 511px #e44075, 1782px 391px #e44075, 1812px 959px #e44075, 748px 264px #e44075, 305px 808px #e44075, 1225px 1891px #e44075, 299px 61px #e44075, 1523px 1050px #e44075, 1233px 676px #e44075, 455px 1482px #e44075, 400px 1582px #e44075, 241px 751px #e44075, 336px 1594px #e44075, 1749px 1527px #e44075, 1262px 1548px #e44075, 270px 1779px #e44075, 1960px 685px #e44075, 339px 904px #e44075, 283px 330px #e44075, 1450px 116px #e44075, 518px 664px #e44075, 885px 1591px #e44075, 828px 1816px #e44075, 1505px 557px #e44075, 103px 1470px #e44075, 987px 396px #e44075, 1232px 689px #e44075, 1502px 868px #e44075, 463px 1391px #e44075, 1617px 1069px #e44075, 606px 237px #e44075, 1310px 1076px #e44075, 1494px 1260px #e44075, 160px 1148px #e44075, 920px 1728px #e44075, 705px 212px #e44075, 1388px 1685px #e44075, 1865px 1861px #e44075, 499px 193px #e44075, 536px 1511px #e44075, 692px 621px #e44075, 164px 201px #e44075, 723px 1901px #e44075, 1261px 1095px #e44075, 1703px 943px #e44075, 1434px 1195px #e44075, 1499px 950px #e44075, 978px 279px #e44075, 866px 632px #e44075, 9px 1936px #e44075, 1186px 1303px #e44075, 161px 1074px #e44075, 646px 1222px #e44075, 1474px 1632px #e44075, 549px 1726px #e44075, 66px 720px #e44075, 202px 221px #e44075, 132px 816px #e44075, 874px 1336px #e44075, 1507px 1662px #e44075, 1181px 1197px #e44075, 596px 1663px #e44075, 810px 395px #e44075, 1000px 589px #e44075, 993px 1883px #e44075, 327px 1963px #e44075, 1172px 305px #e44075, 1086px 1095px #e44075, 245px 223px #e44075, 146px 1599px #e44075, 466px 344px #e44075, 722px 242px #e44075, 162px 1642px #e44075, 1985px 929px #e44075, 1015px 272px #e44075, 77px 350px #e44075, 1370px 135px #e44075, 1079px 5px #e44075, 1245px 1253px #e44075, 990px 37px #e44075, 609px 1249px #e44075, 275px 284px #e44075, 487px 1906px #e44075, 1346px 239px #e44075, 331px 976px #e44075, 341px 596px #e44075, 1316px 335px #e44075, 1668px 1084px #e44075, 1050px 1085px #e44075, 1440px 1045px #e44075, 667px 1319px #e44075, 1362px 293px #e44075, 44px 498px #e44075, 1453px 273px #e44075, 868px 1302px #e44075, 28px 272px #e44075, 920px 1317px #e44075, 1270px 329px #e44075, 368px 251px #e44075, 1519px 1652px #e44075, 797px 305px #e44075, 58px 1397px #e44075, 234px 1009px #e44075, 903px 224px #e44075, 1165px 1375px #e44075, 761px 1790px #e44075, 826px 1590px #e44075, 1893px 1725px #e44075, 1190px 1047px #e44075, 536px 1932px #e44075, 1301px 471px #e44075, 1384px 1408px #e44075, 91px 1845px #e44075, 1169px 316px #e44075, 1436px 436px #e44075, 309px 787px #e44075, 479px 1120px #e44075, 1012px 1153px #e44075, 1761px 479px #e44075, 1045px 803px #e44075, 626px 539px #e44075, 1890px 16px #e44075, 1247px 1909px #e44075, 1014px 1316px #e44075, 630px 1609px #e44075, 1736px 1911px #e44075, 1188px 1385px #e44075, 861px 1352px #e44075, 1328px 334px #e44075, 680px 943px #e44075, 1639px 1778px #e44075, 818px 1361px #e44075, 551px 1777px #e44075, 153px 912px #e44075, 718px 1165px #e44075, 575px 931px #e44075, 793px 1127px #e44075, 1534px 1678px #e44075, 1037px 842px #e44075, 1974px 1097px #e44075, 1755px 4px #e44075, 1772px 959px #e44075, 621px 131px #e44075, 1663px 1030px #e44075, 484px 651px #e44075, 1762px 399px #e44075, 17px 699px #e44075, 978px 1867px #e44075, 433px 1716px #e44075, 1211px 842px #e44075, 780px 1746px #e44075, 1189px 1955px #e44075, 112px 1712px #e44075, 171px 1329px #e44075, 1585px 1303px #e44075, 1124px 1353px #e44075, 1840px 819px #e44075, 899px 586px #e44075, 1524px 1608px #e44075, 333px 680px #e44075, 820px 710px #e44075, 573px 1553px #e44075, 347px 356px #e44075, 1559px 1164px #e44075, 1352px 530px #e44075, 1523px 1713px #e44075, 559px 626px #e44075, 713px 174px #e44075, 584px 42px #e44075, 1623px 1893px #e44075, 1997px 478px #e44075, 1704px 1125px #e44075, 1498px 1378px #e44075, 838px 1360px #e44075, 1258px 785px #e44075, 437px 1662px #e44075, 315px 1765px #e44075, 147px 1385px #e44075, 1627px 885px #e44075, 1511px 266px #e44075, 1209px 613px #e44075, 1539px 1077px #e44075, 1070px 823px #e44075, 23px 954px #e44075, 32px 1365px #e44075, 576px 915px #e44075, 1193px 1534px #e44075, 1458px 1127px #e44075, 1698px 124px #e44075
}

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

.x-credit-free-bottom-container .x-hr-border-glow {
    width: 25%;
    margin-top: 0
}

.x-progress-bar {
    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent) !important;
    background-size: 1rem 1rem !important;
    background-color: #62a59b !important;
    -webkit-animation: x-progress-bar-stripes 1s linear infinite;
    animation: x-progress-bar-stripes 1s linear infinite;
    border-radius: 10px
}

.x-progress-bar:before {
    content: " ";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 40%, rgba(170, 255, 250, .4) 60%, rgba(170, 255, 250, .8))
}

@media (max-width:767.98px) {
    .x-slide-left-content-term {
        transition: all 0s !important;
        padding: 0
    }
}

.x-slide-left-content-term.-hide .-submit {
    display: none
}

.x-term-and-condition.-home {
    padding-top: 10rem
}

@media (max-width:991.98px) {
    .x-term-and-condition.-home {
        padding-top: 5rem
    }
}

.x-term-and-condition.-home .-notice-box {
    position: relative;
    margin-top: 6rem;
    border: 1px solid #e44075;
    border-radius: 20px
}

.x-term-and-condition.-home .-notice-box .-title {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    background-color: #000;
    text-align: center
}

.x-term-and-condition.-home .-notice-box .-title img {
    width: 160px
}

.x-term-and-condition .-block-content-term-and-condition h4 {
    margin-top: 1.5rem
}

.x-term-and-condition .-block-content-term-and-condition ul {
    list-style-type: none;
    padding: 0
}

.x-term-and-condition .-block-content-term-and-condition ul.-detail li {
    display: flex
}

.x-term-and-condition .-block-content-term-and-condition ul.-detail li:before {
    content: "-";
    margin-right: .5rem;
    display: block
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal h2,
.x-term-and-condition .-block-content-term-and-condition.-register-modal h4 {
    font-size: 1.4rem;
    margin-top: 0
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal hr {
    display: none
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal ul {
    text-align: left;
    font-size: 1.08rem
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal ul.-detail li {
    margin-bottom: .2rem
}

.x-term-and-condition .-block-content-term-and-condition.-register-modal p {
    font-size: 1.08rem
}

.x-text-with-link-component {
    font-size: 21px
}

.x-text-with-link-component .-link-message {
    color: #e44075;
    opacity: .75
}

.x-text-with-link-component .-text-message {
    margin: 0;
    opacity: .75
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Kanit ExtraLight"), local("Kanit-ExtraLight"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5aOhWzVaFrNlJzIu4.woff2) format("woff2");
    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Kanit ExtraLight"), local("Kanit-ExtraLight"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5aOhWoVaFrNlJzIu4.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: 200;
    font-display: swap;
    src: local("Kanit ExtraLight"), local("Kanit-ExtraLight"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5aOhWpVaFrNlJzIu4.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Kanit ExtraLight"), local("Kanit-ExtraLight"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5aOhWnVaFrNlJz.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@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/v5/nKKU-Go6G5tXcr4-ORWzVaFrNlJzIu4.woff2) format("woff2");
    unicode-range: U+0e01-0e5b, U+200c-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/v5/nKKU-Go6G5tXcr4-ORWoVaFrNlJzIu4.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/v5/nKKU-Go6G5tXcr4-ORWpVaFrNlJzIu4.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, 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/v5/nKKU-Go6G5tXcr4-ORWnVaFrNlJz.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Kanit Medium"), local("Kanit-Medium"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5mOBWzVaFrNlJzIu4.woff2) format("woff2");
    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Kanit Medium"), local("Kanit-Medium"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5mOBWoVaFrNlJzIu4.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: 500;
    font-display: swap;
    src: local("Kanit Medium"), local("Kanit-Medium"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5mOBWpVaFrNlJzIu4.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Kanit Medium"), local("Kanit-Medium"), url(https://fonts.gstatic.com/s/kanit/v5/nKKU-Go6G5tXcr5mOBWnVaFrNlJz.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z11lFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");
    unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecnFHGPc.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

.x-lobby-glow-container a {
    text-decoration: none;
    transition: all .5s
}

.x-lobby-glow-container a.-btn-glow {
    -webkit-animation: x-neon 1.5s ease-in-out infinite alternate;
    animation: x-neon 1.5s ease-in-out infinite alternate
}

@media (max-width:991.98px) {
    .x-lobby-glow-container a {
        text-decoration: none;
        transition: all .5s
    }

    .x-lobby-glow-container a.-btn-glow {
        -webkit-animation: x-neon 1.5s ease-in-out infinite alternate;
        animation: x-neon 1.5s ease-in-out infinite alternate
    }
}

@-webkit-keyframes x-neon {
    0% {
        box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #e44075, 0 0 70px #e44075, 0 0 80px #e44075, 0 0 100px #e44075, 0 0 150px #e44075
    }

    to {
        box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #e44075, 0 0 35px #e44075, 0 0 40px #e44075, 0 0 50px #e44075, 0 0 75px #e44075
    }
}

@keyframes x-neon {
    0% {
        box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #e44075, 0 0 70px #e44075, 0 0 80px #e44075, 0 0 100px #e44075, 0 0 150px #e44075
    }

    to {
        box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #e44075, 0 0 35px #e44075, 0 0 40px #e44075, 0 0 50px #e44075, 0 0 75px #e44075
    }
}

@-webkit-keyframes x-wm-casino-neon {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #e44075, 0 0 16px #e44075, 0 0 28px #e44075, 0 0 36px #e44075, 0 0 44px #e44075
    }

    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e44075, 0 0 8px #e44075, 0 0 14px #e44075, 0 0 18px #e44075, 0 0 22px #e44075
    }
}

@keyframes x-wm-casino-neon {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #e44075, 0 0 16px #e44075, 0 0 28px #e44075, 0 0 36px #e44075, 0 0 44px #e44075
    }

    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e44075, 0 0 8px #e44075, 0 0 14px #e44075, 0 0 18px #e44075, 0 0 22px #e44075
    }
}

@-webkit-keyframes x-wm-lobby-bg-1 {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }

    50% {
        -webkit-transform: translate(-30px, 15px) rotate(-1deg);
        transform: translate(-30px, 15px) rotate(-1deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes x-wm-lobby-bg-1 {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }

    50% {
        -webkit-transform: translate(-30px, 15px) rotate(-1deg);
        transform: translate(-30px, 15px) rotate(-1deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@-webkit-keyframes x-wm-lobby-bg-2 {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }

    50% {
        -webkit-transform: translate(30px, -5px) rotate(-5deg);
        transform: translate(30px, -5px) rotate(-5deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes x-wm-lobby-bg-2 {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }

    50% {
        -webkit-transform: translate(30px, -5px) rotate(-5deg);
        transform: translate(30px, -5px) rotate(-5deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@-webkit-keyframes x-wm-lobby-bg-3 {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }

    50% {
        -webkit-transform: translate(-30px, -15px) rotate(-1deg);
        transform: translate(-30px, -15px) rotate(-1deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes x-wm-lobby-bg-3 {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }

    50% {
        -webkit-transform: translate(-30px, -15px) rotate(-1deg);
        transform: translate(-30px, -15px) rotate(-1deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@-webkit-keyframes x-shooting-star-1 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        opacity: 0;
        -webkit-transform: translate3d(-270px, 180px, 0);
        transform: translate3d(-270px, 180px, 0)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes x-shooting-star-2 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translate3d(-270px, 180px, 0);
        transform: translate3d(-270px, 180px, 0)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes x-shooting-star-3 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    5% {
        opacity: 0;
        -webkit-transform: translate3d(-270px, 180px, 0);
        transform: translate3d(-270px, 180px, 0)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes twinkle {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes layer-1 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-689px, 0, 0);
        transform: translate3d(-689px, 0, 0)
    }
}

@-webkit-keyframes layer-2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-699px, 0, 0);
        transform: translate3d(-699px, 0, 0)
    }
}

@-webkit-keyframes layer-3 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-699px, 0, 0);
        transform: translate3d(-699px, 0, 0)
    }
}

@-webkit-keyframes layer-4 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0)
    }
}

@-webkit-keyframes layer-5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-486px, 0, 0);
        transform: translate3d(-486px, 0, 0)
    }
}

.-main-content-lobby-support {
    margin-top: 0 !important;
    padding-bottom: 60px
}

@media (max-width:991.98px) {
    .-main-content-lobby-support {
        padding-top: 0 !important
    }
}

@media (max-width:767.98px) {
    .-main-content-lobby-support {
        padding-top: 0 !important
    }
}

.x-lobby-main-container {
    font-family: Kanit, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .9rem;
    font-weight: 300;
    background: #141414 url(https://core.igame.bet/build/admin/img/lobby_main/games-bg.png) no-repeat fixed 50%;
    background-size: cover
}

.x-text-pinnacle {
    color: #f55400
}

.x-bg-pinnacle {
    background-color: #f55400
}

.x-main-lobby-container {
    font-family: Kanit, Helvetica Neue, Helvetica, Arial, sans-serif !important
}

.x-main-lobby-container .-banner-wrapper {
    position: relative;
    z-index: 10
}

.x-main-lobby-container .-banner-wrapper .x-lobby-block-header-container .-bg {
    height: 600px;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

@media (max-width:991.98px) {
    .x-main-lobby-container .-banner-wrapper .x-lobby-block-header-container .-bg {
        height: 400px
    }
}

.x-recommend-wrapper {
    position: relative;
    z-index: 12;
    margin-top: 1rem
}

@media (max-width:1199.98px) {
    .x-recommend-wrapper {
        overflow-x: auto;
        overflow-y: hidden
    }

    .x-recommend-wrapper::-webkit-scrollbar-track {
        background-color: #212020;
        border-radius: 5px
    }

    .x-recommend-wrapper::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #333;
        border-radius: 5px
    }

    .x-recommend-wrapper::-webkit-scrollbar-thumb {
        background-color: #333;
        border-radius: 5px
    }
}

.x-recommend-wrapper .-cover {
    position: relative;
    width: 158px;
    text-align: center
}

@media (max-width:767.98px) {
    .x-recommend-wrapper .-cover {
        width: auto
    }
}

.x-recommend-wrapper .-cover a {
    padding: 0 !important
}

.x-recommend-wrapper .-cover a .-image-box {
    position: relative;
    overflow: hidden;
    padding: 10px 5px
}

@media (max-width:767.98px) {
    .x-recommend-wrapper .-cover a .-image-box {
        padding: 5px 5px 10px
    }
}

.x-recommend-wrapper .-cover a .-image-box .-image {
    margin: auto;
    width: 100%;
    transition: all .3s
}

@media (max-width:1199.98px) {
    .x-recommend-wrapper .-cover a .-image-box .-image {
        width: 130px
    }
}

@media (max-width:767.98px) {
    .x-recommend-wrapper .-cover a .-image-box .-image {
        width: 100px
    }
}

.x-recommend-wrapper .-cover a .-title {
    display: block;
    margin-top: 1rem
}

.x-recommend-wrapper .-cover a:hover {
    text-decoration: none
}

.x-recommend-wrapper .-cover a:hover .-image-box .-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:767.98px) {
    .x-recommend-wrapper .-cover a {
        padding: 0 .5rem
    }

    .x-recommend-wrapper .-cover a .-image {
        width: 90%
    }

    .x-recommend-wrapper .-cover a .-title {
        font-size: 20px
    }
}

@media (max-width:575.98px) {
    .x-recommend-wrapper .-cover a .-title {
        font-size: 18px
    }
}

@media (max-width:1199.98px) {

    .x-slot-wrapper,
    .x-sport-wrapper {
        overflow-x: auto;
        overflow-y: hidden
    }

    .x-slot-wrapper::-webkit-scrollbar-track,
    .x-sport-wrapper::-webkit-scrollbar-track {
        background-color: #212020;
        border-radius: 5px
    }

    .x-slot-wrapper::-webkit-scrollbar,
    .x-sport-wrapper::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #333;
        border-radius: 5px
    }

    .x-slot-wrapper::-webkit-scrollbar-thumb,
    .x-sport-wrapper::-webkit-scrollbar-thumb {
        background-color: #333;
        border-radius: 5px
    }
}

.x-slot-wrapper .-cover,
.x-sport-wrapper .-cover {
    text-align: center;
    width: 158px;
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width:767.98px) {

    .x-slot-wrapper .-cover,
    .x-sport-wrapper .-cover {
        width: 110px !important
    }
}

.x-slot-wrapper .-cover.-disabled,
.x-sport-wrapper .-cover.-disabled {
    position: relative;
    pointer-events: none
}

.x-slot-wrapper .-cover.-disabled a,
.x-sport-wrapper .-cover.-disabled a {
    cursor: not-allowed
}

.x-slot-wrapper .-cover.-disabled a .-image-box:after,
.x-sport-wrapper .-cover.-disabled a .-image-box:after {
    content: "Coming Soon";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    font-size: 20px;
    font-weight: 700
}

.x-slot-wrapper .-cover.-disabled .-image-box:after,
.x-sport-wrapper .-cover.-disabled .-image-box:after {
    color: #a9a9a9;
    background: rgba(0, 0, 0, .7)
}

.x-slot-wrapper .-cover.-disabled .-image-logo,
.x-sport-wrapper .-cover.-disabled .-image-logo {
    opacity: .4
}

.x-slot-wrapper .-cover.-disabled.-untestable .-image-box:after,
.x-sport-wrapper .-cover.-disabled.-untestable .-image-box:after {
    content: "Live Only"
}

.x-slot-wrapper .-cover a .-image-logo,
.x-sport-wrapper .-cover a .-image-logo {
    width: 90%
}

@media (max-width:767.98px) {

    .x-slot-wrapper .-cover a .-image-logo,
    .x-sport-wrapper .-cover a .-image-logo {
        width: 75%
    }
}

.x-slot-wrapper .-cover a .-image-box,
.x-sport-wrapper .-cover a .-image-box {
    position: relative;
    overflow: hidden
}

.x-slot-wrapper .-cover a .-image-box .-image,
.x-sport-wrapper .-cover a .-image-box .-image {
    width: 100%;
    transition: all .3s
}

@media (max-width:1199.98px) {

    .x-slot-wrapper .-cover a .-image-box .-image,
    .x-sport-wrapper .-cover a .-image-box .-image {
        width: 140px
    }
}

@media (max-width:767.98px) {

    .x-slot-wrapper .-cover a .-image-box .-image,
    .x-sport-wrapper .-cover a .-image-box .-image {
        width: 100px
    }
}

.x-slot-wrapper .-cover a .-image-box .-badge-box,
.x-sport-wrapper .-cover a .-image-box .-badge-box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
}

@media (max-width:991.98px) {

    .x-slot-wrapper .-cover a .-image-box .-badge-box svg,
    .x-sport-wrapper .-cover a .-image-box .-badge-box svg {
        margin-left: -1px
    }
}

.x-slot-wrapper .-cover a .-image-box .-badge-box .-badge,
.x-sport-wrapper .-cover a .-image-box .-badge-box .-badge {
    width: 80px;
    height: 25px;
    padding: 2.5px 10px;
    background-color: #fff
}

.x-slot-wrapper .-cover a .-image-box .-badge-box .-badge img,
.x-sport-wrapper .-cover a .-image-box .-badge-box .-badge img {
    width: 100%
}

.x-slot-wrapper .-cover a .-title,
.x-sport-wrapper .-cover a .-title {
    display: block;
    margin-top: 1rem
}

.x-slot-wrapper .-cover a:hover,
.x-sport-wrapper .-cover a:hover {
    text-decoration: none
}

.x-slot-wrapper .-cover a:hover .-image-box .-image,
.x-sport-wrapper .-cover a:hover .-image-box .-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:767.98px) {

    .x-slot-wrapper .-cover a .-title,
    .x-sport-wrapper .-cover a .-title {
        font-size: 20px
    }
}

@media (max-width:575.98px) {

    .x-slot-wrapper .-cover a .-title,
    .x-sport-wrapper .-cover a .-title {
        font-size: 18px
    }
}

.x-recommend-wrapper .-cover.-cannot-entry,
.x-slot-wrapper .-cover.-cannot-entry,
.x-sport-wrapper .-cover.-cannot-entry {
    position: relative;
    pointer-events: none
}

.x-recommend-wrapper .-cover.-cannot-entry a,
.x-slot-wrapper .-cover.-cannot-entry a,
.x-sport-wrapper .-cover.-cannot-entry a {
    cursor: not-allowed
}

.x-recommend-wrapper .-cover.-cannot-entry img,
.x-slot-wrapper .-cover.-cannot-entry img,
.x-sport-wrapper .-cover.-cannot-entry img {
    opacity: .4
}

.x-recommend-wrapper .-cover.-cannot-entry a .-image-box:after,
.x-slot-wrapper .-cover.-cannot-entry a .-image-box:after,
.x-sport-wrapper .-cover.-cannot-entry a .-image-box:after {
    content: "Coming Soon";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    font-size: 20px;
    font-weight: 700
}

.x-recommend-wrapper .-cover.-cannot-entry .-image-box:after,
.x-slot-wrapper .-cover.-cannot-entry .-image-box:after,
.x-sport-wrapper .-cover.-cannot-entry .-image-box:after {
    color: #a9a9a9
}

.x-recommend-wrapper .-cover.-cannot-entry.-untestable .-image-box:after,
.x-slot-wrapper .-cover.-cannot-entry.-untestable .-image-box:after,
.x-sport-wrapper .-cover.-cannot-entry.-untestable .-image-box:after {
    content: "Live Only"
}

.x-recommend-wrapper .-cover.-cannot-entry.-ma .-image-box:after,
.x-slot-wrapper .-cover.-cannot-entry.-ma .-image-box:after,
.x-sport-wrapper .-cover.-cannot-entry.-ma .-image-box:after {
    content: "ปิดปรับปรุง"
}

.x-lobby-header {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    opacity: 1;
    transition: background-color .2s;
    font-family: Kanit, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: .9rem !important;
    font-weight: 300 !important
}

.x-lobby-header .-inner-wrapper {
    height: 100%;
    padding: 0;
    justify-content: space-between
}

@media (max-width:575.98px) {
    .x-lobby-header .-inner-wrapper {
        justify-content: flex-end
    }
}

.x-lobby-header .-inner-wrapper .-header-left {
    display: flex;
    align-items: center;
    height: 100%
}

.x-lobby-header .-inner-wrapper .-header-left .-btn-back {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 60px;
    border: none;
    border-radius: 0;
    background: #006ac7;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #014c94), color-stop(100%, #006ac7));
    background: linear-gradient(90deg, #014c94 0, #006ac7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$from, endColorstr=$to, GradientType=0);
    background-color: #014c94
}

.x-lobby-header .-inner-wrapper .-header-left .-btn-back .fas {
    color: #fff;
    font-size: 30px
}

.x-lobby-header .-inner-wrapper .navbar-brand .-logo {
    transition: opacity .2s;
    width: 160px
}

.x-lobby-header .-inner-wrapper #headerContent .-header-login-btn {
    transition: opacity .2s ease-out
}

.x-lobby-header.-sticky {
    background-color: #141414 !important
}

.x-footer-lobby img {
    width: 200px
}

@media (max-width:991.98px) {
    .x-footer-lobby img {
        width: 150px
    }
}

.x-lobby-menu-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 60px;
    background-color: #000
}

.x-lobby-menu-mobile .nav .nav-item {
    flex: 1
}

.x-lobby-menu-mobile .nav .nav-item .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .5rem;
    font-size: 14px
}

.x-lobby-menu-mobile .nav .nav-item .nav-link .-ic {
    width: 25px
}

.x-lobby-menu-mobile .nav .nav-item .nav-link .-title {
    color: #919191
}

.x-lobby-menu-mobile .nav .nav-item .nav-link:hover {
    text-decoration: none
}

.x-lobby-menu-mobile .nav .nav-item .nav-link.active .-ic {
    fill: #fff
}

.x-lobby-menu-mobile .nav .nav-item .nav-link.active .-title {
    color: #fff
}

.x-lobby-main-container-evo-play {
    background: linear-gradient(90deg, #0f202a 0, #270d27)
}

.x-lobby-main-container-evo-play body #main__content {
    height: 100%;
    margin-top: 0
}

.x-lobby-main-container-evo-play .navbar-brand .-header-logo {
    width: 120px !important
}

.x-lobby-main-container-evo-play .navbar-nav .-profile-detail-box {
    margin-top: .5rem
}

.x-lobby-main-container-evo-play .x-lobby-evo-container {
    margin-top: 8rem
}

@media (max-width:991.98px) {
    .x-lobby-main-container-evo-play .x-lobby-evo-container {
        margin-top: 6rem
    }
}

.x-lobby-main-container-evo-play .-highlight .-image-box .-image {
    height: 570px
}

@media (min-width:992px) and (max-width:1199.98px) {
    .x-lobby-main-container-evo-play .-highlight .-image-box .-image {
        height: 480px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-lobby-main-container-evo-play .-highlight .-image-box .-image {
        height: 360px
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-evo-play .-highlight .-image-box .-image {
        height: auto
    }
}

.x-lobby-main-container-evo-play a .-image-box {
    position: relative;
    overflow: hidden
}

.x-lobby-main-container-evo-play a .-image-box .-image {
    width: 100%;
    transition: all .3s
}

.x-lobby-main-container-evo-play a:hover {
    text-decoration: none
}

.x-lobby-main-container-evo-play a:hover .-image-box .-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.x-lobby-main-container-habanero {
    height: 100%
}

.x-lobby-main-container-habanero body {
    height: 100%;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: #272727 !important
}

.x-lobby-main-container-habanero body .h1,
.x-lobby-main-container-habanero body .h2,
.x-lobby-main-container-habanero body .h3,
.x-lobby-main-container-habanero body .h4,
.x-lobby-main-container-habanero body .h5,
.x-lobby-main-container-habanero body .h6,
.x-lobby-main-container-habanero body h1,
.x-lobby-main-container-habanero body h2,
.x-lobby-main-container-habanero body h3,
.x-lobby-main-container-habanero body h4,
.x-lobby-main-container-habanero body h5,
.x-lobby-main-container-habanero body h6 {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.x-lobby-main-container-habanero body #main__content {
    height: 100%;
    margin-top: 0;
    background-color: #272727 !important
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper {
    background: url(https://core.igame.bet/build/admin/img/lobby_habanero/habanero-top-bg.png) no-repeat 0 -80px;
    background-size: cover
}

@media (max-width:991.98px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper {
        background-position: center 0
    }
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container {
    position: relative;
    overflow-y: hidden;
    padding-top: 6rem;
    padding-bottom: 25rem;
    text-align: center
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container .-title {
    color: #fff
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container .-subtitle {
    font-weight: 300
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container .-recommended-icon {
    position: absolute;
    top: 230px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: top .2s
}

@media (min-width:768px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container .-recommended-icon:hover {
        top: 200px
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container {
        padding-top: 4rem;
        padding-bottom: 15rem
    }

    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container .-title {
        font-size: 26px
    }

    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container .-subtitle {
        font-size: 14px
    }

    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-top-wrapper .-inner-container .-recommended-icon {
        top: 180px;
        width: 50%
    }
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab {
    margin: 15px 23px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item {
    margin-right: 15px
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link {
    padding: 15px;
    transition: .2s;
    color: #fff;
    font-size: 14px
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link.active,
.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link:hover:not(.active) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: hsla(0, 0%, 100%, .2)
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link:hover:not(.active) {
    padding: 15px 20px
}

@media (max-width:767.98px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item {
        width: 100%;
        margin-right: 0;
        text-align: center
    }

    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link.active,
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link:hover:not(.active) {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0 15px 15px
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li {
    position: relative;
    width: 20%;
    margin-top: 15px;
    padding: 0 7.5px
}

@media (max-width:1199.98px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li {
        width: 25%
    }
}

@media (max-width:991.98px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li {
        width: 33%
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li {
        width: 50%
    }
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li .-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 5px
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li .-item .-image {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li .-item .-ic-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ff4500;
    display: flex;
    align-items: center;
    padding-left: 32px;
    opacity: 0;
    transition: opacity .3s
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li .-item .-ic-play .fas {
    color: #fff;
    font-size: 50px
}

@media (max-width:991.98px) {
    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li .-item .-ic-play {
        width: 50px;
        height: 50px;
        padding-left: 18px
    }

    .x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li .-item .-ic-play .fas {
        font-size: 22px
    }
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li .-item .-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    font-size: 11px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    background: rgba(34, 34, 34, .57);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: opacity .2s;
    opacity: 0
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li:hover .-item .-image {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li:hover .-item .-ic-play,
.x-lobby-main-container-habanero .x-habanero-wrapper-container .-games-wrapper .-inner-wrapper li:hover .-item .-title {
    opacity: 1
}

.x-lobby-main-container-habanero .x-habanero-poker-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    background-color: #000 !important
}

.x-lobby-main-container-habanero .x-habanero-poker-container .-title {
    text-align: center
}

.x-lobby-main-container-habanero .x-habanero-poker-container .-link {
    min-width: 320px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:767.98px) {
    .x-lobby-main-container-habanero .x-habanero-poker-container {
        padding-top: 5rem;
        justify-content: flex-start
    }

    .x-lobby-main-container-habanero .x-habanero-poker-container .-title {
        font-size: 18px
    }

    .x-lobby-main-container-habanero .x-habanero-poker-container .-link {
        font-size: 12px
    }
}

@media (max-width:575.98px) {
    .x-lobby-main-container-habanero .x-habanero-poker-container .-link {
        width: 100%;
        min-width: unset
    }
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gTD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3g3D_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gbD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gfD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.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+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

.x-lobby-main-container-joker {
    height: 100%
}

.x-lobby-main-container-joker body {
    height: 100%;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: #000 !important
}

.x-lobby-main-container-joker body .h1,
.x-lobby-main-container-joker body .h2,
.x-lobby-main-container-joker body .h3,
.x-lobby-main-container-joker body .h4,
.x-lobby-main-container-joker body .h5,
.x-lobby-main-container-joker body .h6,
.x-lobby-main-container-joker body h1,
.x-lobby-main-container-joker body h2,
.x-lobby-main-container-joker body h3,
.x-lobby-main-container-joker body h4,
.x-lobby-main-container-joker body h5,
.x-lobby-main-container-joker body h6 {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.x-lobby-main-container-joker body #main__content {
    height: 100%;
    margin-top: 0;
    background-color: #000 !important
}

.x-lobby-main-container-joker .x-joker-wrapper-container {
    height: 100%;
    background: url(https://core.igame.bet/build/admin/img/lobby_joker/joker-game-bg.png) no-repeat 100% 0
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation {
    position: fixed;
    display: flex;
    justify-content: space-between;
    top: 0;
    width: 100%;
    margin-top: -60px;
    z-index: 10
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span {
    position: relative;
    display: inline-block;
    background-size: contain !important;
    z-index: 10
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(n) {
    width: 50px;
    height: 50px;
    background: url(https://core.igame.bet/build/admin/img/lobby_joker/joker-lixi-1.png) no-repeat 100% 0;
    -webkit-animation: x-lobby-falling 10s 0s infinite;
    animation: x-lobby-falling 10s 0s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(2n) {
    width: 60px;
    height: 60px;
    background: url(https://core.igame.bet/build/admin/img/lobby_joker/joker-lixi-2.png) no-repeat 100% 0;
    -webkit-animation: x-lobby-falling2 8s 0s infinite;
    animation: x-lobby-falling2 8s 0s infinite;
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(3n) {
    width: 40px;
    height: 40px;
    background: url(https://core.igame.bet/build/admin/img/lobby_joker/joker-lixi-3.png) no-repeat 100% 0;
    -webkit-animation: x-lobby-falling3 12s 0s infinite;
    animation: x-lobby-falling3 12s 0s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(4n) {
    width: 30px;
    height: 30px;
    background: url(https://core.igame.bet/build/admin/img/lobby_joker/joker-lixi-4.png) no-repeat 100% 0;
    -webkit-animation: x-lobby-falling 7s 0s infinite;
    animation: x-lobby-falling 7s 0s infinite;
    -webkit-animation-delay: 9s;
    animation-delay: 9s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(5n) {
    -webkit-animation: x-lobby-falling 14s 0s infinite;
    animation: x-lobby-falling 14s 0s infinite;
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(6n) {
    -webkit-animation: x-lobby-falling2 8s 0s infinite;
    animation: x-lobby-falling2 8s 0s infinite;
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(7n) {
    -webkit-animation: x-lobby-falling3 9.5s 0s infinite;
    animation: x-lobby-falling3 9.5s 0s infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(8n) {
    -webkit-animation: x-lobby-falling 7.5s 0s infinite;
    animation: x-lobby-falling 7.5s 0s infinite;
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(9n) {
    -webkit-animation: x-lobby-falling2 6.7s 0s infinite;
    animation: x-lobby-falling2 6.7s 0s infinite;
    -webkit-animation-delay: 10s;
    animation-delay: 10s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-lixi-animation span:nth-of-type(10n) {
    -webkit-animation: x-lobby-falling3 5s 0s infinite;
    animation: x-lobby-falling3 5s 0s infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-top-wrapper {
    margin-top: 4rem
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-top-wrapper .-bg-section {
    width: 100%;
    height: 186px;
    background: url(https://core.igame.bet/build/admin/img/lobby_joker/joker-banner.png) no-repeat 50%;
    border-top: 1px solid #f3c600
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper {
    padding-top: 2rem
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper #games-tab .nav-item {
    padding: 0 13px
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link {
    padding: 0;
    letter-spacing: .06em;
    font-family: Prompt, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #959595;
    background-color: transparent !important;
    transition: color .2s
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link.active {
    color: #f3c600;
    border-bottom: 2px solid #f3c600
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper #games-tab .nav-item .nav-link:hover {
    color: #f3c600
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0 0 15px
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li {
    width: 20%;
    margin-top: 10px
}

@media (max-width:1199.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li {
        width: 25%
    }
}

@media (max-width:991.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li {
        width: 33.33333%
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li {
        width: 50%
    }
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item {
    position: relative
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-image {
    position: relative;
    width: 100%;
    z-index: 5
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-btn-wrapper {
    opacity: 0;
    position: absolute;
    z-index: 5;
    top: 130px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    padding: 6px;
    border-radius: 15px;
    font-size: 14px;
    color: #000;
    background: linear-gradient(180deg, #fee370, #e29b19);
    transition: opacity .3s;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-btn-wrapper .-ic-inner {
    width: 18px;
    height: 18px;
    display: flex;
    border: 2px solid;
    border-radius: 50%;
    align-items: center;
    margin-right: 10px
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-btn-wrapper .-ic-inner .fas {
    font-size: 6px;
    margin-left: 5px
}

@media (max-width:767.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-btn-wrapper {
        display: none
    }
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-title {
    text-align: center
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-title span {
    display: block;
    margin-top: 10px;
    color: #959595;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    letter-spacing: .06em;
    transition: color .3s
}

@media (max-width:575.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-title span {
        font-size: 12px
    }
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame {
    position: absolute;
    top: 43px;
    left: 50%;
    right: 50%;
    width: calc(100% - 18px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame .-default,
.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame .-hover {
    width: calc(100% - 1px)
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame .-hover {
    display: none
}

@media (max-width:1199.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame {
        top: 45px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame {
        top: 49px
    }

    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame .-default,
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame .-hover {
        width: calc(100% - 2px);
        margin-left: 1px
    }
}

@media (max-width:575.98px) {
    .x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item a .-frame {
        display: none
    }
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item:hover a {
    text-decoration: none
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item:hover a .-btn-wrapper {
    opacity: 1
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item:hover a .-title span {
    color: #f3c600
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item:hover a .-frame .-default {
    display: none
}

.x-lobby-main-container-joker .x-joker-wrapper-container .-games-wrapper .-inner-wrapper li .-item:hover a .-frame .-hover {
    display: inline-block
}

@-webkit-keyframes x-lobby-falling {
    0% {
        -webkit-transform: translate3d(300, 0, 0) rotate(0deg);
        transform: translate3d(300, 0, 0) rotate(0deg)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-350px, 100vh, 0) rotate(90deg);
        transform: translate3d(-350px, 100vh, 0) rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes x-lobby-falling3 {
    0% {
        -webkit-transform: translateZ(0) rotate(-20deg);
        transform: translateZ(0) rotate(-20deg)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-230px, 100vh, 0) rotate(-70deg);
        transform: translate3d(-230px, 100vh, 0) rotate(-70deg);
        opacity: 0
    }
}

@-webkit-keyframes x-lobby-falling2 {
    0% {
        -webkit-transform: translateZ(0) rotate(90deg);
        transform: translateZ(0) rotate(90deg)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-400px, 100vh, 0) rotate(0deg);
        transform: translate3d(-400px, 100vh, 0) rotate(0deg);
        opacity: 0
    }
}

.x-lobby-main-container-kingmaker {
    height: 100%;
    background-color: #000
}

.x-lobby-main-container-kingmaker body {
    height: 100%;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: #203b60 !important
}

.x-lobby-main-container-kingmaker body .h1,
.x-lobby-main-container-kingmaker body .h2,
.x-lobby-main-container-kingmaker body .h3,
.x-lobby-main-container-kingmaker body .h4,
.x-lobby-main-container-kingmaker body .h5,
.x-lobby-main-container-kingmaker body .h6,
.x-lobby-main-container-kingmaker body h1,
.x-lobby-main-container-kingmaker body h2,
.x-lobby-main-container-kingmaker body h3,
.x-lobby-main-container-kingmaker body h4,
.x-lobby-main-container-kingmaker body h5,
.x-lobby-main-container-kingmaker body h6 {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.x-lobby-main-container-kingmaker body #main__content {
    height: 100%;
    margin-top: 0
}

@media (max-width:991.98px) {
    .x-lobby-main-container-kingmaker body #main__content {
        padding-top: 60px
    }
}

.x-lobby-main-container-kingmaker body .x-lobby-header {
    background-color: #000 !important
}

.x-lobby-main-container-kingmaker body .x-lobby-header.-sticky {
    background-color: #141414 !important
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container {
    margin-top: 4rem
}

@media (max-width:991.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container {
        margin-top: 0
    }
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-top-wrapper {
    width: 100%;
    height: 250px;
    background: url(https://core.igame.bet/build/admin/img/lobby_kingmaker/kingmaker-banner.png) no-repeat 50%;
    background-size: cover
}

@media (max-width:767.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-top-wrapper {
        height: 180px
    }
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper {
    padding: 2rem 15px;
    background: linear-gradient(0deg, #203c62, #09141d)
}

@media (max-width:767.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper {
        padding-top: 1rem !important
    }
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper {
    position: relative;
    width: 1440px;
    margin: 1rem auto 0;
    padding: 15px;
    background: linear-gradient(0deg, #09141d, #203c62)
}

@media screen and (max-width:1440px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper {
        width: 100%
    }
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    background-image: linear-gradient(-90deg, #855f17, #855f17 30%, #fddd7a 41%, #724b02 48%, #feffff 50%, #805c19 62%, #805c19)
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-heading-title {
    font-size: 18px;
    color: #f4e0bd
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0 0 15px
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li {
    width: 12.5%;
    margin-top: 1.5rem;
    padding: 0 5px;
    text-align: center
}

@media (max-width:1199.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li {
        width: 16.66667%
    }
}

@media (max-width:991.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li {
        width: 20%
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li {
        width: 33.33333%
    }
}

@media (max-width:575.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li {
        width: 50%
    }
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a {
    position: relative;
    display: block
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a .-cover-box {
    position: relative;
    overflow: hidden;
    border-radius: 0 10px 10px 10px
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a .-cover-box .-cover {
    width: 100%;
    transition: all .2s
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a .-cover-box .-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a .-cover-box .-overlay .-play-btn {
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-weight: 700;
    color: #321300;
    background-image: linear-gradient(0deg, #855f17, #f3c161 31%, #ffe581 52%, #deae53 71%, #a67415);
    border-radius: 3px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
}

.x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a .-title {
    color: #f4e0bd;
    font-size: 15px;
    margin-top: 10px
}

@media (min-width:768px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a:hover {
        text-decoration: none
    }

    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a:hover .-cover-box {
        border: 1px solid #855f17
    }

    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a:hover .-cover-box .-cover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a:hover .-cover-box .-overlay {
        visibility: visible;
        opacity: 1
    }

    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a:hover .-title {
        color: #855f17;
        font-weight: 700
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-kingmaker .x-kingmaker-wrapper-container .-games-wrapper .-outer-wrapper .-inner-wrapper li a .-title {
        font-size: 14px
    }
}

.x-lobby-main-container-ps {
    background: #171921
}

.x-lobby-main-container-ps body #main__content {
    font-family: Poppins, Kanit, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: 200
}

.x-lobby-main-container-ps body #main__content a {
    font-weight: 200;
    color: #d2d2d2
}

.x-lobby-main-container-ps .navbar-brand .-header-logo {
    width: 130px !important
}

.x-lobby-main-container-ps .navbar-nav .-profile-detail-box {
    margin-top: .5rem
}

.x-lobby-main-container-ps .x-cover-container {
    margin-top: 11rem
}

@media (max-width:991.98px) {
    .x-lobby-main-container-ps .x-cover-container {
        margin-top: 5rem
    }
}

.x-lobby-main-container-ps .x-cover-container .-bg {
    height: 500px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.x-lobby-main-container-ps .x-cover-container .-bg .-box-container {
    background-color: rgba(31, 34, 44, .7);
    width: 45%;
    height: auto;
    margin-left: auto
}

.x-lobby-main-container-ps .x-cover-container .-bg .-box-container .-title {
    font-weight: 400;
    color: #d2d2d2;
    max-width: 550px
}

.x-lobby-main-container-ps .x-cover-container .-bg .-box-container .-content {
    color: #d2d2d2;
    max-width: 550px
}

.x-lobby-main-container-ps .x-cover-container .-bg .-box-container .x-btn-play-star {
    width: 300px
}

.x-lobby-main-container-ps .x-cover-container .-bg .-box-container .-content,
.x-lobby-main-container-ps .x-cover-container .-bg .-box-container .-title,
.x-lobby-main-container-ps .x-cover-container .-bg .-box-container .x-btn-play-star {
    margin-left: 1.5rem
}

@media (max-width:991.98px) {
    .x-lobby-main-container-ps .x-cover-container .-bg .-box-container {
        width: auto;
        margin: auto
    }

    .x-lobby-main-container-ps .x-cover-container .-bg .-box-container .-content,
    .x-lobby-main-container-ps .x-cover-container .-bg .-box-container .-title,
    .x-lobby-main-container-ps .x-cover-container .-bg .-box-container .x-btn-play-star {
        max-width: unset;
        margin-left: 0
    }

    .x-lobby-main-container-ps .x-cover-container .-bg .-box-container .x-btn-play-star {
        width: auto
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-ps .x-cover-container .-bg {
        height: 400px
    }
}

@media (max-width:767.98px) {
    .x-lobby-main-container-ps .x-content-container {
        padding-top: 5rem !important
    }
}

.x-lobby-main-container-ps .x-content-container .card {
    background-color: #1f222c
}

@media (max-width:767.98px) {
    .x-lobby-main-container-ps .x-content-container .card {
        background-color: transparent;
        border: none
    }
}

@media (max-width:575.98px) {
    .x-lobby-main-container-ps .x-content-container .card {
        max-width: 260px;
        margin: auto
    }
}

.x-lobby-main-container-ps .x-content-container .card .card-body {
    padding: 0
}

.x-lobby-main-container-ps .x-content-container .card .card-body .-game-title {
    font-weight: 400 !important;
    color: #d2d2d2
}

.x-lobby-main-container-ps .x-content-container .card .card-footer {
    padding: 0
}

.btn.x-btn-play-star,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-btn-play-star.vex-dialog-button {
    background-color: #333640;
    color: #fff;
    border: none
}

.btn.x-btn-play-star:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-btn-play-star.vex-dialog-button:hover {
    background-color: #6209ff;
    color: #fff;
    border: none
}

.navbar-brand .-header-logo {
    width: 130px !important
}

.x-sa-lobby-cover.-inner-wrapper {
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: cover !important
}

@media (min-width:1200px) {
    .x-sa-lobby-cover.-inner-wrapper {
        height: 550px;
        padding: 2rem 15px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .x-sa-lobby-cover.-inner-wrapper {
        height: 500px;
        padding: 2rem 15px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-sa-lobby-cover.-inner-wrapper {
        height: 400px;
        padding: 2rem 15px
    }
}

@media (max-width:767.98px) {
    .x-sa-lobby-cover.-inner-wrapper {
        padding: 5rem 0 0
    }
}

.x-sa-lobby-cover.-inner-wrapper .-heading {
    font-family: Kanit, Helvetica Neue, Helvetica, Arial, sans-serif
}

.x-sa-lobby-cover.-inner-wrapper .-description {
    font-size: 18px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.x-sa-lobby-cover.-inner-wrapper .-btn-mobile-conatiner {
    z-index: 1
}

.x-sa-lobby-cover.-inner-wrapper .-play-button .-default,
.x-sa-lobby-cover.-inner-wrapper .-play-button .-hover {
    margin: auto;
    width: 180px
}

.x-sa-lobby-cover.-inner-wrapper .-play-button .-hover {
    display: none
}

.x-sa-lobby-cover.-inner-wrapper .-play-button:hover .-default {
    display: none !important
}

.x-sa-lobby-cover.-inner-wrapper .-play-button:hover .-hover {
    display: inline-block !important
}

.x-sa-lobby-cover.-inner-wrapper .-bg {
    width: 1000px;
    margin-left: -50px
}

@media (max-width:1199.98px) {
    .x-sa-lobby-cover.-inner-wrapper .-bg {
        width: 800px
    }
}

@media (max-width:991.98px) {
    .x-sa-lobby-cover.-inner-wrapper .-bg {
        width: 650px
    }
}

@media (max-width:767.98px) {
    .x-sa-lobby-cover.-inner-wrapper:after {
        border-top: 90px solid transparent
    }

    .x-sa-lobby-cover.-inner-wrapper .-left-wrapper {
        margin-top: -70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .x-sa-lobby-cover.-inner-wrapper .-left-wrapper .-heading {
        text-align: center
    }

    .x-sa-lobby-cover.-inner-wrapper .-left-wrapper .-description {
        text-align: center;
        font-size: 12px
    }

    .x-sa-lobby-cover.-inner-wrapper .-left-wrapper .-play-button {
        margin-top: -20px
    }

    .x-sa-lobby-cover.-inner-wrapper .-left-wrapper .-sa-award {
        width: 230px
    }

    .x-sa-lobby-cover.-inner-wrapper .-bg-wrapper {
        display: flex;
        justify-content: center
    }

    .x-sa-lobby-cover.-inner-wrapper .-bg-wrapper .-bg {
        margin-left: 0;
        width: 150%
    }

    .x-sa-lobby-cover.-inner-wrapper .-mobile {
        position: relative;
        text-align: center
    }

    .x-sa-lobby-cover.-inner-wrapper .-mobile .-cover {
        margin-top: -40px;
        width: 100%
    }

    .x-sa-lobby-cover.-inner-wrapper .-mobile .-button-group {
        position: absolute;
        display: flex;
        justify-content: center;
        bottom: 40px;
        width: 100%
    }
}

@media (max-width:575.98px) {
    .x-sa-lobby-cover.-inner-wrapper .-mobile .-cover {
        margin-top: -40px
    }

    .x-sa-lobby-cover.-inner-wrapper .-mobile .-button-group {
        bottom: 20px
    }
}

.x-sexy-gaming-lobby-cover {
    font-family: Kanit, Helvetica Neue, Arial, sans-serif
}

.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper {
    position: relative
}

.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content {
    background-color: transparent;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content {
        height: 550px;
        padding: 7rem 15px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content {
        height: 500px;
        padding: 5rem 15px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content {
        height: 400px;
        padding: 5rem 15px
    }
}

@media (max-width:767.98px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content {
        padding: 4rem 0 1rem
    }
}

.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container {
    z-index: 2
}

.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-logo {
    width: 300px
}

.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper {
    padding-top: 1rem
}

.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .-title {
    font-size: 1.5rem;
    font-weight: 500
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex-dialog-button,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .btn,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-top: 2rem;
    border-radius: 26px;
    padding: 8px 20px;
    z-index: 2;
    background: #d2d2d2;
    background: linear-gradient(180deg, #d2d2d2, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex-dialog-button .-ic,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .btn .-ic,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-ic {
    width: 28px;
    margin-right: 10px;
    -webkit-animation: bounce 1s ease-out 0s infinite;
    animation: bounce 1s ease-out 0s infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@keyframes bounce {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    3% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    6% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    9% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    12% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    18% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    21% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    24% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    27% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    30% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    33% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    36% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    39% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    42% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    45% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    51% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    54% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    57% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    63% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    66% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    69% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    72% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex-dialog-button .-message,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .btn .-message,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-message {
    font-size: 1.25rem;
    font-weight: 500;
    color: #036cd1;
    display: inline-block;
    color: #fff;
    background: #036cd1 -webkit-gradient(linear, 100% 0, 0 0, from(#036cd1), color-stop(.5, #fff), to(#036cd1));
    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) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex-dialog-button .-message,
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .btn .-message,
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-message {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex-dialog-button:hover,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .btn:hover,
.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:hover {
    color: #e44075;
    background: #ececec;
    background: linear-gradient(180deg, #ececec, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

@media (max-width:991.98px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container {
        text-align: center
    }

    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-logo {
        width: 200px
    }

    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .-title {
        font-size: 1.1rem;
        font-weight: 300
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex-dialog-button,
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .btn,
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        margin: 10rem auto 0
    }
}

@media (max-width:767.98px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .-title {
        font-size: 1rem
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex-dialog-button,
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .btn,
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-left-container .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        margin: 16rem auto 0
    }
}

.x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-right-container #real-canvas-vdo {
    top: -45 !important
}

@media (max-width:991.98px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-right-container #real-canvas-vdo {
        width: auto !important;
        height: 300px !important;
        top: unset !important;
        bottom: -85px !important;
        z-index: 1 !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:767.98px) {
    .x-sexy-gaming-lobby-cover.-inner-wrapper .-inside-container-wrapper .-main-content .-right-container #real-canvas-vdo {
        height: 380px !important
    }
}

.x-sexy-gaming-lobby-animation-container {
    position: absolute;
    width: 35%;
    height: 70%;
    top: 16%;
    right: 17%;
    z-index: 1
}

@media screen and (max-width:1600px) {
    .x-sexy-gaming-lobby-animation-container {
        right: 10%;
        width: 45%
    }
}

@media (max-width:1199.98px) {
    .x-sexy-gaming-lobby-animation-container {
        right: 0;
        width: 60%
    }
}

@media (max-width:991.98px) {
    .x-sexy-gaming-lobby-animation-container {
        width: 100%;
        height: 80%
    }
}

.x-sexy-gaming-lobby-animation-container .-heart {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: 0 0;
    background-repeat: no-repeat
}

@-webkit-keyframes fave-heart {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1;
        background-position: 0 0
    }

    60% {
        opacity: 0
    }

    70% {
        background-position: -2800px 0
    }
}

@keyframes fave-heart {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1;
        background-position: 0 0
    }

    60% {
        opacity: 0
    }

    70% {
        background-position: -2800px 0
    }
}

.x-wm-casino-lobby-cover.-inner-wrapper {
    height: 100%;
    background-color: #0d0d1a;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

@media (min-width:1200px) {
    .x-wm-casino-lobby-cover.-inner-wrapper {
        height: 550px;
        padding: 7rem 15px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .x-wm-casino-lobby-cover.-inner-wrapper {
        height: 500px;
        padding: 5rem 15px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-wm-casino-lobby-cover.-inner-wrapper {
        height: 400px;
        padding: 5rem 15px
    }
}

@media (max-width:767.98px) {
    .x-wm-casino-lobby-cover.-inner-wrapper {
        padding: 4rem 0
    }
}

.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-1,
.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-2,
.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-3,
.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-4,
.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-5 {
    position: absolute;
    z-index: 0
}

@media (max-width:1199.98px) {

    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-1,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-2,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-3,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-4,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-5 {
        left: 10%
    }
}

@media (max-width:767.98px) {

    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-1,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-2,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-3,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-4,
    .x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-5 {
        left: -10%
    }
}

.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-1 {
    left: 12%;
    top: 18%;
    width: 100px;
    -webkit-animation: x-wm-lobby-bg-1 12s ease infinite;
    animation: x-wm-lobby-bg-1 12s ease infinite
}

.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-2 {
    left: 10%;
    top: 70%;
    width: 100px;
    opacity: .8;
    -webkit-animation: x-wm-lobby-bg-2 12s ease infinite;
    animation: x-wm-lobby-bg-2 12s ease infinite
}

.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-3 {
    top: 30%;
    right: 3%;
    width: 70px;
    -webkit-animation: x-wm-lobby-bg-3 12s ease infinite;
    animation: x-wm-lobby-bg-3 12s ease infinite
}

.x-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-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-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-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-wm-casino-lobby-cover.-inner-wrapper .x-wm-lobby-animation-container .-bg-5 {
        top: 20px;
        left: 0
    }
}

.x-wm-casino-lobby-cover.-inner-wrapper .container {
    position: relative;
    z-index: 10
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-bg {
    z-index: 5;
    position: absolute;
    right: 0
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-bg .-img {
    width: 600px
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper {
    position: relative;
    z-index: 10
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-logo {
    width: 300px
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper {
    display: flex;
    margin-top: 1rem
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-mascot {
    width: 180px
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper {
    padding-top: 1rem
}

.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .-title {
    color: #fff;
    font-size: 32px;
    text-shadow: -5px -5px 10px rgba(15, 115, 210, .75), -5px 5px 10px rgba(15, 115, 210, .75), 5px -5px 10px rgba(15, 115, 210, .75), 5px 5px 10px rgba(15, 115, 210, .75)
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex-dialog-button,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .btn,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    margin-top: 2rem;
    padding: 10px;
    border-radius: 26px;
    background: linear-gradient(180deg, #e44075 10%, #ad1446);
    -webkit-animation: x-wm-casino-neon 1.5s ease-in-out infinite alternate;
    animation: x-wm-casino-neon 1.5s ease-in-out infinite alternate
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex-dialog-button .-ic,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .btn .-ic,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-ic {
    width: 28px;
    margin-right: 10px
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex-dialog-button .-message,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .btn .-message,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button .-message {
    font-weight: 300;
    color: #fff
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex-dialog-button:hover,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .btn:hover,
.x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:hover {
    background: linear-gradient(180deg, #b22b57 10%, #7d213e)
}

@media (max-width:991.98px) {
    .x-wm-casino-lobby-cover.-inner-wrapper .container .-bg .-img {
        opacity: .8;
        width: 450px
    }
}

@media (max-width:767.98px) {
    .x-wm-casino-lobby-cover.-inner-wrapper .container .-bg {
        top: 100px;
        left: 50%;
        right: unset;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .x-wm-casino-lobby-cover.-inner-wrapper .container .-bg .-img {
        width: 450px
    }

    .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-logo {
        width: 260px
    }

    .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-title {
        color: #fff;
        margin-top: 10px;
        font-size: 26px;
        text-shadow: -5px -5px 10px rgba(15, 115, 210, .75), -5px 5px 10px rgba(15, 115, 210, .75), 5px -5px 10px rgba(15, 115, 210, .75), 5px 5px 10px rgba(15, 115, 210, .75)
    }

    .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper {
        top: 45px;
        position: relative;
        flex-direction: column;
        align-items: center;
        margin-top: 2rem
    }

    .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-mascot {
        width: 200px
    }

    .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper {
        padding-top: 0
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex-dialog-button,
    .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .btn,
    .x-wm-casino-lobby-cover.-inner-wrapper .container .-inside-container-wrapper .-outer-wrapper .-inner-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
        margin-top: -1rem
    }
}

@media (max-width:575.98px) {

    .x-wm-casino-lobby-cover.-inner-wrapper .container .-bg,
    .x-wm-casino-lobby-cover.-inner-wrapper .container .-bg .-img {
        width: 100%
    }
}

#falling-star {
    overflow: hidden;
    top: 45%;
    width: 100%;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

#falling-star,
#falling-star .-star {
    height: 200px;
    left: 0;
    position: absolute
}

#falling-star .-star {
    background-size: auto 100%;
    background-position: 50% 0;
    background-repeat: repeat-x;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 200vw
}

#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
}

#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
}

#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
}

#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
}

#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
}

#falling-star .-falling-star {
    content: "";
    position: absolute;
    top: -50px;
    z-index: 100;
    width: 72px;
    height: 50px;
    background-size: 72px 50px
}

#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%
}

#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%
}

#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%
}

#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%
}

#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-pinnacle-lobby-cover.-pinnacle {
    padding: 8rem 15px 10rem;
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important
}

.x-pinnacle-lobby-cover.-pinnacle .-heading {
    font-family: Kanit, Helvetica Neue, Helvetica, Arial, sans-serif
}

.x-pinnacle-lobby-cover.-pinnacle .-description {
    font-size: 18px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.x-pinnacle-lobby-cover.-pinnacle .-btn-mobile-conatiner {
    z-index: 1
}

.x-pinnacle-lobby-cover.-pinnacle .-play-button {
    padding: .5rem 3.5rem !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    z-index: 1
}

@media (max-width:767.98px) {
    .x-pinnacle-lobby-cover.-pinnacle .-play-button {
        margin: auto;
        font-size: 12px;
        padding: .3rem 2.5rem !important;
        line-height: 25px !important
    }
}

.x-pinnacle-lobby-cover.-pinnacle .-bg {
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 10
}

@media (max-width:991.98px) {
    .x-pinnacle-lobby-cover.-pinnacle {
        padding: 6rem 15px
    }

    .x-pinnacle-lobby-cover.-pinnacle .-bg {
        top: -30px;
        width: 400px
    }
}

@media (max-width:767.98px) {
    .x-pinnacle-lobby-cover.-pinnacle {
        padding: 4.5rem 15px 1.5rem
    }

    .x-pinnacle-lobby-cover.-pinnacle:after {
        border-top: 90px solid transparent
    }

    .x-pinnacle-lobby-cover.-pinnacle .-heading {
        text-align: center
    }

    .x-pinnacle-lobby-cover.-pinnacle .-description {
        text-align: center;
        font-size: 12px
    }

    .x-pinnacle-lobby-cover.-pinnacle .-bg {
        top: -5px;
        position: relative;
        width: 180px
    }
}

.x-covid-19 {
    position: relative
}

.x-covid-19:before {
    content: "ปิดชั่วคราว \a Covid-19 Policy";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-30deg);
    transform: translateX(-50%) translateY(-50%) rotate(-30deg);
    text-align: center;
    background: #8c0d0d;
    z-index: 2;
    width: 130px;
    padding: 10px 0;
    color: #fff;
    font-weight: 700;
    white-space: pre;
    border-radius: 2px
}

.x-covid-19 a {
    display: inline-block;
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5
}

.x-covid-19 a:hover img {
    -webkit-transform: none !important;
    transform: none !important
}

.x-footer-bank-logo .-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.x-footer-bank-logo .-wrapper .-ic {
    width: 50px;
    height: 50px;
    margin: .25rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 194px !important;
    background-position: 4px 4px !important;
    background-repeat: no-repeat !important;
    transition: all .2s
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(2) {
    background-position: -46px 4px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(3) {
    background-position: -96px 4px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(4) {
    background-position: -146px 4px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(5) {
    background-position: 6px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(6) {
    background-position: -46px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(7) {
    background-position: -96px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(8) {
    background-position: -146px -44px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(9) {
    background-position: 6px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(10) {
    background-position: -46px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(11) {
    background-position: -96px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:nth-child(12) {
    background-position: -146px -92px !important
}

.x-footer-bank-logo .-wrapper .-ic:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media (max-width:767.98px) {
    .x-footer-bank-logo .-wrapper .-ic {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}

.x-footer-lobby-logo .-casino-wrapper .-nav-container,
.x-footer-lobby-logo .-slot-wrapper .-nav-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    list-style: none
}

.x-footer-lobby-logo .-casino-wrapper .-nav-container .-nav-item,
.x-footer-lobby-logo .-slot-wrapper .-nav-container .-nav-item {
    padding: 5px;
    text-align: center
}

@media (max-width:767.98px) {

    .x-footer-lobby-logo .-casino-wrapper .-nav-container .-nav-item,
    .x-footer-lobby-logo .-slot-wrapper .-nav-container .-nav-item {
        width: 25% !important
    }
}

.x-footer-lobby-logo .-casino-wrapper .-nav-container .-nav-item .-logo-circle {
    width: 100%;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.x-footer-lobby-logo .-casino-wrapper .-nav-container .-nav-item:hover .-logo-circle {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.x-footer-lobby-logo .-slot-wrapper .-nav-container .-nav-item .-cv-box {
    position: relative;
    overflow: hidden
}

.x-footer-lobby-logo .-slot-wrapper .-nav-container .-nav-item .-cv-box .-cover-vertical {
    width: 100%;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.x-footer-lobby-logo .-slot-wrapper .-nav-container .-nav-item .-logo-horizontal {
    width: 80%
}

.x-footer-lobby-logo .-slot-wrapper .-nav-container .-nav-item:hover .-cv-box .-cover-vertical {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.x-footer-copyright-bg {
    margin-top: 2rem;
    padding: .75rem .5rem .25rem;
    background-color: #4e4a4a
}

.x-modal .close {
    color: #fff
}

@media (max-width:991.98px) {
    .x-modal .-modal-size {
        max-width: 100%
    }
}

.x-modal .modal-content .modal-header .x-title-modal {
    text-align: center
}

.x-modal .modal-content .modal-body {
    padding-bottom: 3rem
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .btn-primary.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .vex-dialog-button.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button,
.x-modal .modal-content .modal-body .btn.btn-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-primary.vex-dialog-button,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn.vex-dialog-button,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-copy-btn,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-copy-btn {
    display: block;
    width: 100%;
    color: #fff !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .btn-primary.vex-dialog-button:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .vex-dialog-button.vex-dialog-button-primary:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button:hover,
.x-modal .modal-content .modal-body .btn.btn-primary:hover,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-primary.vex-dialog-button:hover,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:hover,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn.vex-dialog-button:hover,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-copy-btn:hover,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-copy-btn.vex-dialog-button:hover,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button:hover,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-copy-btn:hover {
    background: linear-gradient(180deg, #e44075, #ad1446) !important
}

.x-modal .modal-content .modal-body .-fake-input,
.x-modal .modal-content .modal-body .text-primary {
    color: #47aad0
}

.x-modal .x-wm-hr-line {
    display: block;
    width: 200px;
    margin-top: -22px;
    margin-bottom: 0
}

.x-modal .x-mini-copy {
    width: auto !important;
    min-width: 60px;
    padding-top: 3px !important
}

#accountModal .modal-body {
    padding-right: 2rem;
    padding-left: 2rem
}

#resetPasswordModal .-ic-lock,
#resetPasswordModal .-ic-otp,
#resetPasswordModal .-ic-register {
    width: 80px
}

.x-header {
    padding: 0 1rem;
    min-height: 66px
}

@media (max-width:991.98px) {
    .x-header {
        padding-right: 1.5rem
    }
}

.x-header.-sticky .x-logged {
    top: -20px !important
}

@media (max-width:767.98px) {
    .x-header.-sticky .x-logged {
        top: -10px !important
    }
}

.x-header.-sticky .-logged-container {
    -webkit-transform: translateY(120%);
    transform: translateY(120%)
}

@media (max-width:767.98px) {
    .x-header.-sticky .-logged-container {
        -webkit-transform: translateY(112%);
        transform: translateY(112%)
    }
}

.x-header .container {
    position: relative;
    height: 100%;
    min-height: 66px;
    align-items: center
}

@media (max-width:991.98px) {
    .x-header .container .x-hamburger {
        margin-right: 10px
    }
}

.x-header .container #headerBrand .navbar-brand {
    height: 100%;
    display: flex;
    align-items: center
}

.x-header .container #headerBrand .navbar-brand .-logo {
    position: relative;
    top: unset;
    width: 40px;
    margin-top: 0 !important
}

.x-header .container #headerBrand .navbar-brand .-logo-text {
    width: 152px;
    margin-top: 0px
}

@media (max-width:767.98px) {
    .x-header .container #headerBrand .navbar-brand .-logo {
        width: 34px
    }

    .x-header .container #headerBrand .navbar-brand .-logo-text {
        width: 126px;
        margin-top: 0px !important
    }
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-header .container #headerContent .-header-anon-wrapper .vex-dialog-button,
.x-header .container #headerContent .-header-anon-wrapper .btn,
.x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    height: 66px;
    padding-top: 12px;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    background: transparent
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-header .container #headerContent .-header-anon-wrapper .vex-dialog-button:first-child,
.x-header .container #headerContent .-header-anon-wrapper .btn:first-child,
.x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:first-child {
    background: transparent;
    background: linear-gradient(180deg, transparent, #00a0ff73);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-header .container #headerContent .-header-anon-wrapper .vex-dialog-button:first-child .-inner-btn,
.x-header .container #headerContent .-header-anon-wrapper .btn:first-child .-inner-btn,
.x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:first-child .-inner-btn {
    display: flex;
    align-items: center;
    height: 100%
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-header .container #headerContent .-header-anon-wrapper .vex-dialog-button:first-child .-inner-btn .fas,
.x-header .container #headerContent .-header-anon-wrapper .btn:first-child .-inner-btn .fas,
.x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:first-child .-inner-btn .fas {
    margin-top: 0;
    font-size: 10px
}

@media (max-width:991.98px) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-header .container #headerContent .-header-anon-wrapper .-header-login-btn.vex-dialog-button,
    .x-header .container #headerContent .-header-anon-wrapper .btn.-header-login-btn,
    .x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-header-login-btn.vex-dialog-button {
        height: auto;
        color: #fff;
        border: none;
        border-radius: 22px;
        padding: 10px 1.25rem 2px !important;
        font-size: 18px;
        line-height: 18px;
        -webkit-animation: x-wm-neon-primary 1.5s ease-in-out infinite alternate;
        animation: x-wm-neon-primary 1.5s ease-in-out infinite alternate;
        background: #ee0000;
        background: linear-gradient(180deg, #ee0000, #8e0202);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
    }

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-header .container #headerContent .-header-anon-wrapper .-header-login-btn.vex-dialog-button:hover,
    .x-header .container #headerContent .-header-anon-wrapper .btn.-header-login-btn:hover,
    .x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-header-login-btn.vex-dialog-button:hover {
        background: #ee0000;
        background: linear-gradient(180deg, #b80000, #6b0101);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
    }
}

.x-header .container #headerContent .x-logged {
    position: absolute;
    top: 0;
    right: 0
}

.x-header .container #headerContent .x-logged .--profile {
    background: #1b375a;
    background: linear-gradient(180deg, #1b375a, #08132d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

.x-header .container #headerContent .x-logged .--profile .-user-balance {
    color: #e5a641 !important
}

.x-header .container #headerContent .x-logged .--deposit,
.x-header .container #headerContent .x-logged .--withdraw {
    width: 70px
}

.x-header .container #headerContent .x-logged .--deposit {
    background: #026ace;
    background: linear-gradient(180deg, #026ace, #002d59);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

.x-header .container #headerContent .x-logged .--withdraw {
    background: #e33f64;
    background: linear-gradient(180deg, #e33f64, #9c0737);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

.x-header .container #headerContent .x-logged .dropdown .dropdown-content .x-profile-dropdown-menu .navbar-nav .nav-item {
    border-bottom: 1px solid #1b375a
}

.x-header .container #headerContent .x-logged .dropdown .dropdown-content .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link {
    color: #efefef;
    transition: color .2s
}

.x-header .container #headerContent .x-logged .dropdown .dropdown-content .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .fas {
    color: #efefef
}

.x-header .container #headerContent .x-logged .dropdown .dropdown-content .x-profile-dropdown-menu .navbar-nav .nav-item:hover .nav-link,
.x-header .container #headerContent .x-logged .dropdown .dropdown-content .x-profile-dropdown-menu .navbar-nav .nav-item:hover .nav-link .fas {
    color: #e5a641
}

.x-header .container #headerContent .x-logged .dropdown .dropdown-content .x-profile-dropdown-menu .navbar-nav .nav-item:last-child {
    border-bottom: none
}

.x-header .x-hamburger span {
    background: #1aa0fd
}

.x-index-top-container {
    background-color: #05070c;
    background-repeat: no-repeat
}

.x-index-top-container .-bg-container {
    overflow: hidden
}

.x-index-top-container .-bg-container .-bg-1,
.x-index-top-container .-bg-container .-bg-2,
.x-index-top-container .-bg-container .-bg-3,
.x-index-top-container .-bg-container .-bg-4,
.x-index-top-container .-bg-container .-bg-5 {
    position: absolute;
    z-index: 0
}

@media (max-width:1199.98px) {

    .x-index-top-container .-bg-container .-bg-1,
    .x-index-top-container .-bg-container .-bg-2,
    .x-index-top-container .-bg-container .-bg-3,
    .x-index-top-container .-bg-container .-bg-4,
    .x-index-top-container .-bg-container .-bg-5 {
        left: 10%
    }
}

@media (max-width:767.98px) {

    .x-index-top-container .-bg-container .-bg-1,
    .x-index-top-container .-bg-container .-bg-2,
    .x-index-top-container .-bg-container .-bg-3,
    .x-index-top-container .-bg-container .-bg-4,
    .x-index-top-container .-bg-container .-bg-5 {
        left: -10%
    }
}

.x-index-top-container .-bg-container .-bg-1 {
    left: 12%;
    top: 18%;
    width: 65%
}

.x-index-top-container .-bg-container .-bg-2 {
    left: 5%;
    top: 15%;
    width: 90%;
    opacity: .8
}

.x-index-top-container .-bg-container .-bg-3 {
    top: 20%;
    left: 26%;
    -webkit-animation: x-bg-3 12s ease infinite;
    animation: x-bg-3 12s ease infinite
}

.x-index-top-container .-bg-container .-bg-4 {
    top: 56%;
    left: 10%;
    -webkit-animation: x-bg-1 14s ease infinite;
    animation: x-bg-1 14s ease infinite
}

.x-index-top-container .-bg-container .-bg-5 {
    top: 20%;
    left: 80%;
    -webkit-animation: x-bg-2 10s ease-out infinite;
    animation: x-bg-2 10s ease-out infinite
}

.x-index-top-container .-inner-wrapper .-title {
    margin-bottom: 1rem
}

.x-index-top-container .-inner-wrapper .-title .-logo-gif {
    width: 340px
}

@media (max-width:767.98px) {
    .x-index-top-container .-inner-wrapper .-title .-logo-gif {
        width: 280px
    }
}

.x-index-top-container .-inner-wrapper .-sub-title {
    letter-spacing: 2px;
    text-shadow: -2px -2px 5px rgb(173, 172, 43, 0.5), -2px 2px 5px rgb(173, 172, 43, 0.5), 2px -2px 5px rgb(173, 172, 43, 0.5), 2px 2px 5px rgb(173, 172, 43, 0.5)
}

.x-index-top-container .-inner-wrapper .x-btn-play {
    border-radius: 30px
}

.x-index-top-container .x-service-wrapper .-box .-ic-wrapper img {
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.x-index-top-container .x-service-wrapper .-box .x-wm-hr-line {
    width: 80%
}

.x-index-top-container .x-service-wrapper .-box:hover .-ic-wrapper img,
.x-index-top-container .x-service-wrapper .-box:hover .x-wm-hr-line {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:767.98px) {
    .x-index-top-container .x-service-wrapper .-box .x-wm-hr-line {
        width: 40%
    }
}

.x-glow-container .-btn-glow-primary,
.x-index-top-container .-inner-wrapper .-btn-actions .-glow-container .-btn-glow-primary {
    -webkit-animation: x-wm-neon-primary 1.5s ease-in-out infinite alternate;
    animation: x-wm-neon-primary 1.5s ease-in-out infinite alternate
}

.x-glow-container .-btn-glow-secondary,
.x-index-top-container .-inner-wrapper .-btn-actions .-glow-container .-btn-glow-secondary {
    -webkit-animation: x-wm-neon-secondary 1.5s ease-in-out infinite alternate;
    animation: x-wm-neon-secondary 1.5s ease-in-out infinite alternate
}

.x-index-bottom-section {
    padding: 2rem 0;
    background: #0d0d1b
}

.x-index-bottom-section .-download span {
    display: block;
    font-size: 28px
}

.x-index-bottom-section .-download .-img-cover {
    display: flex
}

.x-index-bottom-section .-download .-img-cover .-img {
    width: 130px;
    margin-right: 15px
}

.x-index-bottom-section .-mobile .-img {
    width: 100%
}

@media (max-width:991.98px) {
    .x-index-bottom-section .-download span {
        font-size: 22px
    }

    .x-index-bottom-section .-download .-img-cover .-img {
        width: 100px;
        height: 130px
    }
}

@media (max-width:767.98px) {
    .x-index-bottom-section .-download {
        text-align: center
    }

    .x-index-bottom-section .-download .-img-cover {
        justify-content: center
    }

    .x-index-bottom-section .-mobile {
        text-align: center;
        padding-left: 3rem;
        margin-top: 1rem
    }

    .x-index-bottom-section .-mobile .-img {
        width: 80%
    }
}

@media (max-width:575.98px) {
    .x-index-bottom-section .-download {
        text-align: center
    }

    .x-index-bottom-section .-download .-img-cover {
        justify-content: center
    }

    .x-index-bottom-section .-mobile {
        text-align: center;
        padding-left: 2rem;
        margin-top: 1rem
    }

    .x-index-bottom-section .-mobile .-img {
        width: 100%
    }
}

@keyframes x-shooting-star-1 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        opacity: 0;
        -webkit-transform: translate3d(-270px, 180px, 0);
        transform: translate3d(-270px, 180px, 0)
    }

    to {
        opacity: 0
    }
}

@keyframes x-shooting-star-2 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translate3d(-270px, 180px, 0);
        transform: translate3d(-270px, 180px, 0)
    }

    to {
        opacity: 0
    }
}

@keyframes x-shooting-star-3 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    5% {
        opacity: 0;
        -webkit-transform: translate3d(-270px, 180px, 0);
        transform: translate3d(-270px, 180px, 0)
    }

    to {
        opacity: 0
    }
}
/* 
@-webkit-keyframes x-wm-neon-primary {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #e44075, 0 0 16px #e44075, 0 0 28px #e44075, 0 0 36px #e44075, 0 0 44px #e44075
    }

    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e44075, 0 0 8px #e44075, 0 0 14px #e44075, 0 0 18px #e44075, 0 0 22px #e44075
    }
} 


@keyframes x-wm-neon-primary {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #e44075, 0 0 16px #e44075, 0 0 28px #e44075, 0 0 36px #e44075, 0 0 44px #e44075
    }

    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e44075, 0 0 8px #e44075, 0 0 14px #e44075, 0 0 18px #e44075, 0 0 22px #e44075
    }
}

@-webkit-keyframes x-wm-neon-secondary {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #036cd1, 0 0 16px #036cd1, 0 0 28px #036cd1, 0 0 36px #036cd1, 0 0 44px #036cd1
    }

    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #036cd1, 0 0 8px #036cd1, 0 0 14px #036cd1, 0 0 18px #036cd1, 0 0 22px #036cd1
    }
}

@keyframes x-wm-neon-secondary {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #036cd1, 0 0 16px #036cd1, 0 0 28px #036cd1, 0 0 36px #036cd1, 0 0 44px #036cd1
    }

    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #036cd1, 0 0 8px #036cd1, 0 0 14px #036cd1, 0 0 18px #036cd1, 0 0 22px #036cd1
    }
}*/

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(5%, 0, 0);
        transform: translate3d(5%, 0, 0)
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }

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

@-webkit-keyframes flipFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    20% {
        opacity: 0
    }

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

@keyframes flipFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    20% {
        opacity: 0
    }

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

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

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .x-header .container #headerContent .-header-anon-wrapper .vex-dialog-button,
.x-apple-os .x-header .container #headerContent .-header-anon-wrapper .btn,
.x-apple-os .x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button {
    padding-top: 15px !important
}

.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .x-header .container #headerContent .-header-anon-wrapper .vex-dialog-button:first-child .-inner-btn .fas,
.x-apple-os .x-header .container #headerContent .-header-anon-wrapper .btn:first-child .-inner-btn .fas,
.x-apple-os .x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button:first-child .-inner-btn .fas {
    margin-top: -8px !important
}

@media (max-width:991.98px) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .x-header .container #headerContent .-header-anon-wrapper .-header-login-btn.vex-dialog-button,
    .x-apple-os .x-header .container #headerContent .-header-anon-wrapper .btn.-header-login-btn,
    .x-apple-os .x-header .container #headerContent .-header-anon-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-header-login-btn.vex-dialog-button {
        padding: 8px 1.25rem 1px !important
    }
}

.x-apple-os .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-demo-btn {
    padding-top: 12px !important
}

.x-apple-os .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-demo-btn span {
    padding-top: 14px !important
}

@media (max-width:991.98px) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .x-button-actions .-btn-bottom.vex-dialog-button,
    .x-apple-os .x-button-actions .btn.-btn-bottom,
    .x-apple-os .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-bottom.vex-dialog-button {
        padding-top: 8px
    }
}

@media (max-width:767.98px) {

    #account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
    #account-actions .x-button-actions .x-apple-os .btn.-big-size.-icon.btn-plain-secondary,
    .vex .vex-content .vex-dialog-form .vex-dialog-buttons .x-apple-os .btn.-big-size.-icon.vex-dialog-button-primary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .x-apple-os .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-primary-darker.-big-size.-icon.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-primary.-big-size.-icon.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-btn-secondary.-big-size.-icon.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .x-apple-os .-big-size.-icon.btn-primary.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .x-apple-os .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .x-apple-os .-big-size.-icon.-copy-btn.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .x-apple-os .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .x-apple-os #account-actions .x-button-actions .btn.-big-size.-icon.btn-plain-secondary,
    .x-apple-os #account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
    .x-apple-os .btn.-btn-primary-darker.-big-size.-icon,
    .x-apple-os .btn.-btn-primary.-big-size.-icon,
    .x-apple-os .btn.-btn-secondary.-big-size.-icon,
    .x-apple-os .vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-big-size.-icon.vex-dialog-button-primary,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-big-size.-icon.vex-dialog-button,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-big-size.-icon.vex-dialog-button,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-big-size.-icon.vex-dialog-button,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.btn-primary.vex-dialog-button,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-apple-os .vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .x-apple-os .x-modal .modal-content .modal-body .btn.-big-size.-icon.btn-primary,
    .x-apple-os .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.btn-primary.vex-dialog-button,
    .x-apple-os .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .x-apple-os .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-apple-os .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-big-size.-icon.-copy-btn,
    .x-apple-os .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-apple-os .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-apple-os .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-big-size.-icon.-copy-btn,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-big-size.-icon.btn-primary.vex-dialog-button,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-apple-os .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-modal .modal-content .modal-body .x-apple-os .btn.-big-size.-icon.btn-primary,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-apple-os .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-apple-os .btn.-big-size.-icon.-copy-btn,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .x-apple-os .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .x-apple-os .btn.-big-size.-icon.-copy-btn {
        padding-top: 12px !important;
        padding-bottom: 10px !important
    }
}

@media (max-width:767.98px) {
    .x-apple-os .x-form-control {
        padding-top: 10px
    }
}

.x-windows-os #resetPasswordModal .-x-input-icon .x-form-control,
.x-windows-os .x-bank-account-form .-x-input-icon .x-form-control,
.x-windows-os .x-deposit-form .-x-input-icon .x-form-control,
.x-windows-os .x-form-register .-x-input-icon .x-form-control,
.x-windows-os .x-pending .-x-input-icon .x-form-control,
.x-windows-os .x-withdraw-form .-x-input-icon .x-form-control {
    padding-top: 14px !important
}

.x-ios-os #resetPasswordModal .x-form-control,
.x-ios-os .x-bank-account-form .x-form-control,
.x-ios-os .x-deposit-form .x-form-control,
.x-ios-os .x-form-register .x-form-control,
.x-ios-os .x-login-form .x-form-control,
.x-ios-os .x-pending .x-form-control,
.x-ios-os .x-withdraw-form .x-form-control {
    padding-top: 12px
}



@keyframes twinkle {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes layer-1 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-689px, 0, 0);
        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
}

@keyframes layer-2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-699px, 0, 0);
        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
}

@keyframes layer-3 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-699px, 0, 0);
        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
}

@keyframes layer-4 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-480px, 0, 0);
        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
}

@keyframes layer-5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-486px, 0, 0);
        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-image: url(/img/falling-star.150be806.png);
    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-index-tab-container .tab-content .x-tab-manual .-bg {
    background: #100100
}

.x-index-tab-container .tab-content .x-tab-manual .-container-wrapper .-tabs .nav-item {
    background-color: #040710
}

.x-index-tab-container .tab-content .x-tab-manual .-container-wrapper .-tabs .nav-item .nav-link {
    margin: .5rem 0;
    padding: 8px 1rem 0;
    color: #efefef;
    background-color: transparent;
    transition: color .3s
}

.x-index-tab-container .tab-content .x-tab-manual .-container-wrapper .-tabs .nav-item .nav-link.active {
    font-weight: 700;
    color: #e5a641;
    background-color: transparent
}

.x-index-tab-container .tab-content .x-tab-manual .-container-wrapper .-tabs .nav-item .nav-link:hover {
    color: #e5a641
}

.x-index-tab-container .tab-content .x-tab-manual .-container-wrapper .-tabs .nav-item:not(:last-child) .nav-link {
    border-right: 1px solid #292929
}

.x-index-tab-container .tab-content .x-tab-manual .-container-wrapper .-tabs .nav-item:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

.x-index-tab-container .tab-content .x-tab-manual .-container-wrapper .-tabs .nav-item:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

.x-index-tab-container .tab-content #tab-content-deposit .x-service-wrapper .-box .-ic-wrapper,
.x-index-tab-container .tab-content #tab-content-register .x-service-wrapper .-box .-ic-wrapper,
.x-index-tab-container .tab-content #tab-content-withdraw .x-service-wrapper .-box .-ic-wrapper {
    min-width: 100px
}

@media (max-width:767.98px) {

    .x-index-tab-container .tab-content #tab-content-deposit .x-service-wrapper .-box .x-wm-hr-line,
    .x-index-tab-container .tab-content #tab-content-register .x-service-wrapper .-box .x-wm-hr-line,
    .x-index-tab-container .tab-content #tab-content-withdraw .x-service-wrapper .-box .x-wm-hr-line {
        width: 160px
    }
}

@media (max-width:575.98px) {

    .x-index-tab-container .tab-content #tab-content-deposit .x-service-wrapper .-box .x-wm-hr-line,
    .x-index-tab-container .tab-content #tab-content-register .x-service-wrapper .-box .x-wm-hr-line,
    .x-index-tab-container .tab-content #tab-content-withdraw .x-service-wrapper .-box .x-wm-hr-line {
        width: 120px
    }
}

.x-index-tab-container .tab-content #tab-content-register .x-service-wrapper .-box .-ic-wrapper .-ic-bank,
.x-index-tab-container .tab-content #tab-content-register .x-service-wrapper .-box .-ic-wrapper .-ic-otp,
.x-index-tab-container .tab-content #tab-content-register .x-service-wrapper .-box .-ic-wrapper .-ic-register {
    width: 80px
}

.x-index-tab-container .tab-content #tab-content-deposit .x-service-wrapper .-box:first-child .-ic-wrapper>.-ic {
    width: 50px
}

.x-index-tab-container .tab-content #tab-content-deposit .x-service-wrapper .-box:nth-child(2) .-ic-wrapper>.-ic {
    width: 90px
}

.x-index-tab-container .tab-content #tab-content-deposit .x-service-wrapper .-box:nth-child(3) .-ic-wrapper>.-ic {
    width: 70px
}

.x-index-tab-container .tab-content #tab-content-withdraw .x-service-wrapper .-box:first-child .-ic-wrapper>.-ic {
    width: 50px
}

.vex .vex-content .vex-dialog-form .vex-dialog-buttons .vex-dialog-button-primary {
    color: #fff !important
}

.btn.-btn-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.vex-dialog-button {
    color: #fff;
    border: none;
    background: #ff0000;
    background: linear-gradient(180deg, #ff0000, #7d0202);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)

}

.btn.-btn-primary:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.vex-dialog-button:hover {
    background: #a10000;
    background: linear-gradient(180deg, #dd0000, #4e0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

#account-actions .x-button-actions .btn.btn-plain-secondary,
#account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.btn-plain-secondary,
.btn.-btn-primary-darker,
.vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .vex-dialog-button.btn-plain-secondary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .btn-primary.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .vex-dialog-button.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .btn.btn-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-primary.vex-dialog-button,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn.vex-dialog-button,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-copy-btn,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-copy-btn {
    color: #fff;
    border: none;
    background: #f10000;
    background: linear-gradient(180deg, #f10000, #890202);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

#account-actions .x-button-actions .btn.btn-plain-secondary:hover,
#account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.btn-plain-secondary:hover,
.btn.-btn-primary-darker:hover,
.vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.vex-dialog-button-primary:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .vex-dialog-button.btn-plain-secondary:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.vex-dialog-button:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .btn-primary.vex-dialog-button:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .vex-dialog-button.vex-dialog-button-primary:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:hover,
.x-modal .modal-content .modal-body .btn.btn-primary:hover,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .btn-primary.vex-dialog-button:hover,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary:hover,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn.vex-dialog-button:hover,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-copy-btn:hover,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-copy-btn.vex-dialog-button:hover,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-copy-btn.vex-dialog-button:hover,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-copy-btn:hover {
    background: #f10000;
    background: linear-gradient(180deg, #cf0000, #640101);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

.btn.-btn-secondary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.vex-dialog-button {
    color: #fff;
    border: none;
    background: #036cd1;
    background: linear-gradient(180deg, #036cd1, #014281);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

.btn.-btn-secondary:hover,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.vex-dialog-button:hover {
    background: #026ace;
    background: linear-gradient(180deg, #026ace, #002d59);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

#account-actions .x-button-actions .btn.btn-plain-primary,
#account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .vex-dialog-button.btn-plain-primary,
.btn.-btn-secondary-darker,
.vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.vex-dialog-button-secondary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .vex-dialog-button.btn-plain-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary-darker.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-secondary {
    color: #fff;
    border: none;
    background: #026ace;
    background: linear-gradient(180deg, #026ace, #002d59);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$primary, endColorstr=$secondary, GradientType=1)
}

#account-actions .x-button-actions .btn.-big-size.btn-plain-secondary,
#account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.vex-dialog-button.btn-plain-secondary,
.btn.-btn-primary-darker.-big-size,
.btn.-btn-primary.-big-size,
.btn.-btn-secondary.-big-size,
.vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-big-size.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-big-size.vex-dialog-button.btn-plain-secondary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-big-size.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-big-size.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-big-size.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.btn-primary.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.vex-dialog-button.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-big-size.-copy-btn.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-big-size.vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .btn.-big-size.btn-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.btn-primary.vex-dialog-button,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-big-size.-copy-btn.vex-dialog-button,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-big-size.-copy-btn,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-big-size.-copy-btn {
    padding-top: 24px !important;
    padding-bottom: 14px !important;
    font-size: 24px
}

#account-actions .x-button-actions .btn.-big-size.-icon.btn-plain-secondary,
#account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
.btn.-btn-primary-darker.-big-size.-icon,
.btn.-btn-primary.-big-size.-icon,
.btn.-btn-secondary.-big-size.-icon,
.vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-big-size.-icon.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-big-size.-icon.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-big-size.-icon.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-big-size.-icon.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.btn-primary.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .btn.-big-size.-icon.btn-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.btn-primary.vex-dialog-button,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-big-size.-icon.-copy-btn.vex-dialog-button,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-big-size.-icon.-copy-btn,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-big-size.-icon.-copy-btn {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

@media (max-width:767.98px) {

    #account-actions .x-button-actions .btn.-big-size.btn-plain-secondary,
    #account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.vex-dialog-button.btn-plain-secondary,
    .btn.-btn-primary-darker.-big-size,
    .btn.-btn-primary.-big-size,
    .btn.-btn-secondary.-big-size,
    .vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-big-size.vex-dialog-button-primary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-big-size.vex-dialog-button.btn-plain-secondary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-big-size.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-big-size.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-big-size.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.btn-primary.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.vex-dialog-button.vex-dialog-button-primary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-big-size.-copy-btn.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-big-size.vex-dialog-button.vex-dialog-button-primary,
    .x-modal .modal-content .modal-body .btn.-big-size.btn-primary,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.btn-primary.vex-dialog-button,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.vex-dialog-button.vex-dialog-button-primary,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-big-size.-copy-btn.vex-dialog-button,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-big-size.-copy-btn,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-copy-btn.vex-dialog-button,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-copy-btn.vex-dialog-button,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-big-size.-copy-btn {
        padding-top: 18px !important;
        padding-bottom: 10px !important;
        font-size: 20px
    }

    #account-actions .x-button-actions .btn.-big-size.-icon.btn-plain-secondary,
    #account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
    .btn.-btn-primary-darker.-big-size.-icon,
    .btn.-btn-primary.-big-size.-icon,
    .btn.-btn-secondary.-big-size.-icon,
    .vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-big-size.-icon.vex-dialog-button-primary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-big-size.-icon.vex-dialog-button.btn-plain-secondary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-big-size.-icon.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-big-size.-icon.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-big-size.-icon.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.btn-primary.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button,
    .vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .x-modal .modal-content .modal-body .btn.-big-size.-icon.btn-primary,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.btn-primary.vex-dialog-button,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-big-size.-icon.-copy-btn,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-big-size.-icon.-copy-btn {
        padding-top: 8px !important;
        padding-bottom: 6px !important
    }

    #account-actions .x-button-actions .btn.-big-size.-icon.btn-plain-secondary span,
    #account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.btn-plain-secondary span,
    .btn.-btn-primary-darker.-big-size.-icon span,
    .btn.-btn-primary.-big-size.-icon span,
    .btn.-btn-secondary.-big-size.-icon span,
    .vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-big-size.-icon.vex-dialog-button-primary span,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-big-size.-icon.vex-dialog-button.btn-plain-secondary span,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-big-size.-icon.vex-dialog-button span,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-big-size.-icon.vex-dialog-button span,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-big-size.-icon.vex-dialog-button span,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.btn-primary.vex-dialog-button span,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary span,
    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button span,
    .vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary span,
    .x-modal .modal-content .modal-body .btn.-big-size.-icon.btn-primary span,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.btn-primary.vex-dialog-button span,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.vex-dialog-button.vex-dialog-button-primary span,
    .x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-big-size.-icon.-copy-btn.vex-dialog-button span,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-big-size.-icon.-copy-btn span,
    .x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-big-size.-icon.-copy-btn.vex-dialog-button span,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-big-size.-icon.-copy-btn.vex-dialog-button span,
    .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-big-size.-icon.-copy-btn span {
        position: relative;
        top: 1px
    }
}

#account-actions .x-button-actions .btn.-normal-size.btn-plain-secondary,
#account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.vex-dialog-button.btn-plain-secondary,
.btn.-btn-primary-darker.-normal-size,
.btn.-btn-primary.-normal-size,
.btn.-btn-secondary.-normal-size,
.vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-normal-size.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-normal-size.vex-dialog-button.btn-plain-secondary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-normal-size.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-normal-size.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-normal-size.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-normal-size.btn-primary.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-normal-size.vex-dialog-button.vex-dialog-button-primary,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-normal-size.-copy-btn.vex-dialog-button,
.vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-normal-size.vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .btn.-normal-size.btn-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.btn-primary.vex-dialog-button,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.vex-dialog-button.vex-dialog-button-primary,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-normal-size.-copy-btn.vex-dialog-button,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-normal-size.-copy-btn,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-normal-size.-copy-btn.vex-dialog-button,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-normal-size.-copy-btn {
    padding-top: 16px;
    padding-bottom: 10px;
    font-size: 22px
}

#account-actions .x-button-actions .btn.-normal-size.btn-plain-secondary .fas,
#account-actions .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.vex-dialog-button.btn-plain-secondary .fas,
.btn.-btn-primary-darker.-normal-size .fas,
.btn.-btn-primary.-normal-size .fas,
.btn.-btn-secondary.-normal-size .fas,
.vex .vex-content .vex-dialog-form .vex-dialog-buttons .btn.-normal-size.vex-dialog-button-primary .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons #account-actions .x-button-actions .-normal-size.vex-dialog-button.btn-plain-secondary .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary-darker.-normal-size.vex-dialog-button .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-primary.-normal-size.vex-dialog-button .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-secondary.-normal-size.vex-dialog-button .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-normal-size.btn-primary.vex-dialog-button .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-normal-size.vex-dialog-button.vex-dialog-button-primary .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .-normal-size.-copy-btn.vex-dialog-button .fas,
.vex.vex-theme-plain .vex-content .vex-dialog-form .vex-dialog-buttons .-normal-size.vex-dialog-button.vex-dialog-button-primary .fas,
.x-modal .modal-content .modal-body .btn.-normal-size.btn-primary .fas,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.btn-primary.vex-dialog-button .fas,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.vex-dialog-button.vex-dialog-button-primary .fas,
.x-modal .modal-content .modal-body .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-normal-size.-copy-btn.vex-dialog-button .fas,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .btn.-normal-size.-copy-btn .fas,
.x-modal .modal-content .modal-body .x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-normal-size.-copy-btn.vex-dialog-button .fas,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-modal .modal-content .modal-body .-normal-size.-copy-btn.vex-dialog-button .fas,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .x-modal .modal-content .modal-body .btn.-normal-size.-copy-btn .fas {
    font-size: 15px
}

.btn.-rounded,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-rounded.vex-dialog-button {
    border-radius: 5px
}

.btn.-rounded-small,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-rounded-small.vex-dialog-button {
    border-radius: 10px
}

.btn.-rounded-big,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-rounded-big.vex-dialog-button {
    border-radius: 30px
}

.btn.-border-none,
.vex.vex-theme-plain .vex-content .vex-dialog-buttons .-border-none.vex-dialog-button {
    border: none
}

@media (max-width:991.98px) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-button-actions .-btn-bottom.vex-dialog-button,
    .x-button-actions .btn.-btn-bottom,
    .x-button-actions .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-btn-bottom.vex-dialog-button {
        color: #fff !important
    }
}

.x-footer {
    background: #1a1400
}

.x-footer .-inner-wrapper {
    margin-top: 0 !important;
    border-top: none
}

.x-form-control {
    padding-top: 16px
}

.x-form-control:focus {
    border-color: #0f73d2;
    -o-border-image: linear-gradient(90deg, #0f73d2, #46a9d5) 1;
    border-image: linear-gradient(90deg, #0f73d2, #46a9d5) 1
}

.x-index-tab-container .-tab-outer-wrapper {
    background: linear-gradient(180deg, #212123, #000)
}

.x-index-tab-container .-tab-outer-wrapper .x-tab .nav-item {
    height: 100%
}

.x-index-tab-container .-tab-outer-wrapper .x-tab .nav-item .nav-link {
    padding: 1rem;
    background: transparent
}

.x-index-tab-container .-tab-outer-wrapper .x-tab .nav-item .nav-link.active {
    background: linear-gradient(180deg, transparent, #625108)
}

@media (max-width:767.98px) {
    .x-index-tab-container .-tab-outer-wrapper .x-tab .nav-item .nav-link .-ic {
        height: 30px
    }
}

@media (max-width:991.98px) {
    .x-index-tab-container .-tab-outer-wrapper .container {
        padding: 0
    }
}

.x-index-tab-container .tab-content .x-tab-index .-bg {
    position: relative;
    width: 100%;
    height: 900px !important;
    background-position: 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.x-index-tab-container .tab-content .x-tab-index .-bg .-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, transparent, #151000)
}

@media (max-width:1199.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-bg {
        height: 700px !important;
        height: 500px !important
    }
}

@media (max-width:767.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-bg {
        height: 300px !important
    }
}

@media (max-width:575.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-bg {
        height: 200px !important
    }
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper {
    margin-top: -150px;
    padding-bottom: 5rem;
    background: #151000
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-ic-mascot {
    position: absolute;
    top: -20px;
    left: -200px;
    width: 200px
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-title {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: -5px -5px 10px rgb(26, 104, 253, 0.5), -5px 5px 10px rgb(26, 104, 253, 0.5), 5px -5px 10px rgb(26, 104, 253, 0.5), 5px 5px 10px rgb(26, 104, 253, 0.5)
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone {
    display: flex;
    align-items: center
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-demo-btn {
    display: flex;
    align-items: center;
    padding-top: 8px !important;
    padding-left: 2rem;
    padding-right: 2rem
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-demo-btn .fas {
    font-size: 16px
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-demo-btn span {
    padding-top: 6px
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper {
    padding: 2rem 0
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper {
    margin-top: 2rem
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-cover-wrapper {
    text-align: right;
    border-right: 3px solid #1accfd;
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-description-wrapper .-title {
    color: #efefef;
    font-size: 30px;
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-description-wrapper .-detail {
    color: #afafaf;
    font-size: 22px;
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper:nth-child(2) .-cover-wrapper {
    order: 2;
    text-align: left;
    border-right: none;
}

.x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper:nth-child(2) .-description-wrapper {
    order: 1;
    text-align: right;
    border-right: 3px solid #1accfd;
}

@media (max-width:1199.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper {
        margin-top: -100px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-ic-mascot {
        left: -220px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-title {
        font-size: 40px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-cover-wrapper .-img {
        width: 100%
    }
}

@media (max-width:991.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper {
        padding-left: 160px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-title {
        font-size: 30px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-ic-mascot {
        top: -50px;
        left: 0;
        width: 170px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-description-wrapper .-title {
        font-size: 30px
    }
}

@media (max-width:767.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper {
        margin-top: -60px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper {
        padding-left: 140px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-ic-mascot {
        top: -5px;
        left: 0;
        width: 140px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-demo-btn {
        margin-bottom: 15px;
        padding-top: 6px !important
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper {
        padding-top: 1rem !important
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper {
        margin-top: 1rem
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-cover-wrapper {
        order: 1 !important;
        border-right: none
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-description-wrapper {
        order: 2 !important;
        margin-top: 1rem;
        text-align: left !important;
        border-right: none !important
    }
}

@media (max-width:575.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper {
        margin-top: -20px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper {
        margin-top: 4rem;
        padding-left: 0;
        text-align: center
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-title {
        font-size: 26px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-ic-mascot {
        left: 50%;
        right: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -140px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone {
        flex-direction: column;
        justify-content: center
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-btn-primary,
    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-heading-wrapper .-button-zone .-btn-secondary {
        margin-right: 0 !important
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper {
        padding: 0
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper {
        margin-top: 1rem
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-cover-wrapper {
        order: 1 !important;
        border-right: none
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-description-wrapper .-title {
        font-size: 24px
    }

    .x-index-tab-container .tab-content .x-tab-index .-top-wrapper .-articles-wrapper .-inner-wrapper .-description-wrapper .-detail {
        font-size: 20px
    }
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container {
    padding: 2rem 0;
    background-position: 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper {
    position: relative
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper .-icon-inner-wrapper {
    position: absolute;
    top: -150px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper .-icon-inner-wrapper .-ic-box {
    width: 10%
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper .-icon-inner-wrapper .-ic-box .-ic {
    width: 100%;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper .-icon-inner-wrapper .-ic-box:hover .-ic {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper {
    margin-top: 4rem
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-img {
    width: 80%
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-sub-title {
    display: block;
    font-size: 26px;
    color: #00c6d4
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-title {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #efefef
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-description {
    font-size: 22px;
    color: #afafaf
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-banner-icon-wrapper {
    display: flex
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-banner-icon-wrapper .-ic-banner {
    width: 120px;
    margin-right: 15px
}

.x-index-tab-container .tab-content .x-tab-index .-bottom-container .-bg-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-size: cover !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

@media (max-width:1199.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper .-icon-inner-wrapper {
        top: -140px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-img {
        width: 100%
    }
}

@media (max-width:991.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-bottom-container {
        padding: 2rem 0 4rem
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper .-icon-inner-wrapper {
        top: -96px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper {
        margin-top: 3rem
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-sub-title {
        font-size: 22px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-title {
        font-size: 28px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-description {
        font-size: 20px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-banner-icon-wrapper .-ic-banner {
        width: 100px;
        height: 100px;
        margin-right: 10px
    }
}

@media (max-width:767.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-icon-outer-wrapper .-icon-inner-wrapper {
        top: -80px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper {
        margin-top: 2rem
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-banner-icon-wrapper {
        justify-content: space-between
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-banner-icon-wrapper .-ic-banner {
        margin-right: 0
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-img-box {
        margin-bottom: 2rem;
        text-align: center
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-img-box .-img {
        width: 80%
    }
}

@media (max-width:575.98px) {
    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-sub-title {
        font-size: 18px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-title {
        font-size: 20px
    }

    .x-index-tab-container .tab-content .x-tab-index .-bottom-container .-sub-description-inner-wrapper .-description {
        font-size: 18px
    }
}

.x-index-tab-container .tab-content .x-intro-promotion {
    padding-bottom: 2rem
}

.x-index-top-container {
    background-position: 50%
}

.x-tab-index .-bg {
    height: auto !important
}

.x-tab-index .-bg .-vdo {
    width: 100%
}

.x-tab-index .-moneywheel-logo {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    width: 100%
}

@media (max-width:767.98px) {
    .x-tab-index .-moneywheel-logo {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media (max-width:575.98px) {
    .x-tab-index .-moneywheel-logo {
        -webkit-transform: translateY(-75%);
        transform: translateY(-75%)
    }

    .x-tab-index .-moneywheel-logo img {
        width: 250px
    }
}

.-x-input-icon .-icon {
    position: absolute;
    left: 14px;
    top: 14px;
    width: auto
}

.x-hr-border-glow {
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #afafaf 20%, #fff 50%, #afafaf 80%, transparent)
}

.x-wm-hr-line {
    width: 100%;
    margin-top: -25px;
    margin-bottom: -20px;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.x-step-register .-step-box-outer.step-active .--step-box-inner {
    color: #0f73d2;
    background-color: #fff
}

.x-contact-us .-live-chat-container {
    background: #0069e0;
    transition: background .2s
}

.x-contact-us .-live-chat-container:hover {
    background: #004594
}

.x-contact-us .-contact-us-container {
    background: #02c00b;
    transition: background .2s
}

.x-contact-us .-contact-us-container:hover {
    background: #007c06
}

.x-contact-us .-contact-us-container:hover,
.x-contact-us .-contact-us-container:hover .fas,
.x-contact-us .-live-chat-container:hover,
.x-contact-us .-live-chat-container:hover .fas {
    color: #fff
}

.x-contact-us .-contact-us-container:hover .line-icon,
.x-contact-us .-live-chat-container:hover .line-icon {
    fill: #fff
}

@media (max-width:991.98px) {
    .x-logged-sidebar-mobile .-inner-wrapper {
        background: linear-gradient(0deg, rgba(1, 12, 24, .95), rgba(2, 28, 55, .95))
    }
}

@media (max-width:991.98px) {
    .x-logged-sidebar-mobile .-inner-wrapper.show .-heading img {
        width: 130px
    }
}

.x-logged-sidebar-mobile .-inner-wrapper.show .x-profile-dropdown-menu .navbar-nav .nav-item {
    border-color: #1b375a
}

.x-logged-sidebar-mobile .-inner-wrapper.show .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link,
.x-logged-sidebar-mobile .-inner-wrapper.show .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link .fas {
    color: #fff
}

.x-logged-sidebar-mobile .-inner-wrapper.show .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover,
.x-logged-sidebar-mobile .-inner-wrapper.show .x-profile-dropdown-menu .navbar-nav .nav-item .nav-link:hover .fas {
    color: #e5a641
}

.x-admin-contact .x-text-with-link-component .-link-message {
    color: #47aad0
}

.x-form-register .-ic-lock,
.x-form-register .-ic-register {
    width: 90px !important
}

.x-deposit-form .-btn-cancel-promotion,
.x-deposit-form .-btn-get-promotion {
    color: #e5a641 !important
}

.x-deposit-form .-bg-promotion-active span {
    color: #efefef
}

.x-deposit-promotion .-img {
    border-radius: 5px
}

.x-deposit-promotion .-img.-active {
    border-color: #46a9d5
}

.x-pending .-pending-bg-promotion-active .-title {
    color: #efefef
}

.x-pending #depositBankNumber,
.x-pending .js-timer {
    color: #e5a641 !important
}

.x-account-profile .-profile-container a {
    color: #47aad0
}

.x-term-and-condition {
    padding-bottom: 4rem
}

@media (max-width:991.98px) {
    .x-term-and-condition {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.x-term-and-condition.-home .-notice-box .-title {
    width: 100px;
    padding: 10px;
    top: -60px
}

.x-term-and-condition.-home .-notice-box .-title img {
    width: 100%
}

.x-landing .x-index-top-container {
    background: #0d0d1b
}

.x-landing .x-index-top-container .-logo {
    width: 50px
}

.x-landing .x-index-top-container .-logo-text {
    width: 100px;
    margin-top: 8px
}

@media (max-width:991.98px) {
    .x-landing .x-index-top-container {
        padding-bottom: 2rem
    }
}

.x-landing .x-credit-free-bottom-container {
    text-align: center
}

.x-landing .x-credit-free-bottom-container .x-wm-hr-line {
    width: 50%;
    margin-top: -60px
}

@media (max-width:991.98px) {
    .x-landing .x-credit-free-bottom-container .x-wm-hr-line {
        width: 60%;
        margin-top: -50px
    }
}

@media (max-width:767.98px) {
    .x-landing .x-credit-free-bottom-container h3 {
        font-size: 24px !important
    }

    .x-landing .x-credit-free-bottom-container .x-wm-hr-line {
        width: 90%
    }
}

.x-landing .x-register-card-landing {
    position: relative
}

.x-landing .x-register-card-landing .-logo-title {
    width: 340px
}

.x-landing .x-register-card-landing .x-wm-hr-line {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: -62px
}

@media (max-width:1199.98px) {
    .x-landing .x-register-card-landing .x-wm-hr-line {
        bottom: -52px
    }
}

@media (max-width:991.98px) {
    .x-landing .x-register-card-landing .-default-content {
        padding-top: 1rem !important;
        padding-bottom: 2rem !important
    }

    .x-landing .x-register-card-landing .x-wm-hr-line {
        width: 500px;
        left: 50%;
        bottom: -56px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:767.98px) {
    .x-landing .x-register-card-landing .x-wm-hr-line {
        width: 300px;
        bottom: -35px
    }
}

.x-landing .x-footer-copyright-bg {
    margin-top: 0 !important
}

.x-slide-left-content-term.-hide .-submit {
    display: none !important
}

@media (max-width:991.98px) {
    .x-slide-left-content-term {
        width: 100%;
        position: absolute;
        left: 0;
        padding: 0
    }
}

.btn-plain-secondary-landing,
.btn-plain-secondary-landing:hover {
    color: #efefef
}

@media (max-width:991.98px) {

    .vex.vex-theme-plain .vex-content .vex-dialog-buttons .x-login-form .-submit.vex-dialog-button,
    .x-login-form .btn.-submit,
    .x-login-form .vex.vex-theme-plain .vex-content .vex-dialog-buttons .-submit.vex-dialog-button {
        border-radius: 0 !important
    }
}

.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn,
.x-tab-event-container .-event-tab-info-container .-how-to-wrapper .-copy-btn:hover {
    color: #fff
}
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    width:100%;
    z-index:10000;
	padding: 20px;
	top: 0;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
	background-color: rgba(50,50,50,0.7);;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: auto;
	max-width: 540px;
	min-height: 100px;
	vertical-align: middle;
	position: relative;
	border-radius: 8px;
	padding: 1px 1px;
	top: 20%;
}
.popupCloseButton {
    background-color: #fff;
	background-image: url(../image/close.png);
    border: 3px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 19px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #000;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box END */
img {
    max-width: 100%;
    max-height: 100%;
}

.portrait {
    height: 80px;
    width: 30px;
}

.landscape {
    height: 30px;
    width: 80px;
}

.square {
    height: 75px;
    width: 75px;
}
.link-play {
    background-image: linear-gradient(#ca9541, #f8d88b, #ca9541);
    text-align: center;
    padding: 5px;
    border-radius: 50px;
    border: 2px solid #ffe7c2;
    transition: all .6s;
}