/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 15, 2023 */



@font-face {
    font-family: 'gameria';
    src: url('../fonts/gameria-webfont.woff2') format('woff2'),
        url('../fonts/gameria-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cnfont';
    src: url('../fonts/ShanghaiFace-RockGB-Heavy.woff2') format('woff2'),
        url('../fonts/ShanghaiFace-RockGB-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html:lang(cn) .bmenu h4 {
    font-weight: 900;
    font-size: 17px !important;
    font-family:'cnfont' !important 
}
html:lang(cn) .modal-header h2, html:lang(cn) .modal-body .tab-content h2, html:lang(cn) .game-card-title h2, html:lang(cn) h2.red-title-bg,html:lang(cn) h2.blue-title-bg, html:lang(cn) #pool-detail h3.text-white, html:lang(cn) .modal-body h2, html:lang(cn) .dropd-side a span, html:lang(cn) #tribute_overview_section h4.menu-bg, html:lang(cn) .rank_slider h4.text-white.mt-3, html:lang(cn) .leader-inner .leader-sub button, html:lang(cn) .leader-title ul li.nav-item a, html:lang(cn) .yellow-bg-gr ul.nav li.nav-item a.btno {
    font-weight: 900;
}
html:lang(cn) .leader-title h3, html:lang(cn) h4.text-center.t-shadow, html:lang(cn) .blue-title-bg h2, html:lang(cn) .row > .col-12 > h3.t-shadow.fs-2x, html:lang(cn) .nc-title h2, html:lang(cn) #rank_upgrade_criteria_section h1, html:lang(cn) #hoard_div ul.nav li.nav-item a, html:lang(cn) .brown-t-bar .col-12 h2.text-white, html:lang(cn) .row.mt-20 > h2.text-center.t-shadow-b, html:lang(cn) .wrapper-content .col-md-12 h1.fs-2x, html:lang(cn) .new_form_heading h3 {
    font-family: 'cnfont' !important;
}
@font-face {
    font-family: 'hobo';
    src: url('../fonts/hobo_regular-webfont.woff2') format('woff2'),
        url('../fonts/hobo_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.w-inherit {
    width: inherit !important
}

.container-xs {
    width: 540px
}
img.tkri {
    width: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
h2.tkr {
-webkit-text-stroke: 2px #ab6a05;
    color: #ffec83;
    text-shadow: 1px 1px 1px #000;
}
.box .langbox {
    position: absolute;
    bottom: 0px;
    right: 35px; 
}

.gloader {
    width: 50px;
    height: 50px;
}

.langbox select.form-control {
    background-color: transparent;
    border: 0px;
    font-family: 'hobo';
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

.language_switcher_register select.form-control {
    background-color: transparent;
    border: 0px;
    font-family: 'hobo';
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}
.gradient-text {
    background-color: red;
    background-image: linear-gradient(45deg, #f5d473, #eee5b7);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.nft-card .KingNFT .nft-card-inner {
    background-image: url(../img/nfts/king-bg.jpg);
}

.nft-card.NEW_POOL .nft-card-inner {
    background-image: url(../img/nfts/ruby-bg.jpg) !important;
}

.nft-card.INVESTOR_POOL .nft-card-inner {
    background-image: url(../img/nfts/investor_nft_bg.png) !important;
}
.nft-card-design.Special {
    background: linear-gradient(145deg, rgba(255, 236, 74, 1) 0%, rgba(249, 141, 67, 1) 100%);
}
.nft-card .nft-card-inner {
    background-image: url(../img/nfts/avatar-bg.jpg);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0px -1px 4px 0px rgb(0 0 0 / 60%) inset
}
.Epic .symbol-group .symbol, .Epic .symbol-group .symbol img, .Legend .symbol-group .symbol, .Legend .symbol-group .symbol img {
    width: 22px;
    height: 22px;
}
.Mythic .symbol-group .symbol, .Mythic .symbol-group .symbol img {
    width: 18px;
    height: 18px;
}
.n-top img {
    right: -15px;
    filter: drop-shadow(0px 1px 0 black) drop-shadow(0px -1px 0 black)
}
.nft_product_image {
    height:200px
}
.r-bar {
    border: 1px solid #000;
    background: linear-gradient(180deg, rgba(38, 197, 255, 1) 0%, rgba(21, 157, 243, 1) 50%);
}

.matured-progress-bar
{
    border: 1px solid #000;
    background: linear-gradient(180deg, rgb(254 255 163) 0%, rgb(255 204 0) 50%) !important; 
}

.dragon_full
{
    filter: grayscale(1);
    box-shadow: none !important;
}

.new_ribbon_class
{
    margin-top: -4px;
    position:absolute;
    z-index:1;
    width: 28%;
    right: 13px;
    top: 0px;
}

.rest_nft_div {
    width: 55px;
    height: 55px;
    font-size:15px;
    position: fixed;
    background-color: #2e6cfc;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-25deg);
    border-radius: 100%;
    border: dotted 3px #fff;
    margin-left: 440px;
    margin-top: 50px;
    cursor: pointer;
    z-index:999 
}

.nft-card .matured {
    width: 55px;
        height: 55px;
    font-size:15px;
        position: absolute;
        background-color: #2e6cfc;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(-25deg);
        border-radius: 100%;
        border: dotted 3px #fff;
        margin-left: -20px;
        margin-top: 10px;
}

.roi-bar-frame {
    box-shadow: inset 1px 4px 3px rgb(0 0 0 / 70%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px
}
.nft-img.new-custom-live-position {
    text-align:center
}
.nft-card .n-top h4 {
    color: #f2dda3;
}

.nft-count {
    background-color: #386ce4 !important;
    border: 1px solid #444 !important
}

.nc-body h3 {
    color: #604221
}

.nc-body h3 {
    color: #604221;
    font-family: 'hobo' !important;
    font-weight: 800 !important;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 3px !important;
    text-transform: uppercase;
}
#support_tickets_table p {
    color: #000;
}
.nft-card.active {
    border: 3px solid #ffcd4b;
}
.swal2-container .swal2-html-container {
    padding: 8px 15px;
    border-radius: 5px;
    font-family: 'hobo';
    color: #fff;
    text-shadow: 1px 1px #000;
    font-size: 16px;
}
.b-bg, .swal2-container .swal2-html-container {
    background-color: #b79080;
    border: 1px solid #604220;
}

.nc-title h2 {
    background-color: #8f5441;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #753e20;
}

.nft-card-info, .swal2-container.swal2-center>.swal2-popup {
    background: radial-gradient(circle, rgba(214, 191, 164, 1) 0%, rgba(192, 170, 138, 1) 100%);
    border-radius: 15px;
    border: 2px solid #222
}

.nft-card-info-inner {
    border: 2px solid #e6d2b7;
    border-radius: 15px;
}
.box .invalid-feedback strong {
    color: #fff !important;
}
.modal.container-xs {
    width: 100%;
    margin: 0 auto;
    left: auto;
    right: auto;
    max-width:540px
}
.n-top {
    margin-top: -10px;
}
.news-d img {
    border: 2px solid #fff;
}
.nft-card form-check-custom.form-check-solid .form-check-input:checked {
    background-color: #23ff2e;
}
.nft-card-design.epic {
    background: linear-gradient(133deg, rgba(241, 196, 48, 1) 0%, rgba(243, 158, 52, 1) 100%);
}

.nft-card-design.normal {
    background: #fff
}
#pool-detail {
    border-left: 1px solid #102a43;
    border-right: 1px solid #102a43;
    border-bottom: 1px solid #102a43;
    border-radius:5px  
}
.custom_new_form_form label {
    color: #fff !important;
    line-height: 1;
    font-family: hobo !important;
    padding-left: 10px;
    font-size: 14px;
}
label#pool_deposit_amount-error, label#pool_security_password-error {
    color: #fff !important;
    line-height: 1;
    margin-top: -5px !important;
    margin-bottom:5px 
}
.hoard-history {
    border: 1px solid #000;
    border-radius: 5px;
}
#pool-detail > .col-12, .hoard-history > .col-12, .hoard-history > .col-12 > .brown-t-bar {
    border-radius: 5px 5px 0px 0px;     
}
.nft-card-design.Citizen {
    background: #fff
}

.nft-card-design.Elite {
    background: linear-gradient(145deg, rgba(255,183,219,1) 0%, rgba(189,64,219,1) 100%)
}

.nft-card-design.Master {
    background: linear-gradient(145deg, rgba(255,236,74,1) 0%, rgba(249,141,67,1) 100%);
}

.nft-card-design.GrandMaster {
    background: linear-gradient(145deg, rgba(201,255,93,1) 0%, rgba(4,157,43,1) 100%);
}
.nft-card-design.Epic {
    background: linear-gradient(145deg, rgba(251,156,91,1) 0%, rgba(219,29,127,1) 100%);
}
.nft-card-design.Legend, .nft-card-design.Custom {
    background: linear-gradient(145deg, rgba(133,220,255,1) 0%, rgba(219,29,156,1) 100%)
}

.nft-card-design.Mythic {
    background: linear-gradient(145deg, rgba(73, 223, 244, 1) 0%, rgba(227, 70, 57, 1) 100%)
}

.nft-card-design {
    border: 2px solid #000;
    margin-bottom: 8px;
    border-radius: 15px;
    box-shadow: 1px -5px 5px 0px rgb(0 0 0 / 60%) inset
}

.nft-card {
    background-color: rgba(0,0,0,0.4);
    border-radius: 15px;
}

.ff-game {
    font-family: gameria !important;
}

.nft-card .n-top h4 {
    color: #fff
}

.nft-card .symbol-group .symbol {
    margin-left: 2px
}

.nft-card .roi-bar img {
    position: relative;
    left: -10px;
    top: -10px;
}

.ff-hobo {
    font-family: hobo !important
}

.g-modal .modal-header {
    border-bottom: 0px;
    box-shadow: inset 0px 2px 0px 0px #64b9dc;
}

.g-modal .modal-body {
    box-shadow: inset 0px -4px 1px 0px #133765;
}

.score-title {
    color: #fbc322
}

.g-modal .modal-content {
    background: linear-gradient(180deg, rgba(67, 138, 181, 1) 0%, rgba(41, 92, 136, 1) 100%);
    border: 1px solid #000
}

.blue-bg {
    background-color: #285c86
}

.dblue-bg {
    background-color: #173854
}

.main-body {
    padding-bottom: 90px
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
button,
th {
    font-family: gameria !important;
    font-weight: 100;
    letter-spacing: 1px
}

thead.table-b-bg {
    background-color: #b94c02;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.w-90 {
    width: 90% !important;
}

.col-2x.active {
    background: linear-gradient(180deg, rgba(125, 112, 84, 1) 0%, rgba(169, 145, 103, 1) 100%);
    border-top: 2px solid #938269 !important;
    border-left: 1px solid #60553e;
    border-right: 2px solid #60553e;
}
a.view_image {
    color: #fff;
}
.bmenu .col-2x.active h4 {
    transform: translateY(-2px) scale(1.2);
}
.text-center.pagination-pool-all {
    margin-top: 10px;
}
.hoard-history a.page-link {
    color: #dcdcdc;
}

.leader-title li.ruby a.active.t-shadow {
    background: linear-gradient(180deg, rgb(208 45 45) 10%, rgb(231 62 62) 100%);
    box-shadow: none !important;
    color: #ffe894 !important;
    border-top: 2px solid #ee9393;
}
.blue-bg-gr {
    background: radial-gradient(circle, rgba(21, 154, 192, 1) 0%, rgba(18, 86, 139, 1) 100%);
    border-top: 1px solid #102a43;
    border-bottom: 1px solid #102a43;
}
div .red-title-bg {
        background: radial-gradient(circle, rgb(97 15 15) 0%, rgb(225 54 42) 100%) !important;
    border-top: 1px solid #3a0c0c !important;
    border-bottom: 1px solid #3a0c0c !important;
    box-shadow: none !important;
}
.dred-bg {
    background-color: #501515;
}
#new_hoard #pool-detail {
    border-left: 1px solid #4e1010;
    border-right: 1px solid #4e1010;
    border-bottom: 1px solid #4e1010;
    border-radius: 5px;
}
.red-bg-gr {
    background: radial-gradient(circle, rgb(210 25 25) 0%, rgb(125 16 24) 100%);
    border-top: 1px solid #431010;
}
/**.hoard-history table tr:nth-child(odd) {
    background-color:#223643
}
.hoard-history table tr:nth-child(even) {
    background-color:#1a2c38
}
**/
.yellow-bg-gr {
    background: radial-gradient(circle, rgba(234, 199, 119, 1) 0%, rgba(218, 136, 71, 1) 100%)
}
.stake-bg-gr {
    background: radial-gradient(circle, rgba(79, 117, 141, 1) 0%, rgba(15, 33, 46, 1) 100%)
}

.dblue-t-bar {
    background-color: #102d47
}

.blue-bg {
    background-color: #285c86;
    border-top: 1px solid #102a43;
    border-bottom: 1px solid #102a43;
}

.text-light-blue {
    color: #5c89b4
}
.desktop-slider a.slide-arrow {
    box-shadow: none !important;
    border: 2px solid #fff;
    background: rgba(0,0,0,0.5);
}
.bmenu .col-2x.active img {
    transform: translateY(-13px) scale(1.3);
}

.t-shadow {
    text-shadow: 0px 1px 2px #000
}

.row.bmenu {
    border: 1px solid #68514d;
    border-bottom:0px
}

.bmenu .col-2x {
    padding: 7px;
    border-right: 2px solid #918b7f;
    border-bottom: 3px solid #8c8576;
    border-top: 2px solid #e9e9dc;
}

.row.bmenu {
    background: linear-gradient(180deg, rgba(219, 215, 212, 1) 0%, rgba(206, 199, 186, 1) 100%);
}

h4.menu-bg {
    padding: 7px 0px;
    position: relative;
}

.bmenu img {
    width: 85%;
}

.t-shadow-b {
    text-shadow: -1px 2px #000;
}

.brown-t-bar {
    background-color: #6b2e05
}

.game-card-title {
    background: radial-gradient(circle, rgba(193, 46, 30, 1) 0%, rgba(193, 46, 30, 0) 100%);
    border-top: 1px solid #dca83c;
    border-bottom: 1px solid #dca83c;
}

thead.table-blue-bg {
    background-color: #173956;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.deposit-card-title {
    background: radial-gradient(circle, rgba(45, 139, 208, 1) 10%, rgba(62, 179, 231, 1) 100%);
    border-top: 1px solid #1c3e58;
    border-bottom: 2px solid #1c3e58 !important;
}

.text-yellow {
    color: #ffe894 !important
}

div .blue-title-bg {
    background: radial-gradient(circle, rgba(15, 41, 66, 1) 0%, rgba(40, 89, 130, 1) 100%) !important;
    border-top: 1px solid #0c273a !important;
    border-bottom: 1px solid #0c273a !important;
    box-shadow: none !important
}

.leader-frame {
    border-radius: 10px;
    border: 1px solid #000;
    background: linear-gradient(180deg, rgba(232, 208, 164, 1) 0%, rgba(193, 144, 81, 1) 100%);
}

.leader-inner {
    border: 1px solid #1f4263;
    background: linear-gradient(169deg, rgba(45, 89, 128, 1) 0%, rgba(14, 46, 77, 1) 100%);
    border-radius: 7px
}

.leader-title {
    background: radial-gradient(circle, rgba(55, 122, 171, 1) 0%, rgba(47, 111, 160, 1) 100%);
    box-shadow: inset 0px -5px 0px #2a608a !important;
    border-radius: 6px 6px 15px 15px;
    border: 0.8px solid #224364
}

.leader-body {
    background-color: #32688e;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #1a3656
}

.leader-body .first {
    background: linear-gradient(180deg, rgba(235, 194, 118, 1) 50%, rgba(229, 180, 99, 1) 50%);
    border-top: 1px solid #f9da9f
}

.leader-body .second {
    background: linear-gradient(180deg, rgba(224, 224, 224, 1) 50%, rgba(215, 215, 215, 1) 50%)
}

.leader-body .third {
    background: linear-gradient(180deg, rgba(230, 189, 169, 1) 50%, rgba(226, 174, 147, 1) 50%)
}

.leader-body .fourth, .leader-body .fifth {
    background: linear-gradient(180deg, rgb(83, 180, 167,1) 50%, rgba(63, 143, 141, 1) 50%)
}

.leader-body .normal {
    background: #4a95c7
}

.leader-body>.col-12>.row {
    border-radius: 5px;
    box-shadow: 1px 2px 2px #144672
}

.leader-body .rank {
    transform: scale(1.1);
}

.first .score {
    background-color: #c08048;
    border-radius: 10px;
    border-bottom: 1px solid #efc987;
    box-shadow: inset 0px 1px 0px 0px #976133
}

.second .score {
    background-color: #929292;
    border-radius: 10px;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: inset 0px 1px 0px 0px #6c6c6c
}

.third .score {
    background-color: #9f745e;
    border-radius: 10px;
    border-bottom: 1px solid #f1c7a9;
    box-shadow: inset 0px 1px 0px 0px #7b5848
}

.fourth .score, .fifth .score {
   background-color: #2a6a68;
    border-radius: 10px;
    border-bottom: 1px solid #0b3e3d;
    box-shadow: inset 0px 1px 0px 0px #043b38;
}

.normal .score {
    background-color: #2d698e;
    border-radius: 10px;
    border-bottom: 1px solid #4c9ace;
    box-shadow: inset 0px 1px 0px 0px #2c678c
}

.leader-body .first .rank {
    transform: scale(1.2);
}

.score img {
    filter: drop-shadow(0px 1px 0 black) drop-shadow(0px -1px 0 black);
    margin-right: -5px;
    transform: scale(1.1);
}

.leader-title a.text-white {
    background: linear-gradient(180deg, rgba(87, 160, 210, 1) 10%, rgba(65, 115, 164, 1) 100%);
    border: 0px;
    box-shadow: inset 0px -3px 0px #29508a !important;
    border-top: 2px solid #93caee;
    border-radius: 7px
}

.leader-title a {
    background: linear-gradient(180deg, rgba(87, 160, 210, 1) 10%, rgba(65, 115, 164, 1) 100%);
    border: 0px;
    box-shadow: inset 0px -3px 0px #29508a !important;
    border-top: 2px solid #93caee;
    border-radius: 7px
}

.leader-title a.active {
    background: linear-gradient(180deg, rgba(45, 139, 208, 1) 10%, rgba(62, 179, 231, 1) 100%);
    box-shadow: none !important;
    color: #ffe894 !important
}

.leader-title a.active.t-shadow {
    background: linear-gradient(180deg, rgba(45, 139, 208, 1) 10%, rgba(62, 179, 231, 1) 100%);
    box-shadow: none !important;
    color: #ffe894 !important
}

.leader-sub button {
    background: linear-gradient(180deg, rgba(248, 208, 122, 1) 50%, rgba(240, 172, 75, 1) 50%);
    border: 0px;
    box-shadow: inset 0px -3px 0px #974a19 !important;
    border-top: 1px solid #b05d26;
    border-radius: 7px
}
#bet_history_table td span.d-block p.rounded {
    margin-bottom: 3px !important;
}
.text-player-color {
    color:#5f87e0 !important
}
.text-banker-color {
    color:#cf584d !important
}
.leader-sub button.active {
    background: linear-gradient(180deg, rgba(238, 171, 73, 1) 20%, rgba(251, 215, 104, 1) 73%);
    box-shadow: none !important;

}

.b-frame, .leader-title li.nav-item {
    background-color: #152b3f;
    border-bottom: 1px solid #4a89b8;
    border-radius: 10px
}

.btnb {
    text-shadow: -1px 2px #000;
    background: linear-gradient(180deg, rgba(86, 168, 255, 1) 0%, rgba(37, 109, 233, 1) 100%) !important;
    border: 1px solid #000 !important;
    box-shadow: inset 0px -5px 0px #0f4b9a !important
}
.btnblack {
    text-shadow: -1px 2px #000;
    background: linear-gradient(180deg, rgb(70 96 124) 0%, rgb(12 22 40) 100%) !important;
    border: 1px solid #000 !important;
    box-shadow: inset 0px -5px 0px #000000 !important;
}
.hoard-history .btno.active {
    box-shadow: inset 0px 1px 24px #522401 !important;
    color: #ffe894 !important
}

.hoard-history .btno {
    background: linear-gradient(180deg, rgba(251, 169, 42, 1) 0%, rgba(237, 130, 10, 1) 100%);
    text-shadow: -1px 2px #000;
    border: 1px solid #000 !important;
    box-shadow: inset 0px -5px 0px #974000 !important
}

.btng {
    text-shadow: -1px 2px #000;
    background: linear-gradient(180deg, rgba(88, 230, 29, 1) 0%, rgba(65, 188, 8, 1) 100%);
    border: 1px solid #000 !important;
    box-shadow: inset 0px -5px 0px #1c7c00;
}
.btnr {
    text-shadow: -1px 2px #000;
    background: linear-gradient(180deg, rgba(250,94,91,1) 0%, rgba(187,11,10,1) 100%);
    border: 1px solid #000 !important;
    box-shadow: inset 0px -5px 0px #5c0300;
}
.btny {
    text-shadow: -1px 2px #000;
    border: 1px solid #000 !important;
    background: linear-gradient(180deg, rgba(252, 211, 4, 1) 0%, rgba(251, 182, 1, 1) 100%) !important;
    box-shadow: inset 0px -5px 0px #b94c02 !important
}

p,
span,
td {
    font-family: hobo
}

.menu-bg {
    background: radial-gradient(circle, rgb(20, 20, 20, 0.6) 50%, rgba(250, 250, 250, 0) 100%);
}

.bg-gray {
    background-color: #1e1403
}

.bg-dblue {
    background-color: #0c2027
}

.bg-dblue2 {
    background-color: #173652
}

.m--10 {
    margin-top: -10px
}

.col-2x {
    flex: 0 0 auto;
    width: 20%;
}

.dropd-side {
    top: 80px
}

.dropd-side img {
    transform: scale(1.4)
}

.nft-card-design.food,
.nft-card-design.food .nft-card-inner {
    box-shadow: none;
    background: radial-gradient(circle, rgba(87, 173, 253, 1) 0%, rgba(46, 108, 254, 1) 100%);
}

.nft-card-design.food .nft-img img {
    height: 140px;
    width: auto !important;
    margin-bottom: 5px;
}
.nft-img {
    text-align: center;
}
.b-0 {
    border: 0px
}

.game-card-desc {
    background: radial-gradient(circle, rgba(60, 62, 140, 1) 80%, rgba(44, 43, 112, 1) 100%);
    box-shadow: 0px -2px 0px 1px rgb(26 28 29 / 71%) inset;
}

.game-card-image.one {
    box-shadow: 0px 1px 0px 1px rgb(255 255 255 / 75%) inset;
    border-radius: 5px 5px 0px 0px
}

.diff {
    background: linear-gradient(90deg, rgba(250, 196, 33, 1) 0%, rgba(226, 108, 21, 0.1) 88%)
}

.game-card-desc .food {
    background: radial-gradient(circle, rgba(37, 27, 91, 1) 0%, rgba(59, 58, 134, 1) 100%);
}

.o-but {
    background-color: #eb9142;
    border-bottom: 2px solid #fedc68;
}

.text-do {
    color: #aa4423
}

.text-db {
    color: #093e82
}
.coin.tm a.text-white {
    text-decoration: underline;
}
.b-but {
    background-color: #068abd;
    border-bottom: 2px solid #0b3d83;
}

.game-card {
    overflow: hidden
}

.mr--7 {
    margin-right: -7px
}
.wallet {
    background-size:cover;
    background-position:center
}
.wallet-crypto {
    background-image: url(../img/wallets/crypto-wallet.jpg);
}
.wallet-diamond {
    background-image: url(../img/wallets/diamond-wallet.jpg);
}
.wallet-gdt {
    background-image: url(../img/wallets/GDT-Wallet-Banner.png);
}
.wallet-gdt-web3 {
    background-image: url(../img/wallets/GDT-Wallet-Banner.png);
}
.wallet-rp {
    background-image: url(../img/wallets/rp-wallet-cover.png);
}
.wallet-withdraw {
    background-image: url(../img/wallets/withdraw-wallet.jpg);
}
.wallet-token {
    background-image: url(../img/wallets/token-wallet.jpg);
}
.wallet-chips {
    background-image: url(../img/wallets/chips-wallet.jpg);
}
.game-card-image.one {
    background-image: url(../img/games/game-bg.jpg);
    background-size: cover;

}

body.page-bg.home {
    background-image: url(../img/home-bg.jpg)
}

body.page-bg.hoard {
    background-image: url(../img/hoard/hoard-bg.jpg)
}

.error {
    color: rgb(213 1 1) !important;
    font-family: 'hobo' !important;
    font-size: 15px;
}

/* desktop slider in dashbiard */
.desktop-slider .slick-track {
    top: 35px;
    padding-bottom: 55px;
}

.desktop-slider .slide-arrow.next-arrow.slick-arrow {
    position: absolute;
    top: 35%;
    right: -30px;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    /* background: linear-gradient(90deg, rgba(114,220,128,1) 0%, rgba(116,211,182,1) 100%) !important; */
    z-index: 1;
    line-height: 1;
    text-align: center;
    box-shadow: inset 0px 0px 6px 4px #d04bd9;
}

.desktop-slider .slide-arrow.prev-arrow.slick-arrow {
    position: absolute;
    top: 35%;
    left: -30px;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    /* background: linear-gradient(90deg, rgba(114,220,128,1) 0%, rgba(116,211,182,1) 100%) !important; */
    box-shadow: inset 0px 0px 6px 4px #d04bd9;
    z-index: 1;
    line-height: 1;
    text-align: center;
}

.desktop-slider .slide-arrow img {
    /* width: 10px; */
    width: 38px;
}
/* ------Rank Slider STARTS------------ */

.rank_slider a.slide-arrow {
    box-shadow: none !important;
    border: 2px solid #fff;
    background: rgba(0,0,0,0.5);
}

.rank_slider .slick-track {
    top: 35px;
    padding-bottom: 55px;
}

.rank_slider .slide-arrow.next-arrow.slick-arrow {
    position: absolute;
    top: 35%;
    right: -30px;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 1;
    line-height: 1;
    text-align: center;
    box-shadow: inset 0px 0px 6px 4px #d04bd9;
}

.rank_slider .slide-arrow.prev-arrow.slick-arrow {
    position: absolute;
    top: 35%;
    left: -30px;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: inset 0px 0px 6px 4px #d04bd9;
    z-index: 1;
    line-height: 1;
    text-align: center;
}

.rank_slider .slide-arrow img {
    width: 38px;
}
/* --------Rank Slider ENDS---------- */




/* new dropdown css */
.custom_dropdown_new_menu {
    transition: visibility 0s linear 0.1s, opacity 0.33s linear;
    visibility: visible;
    opacity: 1;
}

.custom_dropdown_new_menu.hidden {
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
    visibility: hidden;
    opacity: 0;
}


/* responsive site css */

.padding-bottom-dynamic {
    padding-bottom: 150px;
}

@media only screen and (max-width: 991px) {
    .padding-bottom-dynamic {
        padding-bottom: 100px;
    }
}
@media only screen and (max-width: 600px) {
    .nft-card .matured {
        margin-top:-5px
        
    }
    
}
.modal-content div#hoard_tab_content {
    padding: 0px;
}
@media only screen and (max-width: 540px) {
    .custom-container-at-540 {
        width: 100%;
    }
    .nft_product_image {
        height:125px !important
    }
}
.tab-content .tab-pane#old_hoard .row.mt-20, #old_hoard + #new_hoard .row.mt-20 {
    margin-top: 0px !important;
}
/* sign in page css */
.custom_dragon_new_box {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.custom_dragon_new_box .dragon-top-width {
    max-width: 130px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.custom_dragon_new_box .custom-container-at-540 {
    max-width: 540px;
    margin: 0 auto;
    z-index: 9;
}

.custom_dragon_new_box .bottom-dragon-owner {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 300px;
}

.custom_dragon_new_box .bottom-dragon-owner figure {
    margin: 0;
}

.custom_dragon_new_box .new_form_box_head {
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: -181px;
    max-width: 390px;
    z-index: 10;
}

.custom_dragon_new_box .custom_new_form_form {
    width: 100%;
}

.custom_dragon_new_box .box {
    background: rgb(47, 109, 254);
    background: linear-gradient(0deg, rgba(47, 109, 254, 1) 0%, rgba(87, 174, 253, 1) 100%);
    width: 90%;
    margin: 0 auto;
    padding: 30px 20px 20px;
    border-radius: 5px;
}

.custom_dragon_new_box .custom_new_form_btn {
    text-shadow: -1px 2px #000;
    border: 1px solid #000 !important;
    background: linear-gradient(180deg, rgba(252, 211, 4, 1) 0%, rgba(251, 182, 1, 1) 100%) !important;
    box-shadow: inset 0px -5px 0px #b94c02 !important;
    font-size: 20px;
    color: #fff;
    font-family: gameria !important;
    width: 100%;
}

.custom_dragon_new_box .dragon_wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.custom_dragon_new_box .new_form_heading h3 {
    font-size: 42px;
    color: #fff;
    text-shadow: 2px 3px #000;
}

.custom_dragon_new_box .new_form_heading p {
    color: #fff;
    font-size: 15px;
}

.custom_dragon_new_box .font-family-hobo {
    font-family: 'hobo' !important;
}

.custom_dragon_new_box .custom-yellow-anchor {
    color: rgba(252, 211, 4, 1);
}

.custom_dragon_new_box .form-field input {
    border: 1px solid #000;
    margin-bottom: 6px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'hobo' !important;
}

.custom_dragon_new_box .form-field .custom_forget_password {
    text-decoration: none;
    font-size: 12px;
}

.custom_dragon_new_box .not_member {
    font-size: 14px;
    color: #ffffff9c;
}

.custom_dragon_new_box .not_member a {
    font-size: 15px;
}

.new-custom-live-position .nft_newproduct_image {
    margin-bottom: 8px;
    width: auto !important;
    min-height:auto !important
}
.custom-width-home-dragon {
    width: 280px;
    margin: 0 auto;
}

.custom-width-home-dragon-2 {
    width: 200px;
    margin: 0 auto;
}

/* .new-custom-live-position .custom-position-unset {
    position: unset !important;
    z-index: unset;
} */

.custom-mainmenu-section .custom-mainmenu-index {
    z-index: 99;
}
.hoard-history li.page-item.active span.page-link {
    background-color: #7d3302;
}
.new-custom-list-item .custom-nav-link{
    color: #fff !important;
}
.new-custom-list-item .custom-nav-link:hover{
    border-bottom: 1px solid transparent !important;
}
.hoard-history .cus-right-border-1 {
    border: 0px;
}
.hoard-history tbody tr.t-shadow td {
    font-size:12px
}

.hoard-history table thead td {
    padding: 9px;
    font-size: 12px;
    font-family: 'gameria';
    text-shadow: none;
    letter-spacing: 1px;
    border:0px !important 
}
.new-custom-list-item .custom-nav-link.active {
    background-color: #fdc803 !important;
    border-bottom: none !important;
    color: #fff !important;
}
.new-custom-list-item-2 .custom-nav-link-2{
    color: #fff !important;
}
.new-custom-list-item .custom-nav-link-2:hover{
    border-bottom: transparent !important;
}
.new-custom-list-item-2 .custom-nav-link-2.active {
    background-color: #1489b3 !important;
    border-bottom: none !important;
    color: #fff !important;
}

.no-custom-outline:focus-visible {
    outline: none
}
.hoard-history tbody tr.t-shadow td {
    font-size: 13px;
    padding-right: 0px;
    padding-left: 0px !important;
}
.game-card-min-height {
    min-height: 354px;
}

.responsive-font-elder .custom-font-responsive {
    font-size: 14px;
}

.font-hobo {
    font-family: 'hobo' !important;
}

.leader_board_tabbin_custom .game_panel_link {
    background: linear-gradient(180deg, rgba(45, 139, 208, 1) 10%, rgba(62, 179, 231, 1) 100%) !important;
    font-size: 12px !important;
}

.leader_board_tabbin_custom .game_panel_link.active {
    background: linear-gradient(180deg, rgb(53 130 187) 10%, rgb(64 83 92) 100%) !important;
}

.custom_dragon_new_box .top-dragon-canvas{
    position: absolute;
    right: 0;
    z-index: 9;
    max-width: 258px;
    text-align: right;
}
.custom_dragon_new_register .top-dragon-canvas{
    position: absolute;
    top: -35px;
    right: 0;
    left: 0;
    z-index: 9;
    max-width: 288px;
    text-align: right;
    margin: 0 auto;
}

@media only screen and (max-width:991px) {

    .custom_dragon_new_box .dragon-top-width {
        max-width: 100px;
    }

    .custom_dragon_new_box .bottom-dragon-owner {
        max-width: 280px;
    }

    .custom-font-15-elder .custom-font-15px {
        font-size: 15px;
    }

    .chest-box-img-width .custom-chestbox-width {
        max-width: 100px;
    }

    .game-card-min-height {
        min-height: 242px;
    }

    .responsive-font-elder .custom-font-responsive {
        font-size: 13px;
    }
}

@media only screen and (max-width: 480px) {

    #show_matured_nft.rest_nft_div {
        right: 11%;
    }
    
    .nft-new-custom-card .custom-food-height-480 {
        height: 84px !important;
        display: block;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 400px){
    .custom_dragon_new_box .new_form_box_head {
        top: -126px;
        max-width: 297px;
    }
    .custom_dragon_new_box .top-dragon-canvas{
        position: absolute;
        right: 0;
        z-index: 9;
        max-width: 178px;
        text-align: right;
    }
    
}




/* register page css */

.custom_dragon_new_register .dragon-top-width {
    max-width: 130px;
    position: absolute;
    left: 0;
    top: -90px;
}

.custom_dragon_new_register .custom-container-at-540 {
    width: 540px;
    margin: 0 auto;
}

.custom_dragon_new_register .bottom-dragon-owner {
    position: absolute;
    bottom: -100px;
    right: 0;
    max-width: 200px;
}

.custom_dragon_new_register .bottom-dragon-owner figure {
    margin: 0;
}

.custom_dragon_new_register .new_form_box_head {
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: -160px;
}

.custom_dragon_new_register .custom_new_form_form {
    width: 100%;
}

.custom_dragon_new_register .box {
    background: rgb(47, 109, 254);
    background: linear-gradient(0deg, rgba(47, 109, 254, 1) 0%, rgba(87, 174, 253, 1) 100%);
    width: 90%;
    margin: 0 auto;
    padding: 30px 20px 20px;
    border-radius: 5px;
}

.custom_dragon_new_register .custom_new_form_btn {
    text-shadow: -1px 2px #000;
    border: 1px solid #000 !important;
    background: linear-gradient(180deg, rgba(252, 211, 4, 1) 0%, rgba(251, 182, 1, 1) 100%) !important;
    box-shadow: inset 0px -5px 0px #b94c02 !important;
    font-size: 20px;
    color: #fff;
    font-family: gameria !important;
    width: 100%;
}

.custom_dragon_new_register .dragon_wrap {
    /* height: 100vh; */
    /* display: flex;
    align-items: center; */
    width: 100%;
    /* justify-content: center; */
}

.custom_dragon_new_register .new_form_heading h3 {
    font-size: 42px;
    color: #fff;
    text-shadow: 2px 3px #000;
    margin-bottom: 0px;
}

.custom_dragon_new_register .new_form_heading p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 2px;
}

.custom_dragon_new_register .font-family-hobo {
    font-family: 'hobo' !important;
}

.custom_dragon_new_register .custom-yellow-anchor {
    color: rgba(252, 211, 4, 1);
}

.custom_dragon_new_register .form-field input {
    border: 1px solid #000;
    margin-bottom: 6px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'hobo' !important;
}

.custom_dragon_new_register .form-field .custom_forget_password {
    text-decoration: none;
    font-size: 12px;
}

.custom_dragon_new_register .not_member {
    font-size: 14px;
    color: #ffffff9c;
    font-family: 'hobo' !important;
}

.custom_dragon_new_register .not_member a {
    font-size: 15px;
    position: relative;
    z-index: 9;
}

.sponsor_width {
    width: 100%;
}

.sponsor_width input {
    margin-bottom: 0 !important;
}

.sponsor_verify a {
    font-size: 14px !important;
}
.bottom-dragon-reg figure {
    width: 33%;
}
@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .custom_dragon_new_register .bottom-dragon-owner {
        bottom: -129px;
    }
}

@media only screen and (max-width:991px) {
    .custom_dragon_new_register .new_form_box_head {
        top: -160px;
    }

    .custom_dragon_new_register .dragon-top-width {
        max-width: 100px;
        top: -70px;
    }

    .custom_dragon_new_register {
        background-position: center;
    }

    .custom_dragon_new_register .box {
        padding: 24px 18px 15px;
    }

    .custom_dragon_new_register .custom_new_form_btn {
        font-size: 15px;
    }

    .custom_dragon_new_register .not_member {
        padding: 10px 0 !important;
    }


    .custom_dragon_new_register .new_form_heading h3 {
        font-size: 38px;
    }

    .custom_dragon_new_register .new_form_heading p {
        font-size: 14px;
    }

    .sponsor_verify a {
        font-size: 14px !important;
    }

    .custom_dragon_new_register .bottom-dragon-owner {
        max-width: 160px;
    }
}


.custom-leaderboard-modal h4{
    font-size: 24px;
}
.custom-leaderboard-modal p{
    font-size: 32px;
}
.custom-topup-tabbin{
    border: none;
}
.custom-topup-tabbin .custom-topup-link {
    /* color: #000 !important; */
    /* background-color:#ffe894 !important; */
    text-align: center;
    border-radius: 5px;
    color: #fff !important;
    border: 1px solid #54453b !important;    
    box-shadow: 13px 14px 15px -10px rgba(0,0,0,0.75);
    background: linear-gradient(180deg, rgba(252, 211, 4, 1) 0%, rgba(251, 182, 1, 1) 100%) !important;
    box-shadow: inset 0px -5px 0px #b94c02 !important;
}
.custom-topup-tabbin a.nav-link.custom-topup-link {
    text-shadow:1px 1px 1px #000 !important
}
.custom-topup-tabbin .custom-topup-link.active{
    text-align: center;
    border-radius: 5px;
    box-shadow:none !important;
    color: #fff !important;
    border: 1px solid #54453b !important;
    /* background: linear-gradient(180deg, rgba(252, 211, 4, 1) 0%, rgba(251, 182, 1, 1) 100%) !important; */
    background: linear-gradient(0deg, rgb(156, 140, 58) 100%, rgba(251, 182, 1, 1) 0%) !important;
    /* box-shadow: inset 0px -5px 0px #b94c02 !important; */
}
.custom-animated-background{
    background: linear-gradient(180deg, rgba(67, 138, 181, 1) 0%, rgba(41, 92, 136, 1) 100%);
    /* margin-top: 60px; */
    padding: 20px 10px;
    border-radius: 5px;
}
.custom-animated-background .custom-chat-discussion{
    min-height: 250px;
    max-height: 250px;
    overflow-y: scroll;
}
.custom-animated-background .custom-chat-discussion .cus-message-date{
    font-size: 11px;
    line-height: 9px;
}
.custom-animated-background .custom-chat-discussion .custom-message{
    background: #b5c5d3;
    border-radius: 5px;
}
.custom-support-page .custom-back-button{
    top: 50%;
    transform: translate(0,-50%);
    z-index:99999
}
@media only screen and (max-width: 767px){
    .custom-animated-background .custom-chat-discussion{
        min-height: 190px;
        max-height: 190px;
    }   
}

.custom-arrow-btn-group .custom-previous-btn,
.custom-arrow-btn-group .custom-next-btn {
    position: absolute;    
    top: 50%;
    border-radius: 8px;
    height: 42px;
    width: 42px;
    border: 2px solid #604221;
}
.custom-arrow-btn-group .custom-previous-btn i,
.custom-arrow-btn-group .custom-next-btn i{
    color: #604221;
    font-size: 20px;
    line-height: 27px;
}
.custom-arrow-btn-group .custom-previous-btn{
    transform: translate(-11%,-50%);
    left: 11%;
}
.custom-arrow-btn-group .custom-next-btn{
    transform: translate(-11%,-50%);
    right: 11%;
}
.custom-message-box-elder{
    /* position: fixed; */
    right: 0;
    left: 0;
    margin: 20px auto 4px;
    bottom: 0;
    max-width: 540px;
    padding-bottom: 120px;
}
.custom-message-box-elder .custom-message-reply-box{
    background: linear-gradient(180deg, rgba(67, 138, 181, 1) 0%, rgba(41, 92, 136, 1) 100%);
    padding: 0 16px 10px;
    border-radius: 5px;
    /* margin: 0 10px; */
}
.custom-message-box-elder .custom-message-reply-box .custom-choose-file{
    color: #fff;
}
.w-80 {
    width: 80%;
}
[data-theme=dark] input{
    color: var(--bs-dark-rgb);
}
[data-theme=dark] input::placeholder{
    color: #fff !important;
}
[data-theme=dark] textarea{
    color: #fff !important;
}
[data-theme=dark] .custom-chat-discussion .cus-message-date{
    color: #fff;
}
[data-theme=dark] .custom-chat-discussion .custom-message-content{
    color: #fff;
}
[data-theme=dark] select{
    color: #fff;
}
[data-theme=dark] .custom-btn-logout{
    color: #fff;
}
.text-dynamic-color{
    color: #212e48;
}
[data-theme=dark] .text-dynamic-color{
    color: #fff;
}
.responsive-dektop-slider .slide-arrow.prev-arrow.slick-arrow i{
    font-size: 18px;
    color: #fff;
}

.responsive-dektop-slider .slide-arrow.next-arrow.slick-arrow i{
    font-size: 18px;
    color: #fff;
}
@media only screen and (max-width: 767px){
    .responsive-dektop-slider .slide-arrow.prev-arrow.slick-arrow{
        left: 0 !important;
    }
    .responsive-dektop-slider .slide-arrow.next-arrow.slick-arrow{
        right: 0 !important;
    }
    .custom-message-box-elder{
        padding-bottom: 120px;
    }
}
.cus-right-border-1{
    border-right: 1px solid rgba(255, 255, 255, 0.411) !important;
}
.responsive-canvas{
    width: 100%;
}
span.copy_text {
    position: absolute;
    top: 50%;
    background: #fe0000;
    padding: 5px;
    font-size: 0.8em;
    left: 50%;
    color: #fff;
    border-radius: 5px;
    display: none;
    transform: translate(-50%,-50%);
}
span.copy_text_telegram {
    position: absolute;
    top: 50%;
    background: #fe0000;
    padding: 5px;
    font-size: 0.8em;
    left: 50%;
    color: #fff;
    border-radius: 5px;
    display: none;
    transform: translate(-50%,-50%);
}
@media only screen and (max-width: 374px){
    .d-375-column{
        flex-direction: column;
        align-items: center;
    }
    .qr-box-custom{
        width: 120px;
        margin-bottom: 10px;
    }
}

@media screen and (max-height: 550px) {
    .custom_dragon_new_box .dragon_wrap {
        min-height: 120vh;
    }
}

@media screen and (max-height: 480px) {
    .custom_dragon_new_box .dragon_wrap {
        min-height: 160vh;
    }
}