@font-face {
    font-family: 'MontserratRegular';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(assets/4cd0fd34f59af6827ed740223b5ce110-Montserrat-Regular.woff2) format('woff2');
}

@font-face {
    font-family: 'MontserratMedium';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(assets/b4c1a1dc7f990c3b92ae0ad6b180bbf8-Montserrat-Medium.woff2) format('woff2');
}

@font-face {
    font-family: 'MontserratSemiBold';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(assets/452d12d228c450ca414e45590ccb5254-Montserrat-SemiBold.woff2) format('woff2');
}

@font-face {
    font-family: 'MontserratBold';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(assets/bbc96d50ab9d8291be82b05f64bfeb11-Montserrat-Bold.woff2) format('woff2');
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.copytext {
    -webkit-user-select: text!important;
    -khtml-user-select: text!important;
    -moz-user-select: -moz-text!important;
    -o-user-select: text!important;
    user-select: text!important;
}

.lazyload {
    opacity: 0;
}

.lazyloading {
    opacity: 1;
    transition: opacity 300ms;
}

html, body {
    font-size: 13px;
    min-height: 100vh;
    overflow-x: hidden !important;
    max-width: 100vw;
}

body {
    color: #D3D3D3;
    overflow-x: hidden;
    font-family: 'MontserratRegular';
    background-color: #2C2B3B !important;
}

body.modal-open {
    padding-right: 0px !important;
}

.d-xxl-block {
    display: block!important;
}  

.d-xxl-none {
    display: none!important;
}

@media(max-width: 1440px) {
   .d-xxl-block {
       display: none!important;
   }

   .d-xxl-none {
       display: block!important;
   }
}

.container-fluid {
    max-width: 1200px;
}

.selectable * {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: -moz-text;
    -o-user-select: text;
    user-select: text;
}

main {
    padding-top: 75px;
}

main .sidebar,
main .betstable,
main .balance,
main .leaders-game {
    display: none;
}

main.game-open .sidebar,
main.game-open .betstable,
main.game-open .leaders-game {
    display: block;
}

main.game-open .balance {
    display: flex;
}

.leaders-game .leaders-toggle {
    cursor: pointer;
}

.leaders-game .chevron {
    width: 20px;
}

.leaders-game.hide {
    width: auto;
}

.leaders-game.hide .chevron{
    transform: rotate(180deg);
}

.leaders-game.hide .leaders-game-inner {
    display: none!important;
    width: 0px;
}

main.game-open .game-container,
.footer-game {
}

.sidebar {
    width: 150px !important;
    z-index: 102;
}

.game-wrapper {
    background-color: #323143 !important;
    border-radius: 10px;
}

@media (max-width: 575px) {
    .game-wrapper {
        background-color: transparent !important;
        border-radius: 0px;
    }

    #walletLabel{
        display: none;
    }
}

.leaders-game {
    width: 290px;
    z-index: 101;
}

@media (max-width: 1199px) {
    main.game-open .game-container,
    .footer-game {
        padding-right: 0px !important;
    }

    .leaders-game {
        display: none !important;
    }
}

@media (max-width: 991px) {
    main.game-open .sidebar {
        display: none;
    }

    main.game-open .game-container,
    .footer-game {
        padding-left: 0px !important;
    }
}

.rounded {
    border-radius: 10px !important;
}

.social-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    opacity: .5;
}

.social-icon:hover {
    opacity: 1;
}

/* COLORS & TEXT*/

.bg-violet {
    background-color: #2C2B3B !important;
}

.bg-lightviolet {
    background-color: #5C569C !important;
}

.bg-darkviolet {
    background-color: #323143 !important;
}

.bg-blue {
    background-color: #34406A !important;
}

.bg-darkblue {
    background-color: #4B27BA !important;
}

.bg-lime {
    background-color: #A5BA27;
}

.border-violet {
    border-color: #827DC3 !important;
}

.border-gradient {
    border-image: linear-gradient(180deg, #5FD4F4, #827EF1) 100% 1;
}

.text-yellow {
    color: #DBFF00;
}

.text-lime {
    color: #A5BA27;
}

.text-light-violet {
    color: #6D6B8C;
}

.text-violet {
    color: #A9A3FF;
}

.text-ul-violet {
    color: #9dafbd;
}

.text-gold {
    background: linear-gradient(to right, #fef60d, #ed5b44);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gold-new {
    text-shadow: 2px 2px 2px #000, 0px 0px 5px #ffc415;
    color: #ffc415;;
}

.text-gold-gradient {
    background: linear-gradient(210deg, #e89d3e, #abbe34);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-pink-violet {
    background: linear-gradient(to left, #ed5b44, #7c69dd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-violet-ultra {
    background: linear-gradient(to left, #44e7ed, #827EF1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-violet-gradient {
    background: linear-gradient(to bottom, #5FD4F4, #827EF1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-m {
    font-family: 'MontserratMedium';
}

.text-s {
    font-family: 'MontserratSemiBold';
}

.text-b {
    font-family: 'MontserratBold';
}

.text-underline {
    text-decoration: underline !important;
}

/* BUTTONS */

.pointer {
    cursor: pointer;
}

.btn, .btn:hover, .btn:focus, .btn:active {
    transition: .3s;
    border: none;
    box-shadow: none;
    padding: 12px 24px;
    overflow: hidden;
}

button:focus {
    outline: 0;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn-big {
    padding: 16px 32px !important;
}

.btn-inner {
    padding: 5px 17px !important;
}

.btn-sm {
    padding: 10px 14px !important;
    font-size: 1rem;
}

.btn-menu {
    padding: 8px 8px !important;
    font-size: 1rem;
}

.btn-rounded {
    border-radius: 20px !important;
}

.btn-yellow {
    background: linear-gradient(199.27deg, #AFFF04 0%, #FF6B00 100%);
    box-shadow: 0px 4px 20px #D9B303;
    border-radius: 10px;
    color: #fff;
}

.btn-pink-violet {
    background: linear-gradient(to right, #ed5b44, #7c69dd);
    color: #fff;
}

.border-pink-gradient {
    background: linear-gradient(to right, #bd3895, #7c69dd);
    color: #fff;
    border-radius: 10px;
    border-top: 3px solid #79001f !important;
}

.btn-violet-ultra {
    background: linear-gradient(to left, #44e7ed, #827EF1);
    border-radius: 10px;
    border-top: 3px solid #367c98 !important;
    color: #fff;
}

.btn-light-red {
    background: #f1554b;
    border-radius: 10px;
    border-top: 3px solid #9f3831 !important;
    color: #fff;
}

.btn-orange-red {
    background: linear-gradient(to left, #ec9a45, #dd6a68);
    border-radius: 10px;
    box-shadow: 0 3px 0 #9a6031;
    color: #fff;
}

.btn-pink-violet:hover {
    color: #fff;
    box-shadow: 0px 4px 20px #7c69dd;
}

.btn-yellow:hover {
    color: #fff;
}

.btn-yellow-sm {
    background: linear-gradient(199.27deg, #AFFF04 0%, #FF6B00 100%);
    color: #fff;
}

.btn-red {
    background: #FF4E35;
    box-shadow: 0px 4px 20px rgba(255, 78, 53, 0.5);
    border-radius: 10px;
    color: #fff;
}

.btn-red:hover {
    color: #fff;
}

.btn-red-gradient {
    background: linear-gradient(199.27deg, #d80b00 0%, #FF6B00 100%);
    border-top: 3px solid #79001f !important;
    border-radius: 10px;
    color: #fff;
}

.btn-red-gradient:hover {
    color: #fff;
}

.btn-violet-orange {
    background: linear-gradient(248.68deg, #FDCC6C 4.18%, #A552F9 100%);
    box-shadow: 0px 4px 20px #4D49F6;
    border-radius: 10px;
    color: #fff;
}

.btn-login {
    background: linear-gradient(248.68deg, #FDCC6C 4.18%, #A552F9 100%);
    border-radius: 10px;
    color: #fff;
}

.btn-violet-orange:hover {
    color: #fff;
}

.btn-violet-gradient {
    color: #fff;
    background: linear-gradient(267.58deg, #2E3D65, #565287);
}

.btn-violet-gradient:hover {
    color: #fff;
    background: linear-gradient(90deg, #2E3D65, #565287);
}

.btn-gold {
    background: linear-gradient(248.68deg, #feec23 4.18%, #a35903 100%);
    box-shadow: 0px -3px 0px #6d3b00;
    border-radius: 10px;
    color: #fff;
}

.btn-gold:hover {
    color: #fff;
}

.btn-lime {
    color: #fff !important;
    border-radius: 10px;
    background: #A5BA27;
}

.btn-blue {
    padding: 15px 21px !important;
    color: #fff !important;
    background: #4B27BA;
    border-radius: 99px;
}

.btn-blue:hover {
    background: #FF4E35;
}

.btn-ylw {
    padding: 15px 21px !important;
    color: #181818 !important;
    background: #feec23;
    border-radius: 99px;
}

.btn-ylw:hover {
    background: #FF4E35;
}

.btn-violet-border {
    color: #fff !important;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: .3s;
    border: 1px solid #72a6f2 !important;
}


.btn-violet-border:hover,
.btn-violet-border.active {
    color: #fff;
    background-color: #4B27BA;
}


.btn-buy-trx {
    color: #fff !important;
    border-radius: 10px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: .3s;
    background: linear-gradient(to bottom, rgba(95, 212, 244, 0), rgba(130, 126, 241, 0));
    z-index: 1090;
}

.btn-collapse.collapsed .chevron {
    transform: rotate(180deg);
}

.btn-buy-trx:after,
.btn-buy-trx:disabled:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: inherit;
    background: linear-gradient( 45deg, #5FD4F4, #827EF1);
    background-position: 100% 0;
    animation: TrxButton 2s infinite ease-in-out;
    z-index: -1;
}

@keyframes TrxButton {
    0% {
        background-position: -100px 0;
    }

    50% {
        background-position: 0px 0;
    }

    100% {
        background-position: -100px 0;
    }
}

.btn-shine {
    font-family: 'MontserratBold';
    color: #fff !important;
    border-radius: 100px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: .3s;
    background: linear-gradient(to bottom, rgba(95, 212, 244, 0), rgba(130, 126, 241, 0));
    z-index: 1090;
    font-size: 1.2rem;
    animation: Shine 2s infinite ease-in-out;
}

.btn-shine:after,
.btn-shine:disabled:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: inherit;
    background: linear-gradient( 45deg, #5FD4F4, #827EF1);
    background-position: 100% 0;
    animation: ShineAfter 2s infinite ease-in-out;
    z-index: -1;
}

@keyframes Shine {
    0% {
        box-shadow: 0 0 30px rgba(255, 238, 0, 1);
    }

    50% {
        box-shadow: 0 0 30px rgba(255, 238, 0, 0.1);
    }

    100% {
        box-shadow: 0 0 30px rgba(255, 238, 0, 1);
    }
}

@keyframes ShineAfter {
    0% {
        background-position: -100px 0;
    }

    50% {
        background-position: 0px 0;
    }

    100% {
        background-position: -100px 0;
    }

}

.btn-extra, .btn-extra:hover {
    font-family: 'MontserratBold';
    color: #fff !important;
    border-radius: 100px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: .3s;
    background: linear-gradient(to right, rgb(218, 3, 3) 0%, rgb(248, 39, 35) 100%);
    z-index: 1090;
    font-size: 1.2rem;
    animation: Extra 2s infinite ease-in-out;
    padding: .75em 1.5em!important;
    text-decoration: none!important;
}

@media (max-width: 575px) {
    .btn-extra, .btn-extra:hover{
        padding: .5em 1em!important;
    }
}

.btn-extra img {
    height: 1.5em;
    width: 1.5em;
}

.btn-extra:after,
.btn-extra:disabled:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 200px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: inherit;
    background: linear-gradient( 0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .25));
    background-position: 100% 0;
    animation: ExtraAfter 2s infinite ease-in-out;
    z-index: -1;
    transform: skewX(-25deg);
}

.btn-extra.disable {
    animation: none!important;
    background: #ccc!important;
}

.btn-extra.disable:after {
    animation: none!important;
    display: none!important;
}

@keyframes Extra {
    0% {
        box-shadow: 0 0 30px rgba(255, 255, 255, 1);
    }

    50% {
        box-shadow: 0 0 10px rgba(255, 0, 0, 1);
    }

    100% {
        box-shadow: 0 0 30px rgba(255, 255, 255, 1);
    }
}

@keyframes ExtraAfter {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: -100%;
    }

}


.text-shine {
    animation: TextShine 2s infinite ease-in-out;
}

@keyframes TextShine {
    0% {
        text-shadow: 0 0 20px rgba(255, 238, 0, 1);
    }

    50% {
        text-shadow: 0 0 10px rgba(255, 238, 0, 1);
    }

    100% {
        text-shadow: 0 0 20px rgba(255, 238, 0, 1);
    }
}

.text-alert {
    animation: TextAlert 2s infinite ease-in-out;
}

@keyframes TextAlert {
    0% {
        color:  rgba(255, 238, 0, 1);
    }

    50% {
        color: rgba(255, 25, 0, 1);
    }

    100% {
        color: rgba(255, 238, 0, 1);
    }
}

.btn-pink {
    background: #bd3895;
    border-radius: 10px;
    color: #fff;
}

.icon.white {
    fill: #fff;
}

.icon.good {
    fill: #A5BA27;
}

.win-game-img {
    width: 3rem;
    height: 3rem;
}

.partner-logo {
    height: 3rem;
    transition: .3s;
    opacity: .9;
}

.partner-logo:hover {
    opacity: 1;
}

.good {
    color: #A5BA27;
}

.btn-burn {
    padding: 15px 21px !important;
    font-size: 1.2rem;
}

.btn-hover-red:hover {
    background: #FF4E35;
}

.btn-hover-red:hover:after {
    box-shadow: 0px 0px 10px 10px #FF4E35;
}

.btn-hover-blue:hover {
    background: #4B27BA;
}

.btn-hover-blue:hover:after {
    box-shadow: 0px 0px 10px 10px #4B27BA;
}

.btn-hover-lime:hover {
    background: #A5BA27;
}

.btn-hover-lime:hover:after {
    box-shadow: 0px 0px 10px 10px #A5BA27;
}

.btn-leaders.show {
    display: none;
}

.btn-leaders {
    display: block;
    padding: 12px 24px;
}

.btn-hover-read {
    width: 130px;
}

.btn-hover-read:hover {
    background: #4B27BA;
}

.btn-hover-read:hover:after {
    box-shadow: 0px 0px 10px 10px #4B27BA;
}

.btn-hover .hover-show {
    display: none;
}

.btn-hover:hover .hover-show {
    display: inline;
}

.btn-hover:hover .hover-hide {
    display: none;
}

.btn-group {
    border-radius: 10px !important;
    overflow: hidden;
}

.btn-group .btn-sm {
    padding: 10px 3px !important;
}

.btn-question, .btn-question:hover {
    background: #ffee00;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    padding: 1rem!important;
    line-height: 1rem!important;
}

.btn-giveaway, .btn-giveaway:hover {
    background: #ffee00;
    padding: 1rem!important;
    line-height: 1rem!important;
}

.btn-giveaway:hover {
    background: #f1e422;
    padding: 1rem!important;
    line-height: 1rem!important;
    box-shadow: 0 0 10px rgba(255, 238, 0, 1);
}

/* NAVBAR */

.navbar {
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #5FD4F4, #827EF1) 100% 1;
    min-height: 70px;
    max-height: 70px;
    max-width: 100vw;
}

.navbar-brand {
    font-size: 1rem;
}

.navbar-brand img {
    max-height: 56px;
}

.nav-link, .nav-link:hover {
    color: #FFFFFF;
}

.dropdown.show .chevron,
.nav-link .chevron {
    transform: rotate(0deg);
}

.dropdown .chevron,
.nav-link.collapsed .chevron {
    transform: rotate(180deg);
}

.navbar-toggler {
    border: none !important;
    color: #fff !important;
    font-size: 26px;
    padding: .5rem .5rem;
}

.dropdown .dropdown-toggle {
    background-color: transparent;
    color: #fff;
    padding-top: .5rem;
    padding-bottom: .5rem;
    overflow: visible;
}

.dropdown .dropdown-toggle:focus,
.dropdown .dropdown-toggle:active {
    box-shadow: none;
}

.dropdown .dropdown-toggle:after {
    display: none;
}

.dropdown-wallet img.wallet-item {
    width: 2rem;
    height: 2rem;
}

.dropdown .dropdown-menu {
    min-width: 200px;
    background: linear-gradient(269.37deg, #2E3D65 -0.36%, #565287 80.83%);
    border-radius: 10px 10px 10px 10px;
    border: none;
}

.dropdown .dropdown-menu .dropdown-item {
    background-color: transparent !important;
    color: #fff;
    height: auto;
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background: #4B27BA !important;
}

.dropdown-lang .dropdown-menu {
    min-width: 70px;
    left: auto;
    right: -10px;

}

.dropdown-lang img {
    width: 2rem;
    height: 2rem;
}

.dropdown-wallet .dropdown-menu {
    min-width: 70px;
    left: auto;
    right: -10px;
}

.dropdown-wallet .dropdown-toggle span {
    display: none;
}

.login-dropdown .dropdown-menu,
.login-dropdown .dropdown-menu:after {
    background: #0E0E0E;
}


.games-dropdown .dropdown-menu,
.games-dropdown .dropdown-menu:after {
    background: #565287
}

.games-dropdown .dropdown-menu,
.login-dropdown .dropdown-menu {
    width: 240px;
    top: 60px;
    left: 50%;
    margin-left: -120px;
}

.games-dropdown .dropdown-menu:after,
.login-dropdown .dropdown-menu:after {
    content: '';
    position: absolute;
    width: 2rem;
    height: 2rem;
    transform: rotate(45deg);
    top: -1rem;
    left: calc(50% - 1rem);

}

@media (max-width: 575px) {
    .games-dropdown .dropdown-menu,
    .login-dropdown .dropdown-menu {
        width: 200px;
        margin-left: -100px;
    }

    /*#gameNameBlock{
        display: none;
    }*/

    .externalGameBalance {
        margin-left: auto;
    }
}

.gameCategoryTab {
    max-width: 160px;
    height: auto;
    margin: auto;
    cursor: pointer;
    border-bottom: 5px solid rgba(255, 238, 0, 0);
    padding-bottom: 10px;
}

.gameCategoryTab img {
    transition: .3s;
}

.gameCategoryTab.active img, .gameCategoryTab:hover img {
    transform: scale(1.1);
}

.gameCategoryTab.active {
    border-bottom: 5px solid rgba(255, 238, 0, 1);
}

.cat-tittle {
    margin-top: -50px;
    z-index: 1;
    left: 0;
    right: 0;
    font-family: 'MontserratBold';
    text-align: center;
    font-size: 1.8rem;
    line-height: 1em;
}

.cat-tittle-blue {
    color: #f0eff5;
    text-shadow: 0px 1px 1px #21336a, 0px 0px 5px #4986f0;
}

.cat-tittle-violet {
    color: #fcf4ff;
    text-shadow: 0px 1px 1px #332685, 0px 0px 5px #b8aef9;
}

.cat-tittle-yellow {
    color: #faf9f5;
    text-shadow: 0px 1px 1px #5d461a, 0px 0px 5px #ffc415;
}

.cat-tittle-red {
    color: #fdeef1;
    text-shadow: 0px 1px 1px #96453c, 0px 0px 5px #c54a46;
}

.openHomeLink {
    cursor: pointer;
}

#gameWalletShowLink {
    cursor: pointer;
}

.my-balance {
    background: #3D3C50;
    margin-left: 70px;
}

.myBalance1 {
    width: 70px;
    text-align: right;
}

@media (max-width: 575px) {
    .my-balance {
        background-color: transparent;
        margin-left: 5px;
    }
}

.my-balance:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: -68px;
    border-bottom: 70px solid #3D3C50;
    border-left: 68px solid transparent;
}

@media (max-width: 575px) {
    .my-balance:before {
        display: none;
    }
}

/* MODALS */

.modal {
    padding-right: 15px !important;
    padding-left: 15px !important;
    overflow: auto !important;
}

.modal-dialog {
    margin: 70px auto !important;
    max-width: 600px;
}

.modal-content {
    background: linear-gradient(180deg, #4F4B88 0%, #3D3A68 100%);
    border: none;
    outline: 0;
    color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #000;
}

.modal-tronlink {
    background: #fff;
    color: #181818;
}

.modal-tronlink .modal-header .close {
    background-color: transparent
}

.modal-lg {
    max-width: 1100px;
}

.modal-sm {
    max-width: 400px;
}

.modal-content a {
    color: #A5BA27;
}
.modal-height {
    margin: 0 auto!important;
    height: 100vh!important;
}
.modal-height .modal-content {
    height: calc(100vh - 30px);
}

.close {
    opacity: 1;
    transition: .15s;
}

@media (max-width: 768px) {
    .modal-content .h2 {
        font-size: 18px;
    }

    .modal-content .h4 {
        font-size: 13px;
    }

    .modal-content .h5 {
        font-size: 13px;
    }
}

.modal-content .form-control {
    background-color: transparent;
    border: 1px solid #5C569C;
    min-width: 180px;
    min-height: 42px;
}

.modal-content .custom-select {
    background-color: transparent;
    border: 1px solid #5C569C;
    min-width: 180px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjY0NjQ1IDQuMTQ2NDVDMi44NDE3MSAzLjk1MTE4IDMuMTU4MjkgMy45NTExOCAzLjM1MzU1IDQuMTQ2NDVMNiA2Ljc5Mjg5TDguNjQ2NDUgNC4xNDY0NUM4Ljg0MTcxIDMuOTUxMTggOS4xNTgyOSAzLjk1MTE4IDkuMzUzNTUgNC4xNDY0NUM5LjU0ODgyIDQuMzQxNzEgOS41NDg4MiA0LjY1ODI5IDkuMzUzNTUgNC44NTM1NUw2LjM1MzU1IDcuODUzNTVDNi4xNTgyOSA4LjA0ODgyIDUuODQxNzEgOC4wNDg4MiA1LjY0NjQ1IDcuODUzNTVMMi42NDY0NSA0Ljg1MzU1QzIuNDUxMTggNC42NTgyOSAyLjQ1MTE4IDQuMzQxNzEgMi42NDY0NSA0LjE0NjQ1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat;
    background-position: calc(100% - 10px) center;
    cursor: pointer;
}

.modal-content .custom-select option {
    color: #000;
}

.modal-header {
    border-bottom: 1px solid #9c9c9c;
}

.modal-footer {
    border-top: 1px solid #9c9c9c;
}

/* DIVIDENTS */

.dividends-block {
    border-radius: 0px 10px 10px 0px;
    background: #4B27BA;
}

@media (max-width: 768px) {
    .dividends-block {
        border-radius: 10px 10px 10px 10px;
    }
}

.progress-dividends {
    height: 7px;
}

/* Troubleshooting */

.accordion * {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: -moz-text;
    -o-user-select: text;
    user-select: text;
}

.accordion .line {
    margin-top: -1px;
}

.accordion .accordion-title {
    cursor: pointer;
    background: #403564;
    margin-top: 3px;
    font-size: 1.1rem;
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .accordion .accordion-title {
        font-size: 1rem;
    }
}

.accordion .accordion-title.collapsed {
    background-color: transparent;
    margin-top: 0;
}

.accordion .accordion-title .plus {
    display: none;
}

.accordion .accordion-title .minus {
    display: inline;
}

.accordion .accordion-title.collapsed .plus {
    display: inline;
}

.accordion .accordion-title.collapsed .minus {
    display: none;
}

.accordion-text {
    background: #403564;
    margin-bottom: 1rem;
    word-wrap: break-word;
}

/* MOBILE MENU */
.mobile-menu {
    padding: 0 !important;
}

.mobile-menu .modal-dialog {
    margin: 0 auto !important;
    max-width: 100%;
}

.modal-dialog-lg {
    max-width: 750px;
}

.mobile-menu .modal-content {
    border-radius: 0px;
}

.mobile-menu .modal-content .close {
    margin-left: -1rem;
}

.mobile-menu .nav-link {
    font-size: 1.2rem;
    color: #fff !important;
    padding-left: 1rem;
    padding-right: 1rem;
}

.mobile-menu .nav-link:hover {
    background: transparent;
}


/* TOOLTIPS */
span[data-toggle="tooltip"] {
    cursor: pointer;
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip-icon {
    height: 20px;
    width: 20px;
}

.tooltip-right-top {
    top: .5rem;
    right: .5rem;
    z-index: 1010;
}

.tooltip-left-top {
    top: .5rem;
    left: .5rem;
    z-index: 1010;
}

.tooltip-left-top-cards {
    top: .75rem;
    left: .75rem;
    z-index: 1010;
}

.tooltip.tooltip-info .tooltip-inner {
    text-align: left !important;
    max-width: 340px !important;
    min-width: 340px !important;
    background: #0E0E0E;
}

@media (max-width: 575px) {
    .tooltip.tooltip-info .tooltip-inner {
        max-width: 280px !important;
        min-width: 280px !important;
    }
}

.tooltip.tooltip-info .tooltip-inner a {
    color: #A5BA27;
}

.tooltip.tooltip-info .arrow {
    background: #0E0E0E;
    transform: rotate(45deg);
    height: 1rem;
    width: 1rem;
    z-index: -1;
}

.tooltip.tooltip-info .arrow:before {
    border-color: transparent;
}

.tooltip.tooltip-modal .tooltip-inner {
    text-align: left !important;
    max-width: 340px !important;
    min-width: 340px !important;
    background: #686B51;
}

@media (max-width: 575px) {
    .tooltip.tooltip-modal .tooltip-inner {
        max-width: 280px !important;
        min-width: 280px !important;
    }
}

.tooltip.tooltip-modal .tooltip-inner a {
    color: #4D2ABA;
}

.tooltip.tooltip-modal .arrow {
    background: #686B51;
    transform: rotate(45deg);
    height: 1rem;
    width: 1rem;
}

.tooltip.tooltip-modal .arrow:before {
    border-color: transparent;
}

.tooltip.tooltip-white .tooltip-inner {
    text-align: left !important;
    max-width: 340px !important;
    background: #fff;
    color: #000;
}

@media (max-width: 575px) {
    .tooltip.tooltip-white .tooltip-inner {
        max-width: 240px !important;
    }
}

.tooltip.tooltip-white .tooltip-inner a {
    color: #4D2ABA;
}

.tooltip.tooltip-white .arrow {
    background: #fff;
    transform: rotate(45deg);
    height: 1rem;
    width: 1rem;
}

.tooltip.tooltip-white .arrow:before {
    border-color: transparent;
}

.game-nav-item {
    cursor: pointer;
}

.game-nav-item img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 170px;
    text-align: center;
    border-radius: 25px !important;
    /*border: solid red;*/
}

.game-nav-item span {
    margin-left: auto;
    margin-right: auto;
}


/* SLIDER */

.slick-dots {
    padding: 12px 14px;
    display: inline-block;
    text-align: center;
    border-radius: 18px;
    background: #3D3C50;
    font-size: 0px;
    margin-top: 10px;
}

.slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    border-radius: 50%;
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #5FD4F4, #827EF1);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #3d3c50 inset;
}

.slick-dots li:not(:last-child) {
    margin-right: 10px;
}

.slick-dots li > button {
    display: none;
}

.slick-dots li.slick-active {
    background: linear-gradient(to bottom, #5FD4F4, #827EF1);
    box-shadow: none;
}

.slick-arrow {
    cursor: pointer;
}

#sliderHome .card {
    height: 350px;
    width: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
}

#sliderHome .card .h1 {
    font-size: 36px;
}

#sliderHome .card .h2 {
    font-size: 26px;
}

@media (max-width: 768px) {
    #sliderHome .card {
        width: auto;
    }
}

@media (max-width: 575px) {
    #sliderHome .card {
        height: 55vw;
    }

    #sliderHome .card .h1 {
        font-size: 18px;
    }

    #sliderHome .card .h2 {
        font-size: 16px;
    }

    #sliderHome .card .h4 {
        font-size: 14px;
    }
}

#sliderHome .card-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(26, 30, 0, .5);
}

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

#sliderHome .card-overlay.trans {
    background-color: transparent !important;
}

@media (max-width: 599px) {
    #gamesSliderSlots {
        width: calc(100vw + 50px);
        margin-left: -50px;
    }
}



.dividents-container .totalPaidOut {
    color: #A5BA27;
	font-size: 35px;
	line-height: 1em;
}

@media (max-width: 599px) {
	.dividents-title{
		font-size: 18px;
	}
	
    .dividents-container .totalPaidOut {
        font-size: 24px;
    }
}

.leaders-container {
    background-color: #34406A;
}

.leaderslider {
    cursor: pointer;
}

.leaderslider, .leaderscroll {
    counter-reset: leaderslider;
}

/* os-theme-block-dark */

.os-theme-dark > .os-scrollbar {
    padding: 0;
}

.os-theme-dark > .os-scrollbar-horizontal {
    right: 16px;
    height: 16px;
}

.os-theme-dark > .os-scrollbar-vertical {
    bottom: 16px;
    width: 16px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal {
    left: 16px;
    right: 0;
}

.os-theme-dark > .os-scrollbar-corner {
    height: 16px;
    width: 16px;
    background-color: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before {
    left: 5px;
    right: 5px;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
    top: 5px;
    bottom: 3px;
    width: 2px;
    left: 50%;
    margin-left: -1px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 50px;
    max-width: 50px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 50px;
    max-height: 50px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    background: linear-gradient(251.57deg, #5FD4F4 0%, rgba(255, 255, 255, 0) 100%), #827EF1;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 99px;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    height: 100%;
    min-width: 16px;
}


.leader {
    position: relative;
    padding-left: 40px;
    font-family: 'MontserratMedium';
    color: #fff;
    max-width: 180px !important;
    min-width: 180px !important;
    text-align: left;
    margin-bottom: 1rem;
    margin-left: 10px;
}

.leader .num {
    position: absolute;
    z-index: 1;
    width: 36px;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff!important;
    font-size: 13px;
}

.leader:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 36px;
    width: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA0LTIyVDE0OjI3OjAzKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wNC0yMlQxNDoyOTo1OSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wNC0yMlQxNDoyOTo1OSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNWVmZjM4ZS0zNzc1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) 32px 32px no-repeat, linear-gradient(180deg, #38355E 0%, #3D3A68 100%);
    border-radius: 5px;
    text-align: center;
    background-position: center;
}

.leader:nth-child(1):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA0LTIyVDEzOjA2OjE4KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wNC0yMlQxNDoyOTo1MSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wNC0yMlQxNDoyOTo1MSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4ODYyMzE3NS0zNzNl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) 32px 32px no-repeat, linear-gradient(180deg, #38355E 0%, #3D3A68 100%);
    background-position: center;
}

.leader:nth-child(2):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA0LTIyVDE0OjI1OjQwKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wNC0yMlQxNDoyOTo0MSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wNC0yMlQxNDoyOTo0MSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ZTk1OGJkMi0zZWZh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) 32px 32px no-repeat, linear-gradient(180deg, #38355E 0%, #3D3A68 100%);
    background-position: center;
}

.leader:nth-child(3):before {
    background: url(data:image/png;base64,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) 32px 32px no-repeat, linear-gradient(180deg, #38355E 0%, #3D3A68 100%);
    background-position: center;
}

.leader div:first-child {
    color: #A5BA27;
    font-size: 15px;
}

/* FORMS */

input {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: -moz-text;
    -o-user-select: text;
    user-select: text;
}

input:focus,
.form-control:focus {
    background-color: transparent;
    box-shadow: none !important;
    border-color: #80bdff;
}

.form-control {
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #80bdff;
    padding: 10px 10px;
    line-height: auto;
    border-radius: 7px;
    height: auto;
}

.form-control::placeholder {
    color: #fff;
}

:disabled {
    cursor: not-allowed;
}

.form-flybtn .btn {
    top: 6px;
    right: 6px;
}

.form-flybtn .form-control {
    padding-right: 90px;
}


.input-group-violet .input-group-text {
    color: #fff;
    border-color: #827DC3 !important;
    background-color: #5C569C !important;
    border-radius: 10px;
}

.input-group-count {
    color: #fff !important;
    border-radius: 10px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: .3s;
    background-color: transparent;
    z-index: 1;
}

.input-group-count:after {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    border-radius: inherit;
    box-shadow: 0px -20px 10px 10px #5FD4F4, 0px 20px 10px 10px #827EF1;
    z-index: -1;
}


.btn-outline-secondary {
    padding: 5px !important;
}


.input-group-count .btn-outline-secondary:hover {
    color: #fff !important;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: .3s;
    background: linear-gradient(to bottom, rgba(95, 212, 244, 0), rgba(130, 126, 241, 0));
    z-index: 1;
}

.input-group-count .btn-outline-secondary:hover:after {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    border-radius: inherit;
    box-shadow: 0px -20px 10px 10px #5FD4F4, 0px 20px 10px 10px #827EF1;
    background-color: #4B27BA;
    z-index: -1;
}

.input-group-count .input-group-prepend .btn-outline-secondary:hover:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.input-group-count .input-group-append .btn-outline-secondary:hover:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tab-content table th,
.tab-content table td {
    text-align: center;
}

.tab-content table td:last-child,
.tab-content table td:nth-last-child(2) {
    text-align: right;
}

.tab-content table th:last-child,
.tab-content table td:last-child {
    padding-right: 5rem;
}

.tab-content table td:nth-child(2) {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: -moz-text;
    -o-user-select: text;
    user-select: text;
}


@media (max-width: 768px) {
    table {
        font-size: 12px;
    }

    .tab-content table th:last-child,
    .tab-content table td:last-child {
        padding-right: 1rem;
    }
}


@media (max-width: 575px) {

    th, td {
        padding: .5rem .25rem !important;
    }
}

/* STYLE */

.hover-light {
    position: relative;
    z-index: 1;
}

.hover-light:before {
    content: '';
    position: absolute;
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    right: -20px;
    top: -20px;
    background: radial-gradient(rgba(75, 39, 186, .75), rgba(75, 39, 186, 0) 70%, rgba(75, 39, 186, 0) 100%);
    z-index: -1;
    transition: .3s;
    opacity: 0;
}

.hover-light:hover:before {
    opacity: 1;
}

.games-container .game-thumbnail-wrapper{
	width: 14.28%;
	text-align: center;
}

@media (max-width: 980px) {
    .games-container .game-thumbnail-wrapper{
        width: 16.66%;
    }
}

@media (max-width: 850px) {
	.games-container .game-thumbnail-wrapper{
		width: 20%;
	}
}

@media (max-width: 768px) {
	.games-container .game-thumbnail-wrapper{
		width: 25%;
	}
}

@media (max-width: 575px) {
	.games-container .game-thumbnail-wrapper{
		width: 33.33%;
	}
}

@media (max-width: 420px) {
	.games-container .game-thumbnail-wrapper{
		width: 50%;
	}
}

.game-thumbnail-text {
    position: relative;
    top: -14px;
    left: -11px;
    right: 0px;
    width: 100%;
    text-align: center;
}

.game-thumbnail-wrapper .game-thumbnail {
    transition: .3s;
    padding: 15px;
    margin: 0px auto;
}

.game-thumbnail:hover, .game-thumbnail.active {
    filter: drop-shadow(0px 0px 10px #ffff00) drop-shadow(0px 0px 5px #ffff00);
}

.game-thumbnail-side {
    width: 90% !important;
}

.game-thumbnail-wrapper:hover .game-thumbnail,
.game-thumbnail-wrapper:hover .btn-thumbnail {
    transform: scale(1.1);
}

.game-thumbnail-wrapper.disabled:hover .game-thumbnail,
.game-thumbnail-wrapper.disabled:hover .btn-thumbnail {
    transform: none;
}

.game-thumbnail .badge {
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: auto;
    border-radius: 9999px;
    font-size: 1rem;
    padding: 0px;
}

.btn-thumbnail, .btn-thumbnail:hover {
    padding: .25rem 1rem;
    color: #fff;
    font-family: 'MontserratBold';
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.btn-bc {
    background: #77b1fe;
}

.game-thumbnail-wrapper:hover .btn-bc {
    background: #79b2fe;
}

.btn-bj {
    background: #eea914;
}

.game-thumbnail-wrapper:hover .btn-bj {
    background: #f0b22e;
}

.btn-rt {
    background: #e54242;
}

.game-thumbnail-wrapper:hover .btn-rt {
    background: #e85757;
}

.btn-gf {
    background: #8351ce;
}

.game-thumbnail-wrapper:hover .btn-gf {
    background: #9164d3;
}

.btn-cs {
    background: #ae2c73;
}

.game-thumbnail-wrapper:hover .btn-cs {
    background: #b74382;
}

.btn-dc {
    background: #ea883a;
}

.game-thumbnail-wrapper:hover .btn-dc {
    background: #ec9550;
}

.btn-jb {
    background: #a84cf9;
}

.game-thumbnail-wrapper:hover .btn-jb {
    background: #b260fa;
}

.btn-d3d {
    background: #5167d9;
}

.game-thumbnail-wrapper:hover .btn-d3d {
    background: #566de8;
}

.btn-ttm {
    background: #51b7d9;
}

.game-thumbnail-wrapper:hover .btn-ttm {
    background: #53bde0;
}

.badge-new {
    color: #fff;
    background: #A5BA27;
}

.badge-soon {
    color: #fff;
    background: #EB5757;
}

.col-support {
    width: 280px;
    border-right: 1px solid;
}

@media (max-width: 767px) {
    .col-support {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid;
    }
}

.col-support .h2 {
    font-size: 32px;
    line-height: 1.5em;
    text-transform: none;
    padding-right: 40px;
}

.table td, .table th {
    border-color: #827DC3 !important;
    white-space: nowrap;
}

.balance .balance-col {
    background-color: #323143 !important;
    border-radius: 10px;
}

@media (max-width: 575px) {
    .balance {
        display: none !important;
    }
}


.history-table {
    max-width: 155px;
}

.history-table .row {

    border: 1px solid #43415B;
    border-radius: 10px;
    padding: 5px;
}

.history-table .icon {
    width: 1rem;
    height: 1rem;
    fill: #fff;
}

.history-table .icon.good {
    fill: #a5ba27;
}

@media (max-width: 767px) {
    .history-table {
        max-width: 340px;
    }
}

.history-table .item {
    height: 45px;
    width: 45px;
    padding: .5rem;
    position: relative;
    z-index: 1;
}

.history-table .item:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-color: #43415B !important;
    border-radius: 10px;
    z-index: -1;
}

.betstable .icon {
    width: 1rem;
    height: 1rem;
}

.betstable .table {
    overflow-x: scroll;
}

.betstable .table td,
.betstable .table th {
    padding: 10px;
    border: none !important;
}

.betstable .table th {
    color: #8885B1 !important;
    font-family: 'MontserratSemiBold';
}

.betstable .table-dark.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: transparent !important;
}

.betstable .table-dark.table-striped tbody tr:nth-of-type(2n+1) td {
    background-color: transparent !important;
    position: relative;
    z-index: 1;
}

.betstable .table-dark.table-striped tbody tr:nth-of-type(2n+1) td:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #323143;
    position: absolute;
    z-index: -1;
}

.betstable .table-dark.table-striped tbody tr td:first-child {
    color: #8885B1 !important;
}

.betstable .table-dark.table-striped tbody tr:nth-of-type(2n+1) td:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.betstable .table-dark.table-striped tbody tr:nth-of-type(2n+1) td:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #ffff00;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-secondary {
    background-color: #6c757d7d;
}

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

.bg-dark {
    background-color: #1d1d1d !important;
    border-bottom: 1px solid #9c9c9c2e;

}

.btn-trx {
    background: #171717;
    border: 2px solid #ed3f22;
}

.btn-trx:hover {
    background: #171717;
    border: 2px solid #e64f34;
}

.btn-s {
    width: 100%;
    height: 28px;
    padding: 0;
}

.dg.a {
    margin-top: 60px !important;
}

/*
.panel-bg{
    background-color: #191935 !important;
}*/

.game-container {
    max-width: 100% !important;
    position: fixed;
    width: 100%;
    height: calc(100% - 80px);
}

.balance-container {
    height: 500px;
    max-width: 100%;
}

.gear-container {
    width: 100%;
    position: absolute;
    height: 100%;
    height: 500px;
    max-width: 100%;
}

@media (max-width: 991px) {
    .balance-container, .gear-container {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .gear-container, .balance-container, .slot-container {
        height: 70vw;
    }
}


.slot-container {
    width: 100%;
    height: 480px;
    margin-bottom: -7px;
}

.card-container {
    width: 100%;
    max-width: 700px;
}

.cards-info {
    font-size: 1.1rem;
}

.cards-info .col:not(:last-child) {
    border-right: 1px solid;
}

@media (max-width: 575px) {
    .cards-info .col:not(:last-child) {
        border-right: none;
    }
}

@media (max-width: 420px) {
    .cards-info {
        font-size: 0.9rem;
    }
}

.card-item {
    font-size: 1.2rem;
}

.card-item img {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
    transition: .5s;
}

.card-container .text-block {
    background-color: #1f1f1f;
    font-size: 56px;
    margin-top: 90px;
    color: #fffb00;
    border-radius: 10px;
    /* border-color: #fff51a; */
    border-width: 2px;
    padding-left: 20px;
    box-shadow: 1px 1px 10px black;
    padding-right: 20px;
    text-shadow: 0px 0px 4px white;
    opacity: 0;
    border-style: solid;
}

.card-item img, .card-3d {
    width: 150px;
    height: 210px;
}

@media (max-width: 500px) {
    .card-item {
        font-size: 1em;
    }

    .card-item img, .card-3d {
        width: 125px;
        height: 180px;
    }
}

@media (max-width: 420px) {
    .card-item img, .card-3d {
        width: 90px;
        height: 130px;
    }
}

/*
.card-container.showtext .card-item img {
    opacity: 0.5;
}*/

.card-container.showtext .text-block {
    opacity: 1;
}

.load-card, .card-cover, .result-card {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.load-card {
    color: white;
    text-shadow: 1px 1px 10px #000000;
    font-size: 60px;
}

.card-cover {
    -webkit-transform: perspective(600px) rotateY(-0deg);
    transform: perspective(600px) rotateY(-0deg);
    transition: transform .5s linear 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.result-card {
    -webkit-transform: perspective(600px) rotateY(-180deg);
    transform: perspective(600px) rotateY(-180deg);
    transition: transform .5s linear 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.card-3d.show .card-cover {
    -webkit-transform: perspective(600px) rotateY(-180deg);
    transform: perspective(600px) rotateY(-180deg);
}

.card-3d.show .result-card {
    -webkit-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.cards {
    width: 100%;
    max-width: 700px;
}

#cardsSelect {
    z-index: 2;
}

#cardsSelect .range {
    height: 10px;
    border-radius: 2px;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    height: 30px;
}

.range-track {
    background: linear-gradient(to right, #A5BA27 50%, #5C569C 50%);
    height: 7px;
    border-radius: 10px;
    width: 100%;
    top: 10px;
    z-index: -2;
}

.range-thumb {
    width: 28px;
    height: 28px;
    background: #FFF;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    border-radius: 50%;
    left: 50%;
    z-index: -1;
}

.range-tooltip {
    top: -35px;
    height: 30px;
    width: 40px;
    background-color: transparent;
    left: calc(50% - 28px);
    line-height: 0.8rem;
}

@media (max-width: 575px) {
    .range-tooltip,
    .corner-tooltip {
        display: none !important;
    }
}

.iconHistory {
    width: 10px;
    height: 10px;
}

.range-tooltip .icon {
    height: 0.8em;
    width: 0.8em;
}

.button-card .icon {
    height: 0.8em;
    width: 0.8em;
}

.side-card .icon {
    height: 0.7em;
    width: 0.7em;
}

.cards-list > div {
    color: #6c757d;
    transition: 0.15s;
}

.cards-list > div.active {
    color: #fff;
}

@media (max-width: 500px) {
    .range-select > div {
        font-size: 1rem;
    }
}

.range-select > div.disabled {
    color: #6c757d;
    cursor: not-allowed;
}

.control-panel {
    background-color: #373649;
    padding: 10px;
    border: none;
    border-radius: 10px;
}

.control-panel-cards {
    padding-left: 190px;
}

@media (max-width: 1400px) {
    .control-panel-cards {
        padding-left: 10px;
    }
}

@media (max-width: 575px) {
    .control-panel {
        background-color: transparent;
        padding: 0px;
        border-radius: 0px;
        margin-left: -15px;
        margin-right: -15px;

    }
}

.control-wrapper {
    max-width: 700px;
}

.control-wrapper-wide {
    max-width: 900px;
}

.soundIcon img {
    height: 28px;
}

.soundChat img {
    height: 30px;
}

.violet-tabs {
    background-color: transparent;
    border: none;
}

.violet-tabs .nav-link {
    background-color: #595076;
    border: none;
    color: #fff;
    border-radius: 10px;
    margin: 5px;
    padding: 10px 18px
}

.violet-tabs .nav-link.active {
    background-color: #4B27BA;
}

.result-col {
    color: #00da6c;
}

th {
    font-weight: normal;
}

@media (max-width: 500px) {
    .table-tabs .nav-link {
        padding: .5rem;
    }
}

@media (max-width: 420px) {
    .table-tabs .nav-link {
        font-size: 0.9rem;
    }
}

@media (max-width: 500px) {
    .input-group label.btn {
        padding: 0px;
    }
}

.table-tabs .nav-link:hover,
.table-tabs .nav-link.active {
    color: #fff;
}

.response-label {
    height: 44px;
}

@media (max-width: 500px) {
    .response-label {
        height: auto;
    }
}

.switch {
    font-size: 1rem;
    position: relative;
    outline: 0;
    box-shadow: 0;
    border: none;
}

.switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    padding: 0;
}

.switch input + label {
    position: relative;
    width: 100%;
    min-width: 50px;
    border-radius: 99px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    margin: 0px;
}

.switch input + label::before,
.switch input + label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    bottom: 0;
    display: block;
    right: 0;
}

.switch input + label::before {
    right: 0;
    background-color: #1F1F1F;
    border-radius: 99px;
    transition: 0.2s all;
}

.switch input + label::after {
    content: '';
    top: -6px;
    left: 1px;
    width: 24px;
    height: 24px;
    border-radius: 99px;
    background-color: #595076;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM1MzU1IDIuNjQ2NDVDOS41NDg4MiAyLjg0MTcxIDkuNTQ4ODIgMy4xNTgyOSA5LjM1MzU1IDMuMzUzNTVMMy4zNTM1NSA5LjM1MzU1QzMuMTU4MjkgOS41NDg4MiAyLjg0MTcxIDkuNTQ4ODIgMi42NDY0NSA5LjM1MzU1QzIuNDUxMTggOS4xNTgyOSAyLjQ1MTE4IDguODQxNzEgMi42NDY0NSA4LjY0NjQ1TDguNjQ2NDUgMi42NDY0NUM4Ljg0MTcxIDIuNDUxMTggOS4xNTgyOSAyLjQ1MTE4IDkuMzUzNTUgMi42NDY0NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi42NDY0NSAyLjY0NjQ1QzIuODQxNzEgMi40NTExOCAzLjE1ODI5IDIuNDUxMTggMy4zNTM1NSAyLjY0NjQ1TDkuMzUzNTUgOC42NDY0NUM5LjU0ODgyIDguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuMzUzNTUgOS4zNTM1NUM5LjE1ODI5IDkuNTQ4ODIgOC44NDE3MSA5LjU0ODgyIDguNjQ2NDUgOS4zNTM1NUwyLjY0NjQ1IDMuMzUzNTVDMi40NTExOCAzLjE1ODI5IDIuNDUxMTggMi44NDE3MSAyLjY0NjQ1IDIuNjQ2NDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    transition: 0.2s all;
}

.switch input:checked + label::after {
    margin-left: 25px;
    background-color: #4B27BA;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4zNTM1NSAwLjY0NjQ0N0M5LjU0ODgyIDAuODQxNzA5IDkuNTQ4ODIgMS4xNTgyOSA5LjM1MzU1IDEuMzUzNTVMMy44NTM1NSA2Ljg1MzU1QzMuNjU4MjkgNy4wNDg4MiAzLjM0MTcxIDcuMDQ4ODIgMy4xNDY0NSA2Ljg1MzU1TDAuNjQ2NDQ3IDQuMzUzNTVDMC40NTExODQgNC4xNTgyOSAwLjQ1MTE4NCAzLjg0MTcxIDAuNjQ2NDQ3IDMuNjQ2NDVDMC44NDE3MDkgMy40NTExOCAxLjE1ODI5IDMuNDUxMTggMS4zNTM1NSAzLjY0NjQ1TDMuNSA1Ljc5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NCA5LjE1ODI5IDAuNDUxMTg0IDkuMzUzNTUgMC42NDY0NDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.switch input:focus + label::before {
    outline: none;
}

.switch input:disabled + label {
    color: #868e96;
    cursor: not-allowed;
}

.switch input:disabled + label::before {
    background-color: #e9ecef;
}

footer {
    border-top: 1px solid #9c9c9c2e;
    background-color: rgba(0, 0, 0, .9);
    font-size: 14px;
}

.winTextAnimation {
    animation: fadeAndScale 0.5s 1 cubic-bezier(.71, 2.05, 0, 2);
    transform-origin: center bottom;
}

@keyframes fadeAndScale {
    from {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

}

.roadmap-row:first-child {
    padding-right: 0px;
}

.roadmap-row:first-child:before {
    content: '';
    width: 67%;
    height: 4px;
    background: #7f81eb;
    bottom: -2px;
    left: 0px;
    z-index: 1;
    position: absolute;
}

.roadmap-row:first-child:after {
    content: '';
    width: 0;
    height: 0;
    background: transparent;
    background-color: transparent !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #7f81eb;
    z-index: 1;
    position: absolute;
    display: none;
}

@media (max-width: 991px) {
    .roadmap-row:first-child {
        padding-right: 0;
    }

    .roadmap-row:first-child:before {
        height: auto;
    }

    .roadmap-row:first-child:after {
        display: block;
        top: 80%;
        right: -10px;
    }
}

.roadmap-row .roadmap-col:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #7f81eb;
    left: 0px;
    z-index: 3;
    position: absolute;
}

.roadmap-row .roadmap-col.done:before {
    background: #a9b847;
}

.roadmap-row .roadmap-col.actual:before {
    color: #a9b847;
    height: 24px;
    width: 24px;
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA50lEQVQ4jd2QMWpCQRCGvw2SAwRyAW2M4IoGbCyEFDbaeA4Lt9M9wVpubhByADsbSy0kjcV6BZMnYs6wNu/JPn3Cs9SBYYZ/mPn/+eHuQySN9z7XgtKyDrx+TjZzgKdb2JSWNWANjBIs9wGlZQVYABEwSPBcLygty8AP8A+0rHGRECKtQGn5orR8viJ7A2yBpjUuCueFoP+Oay9D9gHoWOMO5wShB19AV2k5i5eLwCqW3bDG/Wa9l/JAadkHpsASeAP2QDuLOfHgwsTgyA54t8b9ZTILkQa896ccjqsfw3G1FGLn+UBxBNFiYUWGDI16AAAAAElFTkSuQmCC);
    background-position: center;
    background-repeat: no-repeat;
    padding: 3px;
}

.roadmap-row:first-child .roadmap-col:before {
    bottom: -8px;
}

.roadmap-row:last-child .roadmap-col:before {
    top: -8px;
}

.roadmap-row:first-child .roadmap-col.actual:before {
    bottom: -12px;
}

.roadmap-row:last-child .roadmap-col.actual:before {
    top: -12px;
}

.roadmap-row:last-child {
    padding-left: 16%;
    padding-right: 16%;
}

@media (max-width: 991px) {
    .roadmap-row:first-child:before {
        width: 4px;
        height: 80%;
        top: 0px;
        bottom: auto;
        left: auto;
        right: -2px;
    }

    .roadmap-row:last-child {
        padding-top: 75px;
        padding-bottom: 0;
        padding-left: 0px;
        padding-right: 0px;
    }

    .roadmap-row .roadmap-col {
        min-height: 150px;
    }

    .roadmap-row .roadmap-col:before {
        left: auto;
        top: 0px;

    }

    .roadmap-row:first-child .roadmap-col:before {
        right: -8px;
    }

    .roadmap-row:last-child .roadmap-col:before {
        left: -8px;
    }

    .roadmap-row:first-child .roadmap-col.actual:before {
        right: -12px;
    }

    .roadmap-row:last-child .roadmap-col.actual:before {
        left: -12px;
    }
}

@media (max-width: 767px) {
    .roadmap-row {
        margin-bottom: -70px;
    }

    .roadmap-row:last-child {
        padding-top: calc(150px - 10vw);
        padding-bottom: 0;
    }

    .roadmap-row .roadmap-col {
        min-height: calc(350px - 20vw);
    }
}

@media (max-width: 575px) {
    .roadmap-row .roadmap-col .h5 {
        font-size: 1rem;
    }
}

/* Scroll */

.nicescroll-rails {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 99px !important;
}

.nicescroll-cursors {
    border: none !important;
    background: linear-gradient(251.57deg, #5FD4F4 0%, rgba(255, 255, 255, 0) 100%), #827EF1 !important;
    border-radius: 99px !important;
    width: 7px !important;
}

/* roboto-400normal - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url(assets/12551865605b915d209aa68d25308ede-Roboto-Regular.woff2) format("woff2");
}

/* roboto-700normal - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(assets/9af3b948743adc65907bf6b73aba735e-Roboto-Bold.woff2) format("woff2");
}

.d-none.card-invisible {
    display: block !important;
    opacity: 0;
}

/* smal card animation */

.smallcard {
    display: block;
    position: relative;
}

.smallcard .backside {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    transition: transform 0.5s linear;
}

.smallcard.opened .backside {
    transition: transform 0.3s linear;
}

.smallcard .backside img {
    display: inline-block;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform 0.5s linear;
}

.smallcard.opened .backside img {
    transition: transform 0.3s linear;
}

.smallcard .frontside {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform 0.5s linear;
    overflow: hidden;
}

.smallcard.opened .frontside {
    transition: transform 0.3s linear;
}

.smallcard .frontside img {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform 0.5s linear;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    transform: translateX(-100%);
}

.smallcard.opened .frontside img {
    border-radius: 0;
    transition: transform 0.3s linear;
}

.smallcard .frontside img:after {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 20px 0 30px -30px #000;
    content: "";
    opacity: 1;
    transition: transform 0.5s linear, opacity 0.2s ease-in-out;
    transform: translateX(100%);
}

.smallcard.opening .frontside div:after {
    transform: translateX(40%);
}

.smallcard.opening.opened .frontside div:after {
    opacity: 0;
    transform: translateX(0%);
}

.show-none {
    display: none;
}

.show-card > canvas {
    opacity: 0;
}

.roulette-limits {
    overflow: hidden;
    height: 25px;
}

@media (max-width: 420px) {
    .roulette-limits__item span {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .mobile-hide {
        display: none;
    }
}

@media (max-width: 768px) {
    #drawButton:hover,
    #spinVideoPokerButton:hover {
        background: #4B27BA;
    }

    #drawButton:active,
    #spinVideoPokerButton:active {
        background: #F43;
    }
}

@media (min-width: 768px) {
    .history-table-2n {
        max-width: 140px;
    }
}

#tablesModal .modal-content {
    background-color: #2C2B3B !important;
    background-image: none;
}

#tablesModal {
    padding: 0 !important;
}

.full-screen {
    max-width: 1200px !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.ChatBtn, .ChatBtn:hover {
    cursor: pointer;
    z-index: 1099;
    overflow: hidden;
    padding: 0px !important;
}

.icon-top, .icon-top:hover {
    width: 26px;
    height: 26px;
}

.icon-game, .icon-game:hover{
    width: 22px;
    height: 22px;
}

#chatra:not(.chatra--expanded) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none;
}

.top-title {
    width: 100%;
    max-height: 600px;
    overflow: hidden;
}

.top-title .title-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (max-width: 768px) {
    .top-title .title-wrapper {
        position: relative;
    }
}

.container-post {
    max-width: 760px;
}

.comment-form {
    padding: 2rem;
}

.comment-btn {
    background: #555185;
    font-family: 'MontserratSemiBold';
    color: #FFF !important;
    padding: 1.5rem 4rem;
    border-radius: 10px;
}

.comment-input,
.comment-input:focus {
    padding: 1.5rem 1rem;
    border-radius: 10px;
    background-color: #23222f;
    border: none;
}

.badge-news {
    color: #FFF !important;
    background: #6d9ee7;
    padding: 0.75rem 1rem;
}

@media (max-width: 768px) {
    .latest-news-title {
        font-size: 1.5rem;
    }

    .news-item h1 {
        font-size: 1.5rem;
    }
}

/*CHATBRO*/

.ChatbroBtn, .ChatbroBtn:hover {
    cursor: pointer;
    z-index: 1099;
    overflow: hidden;
}

.chatbro_copyright {
    display: none !important;
}

.chatbro_minimized_chat_s {
    width: 0px;
    height: 0px;
}

.chatbro_minimized_header {
    display: none !important;
}

.chatbro_minimized_header:before {
    display: none !important;
}

.chatbro_minimized_header:after {
    display: none !important;
    background: #000 !important;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50% !important;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -2;
}

.chatbro_minimized_caption {
    display: none !important;
}

.chatbro_participant_count_wrapper {
    display: none !important;
}

.hideChatArea {
    display: none;
}

.game-delimiter {
    /*background-color: #34406A;*/
    border: 1px rgba(115, 169, 242, 0.5);
    border-bottom-style: solid;
    /*border-top-style: solid;*/

    max-width: 1200px;
    height: 32px;
    font-size: 16px;
    margin-right: auto;
    margin-left: auto;

    margin-bottom: 10px;
}

.game-delimiter i {
    margin-right: 10px;
    margin-left: 10px;
}

.game-delimiter img {
    margin-right: 10px;
    margin-left: 10px;
}

.game-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

@media (max-width: 1080px) {
    .game-list {
        margin-left: auto;
    }
    
}

.slick-list {
    width: 100%;
}

.providers a {
    color: #D3D3D3;
    padding: .5rem 1rem;
    display: inline-block;
}

.providers a.active {
    color: #fff;
}

.providers a:hover {
    color: #fff;
    text-decoration: none;
}
.starCheck label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzg5LjYsNDk0Yy02LjksMC0xMy41LTIuMS0xOS4xLTYuMkwyNTYsNDA0LjZsLTExNC41LDgzLjJjLTUuNiw0LjEtMTIuMiw2LjItMTkuMSw2LjIKCQljLTYuOSwwLTEzLjUtMi4xLTE5LjEtNi4yQzkyLDQ3OS41LDg3LjIsNDY1LDkxLjYsNDUxLjZsNDMuNy0xMzQuNkwyMC44LDIzMy43QzkuNCwyMjUuNCw0LjcsMjEwLjksOSwxOTcuNQoJCUMxMy40LDE4NCwyNS44LDE3NSwzOS45LDE3NWgxNDEuNmw0My43LTEzNC42QzIyOS41LDI3LDI0MS45LDE4LDI1NiwxOGMxNC4xLDAsMjYuNSw5LDMwLjgsMjIuNEwzMzAuNiwxNzVoMTQxLjYKCQljMTQuMSwwLDI2LjUsOSwzMC44LDIyLjRjNC40LDEzLjQtMC40LDI4LTExLjgsMzYuM2wtMTE0LjUsODMuMmw0My43LDEzNC42YzQuNCwxMy40LTAuNCwyOC0xMS44LDM2LjMKCQlDNDAzLjEsNDkxLjksMzk2LjUsNDk0LDM4OS42LDQ5NHoiLz4KPC9nPgo8L3N2Zz4K);
    background-size: 100% 100%;
    opacity: 0.7;
}

.starCheck input[type=checkbox]:checked + label {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cjwvc3R5bGU+CjxnPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3LjQwODgiIHkxPSIyNTYuMDAwMiIgeDI9IjUwNC41OTIzIiB5Mj0iMjU2LjAwMDIiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMEYyRkUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIyLjA4MDAwMGUtMDIiIHN0eWxlPSJzdG9wLWNvbG9yOiMwM0VGRkUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjI5MzEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyNEQyRkUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1MzgiIHN0eWxlPSJzdG9wLWNvbG9yOiMzQ0JERkUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjc5NTYiIHN0eWxlPSJzdG9wLWNvbG9yOiM0QUIwRkUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojNEZBQ0ZFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM4OS42LDQ5NGMtNi45LDAtMTMuNS0yLjEtMTkuMS02LjJMMjU2LDQwNC42bC0xMTQuNSw4My4yYy01LjYsNC4xLTEyLjIsNi4yLTE5LjEsNi4yCgkJYy02LjksMC0xMy41LTIuMS0xOS4xLTYuMkM5Miw0NzkuNSw4Ny4yLDQ2NSw5MS42LDQ1MS42bDQzLjctMTM0LjZMMjAuOCwyMzMuN0M5LjQsMjI1LjQsNC43LDIxMC45LDksMTk3LjUKCQlDMTMuNCwxODQsMjUuOCwxNzUsMzkuOSwxNzVoMTQxLjZsNDMuNy0xMzQuNkMyMjkuNSwyNywyNDEuOSwxOCwyNTYsMThjMTQuMSwwLDI2LjUsOSwzMC44LDIyLjRMMzMwLjYsMTc1aDE0MS42CgkJYzE0LjEsMCwyNi41LDksMzAuOCwyMi40YzQuNCwxMy40LTAuNCwyOC0xMS44LDM2LjNsLTExNC41LDgzLjJsNDMuNywxMzQuNmM0LjQsMTMuNC0wLjQsMjgtMTEuOCwzNi4zCgkJQzQwMy4xLDQ5MS45LDM5Ni41LDQ5NCwzODkuNiw0OTR6Ii8+CjwvZz4KPC9zdmc+Cg==);
    opacity: 1;
}

.starCheck input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.event-fortune-wrapper {
    height: 400px;
    width: 400px;
}

.event-fortune-wheel.slow {
    -webkit-transition: 3s ease-out;
    -moz-transition: 3s ease-out;
    -o-transition: 3s ease-out;
    transition: 3s ease-out;
}
.wheel-tooltip {
    right: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}

.wheel-prize {
    background: -webkit-linear-gradient(left, #ffee00, #febd3c, #ffee00);
	background: linear-gradient(left, #ffee00, #febd3c, #ffee00);
    box-shadow: 0 0 20px #000;
    border-radius: 15px;
}

.wheel-prize span{
    background: -webkit-linear-gradient(top, #000, #424242, #000);
	background: linear-gradient(top, #000, #424242, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;	
	font-family: 'MontserratBold';
    font-size: 0px;
	margin: 0;
    font-weight: 400;
    line-height: 1em;
}

.wheel-prize.show {
    padding: 15px;
}

.wheel-prize.show span {
    font-size: 50px;
    transition: .25s;
}

.wheel-prize.show span.small {
    font-size: 25px;
    transition: .25s;
}

@media (max-width: 575px) {
    .wheel-prize.show span {
        font-size: 30px;
    }

    .wheel-prize.show span.small {
        font-size: 20px;
    }
}

.event-fortune-flag {
    z-index: 1;
    top: -20px;
    width: 40px;
    left: calc(50% - 20px);
    height: auto;
    filter: drop-shadow(0 0 5px rgba(0,0,0, .5));
}

@media (max-width: 480px) {
    .event-fortune-wrapper {
        height: 240px;
        width: 240px;
    }
}

.table-normal th:last-child, .table-normal td:last-child{
    padding-right: 0px!important;
}

.table-normal td {
    text-align: center!important;
}

.progress-event {
    overflow: visible!important;
    height: 14px!important;
    border-radius: 0PX!important;
    background-color: rgba(250, 224, 19, 1);
}

.progress-event .progress-bar {
    height: 20px!important;
    margin-top: -3px;
    position: relative;
    background-color: rgba(241, 126, 0, 1);
}

.progress-event .progress-bar:after {
    content: '';
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-left: 10px solid rgba(241, 126, 0, 1); 
    right: -9px;
}

.before-progress {
    height: 20px;
    width: 100%;
    background: -webkit-linear-gradient(left, rgba(241, 126, 0, 0), rgba(241, 126, 0, 1));
    background: linear-gradient(left, rgba(241, 126, 0, 0), rgba(241, 126, 0, 1));
}

.before-progress:after {
    content: '';
    position: absolute;
    height: 30px;
    width: 2px;
    top: -5px;
    right: 0px;
    background: #fff;
}

.after-progress {
    height: 14px;
    width: 100%;
    background: -webkit-linear-gradient(right, rgba(250, 224, 19, 0), rgba(250, 224, 19, 1));
	background: linear-gradient(right, rgba(250, 224, 19, 0), rgba(250, 224, 19, 1));
}

.after-progress:after {
    content: '';
    position: absolute;
    height: 30px;
    width: 2px;
    top: -8px;
    left: 0px;
    background: #fff;
}

.progress-levels {
    height: 10px;
    line-height: 10px;
}

.progress-line {
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(113, 113, 113, 1);
    z-index: 1;
}

.progress-line.active {
    background: rgba(250, 224, 19, 1);
    z-index: 1;
    left: auto;
    right: 5%;
    width: 67.5%;
}

.progress-dots {
    z-index: 2;
    border-left: 2px solid rgba(113, 113, 113, 1);
}

.progress-dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: -webkit-linear-gradient(top, rgba(205, 205, 205, 1), rgba(113, 113, 113, 1));
    background: linear-gradient(top, rgba(205, 205, 205, 1), rgba(113, 113, 113, 1));
    z-index: 2;
}

.progress-dot.active {
    background: -webkit-linear-gradient(top, rgba(250, 224, 19, 1), rgba(241, 126, 0, 1));
    background: linear-gradient(top, rgba(250, 224, 19, 1), rgba(241, 126, 0, 1));
}

.progress-dot.curent {
    position: relative;
}

.progress-dot.curent:after {
    position: absolute;
    content: 'TRX';
    background: -webkit-linear-gradient(top, rgba(250, 224, 19, 1), rgba(241, 126, 0, 1));
    background: linear-gradient(top, rgba(250, 224, 19, 1), rgba(241, 126, 0, 1));
    display: inline-block;
    height: 20px;
    width: 20px;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    font-size: 8px;
    padding: 5px 0;
    text-align: center;
    color: #181818;
}

.progress-dot.curent .value {
    position: absolute;
    width: 80px;
    top: -20px;
    left: -35px;
    text-align: center;
    color: rgba(250, 224, 19, 1);
}

.targer-wrapper {
    background: #292929;
}

.progress-dot .target {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    margin-top: -15px;
    margin-left: -15px;
}

.text-yellow-new {
    color: rgba(250, 224, 19, 1);
}

.lines-text {
    position: relative;
    line-height: 1em;
    display: inline-block;
}

.lines-text:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    margin-bottom: 4px;
    margin-right: 5px;
    background: -webkit-linear-gradient(right, rgba(250, 224, 19, 1), rgba(250, 224, 19, 0));
    background: linear-gradient(right, rgba(250, 224, 19, 1), rgba(250, 224, 19, 0));
}

.lines-text:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    margin-bottom: 4px;
    margin-left: 5px;
    background: -webkit-linear-gradient(left, rgba(250, 224, 19, 1), rgba(250, 224, 19, 0));
    background: linear-gradient(left, rgba(250, 224, 19, 1), rgba(250, 224, 19, 0));
}

.progress-event-wrapper.hot .before-progress{
    background: -webkit-linear-gradient(left, rgba(241, 126, 0, 0), rgba(218, 3, 3, 1));
    background: linear-gradient(left, rgba(241, 126, 0, 0), rgba(218, 3, 3, 1));
}

.progress-event-wrapper.hot .progress-event .progress-bar {
    background-color: rgba(218, 3, 3, 1);
}

.progress-event-wrapper.hot .progress-event .progress-bar:after {
    border-left: 10px solid rgba(218, 3, 3, 1); 
    right: -9px;
}
 

.home-collapse i {
    transform: rotate(0deg);
    transition: .3s;
}

.home-collapse.collapsed i {
    transform: rotate(90deg);
    transition: .3s;
}

.home-partners img {
    filter: grayscale(90);
    transition: .3s;
}

.home-partners img:hover {
    filter: grayscale(0);
}

.slide-defi-block {
    font-size: 16px;
    top: 65%;
    padding-left: 10%;
}

@media(max-width: 767px) {
    .slide-defi-block {
        font-size: 2.5vw;
    }
}

.slide-defi-btn {
    border-radius: 1.5em;
    font-size: 1.2em;
    background: linear-gradient(rgba(0,191,254, 1) 0%, rgba(1,102,236, 1) 100%);
    box-shadow: 0px 3px 3px 3px #000, inset 0 0 5px rgba(28,255,255, 1);
    width: auto;
    font-family: 'MontserratBold';
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    position: relative;
    z-index: 2;
}

.slide-defi-btn:hover {
    background-image: linear-gradient(rgba(1,102,236, 1) 0%, rgba(0,191,254, 1) 100%);
    color: #fff;
    box-shadow: 0px 0px 0px 0px #000, inset 0 0 5px rgba(28,255,255, 1);
}

main.game-open ~ #chat-widget-container {
    display: none;
}