@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
@import url('/assets/vendor/bootstrap/css/bootstrap.css');
@import url('/assets/vendor/animate/animate.min.css');
@import url('/assets/vendor/fontawesome/css/fontawesome.css');
@import url('/assets/vendor/fontawesome/css/brands.css');
@import url('/assets/vendor/fontawesome/css/solid.css');
@import url('/assets/vendor/sweetalert2/css/sweetalert2.min.css');
 
body {
    margin: 0;
    font-family: 'Prompt', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #bdbdbd;
    text-align: left;
    background-color: #1c0d26;

    background-image: url('/assets/images/landing/background_darkpink.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.marquee-animation {
    -webkit-animation: marquee 20s linear infinite;
    white-space: nowrap;
    display: inline-block;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

.carousel-inner {
    padding: 20px;
}

.x-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 75px;
    background: linear-gradient(180deg, #580259, #A303A6);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    box-shadow: 0 0 10px #73020C;
}

@media (max-width:991.98px) {
    .x-header {
        height: 65px;
        padding: .25rem 1rem
    }
}

@media (max-width:375px) {
    .x-header {
        padding: .5rem .75rem
    }
}

.x-header.-bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.x-header #headerBrand,
.x-header .navbar-brand {
    display: flex;
    align-items: center
}

@media (max-width:575.98px) {
    .x-header .navbar-brand {
        margin-right: 0
    }
}

.x-header .navbar-brand .-logo {
    width: 120px;
    height: auto
}

@media screen and (max-width:1400px) {
    .x-header .navbar-brand .-logo {
        width: 120px
    }
}

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

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

.x-header .-heading-title {
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 20px;
    color: #fff
}

@media (max-width:1199.98px) {
    .x-header .-heading-title {
        position: relative;
        top: 3px;
        margin-bottom: 0;
        margin-left: 0;
        font-size: .75rem;
        font-weight: 400
    }
}

.x-header #headerContent {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width:991.98px) {
    .x-header #headerContent {
        flex: 1
    }
}


.x-header .-pending-approved {
    margin-right: 2px;
    color: #bdbdbd;
    font-size: .875rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .x-header .-pending-approved .x-queue-number-expression {
        display: block;
        font-size: .75rem
    }
}

@media (max-width:991.98px) {
    .x-header .-pending-approved {
        margin-right: 0;
        font-size: .9rem
    }
}

@media (max-width:767.98px) {
    .x-header .-pending-approved {
        font-size: .875rem
    }
}

@media (max-width:575.98px) {
    .x-header .-pending-approved {
        text-align: right;
        font-size: .675rem
    }
    .x-header .-pending-approved .x-queue-number-expression {
        display: block;
        font-size: .675rem
    }
}

.x-header .-menu-wrapper {
    margin-right: 1rem
}

@media screen and (max-width:1400px) {
    .x-header .-menu-wrapper {
        margin-right: .6rem
    }
}

@media (max-width:1199.98px) {
    .x-header .-menu-wrapper {
        margin-right: .4rem
    }
}

@media (max-width:991.98px) {
    .x-header .-menu-wrapper {
        display: none
    }
}

.x-header .-menu-wrapper .nav-item:not(:last-child) .nav-link {
    margin-right: .5rem
}

.x-header .-menu-wrapper .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: 80px;
    height: 100%;
    text-align: center;
    color: #fafafa;
    transition: .3s;
    padding: .25rem .5rem;
    background: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (max-width:1199.98px) {
    .x-header .-menu-wrapper .nav-link {
        width: 70px
    }
}

.x-header .-menu-wrapper .nav-link .-img-wrapper {
    position: relative
}

.x-header .-menu-wrapper .nav-link .-img-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 80%;
    background-image: none;
    opacity: 0;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .x-header .-menu-wrapper .nav-link .-img-wrapper:before {
        transition: none
    }
}

.x-header .-menu-wrapper .nav-link .-icon {
    position: relative;
    width: auto;
    max-height: 44px;
    margin-bottom: 2px
}

@media (max-width:1199.98px) {
    .x-header .-menu-wrapper .nav-link .-icon {
        max-height: 40px
    }
}

.x-header .-menu-wrapper .nav-link .-text {
    font-size: .875rem
}

@media (max-width:1199.98px) {
    .x-header .-menu-wrapper .nav-link .-text {
        font-size: .75rem
    }
}

.x-header .-menu-wrapper .nav-link:hover {
    color: #fafafa;
    background: linear-gradient(180deg, #7f03bb, #bb58ff)
}

.x-header .-menu-wrapper .nav-link:hover .-img-wrapper:before {
    opacity: 1
}

.x-header .-menu-wrapper .nav-link.-active {
    color: #fafafa;
    background: linear-gradient(180deg, #7f03bb, #bb58ff)
}

.x-header .-menu-wrapper .nav-link.-active .-img-wrapper:before {
    opacity: 1
}

.x-header-anon {
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: .5rem
}

@media (max-width:991.98px) {
    .x-header-anon {
        justify-content: flex-end
    }
    .x-header-anon:before {
        display: none
    }
}

.btn.-header-btn {
    position: relative;
    padding: 0;
    transition: all .3s;
    width: 140px;
    height: 40px
}

@media (max-width:991.98px) {
    .btn.-header-btn {
        width: 120px
    }
}

.btn.-header-btn .-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:1199.98px) {
    .btn.-header-btn .-text {
        font-size: .875rem
    }
}

@media (max-width:360px) {
    .btn.-header-btn .-text {
        font-size: .75rem
    }
}

.btn.-header-btn.-register .-text {
    color: #333
}

.btn.-header-btn.-login .-text {
    color: #fafafa
}

.btn.-header-btn.-default {
    padding: 1px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 50px
}

@media (max-width:1199.98px) {
    .btn.-header-btn.-default {
        width: 120px;
        height: 36px
    }
}

@media (max-width:991.98px) {
    .btn.-header-btn.-default {
        height: 34px
    }
}

@media (max-width:767.98px) {
    .btn.-header-btn.-default {
        width: 110px;
        height: 30px
    }
}

@media (max-width:575.98px) {
    .btn.-header-btn.-default {
        width: 100px
    }
}

@media (max-width:360px) {
    .btn.-header-btn.-default {
        width: 80px;
        height: 25px
    }
}

.btn.-header-btn.-default.-register {
    background-image: radial-gradient(100% 100% at 50% 0, #fff 0, #c3c3c3 60%), linear-gradient(180deg, #ffdf8d, #efc47b 50%, #6d482d 0, #efc47b 80%)
}

.btn.-header-btn.-default.-login {
    background-image: linear-gradient(180deg,#540c0b,#33080a), linear-gradient(125deg, #ebb100, #6c451e 31.53%, #ebb100 64.87%, #907505);
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.btn.-header-btn.-default.-login:hover {
    filter: saturate(2);
    border-color: #ffe495;
    background-image: linear-gradient(180deg,#3a3a3a,#101010), linear-gradient(125deg, #91ff8d, #153013 31.53%, #2a8f26 64.87%, #5de159);
    text-shadow: 0 0 5px white, 0 0 15px white, 0 0 35px white;
}
.btn.-header-btn.-bg {
    width: 150px;
    height: auto
}

.btn.-header-btn.-bg .-bg-img {
    width: 100%;
    height: auto
}

.btn.-header-btn.-bg.-register .-ic-img {
    position: absolute;
    top: 50%;
    left: -16px;
    width: 32px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn.-header-btn:not(:first-child) {
    margin-left: .75rem
}

@media (min-width:992px) {
    .btn.-header-btn:hover {
        -webkit-filter: saturate(1.5);
        filter: saturate(1.5)
    }
}


.x-bg-position-bottom {
    background-position: bottom
}

.x-bg-position-center {
    background-position: 50%
}

.x-bg-position-left {
    background-position: 0
}

.x-bg-position-top-center {
    background-position: top !important
}








/* ======================= nav =========================*/
#maincontent {
    height: 100%;
    padding-top: 75px
}

@media (max-width:991.98px) {
    #maincontent {
        padding-top: 65px
    }
}


.x-main-container {
    display: flex;
    position: relative;
    height: 100%
}
.x-main-container .x-main-side-bar {
    flex: 0 0 auto;
    width: 250px;
    min-width: 250px
    background: linear-gradient(93deg, #2f0b06, #000000a6);
    transition: all .3s;
}


.x-main-container .x-main-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: calc(100% - 250px);
}
@media (max-width:1480px) {
    .x-main-container .x-main-side-bar {
        width: 200px;
        min-width: 200px
    }
    .x-main-container .x-main-content {
        width: calc(100% - 200px)
    }
}

@media (max-width:991.98px) {
    .x-main-container .x-main-side-bar {
        display: none
    }
    .x-main-container .x-main-content {
        width: 100%;
        /*padding-top: 65px*/
    }
}

.x-menu-provider {
    z-index: 1;
    /*background: linear-gradient(93deg, #2f0b06, #000000a6);*/
}

@media (min-width:992px) {
    .x-menu-provider {
        /*background: #181f27*/
    }
}

@media (max-width:991.98px) {
    .x-menu-provider {
        padding-bottom: 1rem
    }
}

@media (min-width:992px) {
    .x-menu-provider.-desktop-view {
        position: fixed;
        top: 75px;
        left: 0;
        width: 250px;
        height: calc(100vh - 75px);
        overflow: auto
    }
    .x-menu-provider.-desktop-view .nav-menu {
        flex-direction: column;
        justify-content: space-between;
        transition: all .4s;
        z-index: 1
    }
    .x-menu-provider.-desktop-view .-nav-download-container {
        display: block;
        text-align: center
    }
}

@media (max-width:1480px) {
    .x-menu-provider.-desktop-view {
        width: 200px
    }
}

@media (max-width:991.98px) {
    .x-menu-provider.-desktop-view .-nav-download-container {
        display: none
    }
}

.x-menu-provider.-button-pattern .nav-link {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border: none;
    background: linear-gradient(180deg, #24416b, #16325b)
}

.x-menu-provider.-button-pattern .nav-link:before {
    content: none;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 55%;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 0 20px 20px 0
}

@media (max-width:991.98px) {
    .x-menu-provider.-button-pattern .nav-link:before {
        content: none
    }
}

.x-menu-provider.-button-pattern .nav-link.active {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border: none;
    background: linear-gradient(180deg, #3073d8, #1a4687)
}

.x-menu-provider.-button-pattern .nav-link.active .-ic-menu {
    mix-blend-mode: normal
}

@media (min-width:992px) {
    .x-menu-provider.-button-pattern .nav-link:hover {
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        border: none;
        background: linear-gradient(180deg, #3073d8, #1a4687)
    }
    .x-menu-provider.-button-pattern .nav-link:hover .-ic-menu {
        mix-blend-mode: normal
    }
}

.x-menu-provider.-background-image-pattern .-nav-menu-container {
    padding: 0;
    background-color: hsla(0, 0%, 100%, 0)
}

@media (max-width:991.98px) {
    .x-menu-provider.-background-image-pattern .-nav-menu-container {
        margin-top: 0
    }
}

#navbarCategtoryDesktop {
    transition: all .3s;
    position: -webkit-sticky;
    position: sticky;!important;
    margin-top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 10px;
    overflow: inherit !important;
}
#navbarCategtoryDesktop::before {
    background: linear-gradient(45deg, transparent 0%, #c17f2e 50%, transparent 100%);
    width:2px;
    height: 2px;
    position: absolute;
    right:0;
    top:50%;
    height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
}
#navbarCategtoryDesktop ul {
    margin: 0;
    padding: 0 10px;
}
#navbarCategtoryDesktop ul li {
    list-style-type: none;
}
#navbarCategtoryDesktop ul li a {
    list-style: none;
    margin:0;
    padding: 7px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: linear-gradient( 144deg ,#73022C,#D90754);
    position: relative;
    box-shadow: 0 5px 10px #000000;
    border-radius:10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s;
    font-size: 13px;
    color:white;
    text-decoration: none;
    font-weight: bolder;
}
#navbarCategtoryDesktop ul li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 55%;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 0 20px 20px 0;
}

#navbarCategtoryDesktop ul li img {
    width: 60px;
    margin-right: 5px;
    padding: 0 !important;
    height: auto;
}

@media (max-width:767px) {
    #navbarCategtoryDesktop ul li img {
        width: 40px;
        margin: 0 auto;
    }
}
#navbarCategtoryDesktop ul li span {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

#navbarCategoryMobile {
    transition: all .3s;
    position: absolute;
    margin-top: 50px;
    left: 0;
    right: 0;
    top: 20px;
    overflow: auto;
}
@media (max-width:782px) {
    #navbarCategoryMobile {
        transition: all .3s;
        position: -webkit-sticky;
        position: sticky !important;
        margin-top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: inherit !important;
        top: 20px;
    }
}
#navbarCategoryMobile ul {
    margin: 0;
    padding: 0 10px;
}
#navbarCategoryMobile ul li {
    list-style: none;
}
#navbarCategoryMobile ul li a{
    list-style: none;
    margin:0;
    padding: 7px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: linear-gradient( 144deg ,#D90754, #73022C);
    position: relative;
    box-shadow: 0 5px 10px #000000b0;
    border-radius:10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s;
    font-size: 13px;
    color: white;
    text-decoration: none;
}
@media (max-width:767px){
    #navbarCategoryMobile ul li a{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        text-align: center;
    }
}
#navbarCategoryMobile ul li.current_page_item a{
    background: linear-gradient(343deg,#390d07,#a20908);
    border: 1px solid #d5cf74;
}
#navbarCategoryMobile ul li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 55%;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 0 20px 20px 0;
}

#navbarCategoryMobile ul li img {
    width: 60px;
    height: auto;
    margin-right: 5px;
    padding: 0 !important;
}

@media (max-width:767px) {
    #navbarCategoryMobile ul li img {
        width: 40px;
        height: auto;
        margin: 0 auto;
    }
}

#navbarCategoryMobile ul li span {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}




.x-menu-provider.-background-image-pattern .nav-item {
    margin-top: 0;
    position: relative
}

.x-menu-provider.-background-image-pattern .nav-item .-bg-button {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .4s
}

.x-menu-provider.-background-image-pattern .nav-item .-bg-button.active {
    opacity: 1;
    visibility: visible
}

@media (max-width:991.98px) {
    .x-menu-provider.-background-image-pattern .nav-item .-bg-button {
        background-position: 100%
    }
}

@media (min-width:992px) {
    .x-menu-provider.-background-image-pattern .nav-item:hover .-bg-button {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width:991.98px) {
    .x-menu-provider.-background-image-pattern .nav-item:not(:last-child) {
        margin-bottom: 0
    }
    .x-menu-provider.-background-image-pattern .nav-item:first-child {
        overflow: hidden;
        border-top-right-radius: 0
    }
    .x-menu-provider.-background-image-pattern .nav-item:last-child {
        overflow: hidden;
        border-bottom-right-radius: 0
    }
}

.x-menu-provider.-background-image-pattern .nav-link {
    background: transparent;
    box-shadow: none;
    padding: .8rem 1.25rem;
    border-radius: 0;
    transition: all .2s;
    z-index: 2;
    border: 1px solid transparent
}

.x-menu-provider.-background-image-pattern .nav-link:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: hsla(0, 0%, 100%, 0);
    transition: all .5s;
    content: ""
}

@media (max-width:991.98px) {
    .x-menu-provider.-background-image-pattern .nav-link:after {
        width: 3px
    }
}

.x-menu-provider.-background-image-pattern .nav-link .-ic-menu,
.x-menu-provider.-background-image-pattern .nav-link .-text-provider-wrapper {
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    .x-menu-provider.-background-image-pattern .nav-link.active {
        background: hsla(0, 0%, 100%, 0);
        box-shadow: none
    }
    .x-menu-provider.-background-image-pattern .nav-link.active:after {
        background: #c09cd9
    }
}

@media (max-width:991.98px) {
    .x-menu-provider.-background-image-pattern .nav-link.active {
        background: transparent
    }
    .x-menu-provider.-background-image-pattern .nav-link.active:after {
        background: #c09cd9
    }
}

.x-menu-provider.-background-image-pattern .nav-link.active .-ic-menu {
    mix-blend-mode: normal
}

@media (min-width:992px) {
    .x-menu-provider.-background-image-pattern .nav-link:hover {
        background: hsla(0, 0%, 100%, 0);
        box-shadow: none
    }
    .x-menu-provider.-background-image-pattern .nav-link:hover:after {
        background: #c09cd9;
    }
}

@media (max-width:991.98px) {
    .x-menu-provider.-background-image-pattern .nav-link {
        padding: .8rem 1rem;
        background: #1c0d26;
    }
    .x-menu-provider.-background-image-pattern .nav-link .-text-nav-menu {
        min-width: 70px;
        padding: 2px;
        font-size: .875rem;
        background: transparent;
        border-radius: 20px;
        text-align: center
    }
}

@media (max-width:575.98px) {
    .x-menu-provider.-background-image-pattern .nav-link {
        padding: .6rem .5rem
    }
}

.x-menu-provider .nav-menu {
    display: flex;
    width: 100%;
    height: 100%;
    transition: all .4s
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-menu {
        width: auto;
        background: transparent
    }
}

.x-menu-provider .-nav-menu-container {
    width: 100%;
    flex-direction: column;
    align-items: center;
    transition: all .4s;
    padding-top: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (max-width:1480px) {
    .x-menu-provider .-nav-menu-container {
        padding-top: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .-nav-menu-container {
        background: transparent;
        padding: 0 .75rem;
        margin-top: .75rem
    }
}

@media (max-width:350px) {
    .x-menu-provider .-nav-menu-container {
        padding: 0 .625rem
    }
}

.x-menu-provider .nav-item {
    width: 100%;
    margin-top: 1rem
}

.x-menu-provider .nav-item.-btn-register-container {
    display: block
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-item.-btn-register-container {
        display: none
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-item {
        margin-top: 0
    }
    .x-menu-provider .nav-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.x-menu-provider .nav-link {
    width: 100%;
    position: relative;
    border-radius: 14px;
    color: hsla(0, 0%, 100%, .8);
    transition: all .4s;
    padding: .75rem 1rem
}

.x-menu-provider .nav-link .-button-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .7rem 1rem
}

@media (max-width:1480px) {
    .x-menu-provider .nav-link .-button-inner-wrapper {
        padding: .7rem .5rem
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-link .-button-inner-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%
    }
}

@media (max-width:575.98px) {
    .x-menu-provider .nav-link .-button-inner-wrapper {
        padding: .325rem .25rem
    }
}

@media (max-width:350px) {
    .x-menu-provider .nav-link .-button-inner-wrapper {
        padding: .25rem
    }
}

.x-menu-provider .nav-link .-button-inner-wrapper {
    padding: 0
}

@media (max-width:1480px) {
    .x-menu-provider .nav-link {
        padding: .75rem .5rem
    }
}

@media (max-width:575.98px) {
    .x-menu-provider .nav-link {
        padding: .5rem .25rem
    }
}

@media (max-width:350px) {
    .x-menu-provider .nav-link {
        padding: .25rem
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-link {
        display: flex;
        flex-direction: column;
        flex: 1
    }
}

@media (max-width:767.98px) {
    .x-menu-provider .nav-link {
        border-radius: 10px
    }
}

.x-menu-provider .nav-link .-text-provider-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 1rem
}

@media (max-width:1480px) {
    .x-menu-provider .nav-link .-text-provider-wrapper {
        margin-left: .75rem
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-link .-text-provider-wrapper {
        margin-left: 0
    }
}

.x-menu-provider .nav-link .-text-nav-menu.-title,
.x-menu-provider .nav-link .-text-nav-menu.-title-trans {
    display: block;
    color: #ececed
}

.x-menu-provider .nav-link .-text-nav-menu.-title-mobile {
    display: none;
    color: #fafafa
}

@media (max-width:1480px) {
    .x-menu-provider .nav-link .-text-nav-menu.-title,
    .x-menu-provider .nav-link .-text-nav-menu.-title-trans {
        font-size: .875rem
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-link .-text-nav-menu {
        padding-top: .25rem
    }
    .x-menu-provider .nav-link .-text-nav-menu.-title,
    .x-menu-provider .nav-link .-text-nav-menu.-title-trans {
        display: none
    }
    .x-menu-provider .nav-link .-text-nav-menu.-title-mobile {
        display: block
    }
}

@media (max-width:575.98px) {
    .x-menu-provider .nav-link .-text-nav-menu.-title-mobile {
        transition: all .4s;
        font-size: .75rem
    }
}

.x-menu-provider .nav-link:active,
.x-menu-provider .nav-link:focus,
.x-menu-provider .nav-link:hover {
    text-decoration: none;
    outline: none
}

.x-menu-provider .nav-link:hover .-text-nav-menu.-title,
.x-menu-provider .nav-link:hover .-text-nav-menu.-title-trans {
    color: #ececed
}

.x-menu-provider .nav-link:hover .-text-nav-menu.-title-mobile {
    color: #fafafa
}

.x-menu-provider .nav-link.active .-text-nav-menu.-title,
.x-menu-provider .nav-link.active .-text-nav-menu.-title-trans {
    color: #ececed
}

.x-menu-provider .nav-link.active .-text-nav-menu.-title-mobile {
    color: #fafafa
}

.x-menu-provider .nav-link .-ic-menu {
    width: 55px;
    mix-blend-mode: normal
}

@media (max-width:1480px) {
    .x-menu-provider .nav-link .-ic-menu {
        width: 50px
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .nav-link .-ic-menu {
        width: 38px
    }
}

.x-menu-provider .-download-wrapper {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    padding: 1rem
}

@media (max-width:991.98px) {
    .x-menu-provider .-download-wrapper {
        display: none
    }
}

.x-menu-provider .-download-wrapper .-link-download {
    text-decoration: none;
    outline: none
}

.x-menu-provider .-download-wrapper .-link-download .-ic-download {
    width: 100%;
    max-width: 180px;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .x-menu-provider .-download-wrapper .-link-download .-ic-download {
        transition: none
    }
}

.x-menu-provider .-download-wrapper .-link-download:hover .-ic-download {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

.x-menu-provider .-download-wrapper .-text-download {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .5rem;
    text-align: left
}

.x-menu-provider .-contact-wrapper {
    padding: 2rem 1rem
}

@media (max-width:991.98px) {
    .x-menu-provider .-contact-wrapper {
        padding: 0
    }
}

@media (max-width:991.98px) {
    .x-menu-provider .-contact-wrapper.-show-mobile {
        padding: 2rem .5rem 1rem
    }
    .x-menu-provider .-contact-wrapper.-show-mobile .x-contact-us {
        display: block
    }
}
@media (min-width:992px) {
    .x-menu-provider.-desktop-view .nav-menu {
        justify-content: flex-start
    }
}

.x-menu-provider .-contact-wrapper {
    padding: 1rem
}


.box {
    width: 50px;
    height: 50px;
    background: #fff
}

.sticksy-dummy-node .x-menu-provider.-background-image-pattern .-bg-button {
    display: none
}

.x-ripple {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent
}

@media (max-width:991.98px) {
    .x-ripple {
        display: none
    }
}

.x-ripple-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .25)
}

.x-ripple.-is-active .x-ripple-circle {
    -webkit-animation: x-button-ripple .4s ease-in;
    animation: x-button-ripple .4s ease-in
}


.x-contact-us .-line-wrapper {
    display: block;
    text-align: center
}

.x-contact-us .-line-wrapper .-line-img {
    width: 120px;
    height: auto;
    transition: all .4s
}

@media (max-width:575.98px) {
    .x-contact-us .-line-wrapper .-line-img {
        width: 80px
    }
}

.x-contact-us .-line-wrapper:hover {
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5)
}

.x-contact-us.-text:not(:first-child) {
    margin-top: 1rem
}

.x-contact-us.-text .-link-wrapper {
    display: block;
    text-align: center
}

.x-contact-us.-text .-line-wrapper .-line-img,
.x-contact-us.-text .-live-chat-wrapper .-img {
    width: 160px;
    height: auto
}

.x-contact-us.-mobile {
    display: none;
    width: 45px;
    height: auto;
    z-index: 10;
    margin-top: .75rem;
    margin-left: auto
}

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

@media (max-width:991.98px) {
    .x-contact-us {
        display: none
    }
}

.x-contact-us.-multiple {
    text-align: center
}

.x-contact-us.-multiple .-cover-img {
    width: 80%
}

.x-contact-us.-multiple .-btn-group-wrapper {
    display: flex;
    justify-content: center;
    margin-top: -.5rem
}

.x-contact-us.-multiple .-link-wrapper {
    width: calc(50% - 8px);
    margin: 0 4px
}

.x-contact-us.-multiple .-link-wrapper:hover {
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5)
}



.x-contact-us.-multiple .-btn-group-wrapper {
    margin-top: -1.5rem
}

@media screen and (max-width:1560px) {
    .x-contact-us.-multiple .-link-wrapper {
        width: calc(50% - 8px);
        margin: 0 2px
    }
}

.x-contact-us.-multiple .-link-wrapper .-img {
    width: 100%
}

@media screen and (max-width:1560px) {
    .x-contact-us.-multiple .-link-wrapper .-img {
        width: 95%
    }
}

.x-contact-us.-multiple .-cover-img {
    width: 150px
}

@media screen and (max-width:1560px) {
    .x-contact-us.-multiple .-cover-img {
        width: 120px
    }
}

/* ============================================================== */

.x-main-container .x-main-content .-full-flex-wrap {
    flex: 1;
    display: flex;
    flex-direction: column
}

.x-main-container .x-main-content .-full-flex-wrap.-bg {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}
.x-main-container .x-main-content .-full-flex-inner-bg {
    flex: 1
}

.x-main-container .x-main-content .-full-flex-inner-bg.-bg {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.x-marquee-container {
    display: none
}

.x-marquee-container.-ready {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 5px 1rem;
    background: #222c36;
    box-shadow: 0 2px 2px rgba(34, 44, 54, .05);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

@media (max-width:991.98px) {
    .x-marquee-container.-ready {
        padding: 4px 1rem;
        background: #222c36;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.x-marquee-container .-icon-wrapper {
    margin-right: 1rem
}

.x-marquee-container .-icon-wrapper .fas {
    font-size: .875rem;
    color: #fafafa
}

@media (max-width:991.98px) {
    .x-marquee-container .-icon-wrapper {
        margin-right: .5rem
    }
    .x-marquee-container .-icon-wrapper .fas {
        font-size: .75rem
    }
}

.x-marquee-container .-marquee-track {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box
}

.x-marquee-container .-marquee-track-item {
    display: inline-block;
    margin: 0;
    padding-left: 100%;
    font-size: .875rem;
    font-weight: 300;
    color: #fafafa
}

.x-marquee-container .-marquee-track-item.-slide {
    -webkit-animation-name: slideMarquee;
    animation-name: slideMarquee;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-duration: 15s;
}

.x-marquee-container .-marquee-track-item.-pause {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}
@-webkit-keyframes slideMarquee {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideMarquee {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}


.x-index-top-container {
    padding-top: 0;
    padding-bottom: 0;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden
}

.x-index-top-container .-heading-title {
    margin-bottom: 0;
    padding-left: 1.5rem;
    padding-top: .75rem;
    font-size: 1.25rem;
    font-weight: 300;
    color: #fafafa
}

@media (max-width:991.98px) {
    .x-index-top-container .-heading-title {
        padding: .5rem;
        font-size: 1rem;
        color: #fafafa;
        /*background: #1c0d26;*/
        text-align: center;
        box-shadow: none
    }
}

@media (max-width:767.98px) {
    .x-index-top-container .-heading-title {
        font-size: .875rem
    }
}

.x-index-top-container .-heading-sub-title {
    margin-bottom: 1rem;
    padding: 0 1rem;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    text-align: center
}

@media (max-width:991.98px) {
    .x-index-top-container .-heading-sub-title {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .x-index-top-container .-heading-sub-title {
        margin-top: 1rem;
        margin-bottom: .5rem;
        font-size: 1rem
    }
}

@media (max-width:575.98px) {
    .x-index-top-container .-heading-sub-title {
        font-size: .875rem
    }
}

.x-index-top-container .-index-inner-wrapper {
    position: relative;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}


.carousel-item img {
    border-radius: 10px;
}
@media (min-width:992px) {
    .x-index-top-container .-index-inner-wrapper .-banner-wrapper {
        margin-top: 1rem
    }
}

@media (max-width:991.98px) {
    .x-index-top-container .-index-inner-wrapper .-banner-wrapper {
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 20px
    }
}

@media (max-width:767.98px) {
    .x-index-top-container .-index-inner-wrapper .-banner-wrapper {
        padding: 0 15px
    }
}

@media (max-width:575.98px) {
    .x-index-top-container .-index-inner-wrapper .-banner-wrapper {
        margin: 15px 0 20px;
        padding: 0 15px
    }
}

.x-index-top-container .-index-inner-wrapper .-text-header-wrapper {
    padding: 1rem
}

@media (max-width:991.98px) {
    .x-index-top-container .-index-inner-wrapper .-text-header-wrapper {
        text-align: center;
        padding: .35rem 0;
        background-color: #1c0d26;
    }
}

@media (max-width:575.98px) {
    .x-index-top-container .-index-inner-wrapper .-text-header-wrapper {
        font-size: .875rem
    }
}

.x-index-top-container .-games-provider-wrapper .-menu-index-page {
    display: none
}

@media (min-width:768px) {
    .x-index-top-container .-games-provider-wrapper .-games-index-page {
        padding-top: 1rem
    }
}

@media (max-width:991.98px) {
    .x-index-top-container .-games-provider-wrapper {
        display: flex
    }
    .x-index-top-container .-games-provider-wrapper .-menu-index-page {
        display: block;
        flex: 0 0 20%;
        transition: all .4s;
        /*background: #1c0d26;*/
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    .x-index-top-container .-games-provider-wrapper .-games-index-page {
        flex: 0 0 80%;
        transition: all .4s
    }
}

@media (max-width:767.98px) {
    .x-index-top-container .-games-provider-wrapper .-menu-index-page .widget--sticky {
        overflow: auto;
        max-height: calc(100% - 155px)
    }
    .x-index-top-container .-games-provider-wrapper .-menu-index-page .widget--sticky::-webkit-scrollbar {
        width: 0;
        background: transparent
    }
}

@media (max-width:575.98px) {
    .x-index-top-container .-games-provider-wrapper .-menu-index-page {
        display: block;
        flex: 0 0 90px;
        max-width: 130px
    }
    .x-index-top-container .-games-provider-wrapper .-games-index-page {
        flex: 1 1 auto
    }
}

.x-index-top-container .-live-feed-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    min-height: 230px;
    padding: 0 1rem
}

@media (max-width:1199.98px) {
    .x-index-top-container .-live-feed-wrapper {
        min-height: 210px;
        margin-bottom: 2rem
    }
}

@media (max-width:767.98px) {
    .x-index-top-container .-live-feed-wrapper {
        min-height: 190px;
        margin-top: 1rem;
        margin-bottom: 0
    }
}

@media (max-width:575.98px) {
    .x-index-top-container .-live-feed-wrapper {
        min-height: 160px
    }
}

.x-index-top-container .-live-feed-wrapper .x-dice-container {
    padding: 1rem 0 !important
}



.x-category-provider {
    min-height: 500px;
    height: auto
}

.x-category-provider .-games-list-container {
    padding: 0 1rem 2rem
}

@media (max-width:991.98px) {
    .x-category-provider .-games-list-container {
        padding-bottom: 1rem
    }
}

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

.x-category-provider .-games-list-container .nav-menu {
    overflow: hidden
}

@media (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav {
        padding-right: .375rem;
        padding-left: .375rem
    }
}

.x-category-provider .-games-list-container .nav .nav-item {
    margin-bottom: 1.5rem;
    padding: 0 .65rem
}

@media (max-width:991.98px) {
    .x-category-provider .-games-list-container .nav .nav-item {
        margin-bottom: 1rem
    }
}

.x-category-provider .-games-list-container .nav .nav-item .nav-link {
    padding: 0
}

.x-category-provider .-games-list-container .nav .nav-item .-text-nav-menu {
    margin-top: .75rem;
    margin-bottom: 0;
    padding: 0;
    color: #c4c4c4;
    background: transparent;
    border-radius: 0
}

@media (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav .nav-item .-text-nav-menu {
        margin-top: .5rem;
        font-size: .875rem
    }
}

.x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container {
    position: relative
}

.x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container,
.x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container {
    padding: 0 .5rem;
    width: 14.28571%;
    margin: 1rem 0 .25rem;
    -webkit-filter: none;
    filter: none
}

.x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container .-img-provider,
.x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container .-img-provider {
    border-radius: 15px
}

.x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container .nav-link,
.x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container .nav-link {
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

@media (max-width:1340px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container,
    .x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container {
        width: 16.66667%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container,
    .x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container {
        width: 20%
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container,
    .x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container {
        width: 25%
    }
}

@media (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container,
    .x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container {
        padding: 0 .375rem
    }
    .x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container .-img-provider,
    .x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container .-img-provider {
        border-radius: 10px
    }
}

@media (max-width:575.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-lotto-macro-container,
    .x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container {
        width: 33.33333%
    }
}

.x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container {
    padding: 0 .5rem;
    margin: 1rem 0 .25rem;
    width: 25%;
    -webkit-filter: none;
    filter: none
}

.x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container .-img-provider {
    border-radius: 15px
}

@media (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container {
        width: 50%;
        padding: 0 .375rem
    }
    .x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container:nth-child(1) {
        width: 100%
    }
    .x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container .-img-provider {
        border-radius: 10px
    }
}

@media (max-width:575.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container {
        margin-top: .2rem
    }
}

@media (max-width:350px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container {
        padding: 0 .25rem
    }
}

.x-category-provider .-games-list-container .nav .nav-item.-game-recently-macro-container {
    padding: 0 .5rem;
    margin: 1rem 0 .25rem;
    width: 16.66667%
}

@media (min-width:576px) and (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-recently-macro-container:nth-child(n+4) {
        display: none
    }
}

@media (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-recently-macro-container {
        width: 33.33333%;
        padding: 0 .375rem
    }
}

@media screen and (max-width:370px) {
    .x-category-provider .-games-list-container .nav .nav-item.-game-recently-macro-container {
        width: 50%
    }
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link {
    position: relative
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay {
    background: rgba(0, 0, 0, .49);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    transition: all .2s;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

@media (max-width:991.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay {
        height: 40%
    }
}

@media (max-width:767.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }
}

@media (max-width:575.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay {
        height: 45%
    }
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner {
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 20px
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: .35rem;
    transition: all .4s
}

@media (max-width:991.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-title {
        font-weight: 600;
        font-size: 1.25rem
    }
}

@media (max-width:575.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-title {
        margin-top: .1rem;
        font-weight: 500;
        font-size: 1rem
    }
}

@media (max-width:350px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-title {
        font-size: .875rem
    }
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-sub-title {
    color: #f3f3f3
}

@media (max-width:575.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-sub-title {
        margin-top: -2px;
        font-size: .875rem
    }
}

@media (max-width:350px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-sub-title {
        font-size: .75rem
    }
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container:hover .nav-link .-overlay {
    background: rgba(0, 0, 0, .7)
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .-text-nav-menu {
    margin-top: .75rem
}

@media (max-width:575.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .-text-nav-menu {
        margin-top: .5rem
    }
}

.x-category-provider .-games-list-container .nav .nav-item .-game-list-heading-container {
    height: 100%
}

.x-category-provider .-games-list-container .nav .nav-item .-game-list-heading-container .-inner-wrapper {
    position: relative;
    height: 100%
}

.x-category-provider .-games-list-container .nav .nav-item .-game-list-heading-container .-inner-wrapper .-cover-img {
    width: 100%;
    border-radius: 15px
}

.x-category-provider .-games-list-container .nav .nav-item .-game-list-heading-container .-inner-wrapper .-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: hidden;
    cursor: pointer
}

.x-category-provider .-games-list-container .nav .nav-item .-game-list-heading-container .-inner-wrapper .-overlay .-title {
    margin: auto;
    color: #fff;
    z-index: 2;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center
}

.x-category-provider .-games-list-container .nav .nav-item .-game-list-heading-container .-inner-wrapper .-overlay .-animate-img.-pilot-tiny {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -70%) scaleX(-1);
    transform: translate(-50%, -70%) scaleX(-1);
    width: 100%;
    z-index: 1
}


.x-game-list-item-macro-in-share {
    position: relative
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert) .-btn-play {
    cursor: none;
    pointer-events: none
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert):not(.-untestable):hover .-inner-wrapper .-overlay,
.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert):not(.-untestable):hover .-inner-wrapper .-overlay .-btn-play {
    display: none
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert).x-covid-19 .-inner-wrapper:before {
    content: unset
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert) .-inner-wrapper:before {
    content: "ไม่เข้าร่วมโปรโมชั่น";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px 5px;
    color: #fff
}

@media (max-width:575.98px) {
    .x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert) .-inner-wrapper:before {
        font-size: .875rem
    }
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert).-ma .-inner-wrapper:before {
    content: "ปิดปรับปรุง"
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert).-untestable .-inner-wrapper:before {
    display: none
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert).-untestable .-btn-play {
    cursor: pointer;
    pointer-events: auto
}

.x-game-list-item-macro-in-share.-cannot-entry:not(.-use-promotion-alert).-coming-soon .-inner-wrapper:before {
    content: "Coming Soon"
}

.x-game-list-item-macro-in-share.-normal .-inner-wrapper .-overlay .-overlay-inner {
    top: 50%
}

.x-game-list-item-macro-in-share.-big .-inner-wrapper .-overlay .-overlay-inner {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-game-list-item-macro-in-share.-lobby-v2-border .-inner-wrapper {
    position: relative;
    padding: 0;
    border-radius: 15px;
    border: 2px solid transparent;
    background-image: linear-gradient(180deg, #fff 60%, rgba(0, 0, 0, .1) 90%), linear-gradient(180deg, #bababa, rgba(0, 0, 0, .1) 80%);
    background-origin: border-box;
    background-clip: content-box, border-box
}

.x-game-list-item-macro-in-share.-lobby-v2-border .-inner-wrapper .-cover-img,
.x-game-list-item-macro-in-share.-lobby-v2-border .-inner-wrapper .-overlay {
    border-radius: 14px
}

.x-game-list-item-macro-in-share .-inner-wrapper {
    position: relative;
    padding: 0
}

.x-game-list-item-macro-in-share .-inner-wrapper .-cover-img {
    width: 100%;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    border-radius: 10px
}

.x-game-list-item-macro-in-share .-inner-wrapper .-cover-video {
    display: block
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(51, 46, 50, .79);
    transition: all .2s;
    border-radius: 10px
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 150px;
    padding: 10px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1199.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner {
        min-width: 120px
    }
}

@media (max-width:575.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 8px
    }
}

@media (max-width:350px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner {
        padding: 4px
    }
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container {
    display: flex;
    flex-direction: column;
    margin: auto
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
    padding: 10px;
    min-width: 120px;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .4s;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1199.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
        min-width: 100px
    }
}

@media (max-width:575.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
        min-width: 80px;
        padding: 8px
    }
}

@media (max-width:375px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
        padding: 6px
    }
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn .-text-btn,
.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    position: relative;
    z-index: 2
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    top: 1px;
    margin-right: 8px;
    font-size: 12px;
    -webkit-filter: none;
    filter: none
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play {
    position: relative;
    color: #fafafa;
    background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
    overflow: hidden;
    font-weight: 500;
    font-size: .875rem;
    text-shadow: none
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play {
        padding: 5px;
        font-size: .75rem;
        border-radius: 5px
    }
}

@media (max-width:575.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play {
        padding: 3px;
        font-size: .75rem;
        border-radius: 5px
    }
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play:hover {
    text-decoration: none;
    color: #fafafa;
    background: radial-gradient(100% 100% at 50% 0, #d19c52 0, #6d5535 100%);
    transition: all .4s
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play:hover:before {
    opacity: 0
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play:hover:after {
    opacity: 1
}

@media (max-width:575.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play .fas {
        top: 0;
        font-size: 10px
    }
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-demo {
    margin-top: .75rem;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    border: 1px solid #ebbd80;
    box-sizing: border-box;
    font-size: .875rem;
    font-weight: 500;
    text-shadow: none
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-demo {
        margin-top: 7px;
        padding: 5px;
        font-size: .75rem;
        border-radius: 5px
    }
}

@media (max-width:575.98px) {
    .x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-demo {
        margin-top: 5px;
        padding: 3px;
        font-size: .75rem;
        border-radius: 5px
    }
}

.x-game-list-item-macro-in-share .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-demo:hover {
    background: rgba(0, 0, 0, .75);
    text-decoration: none
}

.x-game-list-item-macro-in-share .-title {
    color: #fafafa;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .75rem;
    margin-bottom: 0;
    padding: 0 4px;
    background: transparent;
    border-radius: 0
}

@media (max-width:767.98px) {
    .x-game-list-item-macro-in-share .-title {
        margin-top: .5rem;
        font-size: .875rem
    }
}

@media (max-width:575.98px) {
    .x-game-list-item-macro-in-share .-title {
        margin-top: .3rem
    }
}

@media (min-width:992px) {
    .x-game-list-item-macro-in-share:hover .-inner-wrapper .-overlay {
        z-index: 2;
        opacity: 1;
        visibility: visible
    }
    .x-game-list-item-macro-in-share:hover .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.x-game-list-item-macro-in-share.-toggled .-inner-wrapper .-overlay {
    z-index: 2;
    opacity: 1;
    visibility: visible
}

.x-game-list-item-macro-in-share.-toggled .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}


.x-game-badge-component {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    padding: 0 12px;
    border-radius: 5px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.x-game-badge-component span {
    position: relative
}

.x-game-badge-component.-hot,
.x-game-badge-component.-new {
    background: linear-gradient(180deg, #56ccf2, #2f80ed);
    color: #f3f3f3
}

.x-game-badge-component.-popular {
    color: #f3f3f3;
    background: linear-gradient(180deg, #eb77c8, #b72587)
}

.x-game-badge-component.-normal {
    font-size: .875rem;
    padding: 2px 6px
}

.x-game-badge-component.-animate {
    top: 5px;
    right: 0
}

@media (max-width:575.98px) {
    .x-game-badge-component.-animate {
        top: 1px;
        right: -2px
    }
}

.x-game-badge-component.-animate .-img-badge {
    width: 70px
}

@media (max-width:767.98px) {
    .x-game-badge-component.-animate .-img-badge {
        width: 50px
    }
}

@media (max-width:991.98px) {
    .x-game-badge-component {
        top: unset;
        bottom: 8px;
        right: 8px;
        padding: 2px 6px;
        font-size: 1rem
    }
    .x-game-badge-component span {
        top: 0
    }
}

@media (max-width:767.98px) {
    .x-game-badge-component {
        right: 10px;
        font-size: .875rem
    }
}


.x-list-of-contents-container .-accordion-list-wrapper {
    margin: 1rem auto;
    max-width: 800px
}

.x-list-of-contents-container .-accordion-list-item-wrapper {
    border: none
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-content-collapse {
    padding: 1rem 2rem;
    background: #090e13
}

@media (max-width:991.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-content-collapse {
        padding: 1rem
    }
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-btn {
    position: relative;
    margin: 0;
    padding: 1rem 2rem;
    font-weight: 400;
    color: #c4c6c9;
    background-color: #1b232c;
    cursor: pointer;
    font-size: 1.125rem
}

@media (max-width:1400px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn {
        font-size: 1.125rem
    }
}

@media (max-width:1199.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn {
        font-size: 1.125rem
    }
}

@media (max-width:991.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn {
        font-size: 1rem
    }
}

@media (max-width:375px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn {
        font-size: .875rem
    }
}

@media (max-width:991.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn {
        padding: .5rem 1rem
    }
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-btn .-title {
    display: flex
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-btn .fas {
    position: absolute;
    top: 50%;
    right: 2rem;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
    transition: all .2s
}

@media (max-width:767.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn .fas {
        right: .75rem
    }
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-btn .fa-minus {
    opacity: 0;
    visibility: hidden
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-btn.-show .fa-minus {
    opacity: 1;
    visibility: visible
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-btn.-show .fa-plus {
    opacity: 0;
    visibility: hidden
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-btn.-sm {
    padding: .5rem 2rem
}

@media (max-width:991.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-btn.-sm {
        padding: .5rem 1rem
    }
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-description {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    color: #c4c6c9;
    text-decoration: none
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-description:hover {
    color: #d9ad70
}

@media (max-width:1400px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-description {
        font-size: 1.125rem
    }
}

@media (max-width:1199.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-description {
        font-size: 1rem
    }
}

@media (max-width:991.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-description {
        font-size: .875rem
    }
}

@media (max-width:767.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-description {
        font-size: .75rem
    }
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-list {
    margin: 0;
    padding: 0 0 0 2rem
}

@media (max-width:767.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list {
        padding: 0 0 0 1rem
    }
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item {
    list-style: none;
    font-size: 1.125rem
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item:before {
    content: "•";
    margin-right: .5rem
}

@media (max-width:1400px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item:before {
        font-size: 1.125rem
    }
}

@media (max-width:1199.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item:before {
        font-size: 1rem
    }
}

@media (max-width:991.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item:before {
        font-size: .875rem
    }
}

@media (max-width:767.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item:before {
        font-size: .75rem
    }
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item .-link {
    font-size: 1.125rem;
    color: #c4c6c9;
    text-decoration: none
}

.x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item .-link:hover {
    color: #d9ad70
}

@media (max-width:1400px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item .-link {
        font-size: 1.125rem
    }
}

@media (max-width:1199.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item .-link {
        font-size: 1rem
    }
}

@media (max-width:991.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item .-link {
        font-size: .875rem
    }
}

@media (max-width:767.98px) {
    .x-list-of-contents-container .-accordion-list-item-wrapper .-list .-list-item .-link {
        font-size: .75rem
    }
}



.x-content-banner-vertical-component {
    padding: .5rem 0
}

@media (max-width:991.98px) {
    .x-content-banner-vertical-component {
        padding: 0
    }
}

.x-content-banner-vertical-component.-bg-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.x-content-banner-vertical-component .-content-wrapper {
    text-align: center
}

.x-content-banner-vertical-component .-content-wrapper.-banner-top {
    display: flex;
    flex-direction: column-reverse
}

.x-content-banner-vertical-component .-content-wrapper.-banner-top .-banner-wrapper {
    margin-bottom: 1rem;
}

.x-content-banner-vertical-component .-content-splitter {
    display: flex
}

@media (max-width:991.98px) {
    .x-content-banner-vertical-component .-content-splitter {
        flex-direction: column
    }
}

.x-content-banner-vertical-component .-content-splitter .-text-wrapper {
    flex: 1;
    padding: 0 1rem;
    margin: 0 auto
}

.x-content-banner-vertical-component .-content-splitter .-sub-title {
    text-align: justify
}

.x-content-banner-vertical-component .-text-wrapper {
    width: 100%;
    margin: auto
}

@media (max-width:991.98px) {
    .x-content-banner-vertical-component .-text-wrapper {
        width: 100%
    }
}

.x-content-banner-vertical-component .-text-wrapper .-title {
    color: #d9ad70;
    font-size: 1.5rem
}

@media (max-width:1400px) {
    .x-content-banner-vertical-component .-text-wrapper .-title {
        font-size: 1.5rem
    }
}

@media (max-width:1199.98px) {
    .x-content-banner-vertical-component .-text-wrapper .-title {
        font-size: 1.375rem
    }
}

@media (max-width:991.98px) {
    .x-content-banner-vertical-component .-text-wrapper .-title {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .x-content-banner-vertical-component .-text-wrapper .-title {
        font-size: 1rem
    }
}

@media (max-width:375px) {
    .x-content-banner-vertical-component .-text-wrapper .-title {
        font-size: .875rem
    }
}

.x-content-banner-vertical-component .-text-wrapper .-sub-title {
    color: #c4c6c9;
    font-size: 1.125rem
}

@media (max-width:1400px) {
    .x-content-banner-vertical-component .-text-wrapper .-sub-title {
        font-size: 1.125rem
    }
}

@media (max-width:1199.98px) {
    .x-content-banner-vertical-component .-text-wrapper .-sub-title {
        font-size: 1rem
    }
}

@media (max-width:991.98px) {
    .x-content-banner-vertical-component .-text-wrapper .-sub-title {
        font-size: .875rem
    }
}

@media (max-width:767.98px) {
    .x-content-banner-vertical-component .-text-wrapper .-sub-title {
        font-size: .75rem
    }
}

.x-content-banner-vertical-component .-text-wrapper ul {
    padding-left: 1rem;
    padding-top: 0
}


.x-games-type-content-section {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 0
}

.x-games-type-content-section .-title {
    font-size: 1.5rem;
    color: #d9ad70
}

.x-games-type-content-section .-sub-title {
    font-size: 1.125rem;
    font-weight: 300;
    color: #c4c6c9
}

.x-games-type-content-section.-sexy {
    background-image: linear-gradient(90deg, rgba(253, 51, 134, .4), rgba(115, 12, 136, .4) 50%, rgba(74, 1, 136, .4))
}

.x-games-type-content-section.-sexy .-navbar-nav {
    display: flex;
    margin-top: 2rem;
    padding: 0
}

.x-games-type-content-section.-sexy .-navbar-nav .-nav-item {
    position: relative;
    width: 25%
}

.x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-girl-banner {
    width: 100%
}

.x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper {
    position: absolute;
    top: 285px;
    left: 0;
    width: 100%;
    padding: 0 19px
}

.x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper .-nav-title {
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #fff
}

.x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper .-nav-description {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 300;
    color: #fff
}

.x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: -20px;
    padding: 5px 10px;
    font-size: .875rem;
    color: #fd3386;
    background-image: linear-gradient(0, #d2d2d2, #fff);
    border: 3px solid #fd3386;
    border-radius: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .3s
}

.x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-nav-link .fas {
    top: 0;
    margin-right: 5px;
    padding-top: 0;
    font-size: 18px
}

@media (min-width:992px) {
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-nav-link:hover {
        -webkit-filter: saturate(1.5);
        filter: saturate(1.5)
    }
}

@media (max-width:1199.98px) {
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper {
        top: 230px
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper .-nav-title {
        font-size: 1.25rem
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper .-nav-description {
        font-size: .875rem
    }
}

@media (max-width:991.98px) {
    .x-games-type-content-section.-sexy .-sub-title {
        font-size: 1rem
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper {
        top: 190px;
        padding: 0 14px
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper .-nav-title {
        font-size: 1.125rem
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper .-nav-description {
        display: none
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-nav-link {
        width: 110px;
        padding: 3px 10px
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-nav-link .fas {
        font-size: 16px
    }
}

@media (max-width:767.98px) {
    .x-games-type-content-section.-sexy .-navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item {
        width: 40%
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item:nth-child(n+3) {
        margin-top: 2rem
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper {
        top: unset;
        bottom: 40px
    }
}

@media (max-width:575.98px) {
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item {
        width: 50%
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-text-wrapper {
        bottom: 14%
    }
    .x-games-type-content-section.-sexy .-navbar-nav .-nav-item .-nav-link .fas {
        top: 1px
    }
}

.x-games-type-content-section.-allbet {
    overflow: hidden
}

.x-games-type-content-section.-allbet .navbar-nav {
    flex-direction: row
}

.x-games-type-content-section.-allbet .navbar-nav .nav-item {
    position: relative;
    width: 25%
}

.x-games-type-content-section.-allbet .navbar-nav .nav-item .-item-bg {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto
}

.x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper {
    position: absolute;
    top: 0;
    left: -7px;
    z-index: 2;
    width: 100%;
    padding: 0 2.6rem;
    text-align: center
}

.x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-ic-img {
    width: 100px;
    height: auto;
    margin-top: -50px
}

.x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title {
    margin-top: 1.5rem;
    margin-left: -5px;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
    color: #fff
}

.x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title .-highlight {
    display: block;
    color: #f5d174
}

.x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-description {
    margin-top: 1rem;
    margin-left: -5px;
    font-size: 1rem;
    text-align: center;
    color: #a3a29f
}

@media (min-width:992px) and (max-width:1199.98px) {
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper {
        padding: 0 2rem
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title {
        margin-top: .5rem
    }
}

@media (max-width:1199.98px) {
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title {
        font-size: 1.125rem
    }
}

@media (max-width:991.98px) {
    .x-games-type-content-section.-allbet {
        padding: 2rem 0
    }
    .x-games-type-content-section.-allbet .navbar-nav {
        flex-wrap: wrap;
        width: 75%;
        margin-left: auto;
        margin-right: auto
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item {
        width: 50%;
        margin-top: 3rem
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper {
        padding: 0 2.3rem
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title {
        min-height: 0
    }
}

@media (max-width:767.98px) {
    .x-games-type-content-section.-allbet .navbar-nav {
        width: 95%
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper {
        padding: 0 2.5rem
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title {
        margin-top: .5rem
    }
}

@media (max-width:575.98px) {
    .x-games-type-content-section.-allbet {
        padding: 0 0 2rem
    }
    .x-games-type-content-section.-allbet .navbar-nav {
        width: 100%;
        justify-content: center
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item {
        left: 1.5%;
        max-width: 220px;
        margin-top: 4rem
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-item-bg {
        position: relative
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper {
        position: absolute;
        top: 0;
        min-height: 0;
        padding: 0 1.25rem;
        text-align: center
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-ic-img {
        width: 80px
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title {
        font-size: 1rem;
        margin-left: 0
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-description {
        font-size: .875rem;
        margin-left: 0
    }
}

@media screen and (max-width:360px) {
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-item-bg {
        width: 104%
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper {
        padding: 0 1.25rem
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-title {
        font-size: .875rem
    }
    .x-games-type-content-section.-allbet .navbar-nav .nav-item .-inner-item-wrapper .-description {
        font-size: .75rem
    }
}

.x-games-type-content-section.-ae .-title {
    color: #ecbd7b;
    font-size: 1.25rem
}

@media (max-width:1400px) {
    .x-games-type-content-section.-ae .-title {
        font-size: 1.5rem
    }
}

@media (max-width:1199.98px) {
    .x-games-type-content-section.-ae .-title {
        font-size: 1.375rem
    }
}

@media (max-width:991.98px) {
    .x-games-type-content-section.-ae .-title {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .x-games-type-content-section.-ae .-title {
        font-size: 1rem
    }
}

@media (max-width:375px) {
    .x-games-type-content-section.-ae .-title {
        font-size: .875rem
    }
}

.x-games-type-content-section.-ae .-sub-title {
    margin-bottom: 0;
    font-size: 1rem
}

@media (max-width:1199.98px) {
    .x-games-type-content-section.-ae .-sub-title {
        font-size: 1rem
    }
}

@media (max-width:991.98px) {
    .x-games-type-content-section.-ae .-sub-title {
        font-size: .875rem
    }
}

@media (max-width:767.98px) {
    .x-games-type-content-section.-ae .-sub-title {
        font-size: .75rem
    }
}

.x-games-type-content-section.-ae .navbar-nav {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2rem
}

.x-games-type-content-section.-ae .navbar-nav .nav-item {
    width: calc(25% - .5rem);
    padding: 2px;
    text-align: center;
    border-radius: 15px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #090e13, #090e13), linear-gradient(180deg, rgba(247, 134, 94, 0), rgba(255, 175, 126, 0) 41%, rgba(247, 134, 94, 0))
}

@media (max-width:991.98px) {
    .x-games-type-content-section.-ae .navbar-nav {
        width: 70%;
        margin: auto
    }
    .x-games-type-content-section.-ae .navbar-nav .nav-item {
        width: 48%;
        margin-top: 1rem
    }
}

@media (max-width:767.98px) {
    .x-games-type-content-section.-ae .navbar-nav {
        width: 90%
    }
}

@media (max-width:575.98px) {
    .x-games-type-content-section.-ae .navbar-nav {
        width: 100%
    }
    .x-games-type-content-section.-ae .navbar-nav .nav-item {
        width: 49%
    }
}

.x-games-type-content-section.-ae .navbar-nav .-text-wrapper-inner {
    padding: 1rem
}

.x-games-type-content-section.-ae .-item-icon-img {
    width: 100%;
    max-width: 225px;
    height: auto
}
.x-games-type-content-section.-ae .-item-icon-img,
.x-games-type-content-section.-skill-game-list .-item-icon-img {
    padding: 1rem
}


.x-content-banner-horizontal-component {
    padding: .5rem 0;
    background-repeat: no-repeat;
    overflow: hidden
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component {
        padding: 1rem 0
    }
}

.x-content-banner-horizontal-component .-banner-container {
    display: flex;
    position: relative;
    min-height: 425px;
    transition: all .4s
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component .-banner-container {
        min-height: 350px
    }
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component .-banner-container {
        height: auto
    }
}

.x-content-banner-horizontal-component .-banner-container.-banner-right .-img-wrapper {
    right: 0;
    justify-content: flex-end
}

.x-content-banner-horizontal-component .-banner-container.-banner-left {
    flex-direction: row-reverse
}

.x-content-banner-horizontal-component .-banner-container.-banner-left .-img-wrapper {
    left: 0;
    justify-content: flex-start
}

.x-content-banner-horizontal-component .-banner-container .-text-wrapper {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 550px;
    transition: all .4s
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper {
        width: 60%
    }
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper {
        width: 65%
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper {
        margin-top: 2rem;
        margin-bottom: 2rem;
        text-align: left
    }
}

@media (max-width:575.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper {
        width: 85%;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper.-text-wrapper-right {
        padding-left: 1rem
    }
}

.x-content-banner-horizontal-component .-banner-container .-text-wrapper.-text-wrapper-left {
    padding-left: 1rem
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper.-text-wrapper-left {
        padding-left: 0
    }
}

.x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-title {
    color: #ecbd7b;
    font-size: 1.5rem
}

.x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-title span {
    display: inline-block;
    background-image: linear-gradient(#f5d174 10%, #af7e00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width:1400px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-title {
        font-size: 1.5rem
    }
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-title {
        font-size: 1.375rem
    }
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-title {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-title {
        font-size: 1rem
    }
}

@media (max-width:375px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-title {
        font-size: .875rem
    }
}

.x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-sub-title {
    margin-bottom: 0;
    color: #d2d2d2;
    font-size: 1rem
}

@media (max-width:1400px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-sub-title {
        font-size: 1.125rem
    }
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-sub-title {
        font-size: 1rem
    }
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-sub-title {
        font-size: .875rem
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-text-sub-title {
        font-size: .75rem
    }
}

.x-content-banner-horizontal-component .-banner-container .-text-wrapper .-button {
    margin-top: 1rem;
    padding: .4rem 1.25rem;
    color: #dc202e;
    background: #fafafa;
    font-weight: 500;
    border: 1px solid #fafafa;
    border-radius: 8px
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component .-banner-container .-text-wrapper .-button {
        display: none
    }
}

.x-content-banner-horizontal-component .-banner-container .-text-wrapper .-button:hover {
    color: #dc202e;
    background: #e7e7e7
}

.x-content-banner-horizontal-component .-banner-container .-img-wrapper {
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    transition: all .4s
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component .-banner-container .-img-wrapper {
        justify-content: flex-end
    }
}

.x-content-banner-horizontal-component .-banner-container .-img-wrapper .-img-banner {
    transition: all .4s;
    width: 850px
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component .-banner-container .-img-wrapper .-img-banner {
        width: 700px
    }
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component .-banner-container .-img-wrapper .-img-banner {
        opacity: .75
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component .-banner-container .-img-wrapper .-img-banner {
        width: 100% !important;
        height: auto;
        opacity: .4
    }
}

.x-content-banner-horizontal-component.-not-merge .-banner-container {
    flex-wrap: wrap
}

.x-content-banner-horizontal-component.-not-merge .-banner-container .-text-wrapper {
    width: auto;
    flex-basis: 50%
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component.-not-merge .-banner-container .-text-wrapper {
        flex-basis: 100%;
        order: 1
    }
}

.x-content-banner-horizontal-component.-not-merge .-banner-container .-img-wrapper {
    flex-basis: 50%;
    position: static
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component.-not-merge .-banner-container .-img-wrapper {
        flex-basis: 100%
    }
}

.x-content-banner-horizontal-component.-not-merge .-banner-container .-img-wrapper .-img-banner {
    transition: all .4s;
    width: 100%
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component.-not-merge .-banner-container .-img-wrapper .-img-banner {
        opacity: 1
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component.-not-merge .-banner-container .-img-wrapper .-img-banner {
        opacity: 1
    }
}

.x-content-banner-horizontal-component.-not-merge.-overflow-image {
    padding: 0;
    background-size: cover;
    background-position: top;
    overflow: unset
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component.-not-merge.-overflow-image {
        margin-bottom: 1rem
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component.-not-merge.-overflow-image {
        margin: 2rem 0 1rem;
        padding-bottom: 1rem
    }
}

.x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container {
    align-items: flex-end
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container {
        align-items: center
    }
}

.x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-img-wrapper {
    position: relative
}

.x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-img-wrapper .-img-banner {
    position: absolute;
    left: 3rem;
    bottom: 0
}

@media (max-width:991.98px) {
    .x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-img-wrapper .-img-banner {
        position: relative
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-img-wrapper .-img-banner {
        left: 0;
        margin-top: -2rem
    }
}

.x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-text-wrapper {
    padding: 2rem 0;
    min-height: 420px
}

@media (max-width:1199.98px) {
    .x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-text-wrapper {
        min-height: 350px
    }
}

@media (max-width:767.98px) {
    .x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-text-wrapper {
        padding: 0;
        min-height: auto
    }
}

.x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-text-wrapper .-text-sub-title,
.x-content-banner-horizontal-component.-not-merge.-overflow-image .-banner-container .-text-wrapper .-text-title {
    color: #fafafa
}


.x-question-and-answer-container {
    padding: 3rem 0
}

@media (max-width:767.98px) {
    .x-question-and-answer-container {
        padding: 2rem 0
    }
}

.x-question-and-answer-container .-title {
    color: #ececed;
    font-size: 1.5rem;
    text-align: center
}

@media (max-width:767.98px) {
    .x-question-and-answer-container .-title {
        margin-bottom: 0
    }
}

@media (max-width:575.98px) {
    .x-question-and-answer-container .-title {
        font-size: 1.125rem
    }
}

.x-question-and-answer-container .-accordion-list-wrapper {
    margin-top: 2rem;
    padding: 0 1rem;
    background: none
}

.x-question-and-answer-container .-accordion-list-item-wrapper {
    border-bottom: 1px solid #1e2833
}

.x-question-and-answer-container .-accordion-list-item-wrapper:last-child {
    border-bottom: none
}

.x-question-and-answer-container .-accordion-list-item-wrapper .-btn {
    position: relative;
    margin-bottom: 0;
    padding: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    color: #d9ad70;
    cursor: pointer
}

@media (max-width:767.98px) {
    .x-question-and-answer-container .-accordion-list-item-wrapper .-btn {
        padding: 1rem 2rem 1rem 0
    }
}

@media (max-width:575.98px) {
    .x-question-and-answer-container .-accordion-list-item-wrapper .-btn {
        font-size: 1rem
    }
}

.x-question-and-answer-container .-accordion-list-item-wrapper .-btn .fas {
    position: absolute;
    top: 50%;
    right: 2rem;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
    transition: all .2s
}

@media (max-width:767.98px) {
    .x-question-and-answer-container .-accordion-list-item-wrapper .-btn .fas {
        right: .75rem
    }
}

.x-question-and-answer-container .-accordion-list-item-wrapper .-btn .fa-minus {
    opacity: 0;
    visibility: hidden
}

.x-question-and-answer-container .-accordion-list-item-wrapper .-btn:not(.collapsed) .fa-minus {
    opacity: 1;
    visibility: visible
}

.x-question-and-answer-container .-accordion-list-item-wrapper .-btn:not(.collapsed) .fa-plus {
    opacity: 0;
    visibility: hidden
}

.x-question-and-answer-container .-accordion-list-item-wrapper .-description {
    margin: 0;
    padding: 0 2rem 1rem;
    color: #c4c6c9;
    font-weight: 300
}

@media (max-width:767.98px) {
    .x-question-and-answer-container .-accordion-list-item-wrapper .-description {
        padding: 0 1rem 1rem
    }
}

@media (max-width:575.98px) {
    .x-question-and-answer-container .-accordion-list-item-wrapper .-description {
        font-size: .875rem
    }
}

.x-question-and-answer-container .-accordion-list-item-wrapper ul {
    margin: 0;
    padding: 0
}

.x-question-and-answer-container .-accordion-list-item-wrapper ul li.-description {
    list-style: none;
    margin: 0;
    padding: 0 2rem .5rem
}

@media (max-width:991.98px) {
    .x-question-and-answer-container .-accordion-list-item-wrapper ul li.-description {
        padding: 0 1rem .5rem
    }
}


.x-footer {
    background: #101318
}

@media (max-width:991.98px) {
    .x-footer.-bottom-safe-area {
        padding-bottom: 94px
    }
}

.x-footer .-inner-wrapper {
    font-size: .875rem
}

.x-footer .-inner-wrapper .-text-title {
    margin: 1.5rem auto 1rem;
    font-size: .875rem;
    text-align: center
}

.x-footer .-inner-wrapper .-list-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem
}

.x-footer .-inner-wrapper .-list-menu .-list-item {
    margin: 0 .25rem .5rem
}

.x-footer .-inner-wrapper .-list-menu .-list-item .-btn-link {
    display: block;
    padding: 5px 15px;
    min-width: 100px;
    color: #8e8e8e;
    background: #2c2c2c;
    font-size: .875rem;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    transition: all .2s
}

.x-footer .-inner-wrapper .-list-menu .-list-item .-btn-link:hover {
    color: #8e8e8e;
    background: #1d212a
}

@media (max-width:575.98px) {
    .x-footer.-has-my-score-ranking {
        padding-bottom: 90px !important
    }
}

.x-footer .-term-btn {
    color: #d9ad70
}

.x-footer .-copyright-wrapper {
    margin-top: 1rem;
    padding: 10px;
    text-align: center;
    color: #a5a5a5;
    background: transparent
}

@media (max-width:575.98px) {
    .x-footer .-copyright-wrapper {
        padding: 8px;
        font-size: .8rem
    }
}

.x-footer-seo {
    text-align: center
}

.x-footer-seo .-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid hsla(0, 0%, 85.1%, .25)
}

.x-footer-seo .-tags .btn {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 5px 15px;
    line-height: 1.5;
    font-size: .875rem;
    color: #fbfbfb;
    background: #3e3e3e;
    border: none;
    border-radius: 20px
}

.x-footer-seo .-tags .btn:hover {
    background: #2b2b2b
}

@media (max-width:991.98px) {
    .x-footer.-three-columns {
        padding-bottom: 76px !important
    }
}

@media (max-width:767.98px) {
    .x-footer.-three-columns {
        padding-bottom: 74px !important
    }
}

.x-footer.-three-columns.-anon {
    padding-bottom: 0 !important
}

.x-footer.-three-columns .-inner-wrapper {
    position: relative;
    padding: 3rem 2rem 0
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper {
        padding: 3rem 1rem 0
    }
}

@media (max-width:767.98px) {
    .x-footer.-three-columns .-inner-wrapper {
        padding: 2rem 1rem 0
    }
}

.x-footer.-three-columns .-inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #d9ad70 0, #eedbc1 50%, #ce9648)
}

.x-footer.-three-columns .-inner-wrapper .-row {
    display: flex;
    flex-wrap: wrap
}

.x-footer.-three-columns .-inner-wrapper .-column-center,
.x-footer.-three-columns .-inner-wrapper .-column-left,
.x-footer.-three-columns .-inner-wrapper .-column-right {
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .x-footer.-three-columns .-inner-wrapper .-column-left {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:992px) {
    .x-footer.-three-columns .-inner-wrapper .-column-center {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1350px) {
    .x-footer.-three-columns .-inner-wrapper .-column-center {
        flex: 0 0 55%;
        max-width: 55%
    }
}

@media (min-width:992px) {
    .x-footer.-three-columns .-inner-wrapper .-column-right {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:1350px) {
    .x-footer.-three-columns .-inner-wrapper .-column-right {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper {
        display: flex;
        flex-flow: column;
        text-align: center
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper.-wrapper-cert {
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper.-wrapper-cert {
        display: none
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper .-logo-left {
    width: 140px;
    height: auto;
    margin-bottom: 1rem
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-logo-left {
        margin: auto auto 1rem
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper .-logo-right {
    width: 160px;
    height: auto;
    margin: -.5rem auto .5rem 2rem
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-logo-right {
        margin: 0 0 1rem
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper .-title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #c4c6c9
}

@media (max-width:575.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-title {
        font-size: 1rem
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper .-description {
    font-size: 1rem;
    font-weight: 400;
    color: #aaa
}

@media (max-width:575.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-description {
        font-size: .8rem
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper .-title-channel {
    margin-bottom: 1rem;
    font-size: 1rem
}

@media (max-width:767.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-title-channel {
        margin-bottom: .5rem
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper .-block-social {
    display: flex
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-block-social {
        justify-content: center
    }
}

.x-footer.-three-columns .-inner-wrapper .-description-wrapper .-description-cert {
    display: flex;
    align-items: center;
    margin-top: .5rem
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-description-cert {
        justify-content: center
    }
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .-description-wrapper .-order {
        order: -1
    }
}

.x-footer.-three-columns .-inner-wrapper .x-footer-seo .-tags {
    margin-bottom: 0;
    border-bottom: none
}

.x-footer.-three-columns .-inner-wrapper .x-footer-seo .-tags .-btn-tag {
    width: 12%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width:1350px) {
    .x-footer.-three-columns .-inner-wrapper .x-footer-seo .-tags .-btn-tag {
        width: 14%
    }
}

@media (max-width:1199.98px) {
    .x-footer.-three-columns .-inner-wrapper .x-footer-seo .-tags .-btn-tag {
        width: 22%
    }
}

@media (max-width:991.98px) {
    .x-footer.-three-columns .-inner-wrapper .x-footer-seo .-tags .-btn-tag {
        width: 30%
    }
}

@media (max-width:575.98px) {
    .x-footer.-three-columns .-inner-wrapper .x-footer-seo .-tags .-btn-tag {
        width: 46%
    }
}

.x-footer.-three-columns .-inner-wrapper .x-footer-seo .-tags .slick-dots li.slick-active button:before {
    color: transparent
}

.x-footer.-three-columns .-copyright-wrapper {
    margin-top: 1rem;
    padding: 10px;
    text-align: center;
    color: #999;
    background: #000
}

@media (max-width:575.98px) {
    .x-footer.-three-columns .-copyright-wrapper {
        padding: 8px;
        font-size: .8rem
    }
}

.x-footer.-three-columns.-bg-footer {
    padding-top: 2rem
}

.x-footer.-ezc .-footer-wrapper {
    display: flex;
    flex-direction: column;
    background: #232323;
    padding: 0
}

@media (max-width:991.98px) {
    .x-footer.-ezc .-footer-wrapper {
        background: transparent;
        padding-bottom: 100px
    }
}

@media (max-width:991.98px) {
    .x-footer.-ezc.-landing-page .-footer-wrapper {
        background: #232323;
        padding-bottom: 20px
    }
}

.x-footer.-ezc.-landing-page .-footer-bottom-wrapper,
.x-footer.-ezc.-landing-page .-footer-inner-wrapper .-describe-wrapper .-content-wrapper .-content {
    color: #f3f3f3
}

.x-footer.-ezc .-footer-inner-wrapper {
    display: flex;
    justify-content: space-evenly;
    transition: all .4s;
    padding: 2rem 1rem 1rem
}

@media (max-width:1480px) {
    .x-footer.-ezc .-footer-inner-wrapper {
        justify-content: space-between
    }
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper {
        justify-content: center;
        flex-wrap: wrap
    }
}

@media (max-width:991.98px) {
    .x-footer.-ezc .-footer-inner-wrapper {
        padding: 2rem 0
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper {
    flex: 0 0 24%;
    min-width: 300px;
    transition: all .4s
}

@media (max-width:1480px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper {
        margin: 0 auto
    }
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper {
        flex: 0 0 80%;
        align-items: center
    }
}

@media (max-width:767.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper {
        flex: 0 0 100%
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-content-wrapper {
    padding: 0 1rem
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-content-wrapper {
        text-align: center
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-content-wrapper .-title {
    color: #78c5fc;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5
}

@media (min-width:1200px) and (max-width:1480px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-content-wrapper .-title {
        font-size: 1rem
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-content-wrapper .-title {
        margin-bottom: .75rem
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-content-wrapper .-content {
    margin-top: .25rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

@media (min-width:1200px) and (max-width:1480px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-content-wrapper .-content {
        font-size: 1rem
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding: 0 1rem
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper {
        justify-content: center
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper .-ic-banner {
    width: calc(33.33333% - 5px);
    max-width: 120px
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper .-ic-banner {
        width: 110px;
        margin-right: .5rem
    }
}

@media (max-width:991.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper .-ic-banner {
        width: 95px
    }
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper .-ic-banner:last-child {
        margin-right: 0
    }
}

@media (max-width:375px) {
    .x-footer.-ezc .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper .-ic-banner {
        width: 86px
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-tag-wrapper {
    flex-grow: 1;
    transition: all .4s
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-tag-wrapper {
        margin-top: 1rem
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-provider-wrapper {
    display: flex;
    flex: 0 0 23%;
    flex-direction: column;
    transition: all .4s
}

@media (min-width:1200px) {
    .x-footer.-ezc .-footer-inner-wrapper .-provider-wrapper.-show-contact-direct {
        min-width: 250px;
        max-width: 250px
    }
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-provider-wrapper.-show-contact-direct {
        width: 100%
    }
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-provider-wrapper .-partnership {
        margin-top: 1rem
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-provider-wrapper .-payments {
    margin-top: 1rem
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-provider-wrapper {
        flex: 0 0 80%
    }
}

@media (max-width:767.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-provider-wrapper {
        flex: 0 0 100%
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-content-wrapper {
    text-align: left
}

@media (max-width:1199.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-content-wrapper {
        text-align: center
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-content-wrapper .-title {
    color: #78c5fc;
    font-size: 1.125rem
}

@media (min-width:1200px) and (max-width:1480px) {
    .x-footer.-ezc .-footer-inner-wrapper .-content-wrapper .-title {
        font-size: 1rem
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezc .-footer-inner-wrapper .-content-wrapper .-title {
        margin-bottom: .75rem
    }
}

.x-footer.-ezc .-footer-inner-wrapper .-content-wrapper .-content {
    margin-top: .25rem;
    color: #f3f3f3
}

@media (min-width:1200px) and (max-width:1480px) {
    .x-footer.-ezc .-footer-inner-wrapper .-content-wrapper .-content {
        font-size: 1rem
    }
}

.x-footer.-ezc .-footer-bottom-wrapper {
    padding-bottom: .75rem;
    text-align: center;
    color: #f3f3f3
}

.x-footer.-ezc .-footer-bottom-wrapper.-show-contact-direct {
    display: none
}

.x-footer.-ezc .-term-btn {
    color: #78c5fc
}

.x-footer-seo.-ezc {
    padding: 0;
    margin: .25rem 0
}

@media (min-width:768px) and (max-width:991.98px) {
    .x-footer-seo.-ezc {
        max-width: 100%
    }
}

@media (max-width:767.98px) {
    .x-footer-seo.-ezc {
        margin: .25rem auto
    }
}

.x-footer-seo.-ezc .-tags {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0
}

.x-footer-seo.-ezc .-tags .btn {
    font-size: .875rem;
    color: #fbfbfb;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 5px 15px;
    border-radius: 18px;
    background: #464646;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .x-footer-seo.-ezc .-tags .btn {
        transition: none
    }
}

@media (min-width:992px) {
    .x-footer-seo.-ezc .-tags .btn:hover {
        background: #595959
    }
}

@media (min-width:1200px) and (max-width:1480px) {
    .x-footer-seo.-ezc .-tags .btn {
        padding: 5px 10px;
        font-size: .75rem
    }
}

@media (max-width:1199.98px) {
    .x-footer-seo.-ezc .-tags {
        justify-content: center
    }
}

.x-footer.-ezs {
    background: #f1f6fa;
    overflow: hidden
}

@media (max-width:991.98px) {
    .x-footer.-ezs {
        padding-bottom: 0 !important
    }
}

@media (max-width:1199.98px) {
    .x-footer.-ezs.-logged .-copy-right-container {
        padding: .5rem 0 170px
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezs.-logged .-copy-right-container {
        padding: .5rem 0 125px
    }
}

@media (max-width:991.98px) {
    .x-footer.-ezs.-anon .-copy-right-container {
        padding: .5rem 0 160px
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezs.-anon .-copy-right-container {
        padding-bottom: 140px
    }
}

@media screen and (max-width:375px) {
    .x-footer.-ezs.-anon .-copy-right-container {
        padding-bottom: 120px
    }
}

.x-footer.-ezs .-inner-wrapper {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 1rem 0;
    font-size: 1rem
}

@media (max-width:991.98px) {
    .x-footer.-ezs .-inner-wrapper {
        padding: 1rem 0
    }
}

.x-footer.-ezs .-inner-wrapper .-image-wrapper {
    text-align: center;
    padding: 2rem 0;
    width: 100%
}

.x-footer.-ezs .-inner-wrapper .-image-wrapper .-img {
    width: 180px
}

@media (max-width:991.98px) {
    .x-footer.-ezs .-inner-wrapper .-image-wrapper {
        padding: 1rem
    }
    .x-footer.-ezs .-inner-wrapper .-image-wrapper .-img {
        width: 160px
    }
}

.x-footer.-ezs .-inner-wrapper .-image-wrapper .-text {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #404e67
}

@media (max-width:991.98px) {
    .x-footer.-ezs .-inner-wrapper .-image-wrapper .-text {
        font-size: 1.375rem
    }
}

@media (max-width:767.98px) {
    .x-footer.-ezs .-inner-wrapper .-image-wrapper .-text {
        font-size: 1.25rem
    }
}

.x-footer.-ezs .-inner-wrapper .-image-wrapper .-sub-text {
    width: 86%;
    margin: 1rem auto 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #6f6f6f
}

.x-footer.-ezs .-inner-wrapper .-image-wrapper .-sub-text .-highlight {
    font-weight: 700;
    color: #472c59
}

@media (max-width:1199.98px) {
    .x-footer.-ezs .-inner-wrapper .-image-wrapper .-sub-text {
        width: 96%
    }
}

@media (max-width:991.98px) {
    .x-footer.-ezs .-inner-wrapper .-image-wrapper .-sub-text {
        width: 100%
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezs .-inner-wrapper .-image-wrapper .-sub-text {
        font-size: .9rem
    }
}

.x-footer.-ezs .-inner-wrapper .-term-link {
    color: #de0041;
    font-weight: 500
}

.x-footer.-ezs .-inner-wrapper .-animater-footer {
    position: relative
}

.x-footer.-ezs .-inner-wrapper .-animater-footer .-mascot-img {
    position: absolute;
    left: 10px;
    bottom: -80px;
    width: 220px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (max-width:1500px) {
    .x-footer.-ezs .-inner-wrapper .-animater-footer .-mascot-img {
        width: 180px
    }
}

@media (max-width:1199.98px) {
    .x-footer.-ezs .-inner-wrapper .-animater-footer .-mascot-img {
        width: 150px
    }
}

@media (max-width:991.98px) {
    .x-footer.-ezs .-inner-wrapper .-animater-footer .-mascot-img {
        display: none;
        bottom: -70px;
        width: 140px
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezs .-inner-wrapper .-animater-footer .-mascot-img {
        bottom: -40px;
        width: 120px
    }
}

.x-footer.-ezs .-inner-wrapper .-animater-footer .-coin-img {
    position: absolute;
    right: 10px;
    bottom: -50px;
    width: 140px
}

@media screen and (max-width:1500px) {
    .x-footer.-ezs .-inner-wrapper .-animater-footer .-coin-img {
        width: 120px
    }
}

@media (max-width:1199.98px) {
    .x-footer.-ezs .-inner-wrapper .-animater-footer .-coin-img {
        right: 20px;
        width: 100px
    }
}

@media (max-width:991.98px) {
    .x-footer.-ezs .-inner-wrapper .-animater-footer .-coin-img {
        display: none
    }
}

.x-footer.-ezs .-inner-wrapper .-text-title {
    margin-top: 1.5rem;
    text-align: center
}

.x-footer.-ezs .-inner-wrapper .-list-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem
}

.x-footer.-ezs .-inner-wrapper .-list-menu .-list-item {
    margin: 0 .25rem .5rem
}

.x-footer.-ezs .-inner-wrapper .-list-menu .-list-item .-btn-link {
    display: block;
    padding: 5px 15px;
    min-width: 100px;
    color: #404e67;
    background: #e7dcef;
    font-size: .875rem;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    transition: all .2s
}

.x-footer.-ezs .-inner-wrapper .-list-menu .-list-item .-btn-link:hover {
    color: #fff;
    background: #472c59
}

.x-footer.-ezs .-copy-right-container {
    background-color: #472c59;
    padding: .5rem 0
}

.x-footer.-ezs .-copy-right-container .-copy-right-text {
    font-weight: 300;
    color: #fff
}

.x-footer.-ezs .x-footer-bank-logo .-wrapper .-ic {
    -webkit-filter: none;
    filter: none
}

.x-footer-seo.-ezs {
    text-align: center
}

.x-footer-seo.-ezs .-tags {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    border-bottom: none
}

.x-footer-seo.-ezs .-tags .btn {
    margin-bottom: 6px;
    padding: 5px 15px;
    line-height: 1.5;
    font-size: .875rem;
    border-radius: 10px;
    color: #404e67;
    background: #e7dcef;
    transition: all .2s
}

.x-footer-seo.-ezs .-tags .btn:hover {
    color: #fff;
    background: #472c59
}

.x-footer.-ezl {
    background: #fff;
    overflow: hidden
}

.x-footer.-ezl .-inner-wrapper {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 1rem 0 1.5rem
}

@media (max-width:991.98px) {
    .x-footer.-ezl .-inner-wrapper {
        padding: 1rem 0
    }
}

.x-footer.-ezl .-inner-wrapper .-text-title {
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    color: #dc202e
}

.x-footer.-ezl .-inner-wrapper .-text-title.-tag {
    margin-bottom: .25rem
}

@media (max-width:767.98px) {
    .x-footer.-ezl .-inner-wrapper .-text-title {
        margin: 1.5rem auto .75rem;
        font-size: 1rem
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezl .-inner-wrapper .-text-title {
        font-size: .875rem
    }
}

.x-footer.-ezl .-inner-wrapper .-text-sub-title {
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    color: #313131
}

@media (max-width:767.98px) {
    .x-footer.-ezl .-inner-wrapper .-text-sub-title {
        font-size: .875rem
    }
}

.x-footer.-ezl .-inner-wrapper .-text-sub-title .-highlight {
    color: #dc202e;
    font-weight: 600
}

.x-footer.-ezl .-inner-wrapper .-footer-menu {
    display: block;
    margin-top: 0
}

.x-footer.-ezl .-inner-wrapper .-footer-menu .-block-menu,
.x-footer.-ezl .-inner-wrapper .-footer-menu .-block-provider,
.x-footer.-ezl .-inner-wrapper .-footer-menu .-block-tag {
    width: 100%;
    max-width: 100%;
    text-align: center
}

.x-footer.-ezl .-inner-wrapper .-footer-menu .-block-provider .-image {
    width: 100%;
    max-width: 600px
}

@media (max-width:991.98px) {
    .x-footer.-ezl .-inner-wrapper .-footer-menu .-block-provider .-image {
        max-width: 300px
    }
}

@media (max-width:767.98px) {
    .x-footer.-ezl .-inner-wrapper .-footer-menu .-block-provider .-image {
        max-width: 260px
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezl .-inner-wrapper .-footer-menu .-block-provider .-image {
        max-width: 220px
    }
}

.x-footer.-ezl .-inner-wrapper .-footer-menu .-list-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.x-footer.-ezl .-inner-wrapper .-footer-menu .-list-menu .-list-item {
    padding: .25rem
}

.x-footer.-ezl .-inner-wrapper .-footer-menu .-list-menu .-list-item.-two-column {
    min-width: 100px
}

.x-footer.-ezl .-inner-wrapper .-footer-menu .-btn-link {
    padding: 2px 10px;
    border-radius: 8px
}

.x-footer.-ezl .-inner-title-wrapper {
    text-align: center
}

.x-footer.-ezl .-inner-title-wrapper .-logo {
    width: 280px;
    margin-bottom: 1rem
}

@media (max-width:991.98px) {
    .x-footer.-ezl .-inner-title-wrapper .-logo {
        width: 240px
    }
}

@media (max-width:575.98px) {
    .x-footer.-ezl .-inner-title-wrapper .-logo {
        width: 200px
    }
}

.x-footer.-ezl .-terms-wrapper {
    margin-top: .5rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: center
}

@media (max-width:767.98px) {
    .x-footer.-ezl .-terms-wrapper {
        font-size: .875rem
    }
}

.x-footer.-ezl .-terms-wrapper .-link {
    color: #266fd4
}

.x-footer.-ezl .-copy-right-container {
    background-color: #ba1f2b;
    padding: .75rem 0
}

.x-footer.-ezl .-copy-right-container .-copy-right-text {
    font-size: 1rem;
    color: #fafafa
}

@media (max-width:991.98px) {
    .x-footer.-ezl .-copy-right-container .-copy-right-text {
        font-size: .875rem
    }
}

.x-footer.-ezl .-tags-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.x-footer.-ezl .-btn-tag {
    margin: 5px;
    padding: .375rem 1rem;
    color: #fafafa;
    font-size: .875rem;
    background: #313131;
    border-radius: 30px
}

@media (min-width:992px) {
    .x-footer.-ezl .-btn-tag:hover {
        color: #fafafa;
        background: #4b4b4b
    }
}

@media (max-width:767.98px) {
    .x-footer.-ezl .-btn-tag {
        padding: .25rem .75rem;
        font-size: .75rem
    }
}

.x-footer-seo.-ezl .-tags {
    padding-bottom: 0;
    border-bottom: none
}

.x-footer-seo.-ezl .-tags .btn {
    padding: .375rem 1rem;
    color: #fafafa;
    background: #313131;
    border-radius: 30px
}

@media (min-width:992px) {
    .x-footer-seo.-ezl .-tags .btn:hover {
        color: #fafafa;
        background: #4b4b4b
    }
}

@media (max-width:767.98px) {
    .x-footer-seo.-ezl .-tags .btn {
        padding: .25rem .75rem;
        font-size: .75rem
    }
}

.x-footer-bank-logo {
    margin-top: 1rem
}

.x-footer-bank-logo .-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.x-footer-bank-logo .-wrapper .-icon {
    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 .-icon:nth-child(2) {
    background-position: -46px 4px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(3) {
    background-position: -96px 4px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(4) {
    background-position: -146px 4px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(5) {
    background-position: 6px -44px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(6) {
    background-position: -46px -44px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(7) {
    background-position: -96px -44px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(8) {
    background-position: -146px -44px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(9) {
    background-position: 6px -92px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(10) {
    background-position: -46px -92px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(11) {
    background-position: -96px -92px !important
}

.x-footer-bank-logo .-wrapper .-icon:nth-child(12) {
    background-position: -146px -92px !important
}

.x-footer-bank-logo .-wrapper .-icon:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media (max-width:767.98px) {
    .x-footer-bank-logo .-wrapper .-icon {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}

.x-footer-bank-logo-single-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem
}

.x-footer-bank-logo-single-list .-image {
    width: 100%;
    max-width: 550px
}

@media (max-width:991.98px) {
    .x-footer-bank-logo-single-list .-image {
        max-width: 500px
    }
}

.x-footer-bank-logo-single-list .-image.-mobile {
    max-width: 340px
}

@media (max-width:767.98px) {
    .x-footer-bank-logo-single-list .-image.-mobile {
        max-width: 260px
    }
}

#gamebody {
    color: #f2f2f2;
    height: 100%;
    background: linear-gradient(0deg, #67308c 0%, #421e59 63.54%, #1c0d26 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#mainpane {
    height: 100vh;
}
.center-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.game-container {
    max-width: 960px !important;
    padding-bottom: 50px;
}
#game-logo {
    max-width: 100px;
}

.mt-auto {
    margin-top: auto !important;
}

#kissgaming-logo {
    max-width:200px;
}

.form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

/* =================== button =================== */
.btn, .btn:hover {
    color: #88a5b1;
}

.btn-primary, .btn-primary:hover, .btn-info, .btn-info:hover, .btn-success, .btn-success:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-inverse, .btn-inverse:hover {
    color: #fff;
}

.btn {
    border-radius: 12px !important;
    font-size: 15px;
    font-weight: 500;
}
.btn:active {
    position: relative;
    top: 3px;
    border: none;
}
.btn:hover {
    border-color: #fff !important;
}
.btn-primary {
    font-size: 0.9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    border: 2px solid transparent;
    background-image: radial-gradient(100% 100% at 50% 0, #8496ff 0, #5770ff 44%, #2a3fb4 100%), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
    background-origin: border-box;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    line-height: 22px;
    box-shadow: 0 0 5px #ffffff, 0 0 10px #117fff, 0 0 15px #0f5cba;
}
.btn-primary:hover {
    background-image: -moz-linear-gradient(#009aee, #005888);
    background-image: -webkit-linear-gradient(#009aee, #005888);
    background-image: linear-gradient(#009aee, #005888);
}

.btn-info {
    background-image: -moz-linear-gradient(#71c1d8, #49afcd);
    background-image: -webkit-linear-gradient(#71c1d8, #49afcd);
    background-image: linear-gradient(#71c1d8, #49afcd);
    font-size: 0.9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    border: 2px solid transparent;
    background-origin: border-box;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    line-height: 22px;
    box-shadow: 0 0 5px #ffffff, 0 0 10px #117fff, 0 0 15px #0f5cba;
}
.btn-info:hover {
    background-image: -moz-linear-gradient(#99d2e3, #49afcd);
    background-image: -webkit-linear-gradient(#99d2e3, #49afcd);
    background-image: linear-gradient(#99d2e3, #49afcd);
}

.btn-success {
    font-size: 0.9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    border: 2px solid transparent;
    background-image: -moz-linear-gradient(#7ec77e, #5bb75b);
    background-image: -webkit-linear-gradient(#7ec77e, #5bb75b);
    background-image: linear-gradient(#7ec77e, #5bb75b);
    background-origin: border-box;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    line-height: 22px;
    box-shadow: 0 0 5px #ffffff, 0 0 10px #117fff, 0 0 15px #0f5cba;
}
.btn-success:hover {
    background-image: -moz-linear-gradient(#a2d6a2, #5bb75b);
    background-image: -webkit-linear-gradient(#a2d6a2, #5bb75b);
    background-image: linear-gradient(#a2d6a2, #5bb75b);
}

.btn-warning {
    background-image: -moz-linear-gradient(#fbbc64, #faa732);
    background-image: -webkit-linear-gradient(#fbbc64, #faa732);
    background-image: linear-gradient(#fbbc64, #faa732);
    font-size: 0.9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    border: 2px solid transparent;
    background-origin: border-box;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    line-height: 22px;
    box-shadow: 0 0 5px #ffffff, 0 0 10px #117fff, 0 0 15px #0f5cba;
}
.btn-warning:hover {
    background-image: -moz-linear-gradient(#fcd296, #faa732);
    background-image: -webkit-linear-gradient(#fcd296, #faa732);
    background-image: linear-gradient(#fcd296, #faa732);
}

.btn-danger {
    background-image: -moz-linear-gradient(#e37873, #da4f49);
    background-image: -webkit-linear-gradient(#e37873, #da4f49);
    background-image: linear-gradient(#e37873, #da4f49);
    font-size: 0.9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    border: 2px solid transparent;
    background-origin: border-box;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    line-height: 22px;
    box-shadow: 0 0 5px #ffffff, 0 0 10px #117fff, 0 0 15px #0f5cba;
}
.btn-danger:hover {
    background-image: -moz-linear-gradient(#eba19e, #da4f49);
    background-image: -webkit-linear-gradient(#eba19e, #da4f49);
    background-image: linear-gradient(#eba19e, #da4f49);
}

.btn-inverse {
    background-image: -moz-linear-gradient(#505050, #363636);
    background-image: -webkit-linear-gradient(#505050, #363636);
    background-image: linear-gradient(#505050, #363636);
    font-size: 0.9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    border: 2px solid transparent;
    background-origin: border-box;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    line-height: 22px;
    box-shadow: 0 0 5px #ffffff, 0 0 10px #117fff, 0 0 15px #0f5cba;
}
.btn-inverse:hover {
    background-image: -moz-linear-gradient(#696969, #363636);
    background-image: -webkit-linear-gradient(#696969, #363636);
    background-image: linear-gradient(#696969, #363636);
}

.btn-large {
    font-size: 18px;
    padding: 12px 22px 10px;
}

.btn-small {
    font-size: 11px;
    padding: 8px 16px 6px;
}

.btn-mini {
    font-size: 9px;
    padding: 7px 12px 5px;
}

.btn-purple-moon {
    background: #4e54c8;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #8f94fb, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-ultra-voilet {
    background: #654ea3;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #eaafc8, #654ea3);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #eaafc8, #654ea3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-pink-moon {
    background: #ec008c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #fc6767, #ec008c);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #fc6767, #ec008c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-cool-blues {
    background: #2193b0;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-dark-blue {
    background: #7474BF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #348AC7, #7474BF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-green-moon {
    background: #56ab2f;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-orange-moon {
    background: #fc4a1a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-dark-moon {
    background: #141E30;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-light-moon {
    background: #FFEFBA;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #000;
    border: 3px solid #eee;
}

.btn-funky-moon {
    background: #A770EF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(145deg, #FDB99B, #CF8BF3, #A770EF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(145deg, #FDB99B, #CF8BF3, #A770EF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.btn-rounded {
    border-radius: 35px;
}

.btn-fab {
    height: 50px;
    width: 53px;
    border-radius: 50%;
}
/* =============================== button ========================== */

.main-auto {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

#member-card {
    border-radius: 15px;
    background: linear-gradient(0deg, #D94B2B 0%, #D98A29 100%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    max-width: 524px;
    margin: 0 auto;
}
#credit {
    font-size: 2em !important;
    font-weight: bolder;
    color: #FFFFFF;
}
._text-small {
    font-size: 0.6em;
    color:lightgray;
}

.-credit-glow {
    color: #fff;
    animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }
    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}


/* ========================= main wrapper =========================== */
.container-mainwrapper {
    background: rgba(0, 0, 0, 0.33);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-top: 20px;
}
.main-menu {
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 0;
    font-size: 0.8em;
}
._menu-icon {
    max-width: 50px;
}
._menu_a {
    color: #f8f8ff;
}
._menu_a:hover {
    text-decoration: none;
    color: greenyellow;
}

.card-bank {
    width: 95%;
    margin: 0 auto;
    border-radius: 15px;
    color:#000;
}
.card-bankname {
    padding: 5px;
    font-size: 1.5em;
}
.card-banknumber {
    font-size: 1.8em;
}
.scbbg {
    background-color: #5d3f9a;
}
.kbankbg {
    background-color: #2EC04D;
}
.ktbbg {
    background-color: #1ba5e1;
}
.onbet-card {
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px;
    box-shadow: 0 0 21px rgba(0,0,0,.27);
}
/*
.onbet-card img {
    max-width: 100% !important;
}
*/

.container-mainwrapper {
    border-radius: 20px;
}

.onbet-table {

}
.onbet-table-bordered,
.onbet-table-bordered tr td {
    border: #f42961 1px solid;
}

.onbet-promotion-card {
    background: #FFF;
    color:#000;
}
.onbet-promotion-capsule {
    font-weight: bolder;
    font-size: 1.2em;
    color: #333;
    background-color: #e1cd8e;
    padding: 5px 20px;
    border-radius: 10px;
    position: absolute;
    top: -20px;
}

/* ================= register ======================*/
[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
[type=radio] + img {
    cursor: pointer;
    margin-right: 5px;
}
[type=radio]:checked + img {
    outline: 4px solid #FF5733;
}

.input-group-prepend-modify {
    background-color: transparent;
    border-color: transparent;
    color:#FFF;
}
.input-form-control-modify,
.input-form-control-modify:focus{
    border-color: #fff0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff0;
    color: #EAF205;
    border-bottom: 1px solid #BF6F6F;
}
.select-style,
.select-style:focus {
    outline: 0;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
    color: #EAF205;
    border-bottom: 1px solid #BF6F6F;
}
.select-style option {
    background-color:#2A0940;
    color: #EAF205;
    border-color: #330C59;
}

/* ===================== play-btn ================================ */

.-playbadge {
    background-color: #0b2e13;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.-playbadge-text {
    background: -webkit-linear-gradient(#FF0000, #A303A6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: glow 1s ease-in-out infinite alternate;
    font-weight: bolder;
    font-size: 0.8em;
}

.--play-box {
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    bottom: 5px;
}
.--play-btn {
    position: relative;
    background-image: linear-gradient(125deg, #ebb100, #6c451e 31.53%, #ebb100 64.87%, #907505);
    color: #FFFFFF;
    font-size: 0.7em;
    padding: 2px 10px;
    border-radius: 5px;
}

.btn.-header-btn.-default.-login {
    background-image: linear-gradient(180deg,#540c0b,#33080a), linear-gradient(125deg, #ebb100, #6c451e 31.53%, #ebb100 64.87%, #907505);
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    background-origin: border-box;
    background-clip: content-box, border-box;
}

/* custom button */

.button-3 {
    appearance: none;
    background-color: #2ea44f;
    border: 1px solid rgba(27, 31, 35, .15);
    border-radius: 6px;
    box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}

.button-3:focus:not(:focus-visible):not(.focus-visible) {
    box-shadow: none;
    outline: none;
}

.button-3:hover {
    background-color: #2c974b;
}

.button-3:focus {
    box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
    outline: none;
}

.button-3:disabled {
    background-color: #94d3a2;
    border-color: rgba(27, 31, 35, .1);
    color: rgba(255, 255, 255, .8);
    cursor: default;
}

.button-3:active {
    background-color: #298e46;
    box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}

.button-10 {
    align-items: center;
    padding: 6px 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
    border-radius: 6px;
    border: none;

    color: #fff;
    background: linear-gradient(180deg, #4B91F7 0%, #367AF6 100%);
    background-origin: border-box;
    box-shadow: 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}