:root {
    /* Game slider variables */
    --game-tile-size: 213px;
    --game-tile-large-size: calc(var(--game-tile-size) * 2 + var(--game-tile-gap));
    --game-tile-gap: 17px;
    --game-tile-border-radius: 10px;
    --game-slider-height: calc(var(--game-tile-size) * 2 + var(--game-tile-gap));

    /* Tournaments variables */
    --tournaments-tile-width: 445px;
    --tournaments-tile-height: 251px;
    --tournaments-tile-gap: 13px;

    /* Category header variables */
    --cat-header-font-size: 25px;
    --cat-header-color: #fff;
    --cat-header-font-family: 'Heebo';

    /* Color palette */
    --bg-primary: #292825;
    --bg-secondary: #252320;
    --bg-tertiary: #333;
    --text-primary: #eee;
    --text-secondary: #fff;
    --text-white: #fff;
    --text-black: #000;
    --gamebox-bg: #eee;
    --accent-color: #f26421;
    --green-accent: #4cca51;
    --border-color: #ddd;
    --shadow-color: rgba(0, 0, 0, 0.3);
    --white: #fff;
    --black: #000;
    --blue-button-bg: linear-gradient(180deg, #314B85 0.1%, #0D2C69 100%);
    --blue-button-secondary-bg: linear-gradient(187deg, rgba(104, 116, 240, 0.54) -29.31%, rgba(40, 53, 175, 0.54) 106.34%);
    --blue-button-filter: drop-shadow(0 0 6px rgba(120, 140, 255, 0.9));
    --primaty-green: #00ED84;

    /* Spacing system */
    --space-xs: 5px;
    --space-sm: 10px;
    --space-md: 15px;
    --space-lg: 20px;
    --space-xl: 25px;

    /* Responsive breakpoints */
    --mobile-max: 767px;
    --tablet-max: 992px;
    --desktop-min: 993px;

    --desktop-popups-scale: scale(0.58);
    --mobile-zoom: 1.1;
}

@font-face {
    font-family: 'Dazzle Unicase';
    src: url("./fonts/fonnts.com-Dazzle_Unicase_Bold.otf") format('opentype');
    font-weight: bold;
    font-style: normal;
}

html {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
    /* iOS Safari viewport fix: use small viewport height */
    height: 100%;
    height: 100svh; /* Small viewport height - excludes dynamic UI */
}

body {
    background: var(--bg-primary);
    color: var(--text-primary);
    width: 100%;
    width: 100vw;
    min-height: 100vh;
    min-height: 100svh; /* Small viewport height for iOS Safari stability */
    margin: 0;
    padding: 0;
    font-family: 'Heebo', sans-serif, Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif; 
    /* background-attachment: fixed;*/
}

body.APP_IOS_app, body.APP_ANDROID_app {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    overscroll-behaviour: none;
    overflow: hidden;
    min-height: 100vh;
}

html.APP_IOS_app, html.APP_ANDROID_app {
    overflow: hidden;
    background: #000;
}

body.APP_IOS_app .mainpageflex, body.APP_ANDROID_app .mainpageflex {
    height: 100%;
    margin-top: 50px;
}

body.APP_IOS_app .gamehead, body.APP_ANDROID_app .gamehead {
    position: relative;
    top: 0px;
}

body.APP_IOS_app .mainpageright, body.APP_ANDROID_app .mainpageright {
    overflow-y: auto;
    overscroll-behavior: none;
    /* display: contents; */
    height: 100%;
    padding-bottom: 100px;
}


body.ios .mainpageright {
    overscroll-behavior: none;
}

body.APP_IOS_app *:not(input) {

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;

}

body.APP_ANDROID_app *:not(input) {

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;

}

body.no-scroll {
    overflow: hidden;
}

.missingdetails {
    color: #fff;
    padding: 5px;
    display: none;
}

.cat_header.providers {
    margin-bottom: 0px !important;
}

.providersgames {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: stretch;
}

.prvbox img {
    height: 60px;
    aspect-ratio: 313 / 123;
    margin: var(--space-xs);
    display: block;
}

.providers ul::-webkit-scrollbar {
    display: none;
}


.pspopimg {
    background: url(/img/150/icons/LS_App_Icon_192x192.webp) no-repeat;
    background-size: 100%;
    width: 65px;
    height: 65px;
    margin: 5px 20px;
    background-position-y: center;

}

.pspopclose {
    cursor: pointer;
}

.pspopaction:hover, .pspopclose:hover {
    text-decoration: underline;
}


.pspopaction {
    padding: 5px 15px;
    background: #1fa657;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    margin: 0px 20px;
    cursor: pointer;
}

.closemyacc {
    display: none;
}

#dep_cancel, #dep_success {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10001;
    position: fixed;
    backdrop-filter: blur(4px);
    top: 0px;
    left: 0px;
    justify-content: center;
    align-items: center;
}

#dep_success.flexit, #dep_cancel.flexit {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1200;
}

.dep_pop {
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    box-shadow: 1px 1px 20px 3px #c9c9c9;
}

.dep_continue {
    background: #1fa657;
    color: #fff;
    font-family: "Heebo", sans-serif;
    padding: 5px 15px;
    border-radius: 25px;
    margin: 10px;
    font-size: 18px;
    cursor: pointer;
}

.dep_fail_continue {
    background: #1fa657;
    color: #fff;
    font-family: "Heebo", sans-serif;
    padding: 5px 15px;
    border-radius: 25px;
    margin: 10px;
    font-size: 18px;
    cursor: pointer;

}

#dep_success .dep_pop_icon img {
    width: 400px;
    height: auto;
    margin-top: -237px;
}

.close_dep_cancel, .close_dep_success {
    width: 100%;
    text-align: right;
    z-index: 1
}

.dep_pop_icon img {
    height: 100%;
}

.dep_pop h4 {
    font-family: "Heebo", sans-serif;
    color: #2c4f38;
}

.dep_pop_icon {
    height: 100px;
    margin-top: -20px;
}

.close_dep_cancel i, .close_dep_success i {
    margin: var(--space-xs);
    cursor: pointer;
    font-size: 30px;
    color: #2c4f38;
}

#announcement .modal-content {
    background: #000;
}

#redeempage.active {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    top: 0;
    left: 0;
    z-index: 1111;
    justify-content: center;
    align-items: center;
}

#redeempage .wdrcont {
    background: rgba(41, 40, 37, 0.8);
    padding: 0;
    width: fit-content;
    max-width: 100%;
}

#redeempage .wdrcont .col-md-12 {
    float: none;
    padding: 0;
}

.redeem_bottom_text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(255, 255, 255, 0.5);
}

.redeem_bank_text {
    font-size: 10px;
    color: #fff;
    opacity: 0.5;
}

#redeempage .wdrcont .hh span {
    text-shadow: 0 0 4px rgba(0, 255, 128, 0.67);
}

#redeempage .withdrawform {
    padding-right: 0;
}

#redeempage .wdrcont .row {
    margin-left:0px;
    margin-right:0px;
}

.withdrawscont {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.withdraw-card {
    border-radius: 22px;
    padding: 20px;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: #363634;
    height: 236px;
}

.withdraw-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.withdraw-card__date {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

body.noscroll {
    overflow: hidden;
  }

@media (min-width: 992px) {
.prizeout-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    overflow: hidden;
    display: none;
}

.prizeout-container {
    position: relative;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 550px;
    height: 550px;
    background-color: #fff;
    border-radius: 20px;
    padding: 70px;
    box-sizing: border-box;
    overflow: hidden;
    transform: translate(-50%, -50%);
}

.prizeout-container h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
}

.prizeout-modal .closewdr_btn {
    position: absolute;
    top: 46%;    
    left: 50%;
    transform: translate(250px, -250px); 
    width: 40px;
    height: 40px;
    cursor: pointer;
}
}

.withdrow-status {
    width: 82px;
    height: 35px;
    color: #363634;
    border-radius: 37px;
    background-color: #ecca6e;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.withdraw-card__body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.withdraw-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.withdraw-label {
    font-size: 24px;
}
.withdraw-value {
    font-weight: 900;
    color: #6eec89;
    font-size: 22px;
    margin-left: 10px;
}

.btn-cancel {
    display: block;
    margin: 24px auto 0;
    padding: 14px 34px;
    font-weight: 800;
    letter-spacing: .8px;
    border: 0;
    border-radius: 24px;
    color: #fff;
    /* background: linear-gradient(180deg,#5b78ff,#2f44d6); */
    /* box-shadow: 0 0 22px rgba(91,120,255,.45), inset 0 2px 0 rgba(255,255,255,.25); */
    filter: var(--blue-button-filter);
    background: var(--blue-button-bg);
    cursor: pointer;
    font-size: 18px;
    transition: transform .1s;
}

.myaccountbtn.skiprizout {
    height: 70px;
    /* width: 270px;
    box-shadow: 0 0 25px rgba(120, 140, 255, 0.9); */
    border-radius: 59px;
    font-size: 22px;
font-weight: bold;
border: solid 2px #6e7aec;
    filter: drop-shadow(0 0 6px rgba(120, 140, 255, 0.9));
    background: linear-gradient(180deg, #314B85 0.1%, #0D2C69 100%);
    /* background-image: linear-gradient(to top, rgba(40, 53, 175, 1), rgba(104, 116, 240, 1)), linear-gradient(to bottom, rgba(110, 236, 137, 0.15), rgba(110, 236, 137, 0.15)); */
}




.do_prizeout.myaccountbtn, .do_withdraw.myaccountbtn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: var(--blue-button-filter);
    background: var(--blue-button-bg);
    /* box-shadow: 0 0 25px rgba(120, 140, 255, 0.9); */
}

.redeem_balance {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #6eec89;
    height: 58px;
    width: 100%;
    justify-content: space-between;
}

.redeem_balance > .balance_value {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 56px;
    font-weight: bold;
    margin: 0px;
}

.redeem_balance #available_withdraw_amount {
    height: unset;
    font-weight: 500;
}

.closewdr {
    font-size: 30px;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
}

#redeempage .withdrawform {
    padding: 0;
}

#redeempage .wdrcont .hh {
    margin: 0;
    color: #fff;
}

#redeempage .closewdr {
    display: block;
}

.pspopbot {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: -10px;
}


.popimgtext {
    font-size: 19px;
    flex: 1;
    text-align: left;
}

#pspopc .pspop {
    background: #dfe0ebfa;
    color: #2c4f38;
    cursor: pointer;
    height: 100px;

    width: 100%;
    max-width: 500px;
    box-shadow: 1px 3px 11px #2f2f2f;
    margin: 1px;
    border-radius: 0px 0px 10px 10px;
    margin: 0px auto;
    top: -100%;
    position: relative;

}

.poppsin .dnpopclose {
    cursor: pointer;
    width: 11%;
    height: 46%;
    /* left: 0px; */
    position: absolute;
    right: 0px;
}

.applesignin {
    height: 42px;
    overflow: hidden;
    border-radius: 25px;
    max-width: 250px;
    margin-top: 10px;
}

#appleid-signin {
    height: 42px;
}


#fbloginBtn, #fbregloginBtn {
    font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 14px;
    padding: 13px 30px 15px 44px;
    background: #3A5A97;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 20, .4);
    text-decoration: none;
    line-height: 1;
    position: relative;
    border-radius: 20px;
    width: 100%;
    cursor: pointer;
}

#fbloginBtn:before, #fbregloginBtn:before {
    display: inline-block;
    position: relative;
    background-image: url(/img/fbicon.png);
    height: 23px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    text-align: center;
    width: 29px;
    line-height: 23px;
    margin: -8px 7px -7px -30px;
    padding: 2px 25px 0 0;
    content: "f";
}

.popingame .dnpopclose {
    cursor: pointer;
    width: 11%;
    height: 46%;
    /* left: 0px; */
    position: absolute;
    right: 0px;
}

.pspoptop {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

}

#genpopc .genpop, .genpopclose, #popwg .wgpop .wgpopclose, .popingame.dynamic_big .dnpopclose {
    cursor: pointer;
    width: 20%;
    height: 13%;
    /* left: 0px; */
    position: absolute;
    right: 0;
    top: 14%;
    z-index: 1;
}

.btn_2po_wide_2 {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
}

.btn_2po_wide_1 {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
}

.btn_2po_tall_2 {
    position: absolute;
    width: 100%;
    height: 29%;
    left: 0;
    top: 66%;
}

.btn_2po_tall_1 {
    position: absolute;
    width: 100%;
    height: 29%;
    left: 0;
    top: 32%;
}

.btn_3po_wide_1 {
    position: absolute;
    width: 34%;
    height: 100%;
    left: 0;
}

.btn_3po_wide_2 {
    position: absolute;
    width: 30%;
    height: 100%;
    left: 35%;
}

.btn_3po_wide_3 {
    position: absolute;
    width: 32%;
    height: 100%;
    left: 66%;
}


.storeitshared.threepo {
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 740 / 215;
    max-width: 740px;
    box-shadow: 0px 1px 5px #6d6c6c;
    border-radius: 8px;
    background: linear-gradient(90deg, #edb1fe 33%, #2b86d9 33%, #2b86d9 66%, #3c763d 66%);
    position: relative;
    background-size: 100%;

}

.storeitshared.threepo:first-child::after {
    position: absolute;
    content: "OR";
    background: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-family: "Heebo", sans-serif;
    top: 11%;
    font-size: 15px;
    height: 32px;
    margin-top: -8px;
    border-radius: 5px;
    lefT: 30%;
}

.storeitshared.threepo:first-child::before {
    position: absolute;
    content: "OR";
    background: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-family: "Heebo", sans-serif;
    top: 11%;
    font-size: 15px;
    height: 32px;
    margin-top: -8px;
    border-radius: 5px;
    lefT: 63%;
}

.storeicl {
    padding-top: 20px;
}

.selectedstoreitem2 .storeicl {
    padding: 10px;
    flex: 1;
}

.selectedstoreitem2 .storeic {
    display: flex;
    align-items: center;;
    flex-direction: column;
}

.selectedstoreitem2 .storeic img {
    flex: 1;
}

.storeitshared.threepo.hasbg:first-child::after {
    display: none;
}

.storeitshared.threepo .storeic {
    display: none;
}

.storeitshared.threepo .storegc div {
    line-height: normal;
}

.storeitshared.threepo .storebox {
    background: none;
    opacity: 0.9;
    -webkit-opacity: 0.9;
    justify-content: center;
    box-shadow: none;
}

.storeitshared.threepo .storeboxupper {
    background: #000000a8;
}


.storeitshared.twopo {
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 740 / 215;
    max-width: 740px;
    box-shadow: 0px 1px 5px #6d6c6c;
    border-radius: 8px;
    background: linear-gradient(90deg, #edb1fe 50%, #4aa1f1 50%);
    position: relative;
    background-size: 100%;
}

.storeitshared.twopo:first-child::after {
    position: absolute;
    content: "OR";
    background: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-family: "Heebo", sans-serif;
    top: 50%;
    font-size: 35px;
    height: 58px;
    margin-top: -25px;
    border-radius: 5px;
}

.storeitshared.twopo.hasbg:first-child::after {
    display: none;
}

.storeitshared.twopo .storeic {
    display: none;
}

.storeitshared.twopo .storegc div {
    line-height: normal;
}

.storeitshared.twopo .storebox {
    background: none;
    opacity: 0.9;
    -webkit-opacity: 0.9;
    justify-content: center;
    box-shadow: none;
}

.storeitshared.twopo .storeboxupper {
    background: #000000a8;
}

.storeitemslimited .storeboxupper .fsgmn,
.storeitemslimited .storeboxupper .fsgmnc,
.storeitems .storeboxupper .fsgmn,
.storeitems .storeboxupper .fsgmnc {
    display: none;
}

.storeitshared {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.twopo .storeboxxx {
    margin: 40px 50px 10px 50px;
}

.twopo .storebox {
    margin: 1% 7% 1% 7%;
}


.genpopclose {
    display: none;
}

.closeit .genpopclose {
    display: block;
}

#genpopc .genpop, #pspopc .pspop, #popwg .wgpop, .popingame .dnpop {
    cursor: pointer;
    height: 100px;
    aspect-ratio: 449 / 100;
    margin: 0px auto;
    top: -100%;
    position: relative;
    display: block;
}

#pspopc .pspop {
    cursor: default !important;
}

#genpopc, #popwg, .popingame.dynamic_big {
    align-items: center;

}

#genpopc .genpop, #popwg .wgpop, .popingame.dynamic_big .dnpop {
    aspect-ratio: 1180 / 1809;
    width: 359px;
    max-width: 100%;
    top: unset;
    display: none;
    background-position: center top;

}


.popwg_gc {
    position: absolute;
    width: 100%;
    top: 62%;
    font-weight: bold;
    color: #f18d00;
    font-size: 30px;
    font-family: "Heebo", sans-serif;
}

.popwg_plus {
    position: absolute;
    width: 100%;
    color: #ffffff;
    text-shadow: 0 0 4px #000000;
    top: 67%;
    font-weight: bold;
    font-size: 30px;
    font-family: "Heebo", sans-serif;
}

.popwg_sc {
    position: absolute;
    width: 100%;
    top: 72%;
    font-weight: bold;
    color: #02af5e;
    font-size: 30px;
    font-family: "Heebo", sans-serif;
}

.popwg_price {
    position: absolute;
    width: 100%;
    top: 82%;
    font-weight: bold;
    color: #fff;
    font-size: 30px;
    font-family: "Heebo", sans-serif;
}


#genpopc, #pspopc, #popwg, .popingame {
    top: 0px;
    z-index: 413;
    position: fixed;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: flex-start;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.ingame .popingame.dynamic_small {
    height: 100px;
    /*	    backdrop-filter: none; */
}

#genpopc, #popwg, .popingame.dynamic_big {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;

    justify-content: center !important;
}

.pspop.showit, .dnpop.showit {
    -webkit-animation: slidepop-down 0.5s forwards;
    animation: slidepop-down 0.5s forwards;
}

.fswg {
    top: 0px;
    z-index: 413;
    position: fixed;
    width: 100%;
    display: flex;
    height: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: #000000cc;
    padding-top: 100px;
}

.fswg .menu-info-step-icon:nth-child(odd){
    margin-right: 40px;
}

.fswg .menu-info-step-icon:nth-child(even) {
    margin-left: 30px;
}

.fswg .menu-info-step-icon > img {
    width: 140px;
    height: 140px;
}

.menu-info-spin-card {
    margin-left: 25px;
}

.fswg .menu-info-step {
    justify-content: space-between;
}

.menu-info-spin-card > img {
    width: 165px;
    height: 130px;
}

.freespinpage-mob-header h4,
.freespinpage-mob-header h5,
.fswg-mob-header h4,
.fswg h4, .fswg h5 {
    font-size: 4.1rem;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: -1px -1px 0 #1717ff, 1px -1px 0 #1717ff, -1px 1px 0 #1717ff, 1px 1px 0 #1717ff;
    filter: drop-shadow(0 0 5px #1717ff);
    margin-bottom: 0px;
}

.fswg h4 {
    font-size: 4rem;
    line-height: 1;
    margin-top: 20px;
}

.fswg h5 {
    margin: 0px;
    font-size: 1.7rem;
    text-transform: none;
}

.fsrow {
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    color: #fff;
    width: 100%;
    justify-content: center;
}

.fswgclose {
    border-radius: 50%;
    background: #fff;
    background: #fdfdff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.fswgclose i {
    font-size: 22px;
    color: #2c4f38;
}

#freespinpage {
    width: 100%;
    height: 100%;
    top: 0px;
    background: #292825;
    display: none;
    position: fixed;
    color: #fff;
    z-index: 60;
    overflow-y: auto;
    padding: 115px 0px;
    will-change: transform;
}

#freespinpage.freespingradient {
    background-image: url(/img/150/gradient-popup-mob.png);
    background-size: cover;
} 

body.ingame,
body.openMenu,
body.pg_freespins,
body.pg_refFriendBtn,
body.pg_redeem,
body.inshoppurchase,
body.openWidgetPopup
{
    overflow: hidden;
    position: fixed;
}

body.mode_gc_only_enabled {
    .store-coins-info-sc {
        display: none;
    }
}

.pg_freespins #freespinpage {
    display: block;
}

.fswgclose > img {
    width: 16px;
    height: auto;
}

#fswg.active .fscont {
    display: flex;
    max-width: 420px;
    width: 100%;
    border-radius: 22px;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.7) inset;
    overflow: visible;
    background: transparent;
    backdrop-filter: opacity(0);
    background-image: url(/img/150/free-spin-popup.png);
    background-size: cover;
}

#fswg .menu-info-container {
    margin: 0 auto;
    padding: 0px;
    padding-top: 20px;
    color: #fff;
    gap: 35px;
}

.free-spins-list {
    width: 80%;
    margin: 0 auto;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.free-spin-timeout-label {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.free-spin-timeout-label-bg {
    position: absolute;
    margin: 0px -15px;
    width: 100%;
}

.free-spin-label-wrapper {
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
    width: calc(100% - 125px);
    height: 100%;
}

.free-spin-timeout-label.modal-label {
    clip-path: none;
    max-width: 250px;
    padding: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    top: 0px;
}

.free-spin-label-time {
    display: flex;
    position: relative;
    top: 2px;
    align-items: center;
    font-size: 11px;
}

.free-spin-label-time > span {
    line-height: 1;
    position: relative;
}

.time-icon {
    width: 16px;
    margin-right: 5px;
}
.free-spin-wrapper {
    position: relative;
    border: 1px solid black;
    border-radius: 24px;
    background: linear-gradient(to bottom, transparent 0%, #333333 100%);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px 0px rgba(192, 192, 192, 0.4), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.2);
}

.free-spin-count {
    position: absolute;
    background: #CC2228;
    border: 1px solid rgba(255, 255, 255, 0.4);
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -13px;
    right: -14px;
    border-radius: 50px;
    box-shadow: 0 0 5px rgb(220, 77, 82, 1), 0 0 10px rgba(220, 77, 82, 0.6), 0 0 15px rgba(220, 77, 82, 0.5), inset 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    color: #fff;
    border-color: rgb(214, 90, 94);
}

.free-spin-wrapper img {
    width: 100%;
    height: auto
}

.free-spin-wrapper .free-spin-timeout-label-bg > img {
    height: 35px;
}

.free-spin-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    padding: 20px;
}

.free-spin-action {
    flex: 1;
}

.free-spin-content > .free-spin-action > button {
    text-transform: uppercase;
    padding: 1px;
    font-size: 1.7rem;
    max-width: 250px;
    height: 34px;
}

.free-spin-content > .free-spin-action > button.reg-default-btn {
    border: 1px solid #6eec89;
}

.free-spin-content > .free-spin-action > button.menu-default-btn {
    border: 1px solid #697BF0;
}

.free-spin-info {
    display: flex;
    align-items: flex-end;
    width: 100px;
    height: 100px;
    /*overflow: hidden;*/
    border-radius: 10px;
    /*border: solid 1px #6eec89;*/
    position: relative;
}

/*.free-spin-info.gc {*/
/*    border: solid 1px #FFA30A;*/
/*    filter: drop-shadow(0 0 7px #ffa10a59);*/
/*}*/

/*.free-spin-info.sc {*/
/*    border: solid 1px #6eec89;*/
/*    filter: drop-shadow(0 0 7px #6eec8968);*/
/*}*/

.free-spin-currency {
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}

.free-spin-currency > img {
    width: 12px;
}

.free-spin-currency > span {
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    font-size: 1rem;
    margin-left: 2px;
    line-height: 1;
    position: relative;
    top: 1px;
}

#fswg.active .fsloader {
    display: none;
}

.fscont {
    width: 600px;
    height: 570px;
    max-width: 100%;
    background: #fff;
    border-radius: 8px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
}

.fstbl th {
    text-align: center;
    padding: 5px;
}

.fstbl thead {
    text-transform: uppercase;
    background: #2c4f38;
    color: #fff;
}

.fstbl tbody tr {
    border-bottom: 1px solid #ddd;
}

.register-modal-carousel {
    min-height: 155px;
}

.register-modal-carousel > .regbntype {
    margin: 0 auto;
    max-width: 463px;
    min-height: 155px;
}

.trustpilot-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.trustpilot-rating > svg {
    margin: 0px 3px;
    position: relative;
    bottom: 2px;
    left: 1px;
}

.modal-body:has(.regformpop:not(.hideit)) .trustpilot-rating,
.modal-body:has(.loginformpop:not(.hideit)) .trustpilot-rating {
    display: none;
}

.regbntype,
.regbn {
    width: 100%;
    padding: 5px 0px;
    max-width: 390px;
}

.regbntype img,
.regbn img {
    width: 100%;
    display: none;
}

.register-modal-carousel > .regbntype img {
    border-radius: 20px;
    aspect-ratio: 41 / 13;
}

.register-modal-carousel .slick-dots {
    margin-top: 0px;
    line-height: 1;
}

.fstbl td {
    padding: 5px;
}


.fsmcont {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0px;
    color: #333;
    overflow: auto;
    padding: 10px 0 30px 0;
}

.fsloader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #2c4f38;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    -webkit-animation: rotation 1s linear infinite;
}


#page_content .modal-body::-webkit-scrollbar {
    width: 5px;
}

#page_content .modal-body::-webkit-scrollbar-track {
    background: #2c4f38;
}

#page_content .modal-body::-webkit-scrollbar-thumb {
    background: #999;
}

#page_content .modal-body::-webkit-scrollbar-thumb:hover {
    background: #999;
}


.wgpop.showitbig, .dnpop.showitbig {
    animation: scalein .25s linear;
    -webkit-animation: scalein .25s linear;
}

#genpopc .genpop, #popwg .wgpop.showitbig, .popingame.dynamic_big .dnpop.showitbig {
    display: block;
}

.popwg.\33po_tall .wgpop.\33po_tall {
    padding: 132px 0 29px 0;
}

.popwg .pobtn.btn_3po_tall_1,
.popwg .pobtn.btn_3po_tall_2,
.popwg .pobtn.btn_3po_tall_3 {
    position: absolute;
    width: 100%;
    height: 23%;
    left: 0;
}
.popwg .pobtn.btn_3po_tall_1 {
    top: 24%;
}

.popwg .pobtn.btn_3po_tall_2 {
    top: 48%;
}

.popwg .pobtn.btn_3po_tall_3 {
    top: 73%;
}

#genpopc .genpop, .genpopclose, #popwg .wgpop.\33po_tall .wgpopclose {
    width: 12%;
    height: 6%;
    top: 0;
}


#genpopc .genpop[data-link="get_fs"] {
    transform: scale(2);
}

@-webkit-keyframes slidepop-down {
    0% {
        top: -100%;
    }
    100% {
        top: 0%;
    }
}

@keyframes slidepop-down {
    0% {
        top: -100%;
    }
    100% {
        top: 0%;
    }
}

#pushrpopc {
    top: 0px;
    z-index: 113;
    position: fixed;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 105px;
}

.pshrpop_top {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.pshrpop_topr {
    font-family: "Heebo", sans-serif;
    font-size: 17px;
    margin-top: 5px;
    font-weight: bold;
    text-align: left;
}

.pshrpop_bot {
    display: flex;
    margin-bottom: 7px;
    margin-left: 5px;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}

.pshrpop_botl {
    font-size: 12px;
    margin: 5px 10px;
}

.pshrpop_botr {
    padding: 4px 12px;
    background: #0bae5e;
    color: #fff;
    border-radius: 50px;
    margin: 0px 10px;
}

.pshrpop_topl {
    background: url(/img/150/icons/LS_App_Icon_192x192.webp) no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 5px 20px;
}

#pushrpopc .pshrpop {
    background: #dfe0ebfa;
    color: #2c4f38;
    cursor: pointer;
    height: 100px;

    width: 100%;
    max-width: 500px;
    box-shadow: 1px 3px 11px #2f2f2f;
    margin: 1px;
    border-radius: 0px 0px 10px 10px;
    margin: 0px auto;
    top: -100%;
    position: relative;

}

.pshrpop.showit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;

    -webkit-animation: slidepop-down 0.5s forwards;
    animation: slidepop-down 0.5s forwards;

}


.boldfont {
    font-family: 'Heebo', sans-serif, Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
}

#carleftarrow, #carrightarrow {
    display: none;
    position: absolute;
    z-index: 11;
    font-size: 25px;
    top: 35%;
    color: #ffffff2b;
    margin-left: 10px;
}

#carrightarrow {
    display: none;
    right: 0px;
    margin-left: 0px;
    margin-right: 10px;
}


.loggedout .container.contentmain .section1 {
    padding-top: 50px;
}

.menprofile li.menheadb {
    display: none;
}

.menprofile li.menheadb.dsk {
    transition: transform 0.6s ease;
}

#game-mask {
    display: none;
}

.chlg-star {
    background: url('/img/120/bolt.png') no-repeat;
    height: 29px;
    width: 29px;
    display: inline-block;
    background-size: 100%;
}

#chlgstar i {
    color: #ff9500;
    border-radius: 50px;
    padding: 4px 2px;
    margin-top: 6px;
    font-size: 18px;
    margin-right: 10px;
    line-height: 17px;
}

#chlgstar {
    cursor: pointer;
    display: none;
}

.ingame #chlgstar.active {
    display: block;
}

#challangesbar i {
    color: #ff9500;
    border: 4px solid #ff9500;
    border-radius: 50px;
    padding: 6px 3px;
    font-size: 55px;
    margin: 5px 15px;
}

@keyframes border-pulsate2 {
    0% {
        box-shadow: 0 0 0 0 rgb(255 248 160);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes border-pulsate2 {
    0% {
        box-shadow: 0 0 0 0 rgb(255 248 160);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes border-pulsate {
    0% {
        border-color: rgba(0, 255, 255, 1);
    }
    50% {
        border-color: rgba(0, 255, 255, 0);
    }
    100% {
        border-color: rgba(0, 255, 255, 1);
    }
}

#chlgstar.updated i {
    animation: border-pulsate2 1.5s 2;
}

#smsbanner {
    width: 100%;
    background-sizE: contain;
    height: auto;
    background-repeat: no-repeat;
    aspect-ratio: 800 / 493;
    display: flex;
    position: absolute;
    -webkit-animation: bup 0.5s linear forwards;
    animation: bup 0.5s linear forwards;
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    background-position: bottom;
    margin-bottom: 50px;


}

#smsbonuspopup {
    background-image: url('/img/150/welcome-popup.png');
    width: 398px;
    height: 530px;
    position: relative;
    max-width: 100%;
    background-repeat: no-repeat;
}

#smsbonuspopup > #smsgcoins,
#smsbonuspopup > #smsscoins {
    margin: 0px;
    width: 100%;
    padding-left: 120px;
    color: #fff;
    left: 0px;
}

#smsbonuspopup > #smsgcoins {
    top: calc(530px - 205px);
}

#smsbonuspopup > #smsscoins {
    top: calc(530px - 146px);
}

/* #smsbonuspopupbtn {
    top: calc(530px - 73px);
    position: absolute;
    width: 100%;

}

#smsbonuspopupbtn > span {
    font-size: 29px;
    font-weight: bold;
    text-shadow: 0 1.667px 4.167px rgba(0, 0, 0, 0.53);
} */

#smsbonuspopupbtn {
    top: calc(530px - 72px);
    position: absolute;
    width: 100%;
    text-align: center;
}

#smsbonuspopupbtn button {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background-color: #0bae5e;
    border: 1px solid rgb(110, 236, 137);
    background-image: -moz-linear-gradient( 90deg, rgba(23,51,29,0.99608) 0%, rgb(110,236,137) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(23, 51, 29, 0.99608) 0%, rgb(110, 236, 137) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(23,51,29,0.99608) 0%, rgb(110,236,137) 100%);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    text-shadow: 0 1.667px 4.167px rgba(0, 0, 0, 0.53);
    transition: background-color 0.2s, transform 0.1s;
    width: 180px;
    height: 50px;
}

#smsbonuspopupbtn button:hover {
    background-image: linear-gradient(90deg, rgba(40,100,50,1) 0%, rgb(130,255,160) 100%);
    box-shadow: 0 0 15px rgba(110, 236, 137, 0.7);
    transform: scale(1);
}

#smsbonuspopupbtn button:active {
    background-color: #099b52;
    background-image: none;
    transform: scale(1.04);
    box-shadow: none;
}


#smsverify #smsbonuspopup .close {
    position: absolute;
    top: 30px;
    right: 30px;
}

@-webkit-keyframes bup {
    0% {
        margin-top: 0%
    }
    100% {
        margin-top: -100%;
    }
}

@keyframes bup {
    0% {
        margin-top: 0%
    }
    100% {
        margin-top: -100%;
    }
}

#tourn_leadinfo {
    width: 100%;
    background: var(--bg-primary);
    flex: 1;
    padding: 20px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

#tourn_mystats {
    display: flex;
    align-items: center;
}

#tourn_mystats i {
    color: #f0cf61;
    transform: rotate(15deg);
    text-shadow: -2px 2px 0px #5d5129;
    font-size: 28px;
}

#tourn_mystatsbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 20px;
    color: #fff;
    font-size: 16px;
}

#tournmenu {

    display: flex;
    margin: 20px;
    background: #8f90b4;
    color: #d3d5f1;
    justify-content: space-around;
    border-radius: 50px;
    padding: 0px 20px;
}

#tournmenu div {
    padding: 10px 20px;
    cursor: pointer;
}

#tournmenu div.active {
    color: #fff;
}

.tournpad {
    text-align: left;
    font-size: 12px;
    height: 250px;
    overflow-y: auto;
    display: none;
    flex-direction: column;
    width: 85%;
    align-items: center;
    gap: 10px;
}

#tournrulespad li {
    color: #fff;
}

.tournpad.active {
    display: flex;
}

#tourn_mystatsbox label {
    margin: 0px;
    font-weight: normal;
}

#tourn_mystatsbox span {
    font-weight: bold;
    margin-left: 5px;
}

#tourn_mystats i:nth-child(1) {
    transform: rotate(-15deg);
}

#closetourinfo {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 8px;
    position: absolute;
    right: 0px;
    margin: 9px;
    background: #333333b3;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.tourgame span {
    background: #09a57e;
    cursor: pointer;
    color: #fff;
    border-radius: 15px;
    padding: 5px 15px;
    text-transform: uppercase;
}

.tourgame {
    background: #ededed;
    border-bottom: 1px solid #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    max-width: 300px;
    width: 100%;
    border-radius: 50px;
    overflow: hidden;
    padding-right: 5px;
    height: 50px;
}

.tourgame img {
    height: auto;
    width: 50px;
}

.tourgame label {
    flex: 1;
    font-size: 13px;
    font-family: "Heebo", sans-serif;
    color: #8f90b4;
    padding-left: 10px;
}

#tourn_info .ntourbox {
    max-width: 500px;
    aspect-ratio: 600 / 258;
    border-radius: 15px 15px 0px 0px;
    margin-bottom: 0px;
}

#tourn_info {
    display: flex;
    position: fixed;
    flex-direction: column;
    align-items: center;
    flex: 1;
    width: 100%;
    max-width: 500px;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.6), 0px 0px 30px 10px rgba(0, 0, 0, 0.6);
    border-radius: 15px;
}

@media (max-width: 992px) {
    #tourn_info {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

#tourn_widget {
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 201;
    flex-direction: column;
    align-items: stretch;
    align-items: center;
    justify-content: center;

}

#tourn_info {
    cursor: default;
}

#tourn_widget.flexactive {
    display: flex;
}

.cathedawrap {
    display: flex;
    align-items: center;
    margin: 0 0 40px 0;
    height: 50px;
}

.providersgames .cathedawrap {
    margin: 0 0 10px 0;
    height: 22px;
}

#promopage {
    display: none;
}

#redeempage {
    display: none;
}

.closestore {
    display: none;
}

.ingame .closestore {
    /* display: block; */
    top: 0px;
    position: absolute;
    color: #fff;
    font-size: 30px;
    color: #fff;
    right: 10px;
}

.catviewmore {
    display: none;
}

.jumbotron p {
    font-weight: unset;
    font-size: unset;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex {
    display: flex;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
}

body.fixed {
    overflow: hidden;
}

.is-layout-flex.is-horizontal {
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

body.ingame {
    background: #000;
}

body.p .contentmain {
    max-width: 1000px;
    padding-top: 50px;
}

.flexit {
    display: flex;
    flex-wrap: nowrap;
}

.container.menucontainer .navbar-header.flexit {
    display: flex;
}

.flexitcol {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.myaccountbtn.changepassword {
    white-space: nowrap;
    max-width: 180px;
    background: linear-gradient(60deg, #deba0a 13.4%, #ffa129 86.6%);
}

.inactiveoption {
    display: none !important;
}

#challenges {
    display: none;
}

#challangesbar {
    position: relative;
    display: none;
    cursor: pointer;
    background: #2c4f38;
    border-radius: 50px;
    margin: var(--space-xs);
    color: #fff;
    height: 20px;
    padding-left: 12px;
    padding-right: 12px;
    z-index: 3;
}

#challangesbar.active {
    display: block;
}

#challangesbar object {
    height: 80px;
    cursor: pointer;
    margin-left: 10px;
    /* margin-top: 0px; */
    margin-bottom: 0px;
}

.ios.mobile-scale #challangesbar {
    font-size: 20px !important;
    height: 28px;
}

#challenges.flexit {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 420;
}

.noscroll {
    overflow: hidden;
}

#chlg {
    max-width: 500px;
    width: 100%;
    background: #101c10;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    max-height: 400px;
    display: flex;
    flex-direction: column;
}

#chlg_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #2c4f38;
    justify-content: space-between;
    color: #fff;
}

#chlgtime label, #btnchlgtime label {
    margin: 0px;
    line-height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

#btnchlgtime label {
    cursor: pointer;
}

#chlgclose {
    background: #fff;
    cursor: pointer;
    border-radius: 100%;
    padding: 5px 7px;
    margin-right: 5px;
    color: #2c4f38;
}

#chlgtime span, #btnchlgtime span {
    display: inline-block;
    vertical-align: middle;
    color: #ffc400;
    font-family: "Heebo", sans-serif;
}

#chlg_head h4 {
    font-size: 16px;
    padding: 5px;
    font-family: "Heebo", sans-serif;
}

#chlgtime, #btnchlgtime {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

#btnchlgtime {
    float: right;
}

.mycarcont {
    clear: both;
    background: transparent;
}

.chlngtxt {
    float: left;
}

#chlgrows {
    flex-direction: column;
    overflow: auto;
}

.chlgitem {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
    margin: 15px;
    border-radius: 10px;
    border: 1px solid #f4d732;
    overflow: hidden;
}

#chlgrows::-webkit-scrollbar {
    width: 5px;
}

#chlgrows::-webkit-scrollbar-track {
    background: #fff;
}

#chlgrows::-webkit-scrollbar-thumb {
    background: #999;
}

#chlgrows::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.chlgimg {
    background-size: cover;
    /* display: flex; */
    width: 70px;
    aspect-ratio: 4 / 6;
    display: flex;
    height: 100%;
    min-height: 90px;
}

.chlgitemplay button {
    border-radius: 30px;
    font-size: 14px;
    padding: 2px 10px;
    text-transform: uppercase;
}

.chlgitemtxt h4 {
    padding: 0px;
    margin: 0px;
    font-family: "Heebo", sans-serif;
}

.chlgitembox {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-right: 10px;
}

.chlgitemrow {
    display: flex;
    cursor: default;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    justify-content: space-between;
    flex-direction: row;
}

.chlgitemplay {
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}

.chlgitemtxt {
    text-align: left;
    cursor: default;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}

.chlgcoingc, .chlgcoinsc, .chlgrewardgc, .chlgrewardsc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
}

.chlgitemcoin, .chlgitemreward {
    padding: 0px 3px;
}

.chlgcoingc .chlgcoin {
    background: #ff9500;
    margin-top: -1px;
    margin-right: 2px;
    border-radius: 100%;
    font-size: 8px;
    color: #fff;
    width: 11px;
    height: 11px;
    text-align: center;

    font-size: 8px;
    color: #fff;
}

.chlgcoingc span, .chlgrewardgc span {
    color: #ff9500;
    padding: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.chlgcoinsc span, .chlgrewardsc span {
    color: #1fa657;
    padding: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.chlgcoinsc .chlgcoin {
    background: #1fa657;
    margin-top: -1px;
    margin-right: 2px;
    border-radius: 100%;
    padding: 0px 3px;
    font-size: 8px;
    color: #fff;
}

.chlgrewardgc i {
    background: #ff9500;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    margin-top: -2px;
    margin-right: 2px;

    font-size: 6px;
}

.chlgrewardsc i {
    background: #1fa657;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    margin-top: -2px;
    margin-right: 2px;
    font-size: 6px;
}

.chlgitembar {
    height: 16px;
    width: 100%;
    background: #fff;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    margin: var(--space-xs);
    border-radius: 50px;
    font-size: 13px;
    color: #101c10;
    position: relative;
}

.completed .chlgitemfillbar {
    background: #5cb85c;
}

.completed .chlgcoingc {
    display: none;
}

.chlgitemfillbar {
    position: absolute;
    width: 80%;
    background: #f4d732;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    height: 100%;
}

.chlgitembarperc {
    z-index: 1;
    position: absolute;
    width: 100%;
}

.search-lobby-main {
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.search-lobby-inner {
    border: 1px solid #00ED84;
    color: #00ED84;
}

.menu-search-input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height: 1;
    border-radius: 50px;
    padding: 8px 15px;
}

.menu-container-search {
    background-color: #363634;
    border-radius: 22px;
    box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.45);
}

.search-lobby-icon {
    margin-right: 9px;
}

.search-lobby-no-result {
    text-align: left;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 20px;
}

#bonclaimpop.flexit {
    position: fixed;
    z-index: 401;
    width: 100%;
    height: 100%;
    display: flex !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    flex-direction: row;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#bonclaimban {
    position: relative;
    flex-direction: column;
    background: url(/img/150/bonus-popup.webp) center no-repeat;
    background-size: contain;
    background-size: contain;
    width: 100%;
    aspect-ratio: 1180 / 1796;
    max-width: 395px;
    font-family: "Heebo", sans-serif;
    cursor: default;
}

#bonclaimban.giftbon {
    background: url(/img/150/bonus-popup.webp) center no-repeat;
    background-size: contain;
}

#bonclaimban.giftbon.elbon {
    background: url(/img/150/claimvip.webp) center no-repeat;
    background-size: contain;
}


#bonclaimpop.flexit #bonclaimban {
    display: none;
}

#bonclaimpop.flexit.loaded #bonclaimban {
    display: block;
}

@media (max-width: 768px) {
    #bonclaimpop.flexit.loaded #bonclaimban {
        transform: scale(1.3);
    }
}

#bonclaimpop.flexit.loaded #boncloader {
    display: none;
}

#bonclaimban.giftbon .claimbon_text {
    display: block;
}

#bonclaimban.onlysc .claimbon_gc {
    display: none;
}

#bonclaimban.onlysc .claimbon_plus {
    display: none;
}

#bonclaimban.onlysc .claimbon_sc {
    top: 32%;
}

#bonclaimban.onlygc .claimbon_sc {
    display: none;
}

#bonclaimban.onlygc .claimbon_plus {
    display: none;
}

#bonclaimban.onlygc .claimbon_gc {
    top: 32%;
}

#bonclaimpop.linkpop #bonclaimban.onlygc.giftbon .claimbon_gc,
#bonclaimpop.linkpop #bonclaimban.onlysc.giftbon .claimbon_sc {
    top: unset;
    bottom: 116px;
}

#bonclaimpop.linkpop #bonclaimban.onlygc.giftbon .claimbon_plus,
#bonclaimpop.linkpop #bonclaimban.onlysc.giftbon .claimbon_plus
{
    display: none;
}


#bonclaimban.notext .claimbon_text {
    display: none !important;
}

#bonclaimban.notext .claimbon_gc {
    display: none !important;
}

#bonclaimban.notext .claimbon_plus {
    display: none !important;
}

#bonclaimban.notext .claimbon_sc {
    display: none !important;
}

#bonclaimban.notext .claimbon_disc {
    display: none !important;
}

#bonclaimban.notext .claimbon_btn {
    height: 100%;
    top: 0%;
}


#bonclaimban.giftbon .claimbon_text {
    color: #fff;
    font-size: 17px;
    top: 22%;
    position: absolute;
    width: 100%;
    font-weight: bold;
}

#bonclaimban.giftbon.elbon .claimbon_text {
    color: #fff;
    font-size: 17px;
    top: 60%;
    position: absolute;
    width: 100%;
    font-weight: bold;
}

/* #bonclaimban.giftbon .claimbon_gc {
    color: #f6981e;
    font-size: 33px;
    top: 27%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
} */

#bonclaimban.giftbon .claimbon_gc {
    color: #fff;
    font-size: 33px;
    bottom: 170px;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    text-align: left;
    left: 120px;
    line-height: 1;
}

#bonclaimban.giftbon.elbon .claimbon_gc {
    color: #f6981e;
    font-size: 33px;
    top: 64%;
    left: unset;
    text-align: center;
    line-height: unset;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
}

#bonclaimban.giftbon.elbon .claimbon_disc {
    display: none;
}

#bonclaimban.giftbon .claimbon_disc {
    display: none;
    color: #fff;
    font-size: 10px;
    top: 96%;
    position: absolute;
    width: 100%;
    text-shadow: 0 0 black;
}

#bonclaimban.giftbon.elbon .claimbon_btn {
    color: #ffffff;
    font-size: 27px;
    top: 86%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    cursor: pointer;
    margin-top: 1px;
}

#bonclaimban.giftbon .claimbon_btn {
    color: #ffffff;
    font-size: 27px;
    /* top: 47%; */
    bottom: 38px;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    cursor: pointer;
    font-weight: bold;
}

#bonclaimpop.linkpop .claimbon_btn {
    bottom: 68px;
}


#bonclaimban.tourbon .claimbon_btn { 
    color: #ffffff;
    font-size: 27px;
    bottom: 38px;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    cursor: pointer;
    font-weight: bold;
}

#bonclaimban.tourbon .claimbon_text {
    position: absolute;
    width: 100%;
    top: 145px;
    font-size: 20px;
    font-weight: bold;
}

#bonclaimpop.linkpop #bonclaimban.giftbon .claimbon_plus {
    display: block;
    top: unset;
    bottom: 140px;
}

#bonclaimban.tourbon .claimbon_plus,
#bonclaimban.tourbon .claimbon_sc,
#bonclaimban.tourbon .claimbon_gc {
    position: absolute;
    top: unset;
    left: 118px;
    font-size: 30px;
    font-weight: bold;
}

#bonclaimban.tourbon .claimbon_plus {
    bottom: 137px;
    left: unset;
    width: 100%;
}

#bonclaimban.tourbon .claimbon_gc {
    bottom: 167px;
}

#bonclaimban.tourbon .claimbon_sc {
    bottom: 107px;
}
#bonclaimban.tourbon .claimbon_disc {
    display: none;
}

#bonclaimpop.linkpop  #bonclaimban.giftbon .claimbon_sc {
    color: #00ad58;
    left: 0;
    bottom: 116px;
    text-align: center;
}

#bonclaimpop.linkpop #bonclaimban.giftbon .claimbon_gc {
    color: #f6981e;
    left: 0;
    bottom: 175px;
    text-align: center;
}

#bonclaimban.giftbon .claimbon_close {
    display: none;
}

#bonclaimban.giftbon.elbon .claimbon_close {
    position: absolute;
    top: 15%;
    right: 5%;
    width: 25px;
    height: 25px;
    border-radius: 9999px;
    margin: 6px 7px 0 0;
    cursor: pointer;
    background: transparent;
    display: block;
}

#bonclaimban.giftbon.elbon .claimbon_sc {
    color: #00ad58;
    font-size: 33px;
    top: 76%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    text-align: unset;
    left: unset;
    line-height: unset;
}

/* #bonclaimban.giftbon .claimbon_sc {
    color: #00ad58;
    font-size: 33px;
    top: 38%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
} */

#bonclaimban.giftbon .claimbon_sc {
    color: #fff;
    font-size: 33px;
    bottom: 112px;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    text-align: left;
    left: 120px;
    line-height: 1;
}

#bonclaimban.giftbon.elbon .claimbon_plus {
    display: block;
    color: #fff;
    font-size: 33px;
    top: 70%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
}

#bonclaimban.giftbon .claimbon_plus {
    display: none;
    color: #fff;
    font-size: 33px;
    top: 32%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
}

#ifriendspop.flexit {
    position: fixed;
    z-index: 302;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #000000cc;
}

.refer_header_container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.refer_header_container img {
    width: 33px;
    height: 33px;
}

.refer_info_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

.refer_info_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
}

.refer_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 82px;
    font-size: 28px;
    font-weight: 900;
    margin-top: 55px;
    border-radius: 100px;
    border: solid 1px #6e7aec;
    background: var(--blue-button-secondary-bg);
    box-shadow: 0 0 17px 0 rgba(97, 140, 255, 0.74);
}

.refer_button:hover {
    cursor: pointer;
}

.refer_info_row img {
    filter: drop-shadow(0 0 8px #0066fe)
    drop-shadow(0 0 30px #0024ff);
}

.refer_info_row p {
    font-style: normal;
    text-shadow: 0 0 7.6px rgba(18, 57, 203, 0.92);
    border-image-source: linear-gradient(to top, #0096ff, #0096ff);
    font-weight: 900;
}

.refer_info_row div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.refer_info_row div p {
    line-height: 1;
    margin: 0;
    text-shadow: 0 0 7.6px rgba(18, 57, 203, 0.92);
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #AAF1FF;
    letter-spacing: 1.04px;
}

#ifrieindsban {
    position: relative;
    flex-direction: column;
    background: url(/img/150/bonus-popup.webp) center no-repeat;
    background-size: contain;
    background-size: contain;
    width: 100%;
    height: 530px;
    max-width: 380px;
    font-family: "Heebo", sans-serif;
    cursor: default;
}

.ifrbon_gc {
    color: #f6981e;
    font-size: 26px;
    top: 27%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
}

.ifrbon_disc {
    color: #27296f;
    font-size: 12px;
    top: 55%;
    position: absolute;
    width: 100%;
}

#ifrieindsban > .ifrbon_gc,
#ifrieindsban > .ifrbon_sc {
    margin: 0px;
    width: 100%;
    padding-left: 12px;
    color: #fff;
    left: 0px;
}

#ifrieindsban > .ifrbon_gc {
    top: calc(530px - 183px);
}

#ifrieindsban > .ifrbon_sc {
    top: calc(530px - 131px);
}

.ifrbon_close_btn {
    top: calc(530px - 72px);
    position: absolute;
    width: 180px;
    left: 102px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.ifriends_referal_row.claim {
    flex-direction: column;
    justify-content: center;
    min-height: 188px;
    padding: 19px 50px 27px;
}

.ifriends_referal_row.claim .refer-text {
    font-size: 16px;
}

.ifriends_referal_row.claim img {
    width: 40px;
}

.ifriends_referal_row.claim #ifriends_sc {
    flex-direction: column;
}

.ifriends_referal_row.claim .invitebox_value {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 87px;
    padding: 0;
    border-radius: 22px;
    margin-bottom: 14px;
    padding-right: 20px;
}

.ifriends_referal_row.total .invitebox_value {
    min-width: 107px;
}

.ifrbon_sc {
    color: #00ad58;
    font-size: 26px;
    top: 38%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
}

.ifrbon_plus {
    color: #26286e;
    font-size: 33px;
    top: 32%;
    position: absolute;
    width: 100%;
    font-family: "Heebo", sans-serif;
}

#inveiteafriend.flexit {
    position: fixed;
    z-index: 201;
    top: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#inveiteafriend.flexit::-webkit-scrollbar {
    display: none;
}

#inveiteafriend.flexit.loaded #ifriends {
    display: flex;
    align-items: center;
}

#inveiteafriend.flexit.loaded #invloader {
    display: none;
}

#ifriends {
    position: relative;
    flex-direction: column;
    background-size: contain;
    width: 100%;
    font-family: 'Heebo';
    cursor: default;
    padding: 20px;
}


.invitebox {
    background: none;
    color: #fff;
    /* margin: var(--space-xs); */
    /* flex: 1; */

    display: flex;
    flex-direction: row;
    align-items: center;
    /* border-radius: 8px; */
    /* padding: 5px; */
    /* font-size: 10px; */
}

.invitebox span {
    flex: 1;
    padding-top: 0px;
    font-weight: bold;
    font-size: 14px;
    margin-top: -3px;
}

.invitebox label {
    text-transform: uppercase;
    line-height: 10px;
}

#ifriends_disclaimer {
    font-size: 9px;
    color: #fff;
    /* position: absolute; */
    /* top: 87%; */
    padding: 5px;
    width: 100%;
}

#ifriends_copy {
    font-family: 'Heebo';
    color: #fff;
    padding: 8px 15px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    border-radius: 15px;
    background-color: #0bae5e;
    border: 1px solid rgb(110, 236, 137);
    background-image: -moz-linear-gradient( 90deg, rgba(23,51,29,0.99608) 0%, rgb(110,236,137) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(23, 51, 29, 0.99608) 0%, rgb(110, 236, 137) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(23,51,29,0.99608) 0%, rgb(110,236,137) 100%);
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    border-radius: 50px;
}

#ifriends_copy:active {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.7) inset;
    color: #ffffffc4;
    border: 1px solid rgb(52, 98, 62);
    background-image: -webkit-linear-gradient(270deg, rgba(23, 51, 29, 0.85) 35%, rgba(100, 194, 120, 0.8) 100%);
}

#ifriends_disclaimer a {
    color: #fff;
    text-decoration: underline;
}

#ifriends_stats {
    display: flex;
    /* position: absolute; */
    /* top: 58%; */
    padding: 15px 10px;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    width: 80%;
}

#ifriends_close {
    position: absolute;
    top: -21px;
    right: -22px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

#redeempage .closewdr,
.ifriends_close_btn {
    transition: transform 0.2s ease-in-out;
}

#ifriends_close img {
    width: 16px;
    height: 16px;
}

#redeempage .closewdr:hover,
#ifriends_close:hover > .ifriends_close_btn {
    opacity: 0.8;
}

.gold {
    color: #ff9500;
}

.green {
    color: #0dc99a;
}

#ifriends_link {
    flex: 1;
    font-size: 14px;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ifriends_link:before {
    content: "Referral Link";
    display: block;
    font-size: 12px;
    color: #ccc;
    margin-bottom: 5px;
}

#ifriends_head span {
    font-family: "Heebo", sans-serif;
    text-transform: uppercase;
    font-weight: Bold;
}

#ifriends_head p {
    font-size: 15px;
    color: #f1f3f8;
    text-shadow: 0 0 13px rgba(0, 255, 252, 0.3);
    opacity: 1;
    transition: opacity 0.6s ease;
}

#ifriends_head p.hideopacity {
    opacity: 0;
}

#ifriends_head {
    line-height: 14px;
    /* top: 47%; */
    /* position: absolute; */
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

#ifriends_head h3 {
    text-shadow: 0 2px 12px rgba(0, 255, 252, 0.68), 0 2px 6px rgba(0, 255, 252, 0.3);
    font-size: 70px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1.18px;
}


#ifriends {
    display: flex;
}

.ifriends_levels_row {
    display: flex;
    gap: 24px;
    margin: 10px 0;
    width: 100%;
}

.ifriends_levels_row .ifriends_referal_row {
    flex: 1;
    margin: 0;
}

.ifriends_referal_row {
    display: flex;
    border-radius: 12px;
    padding: 15px 20px;
    margin: 24px 0 0 0;
    width: 100%;
    gap: 20px;
    color: #fff;
    box-shadow: 1px 2.8px 14.3px 0.8px rgba(0, 0, 0, 0.6), inset 0px 2px 3px 0 rgba(192, 192, 192, 0.4), inset 0px -3px 3px 0 rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}

#ifriends_invited img {
    width: 50px;
}

.refer_left_info {
    display: flex;
    align-self: center;

}

.ifriends_referal_link {
    display: flex;
    align-items: center;
    /* background: linear-gradient(90deg, #571d7b 0%, #ef2fab 44.27%, #541bdf 100%); */
    border-radius: 15px;
    padding: 15px 20px;
    margin: 20px 0;
    gap: 20px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0.5px 1.4px 7.1px 0.4px rgba(0, 0, 0, 0.6), inset 0px 1px 4.9px 0.2px rgba(192, 192, 192, 0.6), inset 0px -2px 2px 0 rgba(255, 255, 255, 0.2);
    background-image: linear-gradient(to top, rgba(54, 54, 52, 0.8), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(114, 193, 173, 0.1), rgba(114, 193, 173, 0.1));
}

.invitebox_title {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.invitebox_value {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: rgba(54, 54, 52, 0.4);
    padding: 5px 10px;
    border-radius: 8px;
    display: flex;
    text-align: center;
    justify-content: center;
}

.ifriends_levels_row img {
    width: 37px;
    height: 37px;
}

.ifriends_referal_row .invitebox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.ifriends_referal_row invitebox_value {
    min-width: 107px;
}

.ifriends_referal_row .invitebox_value {
    min-width: 18px;
}

.wdrloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f3f8;
    top: 0px;
    /* height: 0px; */
    z-index: 11;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.loaderspingen {
    border: 8px solid #676767;
    border-radius: 50%;
    border-top: 8px solid #09a57e;
    width: 50px;
    height: 50px;
    -webkit-animation: lsspin 2s linear infinite;
    animation: lsspin 2s linear infinite;
    position: absolute;

}

.leadrowhead {
    display: flex;
    justify-content: space-between;
    background: #2c4f38;
    width: 100%;
    color: #c4c5ff;
    padding: 5px;
}

.leadrow {
    display: flex;
    justify-content: space-between;
    background: #8b8eb5;
    color: #d3d4ff;
    padding: 5px;
    width: 100%;
}

.leadrow:nth-child(odd) {
    background: #b8bbd5;
    color: #ffffff;
}

.leadrowhead i {
    color: #f0cf61;
}


#tournlb {
    width: 65%;
}

.tournpad::-webkit-scrollbar {
    width: 5px;
}

.tournpad::-webkit-scrollbar-track {
    background: #fff;
}

.tournpad::-webkit-scrollbar-thumb {
    background: #999;
}

.tournpad::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.leadrowhead div {
    flex: 1
}

.leadrow div {
    flex: 1
}

#boncloader, #invloader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: none;
    border-top: 3px solid #2c4f38;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    -webkit-animation: rotation 1s linear infinite;
    position: absolute;
    /*
	    border: 8px solid #676767;
    border-radius: 50%;
    border-top: 8px solid #09a57e;
    width: 50px;
    height: 50px;
    -webkit-animation: lsspin 2s linear infinite;
    animation: lsspin 2s linear infinite;
position: absolute; */
}

/* Safari */
@-webkit-keyframes lsspin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes lsspin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.lobofferimg {
    height: 90px;
}

.circlload {
    display: block !important;
}

.circlload img {
    width: 250px !important;
    height: 250px !important;
    margin-left: -125px !important;
    margin-top: -125px !important;
    -webkit-animation: pzaspin 2s linear infinite;
    animation: pzaspin 2s linear infinite;

}

/* Safari */
@-webkit-keyframes pzaspin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes pzaspin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.prizeloader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: pzspin 2s linear infinite;
    animation: pzspin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes pzspin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes pzspin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


#offersbars {
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 21px 20px;
    justify-content: center;
    align-items: center;
    gap:17px
}

#offersbars .offerbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 109px;
    margin: 0;
}

#whl-wheel {
    background: url(/img/120/miniwheel.webp) center no-repeat;
    width: 100%;
    background-size: contain;
    filter: grayscale(0.7);
    margin-left: -4px;
    aspect-ratio: 50 / 50;
}

.offerbox:not(:last-child) {
    margin-right: 40px;
}

.loboffer a {
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#offersbarscont #offersbars.include-widget .loboffer a {
    height: 120px;
    zoom: 1.2;
    margin-top: 15px;
}

.loboffer a img {
    min-width: 90px;
    height: 100%;
}

.lobdaily a img {
    height: 80px;
}

.loboffer_timer {
    color: #f1f3f8;
    font-weight: 500;
    margin: 0 auto;
    min-height: 33px;
    white-space: nowrap;
    font-size: 18px;
    text-align: center;
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    font-style: normal;
    line-height: normal;
    height: 33px;
    border-radius: 50px;
    background-color: rgb(29, 64, 58);
    border: solid 1px #fff;
    margin-top: -6px;
}

#ifriendsbar img {
    height: 83px;
    margin-left: 10px;
    /* margin-top: 0px; */
}

#ifriendsbar {
    cursor: pointer;
}

#whl-wheel-logo {
    background: url(/img/150/wheeltitle.png) center no-repeat;
    height: 30px;
    aspect-ratio: 181/73;
    background-size: contain;
    z-index: 2;
    margin-top: -35px;
}

.whlwrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#whl-center {
    background: #242060;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    padding: 0px 10px;
    line-height: 14px;
    margin-top: 0px;
    width: 100%;
}

#whlbar {
    display: flex;
    justify-content: center;
    align-items: center;
}

#whl-text {
    display: none;
}

#whl-counter {
    display: block;
}

#whlbar.active #whl-text {
    display: block;
    width: 60px;
}

#whlbar.active #whl-counter {
    display: none;
}

#whlbar.active #whl-wheel {
    filter: grayscale(0);
}

.whlspinslow {
    -webkit-animation: spinslow 30s linear infinite;
    -moz-animation: spinslow 30s linear infinite;
    animation: spinslow 30s linear infinite;
}


@-moz-keyframes spinslow {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinslow {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinslow {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.socialmenu {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.socialmenu img {
    height: 100%;
}

.vipbgbadge_1 {
    background: url(/img/150/vip/vip1.webp?v=1) no-repeat;
    background-size: contain;
}

.vipbgbadge_2 {
    background: url(/img/150/vip/vip2.webp?v=1) no-repeat;
    background-size: contain;
}

.vipbgbadge_3 {
    background: url(/img/150/vip/vip3.webp?v=1) no-repeat;
    background-size: contain;
}

.vipbgbadge_4 {
    background: url(/img/150/vip/vip4.webp?v=1) no-repeat;
    background-size: contain;
}

.vipbgbadge_5 {
    background: url(/img/150/vip/vip5.webp?v=1) no-repeat;
    background-size: contain;
}

.vipbgbadge_6 {
    background: url(/img/150/vip/vip6.webp?v=1) no-repeat;
    background-size: contain;
}

.vipbgbadge_7 {
    background: url(/img/150/vip/vip7.webp?v=1) no-repeat;
    background-size: contain;
}

.vipbgbadge_8 {
    background: url(/img/150/vip/vip8.webp?v=1) no-repeat;
    background-size: contain;
}

.vipwidget {
    position: relative;
    height: 440px;
    margin: 20px auto;
    overflow: auto;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

/* Centered div */
#vipwidgetbg, .vipcard.myviplevel {
    position: relative; /* Allows z-index to take effect */
    z-index: 2; /* Ensure it appears above side divs */
    font-weight: bold;
    text-transform: uppercase;
    height: auto; /* Fixed height */
    width: 303px; /* Fixed width */
    margin: 0 10px; /* Center this div within the parent container */
    display: inline-block;
    scroll-snap-align: center;
    aspect-ratio: 791 / 1045;
    top: 0;
}

/* Left and right divs */
#vipwidgetleft,
#vipwidgetright, .vipcard {
    position: relative; /* Position them relative to the container */
    top: 0; /* Align them to the top */
    height: 400px; /* Fixed height */
    width: 303px; /* Set width for side divs */
    display: inline-block;
    scroll-snap-align: center;
    margin: 0px 5px;
}

#vipwidgetleft.vipbgbadge_0a {
    width: 40px;
}

.vipcard div {
    position: absolute;
    width: 100%;
    top: 100%;
    margin-top: 6px;
}


/* Position the left div */
#vvipwidgetleft {
    left: calc(50% - 456px - 10px); /* Centered position considering middle div width and margin */
}

/* Position the right div */
#vvipwidgetright {
    right: calc(50% - 456px - 10px); /* Centered position considering middle div width and margin */
}

#vipwidgetbg.vipbgbadge_1 {
    color: #ffecd9;
    text-shadow: 0 0 1px #333;
}

#vipwidgetbg.vipbgbadge_2 {
    color: #4d4d4d;
    text-shadow: 0 0 1px #4d4d4d;
}

#vipwidgetbg.vipbgbadge_3 {
    color: #634c00;
    text-shadow: 0 0 1px #634c00;
}

#vipwidgetbg.vipbgbadge_4 {
    color: #554d4c;
    text-shadow: 0 0 1px #fbcdcd;
}

#vipwidgetbg.vipbgbadge_5 {
    color: #4e6b57;
    text-shadow: 0 0 1px #4e6b57;
}

#vipwidgetbg.vipbgbadge_6 {
    color: #716959;
    text-shadow: 0 0 1px #d3c8c8;
}

#vipwidgetbg.vipbgbadge_7 {
    color: #c4c4c4;
}

#vipwidgetbg.vipbgbadge_8 {
    color: #97bad3;
}

#vipwidgetbg.vipbgbadge_8 .myviprowbot {
    color: #fff;
    text-shadow: 0 0 5px #81a2bb;
}

#promopage h4 {
    margin: 0 10px;
    padding-top: 0;
}

#redeempage h4 {
    margin: 0 10px;
    padding-top: 0;
}

.gift_card_container {
   display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ingamecathead {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-family: 'Heebo';
    margin: 10px 0;
    height: 50px;
    margin-bottom: 50px;
}

.ingamecathead .stripheader {
    margin-right: 15px;
    position: absolute;
    left: 0px;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-transform: capitalize;
}

.ingamecathead a {
    color: var(--text-primary);
    position: absolute;
    right: 0px;
    font-size: 24px;
}

.stripheader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0px -1px 0px #896fad);
}

.stripheader span{
    /* background: linear-gradient(0deg, #9C4B1B 0%, #FECBAF 100%); */
    background-image: linear-gradient(to bottom, #663ba1 50%, #563287);
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
    padding: 0px 40px 1px 40px;
    margin: 0 0 -1px 0;
    text-transform: uppercase;
    /* flex: 1;
    padding: 0px;
    margin-left: 15px;
    display: flex;
    padding: 15px 0px;
    margin-left: 0;
    margin-right: -15px;
    font-weight: bold;
    font-size: 20px;
     */
     color: #fff;
    /* flex-direction: row; */
    /* align-items: center; */
    /* justify-content: center; */
}

.myviprowtop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 5px;
    font-size: 11px;
    padding-right: 10px;

}

.myviptitle {
    flex: 1;
    text-align: left;
    margin-left: 10px;
}

.myvipsince {
    text-align: right;
    line-height: 12px;
}

.myviprowbot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    bottom: 0px;
    font-size: 11px;
    padding-right: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 5px;
    line-height: 12px;
}

.myvipinfo {
    flex: 1;
    text-align: center;
    bottom: 0%;
    width: 100%;
    z-index: 1;
    text-align: center;
}

.myvipprogres {
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
    background: #2c4f38;
    height: 15px;
    overflow: hidden;
    border-radius: 50px;
    position: relative;
}

.myvipprogresswrap {
    border-radius: 50px;
    border: 1px solid #6aa663;
    padding: 3px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 30px;
}

.myvipbar {
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
    background: #f4d732;
    height: 100%;
}

.myvipprogres .numprog {
    position: absolute;
    margin-left: -5px;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    font-family: sans-serif;
    color: #fff;
}

#newpass img {
    padding-left: 28px;
    height: 20px;
    margin-top: 10px;
}

.prizeout {
    display: none;
}

.prizeouttop {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;
}

.modal_data_history .dataTables_wrapper {
    font-size: 10px;
}

.dataTables_filter input {
    background: #eee;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #11232e;
}

.mainpageflex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
}

.mainpageright {
    flex: 1;
}

.mainpageright .jumbotron {
    padding: 0px;
    background: #292825;
    margin: 0px;
}

.mainpageright .jumbotron .container {
    padding: 0px;
    width: 100%;
    margin: 0px;
}

.maingamesholder {
    height: auto !important;
}

.gmcont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    max-width: 600px;
}

.gmcont .gamebox {
    width: 150px;
    height: 150px;
    margin: var(--space-xs);
    position: relative;
    background: #2c4f38;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: flex-end;
    align-items: stretch;
    border-radius: 10px;
    border: none;
}

body.p .contentmain.contentpage {
    width: 100%;
    max-width: unset;
    padding-top: 0px;
    margin-top: 50px;
}

body.p .contentmain.contentpage .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

body.p .contentmain.contentpage a {
    color: #fff;
    text-decoration: underline;
}

body .wp-container-4{
    margin-top: 0
}

.footer-section .wp-block-column.social-icons h2 {
    font-size: 24px;
    font-weight: 500;
}

.footer-section .wp-block-column.social-icons .wp-block-group .wp-block-group__inner-container .wp-block-image img {
    width: 24px;
    height: 24px;
}

.footer-section .wp-block-column.social-icons .wp-block-group .wp-block-group__inner-container {
    gap: 4px;
}

body.p .contentmain.contentpage a:hover {
    color: #fff;
    opacity: 0.8;
}

.max1k {
    max-width: 1000px;
    float: none;
    margin: 0 auto;
    padding: 5px;
}

.max1k span,
.max1k a span {
    color: #FFF !important;
}

.max1k a:hover span,
.max1k a:active span,
.max1k a:focus span {
    color: #FFF !important;
    text-decoration: none;
}

.max1k2 {
    max-width: 1000px;
    float: none;
    margin: 20px auto;
    padding: 5px;
}

.gmcont .gamebox .gameName {
    padding: 0px;
    text-align: center;
}

.skrillicon {
    background: url(/img/150/skrill-logo.png) no-repeat right;
    height: 24px;
    flex: 1;
    background-size: contain;
    margin-right: 40px;
}

.fa-skrill {
    background: url(/img/150/Skrill.png) no-repeat center;
    height: 32px;
    width: 100px;
    background-size: contain;
}

.applepayicon {
    background: url(/img/150/apple-pay-logo.png) no-repeat right;
    height: 22px;
    width: 30px;
    flex: 1;
    margin-left: 20px;
    background-size: contain;
    background-position: right;
    margin-right: 40px;
}

.cardicons {
    background: url(/img/150/bank-cc.png) no-repeat;
    height: 22px;
    width: 30px;
    flex: 1;
    margin-left: 20px;
    background-size: contain;
    background-position: right;
    margin-right: 40px;
}

.bankicons {
    background: url(/img/150/Banks.png) no-repeat;
    height: 40px;
    width: 46px;
    flex: 1;
    margin-left: 20px;
    background-size: contain;
    margin-right: 40px;
}

.banktrasfer {
    background: url(/img/150/InstantBank.png) no-repeat;
    height: 40px;
    width: 46px;
    flex: 1;
    margin-left: 20px;
    background-size: contain;
}

.paycomicon {
    background: url(/img/150/pay-com-secondary-rectangle.png) no-repeat;
    height: 100%;
    min-height: 40px;
    width: 90px;
    align-self: center;
    background-size: contain;
}

.gmscat a {
    color: #8017f5;
    padding-top: 0.2em;
    padding-right: 2em;
    padding-bottom: 0.2em;
    padding-left: 2em
}

.gmscat a.activeb {
    font-family: "Heebo", sans-serif;
    background: linear-gradient(90deg, rgb(65, 73, 224) 0%, rgb(47, 88, 239) 51%, rgb(128, 23, 245) 100%);
    padding-top: 0.4em !important;
    padding-right: 1.5em !important;
    padding-bottom: 0.4em !important;
    padding-left: 1.5em !important;
    color: #fff !important;
}

.fauser {
    background: url(/img/150/icons/acc_off.png) no-repeat center;
    height: 35px;
    width: 35px !important;
    display: block;
    background-size: contain;
    margin: 0 auto;
}

.fafaq {
    background: url(/img/150/icons/qna.png) no-repeat center;
    height: 35px;
    width: 35px !important;
    background-size: contain;
    margin-right: 20px;
}

.fahow {
    background: url(/img/150/icons/how.png) no-repeat center;
    height: 35px;
    width: 35px !important;
    background-size: contain;
    margin-right: 20px;
}

.faterms {
    background: url(/img/150/icons/terms.png) no-repeat center;
    height: 35px;
    width: 35px !important;
    background-size: contain;
    margin-right: 20px;
}

.falogout {
    background: url(/img/150/icons/logout.png) no-repeat center;
    height: 35px;
    width: 35px !important;
    background-size: contain;
    margin-right: 20px;
}

.fapromo {
    background: url(/img/150/icons/promo_Off.png) no-repeat center;
    height: 35px;
    width: 35px !important;
    background-size: contain;
    margin-right: 20px;
}


.menprofile li a:hover i {
    opacity: 0.6;
}

.maingamesholder {
    display: flex;
    justify-content: center;
}

.popuploader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #2c4f38;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    -webkit-animation: rotation 1s linear infinite;
}

#wheelloader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #5b5ecd;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    -webkit-animation: rotation 1s linear infinite;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

#wheel.loadinger .modal-content {
    display: none;
}

#wheel.loadinger #wheelloader {
    display: block !important;
}

#wheelloaderc {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000036;
    z-index: 100;
    top: 0px;
    left: 0px;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#wheelloaderc.flexit {
    display: flex !important;
}

#wheelloaderc.flexit #wheelloader {
    display: block !important;
}


.fade-scalein {
    animation: scalein .25s linear;
    -webkit-animation: scalein .25s linear;

}

@-webkit-keyframes scalein {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;

    }

}

@keyframes scalein {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;

    }

}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#game-mask p {
    font-size: 20px;
}

.gameclosenav {
    display: none;
}

.benefits {
    margin: var(--space-xs);
    border-radius: 5px;
    overflow: hidden;
}

.roundedbanner {
    border-radius: 5px;
    overflow: hidden;
}

.textsection {
    background: #11232E;
    margin: 20px 0px;
    text-align: left;
    padding: 0px 10px;
}

.scrolltext::-webkit-scrollbar {
    width: 5px;
}

.scrolltext::-webkit-scrollbar-track {
    background: #fff;
}

.scrolltext::-webkit-scrollbar-thumb {
    background: #999;
}

.scrolltext::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.selectedstoreitem2 {
    display: flex;
    margin: 0px auto;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    border-radius: 10px;
    flex-direction: row;
    align-items: stretch;
    padding: 5px;
}

body.ingame.ios {
    position: unset;
}

body.ingame.scut.ios {
    position: fixed;
}

body.ingame.ios .mastermen {
    position: fixed;
}

body.ingame.ios .weerap {
    height: 120%;
    padding-bottom: 50px;
    display: block;
    overflow: hidden;
}

bbody.ingame.ios .container.gamemain {
    position: fixed;
}

bbody.ingame.ios footer {
    position: fixed;
}

footer.nofound {
    display: none !important;
}

body.notfound .contentpage {
    background: url(/img/120/404_rp.webp?v=1) #2c4f38 top center no-repeat;
    position: fixed;
    display: flex;
    color: var(--text-primary);
    justify-content: center;
    align-items: center;
}

.up404 {
    background: #c7c5d4;
    border-radius: 15px;
    padding: 15px 10px;
    color: #101c10;
    /* font-weight: bold; */
    font-family: "Heebo", sans-serif;
}

.up404 p {
    color: #4b4b95;
}

.up404 a {
    color: #4b4b95;
    text-decoration: underline;
}

.cont404c {
    max-width: 90%;
    max-height: 90%;
    margin: 69px auto;
}


#game-mask.flexmask {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

body.ingame.ios #game-mask {
    display: flex !important;
    position: absolute;
    z-index: 10000;
    height: 100%;
    padding-bottom: 2px;
    width: 100%;
    background: #000;
    top: 0px;
    color: #fff;
    text-align: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

body.ingame.ios #game-mask:not(.flexmask) {
    display: none !important;
}

footer .main-nav .item a {
    text-transform: capitalize;
}

.jackpots {
    width: 100%;
    display: flex;
    margin-top: 25px;
}

.jps {
    display: flex;
    /* flex: 1; */
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
}

.carousel-inner li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.carousel-inner ul {
    padding: 0px;
}

.carousel-inner.scroller {
    flex-direction: row;
    width: 9999px;
}

.jpmidi, .jpmini {
    padding: 5px 20px;
    min-width: 140px;
    background: linear-gradient(90deg, #4149E0 0%, #2F58EF 44.27%, #8017F5 100%);
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    cursor: default;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.jps div label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    /* position: absolute; */
    /* margin-top: -25px; */
    font-size: 15px;
    /* text-shadow: -1px 2px 3px #ffffff; */
    color: #7f18f5;
    font-weight: bold;
    background: #fff;
    line-height: 15px;
    margin-top: -5px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
    border-radius: 50px;
}

.jps .jpmajor label {
    margin-top: -3px;
}

.jps div {
    margin: 0px 10px;
}

.jpmajor {
    padding: 5px 20px;
    min-width: 180px;
    padding: 5px 20px;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    cursor: default;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 50px;

}

#address_results {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 15px;
    margin: 0px 20px;
}

.adresult {
    cursor: pointer;
    padding: 3px 5px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    color: #747474;
}

.adresult:hover {
    background: #268bfc;
    color: #fff;
}

.storecoinrow {
    padding: 5px;
}

.storeimg img {
    margin-right: -6px;
    margin-bottom: -5px;
    height: 80px;
}

.storeimg {
    display: flex;
    padding-left: 15px;
    align-items: flex-end;
}

.storecoinrow span {
    font-weight: bold;
    color: #333;
    margin: 0px 10px;
}

.storecoins {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
}

.closecol {
    display: none;
}

.storecoinrow img {
    height: 30px;
}

.storepay {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}

.storepay > .fsloader {
    left: 50%;
    position: absolute;
}

.checkoutinfo-storemethods,
.checkoutinfo-order-info {
    background-color: rgba(41, 40, 37, 0.85);
    box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.6), 4px 12px 8px rgba(0, 0, 0, 0.6);
    /* box-shadow: 1px 3px 14px 1px rgba(0, 0, 0, 0.6), 4px 12px 82px 62px rgba(0, 0, 0, 0.6); */
    border-radius: 20px;
}

.checkoutinfo-order-info {
    order: 1;
}

.checkoutinfo-order-info .store-limited-proposal{
    width: 80%;
    margin: 0px;
}

.checkoutinfo-storemethods {
    order: 2;
    padding: 15px;
}

.store-mobile-header.hideit,
.store-mobile-header {
    display: none;
}

.storepay.flexactive {
    /* position: absolute;
    top: 0px; */
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: stretch;
    order: 3;

}

.checkoutinfo .storepay.flexactive {
    background: transparent;
}

.checkout-contact {
    margin-top: 20px;
}

.checkout-contact > a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
}

.checkout-contact > a:hover {
    opacity: 0.6;
}

#my_profile .checkoutinfo-storemethods > h4 {
    font-size: 2.4rem;
    margin: 0px;
    margin-bottom: 20px;
    text-shadow: 0 0 4px #6DEB89;
    font-weight: bold;
    line-height: normal;
}

.ordersum {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    color: #fff;
    text-shadow: 0 0 4px #6DEB89;
    font-weight: bold;
    line-height: normal;
    padding: 20px 0px;
}
.shopcheckoutin {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.shopcheckoutin .storeic img {
    height: 40px;
    aspect-ratio: 1/1;
    width: auto;
    max-height: 80px;
    max-width: 80px;
}

.shopcheckoutin .storeic .storevip {
    font-size: 20px;
    max-width: 100px;
    line-height: 20px;
}

.shopcheckoutin .storecoins {
    align-items: stretch;
}

.shopcheckoutin .selectedstoreitem2 {
    background: none;
    border: 0px;
    padding: 0px 15px;
    width: 100%;
    margin-bottom: 15px;
}

.shopcheckoutin .storeboxupper {
    color: #fff;
}

.shopcheckoutin .backtostore {
    font-size: 20px;
    padding: 0px;
    background: #CC2228;
    box-shadow: 0 0 20px rgb(220, 77, 82, 1), 0 0 40px rgba(220, 77, 82, 0.6), 0 0 60px rgba(220, 77, 82, 0.5);
    color: #fff;
    opacity: 1;
    z-index: 1;
    position: fixed;
    top: 7px;
    right: 7px;
    height: 38px;
    width: 38px;
    border: 3px solid rgba(255, 255, 255, 0.41);
    border-radius: 50%;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1.3);
}

.shopcheckoutin .storegc div {
    line-height: 25px;
    font-size: 25px;
}

.shopcheckoutin .storegc span {
}

.shopcheckoutin .storesc {
    font-size: 20px;
    font-size: 20px;
    line-height: 19px;
    color: #fff;
    padding: 0px;
}

.shopcheckoutin .storegc {
    font-size: 20px;
    font-size: 20px;
    line-height: 19px;
    color: #fff;
    padding: 0px;
}

.storeicl.pls {
    font-size: 30px;
    font-weight: bold;
    max-width: 50px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.storesc i {
    margin-right: 4px;
}

#myCarousel .wp-block-media-text .wp-block-media-text__content {
    padding: 0px;
    padding-left: 10px;
}

.storepayframe {
    width: 100%;
    height: 100%;
}

.storepayframe > iframe {
    min-height: 540px;
}

.storecheckout {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: flex-start;
    justify-content: flex-start;
}


#tutorial {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 10000;
    flex-direction: column;
    align-items: stretch;
}

#tutorial.active {
    display: flex;
}

#tutorial div {
    display: none;
    position: relative;
    margin: 150px auto;
    max-width: 500px;
}

#tutorial div img {
    width: 100%;
}

#tutorial .tutorial_next {
    float: right;
}

#tutorial .tutorial_prev {
    float: left;
}

#tutorial h4 {
    color: #6eec89;
    font-weight: bold;
}

#tutorial i {
    color: #6eec89;
    font-size: 16px;
    cursor: pointer;
}

.tutorial-box {
    margin: 30px;
    background-color: #0d0e17de;
    border: 1px solid #6eec89;
    border-radius: 10px;
    color: #fff;
    padding: 15px;
}

.tutorial-box comment {
    color: #6eec89;
    font-weight: bold
}

#tutorial.tut_1 {
    background: rgba(10, 0, 30, 0.5);
}

#tutorial.tut_2 {
    background: rgba(10, 0, 30, 0.5);
}

#tutorial.tut_3 {
    background: rgba(10, 0, 30, 0.5);
}

#tutorial.tut_4 {
    background: rgba(10, 0, 30, 0.5);
}

#tutorial.tut_1 #tutorial_1 {
    display: block;
}

#tutorial.tut_2 #tutorial_2 {
    display: block;
}

#tutorial.tut_3 #tutorial_3 {
    display: block;
}

#tutorial.tut_4 #tutorial_4 {
    display: block;
}


.storebox .slobbyoffer {
    display: none;
}

.storebox .info div {
    white-space: nowrap;
}

.store-purchase-exp {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}
.store-purchase-exp > span {
    position: relative;
    right: 4px;
    top: 1px;
}

.store-purchase-exp > .exp-icon {
    height: 15px;
    position: relative;
    width: 36px;
}

.store-purchase-exp > .storevip {
    font-size: 16px;
}

.store-purchase-exp > .exp-icon > img{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.store-limited-proposal {
    margin-bottom: 15px;
    display: flex;
}

.storeitems .store-limited-proposal {
    gap: 10px;
    flex-direction: column;
}

.storeitems .store-limited-purchase-free-spins .strimg {
    width: 70px;
}

.storeitems  .store-limited-purchase-free-spins {
    font-size: 1.6rem;
}

.store-limited-purchase-free-spins {
    background-color: #363634;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.7) inset;
    border: none;
    border-radius: 20px;
    padding: 5px 15px 10px 15px;
    font-size: 1.3rem;
    display: flex;
    font-weight: bold;
    flex-direction: column;
}

.storeitems .store-limited-purchase-free-spins {
    padding: 5px;
    display: flex;
    flex-direction: row;
}

.storeitems .store-limited-purchase-free-spins > span {
    display: flex;
    align-items: center;
}

.store-limited-purchase-free-spins > span {
    line-height: 1;
}

.store-limited-purchase-info {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    gap: 12px;
}

.store-coins-info {
    background-color: #363634;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.7) inset;
    border: none;
    border-radius: 50px;
    color: #fff;
    padding: 13px 25px;
    font-size: 2rem;
    margin: 0px;
    display: flex;
    align-items: center;
    padding: 3px 5px;
    height: 40px;
    font-weight: bold;
}

.store-coins-info > img {
    height: 100%;
    width: auto;
}

.checkoutinfo-order-info .store-coins-info {
    height: 46px;
    font-size: 2.8rem;
}

.sstorebox:after {
    content: "";
    position: absolute;
    top: 0%;
    left: -100%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(58deg);

    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0.13) 0%,
            rgba(255, 255, 255, 0.13) 77%,
            rgba(255, 255, 255, 0.5) 92%,
            rgba(255, 255, 255, 0.0) 100%
    );
}

.sshine:after {
    opacity: 1;
    top: 0%;
    left: 30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}


.ppulse {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    transform: scale(1);
    animation: pulse-black 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

@keyframes pulse-black {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

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

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

.navbar-toggle.collapsed.openmobilemenu {
    display: none;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    height: 30px;
    padding: 0px;
    /* margin: 9px 5px; */
    width: 20px;
    margin-top: 10px;
    margin-left: 15px;
    padding: 5px 15px;
    border-radius: 0px;

}

.loggedout .navbar-toggle.collapsed.openmobilemenu {
    display: none;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle.opened {
    background: #fff;
}

.navbar-inverse .navbar-toggle:focus .iconbar, .navbar-inverse .navbar-toggle:hover .iconbar, .navbar-inverse .navbar-toggle.opened .iconbar {
    background: #7025f4;
}

.menitem.men_t1 {
    margin: 0px 10px;
}

.userimg {
    padding: 5px;
    background: #fff;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: none;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-weight: bold;
    color: #7e19f5;
    flex-direction: row;
    flex-wrap: nowrap;
}

.showmobile {
    display: none !important;
}

.hidedesktop {
    display: flex !important;
}

.daterangepicker .input-mini.active {
    border: 1px solid #11232e !important;
}

.history_filter {
    padding: 5px;
}

.backtocheckout {
    display: none;
}

.flexactive {
    display: flex;
}

.backtopayment {
    cursor: pointer;
}

.shopcheckout .storepay.flexactive .backtopayment h4 {
    display: none;
}

.storecheckout {
    padding: 10px 0px;
    margin-left: -30px;
    margin-right: -30px;
}

.storeitems {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    flex-direction: row;
    margin-left: -15px;
    margin-right: -15px;
    align-content: center;
    gap: 10px;
}

.storeitems > .storebox {
    padding: 10px 5px;
}

.storeitems > .storebox .store-coins-info {
    height: 40px;
    font-size: 18px;
}

.storeitems > .storebox .store-limited-purchase-info{
    padding: 0px;
    gap: 6px;
    justify-content: space-between;
}

.store-coins-info > span {
    padding-left: 10px;
}

.storeboxhead {
    display: none;
}

.storeboxhead, .storebox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-around;
}

.storeboxhead {
    padding: 0px 10px;
}

.storebox .bag {
    margin-bottom: 20px;
}

.storeboxhead .info, .storebox .info {
    text-align: left;
    padding: 0px 5px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

/* .checkoutinfo .storeboxupper {
    box-shadow: 0px 1px 5px #333;

} */

.storeboxupper {
    /* background: url(/img/150/store/transbg.png) top no-repeat #2c4f38; */
    /* overflow: hidden; */
    /* background-size: cover; */
    /* border-radius: 6px; */
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
}

/* .storeitemslimited .storeboxupper {
    background: linear-gradient(178deg, #2c4f38, #070831);
} */

.storechkcont {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
}


.modal_inner_data h4.stripheader {
    padding: 2px 0px;
}

.storeitemslimited {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    align-items: stretch;
    position: relative;
}

.storeitemslimitedbg {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 55%;
    transform: translateY(-50%) scale(1.5);
    opacity: 0.65;
}

.storeitemslimitedbg > img {
    width: 100%;
    height: 100%;
}

.store-limiter-image {
    padding: 10px 0px 20px 0px;
}

.store-limiter-image > img {
    height: 64px;
}

.storeitemslimited .store-limiter-image{
    display: none;
}

.storeitemslimited .storeicl {
    display: flex;
    justify-content: center;

    flex-direction: column;
    align-items: center;
}

.storebox {
    opacity: 0.8;
    border-radius: 35px;
    /* box-shadow: 0px 1px 5px #6d6c6c; */
    transform: scale(1);
    /* border: 1px solid; */
    /* background: #fff; */
    box-shadow: 0.5px 1.4px 7.1px 0.4px rgba(0, 0, 0, 0.6), inset 0px 1px 4.9px 0.2px rgba(192, 192, 192, 0.6), inset 0px -2px 2px 0 rgba(255, 255, 255, 0.2);
  background-image: linear-gradient(to top, rgba(54, 54, 52, 0.8), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(114, 193, 173, 0.1), rgba(114, 193, 173, 0.1));
    color: #fff;
    padding: 20px;
    width: calc(95% / 3);
    min-width: calc(90% / 3.1);
    flex: 1;
    margin-bottom: 20px;
}

.storeitemslimited .storebox {
    border-radius: 38px;
}

.storeitemslimited .storebox {
    width: calc(100% / 2);
    min-width: calc(98% / 2.1);
    padding-bottom: 10px;

}

/* .storeic img {
    height: 40px;
    margin-top: 5px;
}

.storeitems .storeic img {
    margin-top: 5px;
} */

.storegc {
    font-weight: bold;
}

.storegc div {
    line-height: 7px;
    font-size: 15px;
}

.storevip {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
    padding: 4px;
}

.storesc {
    font-size: 12px;
    color: #00ff8d;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}

.storeboxhead .infosc {
    background: linear-gradient(90deg, #4149E0 0%, #2F58EF 44.27%, #8017F5 100%);
    border-radius: 5px 5px 0px 0px;
    color: #fff;
    padding: 8px 17px;
    font-weight: normal;
    font-size: 15px;
}

.infosc a {
    line-height: 17px;
    margin-left: 5px;
}

.storeitemslimited {
    display: flex;
}

.storeitems .storebutton{
    height: 38px;
    font-size: 2.2rem;
}

.storedisc {
    color: #fff;
    font-size: 13px;
    bottom: 0px;
    margin-top: 20px;
    margin-bottom: -10px;
}

.info.price {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
}

.storeboxhead .infosc div {
    display: flex;
    margin-left: -5px;
}

.infosc i {
    border-radius: 50px;
    /* width: 20px; */
    /* height: 20px; */
    padding: 2px 5px;
    background: #fff;
    font-size: 8px;
}

.lockgame {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    backdrop-filter: blur(3px);
    z-index: 10;
    opacity: 0.9;
}

.lock_1 {
    background: url(/img/120/vip/lock_1.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.lock_2 {
    background: url(/img/120/vip/lock_2.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.lock_3 {
    background: url(/img/120/vip/lock_3.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.lock_4 {
    background: url(/img/120/vip/lock_4.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.lock_5 {
    background: url(/img/120/vip/lock_5.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.lock_6 {
    background: url(/img/120/vip/lock_6.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.lock_7 {
    background: url(/img/120/vip/lock_7.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.lock_8 {
    background: url(/img/120/vip/lock_8.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
}

.locked .hover span {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}

.locked.gamebox .gameimg {
    filter: grayscale(1);
}

.infosc {
    background: #ffffff3d;
    white-space: nowrap;
    max-width: 100px;
    margin: -5px 0px;
}

.ssstorebox.special_offer {
    background: linear-gradient(90deg, #571d7b 0%, #ef2fab 44.27%, #541bdf 100%)
}

.storebox.most_value .storetop .tag {
    filter: drop-shadow(0px -1px 0px #a65151);
    width: 100%;
}

.storebox.most_value .storetop .tag > span {
    background-image: linear-gradient(to bottom, #960b0b 50%, #770808);
    color: #fff;
    width: 100%;
    max-width: 185px;
}

.storebox.popular .storetop .tag {
    filter: drop-shadow(0px -1px 0px #6260a8);
    width: 100%;
}

.storebox.popular .storetop .tag > span{
    background: #8c22cf;
    background-image: linear-gradient(to bottom, #272398 50%, #1d1b78);
    color: #fff;
    width: 100%;
    max-width: 185px;
    /* top: -8px; */
}

.storebox.welcome_offer .storetop .tag {
    background: #ff0060;
    color: #fff;
}


.fsdata {
    display: flex;
    background-size: 100%;
    height: 100%;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 5px;
}

.fspk .strimg {
    aspect-ratio: 1 / 1.4;
    width: auto;
    height: auto;
    border-radius: 5px;
    border: 3px solid #fff;
    height: 80px;
    box-shadow: 1px 1px 12px 3px #337ab7;
}

.selectedstoreitem2.fspkco .store-limited-purchase-free-spins .strimg,
.store-limited-purchase-free-spins .strimg {
    width: 75px;
    height: auto;
    aspect-ratio: 16 / 9;
    border: unset;
    box-shadow: none;
}

.selectedstoreitem2 .fsplus, .selectedstoreitem2 .fsdata .selectedstoreitem2 .fsgmname,
.checkoutinfo-order-info .fsgmname {
    display: none;
}

.selectedstoreitem2.fspkco .fsplus, .selectedstoreitem2.fspkco .fsdata .selectedstoreitem2.fspkco .fsgmname {
    display: flex;
}

.selectedstoreitem2.fspkco .fsgmname {
    background: #2c4f3887;
}

.selectedstoreitem2.fspkco .strimg {
    height: 135px;
    padding: 5px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 1px 1px 12px 3px #337ab7;
    margin-top: 5px;
}

.selectedstoreitem2 .fspack {
    justify-content: center;
    align-items: center;
}

.fspk .storetop {
    background: #2c4f3854;
    overflow: hidden;
}

.fsplus {
    padding: 5px;
    font-size: 20px;
    font-family: "Heebo", sans-serif;
}

.fspk .storeicl, .fspk .fsdata {
    flex: 1
}

;

.storetop .fsgmn {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px;
}

.fspack {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.storetop span {
    font-size: 12px;
    height: 10px;
    position: relative;
    display: block;
    line-height: 6px;
}

.fsdata .spdatan {
    background: #000;
    padding: 2px 5px;
    font-size: 12px;
}

.fsdata .spdatan span {
    display: block;
}

.storebox .storetop .tag {
    position: absolute;
    display: inline-table;
    top: -7px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 -5px 0;
    padding: 0 30px 0 30px;
}

.storebox .storetop .tag > span{
    background: #ffe841;
    color: #2c4f38;
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 0px;
    text-shadow: 0 0 #2c4f38;
    z-index: 1;
    border-radius: 0px;
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
    color: #fff;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -2px;
    margin: 0 auto;
}

.infosc div {
    padding: 5px;
}

.info.tag, .info.extra {
    flex: 0;
    min-width: 40px;
}

.storebox.special_offer .tag {
    background: #ffe841;
    color: #2c4f38;
}

.storebox.special_offer .tag.shoptimer {
    background: #09a57e;
    color: #fff;
}

.storebox.special_offer .tag.shoptimer.hideit {
    display: none;
}

.shopuserdetails {
    display: none;
    position: absolute;
    padding: 15px;
    margin-top: 350px;
    width: 100%;
    height: 85%;
    max-width: 700px;
    border-radius: 25px;
    background: rgba(41, 40, 37, 1);
}

.shopcheckoutin .shopuserdetails h4 {
    font-size: 2.4rem;
    margin: 20px 0px;
    text-shadow: 0 0 4px #6DEB89;
    font-weight: bold;
    line-height: normal;
    color: #fff;
}

#storedetailsform {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: stretch;
}

.myaccountinput {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    background: #fff;
    font-size: 18px;
    color: #333;
    margin: 5px 0px;
}

.shopuserdetails .drow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
    border-radius: 50px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    color: #fff;
}

.shopuserdetails .drow .myaccountinput {
    height: 46px;
}

.shopuserdetails .drow:nth-child(2) {
    gap: 10px;
    padding: 0px 20px;
}

.shopuserdetails .drow:nth-child(2) label {
    display: flex;
    font-size: 20px;
    color: #fff;
    width: 30%;
    height: 46px;
    background: #333331;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.7) inset;
    justify-content: center;
    align-items: center;
    border-radius: 50px 0 0 50px;
    margin-left: 0;
}

.shopuserdetails .drow:nth-child(2) select.myaccountinput {
    margin: 0px;
    border-radius: 0px;
    height: 46px;
    color: #101c10;
    flex: 1;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    width: 100%;
    color: white;
    background: #333331;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.7) inset;
    appearance: none;
    background-image: url('/img/150/icons/dropdown.png');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
    padding-right: 36px;
}

.shopuserdetails .drow:nth-child(2) select.myaccountinput#mbirth_year {
    border-radius: 0px 50px 50px 0px;
    margin: 0;
}

.btn.myaccountbtn.saveshopdetails {
    filter: drop-shadow(0 0 3px #3B70FF);
    color: #FFF;
    text-align: center;
    text-shadow: 0 1.667px 4.167px rgba(0, 0, 0, 0.53);
    font-size: 22px;
    font-weight: 900;
    background: linear-gradient(180deg, #2E4883 0.1%, #0C2A66 100%);
    border: 1px solid #6e7aec;
    padding: 20px 50px 18px;
    margin: 20px auto 0px auto;
    border-radius: 50px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#storedetailsform .savedetails_error {
    color: red;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

.drow.rela {
    position: relative;
}

.shopuserdetails .drow.col {
    flex-direction: column;
}

#storedetailsform .error {
    border: 1px solid red !important;
}

#maddress_results {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 15px;
    display: block;
    top: 0px;
    margin-top: 38px;
}

.madresult {
    cursor: pointer;
    padding: 3px 5px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    color: #747474;
}

.madresult:hover {
    background: #268bfc;
    color: #fff;
}

#announcement .modal-header {
    text-shadow: #139C91 0 0 5px;
    color: #F1F2F7;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    margin: 0;
}

#announcement .modal-dialog {
    top: 20%;
}

.verifysteps {
    display: flex;
    float: none;
    align-items: center;
    flex-direction: column;
    width: fit-content;
    margin: 20px auto 0;
}

.verifybox {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15.8px 36.8px 30.1px 15.4px;
    border-radius: 22px;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: #363634;
    width: 657px;
}

.verifysteps h4 {
margin: 0;
    color: #6eec89;
    font-size: 24px;
}

.verifysteps div {
    text-align: start;
    font-size: 18px;
    margin-bottom: 32px;
}

.verifysteps .redeem_balance {
    margin-bottom: 0px;
}

#verify_ssn {
    border-radius: 105px;
    border: 1px solid #4d53cc;
    text-align: center;
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    background: #dae1ff;
    display: none;
    color: #111111;
}

#verify_ssn:disabled {
    background: #ddd;
    border: 1px solid #ddd;
}

.docniframe {
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
    display: none;
    border-radius: 22px;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: #363634;
}

.docniframe h4 {
    color: #FFFFFF;
}

.modal_inner_data .verifybox h4 {
    padding: 2px;
    color: #101c10;
}

.redbtn {
    color: #fff;
    white-space: nowrap;
    padding: 5px 20px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    /* box-shadow: 0 0 25px rgba(120, 140, 255, 0.9); */
    filter: var(--blue-button-filter);
    background: var(--blue-button-bg);
    border-radius: 59px;
    font-size: 27px;
    width: 264px;
    height: 74px;
    border: solid 2px #6e7aec;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: linear-gradient(to top, rgba(40, 53, 175, 1), rgba(104, 116, 240, 1)), linear-gradient(to bottom, rgba(110, 236, 137, 0.15), rgba(110, 236, 137, 0.15)); */
}

.redbtn,
.redbtn:visited,
.redbtn:hover,
.redbtn:active,
.redbtn:focus {
    color: #fff;
    text-decoration: none;
}

.verify_top_container {
    display: flex;
    align-items: center;
    align-self: flex-start;
}

.verify_top_container img {
    width: 33px;
    margin-right: 9px;

}

.green-btn {
    color: #fff;
    white-space: nowrap;
    background-color: #6aa663;
    box-shadow: 0 3px 0 #2c4f38;
    padding: 5px 20px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    margin-top: 10px;
}

.green-btn:hover {
    color: #2c4f38;
}

.green-btn:disabled {
    background: #7a8e84;
}

.green-btn.complete {
    background: #2c4f38;
}

.bluebtn {
    color: #fff;
    white-space: nowrap;
    background-color: #4149e0;
    padding: 5px 20px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    margin-top: 10px;
}

#withdraw_verifystatus.green {
    background: none;
    -webkit-text-fill-color: #1fa657;
    border: none;
    width: auto;
    color: #1fa657 !important;
}

.wdstatver {
    display: flex;
    align-items: center;
    justify-content: center;
}

.redbtn:hover {
    color: var(--text-primary);
}

.redbtn:disabled:hover,
.redbtn:disabled {
    background: #888;
    filter: unset;
    border: 1px solid rgb(198, 198, 198);
    background: -moz-linear-gradient( 90deg, #282727 0%, rgb(151,151,151) 100%);
    background: -webkit-linear-gradient(90deg, #282727 0%, rgb(151, 151, 151) 100%);
    background: -ms-linear-gradient( 90deg, #282727 0%, rgb(151,151,151) 100%);
    text-shadow: 0px 2px 4.75px rgba(0, 0, 0, 0.53);
    opacity: 0.8;
}

.redbtn.complete {
    border: 1px solid #6eec89;
    border-radius: 50px;
    background: -moz-linear-gradient( 90deg, #0c2314 5%, #37804b 100%);
    background: -webkit-linear-gradient(90deg, #0c2314 5%, #37804b 100%);
    background: -ms-linear-gradient( 90deg, #0c2314 5%, #37804b 100%);
    filter: drop-shadow(0 0 5px rgba(110, 236, 137, 0.9));
}

.storebox.special_offer .storebuttonn {
    background: linear-gradient(90deg, #33ab15 0%, #56ab16 100%)
}

.verifybox.disabled {
    color: #888;
    border: 2px solid #888;
    display: none;
}

.verifybox.disabled h4 {
    color: #888;
}

.verifywrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    border-radius: 40px;
    padding: 15px 6px 15px 16px;
}

.verifywrapper div {
    margin-bottom: 0;
}

.verifywrapper .iconComplete {
    display: none;
}

.verifywrapper .iconComplete.complete {
    display: block;
}

.verifywrapper div {
    display: flex;
    align-items: center;
}

.verify_check_step1 h4, .verify_check_step2 h4, .verify_check_step3 h4 {
    color: #FFFFFF;
}

.verify_check_step1.complete h4, .verify_check_step2.complete h4, .verify_check_step3.complete h4 {
    color: #acacab;
}

.verify_check_step1.complete .iconComplete, .verify_check_step2.complete .iconComplete, .verify_check_step3.complete .iconComplete  {
    display: block;
}

.withdrawform .wdr_amount {
    display: none;
}

#withdraw_balance {
    background: none;
    border: none;
    margin: 0;
    border-radius: 0;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

#available_withdraw_amount {
    background: none;
    border: none;
    margin: 0;
    border-radius: 0;
    color: #6eec89;
    -webkit-text-fill-color: #6eec89;
    font-size: 56px;
    font-weight: 600;
    box-shadow: unset;
    text-align: end;
    height: 49px;
}

.withdrawform .withdrawmethods {
    display: none;
}

.wdr_balance {
    display: flex;
    flex-direction: row;
    border-radius: 50px;
    background: none;
    margin: 0px;
    padding: 0px;
    color: #fff;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 20px;
}

.withdrawform .wdr_available label {
    padding: 0;
    background: none;
    color: #6eec89;
    font-size: 29px;
    background: none;
    border-radius: 50px 0 0 50px;
    margin-left: 0;
}

.redeem_balance_text {
   font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 12px;
}

.wdr_available {
    display: flex;
    flex-direction: row;
    margin: 0;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 16px 16px 14px 19px;
    border-radius: 22px;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: #363634;
    width: 100%;
    height: 109px;
}

#withdraw_amount:focus {
    background-color: none;
}

.wdr_amount.flexit {
    display: flex !important;
}

#redeempage .wdrcont .col-md-12.wdr_balance {
    margin-bottom: 0;
}

#redeempage .wdrcont .col-md-12.wdr_available {
    display: flex;
    flex-direction: column;
}

.wdr_amount {
    flex-direction: row;
    border-radius: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    color: #fff;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.wdr_amount .wdr-label {
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 0;
}

.withdrawform .wdr_amount label {
    padding: 10px;
    background: none;
    color: #fff;
    font-size: unset;
    border-radius: 50px 0px 0px 50px;
    margin-left: 0px;
}

#withdraw_amount {
    border: none;
    margin: 0;
    padding: 7px 16px;
    border-radius: 46px;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: #363634;
    font-size: 27px;
    height: 56px;
    max-width: 188px;
    text-align: right;
}

#withdraw_amount::placeholder {
    text-align: right;
}

#withdraw_method_selection {
    background: none;
    margin: 0;
    border: none;
    border-radius: 0;
    color: #fff;
    -webkit-text-fill-color: #fff;
    flex: 1;
}

.withdrselectco {
    flex-direction: row;
    display: flex;
    width: 100%;

    color: #fff;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    padding: 32px 9px 30px 7px;
    border-radius: 22px;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: #363634;
}


#withdraw_verifystatus {
    color: red;
    font-weight: bold;
    text-align: center;
}

.myaccountbtn:disabled {
    background: #ddd;
    color: #333;
}

.withdrawform {
    margin-left: 5px;
    margin-right: 10px;
}

.storebox .info img {
    margin-left: -5px;
}

.shopcheckout {
    padding: 10px 0px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    flex: 1;
    width: 100%;
    max-width: 700px;
    margin: 45px auto;
    flex-direction: column;
}

.checkoutinfo {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    gap: 30px;

}

.selectedstoreitem .discount, .selectedstoreitem .tag, .selectedstoreitem .storebutton {
    display: none !important;
}

.selectedstoreitem {
    width: 200px;
    margin: 0px auto;
}

.redeemmethod {
    background: #F6F6F6;
    padding: 10px;
    border-radius: 50px;
    margin: var(--space-xs);
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    flex: 1;
    font-size: 18px;
    border: 1px solid #E7E7E7;
    width: 100%;
}

.redeemmethod span {
    flex: 1;
    margin-left: 10px;
}

.redeemmethod i {
    padding: 0px;
    color: #7322f4;;
    margin: 0px 5px;
}

.redeemmethod:hover, .redeemmethod.selected {
    background: linear-gradient(90deg, #4149E0 0%, #2F58EF 44.27%, #8017F5 100%);
    color: #fff;
}

.redeemmethod:hover i, .redeemmethod.selected i {
    color: #fff;
}

.storemethod {
    color: #fff;
    font-size: 17px;
    line-height: 1;
    font-weight: 500;
    border-radius: 50px;
    border: 1px solid rgba(192, 192, 192, 0.4);
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 2px 0px #444;
    align-items: center;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    background: transparent;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    text-align: left;
}

.storemethod.pappay {
    background-color: #000 !important;
}

.storemethod:hover {
    background: rgba(255, 255, 255, 0.3);
}

.storemethod .fas.fa-chevron-right{
    margin-right: 20px;
    font-size: 3rem;
}

.terms-back-button {
    display: block;
    margin-left: 15px;


    .fas.fa-chevron-left{
    font-size: 18px;
    padding-right: 10px;
    }

    span {
        font-size: 18px;
    }


}

.terms-back-button:hover {
    cursor: pointer
}



/* .storemethod[data-id="psafe-skrill_ifr"] {
    background: #7d2264;
    color: #7d2264;
}

.storemethod[data-id="psafe-skrill_ifr"] i {
    color: #fff;
} */

.paysafe {
    background-color: #7d2264;
!important;
    color: #fff;
!important;
}

.slickitem {
    padding: 0px 10px;
}

#myCarouselslick {
    display: flex;
    flex-direction: column;
}

#myCarouselslick > .slick-list {
    width: calc(100% + 20px);
    transform: translate(-10px, 0px);
    overflow: visible;
}

#myCarouselslick .slick-slider {
    backface-visibility: hidden;
    transform: translateZ(0);
}

#myCarouselslick .slick-track {
    will-change: transform;
}

#myCarouselslick .wp-block-cover .wp-block-cover__image-background {
    overflow: visible;
    object-fit: fill;
    height: auto;
    filter: drop-shadow(0px 0px 4px #000);
}

#myCarouselslick .slick-slide {
    aspect-ratio: 120 / 53;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 14px;
    height: 14px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 15px;
    padding: 0;
    cursor: pointer;
}

#reglogin .slick-dots li button,
#reglogin .slick-dots li {
    width: 11px;
    height: 11px;
}

#reglogin .slick-dots li {
    margin-right: 6px;
}

#reglogin .slick-dots li.slick-active {
    margin-right: 18px;
}

.slick-dots li:nth-last-child(1) {
    margin-right: 0;
}

.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    margin-top: 5px;
}

.slick-dots li.slick-active {
    width: 28px;
}

#reglogin .slick-dots li button:before {
    width: 22px;
    height: 22px;
}

.slick-dots li.slick-active button:before {
    color: #fff;
    background: #fff;
    transform: scaleX(2);
    border-radius: 3px;
}

#reglogin .slick-dots li.slick-active button:before {
    border-radius: 2px;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    content: '';
    text-align: center;
    border: 2px solid white;
    border-radius: 4px;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: scaleX(1);
    transition: transform 0.3s ease;
    transform-origin: center left;
}

#reglogin .slick-dots li button:before {
    width: 11px;
    height: 11px;
    border: 2px solid white;
    border-radius: 3px;
}

.bg-main-gradient {
    position: absolute;
    /* width: 100%;
    height: 400px; */
    /* top: -20px; */
    /* width: 1106px; */
    /* height: 100%; */
    width: 110%;
    height: 200%;
    /* height: 150px; */
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* border-radius: 100px; */
    /* filter: blur(108px); */
    /* transform: scaleY(1.2) scaleX(1.1); */
}

.bg-main-gradient.gc {
    background-image: url('/img/150/GC-bg-carousel.png');
    /* background: #F45A00; */
    /* background: radial-gradient(ellipse at center, #F45A00 0%, rgba(102, 204, 102, 0) 70%); */
}

.bg-main-gradient.tc {
    background-image: url('/img/150/SC-bg-carousel.png');
    /* background: #00A12D; */
    /* background: radial-gradient(ellipse at center, #00862B 0%, rgba(102, 204, 102, 0) 70%); */
}

.storemethod[data-id="nv-applepay"] {
    background: #000;
    color: #fff;
}

.storemethod[data-id="chko-applepay"] {
    background: #000;
    color: #fff;
    padding: 0px 10px;
}

.storemethod[data-id="pay-applepay"] {
    background: #000;
    color: #fff;
    padding: 0px 10px;
}

.storemethod .paicon {
    color: #2c4f38;
    margin-left: 8px;
    font-weight: bold;
    display: none;
}

.storemethod[data-id="nv-applepay"] .paicon {
    color: #fff;
}

.storemethod span {
    flex: 1;
    white-space: nowrap;

    padding-left: 25px;
    font-size: 2.2rem;
}

.backtocheckout, .backtostore {
    cursor: pointer;
}

.storemethods {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    /* padding: 5px; */
    gap: 10px;
}

.orderamount {
    font-size: 2.9rem;
    font-weight: bold;
}

#my_profile .modal-body .ordersum > h4 {
    font-size: 2.4rem;
    font-weight: bold;
    align-items: flex-end;
}

.smsrowcol {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2c4f38;
    position: relative;
}


.smsverify_step1 .smsrowcol {
    width: 70%;
}

#smsverify_mobilecode,
#smsverifyerror {
    position: absolute;
    bottom: -20px;
}

#smsverifyerror {
    bottom: -30px;
    line-height: 1;
}

.small-cap {
    font-size: 11px;
    color: #2c4f38;
    border-top: 1px solid #2c4f38;
    margin-left: -30px;
    margin-right: -30px;
}

.modal_inner_data .ordersum h4 {
    padding: 5px 0px;
    font-size: 20px;
    margin: 0px;
    color: #2c4f38;
    font-weight: normal;
    margin-bottom: 5px;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.storebox .info img {
    margin-right: 5px;
}

.storebox i {
    padding: 0px;
    color: #fbfbfb;
    margin: 0px 5px;
}

.storebox.selected {
    background: #f7e29a;
    border: 1px solid #f7e29a;
}

.storebox.selected i {
    color: #333;
}

.storebox .discount {
    top: 0px;
    background: #00b15a;
    /* margin-top: -10px; */
    /* margin-left: -15px; */
    border-radius: 3px;
    padding: 2px;
    left: 0px;
    margin: 1px;
    font-size: 15px;
    text-transform: uppercase;
}

.storebox .tag > span{
    top: 0px;
    background: #D22D4B;
    /* margin-top: -10px; */
    /* margin-left: -15px; */
    border-radius: 3px;
    padding: 5px 15px;
    right: 0px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 50px;

}

.storebox .discount {
    background: #00b15a;
    padding: 2px 5px;
    border-radius: 15px;
}

.selected .storeboxprice {
    color: #000;
}

.storeboxprice {
    font-size: 20px;
    font-weight: bold;
    color: #f0cf61;
}

.storebox .oldprice {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: center;
}

.storebox .linethrough {
    text-decoration: line-through;
    font-size: 12px;
    color: #e7e7e7;
    margin-left: 5px;
}

.shopuserdetails .drow .rowd {
    display: flex;
}

.shopuserdetails #mbirth_year {
    margin-right: 15px;
}

.shopuserdetails select.myaccountinput {
    flex: 0;
}

.modal_data_personal_information .row {
    flex-direction: row;
    display: flex;
    border-radius: 50px;
    background: #fff;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    margin-top: 10px;
    color: #fff;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    border: 1px solid #fff;
}

.modal_data_personal_information .row label {
    padding: 8px 0px;
    background: none;
    color: #fff;
    max-width: 120px;
    font-size: unset;
    background: #2c4f38;
    border-radius: 50px 0px 0px 50px;
    margin-left: 0px;
    flex: 1;
    padding-left: 12px;
    margin-right: 4px;
    text-align: left;
    line-height: 22px;
    min-width: 120px;
}

.modal_data_personal_information .row.sccol {
    background: #fff;
    color: #101c10;
}

.modal_data_personal_information .row.sccol label {
    background: #2c4f38 url('/img/150/icons/LS-SC-Coin.png') no-repeat 3px center; /* Image placed 10px from the left */
    background-size: 35px 35px;
    color: #fff;
    padding-left: 45px;
    display: inline-block;
    line-height: 22px;
}

.modal_data_personal_information .row.sccol input {
    color: #101c10;
    -webkit-text-fill-color: #101c10;
}

.modal_data_personal_information .row.gccol {
    background: #fff;
    color: #101c10;
}

.modal_data_personal_information .row.gccol label {
    background: #2c4f38 url('/img/150/icons/LS-GC-Coin.png') no-repeat 3px center; /* Image placed 10px from the left */
    background-size: 35px 35px;
    color: #fff;
    padding-left: 45px;
    display: inline-block;
    line-height: 22px;
}

.modal_data_personal_information .row.gccol input {
    color: #101c10;
    -webkit-text-fill-color: #101c10;
}


.modal_data_personal_information .row input {
    background: none;
    border: none;
    margin: 0px;
    border-radius: 0px;
    -webkit-text-fill-color: #101c10;
    flex: 1;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    width: 100%;
    color: #101c10;

}

.modal_data_personal_information .row select {
    background: none;
    border: none;
    margin: 0px;
    border-radius: 0px;
    color: #101c10;
    -webkit-text-fill-color: #101c10;
    flex: 1;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    width: 100%;

}


input:focus, input:active {
    border: none;
    outline: none;
}

select:focus, select:active {
    border: none;
    outline: none;
}

.smsphonecont #smsverify_prefix,
#myaccount_prefix {
    border: none;
    background: none;
    color: #fff;
    padding-left: 6px;
    width: 22px;
}

.smsphonecont #smsverify_prefix {
    width: 30px;
}

.verifysteps .social-security-number-wrapper {
    margin-bottom: 0px;
}

.verify_3_soc_sec {
    width: 100%;
}

.social-security-number-wrapper,
.verifycode-wrapper {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.social-security-number-wrapper > input,
.verifycode-wrapper > input {
    width: 35px;
    height: 30px;
    text-align: center;
    font-size: 2.2rem;
    border: none;
    border-bottom: 3px solid #6eec89;
    background: transparent;
    color: white;
}

.social-security-number-wrapper {
    justify-content: center;
    margin-top: 24px;
}

.social-security-number-wrapper > input {
    font-size: 2.2rem;
    font-weight: bold;
    height: 46px;
}

#smsverifytxt .smsverify-nocode {
    font-size: 1.4rem;
    font-weight: normal;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 5px;
}

#sms2verify_mobilecode, #sms2verifyerror {
    margin-top: 5px;
    margin-bottom: 0px;
}

.sms2veify_step2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: space-between;
}

#sms2code {
    width: 200px;
    margin: var(--space-xs);
    border-radius: 50px;
    color: #2c4f38;
    padding: 5px;
    box-shadow: 0px 0px 3px #a1a1a1;
    bordeR: none;
    text-align: center;
}

.resend2sms {
    cursor: pointer;
}

.sms2verify_step2 {
    display: none;
}

.sms2phonecont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
}

#sms2verify.active {
    position: fixed;
    display: flex !important;
}

#sms2verify {
    display: none;
    z-index: 1000000;
    /* background: #333; */
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.sms2row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.smslogout {
    padding: 10px;
}

#sms2verifyloader .uil-line-css.skin_120 {
    display: block;
}

#sms2veifymsg {
    background: #f2f3f8;
    padding: 0px;
    width: 350px;
    border-radius: 5px;
    max-width: 95%;
    display: flex;
    padding: 10px 10px 50px 10px;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;
    text-align: center;
}

#smsverify_mobilecode, #smsverifyerror {
    margin-top: 5px;
    margin-bottom: 0px;
}

.smsverify_step1, .smsverify_step2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: space-between;
}

#smsverifytxt h4 {
    font-size: 2.4rem;
    margin-top: 0px;
    margin-bottom: 5px;
}

.smsverify_step1 .default-input-wrapper {
    width: 100%;
    margin-top: 15px;
}

#smscode {
    width: 200px;
    margin: var(--space-xs);
    color: #101c10;
    padding: 5px;
    border: none;
    text-align: center;
    border-bottom: 1px dashed #2c4f38;
}

.resendsms {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.verifysmsdetails {
    cursor: pointer;
}

.smsrow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

#smsverify_prefix {
    width: 30px;
    background: none;
    border: none;
    padding: 5px;
    color: #101c10;
}

#smsverify_phone {
    padding-left: 70px;
    width: 100%;
    height: 38px;
}

.smsvhead {
    border-radius: 50px 0px 0px 50px;
    padding: 5px 20px;
    box-shadow: 0px 0px 3px #979797;
    background: #2c4f38;
    color: #fff;
    padding-left: 7px;
    margin-right: 8px;
}

.phonepref {
    box-shadow: 0px 0px 3px #979797;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 2px;
    left: 10px !important;
}

.smsverify_step2 {
    display: none;
}

.modal_data_personal_information .smsphonecont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
}

.modal_data_personal_information .smsphonecont > *:last-child {
    position: absolute;
    font-size: 11px;
    padding-left: 16px;
    bottom: -29px;
}

#smsverify.active {
    position: fixed;
    display: flex;
}

#smsverify {
    display: none;
    z-index: 1000000;
    /* background: #333; */
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#smsveifymsg {
    background: #fff;
    padding: 0px;
    width: 350px;
    border-radius: 5px;
    max-width: 95%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;
    text-align: center;
}

#smsverifyhead {
    margin: 0px -20px;
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    border-bottom: 1px solid #223642;
}

#closesmsverify {
    cursor: pointer;
}

#smsverifyhead span {
    flex: 1;
}

#smsverifytxt {
    padding: 15px 0px;
    position: relative;
}

.smsloader {
    display: none;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    top: 0px;
    left: 0px;
    margin: 0px;
    z-index: 2;
}

.smsloader .uil-line-css.skin_150 {
    background-color: #e5e5e5 !important;
    margin-top: 0px !important;
}

.smsloader .uil-line-css {
    margin-left: -80px;
    width: 160px;
}


#infopage {
    position: fixed;
    display: flex;
    z-index: 1000;
    /* background: #333; */
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;

}

.infopagec {
    aspect-ratio: 396/621;
    width: 396px;
    position: relative;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;

}

#closeinfopage {
    width: 70px;
    height: 70px;
    right: 0px;
    margin-right: 0px;
    float: right;
    cursor: pointer;
}

#offerpop {
    display: flex;
    position: fixed;
    z-index: 990;
    /* background: #333; */
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;

}

#closeofferpop {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 8%;
    margin-right: 4%;
    cursor: pointer;
}

.offerpopc {
    background: none;
    aspect-ratio: 395/621;
    width: 395px;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    background-position: center top;
    margin: 0px;
    padding: 0px;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-start;
    background-repeat: no-repeat;
}

.offerpopv_120 #offerpop_head {
    display: none;
}

.offerpopv_120 #offerpop_btn {
    opacity: 0;
    -webkit-opacity: 0;
    top: 86%;
}

.offerpopv_120 #offerpop_price {
    top: 85.5%;
    flex-direction: row-reverse;
    width: 36%;
}

.offerpopv_120 #offerpop_price .oldprice {
    color: #f3f3f3;
}

.offerpopv_120 #offerpop_text {
    top: 91%;
}

.offerpopv_120 #offerpop_funcoins {
    font-size: 44px;
    width: 100%;
    top: 62%;
    left: 0px;
    color: #f6981e;
    font-family: "Heebo", sans-serif;
}

.offerpopv_120 #offerpop_funcoins:after {
    content: "GC";
}

.offerpopv_120 #offerpop_coins {
    font-size: 44px;
    width: 100%;
    top: 75%;
    left: 0px;
    color: #03af5e;
    line-height: 44px;
    font-family: "Heebo", sans-serif;
}

.offerpopv_120 #offerpop_coins:after {
    content: "SC";
}

.offerpopv_120 #offerpop_coins:before {
    content: "+";
    color: #2b1e6b;
    position: absolute;
    margin-top: -21%;
}

.offerpopv_120 #closeofferpop {
    margin-top: 21%;
}

#offerpop_head {
    position: absolute;
    font-size: 45px;
    width: 70%;
    /* background: #eee; */
    top: 34%;
    line-height: 40px;
    font-weight: bold;
    display: flex;
    align-items: center;
    align-content: center;
    height: 76px;
    text-align: center;
}

#offerpop_text {
    position: absolute;
    font-size: 18px;
    width: 65%;
    top: 47%;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

#offerpop_coins {
    position: absolute;
    font-size: 18px;
    width: 25%;
    top: 61%;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    align-items: center;
    align-content: center;
    height: 60px;
    color: #fff;
    left: 45%;
}

#offerpop_funcoins {
    position: absolute;
    font-size: 18px;
    width: 25%;
    top: 61%;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    align-items: center;
    align-content: center;
    height: 60px;
    color: #fff;
    left: 15%;
}

#offerpop_price {
    position: absolute;
    font-size: 18px;
    width: 59%;
    top: 70%;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 60px;
    align-items: center;
    align-content: center;
    height: 60px;
    color: #fff;
}


#offerpop_btn:hover {
    color: #ddd !important;
}

#offerpop_btn {
    position: absolute;
    cursor: pointer;
    font-size: 21px;
    width: 54%;
    top: 81.5%;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 60px;
    align-items: center;
    align-content: center;
    height: 53px;
}

#offerpop_price .oldprice {
    text-decoration: line-through;
    color: #c5bfbf;
    font-size: 16px;
}

#newpopup.active {
    position: fixed;
    display: flex;
}

#newpopup {
    display: none;
    z-index: 1000;
    /* background: #333; */
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#newpopup.viplvlup {
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(2.25px);
}

#newpopmsg {
    background: #fff;
    padding: 10px 30px;
    width: 350px;
    border-radius: 5px;
    max-width: 95%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;
    text-align: center;
}

#newpopmsg.popup_bonus {
    background: none;
    aspect-ratio: 600/1012;
    width: 359px;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    background-position: center top;
    margin: 0px;
    padding: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-start;
}

#newpopmsg.popup_bonus #newpoptxt {
    position: absolute;
    font-size: 20px;
    text-align: center;
    margin-top: 76%;
    color: #fff;
    width: 295px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 0px;
}

/*#newpopmsg.popup_bonus #newpopfun img, #newpopmsg.popup_bonus #newpopreal img{display:none;}*/
#newpopmsg.popup_bonus #newpopfun, #newpopmsg.popup_bonus #newpopreal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#newpopmsg.popup_bonus #newpopfun {
}

#newpopmsg.popup_bonus #newpopreal:before {
    content: "+";
    color: #fff;
    font-family: "Heebo", sans-serif;
    font-size: 24px;
    line-height: 12px;
    margin-top: -60px;
    position: absolute;
}

#newpopmsg.popup_bonus #newpopbtns {
    margin-top: 135.5%;
    position: absolute;
    padding: 0px;
    text-transform: uppercase;
    height: 50px;
    width: 100px;
}

#newpopmsg.popup_bonus #newpopbtns #claimnewpop {
    background: none;
    font-size: 30px;
    font-weight: bold;
    padding: 5px 100px;
}

#newpopmsg.popup_bonus #newpopamounts {
    margin-top: 101%;
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 18px;
}

#msg.store-modal h4, .modal.store-modal p {
color: #FFFFFF;
    font-size: 14px;
}

.modal.store-modal p {
font-weight: 500;
}

#msg .modal-logo{
    width: 45px;
    height: fit-content;
    display: flex;
    justify-content: center;
    position: relative;
    top: -10px;
    vertical-align: middle;
}

#msg .errormsg {
    margin-top: -10%;
    display: inline-block;
    max-width: 200px;
}

.storemsgsuccessimg {
    display: inline-block;
    position: relative;
    top: -2px;
    right: 4px;
}

.storemsgsuccessimg > img {
    width: 20px;
    height: 20px;
}

.store-modal a {
    color: #fff;
    text-decoration: underline;
}

#newpopmsg.popup_bonus #newpophead {
    margin: 0px;
    border-bottom: none;
    position: absolute;
    margin-left: 88%;
    margin-top: 20%;
}

#newpopmsg.popup_bonus #newpophead #closenewpop {
    font-size: 60px;
    -webkit-opacity: 0;
    opacity: 0;
    margin-top: 47%;
}

#smsveifymsg.popup_reg {
    box-shadow: 0 0 13px 6px #4d4d4d;
    background: none no-repeat center top;
    width: 100%;
    max-width: 420px;
    position: relative;
    background-size: cover;
    border-radius: 25px;
}

#smsveifymsg.popup_reg .greenbtn {
    background: #6aa663;
    box-shadow: 0 3px 0 #2c4f38;
    border-radius: 50px;
    /* box-shadow: 0px 1px 6px 0px #000; */
    text-transform: uppercase;

}

#smsveifymsg.popup_reg #verifysmsbtn2 {
    text-transform: uppercase;
    cursor: pointer;
}

#verifysmsbtn2 {
    width: 200px;
    padding: 6px 0px;
    font-size: 2.5rem;
    font-weight: normal;
}

#smsveifymsg.popup_reg #smsverifytxt {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#smsveifymsg.popup_reg #smsverifytxt h4 b {
    font-family: "Heebo", sans-serif;
}

#smsverifytxt p{
    font-size: 1.9rem;
    font-weight: bold;
    color: #fff;
}

#smsveifymsg.popup_reg .smsloader {
    left: auto;
    background: transparent;
    width: 100%;
}

#smsveifymsg.popup_reg #verifysmsbtn {
    margin-top: 30px;
    font-size: 2.7rem;
    font-weight: normal;
    padding: 4px 0px;
}

#verifysmsbtn {
    cursor: pointer;
    text-transform: uppercase;
}

#verifysmsbtn2:focus,
#verifysmsbtn2:hover,
#verifysmsbtn:focus,
#verifysmsbtn:hover
{
    color: #fff;
    text-decoration: none;
}

#sms2veifymsg h4 {
    color: #2c4f38;
}

#sms2veifymsg h4 b {
    font-family: "Heebo", sans-serif;
}

#sms2veifymsg .smsloader {
    left: auto;
    background: #f2f3f8;
    width: 100%;
}

.sms2verifyt {
    position: relative;
    width: 100%;
    height: 100%;
    background: #f2f3f8;
}

#verify2smsbtn2 {
    background: #1fa657;
    border-radius: 50px;
    /* box-shadow: 0px 1px 6px 0px #000; */
    text-transform: uppercase;
    border: none;
}

.sms2rowcol {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#smsgcoins {
    position: absolute;
    font-family: "Heebo";
    display: inline-block;
    text-align: left;
    color: #ff9500;
    font-weight: bold;
    font-size: 30px;
    margin-top: 27%;
    margin-left: 13px;
    top: 0px;
}

/* #smsscoins:before {
    content: "+";
    font-size: 30px;
    color: #fff;
} */

#smsscoins {
    position: absolute;
    display: inline-block;
    text-align: left;
    color: #1fa657;
    font-weight: bold;
    font-size: 30px;
    top: 0px;
    margin-top: 36.5%;
    margin-left: 13px;
    font-family: "Heebo";

}

#smsveifymsg.popup_reg #smsverifytxt {
    margin-top: 0px;
    top: 0%;
    padding-bottom: 40px;
    background: #000;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: 1px solid #2835AF;
    filter: drop-shadow(0 0 5px #6C78EA);
    border-radius: 10px;
}

#newpophead {
    margin: 0px -20px;
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    border-bottom: 1px solid #223642;
}

#closenewpop {
    cursor: pointer;
}

#newpophead span {
    flex: 1;
}

#newpoptxt {
    padding: 15px 0px;
}

#newpopamounts {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
}

#newpopamounts img {
    height: 35px;
}

#newpopfun, #newpopreal {
    padding: 0px 20px;
    display: none;
}

#newpopfun span, #newpopreal span {
    margin-left: 5px;
    margin-left: 5px;
    font-family: "Heebo", sans-serif;
    font-size: 38px;
    color: #fff;
}

#newpopfun span {
    color: #fff;
}

#newpopfun span:after {
    content: "GC";
}

#newpopreal span:after {
    content: "SC";
}

#newpopfun.on, #newpopreal.on {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
}

#newpopbtns {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: center;
    justify-content: center;
}

.greenbtn:active {
    border: 1px solid transparent;
    outline-offset: unset;
    outline: unset;
    color: #fff;
}

.greenbtn:hover {
    color: var(--text-primary);
}

.greenbtn, .greenbtn:active {
    background: #4149E0;
    background: linear-gradient(90deg, #4149E0 0%, #2F58EF 44.27%, #8017F5 100%);
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
}


.scrolltext {
    overflow-y: auto;
    height: 200px;
    text-align: left;
    padding: 5px;
}

body .is-layout-flex.is-vertical.is-content-justification-center {
    align-content: stretch;
    align-items: center;
}

.has-white-color {
    color: #fff;
}

select:active, select:hover {
    outline: none
}

bbody.bg, bbody.de {
    background: #080c0f;
}

body.sidemenuopen {
    overflow: hidden;
}

h5 {
    font-weight: Bold;
}

.liveeventmobilehead {
    height: 30px;
    width: 100%;
    background: #222;
    overflow: hidden;
    display: none;
}

.backtolive {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: var(--bg-tertiary);
    color: #fff !important;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    line-height: 27px;
}

/*.menitem .dropdown-menu > li.twocol a {*/
/*    padding: 5px 10px;*/
/*    margin: 5px;*/
/*}*/

/*.menitem .dropdown-menu > li.twocol {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*    justify-content: space-evenly;*/
/*    text-align: center;*/
/*}*/


.menu-back-button > button {
    background: transparent;
    border: unset;
    border-radius: 100px;
    background: rgba(35, 35, 31, 0.7);
    box-shadow: 0 2px 4.7px 0 rgba(0, 0, 0, 0.8), 0 1px 1.7px 0 rgba(217, 217, 217, 0.7) inset, 0 0 4px 0 rgba(139, 137, 133, 0.3) inset;
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0px 16px;
}

.menu-back-button > button:active
{
    transform: scale(1.3);
    background-color: rgba(255, 255, 255, 0.1);
}

.menu-back-button > button > span {
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.menu-back-button > button > img {
    transform: rotate(180deg);
}

.menu-content-search-container {
    margin-bottom: 5px;
}

.menu-item-mainelement {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-right: 6px;
    padding-left: 6px;
    color: #fff;
}

.menu-item-container a:hover,
.menu-item-container a:focus,
.menu-item-container a:active {
    text-decoration: none;
    color: #fff;
}

.menu-item-mainelement-info {
    display: flex;
    align-items: center;
    gap: 4px;
}

.menu-item-mainelement-game-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-category-faq-support .menu-item-mainelement-game-icon img,
.menu-category-my-account .menu-item-mainelement-game-icon img {
    width: 52px;
    height: 52px;
}

.menu-category-how-play .menu-item-mainelement-game-icon img {
    width: 41px;
    height: 52px;
}

.menu-category-term-policies-agreement .menu-item-mainelement-game-icon img {
    width: 52px;
    height: 52px;
}

.menu-category-logout .menu-item-mainelement-game-icon img {
    width: 52px;
    height: 52px;
}

.menu-item-toggle img {
    width: 100%;
    height: auto;
}

.menu-item-mainelement-game-icon img {
    width: 52px;
    height: 52px;
}

.menu-category-live-casino-games .menu-item-mainelement-game-icon > img {
    width: 52px;
    height: 52px;
}

.menu-item-subelements > li {
    line-height: 1;
}

.menu-item-subelements > .menu-sub-item > a {
    padding: 0px;
}

.menu-item-title {
    margin: 0;
    font-size: clamp(12px, calc(12px + (2 * (100vw - 993px) / 447)), 14px);
    line-height: 0;
}

.menu-item-toggle {
    width: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-item-subelements {
    max-height: 0px;
    margin: 0px;
    cursor: pointer;
    overflow: auto;
    transform-origin: top;
    padding-left: 56px;
    font-size: 13px;
    transition: max-height 0.3s ease-out;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

 .menu-category-slot-games > .menu-item-subelements,
.menu-category-live-casino-games > .menu-item-subelements
{
    padding-left: 80px;
}

.menu-item-subelements.active {
    max-height: 225px;
}

.menu-item-toggle > img {
     transition: transform 0.3s ease;
}

.menu-item-toggle > img.active {
    transform: rotate(180deg);
}

.popup-modal {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.menu-content-container.menu-loyalty-container {
    text-align: center;
    cursor: pointer;
    padding-bottom: 20px;
}

.menu-loyalty-last-level-badge {
    display: none;
}

.menu-loyalty-container.loyalty-last-level > .menu-loyalty-last-level-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 50px 0px;
}

.menu-loyalty-container.loyalty-last-level > .menu-loyalty-container-content {
    display: none;
}

.loyalty-last-level-icon > img{
    width: 54px;
    height: 61px;
}

.loyalty-last-level-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.loyalty-last-level-info > h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 0px;
}

.loyalty-last-level-info > p {
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
}

.menu-loyalty-level {
    font-size: 15px;
}

.menu-loyalty-container > .menu-loyalty-container-content > span {
    font-size: 14px;
    font-weight: 400;
}

.menu-loyalty-container > .menu-loyalty-container-content > h3{
    font-size: 36px;
    font-weight: 700;
}

.menu-loyalty-bar {
    position: relative;
    height: 30px;
}

.menu-loyalty-bar > img {
    width: 100%;
    height: 60px;
}

.menu-loyalty-background {
    position: absolute;
    width: 92%;
    background: linear-gradient(180deg, #003421 0%, #004A30 100%);
    border-radius: 50px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    height: 66%;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 5px;
    overflow: hidden;
}

.menu-loyalty-progress-wrapper {
    height: 100%;
    border: 1px solid #a9a6a133;
    background: #282723;
    border-radius: 50px;
}

.menu-loyalty-progress {
    background: #DAA636;
    height: 100%;
    width: 0%;
    border-radius: 50px;
}

.menu-loyalty-progress-val {
    position: absolute;
    font-size: 13px;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
}

.menu-loyalty-progress-val > img {
    width: 29px;
    height: 29px;
}

.loyalty-personal-info .menu-loyalty-progress-val > img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.menu-loyalty-lvl {
    position: absolute;
    height: 54px;
    width: 46px;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    clip-path: inset(0 0 0 2px);
    display: flex;
    align-items: center;
}

.loyalty-hexagon-border {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    clip-path: polygon(50% 0%,
                    100% 25%,
                    100% 75%,
                    50% 100%,
                    0% 75%,
                    0% 25%);
    background-color: #a9a6a133;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.loyalty-hexagon-main {
    width: calc(100% - 4px);
    height: calc(100% - 5px);
    background: #242420c4;
    clip-path: polygon(50% 0%,
                    100% 25%,
                    100% 75%,
                    50% 100%,
                    0% 75%,
                    0% 25%);
}

.loyalty-hexagon-border > img,
.loyalty-hexagon-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loyalty-hexagon-border > img {
    max-width: 82%;
    height: auto;
}

.menu-content-container {
    padding: 10px 18px;
    border-radius: 22px;
    box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, 0.45);
    background-color: rgba(54, 54, 52, 0.8);
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 30px;
}

.menu-item-sub-icon {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-item-sub-icon img {
    width: 20px;
    height: 20px;
}

.menitem .dropdown-menu > li > a.inmendep {
    background: linear-gradient(90deg, #FF1F4A 0%, #FF2851 100%);
    border-radius: 50px;
    color: #fff;
    border: 2px solid #FF1F4A;
}

.menitem .dropdown-menu > li > a.inmendep span {
    color: #fff;
    i
}

.menitem .dropdown-menu li a.inmered, .menitem .dropdown-menu li a.inmered:hover {
    border: 2px solid #4149E0;
    font-weight: bold;
    line-height: unset;
    /* padding: 0px 5px; */
    width: 100%;
    flex: 1;
    color: #4149E0 !important;
    border-radius: 50px;
    text-align: center;
    background: none;

}

.inmendep {
    flex: 1;
}

.navbar-nav .open .dropdown-menu > li > a {
    padding: 0px;
}

.inmendep img {
    width: 100%;
}

.bottomline {
}

.menprofile li a {
    color: #fff;
    font-size: 20px;
}

.menprofile li a i {
    color: #fff;
    margin-right: 10px;
}

.menprofile li:hover a i {
    color: #6eec89;
}

.menprofile li.active a i {
    color: #6eec89;
}

.menitem .dropdown-menu > li > a.inmendep i {
    color: #2c4f38;
}

.menprofile li.active a {
    padding: 5px 10px;
    border-radius: 50px;
    color: #fff;
}

.menprofile li a:hover {
    color: #6eec89;
    background: none;
}

.dropdown-menu.menprofile > li > a {
    white-space: wrap;
}

.menprofile li a:hover i {
    color: #6eec89;
}

.menprofile li a.inmendep:hover {
    background: #064928;
    color: #12a161 !important;
    border: 1px solid #064928;
}

.menprofile li a.inmendep:hover i {
    color: #12a161 !important;
}

.menprofile li a.inmered:hover {
    background: #7a8e84;
    color: #fff !important;
    border: 0px solid #8b8db3;
}


.menprofile li a {
    padding: 5px 10px;
}

.menprofile li {
    display: flex;
}

.menprofile li a {
    display: flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.menprofile li a span {
    flex: 1
}

.menprofile li a i {
    font-size: 31px;
    padding-right: 10px;
    width: 35px;
    text-align: center;
}

.menprofile li.mnfs i {
    width: 35px;
    padding: 0;
}

.incat.stripheader {
    max-width: fit-content;
}

.gamescontainer.selected-category .incat.stripheader {
    margin-top: 30px;
}

/*.menprofile li.twocol {*/
/*    flex-direction: column;*/
/*}*/

/*.menprofile li.twocol a {*/
/*    display: inline-block;*/
/*    font-family: 'Heebo';*/
/*}*/

/*.menprofile li.twocol a i {*/
/*    font-size: unset;*/
/*    padding-right: unset;*/
/*    width: unset;*/
/*}*/

.menprofile li.closecol {
    display: none;
}

.menufcont {
    margin: 20px 0px;
}

.leftpoper {
    width: 40%;
}

.leftpoper div {
    background-size: cover;
    width: 100%;
    min-height: 255px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.logbanner, .regbanner {
    display: none;
}

.rightpoper {
    flex: 1;
}

.gamehead {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    text-align: center;
    align-content: center;
    justify-content: space-between;

}

/* width */
.categories ul::-webkit-scrollbar {
    height: 2px;
    border-radius: 5px;
}

.categories {
    overflow: hidden;
    position: relative;
}

.categories .bcatright {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 100%;
    background: #101c10;
    text-align: center;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    right: 0px;
    top: 0px;
    font-weight: bold;
    font-size: 20px;
    top: 0px;
    margin-top: -1px;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;

}

.categories.scroll-right .bcatright {
    display: flex;
}

.categories .bcatleft {
    display: none;
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 100%;
    background: #101c10;
    text-align: center;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    right: 0px;
    left: 0px;
    font-weight: bold;
    font-size: 20px;
    margin-top: -1px;
    top: 0px;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;

}

.categories.scroll-left .bcatleft {
    display: flex;
}

/* Track */
.categories ul::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 5px;
}

/* Handle */
.categories ul::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

/* Handle on hover */
.categories ul::-webkit-scrollbar-thumb:hover {
    background: #777;
}

.phonedephead {
    padding: 10px;
    font-weight: bold;
}

.phonedepoptions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: space-around;
}

.phonedepop1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #eee;
    border-bottom: 3px solid #fff;
    font-weight: bold;

}

.phonoph, .phoneopd {
    padding: 5px;
    flex: 1;
}

.phonedepop1.ddes {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 5px;
    background: #fff;
    border-bottom: solid 2px #ddd;
}

.phonedepop1.ddfs {
    background: #eee;
    padding: 5px;
}

.phonedepop1.ddes .phonoph, .phonedepop1.ddes .phoneopd {
    flex: 0;
    padding: 0px;
}

#my_profile .modal-dialog,
#reglogin .modal-dialog  {
    border: none;
    background-color: rgba(41, 40, 37, 0.8);
    box-shadow: 1px 3px 14px 1px rgba(0, 0, 0, 0.6),
        4px 12px 82px 62px rgba(0, 0, 0, 0.6);
    border-radius: 50px;
    max-width: 483px;
    width: 100%;
    margin-top: 100px;
}

#reglogin .modal-dialog .reg-send-email-text p {
    color: #fff;
    text-align: center;
}

#reglogin .modal-dialog a {
    color: #fff;
    text-decoration: underline;
}

#reglogin .modal-dialog a:hover {
    color: #c4c4c4;
}

.modal-header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 0px;
}

.modal-header-logo > img {
    width: 328px;
    height: auto;
}

.regtype-register,
.regtype-login {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    color: #fff;
}

.regtype-buttons {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 0px;
    padding-top: 35px;
    padding-bottom: 30px;
    max-width: 440px;
    margin: 0 auto;
}

.regtype-buttons > button {
    border-radius: 50px;
    background-color: rgba(241, 243, 248, 0.1);
    border: 1px solid rgba(192, 192, 192, 0.4);
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 2px 0px #444;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    align-items: center;
    display: flex;
    padding: 0px 3px;
}

.regtype-buttons > button:hover{
    background-color: rgba(241, 243, 248, 0.4);
}

.regtype-buttons > button > img {
    width: auto;
    height: 90%;
}

.regtype-buttons > button > span {
    padding-left: 32px;
}

.reg-term-wrapper {
    padding: 0px 55px 30px 55px;
}

.reg-term-wrapper > h4 {
    padding-top: 30px;
    padding-bottom: 35px;
}

.reg-term-text {
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
}

.reg-term-text p {
    padding-left: 10px;
    margin-bottom: 30px;
    color: white;
}

#reglogin h4 {
    font-size: 28px;
}

.jumbotron h1.has-white-color {
    color: #fff;
}

.jumbotron .wp-block-cover {
    padding: 0px;
    margin: 0px;
    border-radius: 30px;
    border: 1px solid #00ed84;
    overflow: hidden;
    min-height: unset;
    /* height: auto;
    min-height: 340px;
    height: 340px; */
    flex: 1;
}

.jumbotron #myCarouselslick .wp-block-cover {
    overflow: visible;
    border-radius: 35px;
    /* background-color: rgb(3, 13, 12); */
    /* box-shadow: 0 0 9.6px 0.4px rgba(32, 24, 7, 0.84), 1.6px 2.5px 9.6px 0.4px rgba(32, 24, 7, 0.84); */
    margin: 4px 0px;
    border: none;
    height: 100%;
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 30px
}

.jumbotron .miniban .h1, .jumbotron .miniban h1 {
    font-size: 24px
}

.jumbotron .miniban img {
    height: 100%;
}

.miniban .wp-block-media-text__media img {
    height: 140px;
    width: auto;
}

.alignleft {
    display: flex;
}

.nowrap {
    white-space: nowrap;
}

.wp-block-media-text.group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp-block-media-text.group img {
    height: 40px;
    width: 40px;
}

.wp-block-media-text.group .wp-block-media-text__content {
    padding-left: 0px;
    margin-left: 0px;
    margin: 0px;
}

.wp-block-media-text.group .wp-block-heading {
    margin: 0px;
}

.wp-block-media-text.group {
    margin-left: 5px;
}

.wp-block-media-text.group .wp-block-media-text__media {
    margin: 0px;
    padding: 0px;
}

.carousel-inner .wp-block-cover:nth-child(2), .carousel-inner .wp-block-cover:nth-child(3) {
    width: 50%;
}

.jumbotron .container {
    margin: 0px auto;
    margin-top: 20px;
}

.carousel-inner {
    display: flex;
}

.spt_4.sports .container .jumbotronwrap {
    padding: 0px;
    background: #fff;
    padding-top: 5px;
    padding-left: 0px;
}


.spt_4.sports .top_sp_item {
    background: #fff;
    color: #e33;
    border: none;
    height: 115px;
    border-right: 3px solid #f3bf20;
    border-left: 3px solid #f3bf20;
    border-top: 2px solid #fff4f4;
    border-bottom: 2px solid #fff4f4;

    padding: 0px 5px;
    border-radius: 5px;
}

.spt_4.sports .topg_odds {
    background: none;
}

.topg_details {
    display: flex;
}

.mobilepagebtns {
    display: flex;
    background: #231f20;
    padding: 0px;
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
}

.winlist {
    display: flex;
}


.menflagicon.flag-icon {
    width: 21px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
}

.betslip_btns {
    display: flex;
    padding: 5px;
}

.betslip_book {
    flex: 0;
    margin-left: 2px;
    text-transform: uppercase;
}

.betslip_buy {
    flex: 1;
}

.betslip_book {
    display: block;
    background: #0075e2;
    background: linear-gradient(
            0deg, #0456a2, #0075e2);
    color: #fff;
    padding: 10px;
    border-radius: 4px;
}

.betslip_book:hover {
    background: #0456a2;
    color: #fff;
    background: linear-gradient(
            180deg, #0456a2, #0075e2);
}

.betslip_book.disabled {
    background: #ccc;
}

.price.odd_button.inactive {
    display: none !important;
}

.newspval.inactive {
    display: none;
}

.newspval_filler.inactive {
    display: none;
}

.spvals {
    position: absolute;
    display: none;
    /* width: 20%; */
    background: #f2f2f2;
}

.spvals.active {
    display: block;
    border: 1px solid #cecece;
    z-index: 2;
}

.spt_4.sports .eventdetails .odd_button i {
    width: 100%;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 15px;
}

.newspvalsel {
    display: block;
    cursor: pointer;
    padding: 4px 10px;
    text-align: right;
    font-weight: bold;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
    line-height: 15px;
    color: #000;
    border-bottom: 1px solid #cacaca;

}


.spt_4.sports .tourgroup svg {
    height: 15px;
    margin-top: 2px;
    margin-right: 5px;
    float: left;
}

.spt_4.sports .tourgroup svg path {
    fill: #eee;
}

.mobmarketfilter.carditem {
    display: block;
    white-space: nowrap;
    background: #000;
    border-radius: 0px;
    margin-top: 2px;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-x: scroll;
}

.mobmarketfilter.carditem::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.providerscontainer2 .providersgames2 ul::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}


.mobmarketfilter.carditem span.active {
    background: #000;
    color: #e0aa51;
}

.mobmarketfilter.carditem span {
    padding: 6px 15px;
    display: inline-block;
    background: #242424;
    margin-right: 1px;
    color: #fff;
}

#bookbet .modal-dialog {
    background: #fff;
    color: #333;
}

#bookbet h4 {
    display: inline-block;
}

#bookbet .mini {
    float: right;
    font-size: 20px;
    cursor: pointer;
}

#bookbet label {
    margin-right: 5px;
}

.jumbotronwrap .winnerwrap {
    width: 230px;
    padding: 0px;
    text-align: center;
    height: 32px;
    overflow: hidden;
    background: #000;
    color: var(--text-primary);
    margin-top: -3px;
    margin-bottom: 5px;
    margin-left: 70px;
}

.leaguecontainer {
    border-right: 2px solid #ececec;
    border-left: 2px solid #ececec;
    border-bottom: 2px solid #ececec;
    margin-bottom: 5px;
}


.jpmenu {
    display: flex;
    width: 100%;
}

.jpmen {
    flex: 1;
    padding: 5px 10px;
    background: #000;
    border-bottom: 4px solid #000;
    color: var(--text-primary);
    margin: 2px;
    cursor: pointer;
}

.jpmen:hover, .jpmen.active {
    border-bottom: 4px solid #e0b262;
    color: #e0b262;
}

.jppage {
    display: none;
}

.jppage.active {
    display: block;
}


.jppages {
    padding: 2px;
}

.jptypes {
    display: flex;
    width: 100%;
}

.jp_jptype {
    background: #ddd;
    color: #333;
    text-align: center;
    flex: 1;
    padding: 5px;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
}

.jp_jptype:hover {
    background: var(--bg-tertiary);
    color: #fff;
}

.jp_jppage {
    display: none;
}

.jp_jppage.active {
    display: block;
}


.jp_head {
    background: #000;
    padding: 5px;
    text-align: center;
    display: flex;
}

.jpheadl {
    flex: 1;
    color: #868686;
}

.jp_jptype.active {
    background: #000;
    color: #fff;
}

.jpevent {
    padding: 2px;
    width: 100%;
    display: block;
    padding-bottom: 5px;
    background: #ddd;
    margin: 4px 0px;
}

.jpevent .info {
    width: 100%;
    display: block;
    color: #6b6969;
    font-size: 11px;
    padding: 4px 0px;
}

.jpevent .mevent {
    width: 100%;
    display: flex;
}

.jp_teams {
    flex: 1;
}

.jp_odds {
    flex: 1;
    display: flex;
}

.jpodd {
    flex: 1;
    background: #bdbdbd;
    padding: 2px;
    border-radius: 4px;
    margin: 1px;
    cursor: pointer;
}

.jpodd .jpoddssel {
    font-size: 12px;
}

.jpodd.selected, .jpodd:hover {
    background: #00b15a;
    color: #fff;
}

.jpdate {
    color: #6b6969;
    font-size: 11px;
}

.jpodd span {
    display: block;
    text-align: center;
}

.jpodd .jpoddsp {
    font-weight: bold;
}

.jpheadl div label {
    flex: 1;
    text-align: right;
}

.jpheadl div span {
    flex: 1;
    text-align: left;
    padding-left: 5px;
}

.jpheadl div {
    display: flex;
}

.jp_stats {
    padding: 10px;
    cursor: pointer;
}

.jppages {
    cursor: default;
}

.submitjp {
    width: 100%;
    background: #272727;
    padding: 5px 10px;
    color: var(--text-primary);
}

.submitjp div {
    display: flex;
}

.submitjp div label {
    flex: 1;
}

.submitjp div span {
    flex: 1;
    text-align: right;
}

.submitjp div .jpsubmit.disabled {
    background: #ddd;
    color: #333;
}

.submitjp div .jpsubmit.confirm {
    background: #337ab7;
}

.submitjp div .jpclear {
    flex: 0;
    text-align: center;
    border-radius: 4px;
    background: #6b6b6b;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;

}

.submitjp div .jpsubmit {
    flex: 1;
    text-align: center;
    border-radius: 4px;
    background: #cba149;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}


.spt_4.sports .card .cardmen {
    height: auto;
    overflow-y: hidden;
    padding: 5px 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.winlist.marq {
    animation: marquee 200s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

.latestwinnerswidget {
    width: 100%;
    background: #000;
    height: 50px;
    overflow: hidden;
}

.latestwinnerswidget .winnerwrap {
    padding: 0px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    flex: 1;
}

.latestwinnerswidget h4 {
    padding: 5px 10px;
    line-height: 19px;
    text-transform: uppercase;
    background: #000;
    margin: 0px;

    font-size: 15px;
    color: #02a57e;
    margin-bottom: 0px;
    display: inline-block;
    font-weight: bold;
}

.llatestwinnerswidget::before {
    content: "";
    background: url(/img/110/winnergoal.png) #000;
    position: absolute;
    width: 82px;
    height: 80px;
    left: 0px;
    margin-top: 20px;
    margin-left: -10px;
}

.winlistiem {
    text-align: left;
    display: flex;
    font-size: 12px;
    padding: 5px 20px;
    margin: 0px 10px;
    white-space: nowrap;
    display: flex;
    color: #c1c0c0;
}

.winlistiem span {
    padding: 1px 2px;
    display: flex;
}

.winlistiem {
    background: #22231f;
}

.winlistiem .wn {
}

.winlistiem .wnd {
    color: #fff;
    font-weight: normal;
}

.winlistiem .ww {
    color: #fff;
    font-weight: normal;
}

.winlistiem::after {
    margin-right: 0px;
    padding: 0 10px;
    font-size: 14px;
    border-left: 2px solid #353632;
    margin-left: 10px;
    content: "\f091";
    width: 20px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}

.bookbetwidget {
    width: 100%;
    background: none;
    padding: 20px 2px;
    margin-top: 20px;
}

.bookbetwidget .bookwrap {
    padding: 0px;
    text-align: center;
    display: flex;
}

.bookbetwidget #bookcodeslip {
    width: 100px;
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    padding: 5px;
    text-transform: uppercase;
}

.bookbetwidget .bookcodeget {
    background: #636262;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 20px;
    margin-left: 2px;
}

.bookbetwidget h4 {
    padding: 10px 10px;
    text-transform: uppercase;
    background: #242424;
    font-size: 15px;
    color: #fff;

    font-weight: bold;
}

#lz_overlay_wm {
    display: none !important;
}

.mensubcc {
    display: inline-block;
    padding: 2px 8px;
}

.breadcc {
    white-space: nowrap;
    padding: 5px 1px;
}

.breadcc {
    display: inline-block;
}

.breadc2 {
    background: #222;
    color: #fff !important;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

a.mensubcc.active {
    background: #ddd;
}

a.mensubcc {
    text-decoration: none;
    background: #222;
    color: #fff !important;
}

.tourbox img {
    height: 50px;
    border-radius: 10px;
}

.mobtourcont div {
    float: none;
    flex: 1
}

.mobtourcont {
    display: flex;
    justify-content: space-evenly;
}

.tour {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    line-height: 14px;
    color: var(--text-primary);
    margin-left: 6px;
    width: 200px;
    text-overflow: ellipsis;
}

.trackbtn {
    float: right;
    width: 80px;
    display: none;
}

.trackerbtn {
    display: inline-block;
    padding: 6px;
    width: 40px;
    height: 30px;
    background: var(--bg-tertiary);
    border-left: 1px solid #555;
    color: var(--text-primary);
    text-align: center;
}


.betslipblock {
    height: 100%;
    width: 100%;
    background: none;
    z-index: 100;
    position: absolute;
    max-width: 400px;
    display: none;
}

.betsliploader.disabled {
    display: none !important;
}

.loadring {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.loadring:after {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    margin: 2px;
    margin-right: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 3px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: loadring 1.2s linear infinite;
}

@keyframes loadring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.act_size_1 .odds .odd_button {
    width: 100% !important;
}

.carditem.match .odds .price {
    background: #343434;
}

.card.collapse {
    display: block;
}

.race_odds .odds.selected {
    background: #f0cf61;
    color: #333;
}

.gameCategory .micon2, .gameCategory .micon {
    display: none;
}

.ios.mobile-scale .header-navbar.header-navbar-mobile .navbar-loby-list.loby-list-container .gameCategory {
    font-size: 22px;
}

.race_markets {
    padding: 0px 0px;
}

.race_market_selection {
    padding: 5px 15px;
    background: #2a302f;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #2a302f;
}

.race_market_selection.active {
    border-bottom: 1px solid #f3eb0a;
}

.race_odds {
    white-space: nowrap;
}

.race_odds .odds span {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
}

#paneinfomain {
    width: 100%;
    display: block;
    max-width: 600px;
    height: 40px;
}

#panetop {
    width: 30%;
    background: #0078d7;
    height: 100%;
}

#paneinfomain {
    width: 100%;
    height: 100%;
    display: table;
    padding: 2px;
}

#panestart {
    width: 20px;
    text-align: center;
    font-size: 20px;
    color: var(--text-primary);
    display: table-cell;
    padding: 2px;
    vertical-align: middle;
}

#paneend {
    width: 20px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: table-cell;
    padding: 2px;
    vertical-align: middle;
}

#panemain {
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

#panehome {
    display: block;
    width: 100%;
    height: 20px;
    text-align: left;
}

#panebg {
    display: block;
    width: 100%;
    height: 4px;
    background: #222;
}

#paneaway {
    display: block;
    width: 100%;
    height: 20px;
    text-align: left;
}

#panemain .spb {
    transform: scale(0.3);
    display: inline-block;
    left: 5px;
    margin-top: -18px;
    position: absolute;
}


/* Footer bar styles moved to footer-bar.css */

.mobilecatfilter {
    display: none !important;
}

.card.racing .mob {
    display: none;
}

.race_odds .odds {
    cursor: pointer;
    padding: 5px 8px;
    display: inline-block;
    font-size: 9px;
    text-align: center;
    background: #38aff0;
    margin: 2px;
    text-transform: lowercase;
}

.race_odds .odds.active {
    background: var(--bg-tertiary);
}

.d_fixed_odds {
    display: none;
}

.race_age span,
.race_name span {
    display: block;
    color: #6f6f6f;
    font-size: 13px;

}

.race_runners {
    width: 100%;
    background: #1f2322;
}

.race_runners th {
    color: #dcd9d9;
    padding: 5px;
    text-align: left;
}

.race_runners td {
    font-weight: bold;
    color: #dcd9d9;
    padding: 5px;
    text-align: left;

}

.race_runners tr:nth-child(odd) {
    background: #1a1a1a;
}

.race_container {
    background: #2c3130;
    display: none;
}

.ufo.racing h4.raceeventhead {
    padding: 5px;
    border-bottom: 1px solid #6b6b6b;
    border-left: 4px solid #38aff0;
    font-weight: bold;

}

.ufo.racing h4.raceeventhead label {
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 4px;
    color: #a7a7a7;
}

.ufo.racing h4.raceeventhead:after {
    position: absolute;
    margin-right: 25px;
    content: "x";
    right: 0px;
    padding: 0px 5px;
    font-weight: bold;
    height: 20px;
    width: 20px;
    color: #d0d0d0;
    margin-top: -28px !important;

    transform: none;
    cursor: pointer;


}

.race_container .error {
    text-align: center;
}

.race_container.open {
    display: block;
}

.card.racing {
    background: #e7e7dd;
    color: #3e3e3e;
    border-radius: 0px;
}

.ufo.racing .flag-icon {
    border-radius: 50%;
    margin-right: 10px;
    width: 20px;
}

.racing .eventdetails {
    margin-bottom: 10px;
}

.sports .card.racing {
    border-radius: 0px;
}

.ufo.racing.collapse h4:after {
    transform: rotate(-90deg);
    height: 13px;
    margin-right: 21px;
}

.ufo.racing.collapse .card.racing {
    display: none;
}

.ufo.racing h4:after {
    position: absolute;
    margin-right: 25px;
    content: "\232A";
    right: 0px;
    padding: 0px 5px;
    font-weight: bold;
    transform: rotate(90deg);
    height: 20px;
    width: 20px;
    color: #5f7688;
}

.ufo.racing.collapse {
    display: block;
}


.card_race_event {
    white-space: nowrap;
}

.card_race_event:nth-child(even) {
    background: #eee;
}

.card_name {
    width: 150px;
    display: inline-block;
    padding-left: 15px;
}

.card_races {
    display: inline-block;
}

.card_races ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: normal;
    padding-right: 150px;
}

.card_races li {
    display: inline-block;
    width: 75px;
}

.race_num.active[data-state="open"], .race_num.active {
    background: #f0cf61;
    color: #2b3030;
    font-weight: bold;
}

.race_num.active[data-state="open"] i, .race_num.active i {
    border-right: 1px solid #caa324;
}

.race_num[data-state="open"] {
    background: #38aff0;
    color: #fff;

}

.race_num:hover {
    background: #b12029;
}

.card_races ul li:first-child .race_num {
    border-radius: 10px 0px 0px 10px;
}

.card_races ul li:last-child .race_num {
    border-radius: 0px 10px 10px 0px;
}

.race_num {
    border-radius: 0px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    height: 25px;
    border: 1px solid #e7e7dd;
    margin: var(--space-xs);
    line-height: 15px;
    font-size: 15px;
    font-weight: normal;
    background: #afafa5;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;

}

.race_num i {
    font-style: normal;
    margin-right: 5px;
    border-right: 1px solid #ddd;
    padding-right: 6px;
}

.race_num[data-state="open"] i {
    border-right: 1px solid #66bdec;
}

.ufo.racing {
    padding-left: 0px;
}

.ufo.racing h4 {
    border-bottom: 1px solid #1a1a1a;
    border-left: 4px solid #f3eb0a;
    padding: 10px;
    font-weight: normal;
    background: #2a302f;
}

.closelivebrands {
    display: block;
    font-size: 20px;
    float: right;
    z-index: 1;
    font-weight: bold;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    background: #f0cf61;
    color: #333;
    margin-bottom: 30px;
}

.provlaunch .playprov {
    display: inline-block;
    text-align: center;
    width: 50%;
    font-weight: bold;
    background: #f0cf60;
    padding: 20px;
    color: #333;
}

.provlaunch {
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-top: 1px;
    background: #1a1a1a;
    white-space: nowrap;
}

.provlaunch img {
    height: 80px;
}

.provider_launcher {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: #00000091;
    top: 0px;
    left: 0px;
    padding: 10px;
}


.live_casinoban_all {
    background: url(/img/Live-Casino_header-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.live_casinoban_roulette {
    background: url(/img/Live-Casino_roulette-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.live_casinoban_baccarat {
    background: url(/img/Live-Casino_Baccarat-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.live_casinoban_blackjack {
    background: url(/img/Live-Casino_blackjack-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.live_casinoban_poker {
    background: url(/img/Live-Casino_Poker-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.zh .live_casinoban_all {
    background: url(/img/Live-Casino_header_chn-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.zh .live_casinoban_roulette {
    background: url(/img/Live-Casino_roulette_chn-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.zh .live_casinoban_baccarat {
    background: url(/img/Live-Casino_Baccarat_chn-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.zh .live_casinoban_blackjack {
    background: url(/img/Live-Casino_blackjack_chn-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.zh .live_casinoban_poker {
    background: url(/img/Live-Casino_Poker_chn-min.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.tvgames .container.gamemain, .live-casino .container.gamemain {
    display: block;
}

.tvgames .playnow, .live-casino .playnow {
    text-align: center;
    padding: 5px 10px;
    background: #f0cf61;
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    margin-top: 123px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    width: 100px;
}


.virtuals .container.gamemain {
    display: block;
}

.virtuals .playnow {
    padding: 5px 10px;
    background: #f0cf61;
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    margin-top: 123px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    width: 100px;
}


.sb_page span a span {
    width: auto;
    float: right;
}

.sb_page h4 {
    font-size: 15px;
    padding: 5px;
    margin: 0px;
    background: #1a1a1a;
    text-align: left;
    border-left: 4px solid #f0cf61;
}

.momennucontent .sb_page.sb_page_support .suptable img {
    width: auto;
    height: auto;
    height: 40px;
}

.momennucontent .sb_page.sb_page_support .suptable {
    width: 100%;
    height: 250px !important;
}

.momennucontent .sb_page.sb_page_support .suptablecont {
    margin: 20px;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.item.mybet {
    width: 100%;
    background: #1e805d;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    /* height: 25px; */
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
}

.item.mybet img {
    height: 24px;
    margin-top: -5px;
}

.momennucontent .sb_page.sb_page_support {
    background: #fff;
    color: #333;
}

.momennucontent .sb_page .sidemenulink img {
    height: 60px;
    display: inline-block;
    width: auto;
    float: none;
    margin-right: 10px;
}

.momennucontent .sb_page .sidemenugames img {
    height: 70px;
    width: auto;
}

.sidemenugames {
    overflow: auto;
}

.mobilesm_menu svg path {
    fill: #fff;
}

.mobilesm_menu li a {
    text-decoration: none;
}

.mobilesm_menu svg {
    height: 30px;
    display: block;
    margin: 5px auto;
}

.smobmen_pages {
    width: 100%;
    height: 100%;
    background: #1a1a1a;
}

.sb_page {
    width: 100%;
    height: 100%;
    display: none;
}

.mobilesm_menu li.active {
    border-bottom: 1px solid #f0cf61;
}

.mobilesm_menu li.active svg path {
    fill: #f0cf61;
}

.mobilesm_menu li.active span {
    color: #f0cf61;
}

.sb_page .sidemenulink {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    display: block;
    text-align: left;
    background: #343434;
    margin-top: 1px;
}

.sb_page span {
    margin-top: 0px;
    /* position: relative; */
    display: inline-block;
    width: 100%;
}

.momennucontent .sb_page img {

    height: auto;
    width: 100%;
    margin: 0px;
}

.livetopmen svg path {
    fill: #fff;
}

.livetopmen .lsport svg {
    height: 30px;
    margin: var(--space-xs);
}

.card.match.collapse .cardmen h4:after {
    transform: rotate(-90deg);
    height: 13px;
    margin-right: 21px;
}

.sports .card.match.collapse .cardcontent.match {
    display: none;
}

.livematch .eventdetails h4:after, .match .eventdetails h4:after {
    position: absolute;
    margin-right: 25px;
    content: "\232A";
    right: 0px;
    padding: 0px 5px;
    font-weight: bold;
    transform: rotate(90deg);
    height: 20px;
    width: 20px;
    color: #5f7688;
}


.carousel-indicators li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #fff;
    margin: 0px 6px;

}

.carousel-indicators .active {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #f0cf61;
    border: 1px solid #f0cf61;
    margin: 0px 6px;

}

#mobile_result {
    display: none;
}

.pr_extra {
    display: none;
}

.btval {
    display: none;
}

.moblang {
    display: inline-block;
    color: #fff;
    margin-right: 20px;
}

.momenhead {
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
}

.moblang a.fflags {
    color: #fff;
    padding: 5px 20px;
    text-decoration: none;
    display: inline-block;
}

.moblang .dropdown-menu.langs {
    width: auto;
    max-width: unset;
}

.moblang.open a.fflags {
    color: #333;
    background: #eee;
}

.moblang .dropdown-backdrop {
    display: none !important;
}

.momennucontent .langs li {
    background: #eee;
}

.momennucontent .moblang ul {
    margin-top: 0px;
    right: 0px;
}


.cardselmenumob {
    display: none;
}

.submenitemm svg {
    height: 30px;
    margin: 12px;
}

.submenitemm svg path {
    fill: #808083;
}

.moblang .fflags span {
    margin-top: 0px;
    margin-left: 5px;
}

.moblang span.flag-icon {
    border-radius: 0px;
}

.moblang li {
    background: #eee;
}

.mtoplink {
    display: inline-block;
    color: #fff;
    margin-top: 14px;
    float: left;
    display: none;
}


.lsport svg {
    height: 12px;
    margin: -1px 5px;
}

.men_t1.open > a {
    background: #eeeeee !important;
    color: #555 !important;
}

.men_t1 .user .balance {
    display: none !important;
}

.navbar-nav .open.men_t1 .dropdown-menu {
    width: 280px;
    background: #293348;
    right: 0px;
}

.navbar-nav .open.men_t1 .dropdown-menu .profilename {
    background: none;
}

.navbar-nav .open.men_t1 .dropdown-menu li {
    color: #fff;
    padding: 10px;
    text-transform: capitalize;
}

.men_t1 .profile_bonuswallet {
    font-weight: bold;
    color: #666;
}

div.icon-bar {
    background: var(--white);
    /* flex: 1; */
    border-radius: 50%;
    border: 1px solid var(--white);
    padding: var(--space-xs);
}

div.icon-bar:nth-child(2) {
}

div.icon-bar:nth-child(3) {
}


button.user {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    align-content: stretch;
    width: 35px;
    height: 30px;
    background: none;
    border: none;
}

.men_t1 .dropdown-menu li {
    border-bottom: none;
}

.men_t1 .profile_bonuswallet i {
    display: block;
    color: #00b15a;
    line-height: 1px;
}

.men_t1 .probonus:before, .men_t1 .probonus:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -20px;
    margin-left: 10px;

}

.men_t1 .probonus:after {
    border-color: transparent transparent #eeeeee transparent;
    border-width: 11px;
    margin-top: -56px;
}

.men_t1 .probonus:before {
    border-color: transparent transparent #7d7d7d transparent;
    border-width: 10px;
}

.men_t1 .probonus {
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #7d7d7d;
    padding: 0px 10px;
}

.men_t1 .profile_sum {
    font-weight: bold;
    color: #151515;
    font-size: 20px;
}

.menemail {

    overflow: hidden;
    text-overflow: ellipsis;
}

.inmendep {
    background: #6aa663;
    padding: 5px 15px;
    color: #fff !important;
    border-radius: 50px;
    font-weight: bold;
    border: 1px solid #1fa657;
    cursor: pointer;
    text-align: center;
}

.inmendep i {
    color: #fff !important;
}

.inmered {
    background: #2c4f38;
    margin-top: 10px;
    padding: 5px 15px;
    color: #fff !important;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.l50 {
    display: inline-block;
    width: 50%;
}

.r50 {
    width: 50%;
    display: inline-block;
    margin-top: 0px;
    float: right;
    text-align: center;
}

.navbar-nav .open.men_t1 .dropdown-menu .profilename {
    color: #565656;
}

.navbar-inverse .navbar-nav > li.men_t1 > a.user {
    height: 30px;
    line-height: 3px;
    margin-top: 0px;
    border-radius: 0px;
}

.men_t1 .user .far {
    font-size: 22px;
    margin-top: -10px;
    float: right;
    padding-left: 4px;
    border-left: 1px solid #636363;
    margin-left: 4px;
}

.topitems .team_left, .topitems .team_right {
    width: 50%;
    padding: 5px;
    display: inline-block;
    text-align: center;
}

.topg_odds {
    background: #343434;
}


.topg_odds .odd_button {
    cursor: pointer;
}

.topg_odds .odd_button i {
    float: left;
}

.topg_odds .odd_button span {
    float: right;
    font-weight: bold;
}

.topg_odds.lodds_3 .odd_button {
    padding: 5px 10px;
}

.topg_odds.lodds_2 .odd_button {
    padding: 5px 10px;
}

.topg_odds.lodds_3 .odd_button:nth-child(2) {
    border-right: 1px solid #222;
    border-left: 1px solid #222;
}

.topg_odds.lodds_2 .odd_button:nth-child(1) {
    border-right: 1px solid #222;
}

.topg_teams {
    padding-top: 6px;
    padding-bottom: 5px;
    width: 100%;
    display: flex;
    text-align: right;
    height: 60px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    padding-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
}

.topg_teamname {
    flex: 1;
}

.topg_teamname:first-child {
    text-align: left;
}

.topg_teamname.vs {
    text-align: center;
}

.eventdetails .card.match h4:after, .match .eventdetails h4:after {
    position: absolute;
    margin-right: 25px;
    content: "\232A";
    right: 0px;
    padding: 0px 5px;
    font-weight: bold;
    transform: rotate(90deg);
    height: 20px;
    width: 20px;
    color: #5f7688;
}

.topg_date {
    color: #7b7a7a;
    font-weight: bold;
    margin-right: 5px;
}

.topg_datetime {
    color: #a9a9a9;
    flex: 1;
    text-align: right;
    font-size: 12px;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;


}

.topg_teams span {
    display: block;
}

.topg_datetime span {
    white-space: nowrap;
}

.topg_tournament {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    display: inline-block;
    text-align: left;
    flex: 1;
    left: 0px;
    margin-left: 2px;
    color: #a9a9a9;

}

.topitems {
    overflow-y: hidden;
    height: 100px;
    top: 0px;
    display: block;
    width: 100%;
    text-align: center;

}

.topg_head {

    height: 55px;
    background: #000;
}

.top_sp_item {

    width: 300px;
    background: #fff;
    color: #e33;
    border: none;
    height: 115px;
    border-right: 3px solid #f3bf20;
    border-left: 3px solid #f3bf20;
    border-top: 2px solid #fff4f4;
    border-bottom: 2px solid #fff4f4;
    padding: 0px 5px;
    border-radius: 5px;
    margin: 0px 5px;
    display: inline-block;
    overflow: hidden;
    text-align: center;

}

.subcatmen .submenitemm.selected {
    background: #2b78d7;
}

.catlink {
    color: #fff;
    background: #38aff0;
    padding: 5px;
    width: 100%;
    display: inline-block;
}

.flag-icon-ku {
    background-image: url(/img/flags/4x3/ku.svg);
}

.sports .sportlist ul .lsport .lcat[data-id="0"] {
    color: #fffc55;
}

.sports .sportlist ul li .fa.fa-eye {
    display: inline-block;
    float: none;
    margin: var(--space-xs);
    padding: 2px;
}

.carditem.more {
    text-align: center;
}

.carditem.more .moregames {
    border: 1px solid #eee;
    background: #eee;
    font-weight: bold;
    margin: 10px;
}

.backtolivemenu {
    display: inline-block;
    background: #30adab;
    padding: 2px 10px;
    margin: var(--space-xs);
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
}

.backtolivemenu:hover {
    background: #49bbb9;
}

.livecardmen_selected span {
    color: #2b78d7;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid #2b78d7;
    padding-bottom: 6px;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    margin-top: 3px;
    height: 28px;
    line-height: 21px;
}

.liveselected {
    padding: 0px 10px;
    color: #e7e7dd;
    cursor: pointer;
    display: none;
}

.liveselected.selected {
    color: #fbdb17;
}

.lsport[data-id="Favorites"] {
    display: none;
}

.livetopmen .lsport[data-id="Favorites"].selected a {
    color: #fbdb17;
}

.livetopmen .lsport[data-id="Favorites"].selected {
    background: none;
}

.livetopmen .lsport.selected {
    background: #000;
}

.micon.fa-star {
    background: none;
    font-size: 27px;
    margin-top: 0px;
    top: 0px;
    display: inline !important;
}

body.livematch .liveselected {
    display: inline-block;
}

.prematchhead {
    width: 100%;
    background: rgba(255, 255, 255, 0.47);
    border-radius: 5px;
    overflow: hidden;
    max-height: 178px;
}


.prematchhead_time {
    height: 80px;
    padding: 20px 0px;
    width: 100%;
    background: #09a57e;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 17px;
}

.prematchhead_time span {
    display: block;
}

.prematchhead_tams {
    width: 100%;
    display: flex;
    padding: 10px 0px;;
    text-shadow: 0px 0px 2px #333;
    font-weight: bold;
}


.matchname.sporthead {
    padding: 20px;
}

.matchname .teamloc {
    display: inline-block;
    width: 50%;
    text-align: center;
}

.matchname .teamloc .teamname {
    display: block;
    color: #fff;
    font-size: 18px;
}

.matchname .teamloc img {
    margin: 0px 10px;
}

.prematchhead_tams .vs {
    position: absolute;
    color: #f4d314;
    text-align: center;
    margin-top: 15px;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    font-size: 20px;
}

.eventdate.match {
    display: none;
}


#addtohome {
    display: none;
    position: fixed;
    height: 40px;
    width: 100%;
    background: #e7e7dd;
    bottom: 0px;
    z-index: 1000;
    border-top: 3px inset #2b78d7;
    color: #333;
    line-height: 40px;
    text-align: left;
    font-size: 15px;
}

#addtohome i {
    padding: 7px;
    float: right;
    margin: var(--space-xs);
}

#addtohome img {
    float: left;
    margin-right: 10px;
    height: 40px;
}

.livetopmen a:nth-child(even) .ltour {
    background: #40c18c;
}

.bonuswallet[data-sharedwallet="1"] {
    display: none;
}

.myprofilebtn2[data-sharedwallet="1"] .profile_bonuswallet {
    display: none;
}

.market_fav {
    float: right;
    color: #828282;
    cursor: pointer;
    margin-right: 30px;
}

.market_fav.selected {
    color: #face04;
}

.colred {
    border: 1px solid red;
}

.colgreen {
    border: 1px solid green;
}

.colgreen {
    animation: borderBlinkg 1s ease-out forwards;
    animation-iteration-count: 4;

}

.colred {
    animation: borderBlink 1s ease-out forwards;
    animation-iteration-count: 4;

}

@-webkit-keyframes borderBlink {
    from, to {
        border: 1px solid #000;
    }
    50% {
        border: 1px solid red;
    }

}

@keyframes borderBlink {
    from, to {
        border: 1px solid #000;
    }
    50% {
        border: 1px solid red;

    }
}

@-webkit-keyframes borderBlinkg {
    from, to {
        border: 1px solid #000;

    }
    50% {
        border: 1px solid green;
    }
}

@keyframes borderBlinkg {
    from, to {
        border: 1px solid #000;

    }
    50% {
        border: 1px solid green;
    }
}

.navbar {
    min-height: 30px;
}

.navbar-header:before, .navbar:before, .nav:before {
    display: relative;
    content: unset;
}

.upcoming .caway::before {
    content: "--:--";
    color: #fff;
    position: absolute;
    display: block;
    margin-left: -11px;


}

.cellspec.fir {
    margin-top: -50px;
    height: 20px;
    margin-bottom: 30px;
}

.fsth {
    color: #fff;
    text-align: right;
}

.fsth {
    margin-top: 8px;
}

.dropdown-toggle[data-count="1"] .caret {
    display: none;
}

.mobilesearch {
    margin-left: -15px;
    margin-right: -5px;
}

.sselectedmark.dropdown {
    white-space: nowrap;
}

.selectedmark .dropdown-backdrop {
    display: none;
}

.livetopmen .dropdown-submenu {
    position: relative;
}

.livetopmen .lspc {
    width: 50px;
}

.livetopmen li span {
    display: none;
}

.livetopmen li .micon {
    display: block;
    margin: 0px auto;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
}

.livetopmen li .spcflag {
    display: inline-block;
}

.livetopmen li i {
    display: none;
}

.livetopmen li .favnum {
    display: inline-block;
}

.livetopmen li .msprot {
    white-space: nowrap;
    display: block;
    margin-top: -10px;
}

.livetopmen li a {
    text-decoration: none;
    color: #fff;
}

.livetopmen .lsport {
    margin-right: 5px;
}

.livetopmen {
    padding: 0px;
    margin: 0px;
    margin-left: 15px;
    background: #192023;
}

.livetopmen li {
    display: inline-block;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}


.livetopmen .dropdown-submenu {
    position: relative;
    width: initial;
}

.livetopmen .dropdown-menu {
    min-width: initial;
    margin-top: 9px;
    right: initial;
}


.livetopmen .lcat {
    width: 100%;
    text-align: left;
}

.livetopmen .sub1 {
    background: #1e805d;

}

.livetopmen .sub2 {
    background: #16a270;

}

.livetopmen .ltour {
    padding: 0px 5px;
}

.livetopmen .ltour div {
    padding: 5px;
    font-size: 13px;
    line-height: 8px;
    text-align: left;
}

.livetopmen .menitem .dropdown-menu > li > a, .livetopmen .dropdown-menu li {
    border-bottom: 0px solid #fff;
}

.livetopmen .dropdown-menu > li > a:focus, .livetopmen .dropdown-menu > li > a:hover {
    color: #fff;
    background: #16a270;

}

.livetopmen .dropdown-submenu > .dropdown-menu.sub1 {
    top: 100%;
    margin-top: -36px;
}

.livetopmen .dropdown-submenu > .dropdown-menu {
    left: 100%;
    top: 0px;

}


.livetopmen .dropdown-menu > li > a {
    padding: 2px;
}

.lsport.dropdown-submenu.open {
    background: #1e805d;
}

.livetopmen .dropdown-submenu.lcat:hover > .dropdown-menu {
    display: inline-block;
}

.livetopmen .deropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.livetopmen .dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.livetopmen .dropdown-submenu.pull-left {
    float: none;
}

.livetopmen .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}


.spt_4.bet.sports .jumbotronwrap {
    display: none;
}

.spt_4.bet.sports .cardmen {
    display: none;
}

.spt_4 .select_period {
    background: none;
    color: #fff;
    margin-top: 0px;
}

.select_period {
    background: #e7e7dd;
}

.cardmenu.more {
    display: none;
}

.scale_text {
    width: 100%;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
}

.scale_text span {
    text-align: center;
    padding: 5px 2px;
    display: inline-block;
    cursor: pointer;
    background: #f2f2f2;
    color: #808080;
    margin: 4px;
    flex: 1;
    font-weight: bold;
}

.scale_text span.selected {
    background: #09a57e;
    color: #fff;
}

.scale_text span:hover {
    background: #09a57e;
    color: #fff;
}

.stime2 {
    display: none;
}

.ufo[data-id="live"] {
    z-index: 2;
}

.sta2 {
    color: #cbcaca;
    margin-left: 0px;
}

.compsswrap {
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
}

.lstats {
    display: block;
}

.lstats, .lmarkets {
    display: inline-block;
    padding: 0px 5px;
}

.lstats a, .lmarkets a {
    color: #8a6d3b;
}

.statsframe {
    width: 100%;
    height: 300px;
}

.carditem .sres.live span.sta {
    visibility: hidden;
    height: 10px;
    overflow: hidden;
}

.carditem .sres.live span {
    margin-top: 20px;
}

.marsellive.dropdown-menu {
    display: none;
    width: 100%;
}

.price_extra {
    display: inline-block;
    padding: 0px 2px;
    text-align: center;
    color: #fff
    font-weight: normal;
    font-size: 11px;
    border-radius: 2px;
    margin: 1px;
    width: 42px;
}

.sports .card .cardmen li.selectedmark.dropdown {
    padding: 0px;
    color: #fff;
    width: 100%;
    margin: 0;
}

.sports .card .cardmen li.selectedmark.dropdown:hover {
    border: 0px;
}

.sports .card .cardmen li.market_dropdown:hover {
    border: 0px;
}

li.selectedmark.dropdown a {
    color: #fff;
}

.open .dropdown-toggle {
}

.sports .card[data-id="live"] .cardmen {
    overflow: initial;
}

.sports .card[data-id="upcoming"] .cardmen {
    overflow: initial;
}

.sports .card.liveodds {
    overflow: initial;
}

.sports .card .cardmen .open li.market_dropdown {
    display: block;
}

.sports .card .cardmen .open li.market_dropdown.selected {
    display: none;
}

.sports .card .cardmen li.market_dropdown {
    display: none;
    width: 100%;
    padding: 5px;
    margin: 0px;
    font-size: 13px;
    line-height: 22px;
    background: #bdac15;
    color: #ffffff;
}

.sports .card .cardmen li.market_dropdown:hover {
    color: #fff;
    background: var(--bg-tertiary);
}

.cell3, .cell1, .cell2 {
    display: table-cell;
    width: 144px;
    text-align: center;
    font-weight: bold;
    color: #121212;
}

.livematch.sports.spt_4 .cell3, .sports.spt_4.livematch .cell2 {
    display: none;
}

.card .cardmen .cell1::before {
    width: 10px;
    height: 100%;
    background: var(--bg-tertiary);
    content: "";
    margin-left: -5px;
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0px;
}

.livematch .card .cardmen .cell2 {
    background: #1e805d;
}

.livematch .card .cardmen .cell2::before {
    width: 10px;
    height: 50px;
    background: #1e805d;
    content: "";
    margin-left: -5px;
    display: block;
    position: absolute;
    transform: skewX(-10deg);
}

.sports .odds.cell3 {
    display: none;
}

.sports .menright .cell3 {
    display: none;
}

.sports.livematch .cell3 {
    display: table-cell;
}

.livematch .card .cardmen .cell3 {
    background: #bdac16;
}

.livematch .card .cardmen .cell3::before {
    width: 10px;
    height: 50px;
    background: #bdac16;
    content: "";
    margin-left: -5px;
    display: block;
    position: absolute;
    transform: skewX(-10deg);
}


.cell2 .dropdown-menu {
    transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
}

.card .cardmen .cell1 {
    height: 50px;

    background: var(--bg-tertiary);
    transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    margin-left: -5px;
    padding-left: 5px;
    white-space: nowrap;
    width: 149px;
}

.rk_0, .rk_1, .rk_2 {
    display: inline-block;
    cursor: pointer;
    padding: 0px 2px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 2px;
    margin: 1px;
    width: 42px;
    font-weight: normal;
    font-size: 10px;
}

.spbtns {
    display: inline-block;
    float: right;
}


.sports .sportlist ul span.spcflag {
    display: inline-block;
    border-radius: 0px;
    height: 15px;
    line-height: 16px;

}


.providersgames .subcatmen {
    background: #b12029;
    border: 0px;
}

.gamesearch::placeholder {
    color: #fff;
}

.providerscontainer {
    margin-bottom: 5px;
    background: none;
}

.providersgames .subcatmen li {
    padding: 5px 10px;
}

.providerscontainer .providersgames li.active {
    background: #f2c300 !important;
    color: #000 !important;
}

.flag-icon-int, .flag-icon-undefined {
    background-image: url(/img/flags/4x3/int.jpg);
}

.jumbotron.livematch {
    display: none;
}

.btn-spp {
    background: #f26421;
    color: #fff;
}

.asianselect {
    display: none;
    width: auto;
    background: none;
    margin-top: -5px;
    text-align: right;
    padding: 0px;

}

.asianselect select {
    border: none;
    padding: 10px;
}

.asianselect select option {
    background: var(--bg-tertiary);
    color: #fff;
    padding: 10px;
    -webkit-appearance: none;
    font-size: 16px;
    line-height: 20px;
    -moz-appearance: none;
    box-sizing: content-box;
    appearance: none;
}


.momennucontent .mobmenflags li {
    float: left;
    width: 30px;
    border: 0px;
    overflow: hidden;
    list-style: none;
    margin: 0px 10px;
    padding: 0px;
}

.mobmenflags {
    width: 100%;
    height: 40px;
}

.mobmenflags span.flag-icon {
    height: 30px;
    border-radius: 0px;
}

.boncodecont input {
    width: 40px;
}

.boncodecont .myaccountbtn {
    margin-top: 0px;
}

.bonuscodeerror {
    display: block;
    font-size: 12px;
    line-height: 10px;
    color: #21904e;
}

.bonuscodeerror.error {
    color: #a94442;
}


.pmsfoot img {
    max-height: 50px;
    max-width: 80px;
}

.pmsfoot.smfoot img {
    max-height: 30px;
    max-width: 40px;
    margin-right: 5px;
}

.footlogo {
    text-align: center;
}

.cardmenu.more span {
    font-size: 11px;
    line-height: 11px;
}

.headdate {
    display: inline-block;
    float: left;
    font-size: 16px;
    padding: 3px;
    margin: 0px 10px;
}

.ddate_date {
    color: #fff;
}

.headclock {
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 0px;
    float: left;
}

.clockbar {
    background: #353632;
}

.headdate .fa {
    float: left;
    margin-top: 2px;
}

.headclock small {
    font-size: 11px;
    top: 0px;
    position: relative;
    display: none;
    color: #fff;
    font-weight: bold;
}

.head_ddate {
    display: flex;
    font-size: 16px;
    border-left: 2px solid #17150b;
    white-space: nowrap;
    padding: 0px 10px;
}

.head_ddate span {
    display: block;
    flex: 1;
    padding: 0px 2px;
}


.rightsub {
    display: inline-block !important;
    text-transform: capitalize;
    font-size: 16px;
}

.rightsub a {
    text-decoration: none;
}

.sports .sportlistcont h4.mensporthome {
    margin-top: 10px;
}

.topsmalllink {
    text-transform: none;
    display: block;
    margin-top: -24px;
    font-size: 11px;
    margin-left: 45px;
    text-align: center;
}

.casino .mybetitem {
    display: none;
}

.ttop {
    display: none !important;
}

.footerholderleft {
    text-align: left;
    padding-top: 10px;
}

.flicense {
    padding-bottom: 30px;
    margin-left: 0px;
    margin-top: -20px;
}

footer .disclaimer img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    margin-bottom: 10px;
}

.footermiddle {
    text-align: left;
}

.pmsfoot {
    text-align: left;
    margin-top: 50px;
}

.footcon {
    padding: 0px 50px !important;
    display: inline-block !important;
    position: relative !important;
    text-align: left !important;
    color: #738895 !important;
    font-size: 14px !important;
}

.wp-block-group__inner-container p {
    font-size: 14px !important;
}

.wp-block-group__inner-container p strong {
    font-size: 14px !important;
}

.wp-block-group__inner-container p a {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.5;
}

@media (max-width: 781px) {
    .social-icons.for-mobile .wp-block-group__inner-container .wp-block-group__inner-container img {
        width: 20px !important;
        height: 20px;
        margin: 4px !important;
    }

    .social-icons.for-mobile .wp-block-group__inner-container h2 {
        margin-top: 10px;
    }
}

.wp-block-group.footer-menu .wp-block-group__inner-container {
    max-width: 929px !important;
}



footer .container {
    width: auto;

}

.footerlogo {
    display: none;
}

.licensefooter {
    display: none;
}

body.holiday1 {
    background: url(/img/holiday1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

body.holiday2 {
    background: url(/img/holiday2.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

body.summer1 {
    background: url(/img/summer1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

body.city1 {
    background: url(/img/city1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

body.winter1 {
    background: url(/img/winter1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

body.sunset1 {
    background: url(/img/sunset1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

body.sunset2 {
    background: url(/img/sunset2.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

body.modal-open {
    position: fixed;
    width: 100%;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.sportlist .micon {
    /*background-color: #437d63; */
}

.sportsmobmen.sportlist .micon {
    background-color: transparent;
}

.zh .sports .card.match .cardmen {
    height: 33px;
}

.zh .sports .card.match .cardmen h4 {
    font-size: 13px;
}


.footerlogo {
    height: 40px;
}

.flag-icon-zh {
    background-image: url(../img/flags/4x3/cn.svg);
}

.maindepbtn p {
    display: none;
}

.livetracker {
    width: 100%;
    display: block;
}

.trackerframe {
    width: 100%;
    height: 392px;
    border: none;
}

.sporthead.trackeren_1 {
    display: none;
}


.match_markets_selection {
    background: #262323;
    overflow: hidden;
    color: #fff;
    padding: 0px;
    margin: 5px 0px;
}

.match_markets_selection ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: inline-block;
    white-space: nowrap;
}

.match_markets_selection li {
    border-left: 1px solid #000;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 10px 20px;
    margin: 0px 0px;
    font-weight: bold;
    text-transform: uppercase;

}

.match_markets_selection .markselitem.active {
    color: #face04;
    background: #1a1a1a;
}

.sta {
    width: 40px;
    text-overflow: clip;
    overflow: hidden;
}

.zh .sta {
    display: none !important;
}

#marketselmen_overflow {
    opacity: 0;
    display: none;
    position: absolute;
    text-align: left;
    transition-duration: .3s;
    background: #021d0f;
}

#marketselmen_overflow.active {
    opacity: 1;
    display: block;
    margin-top: 5px;
    left: auto;
    z-index: 2;
}

#marketselmen_overflow li {
    float: none;
    display: block;
}

#marketselmen_overflow a {
    background: #00c;
    white-space: nowrap;
}

.moddsh {
    display: none;
}

.mhead {
    line-height: 40px;
}


.bonbar {
    width: 100px;
    background: #ddd;
    border-radius: 5px;
    font-size: 10px;
    overflow: hidden;
    height: 15px;
    position: relative;
    cursor: default;
}


.bonbar_fill {
    position: absolute;
    background: #facd06;
    height: 15px;
}

.bonbar_text {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.righttopban .clockbanner img {
    position: absolute;
}

.righttopban .clockbanner .b_clock {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

.righttopban .clockbanner .b_clock .b_clock_days, .righttopban .clockbanner .b_clock .b_clock_hours, .righttopban .clockbanner .b_clock .b_clock_mins, .righttopban .clockbanner .b_clock .b_clock_seconds {
    position: relative;
    float: left;
    width: 57px;
    color: #fff;
    overflow: hidden;
    text-align: center;
}

.righttopban .clockbanner .b_clock div div {
    background: #000;
    font-size: 27px;
    margin: 2px 4px -4px 4px;
    border: 1px solid #d03732;
}

.righttopban .clockbanner .b_clock div span {
    font-size: 10px;
}

.modal_inner_data.modal_data_withdraw {
    min-height: 650px;
}

.withdrawform .fields {
    display: none;
}

.withdrawform select {
    float: none !important;
}

#my_profile .withdrawform td {
    text-align: center;
}

.withdrawform div label {
    margin-left: 5px;
    padding: 15px 0px 5px 0px;
    text-wrap: nowrap;
    margin-bottom: 0px;
}

.withdrawform input, .withdrawform select {
    width: 100%;
}

.betresrow b {
    color: #8a8a8a;
    font-weight: normal;
}

.closed_bets_table tr.red {
    color: red;
}

.closed_bets_table tr.blue {
    color: blue;
}

.closed_bets_table tr.green {
    color: green;
}

.betresrow {
    border-bottom: 1px solid #d6d6d6;
}

.betresrow.second {
    border: none;
}

.betresrow.red .cells span {
    color: red;
}

.betresrow.blue .cells span {
    color: blue;
}

#processing_cashout {
    position: absolute;
    text-align: center;
    background: #317090;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    display: none;
}

#processing_msg span {
    display: block;
    height: 20px;
    padding: 0px 10px;
    margin-top: 80px;
    margin-bottom: 20px;

}

#processing_msg {
    position: absolute;
    text-align: center;
    display: none;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #317090;
}

.cashoutloader {
    display: inline-block;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #f26421;
    border-radius: 50%;
    width: 50px;
    height: 50px;

    animation: pr_spin 2s linear infinite;
}

@keyframes pr_spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.cashout_ticket_price {
    font-weight: bold;
    color: #f26421;
}

.cashout_ticket_price.upd {
    animation: blinker 1s linear 3;
}

@keyframes blinker {
    50% {
        opacity: 0.2;
    }
}

#confirm_cashout button {
    margin: 20px 20px;
    padding: 5px 20px;
    font-size: 15px;
    font-weight: bold;
}

#confirm_cashout h4 {
    color: #fff;
    font-size: 20px;

}

#confirm_cashout {
    display: none;
    position: absolute;
    width: 300px;
    height: 200px;
    left: 50%;
    margin-left: -150px;
    background: #31708f;
    color: #fff;
    z-index: 2;
    border-radius: 5px;
    box-shadow: 2px 20px 12px -12px #333;
    text-align: center;
}

.openbtable {
    width: 100%
}

td.cells.c5 {
    white-space: nowrap;
}

.betresrow .cells span.bmatchtime {
    display: inline-block;
    font-size: 13px;
    color: #337ab7;
}

.betresrow .cells span.bmatchtime:before {
    content: "[";
}

.betresrow .cells span.bmatchtime:after {
    content: "]";
}

.outright_16 {
    background: url('/img/11/Header-Russia-WC-2018.jpg') center no-repeat;
    height: 200px;
    width: 100%;
}

.myprofilebtn2 {
    background: #0c4165;
    color: #f26421;
    padding: 5px 5px;
    cursor: default;
}

.myprofilebtn2:hover {
    background: #0c4165 !important;
}

.myprofilebtn2 span {
    display: block;
    color: #fff;
}

.myprofilebtn2 span i {
    font-style: normal;
}

.promotionitem {
    margin-bottom: 20px;
}

.cassidebar {
    padding-right: 0px;
}

#my_profile td {
    text-align: left;
}

.depmethodname {
    display: none;
}

.depcaret {
    display: none;
}

.poker_container {
    margin-top: 8px;
}

.pokertop {
    padding: 0px;
}

.pokertop img {
    width: 100%;
}

.pokerbtns {
    background: #003b7f;
    text-align: center;
    padding: 10px 0px;
}

.pokerbtns .playbtn.playreal {
    width: auto;
    background: none;
    border: none;
}

.pokerbtns ul {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.pokerbtns ul li {
    list-style: none;
    display: inline-block;

    padding: 0px;
    margin: -2px;
}

.pokerbtns a {
    cursor: pointer;
}

.pokerbtnstxt {
    background: #003b7f;
}


.mobile_account_header {
    display: none;
}

.pokertxt {
    background: #133c80;
    text-align: center;
    color: #fff;
    padding-top: 20px;
    font-size: 26px;
    padding-bottom: 50px;
}

.pokertxt .s2 {
    font-size: 24px;
    line-height: 24px;
}

.pokertxt .high {
    color: #f26421;
}


.depositamountbtn {
    display: inline-block;
    padding: 2px 5px;
    color: #9c9898;
    border-radius: 5px;
    background: #ccc;
    border: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
    margin: 0px 5px;
    cursor: pointer;
}

.depositamountbtn:hover, .depositamountbtn.active {
    background: #231f20;
    border: 1px solid #f2c300;
    color: #fff;
}


#deposit_amount_credbrasil h4 {
    color: #333;
    font-weight: bold;
    font-size: 20px;
}

#deposit_cpf {
    max-width: 192px;
}

.maindeppage {
    border: 1px solid #00b15a;
    border-radius: 5px;
    background: #ddd;
    min-height: 250px;
    width: 100%;
    margin-left: -2px;
    display: inline-block;
}

#bonusdef {
    float: none;
    display: inline-block;
}

.methods {
    margin-left: -15px;
    margin-right: -15px;
}

.deppage_col_left {
    padding-right: 0px;
    z-index: 2;
}

.deppage_col_right {
    padding: 5px 0px;
    z-index: 1;
}

.mobile_sport_serch {
    width: 100%;
    background: #000;
    display: none;
    top: 0px;
    height: 100%;
    position: fixed;
    z-index: 120;
}

.mensresult {
    overflow: scroll;
    height: 100%;
    padding-bottom: 100px;
}

.method_group {
    text-align: left;
    cursor: pointer;
    padding: 10px 5px;
    border: 1px solid #00b15a;

    border-radius: 5px 0px 0px 5px;
    text-transform: uppercase;
    color: #aaa;
    font-weight: bold;
}

.modal_inner_data.modal_data_deposit label {
    display: inline-block;
    width: auto;
    background: transparent;
}

.method_group.active {

    border-right: none;
    background: #ddd;
    color: #231f20;
}

.method_group:hover {
    color: #231f20;
}


.mensresults ul {
    padding: 0px;
    margin: 0px;
}

.mensresults ul li {
    list-style: none;
    margin-top: 2px;
}

.mensloctop {
    display: table;
    width: 100%;
    padding: 10px 5px;
}

.mobie_instant_search {
    color: #333;
    width: 100%;
    padding: 5px 10px;
    border-radius: 11px;
    border: 1px solid #333;
    display: table-cell;
    font-size: 20px;
    margin-right: 20px;


}

.close_mobile_search {
    display: table-cell;
    width: 20px;
    font-size: 23px;
    height: 24px;
    font-weight: bold;
    margin-right: 5px;
    line-height: 5px;
    margin-top: 14px;
    padding: 0px 15px;
}

.modal_data_wallet table {
    text-align: left;
}

.modal_data_wallet table .center {
    text-align: center;
}

.subcatmen .submenitemm[data-id="Favorites"] {
    display: none;
}

.mmenfavoritesb, .mmensearchb {
    width: 40px;
    height: 40px;
    font-size: 26px;
    line-height: 37px;
}

.mainsubmenu2 {
    padding: 0px;
    margin: 0px;
    background: #122b41;
    color: #fff;
}

.mainsubmenu2 li {
    list-style: none;
    display: inline-block;
    color: #21904d;
    margin: 0px;
    padding: 2px 10px;
}

.mainsubmenu2 li a {
    color: #21904d;
}

.mainsubmenu2 li.active {
    background: #21904d;
    color: #fff;
}

.promotnc p {
    padding: 5px;
}

.promodet {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.promotnc {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0px;
    display: none;
}

.promoicon {
    background: url(/img/11/promos.png) no-repeat;
    width: 32px;
    height: 30px;
    float: left;
    margin-top: 6px;
    margin-left: 9px;
}

.disctext {
    padding: 20px;
    font-size: 10px;
    color: #777;
    max-width: 800px;
}

.promodesc {
    margin-left: 9px;
    line-height: 34px;
    font-size: 15px;
    max-width: 228px;
    position: relative;
    float: left;
    text-overflow: ellipsis;

}

.promotnclink {
    font-style: italic;
    margin-top: 10px;
    float: left;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5px;
}

.promotnclink:hover {
    color: #f26421;
}

.promotxt {
    border-radius: 0px 0px 6px 6px;
    background: #1e805d;
    color: #fff;
    height: 35px;
    overflow: hidden;

}

.promotxt a {
    display: inline-block;

    background: #e2be06;
    color: #333;
    border-radius: 5px;
    padding: 1px 8px;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    font-weight: bold;
}

.promotions_cont {
    margin-top: 80px;
    padding: 0px;
}

.marketsrc {
    padding: 5px;
    border: 1px solid #333;
    border-radius: 2px;
    width: 100%;
}

.marketsearch {
    padding: 5px 0px;
}

#livechat-compact-container {
    z-index: 111 !important;
}

.ci {
    background-image: url(11/exicons.png);
    background-repeat: no-repeat;
    display: block;
}

.ci-my_bets {
    width: 58px;
    height: 58px;
    background-position: 0 0;
}

.ci-contact_us {
    width: 58px;
    height: 58px;
    background-position: 0 -58px;
}

.ci-user {
    width: 33px;
    height: 32px;
    background-position: 0 -116px;
}

.ci-whatsapp {
    width: 58px;
    height: 58px;
    background-position: 0 -148px;
}


.righttopban {
    margin-top: 0px;
    height: 105px;
}

.r-bans .rightsub {
    height: 95px;
    width: 100%;
}

.r-bans .rightsub ul {
    width: 100%;
}

.r-bans .rightsub li.mybets {
    background: #b12029;
    text-align: center;
    color: #fff;
}

.r-bans .rightsub li.mybets:hover {
    background: #2caf74;
}

.r-bans .rightsub li.mybets .menimgcont {
    width: 40px;
}

.r-bans .rightsub li.mybets a {
    color: #fff;
}

.r-bans .rightsub li.mybets a:hover {
    color: #fff;
}


.r-bans .rightsub li {
    margin: 5px 0px;
    width: 100%;
    cursor: pointer;
    height: 40px;
    font-weight: normal;
    padding: 0px;
    background: #2b78d7;
    /* border-bottom: 4px solid #f26421; */
    text-align: center;
    display: block;
    border-radius: 5px;

}

.r-bans .rightsub li:nth-child(2) {
    /*	margin-left:5px; margin-right:5px;
	padding-left:1px;*/
}

.menimgcont {
    height: 40px;
    display: inline-block;
}

.menimgcont img {
    height: 24px;
    margin-top: -5px;
}

.r-bans .rightsub li a {
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    line-height: 41px;
    display: inline-block;
    color: #fff;
    margin-top: 0px;
}

.r-bans {
    padding: 0px;
}

/* form3 */

.topusericon {
    margin-right: 5px;
}

.mycarcont {
    padding-left: 0px;
}

.tvgames .mycarcont, .virtuals .mycarcont, .card-games .mycarcont, .live-casino .mycarcont {
    padding-right: 0px;
}

.casino .mycarcont {
    padding: 0px;
}

.virtuals .mycarcont {
    display: none;
}

.catmenn {
    padding: 5px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: stretch;
    justify-content: flex-start;
}

nav .catmenn li a {
    padding: 2px 2px 0px 2px;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0px 20px;
}

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


nav .catmenn li a.tt:focus, nav .catmenn li a.tt:hover, nav .catmenn li.active a.tt {
    font-weight: bold;
    border-bottom: 3px inset #f3bf20;
}

.menitem svg {
    height: 19px;
    margin-right: 8px;
    flex: 1;
}

.menitem span {
    flex: 1;
    color: #fff;
    text-transform: uppercase;
}

.menitem.open span {
    color: #333;
    font-weight: bold;
}

a.tt:before {
    content: "";
    display: none;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    float: left;
    margin: 0 6px 0 0;
}

a.ttt.m_sports:before {

    background: url("../img/13/icons_Sports.png") no-repeat;
    background-size: 100% 100%;

}

.active a.ttt.m_sports:before, .menitem:hover a.tt.m_sports:before {
    background: url("../img/13/selected_Sports.png?v=1") no-repeat;
    background-size: 100% 100%;

}


a.tt.m_promotions:before {

    background: url("../img/13/icons_Promotions.png") no-repeat;
    background-size: 100% 100%;

}

.active a.tt.m_promotions:before, .menitem:hover a.tt.m_promotions:before {
    background: url("../img/13/selected_Promotions.png?v=1") no-repeat;
    background-size: 100% 100%;

}

a.tt.m_livecasino:before {

    background: url("../img/13/icons_LiveCasino.png") no-repeat;
    background-size: 100% 100%;

}

.active a.tt.m_livecasino:before, .menitem:hover a.tt.m_livecasino:before {
    background: url("../img/13/selected_LiveCasino.png?v=1") no-repeat;
    background-size: 100% 100%;

}

a.tt.m_live:before {

    background: url("../img/13/icons_Sports.png") no-repeat;
    background-size: 100% 100%;

}

.active a.tt.m_live:before, .menitem:hover a.tt.m_live:before {
    background: url("../img/13/selected_Sports.png?v=1") no-repeat;
    background-size: 100% 100%;

}

a.tt.m_casino:before {
    background: url("../img/13/icons_Casino.png") no-repeat;
    background-size: 100% 100%;

}

.active a.tt.m_casino:before, .menitem:hover a.tt.m_casino:before {
    background: url("../img/13/selected_Casino.png") no-repeat;
    background-size: 100% 100%;

}


.mhead .pricehead {
    font-size: 12px;
    white-space: nowrap;
}

#deposit_amount_credbrasil {
    display: block;
    position: absolute;
    background: #ddd;
    height: 112px;
    margin-top: -112px;
    padding: 10px;
}

.catmenn li.active, .catmenn li.open {
    position: static;
}

.leftsub .nav .open a.tt, .leftsub .nav .opens a.tt:focus, .leftsub .nav .opens a.tt:hover {
    background: #fff;
    color: #21904f;
}

nav .catmenn li.submenuitem a:focus, nav .catmenn li.submenuitem a:hover {
    background: none;
}

nav .catmenn li.submenuitem.active a {
}

.leftsub .submenuitem:hover a {
    color: #fff;
}

.dropdown-menu.mainsubmenu {
    background: #0078d7;
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    right: 0px;
    left: 0px;
}

.active .dropdown-menu.mainsubmenu {
    display: block;
}

.dropdown-menu.mainsubmenu li {
    list-style: none;
    padding: 0px;
    width: auto;
    border: 0px;
}

.dropdown-menu.mainsubmenu ul {
    padding: 0px;
    margin: 0px;
}

.dropdown-menu.mainsubmenu li a {
    font-size: 14px;
    padding: 0px 10px;
    text-decoration: none;
}

.dropdown-menu.mainsubmenu li a:hover {
    background: none;
}


.navbar-inverse .navbar-nav .ttop.open .dropdown-menu > li > a:hover {
    color: #fff;
}

.ttop .fflags span.flag-icon {
    width: 35px;
    border-radius: 50%;
    height: 35px;
    border: 1px solid #20699b;
    background-size: 140% 140%;
    margin-top: -1px;
    margin-left: 5px;

}

.ttop.loggedout {
    margin-top: 6px;
}

.ttop .fflags .caret {
    color: #fff;
}

.ufo .carditem .compss div a {
    min-width: 80px;
}

.regformrow {
    display: flex;
    flex-direction: column;
}

.form-termsage, .form-terms {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.form-termsage #termsagecheck, .form-terms #termscheck {
    width: auto;
    margin: 0px 5px;
}

.regformrow.twofields {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}


.signup-form-container.twostep {
    background: none;
}

.signup-form-container.twostep .formcc {
    text-align: left;
}

.signup-form-container.twostep .formcc #popsignup_contry {
    border: none;
    width: 80px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.signup-form-container.twostep .formcc .flag-icon {
    display: inline-block;
    margin: 0px 5px;
}

.lastrowreg {
    text-align: center;
}

.signup-form-container.twostep label {
    display: none;
}

.signup-form-container.twostep .regsteps {
    display: inline-block;
}

.signup-form-container.twostep .regsteps div {
    display: inline-block;
    text-align: center;
}

.signup-form-container.twostep .phonepref {
    width: 70px;
    white-space: nowrap;
    border-radius: 2px;
    height: 33px;
    padding: 0px 5px;
}

.phonecont .phonepref, #loginpopform .phonepref {
    width: 70px;
    white-space: nowrap;
    border-radius: 2px;
    height: 33px;
    padding: 0px 5px;
}


#reglogin .form-container #poppass_prefix, #reglogin .form-container #poplogin_prefix {
    border: none;
    width: 45px;
    background: #fff;
    border-right: 1px solid #a58248;
}


#loginpopform {
    width: 90%;
    margin: 0 auto;
}

#loginpopform .form-short {
    float: none;
    display: inline-block;
}

#reglogin .form-container #poppass_phone, #reglogin .form-container #poplogin_phone {
    display: inline-block;
    border-radius: 5px;
    float: left;
    margin-top: -34px;
    padding-left: 74px;
}

.spbonslip.mob {
    width: 100%;
    background: #34b300;
    position: fixed;
    color: #fff;
    margin-top: -21px;
}

.spbonslip {
    width: 100%;
    background: #09a57e;
    display: flex;
    color: #fff;
}

.spbonslip.moneyback {
    background: #f3bf20;
    color: #333;
}


.spbonslip a {
    color: #fff !important;
}

.spbonslip.moneyback a {
    color: #333 !important;
}

.spbontxt {
    flex: 1;
    padding: 2px 5px;
    font-size: 12px;
}

.spboninfo {
    padding: 1px 2px;
    cursor: pointer;
}

.spbonclose {
    padding: 1px 3px;
    cursor: pointer;
}

.signup-form-container.twostep #popsignup_prefix {
    border: none;
    width: 45px;
    background: none;
    border-right: 1px solid #21904d;
}

.signup-form-container.twostep #popsignup_phone {
    display: inline-block;
    float: left;
    margin-top: -34px;
    padding-left: 74px;
}

#iformtermsage, #iformterms {
    display: none;
    margin-top: 2px;
    float: none;
    right: unset;
    margin-left: 10px;
    color: #f0cf61;
}

.signup-form-container.twostep .formerr {
    display: none;
}

.signup-form-container.twostep #regpop_cur {
    width: 27%;
    padding: 2px 2px;
    float: left;
    margin: 1px;
}

.signup-form-container.twostep #popsignup_bonuscode {
    width: 70%;
}

.signup-form-container.twostep .formerr.error {
    display: block;
    color: #f26421;
}

.signup-form-container.twostep .formerr.ok {
    display: block;
    color: #41c13e;
}

#termscheck .fa-exclamation-triangle:before {
    margin-right: 5px;
}

.signup-form-container.twostep .regsteps div div {
    display: block;
}

.signup-form-container.twostep .regstep2 {
    display: none;
}

.signup-form-container.twostep #popsignupbtn2 {
    background: #ddd;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px #6f5000;
    color: #fff;

    padding: 4px;
    border-radius: 2px;
    min-width: 50%;
    max-width: 85%;
    font-size: 15px;
    font-weight: bold;
    margin: 5px auto;
    display: inline-block;
}

.signup-form-container.twostep #popsignupbtn2.active {
    background: #f26421;
    border: 1px solid #da9d00;
    box-shadow: 0px 0px 4px #6f5000;
    color: #fff;


}

.signup-form-container.twostep #popsignupbtn1 {
    background: #ddd;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px #6f5000;
    color: #fff;

    padding: 4px;
    border-radius: 2px;
    min-width: 50%;
    max-width: 85%;
    font-size: 15px;
    font-weight: bold;
    margin: 5px auto;
    display: inline-block;
}

.signup-form-container.twostep #popsignupbtn1.active {
    background: #f26421;
    border: 1px solid #da9d00;
    box-shadow: 0px 0px 4px #6f5000;
    color: #fff;


}

.signup-form-container.twostep .regin {
    background: #fff;
    height: 30px;
    border-radius: 2px;
    padding: 2px;
    margin: 5px 0px;
    width: 27%;
    border: 1px solid #a58248;
}

.plus18.error {
    color: red;
}

.plus18 {
    display: inline-block;
    right: 0px;
    border: 1px solid #20699b;
    color: #20699b;
    border-radius: 50%;
    font-size: 11px;
    /* padding: 2px; */
    width: 25px;
    height: 25px;
    line-height: 24px;
    margin: 0px;
    text-align: center;

}

.signup-form-container.twostep .regsteps .num {
    background: #20699b;
    font-size: 15px;
    font-weight: bold;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    margin: 0px;
    padding-right: 1px;
    color: #f26421;
    display: inline-block;
}

.signup-form-container.twostep .step1 .regsteps .step2 .num {
    background: #ccc;
    color: #fff;
}

.signup-form-container.twostep .step1 .regsteps .step2 .numt {
    color: #ccc;
}

.signup-form-container.twostep .step2 .regsteps .step2 .num {
    background: #20699b;
}

i.formerr {
    position: absolute;
    z-index: 1;
    margin-top: -34px;
    right: 7px;
}

.signup-form-container.twostep .regsteps .numt {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    width: 80px;
    text-align: center;
    color: #20699b;
}

.signup-form-container.twostep .regsteps .stepline {
    width: 90px;
}

.signup-form-container.twostep .regsteps .stepline .steplineline {
    position: absolute;
    border-top: 2px solid #20699b;
    width: 100px;
    margin-top: -40px;
    margin-left: -10px;
}

.signup-form-container.twostep .step1 .regsteps .stepline .steplineline {
    border-top: 2px solid #ccc;
}

.signup-form-container.twostep .reggender div {
    display: inline-block;
    white-space: nowrap;
    width: 100px;
    text-transform: uppercase;
}

.signup-form-container.twostep .reggender {
    display: inline-block;
    padding: 5px;
}

.reggender input {
    display: inline-block;
    width: 13px !important;
}

.signup-form-container.twostep .bdate {
    display: block;
}


/* */
.socialbtn {
    display: none;
}

.gamemode.holiday1 {
    background: url(/img/holiday1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

.gamemode.holiday2 {
    background: url(/img/holiday2.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

.gamemode.summer1 {
    background: url(/img/summer1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

.gamemode.city1 {
    background: url(/img/city1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

.gamemode.winter1 {
    background: url(/img/winter1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

.gamemode.sunset1 {
    background: url(/img/sunset1.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

.gamemode.sunset2 {
    background: url(/img/sunset2.jpg) center 30px no-repeat #000;
    background-attachment: fixed;
}

.logm ul.menprofile {
    display: none;
}

.logm .open ul.menprofile {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: flex-start;
    box-shadow: 0 7px 20px 2px #464545;
    z-index: 991;
    position: fixed;
    left: 0;
    max-width: 300px;
    height: 100%;
    /* margin-bottom: 10px; */
    padding-bottom: 50px;
    top: 40px;
}

.iconbar {
    width: 15px;
    height: 2px;
    background: #fff;
}

.gamescontainer * {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.selected-category {
    overflow: hidden;
    overflow-x: auto;
    padding: 10px 0px;
}

#navbar * {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.logm ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.lineupdown .main-nav {
    flex-direction: column;
    padding: 0px;
}

.lineupdown .main-nav li a {
    white-space: break-spaces;
}

.logm ul li {
    white-space: nowrap;
}

.navbar-nav > li {
    float: unset;
}

.coinsloc {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 1px 2px 8px 0px rgba(0, 0, 0, 0.5), inset -1px -2px 8px 0px rgba(0, 0, 0, 0.5);
}

.container.menucontainer {
    padding: 0px 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

    flex-direction: row;
    align-content: center;
    width: 100% !important;
    max-width: 1440px;
    margin: 0 auto;
}

.loggedout .container.menucontainer {
    align-items: stretch;
}

.navbar-brand {
    display: flex;
}

.container.menucontainer::before, .container.menucontainer::after {
    content: unset;
    display: unset
}

.submenu .container {
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    align-content: center;
}

.topright ul.main-nav {
    padding: 0px;
}

/* virtuals */

#vsm_app_menu {
    text-align: center;
    overflow: hidden;
}

#vsm_app_container.vto {
    padding-left: 50px;
}

#vsm_app_container.vbl {
    padding-left: 50px;
}

#vsm_app_container.vdr {
    padding-left: 50px;
}

#vsm_app_container.vhc {
    padding-left: 50px;
}


.vsubcatmen {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.virt-label {
    margin-top: 5px;
    cursor: pointer;
    margin-left: 5px;
}

li.virtualmen {
    margin: 0px;
    padding: 5px 15px;
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    background: #2e72ad;
    border-radius: 2px;
}

a.active li.virtualmen {
    background: #f26421;
    color: #2f72ad;
    text-shadow: 1px 1px 1px #fafcff;
}

.virt {
    background: url(/img/sport/virtuals.png) no-repeat;
    height: 27px;
    width: 27px;
    display: inline-block;
    float: left;
}

.v-vflm.active {
    background-position: -273px -40px;
}

.v-basketball.active {
    background-position: 0px -40px;
}

.v-tennis.active {
    background-position: -40px -40px;
}

.v-horses.active {
    background-position: -80px -40px;
}

.v-dogs.active {
    background-position: -116px -40px;
}

.v-vfnc.active {
    background-position: -200px -40px;
}

.v-vflm {
    background-position: -273px 0;
}

.v-basketball {
    background-position: 0 0;
}

.v-tennis {
    background-position: -40px 0;
}

.v-horses {
    background-position: -80px 0;
}

.v-dogs {
    background-position: -116px 0;
}

.v-vfnc {
    background-position: 0 0;
}


.virtualscreen {
    width: 100%;
}

.virtuals #betslip_but {
    border: 1px solid #2e608c;
    background: #f4f3f3;
}

.virtuals #betslip_but .fa {
    color: #2e608c;
}

.virtuals .categories {
    display: none;
}

.virtuals .mobilesearch {
    display: none;
}

.tvgames .categories {
    display: none;
}

.tvgames .mobilesearch {
    display: none;
}

.virtuals #betslip {
    background: #2e72ad;
    border: 1px solid #2e72ad;

}

.virtuals .betsliplive {
    background: #2e608c;
}

.virtuals .carditem:not(.carditemhead):nth-child(odd), .virtuals .carditem:not(.carditemhead):nth-child(even) {
    background: rgba(47, 114, 173, 0.72);
}

.virtuals .betsliptop {
    background: #2e72ad;
}


/* virtuals */
.scrollbet {
    position: fixed;
    top: 0px;
    z-index: 111;
}

.scrollbet #betslip_bets {
    overflow-y: scroll;
}

.scrollbet #betslip {
    box-shadow: 0px 0px 10px 4px #000;
}

.slipbtntxt {
    color: #fff;

    position: absolute;
    width: 100%;
    text-align: center;
    left: 0px;
    top: 50%;
    cursor: pointer;
    height: 20px;
    margin-top: 50px;
}

#scroll_top {
    display: none;
    background: #11232e;
    color: #fff;
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 111;
    /* line-height: 10px; */
    font-size: 34px;
    border-radius: 50%;
    box-shadow: 0px 0px 2px #000;
}

#betslip.mob {
    width: 100%;
}

.slipbtn {
    color: #fff;
    position: absolute;
    cursor: pointer;
    left: 0px;
    text-align: center;
    min-width: 90px;
    top: 50%;
    margin-top: 6px;
    /* height: 40px; */
    background: #f26421;
    left: 50%;
    margin-left: -45px;
    padding: 5px 20px;
}

.rightsub ul.pull-right li {
    float: left;
    margin-right: 5px;
    padding: 3px;
    margin-left: 10px;
}

.rightsub ul.pull-right .dropdown-menu.langs li {
    padding: 3px 0px;
    margin: 0px;
}

.mobile_populars {
    margin-bottom: 20px;
}

.mobile_populars h4 {
    margin-bottom: 0px;
}

.mobile_populars ul {
    margin: 0px;
    padding: 0px;
}

.mobile_populars ul .carditem {
    padding: 10px;
}

.mobile_populars ul .carditem a {
    color: #fff;
}

.mobile_sm_products .micon {
    float: left;
}

.mobile_sm_products {
    display: inline-block;
    text-transform: uppercase;
}

.momennucontent .mobile_sm_products li.menitem {
    padding-left: 0px;
    height: 36px;
    padding: 0px;
    background: var(--bg-tertiary);
    color: #fff;
    border: 1px solid #484848;
}

.sports .sportsmobmen.sportlist ul {
    background: var(--bg-tertiary);
}

.sports .sportsmobmen.sportlist ul .lsport {
    background: var(--bg-tertiary);
    border-left: 2px solid #333;
    border-bottom: 1px solid #484848;
}

.sports .sportsmobmen.sportlist ul .lsport a {
    color: #fff;
}

.mobile_sm_products li.menitem a {
    color: #fff;
}

.betreshead.total {
    display: table-row;
}

.betreshead.total {
    background: none;
}

.cells {
    display: table-cell;
}

.closed_bets_table {
    width: 100%;
    font-size: 12px;
}

#my_profile_submenu {
    white-space: nowrap;
    overflow-y: auto;
    border-top: 1px solid #6aa663;
}

.tvgames .subcatmen, .virtuals .subcatmen, .card-games .subcatmen, .crypto-games .subcatmen, .live-casino .subcatmen, .bingo .subcatmen {
    display: none !important;
}


.odd_button.block span {
    display: none;
}

.betslip_pick.block span {
    display: none;
}

.betslip_pick.block:after {
    content: "\f023";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
}


.mobile_sm_products .micon {
    transform: scale(0.5);
    -moz-transform: scale(0.5);
    margin-top: -10px;
    margin-left: -12px;
}

.odd_button.block:after {
    content: "\f023";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: -5px;
    font-style: normal;
}

.match .odd_button.block:after {
    color: #fff;
}

.subcatmen2 {
    background: #343434;
    display: none;
    white-space: nowrap;
    overflow-y: auto;
    border-bottom: 0px solid #757575;
}

.subcatmen2 .submenitemm {
    text-align: center;
    border-right: 0px solid #757575;
    display: inline-block;
    padding: 5px 10px;
    min-width: 70px;
}

.subcatmen2 .submenitemm[data-id='search'] {
    color: #e2be07;
}

.subcatmen2 .submenitemm.active {
    background: #e2be07;
    color: #333;
}

.subcatmen2 .submenitemm .txt {
    text-transform: capitalize;
}

.subcatmen {
    background: #272828;
    display: none;
    white-space: nowrap;
    overflow-y: auto;
    border-bottom: 0px solid #757575;
}

.subcatmen .submenitemm {
    text-align: center;
    border-right: 1px solid #1a1a1a;
    display: inline-block;
    padding: 0px 7px;
    min-width: 70px;
}

.subcatmen .submenitemm[data-id='search'] {
}

.subcatmen .submenitemm.selected, .subcatmen .submenitemm.active {
    background: #191919;
    color: #f2d160;
}

.subcatmen .submenitemm.selected svg path, .subcatmen .submenitemm.active svg path {
    fill: #f2d160;

}

.subcatmen .submenitemm .txt {
    margin-top: -13px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 10px;
}

.micon {
    background-color: none;
}

.micon2 {
    display: inline-block;
    width: 40px;
    height: 35px;
    font-size: 30px;
    margin-top: 5px;


}

.micon2.fa-home {
    margin-top: -3px;
    margin-bottom: 11px;
    line-height: 58px;
    height: 53px;

}

.subcatmen .micon {
    transform: scale(0.5);
    moz-transform: scale(0.5);
}

.subcatmen2 .micon {
    transform: scale(0.5);
    moz-transform: scale(0.5);
}

.micon {
    background-image: url(micons2.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 35px;

}

.promoicon {
    background-image: url(micons2.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    display: inline-block;
    transform: scale(0.5);
    -moz-transform: scale(0.5);
    margin-top: -10px;
    margin-left: -12px;
    float: left;
    background-position: 0 -219px;
    width: 64px;
    height: 55px;

}

.s-ausie-rules {
    width: 64px;
    height: 55px;
    background-position: 0 0;
}

.s-badminton {
    width: 64px;
    height: 55px;
    background-position: -64px 0;
}

.s-baseball {
    width: 64px;
    height: 55px;
    background-position: -128px 0;
}

.s-basketball {
    width: 64px;
    height: 55px;
    background-position: -192px 0;
}

.s-bowling {
    width: 64px;
    height: 55px;
    background-position: -256px 0;
}

.s-boxing {
    width: 64px;
    height: 55px;
    background-position: 0 -55px;
}

.s-cricket {
    width: 64px;
    height: 55px;
    background-position: -64px -55px;
}

.s-darts {
    width: 64px;
    height: 55px;
    background-position: -128px -55px;
}

.s-floorball {
    width: 64px;
    height: 55px;
    background-position: -192px -55px;
}

.s-football {
    width: 64px;
    height: 55px;
    background-position: -256px -55px;
}

.s-futsal {
    width: 64px;
    height: 55px;
    background-position: 0 -110px;
}

.s-golf {
    width: 64px;
    height: 55px;
    background-position: -64px -110px;
}

.s-handball {
    width: 64px;
    height: 55px;
    background-position: -128px -110px;
}

.s-hockey {
    width: 64px;
    height: 55px;
    background-position: -192px -110px;
}

.s-horse-racing {
    width: 64px;
    height: 55px;
    background-position: -256px -110px;
}

.s-gen, .s-live-casino {
    width: 64px;
    height: 55px;
    background-position: 0 -165px;
}

.s-live-sports {
    width: 64px;
    height: 55px;
    background-position: -64px -165px;
}

.s-live-sports2 {
    width: 64px;
    height: 55px;
    background-position: -128px -165px;
}

.s-mma {
    width: 64px;
    height: 55px;
    background-position: -192px -165px;
}

.s-motor-sports {
    width: 64px;
    height: 55px;
    background-position: -256px -165px;
}

.s-new {
    width: 64px;
    height: 55px;
    background-position: 0 -220px;
}

.s-popular {
    width: 64px;
    height: 55px;
    background-position: -64px -220px;
}

.s-rugby {
    width: 64px;
    height: 55px;
    background-position: -128px -220px;
}

.s-casino, .s-slots {
    width: 64px;
    height: 55px;
    background-position: -192px -220px;
}

.s-snooker {
    width: 64px;
    height: 55px;
    background-position: -256px -220px;
}

.s-sports, .s-undefined, .s-soccer {
    width: 64px;
    height: 55px;
    background-position: 0 -275px;
}

.s-table-games {
    width: 64px;
    height: 55px;
    background-position: -64px -275px;
}

.s-table-tennis {
    width: 64px;
    height: 55px;
    background-position: -128px -275px;
}

.s-tennis {
    width: 64px;
    height: 55px;
    background-position: -192px -275px;
}

.s-video-poker {
    width: 64px;
    height: 55px;
    background-position: -256px -275px;
}

.s-volleyball {
    width: 64px;
    height: 55px;
    background-position: -320px 0;
}

/*
.micon {
    background-image: url(micons3.png);
    background-repeat: no-repeat;
    display: inline-block;
	    width: 40px;
    height: 35px;
}


.s-futsal {
    width: 40px;
    height: 35px;
    background-position: 0 0;
}

.s-ausie-rules {
    width: 40px;
    height: 35px;
    background-position: -40px 0;
}

.s-badminton {
    width: 40px;
    height: 35px;
    background-position: -80px 0;
}

.s-baseball {
    width: 40px;
    height: 35px;
    background-position: -120px 0;
}

.s-basketball {
    width: 40px;
    height: 35px;
    background-position: -160px 0;
}

.s-boxing {
    width: 40px;
    height: 35px;
    background-position: 0 -35px;
}

.s-casino {
    width: 40px;
    height: 35px;
    background-position: -40px -35px;
}

.s-cricket {
    width: 40px;
    height: 35px;
    background-position: -80px -35px;
}

.s-darts {
    width: 40px;
    height: 35px;
    background-position: -120px -35px;
}

.s-floorball {
    width: 40px;
    height: 35px;
    background-position: -160px -35px;
}

.s-football {
    width: 40px;
    height: 35px;
    background-position: 0 -70px;
}

.s-golf {
    width: 40px;
    height: 35px;
    background-position: -40px -70px;
}

.s-handball {
    width: 40px;
    height: 35px;
    background-position: -80px -70px;
}

.s-hockey {
    width: 40px;
    height: 35px;
    background-position: -120px -70px;
}

.s-horse-racing {
    width: 40px;
    height: 35px;
    background-position: -160px -70px;
}

.s-live-casino {
    width: 40px;
    height: 35px;
    background-position: 0 -105px;
}

.s-live-sports {
    width: 40px;
    height: 35px;
    background-position: -40px -105px;
}

.s-live-sports2 {
    width: 40px;
    height: 35px;
    background-position: -80px -105px;
}

.s-mma {
    width: 40px;
    height: 35px;
    background-position: -120px -105px;
}

.s-motor-sports {
    width: 40px;
    height: 35px;
    background-position: -160px -105px;
}

.s-new {
    width: 40px;
    height: 35px;
    background-position: 0 -140px;
}

.s-pesapalo {
    width: 40px;
    height: 35px;
    background-position: -40px -140px;
}

.s-popular {
    width: 40px;
    height: 35px;
    background-position: -80px -140px;
}

.s-promotions {
    width: 40px;
    height: 35px;
    background-position: -120px -140px;
}

.s-rugby {
    width: 40px;
    height: 35px;
    background-position: -160px -140px;
}

.s-scratch {
    width: 40px;
    height: 35px;
    background-position: 0 -175px;
}

.s-slots {
    width: 40px;
    height: 35px;
    background-position: -40px -175px;
}

.s-snooker {
    width: 40px;
    height: 35px;
    background-position: -80px -175px;
}

.s-soccer {
    width: 40px;
    height: 35px;
    background-position: -120px -175px;
}

.s-sports {
    width: 40px;
    height: 35px;
    background-position: -160px -175px;
}

.s-table-games {
    width: 40px;
    height: 35px;
    background-position: -200px 0;
}

.s-tennis {
    width: 40px;
    height: 35px;
    background-position: -200px -35px;
}

.s-video-poker {
    width: 40px;
    height: 35px;
    background-position: -200px -70px;
}

.s-volleyball {
    width: 40px;
    height: 35px;
    background-position: -200px -105px;
}


/*
.s-futsal {
    width: 40px;
    height: 35px;
    background-position: -5px -5px;
}

.s-ausie-rules {
    width: 40px;
    height: 35px;
    background-position: -55px -5px;
}

.s-badminton {
    width: 40px;
    height: 35px;
    background-position: -105px -5px;
}

.s-baseball {
    width: 40px;
    height: 35px;
    background-position: -155px -5px;
}

.s-basketball {
    width: 40px;
    height: 35px;
    background-position: -205px -5px;
}

.s-boxing {
    width: 40px;
    height: 35px;
    background-position: -5px -50px;
}

.s-cricket {
    width: 40px;
    height: 35px;
    background-position: -55px -50px;
}

.s-darts {
    width: 40px;
    height: 35px;
    background-position: -105px -50px;
}

.s-floorball {
    width: 40px;
    height: 35px;
    background-position: -155px -50px;
}

.s-football {
    width: 40px;
    height: 35px;
    background-position: -205px -50px;
}

.s-golf {
    width: 40px;
    height: 35px;
    background-position: -5px -95px;
}

.s-handball {
    width: 40px;
    height: 35px;
    background-position: -55px -95px;
}

.s-hockey {
    width: 40px;
    height: 35px;
    background-position: -105px -95px;
}

.s-horse-racing {
    width: 40px;
    height: 35px;
    background-position: -155px -95px;
}

.s-mma {
    width: 40px;
    height: 35px;
    background-position: -205px -95px;
}

.s-motor-sports {
    width: 40px;
    height: 35px;
    background-position: -5px -140px;
}

.s-new {
    width: 40px;
    height: 35px;
    background-position: -55px -140px;
}

.s-pesapalo {
    width: 40px;
    height: 35px;
    background-position: -105px -140px;
}

.s-popular {
    width: 40px;
    height: 35px;
    background-position: -155px -140px;
}

.s-rugby {
    width: 40px;
    height: 35px;
    background-position: -205px -140px;
}

.s-scratch {
    width: 40px;
    height: 35px;
    background-position: -5px -185px;
}

.s-slots {
    width: 40px;
    height: 35px;
    background-position: -55px -185px;
}

.s-snooker {
    width: 40px;
    height: 35px;
    background-position: -105px -185px;
}

.s-soccer {
    width: 40px;
    height: 35px;
    background-position: -155px -185px;
}

.s-table-games {
    width: 40px;
    height: 35px;
    background-position: -205px -185px;
}

.s-tennis {
    width: 40px;
    height: 35px;
    background-position: -255px -5px;
}

.s-video-poker {
    width: 40px;
    height: 35px;
    background-position: -255px -50px;
}

.s-volleyball {
    width: 40px;
    height: 35px;
    background-position: -255px -95px;
}
*/
.myaccountbtn.do_wallet_transfer {
    margin-top: 10px;
}

.carditem .compss div.caway, .carditem .compss div.chome {
    display: inline-block;
    line-height: 16px;
    min-width: 90%;
}

.upcoming .carditem .compss div.caway, .upcoming .carditem .compss div.chome {

    min-width: 50%;
    text-align: center;
    margin-top: 15px;
}

.liveodds .compss div.caway, .liveodds .carditem .compss div.chome {
    width: 45%;
    min-width: initial;
    text-align: center;
}

.liveodds .compss div.chomeres span {
    max-width: 25px;
    width: auto;
    padding: 0px 5px;
}

.liveodds .compss div.chomeres span::after {
    content: " :";
}

.liveodds .cawayres, .liveodds .chomeres {
    display: inline-block;
    float: none;
}

.spslipc {
    padding: 0px;
}

.gameplaybtx {
    display: none;
    background: #f2c300;
    color: #01080e;
    padding: 3px 25px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #fff0b0;
}

#betslip_strip {
    background: #000;
    display: none;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    text-align: right;
}

#betslip_strip span, #betslip_strip #betslip_show_bankers {
    float: right;
}

#betslip_strip span {
    margin-left: 5px;
    margin-right: 5px;
}

.banker {
    float: left;
    background: #f26421;
    border: 1px solid #21904f;
    width: 15px;
    text-align: center;
    height: 17px;
    margin-top: 3px;
    line-height: 17px;
    color: #21904f;
    cursor: pointer;
    display: none;
}

.banker:hover {
    background: #21904f;
    color: #fff;
}

.banker.selected {
    background: #21904f;
    color: #fff;

}

#myCarousel {
    background: #2c4f38;
    margin: 0px;
    border-radius: 0px;
    overflow: hidden;

}

.mbar .menitem {
    text-transform: uppercase;
}

.mbar .menitem a {
    font-size: 15px;
}

.licensefooter {

    display: inline-block;
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    margin-bottom: 10px;
    color: #f26421;
    text-align: center;
}

.license1 {
    width: 38px;
    display: inline-block;
}

.license2 {
    display: block;
    text-align: left;
    margin-left: 10px;
}

.mastermen.ggamemode {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 112;
}

.mastermen.ggamemode .nav.catmen {
    display: none;
}

.navbar-inverse.mastermen {
    background: transparent;
}

body.ingame .navbar-inverse.mastermen {
    background: #252320;
    border-bottom: 2px solid black;
    height: 95px;
    display: flex;
    justify-content: center;
    padding: 0px 25px;
}

.navbar-inverse.mastermen.navbar-unauthorized-user {
    background: #000;
    padding: 5px;
}

.mastermen {
    display: flex;
    flex-direction: column;
    padding: 8px 0px 0px 0px;
}

.header-navbar {
    display: flex;
    flex-direction: column;
}

body.ingame .header-navbar {
    display: none;
}

.header-navbar.header-navbar-mobile {
    flex-direction: row;
    padding-top: 10px;
}

.header-navbar-desktop > nav {
    display: flex;
}

.main-loby-desktop {
    margin: 10px 0px;
}

.header-navbar-desktop > nav .navbar-loby-list {
    flex: 1;
    justify-content: space-between;
    /* justify-content: flex-end; */
    padding: 10px 0px;
    padding-bottom: 15px;
    overflow: visible;
    /* gap: clamp(10px, calc(10px + (40 - 10) * ((100vw - 993px) / (1440 - 993))), 40px); */
    /* margin-left: 40px; */
}

.mastermen .navbar-loby-list > li.mobile-menu-icon {
    padding: 0px;
    border: unset;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.mastermen .navbar-loby-list > li.mobile-menu-icon:hover {
    background: transparent
}

.navbar-loby-list {
    list-style: none;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    gap: 16px;
    margin: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 9px 0px;
}

.navbar-loby-list ::-webkit-scrollbar {
  display: none;
}

.navbar-loby-list ::-webkit-scrollbar {
  display: none;
}

.header-navbar-menu {
    width: 100%;
    max-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 4px;
    min-width: 50px;
}


.header-navbar-menu > img{
    width: 100%;
    height: auto;
    cursor: pointer;
}

.header-navbar-menu > img:hover {
    opacity: 0.7;
}

.navbar-loby-list > li {
    font-size: 21px;
    font-size: clamp(17px, calc(17px + (21 - 17) * ((100vw - 993px) / (1440 - 993))), 21px);
    line-height: 1;
    font-weight: 500;
    padding: 16px 40px;
    border-radius: 50px;
    /* border: 1px solid rgba(192, 192, 192, 0.4); */
    /* box-shadow:  0px 3px 14px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 2px 0px #444; */
    align-items: center;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    /* background: transparent; */
    height: 46px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
    transition: all 0.3s ease;

    background: rgba(35, 35, 31, 0.67);
    box-shadow: 0 2px 4.7px 0 rgba(0, 0, 0, 0.80), 0 1px 1.7px 0 rgba(217, 217, 217, 0.70) inset, 0 0 4px 0 rgba(139, 137, 133, 0.28) inset;
    backdrop-filter: blur(2.049999952316284px);
}

.mastermen .navbar-loby-list > li {
    height: 46px;
    justify-content: center;
    padding: 0px 35px;
}

.navbar-loby-list > li > a {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.navbar-loby-list > li.active {
  border-radius: 50px;
  border: 1px solid #00ED84;
  background: none;
  color: #00ED84;
  box-shadow: none;
}
.navbar-loby-list> li.active{
    border-radius: 50px;
    border: 1px solid #00ED84;
    color: #00ED84;
    box-shadow: none;
    backdrop-filter: none;
    z-index: 50;
}

.navbar-loby-list .navbar-icon {
    height: 100%;
    max-height: 20px;
    width: auto;
    margin-right: 16px;
}

.navbar-loby-list span {
    position: relative;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    top: 1px;
}

.navbar-loby-list .navbar-icon-default {
    display: flex;
}

.navbar-loby-list .navbar-icon-active {
    display: none;
}

.navbar-loby-list > .active .navbar-icon-default {
    display: none;
}

.navbar-loby-list > .active .navbar-icon-active {
    display: flex;
}

.navbar-loby-list .navbar-icon-default {
    display: flex;
}

.navbar-loby-list .navbar-icon-active {
    display: none;
}

.navbar-loby-list > .active .navbar-icon-default {
    display: none;
}

.navbar-loby-list > .active .navbar-icon-active {
    display: flex;
}

.glass-effect, .mastermen.glass-effect{
    background: rgba(41, 40, 37, 0.702);
    box-shadow: 0px 12px 17.85px 3.15px rgba(17, 17, 16, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.modal#reglogin {
    z-index: 1050 !important;
}


.walletpick {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
}

#wallet {
    display: inline-block;
    margin: 5px 0px;
    padding: 2px 10px;
    background: #fff;
    color: #231f20;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #00b15a;
    border-radius: 5px;
}

.mobmen {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 25px;
    background: #232323;
}

.nav > div.menitemm.active {
    border-bottom: 2px inset #e0aa51;
    background: #22231f;
}

.nav > div.menitemm a svg {
    height: 20px;
    display: block;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 8px;
}

.nav > div.menitemm a span {
    text-transform: uppercase;
}

.nav > div.menitemm {
    display: inline-block;
    padding: 5px 10px;
    /* border-collapse: collapse; */
    /* width: 73px; */
    margin-right: -5px;
    text-align: center;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 0px;
    flex: 1;
}

.nav > div.mmenitemm::after {
    position: absolute;
    right: 0px;
    /* border-right: 1px solid #fff; */
    content: '';
    /* float: right; */
    top: 0px;
    width: 2px;
    height: 40px;
    background: #000;
}

.nav > div.menitemm.active::after {
    display: none;
}

.nav > div.menitemm > a {
    padding: 5px;
    padding-bottom: 1px;
    color: #fff;
}

.menuloginbox .menureg2 {
    color: #333;
}

.nav > div.menitemm.active > a {
    color: #fff;
}

.nav > div.menitemm.active a svg path {
    fill: #fff;
}

.catmenmo {
    box-sizing: content-box;
    display: flex;
    width: 100%;
    text-transform: uppercase;
    white-space: nowrap;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-x: scroll;
}

.catmenmo::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.depmed, .depmed:hover {
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    margin-top: 5px;
    margin-right: 10px;
}

.depmed {
    display: none;
}

.menitem.depos {
    display: none;
}

.menitem.helpm {
    display: none;
}

.closem {
    color: #ffcf00;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 8px;
    float: right;
    top: 0px;
    background: none;
    border: 0px;
    font-weight: bold;
    font-size: 32px;
    margin-right: 5px;
    margin-top: 0px;
    line-height: 30px;


}

object {
    pointer-events: none;
}

.menheadb.dsk.active,
.menheadb.dsk.active .dsktop_myacount{
    display: block;
}

#mobile-menu-page-content {
    margin-top: 45px;

    position: absolute;
    /* right: -50%; */
    width: 100%;
    transition: transform 0.6s ease, height 0s;
    transform: translateX(0%);
    padding-bottom: 60px;
    overflow: auto;
    height: 90vh;
}

body.openMenu-off-anim #mobile-menu-page-content {
    transition: unset
}

#mobile-menu-page-content.hideit {
    display: block;
    transform: translateX(100%);
}

#mobile-menu-page-content.hideitcontent {
    height: 0px;
    overflow: hidden;
}

#mobile-menu-page-content.displayhide {
    display: none;
}

.menprofile .menu-content {
    position: relative;
}

.content-modal .modal-body h4,
#reglogin h4,
#smsverify h4,
.menheadb .modal_inner_data h4,
#mobile-menu-page-content .pagehead h4,
#page_content .pagehead h4 {
    color: #F1F2F7;
    text-shadow: 0 0 4px #6DEB89;
    font-weight: bold;
    line-height: normal;
}

.menheadb .modal_inner_data h4 {
    font-size: 26px;
}

#mobile-menu-page-content .pagehead h4,
#page_content .pagehead h4 {
    margin: 5px 0px;
    font-size: 30px;
}

#page_content .modal-body .wp-block-group.max1k.is-layout-constrained {
    margin-top: 0px;
    font-size: 11px;
}

#page_content .modal-body .wp-block-column.max1k.is-layout-flow {
    margin-top: 0px;
}

#mobile-menu-page-content .wp-block-group.max1k.is-layout-constrained  {
    font-size: 16px;
    margin-top: 0px;
}

#mobile-menu-page-content .wp-block-column.max1k.is-layout-flow {
    font-size: 16px;
    margin-top: 0px;
}

#mobile-menu-page-content .wp-block-columns.max1k.is-layout-flex {
     font-size: 16px;
    margin-top: 0px;
}

#mobile-menu-page-content {
    margin-top: 0;
}

#mobile-menu-page-content .wp-block-column.max1k.is-layout-flow  li {
  display: block;
}

#mobile-menu-page-content .wp-block-column.max1k.is-layout-flow  li a {
  display: inline-block;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}

#page_content .modal-header {
    background: #fff;
    position: relative;
    z-index: 2;
}

#page_content {
    backdrop-filter: blur(8px);
}

#page_content .modal-dialog {
    max-width: 694px;
    margin-top: 74px;
    max-height: 574px;
}

#page_content .modal-dialog .modal-body,
#page_content .modal-dialog .modal-header,
#page_content .modal-dialog .modal-content {
    background: #292825 !important;
}

#page_content .modal-dialog .modal-content {
    max-height: 534px;
    overflow: auto;
    border-radius: 20px;
}

#mobile-menu-page-content .modal-body a,
#page_content .modal-body a {
    color: #fff;
    text-decoration: underline;
}

#page_content .modal-body a:hover {
    opacity: 0.8;
}

.content-modal .modal-body > h4 {
    font-size: 14px;
}

.content-modal .modal-content{
    background: transparent;
    padding: 24px 0px;
    max-height: 529px;
    overflow: auto;
}

#loyalty_content.content-modal .modal-content {
    max-height: 549px;
}

.content-modal > .modal-dialog {
    max-width: 412px;
    width: 100%;
    border-radius: 22px;
    margin-top: 100px;
}

#loyalty_content.content-modal > .modal-dialog {
    margin-top: 140px;
    max-width: 480px;
}

@keyframes fadeScale {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* .free-spin-content,
.loyalty-card {
  animation: fadeScale linear both;
  animation-timeline: view();
  animation-range: entry 0% cover 50%;
} */

/* .free-spin-content {
  animation-range: entry 0% cover 35%;
} */

.current-loyalty-levels {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.loyalty-level {
    border-radius: 14px;
    box-shadow: inset 1px 2px 10px 0 rgba(0, 0, 0, 0.8), inset -1px -2px 10px 0 rgba(0, 0, 0, 0.8);
    position: relative;
    border-radius: 14px;
}

.loyalty-level > .loyalty-bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 14px;
}

.loyalty-level-wrapper {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    padding-top: 24px;
    padding-right: 5px;
    opacity: 0.75;
    gap: 8px;
}

.loyalty-level-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loyalty-level-icon > span {
    font-size: 12px;
    overflow-wrap: break-word;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 8px;
}

.modal_inner_data.modal_loyalty {
    color: #fff;
}

.loyalty-modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
}

.loyalty-modal-header > h3 {
    text-shadow: 0 0 8px #FF9500;
    font-size: 27px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.8px;
    line-height: 140%;
}

.fswgclose,
#smsverify .close,
#reglogin .close,
.content-modal .close,
.closewdr_btn,
.ifriends_close_btn,
#page_content .close {
    background: #CC2228;
    border: 1px solid rgba(255, 255, 255, 0.41);
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2c4f38;
    margin: 0;
    position: fixed;
    top: -18px;
    right: -15px;
    border-radius: 50px;
    box-shadow: 0 0 20px rgb(220, 77, 82, 1), 0 0 40px rgba(220, 77, 82, 0.6), 0 0 60px rgba(220, 77, 82, 0.5);
}

#loyalty_content.content-modal .close {
    top: -15px;
    right: -10px;
}

#page_content .close:hover {
    background: #951b1f;
}

.closewdr_btn > img,
.close > img {
    width: 16px;
    height: auto;
}

.loyalty-modal-body > h4 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 16px;
    text-shadow: 0 0 8px #6DEB89;
}

.loyalty-modal-body > h4.next-loyalty-lvl {
    margin-top: 24px;
}

#smsverify .close,
#reglogin .close,
.content-modal .close {
    opacity: 1;
    z-index: 1;
    height: 38px;
    width: 38px;
    border: 1px solid rgba(255, 255, 255, 0.41);
    padding: 4px 8px;
    box-shadow: 0 0 5px rgb(220, 77, 82, 1), 0 0 10px rgba(220, 77, 82, 0.6), 0 0 15px rgba(220, 77, 82, 0.5);
    transition: all 0.2s ease-in-out;
}

#smsverify .close,
#reglogin .close {
    height: 38px;
    width: 38px;
    border: 1px solid rgba(255, 255, 255, 0.41);
    top: -13px;
    right: -7px;
}

#smsverify.active .close {
    display: none;
}

.fswgclose:hover,
#smsverify .close:hover,
#reglogin .close:hover,
.content-modal .close:hover {
    opacity: 0.8;
}

.content-modal .close span,
#page_content .close span {
    color: #fff;
    font-size: 44px;
    line-height: 20px;
    font-weight: bold;
}

.content-modal .close i {
    transition: all 0.2s ease-in-out;
    font-size: 35px;
}

.fswgclose > i,
#reglogin .close i {
    color: #fff;
    font-size: 34px;
}

#reglogin .close:hover i,
.content-modal .close:hover i {
    color: #e6e6e6;
}

.content-modal .modal-body {
    padding: 0px 37px;
    overflow-y: auto;
    scroll-behavior: smooth;
    max-height: 48vh;
}

.current-loyalty {
    border: solid 1px #daa636;
    border-radius: 14px;
    padding: 0px 16px;
    position: relative;
    background: #22231E;
}


.loyalty-bronze .menu-loyalty-progress {
    background: #C78354;
}

.loyalty-silver .menu-loyalty-progress {
    background: #C6C6C6;
}

.loyalty-gold .menu-loyalty-progress {
    background: #DAA636;
}

.loyalty-rose-gold .menu-loyalty-progress {
    background: #F7B3A4;
}

.loyalty-green .menu-loyalty-progress {
    background: #52BE80;
}

.loyalty-pearl .menu-loyalty-progress {
    background: #C8C4AB;
}

.loyalty-master .menu-loyalty-progress {
    background: #2FA0E2;
}

.current-loyalty.loyalty-bronze {
    border: 1px solid #C78354;
}

.current-loyalty.loyalty-silver {
    border: 1px solid #C0C0C0;
}

.current-loyalty.loyalty-gold {
    border: 1px solid #DAA636;
}

.current-loyalty.loyalty-rose-gold {
    border: 1px solid #F7B3A4;
}

.current-loyalty.loyalty-green {
    border: 1px solid #52BE80;
}

.current-loyalty.loyalty-pearl {
    border: 1px solid #C8C4AB;
}

.current-loyalty.loyalty-master {
    border: 1px solid #2FA0E2;
}

.current-loyalty.loyalty-master .menu-loyalty-bar {
    display: none;
}

.loyalty-info {
    display: flex;
    align-items: stretch;
    padding-top: 26px;
    padding-bottom: 9px;
}

.loyalty-personal-info {
    display: flex;
    flex-direction: column;
    width: 95%;
    text-align: left;
    justify-content: center;
    gap: 8px;
    overflow: hidden;
}

.loyalty-personal-info > .loyalty-name {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
}

.loyalty-personal-info > .menu-loyalty-bar {
    height: 25px;
}

.loyalty-personal-info > .menu-loyalty-progress-val {
    font-size: 8px;
}

.loyalty-personal-info  .menu-loyalty-background {
    height: 17px;
}

.loyalty-personal-info .menu-loyalty-progress-val {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.loyalty-benefits {
    text-transform: uppercase;
}

.loyalty-level-wrapper > .loyalty-benefits {
    padding: 0px;
    width: 100%;
}

.loyalty-benefits > h5 {
    text-align: left;
    font-size: 14px;
    margin: 0px;
    margin-bottom: 16px;
    margin-top: 10px;
}

.loyalty-level-wrapper .loyalty-benefits > h5 {
    margin-top: 0px;
    margin-bottom: 14px;
}

.loyalty-benefits > ul {
    list-style: none;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    text-align: left;
    /* text-align: left;
    list-style: none;
    padding: 0;
    column-count: 2;
    column-gap: 10px;
    row-gap: 17px;
    margin-bottom: 5px; */
}

.loyalty-benefits > ul > li {
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 8px;
    color: #fff;
    /* padding-bottom: 6px;
    align-items: flex-start; */
}

.loyalty-benefits > ul > li > span {
    padding-left: 4px;
    font-size: 12px;
    line-height: normal;
}

.loyalty-level-wrapper .loyalty-benefits > ul > li > span {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    padding-left: 2px;
    line-height: 1;
}

.benefits-star {
    width: 13px;
    height: 13px;
    position: relative;
    top: -1px;
}

.benefits-star > svg {
    width: 13px;
    height: 13px;
}

.content-modal .menu-loyalty-background {
    width: calc(100% - 10px);
    border-radius: 50px;
}

.modal-label {
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 90% 115%, 10% 115%);
    padding: 1px 25px;
    top: 0px;
    right: 15px;
    font-size: 11px;
}

.modal-loyalty-label > .exp-icon {
    display: flex;
    height: 20px;
    align-items: center;
}

.modal-loyalty-label > .exp-icon > img{
    width: 22px;
    height: 22px;
}

.modal-loyalty-label > span {
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.current-loyalty > .modal-loyalty-label {
    background: #daa636;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.25) inset;
    display: flex;
    align-items: center;
    height: 21px;
}

.loyalty-bronze.current-loyalty > .modal-loyalty-label {
    background: linear-gradient(0deg, #9C4B1B 0%, #FECBAF 100%);
}

.loyalty-silver.current-loyalty > .modal-loyalty-label {
    background: linear-gradient(345deg, #ABABAB 89%, #DDD 100%);
}

.loyalty-gold.current-loyalty > .modal-loyalty-label {
    background: linear-gradient(345deg, #F0B431 43%, #F9D66D 100%)
}

.loyalty-rose-gold.current-loyalty > .modal-loyalty-label {
    background: linear-gradient(0deg, #F7B3A4 0%, #E59D90 100%);
}

.loyalty-green.current-loyalty > .modal-loyalty-label {
    background: linear-gradient(0deg, #377A54 0%, #429063 50%, #59D38D 100%);
}

.loyalty-pearl.current-loyalty > .modal-loyalty-label {
    background: linear-gradient(0deg, #747062 0%, #C8C4AB 61%, #C8C4AB 100%);
}

.loyalty-master.current-loyalty > .modal-loyalty-label {
    background: linear-gradient(0deg, #2672AD 0%, #2189D1 42%, #48C8FF 94%);
}

.menu-info-step-icon {
    height: 100px;
    display: flex;
    align-items: center;
    width: 60px;
    justify-content: center;
}

.menu-info-step-icon:nth-child(odd) {
    margin-right: 20px;
}

.menu-info-step-icon:nth-child(even) {
    margin-left: 20px;
}

.menu-info-container {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
}

.step-logo-icon.step-logo-icon > img{
    width: 150px;
    height: 150px;
}

.menu-info-step-icon > img {
    width: 132px;
    height: 182px;
}

.menu-info-step {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.menu-info-step-text {
    text-align: left;
    font-weight: bold;
    text-shadow: 0px 2px 13px rgba(0, 48, 255), 0px 2px 54px rgba(0, 48, 255, 0.9);
    font-size: 25px;
    font-family: 'Dazzle Unicase';
}

.menu-info-step-text > p {
    margin: 0px;
    line-height: 1;
}

.menu-info-step-text > p.small {
    font-size: 75%;
}

.modal-info-btn {
    width: 150px;
    margin: 0 auto;
}

.loyalty-body .modal-info-btn{
    padding: 20px 0px 5px 0px;
}

.modal-info-btn > .menu-default-btn {
    padding: 6px 8px;
}

.loyalty-info-btn {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border-radius: 50px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid rgba(192, 192, 192, 0.4);
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px; */

    background: rgba(35, 35, 31, 0.67);
    box-shadow: 0 1.85px 4.35px 0 rgba(0, 0, 0, 0.80), 0 0.92px 1.57px 0 rgba(217, 217, 217, 0.70) inset, 0 0 3.70px 0 rgba(139, 137, 133, 0.28) inset;
    backdrop-filter: blur(1.90px);
    border: none;

}

.loyalty-info-btn:active {
    scale: 1.1;
}

.loyalty-info-btn > img {
    width: 40%;
    height: auto;
}

.loyalty-level > .modal-loyalty-label {
    background: #4e4b4a;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    font-size: 9px;
    height: 21px;
}

.loyalty-bronze.loyalty-level {
    background: #532B0554;
}

.loyalty-silver.loyalty-level {
    background: #22231E;
}

.loyalty-silver.loyalty-level > .loyalty-bg-color {
    background: rgba(56, 52, 52, 0.56);
}

.loyalty-gold.loyalty-level {
    background: rgba(218, 166, 54, 0.11);
}

.loyalty-gold.loyalty-level > .loyalty-bg-color {
    background: rgba(77, 76, 76, 0.56);
}

.loyalty-rose-gold.loyalty-level {
    background: rgba(247, 179, 164, 0.11);
}

.loyalty-rose-gold.loyalty-level > .loyalty-bg-color {
    background: rgba(86, 69, 65, 0.34);
}

.loyalty-green.loyalty-level {
    background: rgba(82, 190, 128, 0.11);
}

.loyalty-green.loyalty-level > .loyalty-bg-color {
    background: rgba(86, 69, 65, 0.34);
}

.loyalty-pearl.loyalty-level {
   background: rgba(200, 196, 171, 0.11);
}

.loyalty-pearl.loyalty-level > .loyalty-bg-color {
    background: rgba(65, 64, 55, 0.55);
}

.loyalty-master.loyalty-level {
    background: rgba(47, 160, 226, 0.11);
}

.loyalty-master.loyalty-level > .loyalty-bg-color {
    background: rgba(65, 64, 55, 0.55);
}

.loyalty-bronze.loyalty-level > .modal-loyalty-label {
    background: linear-gradient( 0deg, #3F3E3C -28%, #DCBFA3 223% );
    filter: drop-shadow(0 1px 3px rgba(199, 131, 84, 0.4));
}

.loyalty-silver.loyalty-level > .modal-loyalty-label {
    background: linear-gradient( 0deg, #3F3E3C -28%, #ADADAD 223% );
    filter: drop-shadow(0 1px 3px rgba(229, 222, 222, 0.4));
}

.loyalty-gold.loyalty-level > .modal-loyalty-label {
    background: linear-gradient( 0deg, #3F3E3C -28%, #AEA084 223% );
    filter: drop-shadow(0 1px 3px rgba(218, 166, 54, 0.4));
}

.loyalty-rose-gold.loyalty-level > .modal-loyalty-label {
    background: linear-gradient( 0deg, #3F3E3C -28%, #DFBAB2 223% );
    filter: drop-shadow(0 1px 3px rgba(247, 179, 164, 0.4));
}

.loyalty-green.loyalty-level > .modal-loyalty-label {
    background: linear-gradient( 0deg, #3F3E3C -28%, #96B5A4 223% );
    filter: drop-shadow(0 1px 3px rgba(82, 190, 128, 0.4));
}

.loyalty-pearl.loyalty-level > .modal-loyalty-label {
    background: linear-gradient( 0deg, #3F3E3C -28%, #C8C4AB 223% );
    filter: drop-shadow(0 1px 3px rgba(200, 196, 171, 0.4));
}

.loyalty-master.loyalty-level > .modal-loyalty-label {
    background: linear-gradient( 0deg, #3F3E3C -28%, #A0CCDE 223% );
    filter: drop-shadow(0 1px 3px rgba(47, 160, 226, 0.4));
}

.loyalty-lvl-icon {
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.loyalty-level-icon > img,
.loyalty-lvl-icon > img {
    width: 65px;
    height: 74px;
}

.methods img {
    height: 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100);
}

.methods .check img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0);
}

.nav.logged {
    margin-top: 60px;
}

.leftsidemen {
    padding-left: 0px;
}

.menuside .item {
    width: 180px;
    background: #231f20;
    margin: 5px 0px;
    padding: 5px;
    background: url(/img/11/coin.png) #231f20 2px no-repeat;
    background-size: 9%;
    text-align: center;
    line-height: 21px;
    padding-left: 5px;
    list-style: none;
}

.menuside .item a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.menuside .item a:hover {
    color: #f26421;
    text-decoration: none;
}


.menuside {
    display: inline-block;
    margin-top: 5px;
}

.menuside .main-nav {
    margin: 0px;
    padding: 0px;
}

.topright nav {
    margin-top: 3px;
}

.topright nav li {
    display: inline-block;
    margin-right: 10px;
}

.topright nav li a {
    color: #fff;
}

.leftsub a {
    color: #231f20;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    padding: 4px;
}

.leftsub {
    flex: 1;
    margin-top: 0px;
}

.bannersleft .iitem, .bannersleft .item {
    margin-top: 10px;
}

.gameCategory:last-child::after {
    content: none;
}

.hideit {
    display: none;
}

.hideopacity {
    opacity: 0;
}

/* sports generic */

.menright .mhead .pricehead {
    display: table-cell;
    /*display: inline-block;*/
    width: 53px;
}

.menright .mhead .odds {
    font-size: 12px;
    padding-top: 0px;
    border-bottom: 0px;

}

.menright {
    vertical-align: top;
}

.menright .odds {
    margin: 0px 8px;
    margin-left: 0px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
    border-bottom: 1px solid #f26421;


}

.menright .odds.l3 {

    width: 165px;

}

.menright .odds.l2 {
    width: 98px;

}

.menright .odds:nth-child(2) {
    margin-left: 25px;
    transform: skewX(-10deg);
    background: #01ADAB;
    color: #fff;
}

.menright .odds:nth-child(1) {
    transform: skewX(-10deg);
    background: #292e2e;
    color: #fff;
}

.cardmen .menleft, .cardmen .menright {
    display: inline-block;
    width: 50%;
    height: 100%;
    border-collapse: collapse;
}

.thinview {
    display: none;
}

.bigview {
    display: block;
}


.carditem .cotherinfo {
    display: table-row;
    width: 100%;

}

.catmen .menitem:hover a, .catmen .menitem.active a {
    padding-bottom: 20px;
}

.catmen .menitem a {
    position: absolute;
    bottom: 0px;
    padding-bottom: 40px;
}

.odd_button .oddtxt {
    font-size: 10px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    /* padding-right: 54px; */
    white-space: nowrap;
    /* margin-left: -40px; */
    width: 95%;
    margin-left: -38px;
    padding-left: 40px;
}

.carditem .oddsc {
    display: table;
    width: 100%;
    text-align: right;
}

.carditem .modds {
    display: flex;
}

.carditem .oddsc .stats {
    color: #fff;
    display: table-cell;
    width: 15px;
}

.carditem .oddsc .stats a {
    color: #e2be07;
}

.carditem .oddsc .markets {
    width: 20px;
}

.carditem .ctourinfo {

    display: table-row;
    white-space: nowrap;
    height: 15px;
    font-size: 10px;
    color: #bdbdbd;
    font-weight: bold;
    margin-top: 7px;
    margin-left: 4px;
}

.carditem .itemleft {
    display: table-cell;
    width: 50%;
    border-collapse: collapse;
    padding-left: 10px;
}

.carditem .itemright {
    display: table-cell;
    width: 50%;
    border-collapse: collapse;
    height: 39px;
    vertical-align: middle;

}

.preval {
    display: none;
}

.preval.pl0 {
    display: inline-block;
    font-size: 9px;
    width: 19px;
    color: #fff;
}

.carditem .srese {
    font-size: 11px;
    color: #ffffff;
}

.carditem .srese span {
    margin-left: 5px;
}

.carditem .thinview .sres.live {
    height: 20px;
    padding: 0px;
    background: none;
    border: none;
    font-size: 11px;
    max-width: 100px;

}

.sres.live.bigview {
    color: #f8b965;
    font-weight: bold;
    font-size: 9px;
}

.carditem .thinview .sres span {
    display: inline-block;
}

.carditem .thinview {
    height: 10px;
}

.carditem .thinview .sscore.live {
    height: 20px;
    border: none;
    font-size: 11px;
}

.nav.navbar-nav {
    margin: 0px;
    margin-right: 0px;
}

.navbar-header {
    display: inline-block;
}

.container.menucontainer .navbar-header.flexit.hideit {
    display: none;
}


.sportcategories button {
    background: #ff5722;
    padding: 5px 10px;
    border: 1px solid #333;
    margin: 9px 0px;

}

.sportcategories button:active {
    background: #000;
}

.navbar-brand {
    margin: 0px;
    float: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;


}

.casino .sportcategories {
    display: hidden !important;
}

.sports .sportcategories {
    display: inline-block;
    float: left;
}

.menutopcont {
    width: 100%;
    background: #121212;
    height: 27px;
}

.container.menutop a.dropdown-toggle {
    padding: 2px 5px;
    color: #fff;
    line-height: 23px;
    background: none;
}

.container.menutop a.dropdown-toggle:hover, .container.menutop a.dropdown-toggle:focus, .container.menutop a.dropdown-toggle:active {
    background: #ec6019;
}

.container.menutop .menitem a:hover {
    background: none;
}

.flag, .fflags span {
    margin-top: 0px;
}

.fflags .caret {
    color: #f3bf20;
}

.container.menutop .menitem a {
    padding: 2px 5px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}

.wrap {
    text-align: left;
    display: inline-block;
}

body {
    text-align: center;
}

.ltour div {
    padding-right: 10px;
}

.catmen {
    margin-top: 35px;
    margin-left: 20px;
    height: 90px;
}

.myaccountbtn.do_closedbets {
    display: inline-block;
    max-width: 100px;
    margin-top: 0px;
    padding: 2px 20px;
}

.modal_data_settledbets .filter {
    padding: 10px 20px;
}

#closedbets_date {
    background: #fff;
    color: #000;
    border: 1px solid #b99654;
    border-radius: 3px;
}

.btn-success.applyBtn:focus, .btn-success.applyBtn:active {
    background-color: #00b15a;
}

.btn-success.applyBtn {
    background: linear-gradient(60deg, #0A6EDE 13.4%, #298EFF 86.6%);
    color: #fff;
    border-color: #298EFF;
}

#betslip_but .fas {
    color: #333;
}

#betslip_but {
    display: none;
    border-radius: 50%;
    box-shadow: 0px 0px 20px 0px #000000;
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 0px;
    background: #f0cf60;
    left: 50%;
    margin-left: -25px;
    text-align: center;
    font-size: 28px;
    border: 1px solid #e2be07;
    z-index: 113;
    bottom: 6px;
    line-height: 53px;


}

#betslip_but .bets_num {
    display: none !important;
}

.bets_num {
    display: none;
    position: absolute;
    top: -5px;
    left: -5px;
    font-size: 12px;
    font-weight: bold;
    background: #f00;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.betslipmsg {
    height: 100%;
    width: 100%;
    margin-left: -1px;
    z-index: 2;
    position: absolute;
    background: var(--bg-tertiary);
    text-align: center;
    margin-top: 31px;
    top: 0px;
}

.betslipmsg span {
    position: absolute;
    color: #fff;
    left: 0px;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -25px;
    height: 40px;
}

.modal_data_openbets {
    text-align: left !important;
}

.databetslip {
    text-align: left;
}

.modal_inner_data label.livegame {
    width: auto;
    display: inline-block;
    margin-left: -5px;
    background: #3c763d;
    padding: 2px;
    color: #fff;
    font-size: 10px;
    height: 12px;
    line-height: 9px;
    margin-right: 4px;
    font-weight: bold;
    border-radius: 2px;
}

.betreshead {
    background: #c1c1c1;
    font-weight: bold;
    padding: 2px 5px;
}

.betreshead.green {
    background: #3c763d;
}

.betreshead.red {
    background: rgb(136, 16, 57);
}

.betreshead.gray {
    background: rgb(78, 78, 78);
}


.betresrow {
    width: 100%;
    display: table-row;
    width: 100%;
}

.betresrow .c1 {
    width: 50%;
}

.betresrow .c2 {
    width: 30%;
}

.modal_data_jackpotbets .datacont, .modal_data_settledbets .databetslip, .modal_data_settledbets .datacont, .modal_data_openbets .datacont {
    overflow-y: auto;
    overflow-y: auto;
    height: 544px;
}

.jpviewtr td {
    background: #eee;
}

.jpviewtr .jinfo {
    display: flex;
    width: 100%;
    background: #ddd;
}

.jpviewtr .jinfo span {
    flex: 1;
    padding: 2px;
}

.jpviewtr .myjpmain {
    display: flex;
}

.jpviewtr .myjpmain .myjpgames {
    flex: 1;
}

.jpviewtr .myjpmain .myjpwinners {
}

.jpviewtr .evrow {
    display: block;
    width: 100%;
    background: #d8d7d7;
    padding: 2px;
    margin-top: 2px;
}

.jpviewtr .evrow .jpres {
    font-size: 12px;
    color: #2196f3;
}

.jpviewtr .evrow .jpinfo {
    font-size: 10px;
    line-height: 12px;
}

.jpviewtr .evrow .jpteams {
    display: flex;
    color: #ddd;
}

.jpviewtr .evrow .jpteams .teams {
    flex: 1;
}

.jpviewtr .evrow .jpteams .scores {
    flex: 1;
}

.jpviewtr .evrow .jpteams .teams span, .jpviewtr .evrow .jpteams .scores span {
    color: #000;
    font-weight: bold;
    line-height: 14px;
    display: block;
    font-size: 14px;
    padding: 2px;
}

.evrow.hitnohit_0 {
    border-left: 4px solid #d8d7d7;
}

.evrow.hitnohit_1 {
    border-left: 4px solid #4caf50;
}

.myjpwinners {
    background: var(--bg-tertiary);
    color: #fff;
    padding: 0px 5px;
}

.jpviewtr h4 {
    padding: 2px;
}


.betresrow .cells {
    display: table-cell;
    padding: 2px 10px;
}

.betresrow .cells span {
    display: block;
    color: #21904f;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    margin-top: -5px;
}


/*livematch*/

.sportlist.in, .sportlist.collapsing {
    display: block !important;
}

.sporthead {
    height: 200px;
    text-align: center;
    margin-bottom: 15px;
}

.topg_head.field_1, .sporthead.field_1 {
    background: url('/img/sport/field_1.jpg') no-repeat;
    background-size: cover;
}

.topg_head.field_2, .sporthead.field_2 {
    background: url('/img/sport/field_2.jpg') no-repeat;
    background-size: cover;
}

.topg_head.field_3, .sporthead.field_3 {
    background: url('/img/sport/field_3.jpg') no-repeat;
    background-size: cover;
}

.topg_head.field_4, .sporthead.field_4 {
    background: url('/img/sport/field_4.jpg') no-repeat;
    background-size: cover;
}

.sporthead .scoreboard {
    width: 80px;
    display: inline-block;
    background: #231f20;
    color: #fff;
    height: 40px;
}

.teamrowsets {
    margin-top: 5px;
    display: inline-table;
    width: 100%;
}

.teamrowsets .teamrowcontent .team_1, .teamrowsets .teamrowcontent .team_2 {
    display: block;
    font-size: 18px;
    height: 27px;
    margin-right: 20px;
    margin-top: 16px;
    text-shadow: 0px 0px 10px #000;
    font-weight: bold;
    text-align: left;
    width: auto;
}

.teamrowsets .teamrowcontent .team_2.active:before, .teamrowsets .teamrowcontent .team_1.active:before {
    content: "";
    background: #00ff04;
    height: 25px;
    width: 5px;
    display: inline-block;
    margin-right: 2px;
    float: left;
    visibility: visible;
}

.teamrowsets .teamrowcontent .team_2:before, .teamrowsets .teamrowcontent .team_1:before {
    content: "";
    background: #00ff04;
    height: 25px;
    width: 5px;
    display: inline-block;
    visibility: hidden;
    margin-left: 2px;
    float: left;
}

.teamrowsets .teamrowcontent .divscores, .teamrowsets .teamrowcontent .divscores1, .teamrowsets .teamrowcontent .divscores2, .teamrowsets .teamrowcontent .divscores3, .teamrowsets .teamrowcontent .divscores4, .teamrowcontent .divscores5, .teamrowcontent .divscores6, .teamrowcontent .divscores7 {
    display: table-cell;
    width: auto;
}

.teamrowsets .teamrowcontent .scorebox, .teamrowsets .teamrowcontent .divscores .score_1, .teamrowsets .teamrowcontent .divscores .score_2 {
    display: block;
    margin: var(--space-xs);
    background: #2e3e46;
    border: none;
    font-size: 27px;
    text-align: center;
    min-width: 34px;
    padding: 5px;
    color: #fff;

}

.teamrowsets .teamrowcontent .divscores .score_1, .teamrowsets .teamrowcontent .divscores .score_2 {
    margin: 3px;
    margin: 1px 5px;
}

.teamrowsets .teamrowcontent .scorebox.set {
    background: rgba(0, 0, 0, 0.3);
    border: none;
    margin: 1px;
}

.teamrowsets .teamrowcontent .scorebox.game {
    background: #1e805d;
    color: #fff;
    border: none;
    margin: 8px;
}


.sporthead .scoreboard .score_period {
    display: block;
    background: var(--bg-tertiary);
    font-size: 12px;
}

.sporthead .scoreboard .score_timer {
    font-size: 20px;
}

.teamrow {
    margin-top: 5px;
    color: #fff;
    display: inline-table;
    width: 100%;
}

.teamrowcontent {
    display: inline-table;
    margin-top: 0px;
    color: #fff;
}

.teamrowcontent .teams {
    width: 40%;
    display: table-cell;
}

.teamrowcontent .team_1, .teamrowcontent .team_2 {
    display: block;
    width: 100%;
    vertical-align: middle;
    font-size: 20px;
    text-shadow: 0px 0px 10px #000;
    font-weight: bold;
}

.teamrowcontent .team_1 {
    text-align: center;
}

.teamrowcontent .team_2 {
    text-align: center;
}

.teamrowcontent .score_1, .teamrowcontent .score_2 {

    display: inline-block;
    margin: var(--space-xs);
    background: #ffffff;
    border: none;
    font-size: 40px;
    text-align: center;
    min-width: 50px;
    padding: 5px;
    color: #545050;
    border-radius: 4px;

}

.teamrowcontent .divscores {
    width: 20%;
    display: table-cell;
    white-space: nowrap;
}

.scorevs {
    font-size: 40px;
    text-shadow: 0px 0px 10px #000;
}

/* endlivematch */
/*betslip */

.numopenbets {
    background: #080808;
    border-radius: 50%;
    padding: 2px 4px;
    text-align: center;
    color: #f6921e;
    font-weight: bold;

}

.accept_change {
    display: block;
    background: #a94442;
    color: #fff;
    text-decoration: underline;
    padding: 0px 5px;
    margin: 2px;
    border-radius: 2px;
    border: 1px inset #fff;
    cursor: pointer;
}

.betsliplive {
    float: left;
    /* display: inline-block; */
    /* left: 0px; */
    /* text-align: left; */
    margin-top: 5px;
    background: #00b15a;
    color: #fff;
    padding: 2px 5px;
    font-size: 9px;
}

.accept_change {
    display: none;
}

.sports .gamemain .content {
    min-height: 100vh;
}

.sysop:active {
    border: 2px solid #ff721d;
}

.sysop {
    border-radius: 4px;
    border: 1px solid #ccc;
    width: 80px;
    font-weight: Bold;
    text-align: right;
    padding: 5px 10px;
    float: right;
    color: #333;


}

.system_opt span {
    float: right;
    margin-right: 5px;
    line-height: 27px;

}

#betslip .mini {
    display: none;
}

#betslip_clear {
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

#betslip_clear:hover {
    color: #f26421;
}

.betsliperror {
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #b61200;
}

.betslipremoved {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #4CAF50;
    padding: 0px 5px;
    text-decoration: underline;
}

.betslip_teams.slipduplicate {
    background: #b50000;
    color: #fff;
    padding: 0px 2px;
}

#betslip .mCSB_inside > .mCSB_container {
    margin-right: 17px;
}

#betslip .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0px;
}

.betslip_action {
    padding: 0px;
}

.betslip_buy {
    width: 100%;
    padding: 10px;
    background: #f3bf20;
    background: linear-gradient(
            0deg, #f3bf20, #f7db6e);
    color: #222;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
}

.betslip_buy:hover {
    background: #f7db6e;
    background: linear-gradient(
            180deg, #f3bf20, #f7db6e);
}

.betslip_buy.off {
    background: #ccc;
    color: #aaa;
}

#betslip_summary {
    padding-top: 10px;
}

#betslip_summary div {
    padding: 5px;
}

#betslip_summary .betstake {
    float: right;
    font-weight: bold;
    color: #000;
}

#betslip_summary .betodds {
    float: right;
    font-weight: bold;
    color: #fff;
}

#betslip_summary .betbon {
    float: right;
    font-weight: bold;
    border-bottom: 3px solid #09a57e;
}

#betslip_summary .betmbon {
    float: right;
    font-weight: bold;
    border-bottom: 3px solid #d4d64d;
}

.spt_4.sports #betslip_summary .slipmbonus label {
    border-bottom: 3px solid #d4d64d;
}

.spt_4.sports #betslip_summary .slipbetbonus label {
    border-bottom: 3px solid #09a57e;
}


#betslip_summary .slipbetbonus {
    display: none;
}

#betslip_summary .slipbbon {
    margin-right: 4px;
}

#betslip_summary .slipmbon {
    margin-right: 4px;
}


#betslip_summary .taxslip {
    display: none;
}

#betslip_summary .bettax {
    float: right;
    font-weight: bold;
    color: #000;
}

#betslip_summary .betaftertax {
    float: right;
    font-weight: bold;
    color: #000;
}

#betslip_summary .betwin {
    float: right;
    font-weight: bold;
    color: #000;
}

#betslip_summary label {
    color: #000000;
    padding: 0px;
    font-weight: normal;
}

.system_opt label {
    margin: 0px;
    line-height: 27px;
    font-size: 15px;
}

.system_opt {
    padding: 5px;
    margin-top: 15px;
}

.betslip_single_price {
    text-align: right;
}

.betslip_single_amount {
    border-radius: 4px;
    border: 1px solid #a9a9a9;
    width: 60px;
    font-weight: Bold;
    text-align: right;
    padding: 2px;
}


.betslip_odd .greenup, .odd_button .greenup {
    font-size: 8px;
    margin-left: -9px;
    position: absolute;
    color: #f00;
    color: green;
    transform: rotate(-90deg);
    margin-top: 3px;
    animation: greenupanim 1s ease-out forwards;
    animation-iteration-count: 4;

}

.betslip_odd .reddown, .odd_button .reddown {
    font-size: 8px;
    margin-left: -9px;
    position: absolute;
    color: #f00;
    color: red;
    transform: rotate(90deg);
    margin-top: 3px;
    animation: reddownanim 1s ease-out forwards;
    animation-iteration-count: 4;


}

.odd_button .oddodd {
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #333;
}

@keyframes greenupanim {

    0% {
        opacity: 1;
        margin-top: 8px;
    }

    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        margin-top: 0px;
    }

}

@keyframes reddownanim {

    0% {
        opacity: 1;
        margin-top: 0px;
    }
    100% {
        opacity: 0;
        margin-top: 8px;
    }

}

.betslip_pick, .betslip_type {
    font-size: 13px;
    font-weight: normal;
}

.betslip_type {
    color: #928f8f;
    font-weight: bold;
}

.betslip_odd {
    float: right;
    font-weight: bold;
}

.betslip_bet {

    background: #f7f7f7;
    color: #000;
    font-weight: bold;
    display: table;
    border-bottom: 1px solid #fff;
    width: 100%;
}

.betslip_bet:nth-child(even) {
    background: #fff
}

.betresrow .cells span.red {
    color: red;
}

.betresrow .cells span.green {
    color: #21904f;
}

.singam {
    margin-right: 5px;
}

.ingame #scroll_top {
    display: none;
}

body.ingame {
    position: fixed;
    width: 100%;
}

.betslip_bet input {
    color: #333;
}

.betslip_content {
    min-width: 243px;
    vertical-align: top;

    font-size: 14px;
    padding: 12px 5px;
    display: table-cell;
    padding-right: 20px;
}

.betslip_close:hover {
    color: #ccc;
}

.betslip_close {
    text-align: center;
    width: 28px;
    cursor: pointer;


    vertical-align: top;
    height: 100%;
    color: #09a57e;
    display: table-cell;
}

#betslip_head {
    width: 100%;
    background: #c1c1c1;
    height: 55px;
    width: 100%;
    height: 55px;
}

.betslip_bar {
    display: flex;
    /* float: right; */
    width: 100%;
    text-align: left;
    /* padding-right: 5px; */
    padding: 10px 5px;
    font-size: 13px;
}

.betslip_bar .betslip_bonselect {
    flex: 1;
}

.betslip_bar .betslip_bonselect {
    overflow: hidden;
}

.betslip_bar .betslip_bonselect {
    color: #222;
    padding: 2px;
}

.betslip_bar a {
    color: #22231f !important;
    margin-top: 1px;
}

.betslipmultiselect {
    position: absolute;
    margin-top: 20px;
    background: #e5e5e5;
    color: #333;
    display: none;
    padding: 1px;
}

.betslipms b {
    padding: 0px 2px;
}

.bonselval {
    background: #fff;
    padding: 2px 8px;
    cursor: pointer;
}

.bonselval:hover, .bonselval.active {
    color: #333;
}

.bonselval::after {
    content: "\25BC";
    font-size: 10px;
    padding-top: 4px;
    margin-left: 5px;

}

.betslip_bonselect_en.active .betslipmultiselect {
    display: block;
}

.betslipms {
    flex: 1;
}

.spbonselinfo {
    flex: 0;
    cursor: pointer;
}

.betslip_bonselect_en {
    display: flex;
}

.betslip_bonselect {
    display: flex;
}

.bvetslipbonval {
    display: block;
    padding: 5px 5px;
    cursor: pointer;
}

.bvetslipbonval:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}


.spt_4.sports .betslip_bettype.off {
    text-decoration: line-through;
    border-bottom: 2px inset #fafbf9;
    font-weight: normal;
}

.betsliptypes {
    display: inline-block;
    width: 100%;
}

.betslip_bettype.active {
    border-bottom: 0px solid #f26421;
    color: #fff;
    background: #000;
}

.betslip_bettype:hover {
    color: #fff;
}

.betslip_bettype {
    cursor: pointer;
    display: inline-block;
    padding: 7px 0px;
    /* margin-right: 10px; */
    text-align: center;
    color: #000;
    width: 33.3333333%;
    margin: 0px;
    float: left;
}

.betslip_resize {
    display: inline-block;
    right: 0px;
    font-size: 14px;
    line-height: 9px;
    cursor: pointer;
}

.betslip_resize:hover {
    color: #FF9800;
}

.betsliptop {
    background: #000;
    color: #f9f9f9;
    text-transform: capitalize;
    padding: 5px;
    text-align: left;
    /* height: 30px; */
    /* color: #f6921e; */
    font-size: 16px;
}

.spt_4 #betslip {
    width: auto;
    max-width: 400px;
}

#betslip {

    text-align: left;
    min-width: 250px;
    min-height: 200px;
    max-width: 293px;
    color: #333;

    background: #e7e7dd;
    border: 0px solid #231f20;
    z-index: 10;
    bottom: 25px;
    right: 10px;
}

/*end betslip */

.eventdetails {
    padding-left: 0px;
    padding-right: 0px;
}

.eventdetails h4 {
    background: #304147;
    padding: 5px;
    font-weight: normal;
    color: #fff;
    padding-left: 10px;
}

.sport_payslip {
    padding: 0px;
    margin-bottom: 10px;
}

.mena:active, .mena:hover, .mena {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.eventdetails div h4 {
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
}

.eventdetails div h4.matchname {
    padding: 10px 10px 10px 10px;
    font-size: 25px;
}

.eventdetails div .eventdate.match {
    padding-left: 10px;
    margin-top: -5px;
    margin-bottom: 20px;
    background: #fff;
    color: #000;
}


.catmen li {
    padding: 15px 2px;
    font-size: 18px;
    color: var(--text-primary);
    width: 20%;
    height: 98px;
}

.catmen li.active, .catmen li:hover {
    color: #f26421;
    border-bottom: inset 20px #fdcc50;
    width: 20%;
    height: 98px;
}

.catmen li.active a {
    font-weight: bold;
    color: #f26421 !important;
}

.catmen li.active a {
    color: #fff;
}

.nav > li > a {
    color: #fff;
    font-weight: normal;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
    color: #facb13;
}

.sports .menitem .lucky_spin_btn {
    display: none;
}

.sports .gamemain {
    margin-top: 50px;
    min-height: 100%;
    padding: 0px;
    padding-top: 10px;
}


.virtuals .card .cardmen {
    display: inline-block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #231f20;
    background: #242424;
    padding: 0px 5px;
    height: 41px;
    overflow: hidden;
    margin-bottom: 2px;
}

.oddsc {
    height: 100%;
}

.sports .card[data-id="live"] .cardmen {
    height: 50px;
}

.sports .card[data-id="upcoming"] .cardmen {
    height: 50px;
}

.sports .card .cardmen {
    display: inline-block;
    width: 100%;
    text-align: left;
    background: #fff;
    padding: 0px 0px;
    height: 50px;
    margin-bottom: 0px;
}

.sports .card.match .cardmen {
    min-height: 26px;
    height: auto;
}

.cardmen .menright {
    background: #bdac16;
}

.card[data-id="E-Sports"] .cardmen .menright {
    background: var(--bg-tertiary);
}

.virtuals .card .cardcontent.match, .sports .card .cardcontent.match {
    display: block;
}

.virtuals .card.match, .sports .card.match {
    min-height: 28px;
}

.virtuals .card .cardcontent ul, .sports .card .cardcontent ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
}

.citemleft {
    padding-left: 10px;
    position: absolute;
}

.carditem .sres span {
    color: #73ffb7;
    font-size: 12px;
    margin-left: 0px;
}

.carditem .sres.live span {
    margin: 0px;
}

.carditem .compss {
    display: table-cell;
    border-collapse: collapse;
    width: 410px;
    padding-left: 5px;
}

.liveodds .carditem .compss {
    white-space: nowrap;
}

.carditem .compss div {
    border-collapse: collapse;
}

.carditem .compss div span {
    width: 20px;
    display: table-cell;
    color: #3a3d46;
    font-weight: bold;
}

.spt_4.sports .sportlist ul {
    background: none;
}

.carditem .compss div a {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    padding-right: 5px;
    max-width: 117px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;

}

.livematch .carditem .compss div a {
    max-width: 146px;
}


.carditem .stats {
}

.carditem .sscore, .carditem .comps, .carditem .odds, .carditem .markets, .carditem .stats, .carditem .sres {
    display: table-cell;
    padding: 0px;
    border-collapse: collapse;
}

.carditem .sres {
    text-align: center;
    color: #fff;
    width: 60px;
    white-space: nowrap;
}

.carditem .sres span {
    display: block;
}

.carditem .sscore.live, .carditem .sres.live {
    height: 13px;
    padding: 0px 0px;
    text-align: center;
}

.carditem .sscore.live {
    color: #03a9f4;
    font-weight: bold;
}

.carditem .sres.live {
    background: none;
}

.carditem .sres.live span {
    display: block;
    color: #30adab;
    margin-top: -4px;
}

.carditem.carditemhead .sscore, .carditem.carditemhead .comps, .carditem.carditemhead .odds, .carditem.carditemhead .markets, .carditem.carditemhead .stats, .carditem.carditemhead .sres {
    display: table-cell;
    border: none;
    text-align: center;
    padding: 0px;
}

.carditem .odds {
    text-align: center;
    width: 144px;

    white-space: nowrap;
}

.carditem.match .odds {
    white-space: normal;
}

.carditem .markets a:hover, .carditem .markets a:active, .carditem .markets a {
    color: #e2be07;
    font-size: 11px;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    background: #fff;
    font-weight: bold;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    line-height: 22px;
    background: #000;

}

.carditem:not(.carditemhead):nth-child(odd) {
    background: #192023;
}

.carditem:not(.carditemhead):nth-child(even) {
    background: #1c2225;
}

.carditem.match.line_size_3 .odds .price {
    width: 33.33%;
    margin: 0px;
    overflow: hidden;
    margin-bottom: -5px;
}

.carditem.match.line_size_2 .odds .price {
    width: 50%;
    margin: 0px;
    overflow: hidden;
    margin-bottom: -5px;
}

.carditem.match, .carditem.carditemhead:hover {
    background: none;
}

.match .odd_button .oddtxt {
    color: #fff;
}

.carditem.match .odds .price {
    text-align: left;
    border: 1px solid #000;
    margin-bottom: -5px;
}

.carditem.match .odds .price span {
    float: right;
    color: #f0cf61;
}

.carditem.match .odds .price.selected span {
    color: #e6e6e6;
    background: #09a57e;
}


.carditem_main:hover .odds .price {
    background: #000000;
    font-weight: bold;
    border: 1px inset #ff721d;
}

.carditem .comps a {
    color: #fff;
    white-space: nowrap;
    font-size: 13px;
    font-weight: bold;
}

.comps .vs {
    color: #f26421;
    display: block;
    content: "";
    visibility: hidden;
    height: 1px;
    font-size: 13px;
}

.carditem .markets, .carditem .comps {
    cursor: pointer;
    text-overflow: ellipsis;
    color: #FFF;
    padding-left: 0px;
    overflow: hidden;
    max-width: 316px;

}

.livematch .carditem .markets, .livematch .carditem .comps {
    max-width: 408px;
}

.carditem:hover .sres span {
    color: var(--text-primary);
}

.carditem:hover .markets a {
    color: #fff;
}

@media (hover: hover) {
    .carditem .odds .pricee:hover {
        background: #1e805d;
        font-weight: bold;
        color: #fff;
    }

    .carditem .odds .pricee.selected:hover {
        background: #f0cf61;
    }

}

.carditem .odds .pricehead {
    display: table;
    text-align: center;
    width: 50px;
}

.newspval.sel::after {
    content: "\02C7";
    position: absolute;
    width: 0px;
    font-size: 20px;
    padding-top: 6px;
}

.markfltc .markflt {
    display: block;
    margin: 1px 0px;
    background: #f2f2f2;
}

.markfltc .markflt:hover {
    background: #dedede;
}

.markfltc {
    display: none;
    position: absolute;
    background: #242424;
    z-index: 1;
    margin-top: 0px;
}

.markfltc.active {
    display: block;
}

.markfillast {
    cursor: pointer;
}

.markfillast::after {
    content: "\02C7";
    position: absolute;
    width: 10px;
    font-size: 20px;
    padding-top: 3px;

}


.newspval_filler.sel, .newspval.sel {
    padding: 0px 10px;
    padding-top: 20px;
}

.newspval_filler, .newspval {
    display: inline-block;
    cursor: pointer;
    padding: 5px 2px;
    text-align: right;
    color: #242424;
    font-weight: bold;
    border-radius: 2px;
    margin: 1px;
    font-weight: normal;
    font-size: 12px;
    width: 20%;
    line-height: 35px;

}

.carditem .odds .price {
    display: inline-block;
    border: 1px solid #000;
    cursor: pointer;
    padding: 5px 2px;
    text-align: center;
    background: #f5f5f5;
    color: #333;
    font-weight: bold;
    border-radius: 2px;
    margin: 1px;
    /*    width: 42px;*/
}

.carditem {
    display: table;
    width: 100%;
    margin-bottom: 1px;
}

.carditem.carditemhead {
    display: none;
}

.virtuals .card .cardmen ul, .sports .card .cardmen ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: inline-block;
    margin-right: 0px;
    background: #fff;
    white-space: nowrap;
}

.livematch.sports .card .cardmen ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}

.sports .card .cardmen li:hover, .sports .card .cardmen li:active, .sports .card .cardmen li.active {
    border-bottom: 2px solid #2b78d7;
    color: #2b78d7;
    font-weight: bold;
}

.sports .card .cardmen #livecardmen_overflow li.active {
    color: #fff;
}

.virtuals .card .cardmen li:hover, .virtuals .card .cardmen li:active, .virtuals .card .cardmen li.active {
    border-bottom: 2px solid #f26421;
    color: #fff;
    font-weight: bold;
}

#precardmen_overflow, #livecardmen_overflow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: left;
    transition-duration: .3s;
    background: #eee;
}

#precardmen_overflow.active, #livecardmen_overflow.active {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    left: auto;
    z-index: 2;
}

#precardmen_overflow li, #livecardmen_overflow li {
    float: none;
    display: block;
}

#precardmen_overflow a, #livecardmen_overflow a {
    background: #00c;
    white-space: nowrap;
}

.virtuals .card .cardmen li, .sports .card .cardmen li {
    display: inline-block;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    margin-left: 2px;
    color: #f77b42;
    padding: 5px 0px;
    margin: 0px 10px;

    font-weight: bold;
    text-transform: uppercase;

}

.sports .sportlist ul {
    list-style: none;
    padding: 0px 5px;
    margin: 0px;
    margin-right: 0px !important;
    color: #333;
    background: #e7e7dd;

}

.sports .sportlist ul li .fa {
    float: right;
    margin-top: 2px;
    display: none !important;
}

.spt_4.sports .sportlist ul .sub1 {
    margin: 0px;
    margin-left: -5px;
}

.spt_4.sports .sportlist ul .sub1 {
    background: none;
}

.spt_4.sports .sportlist ul .sub1 {
    margin: 0px;
    margin-left: -5px;
}

.livematch.spt_4.sports .sportlist ul .sub1 {
    margin: 0px;
}

.sports .sportlist ul .sub1 {
    padding: 0px;
    color: #7b7a7a;
    margin: 5px -5px -6px -7px;
}

.virtuals .card .cardcontent, .sports .card .cardcontent {
    display: none;
    margin-top: 0px;
}

.virtuals .card, .sports .card {
    border-radius: 2px;
    padding: 0px;
    margin-bottom: 0px;
}

.spt_4.sports .sportlist ul .sub2 {
    margin: 0px -5px;
    padding: 5px 10px;
    background: none;
    padding-left: 30px;
}

.sports .sportlist ul .sub2 {
    margin: 5px -5px -4px -10px;
    padding: 0px;
    background: #fff;
}

.sportlist .lsport {
    margin-left: -5px;
    margin-right: -5px;
}

.sportlist .lsport svg path {
    fill: #333;
}

.spt_4 .sportlist .lsport svg path {
    fill: #09A57E;
}

.sports .sportlist ul .lsport.active svg path, .sports .sportlist ul .lsport:hover svg path {
    fill: #09A57E;
}

.sports .sportlist ul .lsport.active .sub1 {
    display: block;
}

.sports .sportlist ul .lsport .lcat.active .sub2 {
    display: block;
    color: #231f20;
}

.sports .sportlistcont {
    padding: 0px;
    padding-top: 0px;
    height: 100%;
}

.sports.spt_4 .sportlistcont {
    background: #fff;
    width: 280px;
}

.sports.spt_4 .container {
    width: 100%;
}

.sports.spt_4 .content {
    min-width: 1200px;
    padding-top: 15px;
    margin: 0px auto;
    background: none;
    max-width: 1688px;
    display: flex;
}

.sports.spt_4 .eventdetails {
    flex: 1;
}

.sports.spt_4 .spslipc {
    width: 400px;
}

.sports .sportlistcont h4 {
    font-size: 15px;
    padding: 10px;
    font-weight: Bold;
    margin: 0px;
    background: #1c2225;
    color: #fff;
}

.sports .sportlist {
    overflow-x: hidden;
}

.sports.spt_4 .sportlist {
    padding-left: 0px;
    padding-bottom: 10px;
}

.sportsmobmen.sportlist {
    display: none;
}

.sports .sportlist ul .sub1, .sports .sportlist ul .sub2 {
    display: none;
}

.sports .sportlist ul .lsport {
    padding: 0px;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    border-left: 2px solid #eee;
}

.spt_4.sports .sportlist ul .lsport {
    padding-bottom: 0px;
    padding-right: 0px;
}

.sports .sportsmobmen.sportlist ul .lsporthh {
    margin-left: 0px;
}

.spt_4.sports .sportlist ul .lsporthh {
    margin-top: 10px;
    padding: 0px 10px;
    background: none;
}

.gamesearchcontainer .spss.fas.fa-search {
    color: #8f8f8f;
    padding: 10px 0px;
    font-size: 16px;
    width: 10%;
}

.sports .sportlist ul .lsporthh {
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 3px solid #f3bf20;
    background: #231f20;
    margin-left: -5px;
    color: #000;
    margin-right: -5px;
    cursor: default;
    font-size: 16px;
}

.spt_4.sports .sportlist ul .lsport.active, .spt_4.sports .sportlist ul .lsport {
    background: none;
    margin: 5px 0px;
    border: none;
    color: #7b7a7a;

}


.spt_4.sports .sportlist ul .lsport.active, .spt_4.sports .sportlist ul .lsport:hover {
    border: none;
}

.sports .sportlist ul .lsport.active, .sports .sportlist ul .lsport:hover {
    background: #f2f2f2;
    color: #222;

}

.spt_4.sports .sportlist ul .lsport.active {
    background: none;

}

.spt_4.sports .sportlist ul .lsport:hover .lcat {
    background: #fff;
}

.spt_4.sports .sportlist ul .lsport:hover {
}

a {
    outline: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.spt_4.sports .sportlist ul .lsport .lcat:hover {
    background: #fff;

}

.spt_4.sports .sportlist ul .lsport .lcat.active {
    background: none;
    color: #7b7a7a;
}

.sports .sportlist ul .lsport .lcat.active, .sports .sportlist ul .lsport .lcat:hover, .sports .sportlist ul .lsport .lcat:active {
    background: #36565c;
    margin-right: -5px;
    padding-right: 0px;
    color: #7b7a7a;
}

.spt_4.sports .sportlist ul .lsport .lcat {
    border: none;
    color: #7b7a7a;
    padding: 5px;
    background: none;
    margin: 0px;

}

.sports .sportlist ul .lsport .lcat {
    cursor: pointer;
    font-weight: bold;

    border-bottom: 1px solid #535757;
    color: #fff;
    background: #313536;
    margin-right: -5px;
    border-left: 2px solid #344549;
    padding: 3px 5px 3px 2px;
    font-size: 13px;
}

.spt_4.sports .sportlist ul .lsport .ltour.active, .spt_4.sports .sportlist ul .lsport .ltour:hover, .spt_4.sports .sportlist ul .lsport .ltour:active {
    background: none;
    color: #36565c;
}

.spt_4.sports .sportlist ul .lsport .ltour.active {
    color: #09a57e;
}

.sports .sportlist ul .lsport .ltour.active, .sports .sportlist ul .lsport .ltour:hover, .sports .sportlist ul .lsport .ltour:active {
    background: #324348;
    color: #fff;
}

.spt_4.sports .sportlist ul .lsport .ltour {
    color: #36565c;
    background: none;
    border: none;
}

.sports .sportlist ul .lsport .ltour {
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #21904f;
    padding: 3px 8px;
    font-size: 13px;
    background: #fff;
    border-left: 2px solid #208955;
    color: #333;
}

.sports .sportlist ul sspan {
    background: var(--bg-tertiary);
    border-radius: 15%;
    text-align: center;
    margin-left: 5px;
    padding: 2px;
    font-size: 10px;
    float: right;
    display: none;
}

.sports .sportlist ul span {
    display: none;
}

.sports .sportlist ul span.msprot {
    display: inline-block;
    margin-left: 2px;
    text-transform: capitalize;
}

.sports .sportsmobmen.sportlist ul span.msprot {
    margin-left: 0px;
}

.sports .sportsmobmen.sportlist ul span.micon {
    margin-top: -18px;
    margin-bottom: -18px;
    position: relative;
    transform: scale(0.32);
    -moz-transform: scale(0.32);
    display: inline-block;
    left: 0px;
    float: left;
    margin-left: -15px;
    height: 53px;

}

.sports .sportlist ul span.micon {
    margin-top: -19px;
    position: absolute;
    transform: scale(0.32);
    -moz-transform: scale(0.32);
    display: block;
    left: 0px;
    margin-left: -15px;


}

.sports .sportlist ul .lsport a {
    color: inherit;
    text-decoration: none;
    padding: 4px;
    width: 100%;
    display: inline-block;
}

.sports .sportlist ul .lsport a.l1::after {
    float: right;
    content: "\203A";
    color: #09A57e
}

.sports .sportlist ul .lsport.active a.l1::after {
    float: right;
    content: "\203A";
    color: #09A57e;
    transform: rotate(90deg);
}

/* end sports gneric */


span.flag-icon {
    width: 30px;
    border-radius: 0%;
    height: 15px;
}

.dropdown-toggle.fflags {
    padding: 0px;
}

.fflag-icon:before {
    padding-right: 15px;
}

@-moz-keyframes spinsome {
    0% {
        -webkit-transform: rotate(0deg);
    }
    10% {
        -webkit-transform: rotate(1080deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
    }

}

@-webkit-keyframes spinsome {
    0% {
        -webkit-transform: rotate(0deg);
    }
    10% {
        -webkit-transform: rotate(1080deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
    }

}

@keyframes spinsome {
    0% {
        -webkit-transform: rotate(0deg);
    }
    10% {
        -webkit-transform: rotate(1080deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
    }

}

@-moz-keyframes spindle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
    }

}

@-webkit-keyframes spinidle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }

}

@keyframes spinidle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }

}


.submenu {
    display: none !important;
    height: 35px;
    background: #22231f;
    width: 100%;
    margin-top: 15px;
}

.sports .item.mybetitem {
    height: auto;
}

.nav.navbar-nav.pull-right {
    padding: 0px;
}

.mobilebtns .menitem {
    list-style: none;
    border: 0px;
    margin-right: 15px;
}

.mobilebtns .menitem .lucky_spin_btn {
    margin-top: -5px;
}

.lucky_spin_btn {
    margin-bottom: 5px;
}

.complete img {
    -webkit-animation-name: spinsome;
    -webkit-animation-duration: 10000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: spinsome;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;


}

.spinidle img {
    -webkit-animation-name: spinidle;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
    animation-name: spinidle;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

#wheel_prize_collect {
    margin-top: 180px;
    position: absolute;
    z-index: 20;
    text-align: center;
    background: #181e58;
    padding: 10px;
    border-radius: 0px;
    margin-left: -15px;
    /* border: 1px solid #00569a; */
    width: 100%;
    display: block;
    color: #fff;
    display: none;
}

#wheel_prize_collect_error {

    font-size: 12px;
    margin: var(--space-xs);
    color: #bf198c;
    display: none;
}

#wheel_prize_collect.on {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#wheel_prize_collect h4 {
    margin-top: 0px;
    font-weight: bold;
    padding-bottom: 5px;
}

#wheel_prize_collect_type {
    font-weight: bold;
    color: #FFC107;
    font-size: 19px;
}

#wheel_prize_collect_amount {
    font-weight: bold;
    color: #FFC107;
    font-size: 22px;
}

.wheel_text_login, .wheel_text {
    display: none;
}

.lucky_spin_btn {
    background: #cb60b3;
    background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%);
    background: -webkit-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%);
    background: linear-gradient(to bottom, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb60b3', endColorstr='#db36a4', GradientType=0);
    color: var(--text-primary);
    font-size: 13px;
    font-weight: bold;
    width: 140px;
    text-align: left;
    margin-top: 5px;
    margin-right: 2px;
    height: 40px;
    border-radius: 30px 24px 24px 30px;
}


#wheel_lock {
    width: 348px;
    height: 348px;
    position: absolute;
    background-size: 100%;
    margin-left: 4px;
    margin-top: 2px;
    text-align: center;
    line-height: 257px;
    font-weight: bold;
    font-size: 34px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
}

#wheel_lock i {
    z-index: 22222;
    position: absolute;
    color: #fff;
    top: 50%;
    margin-left: -16px;
    margin-top: -23px;
}

.complete .lucky_spin_progressbar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f5fc+0,bfe8f9+50,9fd8ef+51,2ab0ed+100;Blue+Gloss+%235 */
    background: #e4f5fc; /* Old browsers */
    background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=0); /* IE6-9 */
}

.lucky_spin_progressbar {
    width: 100%;
    height: 15px;
    margin: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0); /* IE6-9 */
}


.lucky_spin_progress {
    width: 93px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    background: #000;
    display: inline-block;
    margin-left: 3px;
    margin-top: 23px;
    border-radius: 9px 7px 36px 9px;
}

.lucky_spin_btn:hover {
    box-shadow: 0px 0px 24px #ff00c0;
}

.lucky_spin_btn span {
    margin-top: 3px;
    display: inline-block;
    position: absolute;
    margin-left: 10px;
    text-shadow: 0px 0px 1px #cf2a9a;
}

#wheel.in {
    display: flex !important;
    justify-content: center;
}

#wheel .modal-content {
    background: url(/img/120/wheel/wheelbg.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1180 / 1735;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
    border: none;
}

#wheel .modal-body {
    text-align: center;
}

#wheel .modal-header {
    text-align: center;
    background: none;
}

#wheel .modal-header .close {
    background: #fff;
    border-radius: 50%;
    margin-top: 41px;
    margin-right: -5px;
    opacity: 0;
    -webkit-opacity: 0;
}


#soundbtn {
    display: none;

    float: right;
    */ z-index: 1;
    padding: 10px;
    border-radius: 5px;
    /* background: linear-gradient(359deg, #823bc2, #cf45f5); */
    color: #201259;
    font-size: 31px;
    width: 38px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    margin-top: 29%;
    position: absolute;

}

#soundbtn .fa-volume-mute {
    display: block;
}

#soundbtn .fa-volume-up {
    display: none;
}

#soundbtn.enabled {
    display: flex;
}

#soundbtn.on .fa-volume-mute {
    display: none;
}

#soundbtn.on .fa-volume-up {
    display: block;
}


#wheel .modal-header h4 {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    padding: 0px;
    text-shadow: 0px 0px 20px #f10cf5;
    color: #fff;
    margin: 0px 10px;
    padding-left: 20px;
}

#wheel .modal-dialog {
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    max-width: 450px;
    margin: 0px auto;
}

#wheel_wheel div {
    position: absolute;
    z-index: 222;
    font-size: 20px;
    font-family: "Heebo", sans-serif;
    white-space: nowrap;
}

.prz_amount {
    font-size: 50px;
    line-height: 125px;
}

#wheel_wheel .whlprz .prz_type {
    font-size: 30px;
    font-family: "Heebo", sans-serif;
}

#wheel_wheel .wheel_prize_1 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 94px;
    transform: rotate(-22deg);
    margin-left: 129px;
    color: #fff;

}

#wheel_wheel .wheel_prize_2 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 131px;
    transform: rotate(-67deg);
    margin-left: 94px;
    color: #181e58;

}

#wheel_wheel .wheel_prize_3 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 179px;
    transform: rotate(-112deg);
    margin-left: 90px;
    color: #fff;

}

#wheel_wheel .wheel_prize_4 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 211px;
    transform: rotate(-157deg);
    margin-left: 129px;
    color: #181e58;

}

#wheel_wheel .wheel_prize_5 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 214px;
    transform: rotate(-202deg);
    margin-left: 179px;
    color: #fff;

}

#wheel_wheel .wheel_prize_6 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 180px;
    transform: rotate(-247deg);
    color: #181e58;

    margin-left: 218px;
}

#wheel_wheel .wheel_prize_7 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 128px;
    transform: rotate(-292deg);
    margin-left: 217px;
    color: #fff;
}

#wheel_wheel .wheel_prize_8 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 96px;
    transform: rotate(-337deg);
    margin-left: 178px;
    color: #181e58;
}


#wheel_base {
    background: url(/img/120/wheel/RP-Wheel-Outer1.webp) no-repeat;
    width: 350px;
    height: 350px;
    display: inline-block;
    background-size: 100%;
    text-align: left;
    -webkit-filter: drop-shadow(0px 0px 29px rgba(255, 255, 255, 0.5));
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')";
}

#wheel_wheel {
    background: url(/img/120/wheel/RP-Wheel-Inner.webp) no-repeat;
    width: 308px;
    height: 308px;
    position: absolute;
    background-size: 100%;
    margin-left: 2px;
    margin-top: 18px;
}

#wheelwrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    top: 50px;
    height: 467px;
    margin-top: 5%;
    position: relative;
}

#wheel_marker {
    position: absolute;
    height: 40px;
    width: 20px;
    background: #cc3b3b;
    margin-left: 136px;
    z-index: 10;
    border-radius: 0px 0px 50% 50%;
    box-shadow: 0px 0px 2px #333;
}

#wheel_spin {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 0px;
    position: relative;
    top: -5px;
    z-index: 3;
    color: #2c4f38;
    padding: 5px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

#wheel_spin a {
    display: block;
    padding: 0px 50px;
    border-radius: 50px;
    font-size: 30px;;
    background: #e5e5e5;
    color: #999;
    font-family: "Heebo", sans-serif;
    text-decoration: none;
}

#wheel_spin.active a {
    background: #f8991d;
    color: #101c10;
}

#wheel_prize_back {
    background: #62ad63;
    border: none;
    color: #fff;
    border-radius: 50px;
    padding: 5px 20px;
    margin: 13px;
}

#whltext {
    top: -5px;
    position: relative;
    color: var(--text-primary);
    font-size: 11px;
    width: 100%;
    background: none;
    padding: 10px 0px;
}

#whltext.hide {
    display: block !important;
}

#canvascf {
    display: none !important;
}

#whltext.hide
.enabled #wheel_spin a {
    color: #2c4f38;
}

#allwheel.active #wheel_lock {
    display: none;
}


.blink {
    animation: blink-animation 1s steps(5, start);
    -webkit-animation: blink-animation 1s steps(5, start);
}

@keyframes blink-animation {
    to {
        color: #e5c922;
    }
}

@-webkit-keyframes blink-animation {
    to {
        color: #e5c922;
    }
}


.vipcompoints .convert_points_value {
    padding-left: 10px;
    margin-top: -7px;
    display: inline-block;
    /* position: absolute; */
    float: left;
}

.vipcompoints .myaccountbtn {
    width: 90%;
    margin-top: 0px;
    margin-left: 0px;
}

.vipcontent {
    background: #f26421;
    margin-top: 10px;
    height: 200px;
}

.dociframe {
    border: none;
    background: #efefef;
    border-radius: 5px;
    min-height: 550px;
}

.dociframe iframe {
    min-height: 550px;
}

.vipcontent label {
    display: inline-block;
}

.vipcompoints span, .vipcontent span {

    color: #fff;
    padding-left: 10px;
    /* float: left; */
    position: relative;
    display: inline-block;
}


#vip_badge i {
    font-size: 200px;
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -100px;

}

#vip_badge span {
    text-align: center;
    font-size: 74px;
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    margin-top: 46px;
}

#vip_badge i.vip-new {
    color: #f26421;
}

#vip_badge i.vip-diamond {
    color: #03A9F4;
    background: -webkit-linear-gradient(#03A9F4, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 30px #03A9F4;
}

#vip_badge i.vip-platinum {
    color: #E5E4E2;
    background: -webkit-linear-gradient(#E5E4E2, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 30px #E5E4E2;

}

#vip_badge span.platinum {
    color: #555;
}

#vip_badge label.diamond2 {
    color: #9E9E9E;
}

#vip_badge label.platinum {
    color: #667;
}

#vip_badge i.vip-gold {
    color: #D4AF37;
    background: -webkit-linear-gradient(#D4AF37, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 30px #D4AF37;
}

.gamebox .hover .playreal {
    margin-top: 7px;
}

.gameboxb .hover {
    width: 400px;
}

.gamebox.active .hover {
    display: flex;
}

.search-lobby-recommend .gamebox .hover {
    border-radius: 10px;
}

.gamebox .hover {
    text-align: center;
    width: calc(100% - 2px);
    /* background: #00121e; */
    font-size: 12px;
    /* margin-left: 0px; */
    /* margin-top: 70px; */
    display: none;
    height:  calc(100% - 2px);
    /* margin: 50%; */
    /* float: left; */
    margin: 0px 0px 0px 0px;
    position: absolute;
    z-index: 1;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;

    /* backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); */
    background: none;
    /* border: 1px solid #89ff88; */
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gamescontainer ul .gamebox.gameboxbigimg .hover {
    border-width: 2px;
}

.gamescontainer ul .gamebox.gameboxbigimg button {
    font-size: x-large;
}

.gamescontainer ul::-webkit-scrollbar {
    display: none;
}



/* Mobile-first approach: Fixed spacing between tiles */
.gamescontainer ul {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fill, 90px);
    gap: var(--game-tile-gap);
    width: 100%;
    padding: var(--game-tile-gap);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    justify-content: start;
    align-items: center;
}

/* Mobile-first gamebox styles - fixed size */
.search-lobby-list ul .gamebox,
.gamescontainer ul .gamebox {
    /*width: 90px;*/
    /*height: 90px;*/
    /*min-width: 90px;*/
    /*min-height: 90px;*/
    /*max-width: 90px;*/
    /*max-height: 90px;*/
    position: relative;
    background: var(--gamebox-bg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    border-radius: var(--game-tile-border-radius);
    border: none;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 7px 8px 7px 0px rgba(0, 0, 0, 0.5);
    border-radius: 25px;
}

.search-lobby-list ul .gamebox {
    overflow: visible;
}

.search-lobby-result > ul > .searchbox,
.search-lobby-list ul .gamebox {
    box-shadow: 3px 4px 5px 2px rgba(0, 0, 0, 0.4);
    background: transparent;
}

.gamescontainer ul .gamebox {
    width: var(--game-tile-size);
    height: var(--game-tile-size);
    margin: 0;
    padding: 0;
    min-width: var(--game-tile-size);
    min-height: var(--game-tile-size);
    flex-shrink: 0;
    background: transparent;
}

.menu-search-input > input {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    width: 100%;
    background: none;
    border: none;
    margin-left: 6px;
}

.menu-search-input > .search-input-switch {
    margin-left: 0px;
    padding: 0px 5px;
}

.menu-search-input > .search-input-switch::placeholder {
    font-size: 13px;
    line-height: 1;
    position: relative;
    top: 1px;
}

.menu-search-input-switch {
    border-radius: 28px;
    box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.45);
    background-color: #363634;
}
.search-input-switch::placeholder {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    line-height: 1;
}

.search-lobby-close {
    padding-left: 10px;
}

.search-lobby-close > div {
    width: 15px;
    height: 100%;
    cursor: pointer;
}

.search-lobby-icon {
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
}

.menu-search-input img {
    width: 100%;
    height: auto;
}

.search-lobby-content {
    padding-bottom: 100px;
}

.search-lobby-result .sboxrow {
    display: none;
    cursor: pointer;
}

.search-lobby-result .searchbox:hover .sboxrow{
    display: flex;
}

.search-lobby-result {
    margin-top: 35px;
    margin-bottom: 41px;
}

.search-lobby-result > ul > .searchbox {
    border-radius: 14px;
    list-style: none;
}

.search-lobby-list .gamebox .gameimg {
    border: none;
}


.search-lobby-result .searchbox .playbtn.playreal,
.search-lobby-list .gamebox .playbtn.playreal {
    padding: 5px 11px;
    margin: 0px;
    border-radius: 24px;
    border: solid 1px #6eec89;
    background-image: linear-gradient(to top, rgba(23, 51, 29, 1), #6eec89), linear-gradient(to bottom, rgba(110, 236, 137, 0.15), rgba(110, 236, 137, 0.15));
    font-size: 8px;
    box-shadow: 0px 0px 10px 1px #6eec89b3;
    line-height: 1;
}

.search-lobby-result > ul > .searchbox > .searchgameimg {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 7px;
}

.search-lobby-result > ul > .searchbox > .searchgameimg.tall {
    bottom: 0px;
    height: calc(100% + 10px);
    z-index: 2;
}


.search-lobby-result .searchbox > .sboxrow > .searchgamename {
    display: none;
}

.search-lobby-result .searchbox > .sboxrow {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.search-lobby-result .searchbox > .hover-effect {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 14px;
    background: none;
}

.search-lobby-result .searchbox:hover > .hover-effect {
    display: block;
}

.search-lobby-result .searchbox:hover >  .searchgameimg.tall {
    z-index: -1;
    position: absolute;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.search-lobby-result .searchbox:hover >  .searchgameimg {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.search-lobby-result .searchbox > .sboxrow > .searchgamebuttons {
    margin: 0px;
}

.search-lobby-recommend-title {
    font-size: 25px;
    text-align: left;
    padding-bottom: 16px;
    text-shadow: 4.4px 6.7px 12.5px rgba(0, 0, 0, 0.84);
    line-height: normal;
    color: #fff;
    font-weight: 600;
}

.search-lobby-list ul {
    padding: 0px;
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
}

.search-lobby-list.search-lobby-result ul {
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
}

.search-lobby-list ul > li {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    margin: 0px;
    position: relative;
}

body.mobile-scale .mainpageflex {
    margin-top: 150px;
}

body.mobile-scale #my_profile.slidemenu,
body.mobile-scale .navbar-inverse.mastermen,
body.mobile-scale #withdraw_amount.myaccountinput, #deposit_amount.myaccountinput,
body.mobile-scale .selcard,
body.mobile-scale .do_withdraw,
body.mobile-scale .dropdown-menu.menprofile .menu-back-button {
    zoom: var(--mobile-zoom);
}

body.mobile-scale .menu-item-title {
    font-size: 24px;
}

.menu-item-subelements,
.menprofile .menu-item-subelements > li a span {
    font-size: clamp(12px, calc(16px + (6 * (100vw - 993px) / 927)), 22px);
}

.menu-loyalty-progress-val > span {
    white-space: nowrap;
}

@media (min-width: 992px) {
    body.ingame .navbar-inverse.mastermen {
        height: 61px;
    }

    .pg_store #my_profile .modal-lg {
        transform-origin: top center;
    }

    .pg_store #my_profile .modal-header .close {
        top: -15px;
        right: -15px;
    }

    .gamescontainer ul {
        display: grid;
        grid-template-rows: repeat(2, var(--game-tile-size));
        grid-template-columns: var(--game-tile-size);
        grid-auto-columns: var(--game-tile-size);
        gap: var(--game-tile-gap);
        height: var(--game-slider-height);
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
    }

    #offersbars .offerbox {
        min-width: 170px;
    }
    #redeempage .wdrcont {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) var(--desktop-popups-scale);
        box-shadow:
                inset 1.6px 2.5px 10px rgba(0, 0, 0, 0.45),
                inset -1.7px -2.5px 10px rgba(0, 0, 0, 0.45);
        border-radius: 44px;
        padding: 39px 70px 34px 70px;
        margin: 0 auto;
        min-width: 570px;
    }

    #redeempage.active {
        display: block;
        overflow-y: scroll;
    }

    #redeempage .closewdr {
        position: absolute;
        top: -18px;
        right: -15px;
        display: flex;
        transform: scale(1.6);
        z-index: 99;
    }

    .redeem_bottom_text {
        position: absolute;
        font-size: 14px;
        width: 657px;
        bottom: -149px;
    }

    .redeem_bottom_text div {
        line-height: 28px;
        max-width: 386px;
    }

    .redeem_bottom_text div:first-child {
        margin-bottom: 10px;
    }


    .do_withdraw span, .do_prizeout span {
        font-size: 26px;
    }

    .redeem_visa_logo {
        width: 81px;
        height: 22px;
    }

    .redeem_bank_logo {
        width: 108px;
        height: 22px;
    }

    .redeem_skrill_logo {
        width: 69px;
        height: 22px;
    }

    .redeem_payouts_logo {
        width: 128px;
    }

    .redeem_arow_icon {
        margin-left: 52px;
        width: 15px;
    }

    .wdr_amount {
        margin-top: 30px;
    }

    .withdrow-status {
        height: 47px;
        width: 98px;
        font-size: 19px;
    }

    #withdraw_amount {
        padding: 5px 26px;
    }

    #redeempage .wdrcont .hh {
        font-size: 36px;
    }

    .gamescontainer ul .gamebox {
        width: var(--game-tile-size);
        height: var(--game-tile-size);
        overflow: visible;
    }

    .gamescontainer ul .gamebox.gameboxbigimg button {
        font-size: xx-large;
    }

    .menu-content-container {
        padding: 16px;
        margin-bottom: 18px;
    }

    .menu-item-title {
        font-size: clamp(12px, calc(16px + (6 * (100vw - 993px) / 927)), 22px);
    }

    .menu-content-container.menu-loyalty-container h3 {
        margin: 8px 0 0 0;
    }

    .menu-loyalty-level {
        margin-bottom: 44px;
    }

    .menu-loyalty-bar {
        margin-bottom: 20px;
    }

    .menu-loyalty-progress-val {
        font-size: 18px;
    }

    .menu-loyalty-bar {
        height: 42px;
    }

    .menu-loyalty-progress-val > img {
        width: 39px;
        height: 49px;
    }

    .menu-loyalty-progress-val > span {
        line-height: normal;
    }

    .menu-content {
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-top: 20px;
    }

    .menu-content::-webkit-scrollbar {
        display: none;
    }

    .search-input-switch::placeholder {
        font-size: 11px;
    }

    .search-lobby-main {
        padding: 0px 0px 20px 0px;
    }

    .search-lobby {
        padding-right: 14px;
    }

    #page_content .pagehead h4 {
        font-size: 30px;
    }

    #page_content .modal-body .wp-block-group.max1k.is-layout-constrained {
        font-size: 16px;
         margin-top: 0px;
    }



    #page_content .modal-body .wp-block-column.max1k.is-layout-flow {
    margin-top: 0px;
    }

    #page_content .modal-body .wp-block-columns.max1k.is-layout-flex {
    margin-top: 0px;
    }

    #page_content .modal-dialog .modal-content::-webkit-scrollbar,
    .hide-desktop-scrollbar::-webkit-scrollbar{
        display: none;
    }

    #page_content .modal-dialog .modal-content,
    .hide-desktop-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .search-lobby-list ul {
        justify-content: flex-start;
    }

    .search-lobby-recommend-title {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .search-lobby-no-result {
        font-size: 14px;
    }

    .search-lobby-result {
        margin: 20px 0px 28px 0px;
    }

    .search-lobby-icon {
        width: 16px;
        height: 100%;
        margin-right: 6px;
    }

    .menu-search-input-switch .search-lobby-icon {
        width: 18px;
        height: 18px;
    }

    .menu-search-input {
        padding: 8px 10px;
        max-height: 48px;
        height: 48px;
    }

    .menu-search-input-switch {
        padding: 6px 16px;
    }

    .menu-search-input > input {
        font-size: clamp(12px, calc(16px + (6 * (100vw - 993px) / 927)), 22px);
        letter-spacing: 0px;
    }

    .menu-search-input > .search-input-switch::placeholder {
        font-size: clamp(12px, calc(16px + (6 * (100vw - 993px) / 927)), 22px);
        letter-spacing: 0px;
    }

    .search-lobby-close > div {
        width: 14px;
    }

    .search-lobby-result > ul > .searchbox {
        border-radius: 8px;
    }

    #myCarouselslick a.wp-block-button__link.has-white-color.has-text-color.has-background.wp-element-button:hover,
    #ifriends_copy:hover,
    .storebutton:hover,
    .reg-default-btn:hover {
        background: -moz-linear-gradient( 90deg, #0c2314 10%, #37804b 100%);
        background: -webkit-linear-gradient( 90deg, #0c2314 10%, #37804b 100%);
        background: -ms-linear-gradient( 90deg, #0c2314 10%, #37804b 100%);
        text-decoration: none;
    }
}


.gamescontainer ul.gh,
.gamescontainer .cat_header ul {
    justify-content: flex-start;
    overflow: visible;
    grid-auto-flow: column;
}

.gamescontainer .cat_header ul {
    grid-auto-flow: column dense;
}

.gamescontainer ul .gamebox.gameboxbigimg {
    grid-column: span 2;
    grid-row: span 2;
}

.gh-container ul.selected-category-list  {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--game-tile-size), 1fr));

    gap: var(--game-tile-gap);
    align-items: start;
    height: auto;

    @media (max-width: 992px) {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px 12px;
        padding-right: 15px;
    }
}

.gh-container ul.selected-category-list .gamebox {
    grid-column: auto;
    grid-row: auto;
    overflow: visible;
    min-width: var(--game-tile-size);
    min-height: var(--game-tile-size);
    width: 100% !important;
    height: 100% !important;
    @media (max-width: 992px) {
        min-width:calc(var(--game-tile-size) / 2) !important;
    }
}

.gh-container ul.selected-category-list .gamebox.gameboxbigimg {
    grid-column: span 2;
    grid-row: span 2;
}

.gamescontainer ul .gamebox.gameboxbigimg {
    grid-row: span 2 !important;
    width: var(--game-tile-large-size) !important;
    height: var(--game-tile-large-size) !important;
    min-width: var(--game-tile-large-size) !important;
    min-height: var(--game-tile-large-size) !important;
    margin-left: 0;
    border-radius: 50px;
}

.gameName {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: clip;
    width: 90%;
    display: none;
    overflow: hidden;

    margin-left: 5px;
    text-align: left;
    color: #fff;
    line-height: 13px;
}

.gamebox .gameimg {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    box-sizing: border-box;
    background-size: cover;
    flex: 1;

}

.gamebox .gameimg > img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px #89ff88 solid;
}

.gamescontainer ul .gamebox.gameboxbigimg .gameimg > img.tall {
    height: calc(100% + 40px);
}

.gamebox.active .gameimg > img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.gamebox .gameimg > img.tall {
    bottom: 0px;
    position: absolute;
    left: 0px;
    height: calc(100% + 18px);
    border: none;
    /* transform: scaleY(1.11);
    transform-origin: bottom; */
    /* position: absolute;
    bottom: 11px;
    left: 0;
    width: 100%;
    height: calc(100% + 5px);
    transform: scaleY(1.1); */
}

.search-lobby-list .gamebox .gameimg > img.tall {
    height: calc(100% + 9px);
}

.gamebox .mic {
    display: none;
}

#vip_badge i.vip-silver {
    color: #C0C0C0;
    background: -webkit-linear-gradient(#C0C0C0, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 30px #C0C0C0;


}

#vip_badge i.vip-bronze {
    color: #cd7f32;
    background: -webkit-linear-gradient(#cd7f32, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 30px #cd7f32;


}

#vip_badge i.vip-green {
    color: #5ecc00;
    background: -webkit-linear-gradient(#4cca51, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 30px #5ecc00;

}

#vip_badge {
    display: inline-block;
    top: 0px;
    text-align: center;
    width: 200px;
    height: 200px;
    left: 50%;
    margin-left: -100px;
}

#vip_badge label {
    width: 200px;
    text-align: center;
    left: 50%;
    padding: 0px;
    margin-left: -100px;
    position: absolute;
    margin-top: 50px;
    color: #555;
    font-weight: bold;
}

.touspot {
    color: #fff;
    border-bottom: 1px solid #444;
    padding: 5px 2px;
    background: var(--bg-tertiary);
    height: 41px;
}

.touleft {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.touright {
    display: inline-block;
    max-width: 65px;
    overflow: hidden;
}

.toudown {
    font-size: 10px;
}

.tourighticon {
    display: inline-block;
}


.fa-stack strong {
    color: #333;
    font-size: 13px;
}

.touleft .fa-inverse {
    color: #333;
}

.nobrek {
    white-space: nowrap;
}

#live_tournament_container {
    float: left;
    width: 140px;
    min-height: 300px;
    max-height: 333px;
    background: var(--bg-tertiary);
    left: 0px;
    top: 0px;
    margin-top: 60px;
    background: linear-gradient(90deg, #4149E0 0%, #2F58EF 44.27%, #8017F5 100%);
    display: none;
    position: absolute;
    z-index: 101;
}

.tour_header h4 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 2px;
    margin: 0px;
}

.tour_header .fa-trophy {
    color: #fff;
    font-size: 20px;
    display: inline-block;
}

.tour_header {
    text-align: center;
    background: none;
    padding: 5px 10px;
}

.tourtime {
    font-size: 13px;
    color: #eee;
}

.tour_foot {
    background: #00b15a;
    color: #fff;
    padding: 5px 2px;
    display: none;
}

span .tourmsginfo b {
    color: #2f58ef;
}

.tourlivecont {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    /* height: 100%; */
    flex-wrap: nowrap;
    flex: 1;
}

#msg h4 {
    color: #2f58ef;
}

#msg .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: unset;
    transform: translate(-50%, -50%);
    min-width: 250px;
    margin: 0;
}

.modal-rounded-logo {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 90px;
    height: 25px;
    top: 2px;
    border-top: 1px solid #2835AF;
    border-bottom: none;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    background: #000;
}

.modal-logo {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 35px;
    height: 38px;
}

#smsverify .modal-logo {
    top: -5px;
    width: 63px;
    height: 65px;
}

.modal-logo > img {
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    #smsverify .modal-logo {
        top: -12px;
    }
    .modal-logo > img {
        margin-top: 8px;
    }
}

#msg .row {
    margin: 0px;
}

#msg .modal-body span{
    inline-size: 210px;
    overflow-wrap: break-word;
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 1.1;
}

.tour_header i {
    color: #fff;
}

#tourclose {
    height: 30px;
    width: 35px;
    background: #7b1bf5;
    font-weight: bold;
    color: #fff;
    font-size: 17px;
    margin-left: 132px;
    /* float: right; */
    position: absolute;
    text-align: center;
    line-height: 30px;
    margin-top: 0px;
    padding-left: 5px;
    cursor: pointer;
}

.mi.l-livecasino {
    background: url(/img/menu_live.png) no-repeat;
    width: 39px;
    height: 24px;
}

.mmi {
    background: url(/img/menu-icons.png) no-repeat;
    display: inline-block;
    float: right;
    margin-top: -3px;
}

.l-classicSlots {
    width: 39px;
    height: 24px;
    background-position: -1px -1px;
}

.l-instantwin {
    width: 39px;
    height: 24px;
    background-position: -42px -1px;
}

.l-bingo, .l-loterrygames {
    width: 39px;
    height: 24px;
    background-position: -83px -1px;
}

.l-minigames {
    width: 39px;
    height: 24px;
    background-position: -1px -27px;
}

.l-new {
    width: 39px;
    height: 24px;
    background-position: -42px -27px;
}

.l-othergames {
    width: 39px;
    height: 24px;
    background-position: -83px -27px;
}

.l-populargames {
    width: 39px;
    height: 24px;
    background-position: -1px -53px;
}

.l-progressive {
    width: 39px;
    height: 24px;
    background-position: -42px -53px;
}

.l-scratchgames {
    width: 39px;
    height: 24px;
    background-position: -83px -53px;
}

.l-tablegames {
    width: 39px;
    height: 24px;
    background-position: -1px -79px;
}

.l-topslots {
    width: 39px;
    height: 24px;
    background-position: -42px -79px;
}

.l-videopoker {
    width: 39px;
    height: 24px;
    background-position: -83px -79px;
}

.l-videoslots {
    width: 39px;
    height: 24px;
    background-position: -124px -1px;
}

.l-virtualbetting {
    width: 39px;
    height: 24px;
    background-position: -124px -27px;
}

#tourclose.max:before {
    content: "\25c0";
}

#tourclose.min:before {
    content: "";
}

.myaccountbtn.do_history_search {
    display: inline-block;
    max-width: 100px;
    margin-top: 0px;
    padding: 6px 20px;
}

.istory_filter {
    padding: 2px 15px;
    margin-left: 5px;
    background: none;
    color: #231f20;
    display: inline-block;
    border: 1px solid #231f20;
    border-radius: 5px;

}

#funds_transfer_amount, #wallet_transfer_amount {
    width: 80px;
}

#wallet_transfer_amount, #funds_transfer_amount, .transfer_to {
    padding: 2px 5px;
    border: 1px solid #f26321;
    color: #00699b;
    background: #fff;
    /* margin-left: 5px; */
    border-radius: 5px;

}

.history_filter {
    border-radius: 50px;
    background: transparent;
    color: #fff;
    position: relative;
    font-size: 11px;
    font-weight: 400;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
    line-height: normal;
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 6px 10px;
    padding-right: 25px;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 2px 0px #444;
    justify-content: space-between;
    cursor: pointer;
    background: transparent;
    line-height: 1;
    height: 34px;
}

.history_filter,
select.history_filter:active,
select.history_filter:focus {
    border: 1px solid rgba(192, 192, 192, 0.4);
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
}


#loyalty_content .menu-loyalty-progress-wrapper {
    border: 1px solid rgba(192, 192, 192, 0.4);
    filter: drop-shadow(0 0 4.3px rgba(0, 0, 0, 0.47));
}

.history_type_wrapp .menu-select-dropdown {
    right: 6px;
}

.history_date_wrapp .menu-select-dropdown > img,
.history_type_wrapp .menu-select-dropdown > img {
    width: 8px;
    height: 7px;
}

#history_date {
    background: none;
    border: none;
    width: 150px;
    padding: 0px;
    text-align: left;
    padding-left: 8px;
}


div.dataTables_wrapper div.dataTables_length select {
    background: #eee;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #11232e;
}

div.dataTables_wrapper div.dataTables_paginate span {
    display: flex;
    padding-top: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    display: flex;
}

.daterangepicker table {
    color: #333;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #11232e !important;
}

.daterangepicker td.in-range {
    background-color: #0e72e3 !important;
    color: #fff !important;
}

.range_inputs button {
    border-radius: 0px !important;
}

.daterangepicker {
    background: #fff !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #00b15a;
}

.navbar-inverse .navbar-nav > li > a {
    color: #f34e2f;
}

.navbar-inverse .navbar-nav > li > a.user {
    color: #fff;
    margin-top: -5px;
    border-radius: 5px;
    height: 26px;
    line-height: 3px;
    font-size: 12px;
}

.navbar-inverse .navbar-nav > li > a.balance {
    background: #0078d7;
    height: 26px;
    color: #fff;
    line-height: 3px;
    border-radius: 5px;
    border: 0px solid #fff;
}

.paymentstrip {
    bottom: -1px;
    position: absolute;
    text-align: center;
}

.paymentstrip img {
    opacity: 0.7;
    max-width: 80%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

footer .paymentfooter {
    padding-top: 0px;
    color: #c1c1c1;
}


footer .disclaimer {
    color: #c1c1c1;
    font-size: 12px;
}

footer .flicense img {
    height: 40px;
}


footer .fhead {
    background: #f26421;
    padding: 5px;
    color: #231f20;
    font-weight: bold;
    font-size: 22px;
}

footer .fw {
    background: #fff;
}

footer {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-bottom: -119px;
    z-index: 0;
    max-width: 1920px;
    margin: 0 auto;
    color: #fff;
    background: none;

}

footer {
    padding: 0px;
    text-align: center;
    padding-bottom: 100px;
}

footer .license img {
    display: inline;
    float: left;
    vertical-align: middle;
}

footer .license span {
    display: table;
    margin-top: 4px;
    font-size: 12px;
}

footer li {
    list-style: none;
    padding: 0px;
}

footer ul {
    padding: 0px;
}

footer .main-nav li {
    display: inline-block;
    margin-left: 20px;
}

footer .sub-menu li {
    display: block;
    float: none;
    margin: 0px;
    font-size: 12px;
}

footer .menu {
    display: inline-block;
    padding-bottom: 0px;
}

footer .copy {
    text-align: right;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: var(--text-primary);
    text-decoration: none;
}

footer #footersticky {
    width: 100%;
    height: 30px;
    margin-top: -20px;
}

footer #themechanger {
    display: none;
}

footer #hidefooter {
    text-align: center;
    width: 50px;
    height: 30px;
    left: 50%;
    position: absolute;
    margin-left: -25px;
    background: var(--bg-tertiary);
    color: var(--text-primary);
    cursor: pointer;
}

footer #hidefooter:hover {
    color: #ff9800;
}

.providersgames li {
    float: left;
    padding;
    5px;
    margin-left: 20px;
    list-style: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
}

.providersgames ul {
    padding: 0px;
    margin: 0px;
}

.providersgames li:hover, .providersgames li.active {
    color: #fff;
}


.providersgames2 li {
    float: left;
    padding: 5px;
    margin-left: 20px;
    list-style: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
}

.providersgames2 ul {
    padding: 0px;
    margin: 0px;
}

.providersgames2 li:hover, .providersgames2 li.active {
    color: #fff;
}


.navbar-fixed-top.shad {
    box-shadow: 0px 4px 10px -2px #333;
}


.momennucontent img {
    height: 20px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    display: none;
}

.momennucontent {
    margin-top: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    box-shadow: 5px 0px 14px 6px #000;
    padding-top: 10px;
    background: #231f20;
    min-width: 300px;
    margin-right: 20px;
    text-align: center;
}

.profilemmen {
    display: inline-block;
}

.momennucontent .balance {
    display: inline-block;
    float: right;
    top: 0px;
}

.dropdown .balance .sum {
    display: block;
}

.momennucontent a {
    color: #ccc6c6;
    font-weight: bold;
}

.momennucontent .balance .sum {
    line-height: 24px;
}

.momennucontent .balance .bonuswallet {
    line-height: 10px;
    position: relative;
    left: auto;
}

.momennucontent ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-align: left;
    white-space: nowrap;
}

.momennucontent li.profilename {
    background: #00121e;
    color: #fff;
}

.momennucontent li {
    text-align: center;
    float: none;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    margin: 0px 10px;

}

.mobilesm_menu {
    width: 100%;
    overflow-y: auto;
}

.momennucontent li.menitem {
    text-align: center;
}

.momennucontent .sportlist li {
    line-height: 21px;
}

.momennucontent .sportlist li a {
    padding-right: 0px;
}

.providerscontainer {
    padding: 0;
    color: #fff;

}


.providerscontainer .providersgames li:active, .providerscontainer .providersgames li.active {
    background: #231f20;
    color: #b12029;

}

.providerscontainer .providersgames li {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */


    float: none;
    margin-left: 0px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    list-style: none;
    /* background: #000; */
    display: inline-block;
    /* width: 80px; */
}

.providerscontainer .providersgames ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
}


.providerscontainer2 {
    background: none;
    overflow: hidden;
    margin-top: 0px;
    padding: 0px;
    color: #fff;
    margin: 5px -10px;
    border-radius: 8px;
    overflow: hidden;
    display: none !important;

}


.providerscontainer2 .providersgames2 li:active, .providerscontainer2 .providersgames2 li.active {
    color: #00b15a;
    background: none;

}

.providerscontainer2 .providersgames2 li {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */


    border-radius: 2px;

    float: none;
    margin-left: 0px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    list-style: none;
    /* background: #000; */
    display: inline-block;
    /* width: 80px; */
}

.providerscontainer2 .providersgames2 ul {
    padding: 0px;
    margin: 0px;
    display: block;
    white-space: nowrap;
    /* min-width: 100%; */
    overflow: auto;
}


#mainloader img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    margin-top: -93px;
}


.uil-line-css.skin_150 {
    background-color: #505050;
    margin-top: 141px;
    display: none;
}

#poploginload .uil-line-css.skin_150 {
    margin-top: 0px;
}

.uil-line-css.skin_150:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #2f58ef;
    animation: loadingline 2s linear infinite;
}


#mainloader {
    background: #000000;
}

@media (max-width: 992px) {
    #mainloader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 150vh;
        background: #000000;
        z-index: 99999;
    }

    .preload_video_container {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
  }


.preload_video_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

@media (max-width: 992px) {
    .preload_video_container video {
        width: 50vw;
        height: 50vh;
        object-fit: contain;
    }
}

#poploginload.loader {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background: transparent;
    z-index: 9999;
    top: 0px;
    left: 0px;
}

#regformload.loader {
    position: absolute;
    display: none;
    width: 250px;
    height: 339px;
    background: rgb(95, 86, 82);
    text-align: center;
    z-index: 9999;
    margin-top: 16px;
}

#regformloader .uil-ring-css, #poploginload .uil-ring-css {
    margin-top: -100px;
}

.loginforgot {
    cursor: pointer;
}

.statusbon {
    color: #a474f9;
    display: block;
}

#confirm .modal-dialog {
    background: var(--bg-tertiary);
    box-shadow: 1px 1px 9px #000;

}

#confirm .modal-footer {
    border: 0px;
}

.bondat {
    font-size: 11px;
}

.bonusaccept {
    text-align: right;
    margin-top: 10px;
}

.promotionscont .boncontainer, #bonusdef .boncontainer {
    background: #231f20;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.navbar-brand > .mainlogo {
    width: 45px;
    height: 54px;
}

.mainlogo-icon {
    width: 100%;
    height: 100%;
    position: relative;
    transform: scale(1.15);
}
.mainlogo-icon > svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mainlogo-black-progress {
    position: absolute;
    left: 0px;
    z-index: -1;
}

.navbar-brand .mainlogo-icon > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 44px;
    height: 47px;
}

.navbar-brand .mainlogo-icon > img#nav-mobile-level-logo {
    width: 32px;
    height: 34px;
}

.mainlogo-progres-sparkle {
    animation: pulse 2.6s infinite ease-in-out;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}

.promotionscont .Name, #bonusdef .Name {
    display: inline-block;
    color: #f26421;
    padding-right: 5px;
    border-right: 1px solid #333;
}

.promotionscont .Name .desc, #bonusdef .Name .desc {
    font-size: 11px;
}

.promotionscont .n, #bonusdef .n {
    display: block;
    color: #fff;
}

.promotionscont .det, #bonusdef .det {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;

}

.promotionscont .det .desc, #bonusdef .det .desc {
    color: #f26421;
    font-size: 11px;
}

.bonuswallet {
    font-size: 10px;
    color: #f26421;
    margin-top: -5px;
    position: absolute;
    left: 15px;
    display: none;
}

.bonusescont table {
    width: 100%;
}

.bonusescont .n {
    display: block;
}

.bonusescont .desc {
    font-size: 12px;
    color: #bf198c;
}

.dataTables_filter {
    display: inline-block;
    float: right;
    margin-top: -25px;
}

.dataTables_filter input {
    border: 1px solid #ddd;
    max-width: 50px;
}

.modal_inner_data .dataTables_wrapper label {
    margin-left: 2px;
}

.dataTables_length {
    display: inline;
    padding-bottom: 10px;
    float: none;
    left: 0px;
    margin-top: 5px;
}

.paginate_button {
    padding: 5px;
    background: #1fa657;
    width: fit-content;
    height: 30px;
    text-align: center;
    color: #333;
    cursor: pointer;
    margin: 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.modal_data_history table {
    width: 100%;
    position: relative;
    margin-top: 20px !important;
}

.myaccountbtn.cancelwithdraw {
    width: 220px;
    height: 56px;
    margin-top: 50px;
    font-size: 30px;
    text-transform: uppercase;
    border: solid 2px #6e7aec;
    filter: var(--blue-button-filter);
    background: var(--blue-button-bg);
    /* box-shadow: 0 0 25px rgba(120, 140, 255, 0.9); */
    /* background-image: linear-gradient(to top, rgba(40, 53, 175, 1), rgba(104, 116, 240, 1)), linear-gradient(to bottom, rgba(60, 67, 137, 0.15), rgba(60, 67, 137, 0.15)); */
}

.myaccountbtn.bonuscancel {
    width: auto;
    margin-top: 0px;
}

.withdraws {
    padding-left: 10px;
    z-index: 32;
    height: 400px;
    width: 100%;
    color: #FFFFFF;
    display: none;
}

.widthdrawscont {
    width: 100%;
    height: 100%;
    background: #2b2b2b;

}

.midimg {
    transition: opacity 5s;
}

.widthdrawscont table {
    width: 100%;
}


.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity  3s;}
.carousel .active {left:0;opacity:0;z-index:2;}
*/
.carousel,
.item,
.item.active {
    height: 100%;

}

.latestwinnerswidget.item,
.latestwinnerswidget.item.active {
    height: 40px;
    padding: 5px;
    display: flex;

}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.game-container {
    display: none;
    overflow: hidden;
    border-radius: 5px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0px auto;
    flex-direction: row-reverse;

}

.gamename {
    display: none;
}

.game-container.active {
    display: flex;
}

.tournamentcontainer {
    display: none;
}

.tournamentcontainer, .jackpotcontainer {
    margin-top: 0px;
    padding: 0px;
}

.tournamentcontainer.active {
    display: block;
}

.tournamentgames {
    display: flex;
    justify-content: flex-start;
    justify-items: center;
}

 .tourboxinfo {
    text-align: left;
}

.tourbox {
    width: 100%;
    height: auto;
    aspect-ratio: 600 / 258;
    max-width: 360px;
    background-size: contain;
}

.tourgamelist {
    width: 100%;
    overflow-x: auto;
}

.tourgamecont {
    width: 100%;
    overflow-x: auto;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

.gamemode {
    padding: 0px;
    text-align: center;
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 50px;
    left: 0px;
    background: #000;
    z-index: 111;
    padding-top: 10px;

}

.gameholder {
    width: 100%;
    height: 100%;
    background: #040404;
    flex: 1;
}

.gametools {
    background: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0px;
    flex: 0;
}

.gametools ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    list-style: none;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.gamestar {
    display: none;
}

.gametools li {
    padding: 5px;
    padding: 5px;
    font-size: 20px;
    border-bottom: 0px solid #222;
    cursor: pointer;
}


.tournament_header, .jackpot_header {
    text-align: center;
}

.tournament_footer, .jackpot_footer {
    border-bottom: 1px solid #231f20;
    margin-bottom: 10px;
}

.padleft.fix {
    position: fixed;
    max-width: 200px;
    top: 57px;
}

.padleft {
    margin-top: 10px;
    margin-top: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding-bottom: 50px;
    margin-right: -35px;
}

/*
.tournament_header h4:after{
    content: "";
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 0%;
          right: 3em;
    margin-left: -50%;
}
*/

.sports .gamesearchcontainer {
    width: 100%;
    float: none;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.gamesearchcontainer {
    margin-top: 0px;
    margin-top: 0px;
    flex-shrink: 0;
}

.gamesearchcontainer.showd {
    display: flex;
    justify-content: flex-start;
}

.loadmorecont {
    text-align: center;
    padding-bottom: 40px;
    display: none;
    margin-top: 40px;
    border-bottom: 0px solid #fff;
}

.loadmorecont a {
    padding: 5px 20px;
    background: #0078d7;
    margin-top: 40px;
    display: inline-block;
    border: 1px solid #333;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}

.cat_header h4, .tournament_header h4 {
    display: flex;
    color: var(--cat-header-color);
    white-space: nowrap;
    text-align: left;
    position: relative;
    font-weight: bold;
    margin: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    text-transform: capitalize !important;
}

.cat_header h4:before, .tournament_header h4:before {
    /* content: "";
    display: block;
    min-width: 50px;
    height: 1px;
    background: #00ed84;
    margin-right: 15px;
    width: 100%; */
}

.cat_header h4:after, .tournament_header h4:after {
    /* content: "";
    display: block;
    min-width: 50px;
    height: 1px;
    background: #00ed84;
    width: 100%;
*/
    margin-left: 15px;
}

.tournament_header h4 i {
    margin: 0px 10px;
}

.cat_header {
    text-align: left;
    padding: var(--space-sm) 0;
    background: none;
    width: 100%;
    display: grid;
    /* overflow-y: auto; */
    position: relative;
}

.cat_container {
    overflow: hidden;
    overflow-x: auto;
    padding: 10px 0px;
}

.gamecontainer-arrow {
    position: absolute;
    top: 54%;
    z-index: 9;
    border-radius: 100px;
    background: rgba(35, 35, 31, 0.67);
    box-shadow: 0 2px 4.7px 0 rgba(0, 0, 0, 0.80), 0 1px 1.7px 0 rgba(217, 217, 217, 0.70) inset, 0 0 4px 0 rgba(139, 137, 133, 0.28) inset;
    backdrop-filter: blur(2px);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.providersgames .gamecontainer-arrow {
    top: 47%;
    width: 40px;
    height: 40px;
}

.providersgames .gamecontainer-arrow.right-arrow {
    right: -20px;
}

.providersgames .gamecontainer-arrow.left-arrow {
    left: -20px;
}

.providersgames .gamecontainer-arrow img {
    width: 16px;
    height: 16px;
}

.tournamentcontainer .gamecontainer-arrow {
    top: 50%;
}

.gamecontainer-arrow.hideit {
    display: none;
}

.gamecontainer-arrow.right-arrow {
    right: -30px;
}

.gamecontainer-arrow > img {
    width: 28px;
    height: 28px;
}

.gamecontainer-arrow.left-arrow {
    left: -30px;
}

.gamecontainer-arrow.left-arrow > img {
    transform: rotate(180deg);
}

.cat_header h4, .tournament_header h4 {
    padding: var(--space-xs) 0;
    margin: 0;
    font-family: var(--cat-header-font-family);
    font-size: var(--cat-header-font-size);
}

.tournament_header h4 {
    font-size: 32px;
}

.cat_header h4 {
    position: absolute;
    left: 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
}

.cat_header h4.providers {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-left: 5px;
    padding: 0;
}

.cat_header h4.providers::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    height: 1px;
    background-color: var(--primaty-green);
    width: calc(100vw - 100% - 20px);
}

.cat_header .slider-addow-box-b, .tournament_header .slider-addow-box-b {
    float: right;
    display: inline-block;
    margin-right: 2px;
    position: absolute;
    right: 0px;

}
.tournament_header {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.cat_header .slider-addow-box-b a, .tournament_header .slider-addow-box-b a {
    color: #fff;
    cursor: pointer;
    /* z-index: 111; */
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    /* font-size: 15px; */
    /* margin-left: 10px; */
    text-align: center;
    cursor: pointer;
    text-transform: capitalize;
    /* font-size: 12px; */
    /* border-radius: 5px; */

}

.cat_header .slider-addow-box-b a:hover {
    text-decoration: underline;
}

.jackpot_header h4:after {
    background-color: #231f20;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    right: 7.5em;
    margin-left: -50%;
}

.jackpot_header h4:before {
    background-color: #231f20;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    left: 7.5em;
    margin-right: -50%;
}

/*
.tournament_header h4:before{
        background-color: #bf198c;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
         left: 13em;
    margin-right: -50%;
}
*/
.jackpotgames {
    height: 238px;
    overflow: hidden;
}

.tourprizetable th {
    width: 20px;
}

.tourprizetable td {
    text-align: left;
}

.tourprizetable {
    width: 200px;
}

.tourdesccounter {
    text-align: center;
}

.tourcountdown {
    font-size: 25px;
}

.tourdescwinners {
    border-right: 7px solid #3b4ee5;
    border-left: 7px solid #3255ec;

    padding: 4px 20px;
    text-align: center;
}

.tournamentgamescont {
    display: grid;
    overflow-x: auto;
    overflow-y: hide;
    width: 100%;
}

#tourn_info .ntourbox {
    width: 100%;
}

.ntourbox {
    cursor: default;
    background-size: contain;
    width: 300px;
    max-width: 300px;
    aspect-ratio: 600 / 307;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 13px;
    overflow: hidden;
    justify-content: space-between;
    margin: 5px;
    background-repeat: no-repeat;
}

.tourbox span {
    margin: var(--space-xs);
}

.tourboxprize span {
    color: #0a1e04;
}

.tourtype_SC .tourboxprize span {
    color: #1fa657;
}

.tourboxprize {
    font-family: 'Heebo';
}

.tourinfo a {
    color: #fff;
    cursor: pointer;
}

.tourinfo a:hover {
    opacity: 0.8;
}

.tourtime {
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
}

.tourboxtop {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 10px;
    color: #fff;
    justify-content: space-between;
}

.tourboxtop h4 {
    font-family: 'Heebo';
    margin-bottom: 0px;
    text-transform: uppercase;
}

.tourtype {
    text-transform: uppercase;
}

.tourboxbot {
    width: 100%;
    background-image: linear-gradient(to top, #b96b0f, #ffca37);
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2px 10px;
}

.tourtime label {
    margin-bottom: 0px;
    font-weight: normal;
}

.jackpotgames ul {
    list-style: none;
    padding: 0px;
    height: 100%;
}

.jackpotgamebox {
    float: left;
    width: 200px;
    height: 210px;
    margin: 13px;
    border: 1px solid #333;
    overflow: hidden;
    background: #0f0f0f;
}

.jackpotgamebox .gameimg {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 184px;
    box-sizing: border-box;
    box-shadow: 0 -1px 34px #171717 inset;
    background-size: cover;
}

.jackpotgamebox .hover {
    position: absolute;
    text-align: center;
    width: 79px;
    background: rgba(20, 6, 6, 0.76);
    font-size: 10px;
    display: none;
    height: 90px;
}

.jackpotgamebox .hover .playreal {
    margin-top: 25%;
}

.jackpot_header .slider-addow-box-b {
    float: right;
    position: absolute;
    right: 0px;
    right: 30px;
    margin-top: -24px;
}

.slider-addow-box-b ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.slider-addow-box-b li {
    display: inline-block;
    padding: 2px 5px;
    color: #231f20;
    cursor: pointer;
}

.slider-addow-box-b li.disabled {
    color: #333;
}

.gamescontainer ul {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin: 0px auto;
}

.gameboxold {
    display: inline-block;
    width: 200px;
    height: 162px;
    margin: 10px;
    border: 1px solid #333;
    overflow: hidden;
    background: #0f0f0f;
}

#loadgamebox .modal-header {
    padding: 0px;
}

#loadgamebox .modal-content {
    background: #222f35;
    text-align: center;
}

.mgameboxb.gamebox .mic, .mgamebox.gamebox .mic {
    float: Left;
    margin-top: 0px;
    display: block;
    border-radius: 0px 0px 10px 0px;
    height: 27px;
    background: #2f3d44;
    z-index: 1;
    position: absolute;
    /* width: 90px; */
    top: 3px;

}

.mgameboxb .mgameimg, .mgamebox .mgameimg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    box-sizing: border-box;
    box-shadow: 0 0px 25px #171717 inset;
    background-size: cover;
    margin: 0px;
    min-width: 100%;
    height: auto;

}

.gamebox {
    display: inline-block;
    width: 100px;
    height: 117px;
    margin: 3px;
    overflow: hidden;
}


.mgameboxb:before, .mgamebox:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mgamebox {
    display: inline-block;
    width: 33.333%;
    margin: 0px;
    overflow: hidden;
    float: left;
    position: relative;
    height: auto;
}


.mgameboxb {
    display: inline-block;
    width: 66.65%;
    margin: 0px;
    overflow: hidden;
    float: left;
    position: relative;
    height: auto;
}


.gamebox .gameimg {
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100px;
    box-sizing: border-box;
    background-size: cover;
    border: none;
    /* border: 1px #89ff88 solid; */
    border-radius: 10px;
}

.gamescontainer ul .gamebox.gameboxbigimg .gameimg {
    border-width: 2px;
}

.playbtn {
    width: 95%;
    min-height: 20px;
    color: #333;
    padding: 3px 0px;
    margin-bottom: 2px;
}

.playbtn.playreal {
    background: #6eec89;
    font-weight: bold;
    border: 1px solid #00b15a;
    white-space: nowrap;
    color: #fff;
    border-radius: 50px;
    width: unset;
    padding: 5px 15px;
    font-size: 18px;

}

.gamebox .playbtn.playfun {
    margin-top: 8px;
    border-radius: 5px;
    display: none !important;
}

.playbtn.playfun {
    color: #fff;
    border-radius: 5px;
    background: #000;
    border: 1px solid #8a6d3b;
    /*    background: rgba(0,0,0,0.6);
    border: 1px solid #111; */
    font-weight: bold;
}

.gamebox .mic {
    float: Left;
    margin-top: 0px;
    display: block;
    border-radius: 0px 0px 10px 0px;
    height: 27px;
    background: #2f3d44;
}

.gamebox .hover .playreal {
    margin-bottom: 0px;
}

.categories {
    padding: 0px 5px;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 7px;
    flex: 1;
}

.categories ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    margin-top: 0px;
    text-align: left;
}

.categories li {
    cursor: pointer;
    padding: 5px;
    background: #7a8e84;
    border-radius: 50px;
    white-space: nowrap;
    font-weight: normal;
    display: inline-block;
    padding: 5px 12px;
    font-weight: normal;
    margin: var(--space-xs);
}

.categories li:last-child {
    padding-right: 14px;
    border-bottom: none;
}

.bannerbutton {
    height: 40%;
    width: 30%;
    position: absolute;
    bottom: 0px;
}

.categories li:hover {
    font-weight: normal;
    color: #f0cf61;
    /*    border-bottom: 8px solid #f26421;*/
}

.categories ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.categories li.active {
    background: #00ed84;
    font-weight: bold;
    color: #101c10;
}

.sidebar {
    z-index: 1;
}

.searchresults ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.searchresults li {
    height: 80px;
    width: 100%;
    padding: 2px;
    background: #000;
    margin: 2px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.sboxrow {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}

.searchresults li.sp {
    height: auto;
}

.searchresults .searchgameimg {
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    aspect-ratio: 9/9;
    background-position: center;
}

.searchresults .searchgamename {
    position: relative;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 160px;
    overflow: hidden;
    color: var(--text-primary);
}

.searchresults .searchgamebuttons {
    position: relative;
}

.searchresults .playbtn {
    width: 120px;
    min-height: 20px;
    padding: 3px 4px;
    margin-bottom: 2px;
    float: left;
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;
}

.searchresults:after, .searchresults:before {
    right: 100%;
    top: 46px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.searchresults:before {
    border-color: rgba(13, 160, 255, 0);
    border-right-color: #231f20;
    border-width: 9px;
    margin-top: -37px;
}

.resbox {
    padding: 5px;
    background: #fff;
    cursor: pointer;
}

.resbox .restour {
    display: block;
    color: #1e805d;
    font-size: 11px;
}

.resbox .resname {
    display: block;
    color: #082538;
    font-size: 14px;
}

.searchresults {
    width: 250px;
    display: none;
    min-height: 40px;
    background: #000;
    color: #000;
    float: left;
    z-index: 10;
    margin-top: 40px;
    position: absolute;
    margin-left: 0px;
    box-shadow: 1px 1px 8px #7d7878;
    border-radius: 5px;
    margin-left: 10px;

}

.gamesearchm {
    margin: var(--space-xs);
    width: 100%;
    padding: 5px;
    border: 1px solid #cbc4c4;
    color: #333;
    background: #fff;
    border-radius: 50px;
}


.spt_4 .sportsearch:focus {
    outline: none;
}

.spt_4 .sportsearch {
    float: left;
    color: #9f9f9f;
    width: 90%;
    background: none;
}

.sportsearch {

    border: 0px;
    color: #333;
    padding: 8px;
    width: 100%;
    background: #fff;

}

.sportsearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8f8f8f;
    opacity: 1; /* Firefox */
}

.sportsearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8f8f8f;
}

.sportsearch::-ms-input-placeholder { /* Microsoft Edge */
    color: #8f8f8f;
}

.search-icon {
    cursor: pointer;
    font-size: 20px;
    padding: 5px;
    background: #7a8e84;
    border-radius: 50px;
}

.gamesearch {
    display: none;
    color: #fff;
    border: 0px;
    padding: 5px;
    width: auto;
    background: #7a8e84;
    width: 80px;;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
}

.gamesearch.active {
    display: block;
    width: 120px;
    margin-left: 10px;
}

.dingame #coinswitch {
    display: none;
}

#coinswitch.tc span.gcc {
    display: none;
}

#coinswitch.tc span.gct {
    display: block;
}

#coinswitch.gc span.gcc {
    display: block;
}

#coinswitch.gc span.gct {
    display: none;
}


#coinswitch {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    border-radius: 50px;
    align-content: center;
    font-weight: bold;
    overflow: hidden;
    height: 44px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 1px 2px 8px 0px rgba(0, 0, 0, 0.5), inset -1px -2px 8px 0px rgba(0, 0, 0, 0.5);
}

#coinswitch span {
    padding: 0px 12px 0px 24px;
    font-size: 24px;
}

.ios.mobile-scale #coinswitch span {
    font-size: 28px;
}

.tcmode img, .gcmode img {
    height: 30px;
}

.menitem.open {
    background: #fff;
}

.coinsloc {
    position: relative;
    z-index: 1;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: stretch;
    margin: 0px;
    width: 95px;
    height: 44px;
    flex-direction: row;
}

.getcoins {
    color: #fff;
    display: none;
    white-space: nowrap;
    background-color: #ff1f4a;
    border-radius: 50px;
    padding: 5px 10px;
    text-transform: capitalize;
    cursor: pointer;
}

.bubble {
    display: none !important;
    position: absolute;
    min-width: 200px;
    min-height: 100px;
    background: #fff;
    border-radius: 5px;
    top: 70px;
    z-index: 11;
    padding: 5px;
    max-width: 250px;
    font-size: 12px;
    display: none;

}

.gcmode h4 {
    color: #ffc81b;
    font-size: 14px;
}

.tcmode h4 {
    color: #31b335;
    font-size: 14px;
}

.gcnum .gct {
    display: none;
}

#coinswitch.gc .bubble {
    border: 1px solid #ffc81b;
}

#coinswitch.gc .bubble::before {
    border-bottom-color: #f0cf61;
}

.closebubble {
    width: 100%;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;

}

#coinswitch.tc .gcmode {
    display: none;
}

#coinswitch.gc .tcmode {
    display: none;
}

#coinswitch.tc .bubble {
    border: 1px solid #31b335;
}

#coinswitch.tc .bubble::before {
    border-bottom-color: #31b335;
}

#coinswitch.tc .bubble::before, #coinswitch.tc .bubble::after {
    left: 57%;
}

.bubble::before, .bubble::after {
    content: '\0020';
    display: block;
    position: absolute;
    top: -10px;
    left: 34%;
    z-index: 2;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 11px transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

.bubble::before {
    top: -11px;
    z-index: 1;
    border-bottom-color: #32557f;
}

.coinsloctop img, .coinslocbg img {
    height: 30px;
}

#coinswtchcont {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#navbar.mbar {
    flex: 0;
    width: 5px;
}

.loggedout #navbar.mbar {
    flex: 1;
}

#navbar .logm {
    align-items: center;
}

.loggedout #navbar .logm {
    align-items: stretch;
}

.coinsloctop {
    position: absolute;
    border-radius: 25px;
    width: 100%;
    padding: 0px;
    font-family: 'Heebo';
    height: 100%;
    top: 1px;
}

#coinswitch.tc .coinsloctop {
    background: #31b335;
}

#coinswitch.gc .coinsloctop {
    background-color: #DCA100;
    background: repeating-linear-gradient(323deg, #DCA100, #FFBC07, #ffef5b 100px);
}

.tc .coinsloctop .gccoin {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.gc .coinsloctop .tccoin {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.tc .coinsloctop .tccoin {
    animation-name: move_tc;
    animation-duration: 0.4s;
    position: absolute;
    z-index: 1;
    background-image: url('/img/150/LS-SCCoin.png'); /* Set background image */
    background-size: cover; /* Ensure the image covers the entire area */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    border-radius: 50%; /* Keep the circular shape */
    width: 41px;
    height: 41px;
    padding: 2px 3px;
    font-weight: bold;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #70d758;
    left: 54%;
    top: 50%;
}

.coinsloctop > .gccoin,
.coinsloctop > .tccoin {
    top: 50%;
    transform: translateY(-50%);
}

.coinsloctop > .gccoin,
.coinsloctop > .tccoin {
    top: 50%;
    transform: translateY(-50%);
}

.coinsloctop > .gccoin,
.coinsloctop > .tccoin {
    top: 50%;
    transform: translateY(-50%);
}

.gc .coinsloctop .gccoin {
    animation-name: move_gc;
    animation-duration: 0.4s;
    position: absolute;
    z-index: 1;
    background-image: url('/img/150/LS-GCCoin.png'); /* Set background image */
    background-size: cover; /* Ensure the image covers the entire area */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    border-radius: 50%; /* Keep the circular shape */
    padding: 2px;
    font-weight: bold;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center; /* Center content horizontally */
    font-size: 20px;
    color: #ffffff;
    width: 42px;
    height: 42px;
}

.gccoin, .gccoinbg {
    padding-right: 2px;
}

.tccoin, .tccoinbg {
    padding-left: 2px;
}

.ggcnum:before {
    content: "";
    position: absolute;
    border: 1px solid #f0cf61;
    border-radius: 25px;
    width: 180%;
    height: 100%;
    margin: 0px -10px;
    display: none;
}

.tfcnum:before {
    content: "";
    position: absolute;
    border: 1px solid #5dce4a;
    border-radius: 25px;
    width: 180%;
    height: 100%;
    right: 0%;
    display: none;
}

#coinswitch.tc .tcnum:before {
    display: block;
}

#coinswitch.gc .gcnum:before {
    display: block;
}


.gcnum img {
    display: none;
    height: 20px;
    margin-right: 5px;
}

.tc .gcnum img.gctcoinbg {
    display: block;
}

.gc .gcnum img.gcccoin {
    display: block;
}

.gcnum {
    padding: 0px 0px;
    display: flex;
    color: #fff;
    border-radius: 4px;
    position: relative;
    align-items: center;
    line-height: 11px;
    white-space: nowrap;
    flex-wrap: nowrap;
    font-weight: normal;
}

.fas.fa-plus {
    background-size: cover; /* Make the image cover the entire area */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent repeat */
    width: 42px; /* Set the width based on your image size */
    height: 42px; /* Set the height based on your image size */
    display: inline-block; /* Display as an inline block for layout */
    font-size: 0; /* Hide the original Font Awesome icon */
    line-height: 0; /* Remove the extra space around the icon */
    vertical-align: middle;
    margin: 0px;
    position: relative;
    right: 3px;
}

.gc .fas.fa-plus {
    background-image: url('/img/150/LS-pluso.png'); /* Path to your image */

}

.tc .fas.fa-plus {
    background-image: url('/img/150/LS-plusg.png'); /* Path to your image */
}

.tcnum {
    padding: 0px 10px;
    display: flex;
    color: #31b335;
    position: relative;
    align-items: center;
}

.gcnum i {
    padding: 3px 6px;
    margin: 2px;
    border-radius: 0px 50px 50px 0px;
    color: #fff;
    font-size: 20px;

}


@keyframes move_gc {
    from {
        margin-left: 50%;
    }
    to {
        margin-left: 0%;
    }
}

@keyframes move_tc {
    from {
        margin-left: -40%;
    }
    to {
        margin-left: 2%;
    }

}

.transparent {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    filter: alpha(opacity=30);

    /* Netscape */
    -moz-opacity: 0.3;

    /* Safari 1.x */
    -khtml-opacity: 0.3;

    /* Good browsers */
    opacity: 0.3;
}

.navbar-inverse {
    margin-bottom: 0px;
    background: #000;
    border: none;
    border-radius: 0px;
    position: relative;
    width: 100%;
    z-index: 112;
    top: 0px;
}

.navbar-inverse .navbar-nav > li > a.menudep {
    color: #fff;
    height: 26px;
    line-height: 3px;
    border: 0px solid #fff;
    background: #14805e;
    margin-left: 5px;
    border-radius: 5px;
}

.navbar-inverse .navbar-nav > li > a.menudep:hover {
    background: #08b37d;
}

.carousel-indicators {
    left: unset;
    text-align: center;
    width: 100%;
    margin: 0px;
    padding-right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 15;
    list-style: none;
    display: none;
}

.navbar > .container-fluid .navbar-brand {
    left: 0px;
    padding: 0px 5px;
}

.navbar > .container .navbar-brand {
    padding: 0px;
}

.navbar-brand img {
    height: 100%;
}

/*.navbar-brand{display:none; */

.iframeload {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 4;
    left: 0px;
    display: none;
}

.iframeload img {
    position: absolute;
    left: 50%;
    width: 105px;
    height: 105px;
    margin-left: -52px;
    top: 50%;
    margin-top: -100px;
}

#depositiframe {
    min-height: 500px;
    width: 100%;
    border: 1px solid #231f20;
    position: absolute;
    z-index: 3;
    left: 0px;
    background: #fff;
}

.slide1 {
    background: url(img/slide1.jpg) center no-repeat;
    background-size: cover;
    height: 277px;
}

.jumbotron {
    background: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    max-height: unset;
    padding: 0px;
    margin-top: 0px;
}

.results .wrap .container.gamemain, .jumbotron .container {
    background: none;
}


.sports .wrap .container.gamemain {
    background: none;
}

.container.contentmain, .container.gamemain {
    min-height: 100%;
    margin-top: 0px;
}

.container.contentmain {
    padding: 0px;
    width: 100%;
}

.container.gamemain {
    margin: 0px auto;
    width: 100%;
}

.purplegradient {
    background: linear-gradient(90deg, #4149E0 0%, #2F58EF 44.27%, #8017F5 100%);
}

body .is-layout-flex.homepageboxes {
    flex-direction: row;
}

.mwonk {
    width: 1000px;
    margin: 0px auto;
}

.wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center {
    align-items: center;
}

.section1 {
    height: 1198px;
}

.section1 .mwonk {
    width: 70vw;
}

.section1 h1 {
    font-size: 20em;
}

.section1 .mwonk h1 {
    font-size: 7.5em;
    white-space: nowrap;
}

.section1 .mwonk h2 {
    font-size: 4em;
    white-space: nowrap;
}

.tourdescwinners h4 {
    margin: 0px;
}

.section1 .mwonk p {
    font-size: 1.5em;
}

.section2 h1 {
    font-size: 4em
}

.section2 h2 {
    font-size: 2.3em
}

.section2 .buttonsrow .wp-block-button {
    margin: 5px 20px;
}

.section2 .buttonsrow .wp-block-button a {
    color: #fff;
}

.section5 .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
}

.wp-block-button a:hover {
    color: #fff;
}

.nopadding {
    padding: 0px;
}

.has-black-color {
    color: #000;
}

.wp-block-columns {
    margin-bottom: 0px;
}

.homepageboxes p {
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.textboxbot {
    margin-bottom: 10px !important;
    margin-top: -5px !important;
}

.jumbotron .container {
    padding-top: 8px;
    padding-left: 0px;
    padding-right: 0px;
}

.dropdown-menu.langs {
    max-width: 110px;
    width: 110px;
}

.dropdown-menu.langs a {
    color: #231f20;
}

.mainlangs {
    margin-left: 5px;
    margin-top: 5px;
}

.flag, .fflags span {
    display: inline-block;
}

.pagehead {
    display: inline-block;
}

.formcontainer input {
    padding: 5px;
    color: #333;
    border: 1px solid #000;
    width: 100%;
}

.form-termsage, .form-terms {
    font-size: 12px;
}

.signup-form-container {
    padding: 5px;
    background: none;
}

.form_error {
    color: #cc5155;
    display: none;
    font-size: 11px;
    line-height: 8px;
    margin-bottom: 5px;
}

.flag {
    display: inline-block;
}

.popdiv {
    display: none;
}

.form-termsage a, .form-terms a {
    color: #2c4f38;
    text-decoration: underline
}

.lobbyoffers {
    display: none;
    margin-bottom: 20px;
}

.lobbyoffers.flx {
    display: flex;

    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: stretch;
    text-align: center;
}

#newpassbtn, #popsignupbtn, #signupbtn {
    background: #6aa663;
    color: #fff;

    border: none;
    padding: 10px;
    border-radius: 50px;
    min-width: 80%;
    font-size: 15px;
    font-weight: bold;
    margin: 5px auto;
    display: inline-block;
}

.regl {
    color: #2c4f38;
    padding: 15px 2px;
}

.rightpoper .form-container {
    padding-bottom: 20px;
    padding-top: 25px;
}

.rightpoper .form-container.signup-form-container.twostep {
    padding-top: 0px;
}

.form-container.signup-form2-container {
    padding-bottom: 10px;
}

.popreg {
    text-decoration: underline;
    cursor: pointer;
}

.reglinks {
    display: none;
}

.form-submit {
    text-align: center;
}

.regformrow .form-submit {
    width: 80%;
    margin: 0 auto;
}

.form-container input {
    padding: 10px;
    border-radius: 2px;
    color: #333;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 5px;
}


.menuloginbox .menuinput::-ms-input-placeholder, .menuloginbox .menuinput:-moz-placeholder, .menuloginbox .menuinput::-moz-placeholder, .menuloginbox .menuinput::-webkit-input-placeholder {
    color: #231f20;
}

.menuloginbox .menuinput {
    width: 125px;
    border: 1px solid #f26421;
    padding: 0px 5px;
    border-radius: 0px;
    color: #231f20;
    display: inline-block;
    height: 25px;
    line-height: 25px;

}

#msg .modal-header {
    padding: 0px;
}

#msg .modal-body {
    padding: 7px 32px 13px 32px;
}

.menudep {
    font-weight: bold;
    color: #fff;
    height: 26px;
    /* line-height: 30px; */
    /* margin-top: 10px; */
    min-width: 80px;
    text-align: center;
    padding: 3px 5px;
    margin-left: 0px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #6c7282;
    background: #1b2131;


}

.menureg2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 0.2em 1.2em;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #6eec89;
    background: #6eec89;
    box-shadow: 0 1px 0 #2c4f38;
    display: flex;
    border-radius: 15px;
    margin: 0px 10px;
    justify-content: space-between;
    align-items: center;
}

.menureg2 i {

    color: #00ed84;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    text-align: center;
    font-size: 8px;
    margin-top: -3px;
}

.menureg2 i {
    margin-right: 5px;
    margin-left: 5px;
}

.modal-backdrop {
    opacity: 0.8 !important;
}

.menulogin3, .menulogin2 {
    border: 1px solid #2c4f38;
    background: #2c4f38;

    color: #fff;
    margin: 0px 10px;
    /* margin-top: 10px; */
    /* width: 110px; */
    text-align: center;
    padding: 0.2em 1.7em;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    box-shadow: 0 1px 0 #7a8e84;
}

.menuloginbox .links {
    text-align: right;
}

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.fade-scale.in {
    opacity: 1;
    transform: scale(1);
}

.menuloginbox {
    margin-top: 5px;
}

.loginforgot {
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
}

.loginforgot:hover {
    color: #fff;
}

#loginerrormenu {
    color: #f26421;
    font-size: 11px;
    line-height: 11px;
}

#navbar {
    margin-bottom: 0px;
    padding: 0px 0px;
    flex: 1;
    margin-bottom: 0px;
    padding: 0px 0px;
    flex: 1;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
}

.menleftpos {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-left: 20px;
}

.menleftpos .tpma {
    padding: 5px 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0px 1px;
    position: relative;
    justify-content: center;
}

.menleftpos .tpma a {
    color: #fff;
}

.menleftpos .tpma.active, .menleftpos .tpma:hover {
}

.menleftpos .tpma.active a, .menleftpos .tpma:hover a {
    ext-decoration: underline;
}

#navbar .logm {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;

}

.leftbans {
    padding-right: 0px;
    padding-left: 0px;
    background: #000;
}

.midimg {
    height: 286px;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-right {
    padding-right: 0px;
    padding-left: 15px;
    overflow: hidden;
}

.regform {
    width: 100%;
    margin-top: 17px;
}

.regform h4 {
    text-align: center;
    text-transform: uppercase;
}

.regcontainer {
    width: 250px;
    background: rgba(0, 0, 0, 0.6);
    float: right;
    top: 0px;
    margin-right: -250px;
    margin-top: -50px;
}

.downloadleft {
    background: url('/img/download.jpg?v=1') no-repeat;
    background-size: cover;
    width: 250px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 35px;
    height: 186px;
    cursor: pointer;
    display: none;
}

.downloadleft p {
    position: absolute;
    width: 250px;
    margin-top: 75px;
    font-size: 18px;
    font-weight: bold;
}

.menitem {
    text-align: center;
    color: #bdbdbd;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: center;
    justify-content: flex-start;
    margin: 0px 20px;
}

.menitem.active {
    border-bottom: 2px solid #ffd400;
}

.menitem ul {
    margin: 8px 0 0;
}

.dropdown-toggle.balance {
    font-size: 12px;
}

.menitem .nav > li > a {
    padding: 0px;
    color: #bdbdbd;
}

.menitem .nav > li > a:active, .menitem .nav > li > a:hover {
    background: none;
}

.menitem .nav .open > a, .menitem .nav .open > a:focus, .menitem .nav .open > a:hover {
    background: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background: #353632;
    color: #fff;
}

.flag-icon {
    line-height: 15px;
}

.menucontainer .navbar-nav .open .dropdown-menu {
    z-index: 56;
}

.navbar-nav .open .dropdown-menu {
    text-transform: uppercase;

    position: absolute;
    margin-top: 0px;
    left: auto;
    right: 1px;
    box-sizing: border-box;
    box-shadow: 0 0 -1 2px rgba(0, 0, 0, .2), 0 3px 10px -2px #000;
    z-index: 55;
    background: #353632;
    border-radius: 0px;
    min-width: auto;
    padding: 0px;
    border: none;
    text-align: left;
}

.dropdown-menu {
    position: absolute;
    margin-top: 0px;
    left: auto;
    right: 0px;
    box-shadow: none;
    z-index: 55;
    background: #000;
    border-radius: 0px;
    min-width: auto;
    padding: 0px;
    border: none;
    text-align: left;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.dropdown-menu li span.flag {
    margin-right: 5px;
}

.useridholder {
    display: flex;
    justify-content: center;
}

.menitem .dropdown-menu > li > a, .dropdown-menu li {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
}

.menitem .dropdown-menu > li > a i {
    margin-right: 5px;
}

.menprofile li a.menlogoutb {
    margin-bottom: 15px;
}

.menheadb span {
    font-size: 16px;
    line-height: 34px;
    font-size: 18px;
    line-height: 34px;
    flex: 1;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mhh {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}

.useridholder {
    color: #F1F2F7;
    text-align: center;
    max-width: 100%;
}

@media (max-width: 768px) {
    li.my-acc li.promomenbut {
        display: none;
    }

    #myCarouselslick a.wp-block-button__link.has-white-color.has-text-color.has-background.wp-element-button {
        font-size: 14px;
        margin: 0;
    }

    #myCarouselslick .wp-block-buttons.is-content-justification-right {
        padding: 0px;
    }
}

@media (max-width: 490px) {
    #myCarouselslick a.wp-block-button__link.has-white-color.has-text-color.has-background.wp-element-button {
        font-size: 9px;
    }

    .search-lobby-recommend ul {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
}


@media (max-width: 460px) {
    .search-lobby-recommend ul {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    }
}

@media (max-width: 410px) {
    .search-lobby-recommend ul {
        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    }
}

.fa-bars {
    float: right;
    padding-top: 5px;
    font-size: 24px;
}

#menu-back {
    float: left;
    padding-top: 5px;
    padding-left: 5px;
    font-size: 24px;
}

#sclinks {
    display: flex;
    align-content: stretch;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    margin-bottom: 5px;
}

#sclinks.hideit {
    display: none;
}

.gglog {
    width: 250px;
}

.spacer:before {
    content: "";
    content: "";
    height: 2px;
    background: #2c4f38;
    flex: 1;
    margin-right: 20px;

}

.spacer:after {
    content: "";
    height: 2px;
    background: #2c4f38;
    flex: 1;
    margin-left: 20px;
}

.orange {
    color: #ff9500;
}

.resendsms,
#popsignupbtn_2,
#popsignupbtn_3,
.regtype-register > .popreg,
.regtype-login > .poplogin {
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
}

.resendsms:hover,
#popsignupbtn_2:hover,
#popsignupbtn_3:hover,
.popforgot > span:hover,
.regtype-register > .popreg:hover,
.regtype-login > .poplogin:hover
{
    color: #c4c4c4
}

.modal-body:has(.loginformpop:not(.hideit)) .regtype-register {
    padding-top: 0px;
}

.loginformpop {
    padding-top: 25px;
}

.poplogin.left {
    text-decoration: capitalize;
    text-decoration: underline;
}

.popfirstname:before {
    content: "First Name";
    background: #2c4f38;
    flex: 1;
    /* margin-right: 20px; */
    position: absolute;
    min-width: 120px;
    z-index: 1;
    /* height: 46px; */
    color: #fff;
    padding: 11px 20px;
    border-radius: 50px 0px 0px 50px;

}

.popsignup_password:before {
    content: "Password";
    background: #2c4f38;
    flex: 1;
    /* margin-right: 20px; */
    position: absolute;
    min-width: 120px;
    z-index: 1;
    /* height: 46px; */
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px 0px 0px 50px;

}

.popsignup_email:before {
    content: "Email";
    background: #2c4f38;
    flex: 1;
    /* margin-right: 20px; */
    position: absolute;
    min-width: 120px;
    z-index: 1;
    /* height: 46px; */
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px 0px 0px 50px;

}

#reglogin .form-container input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #2c4f38;
    border-radius: 50px;
    padding: 10px;
}

#reglogin .form-container input[type="checkbox"]:checked {
    background-color: #2c4f38;
    border-color: #2c4f38;
}

.poplastname:before {
    content: "Last Name";
    background: #2c4f38;
    flex: 1;
    /* margin-right: 20px; */
    position: absolute;
    min-width: 120px;
    z-index: 1;
    /* height: 46px; */
    color: #fff;
    padding: 11px 20px;
    border-radius: 50px 0px 0px 50px;

}

.popforgotpass {
    padding: 0px 20px;
}

#forgot_new_err_password,
#pop_forgot_err_email,
#popsignuperror_1{
    margin-top: 15px;
    line-height: 1;
    margin-bottom: 0px;
}


.spacer {
    font-weight: bold;
    font-size: 12px;
    color: #2c4f38;

    margin: 10px auto;
    text-align: center;
    /* color: black; */
    /* font-size: 40px; */
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}

.fblog {
    width: 250px;
    margin-top: 10px;
}

.reglinkemail {
    font-weight: bold;
}

.oopen:before {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 4px;
    display: block;
    background: #2b2b2b;
    z-index: 555;
}

.menname {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
}

.menemail {
    font-size: 11px;
    line-height: 14px;
}

.menid {
    font-size: 13px;
    line-height: 13px;
    color: #0078d7;
    margin-bottom: 5px;
}

.menprofile {
    position: relative;
    display: block;
    top: 0;
    width: 250px;
    opacity: 0;
    z-index: 113;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

body.openMenu .menprofile {
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
    background: rgba(0, 0, 0, 0.4);
    overflow-x: hidden;
    z-index: 300;
}

@media (max-width: 992px) {
    body.openMenu .menprofile {
        background: var(--bg-primary);
    }
}

.dropdown-menu li.profilename {
    background: #231f20;
    cursor: auto;
    color: #fff;
}

.menprofile .fa {
    margin-right: 10px;
    margin-top: 5px;
}

.dropdown-menu.langs > li > a {
    padding: 3px 4px;
}

.dropdown-menu.langs > li > a:hover {
    background: none;
    color: #fff;
}

.loadmyprofile i {
    margin-right: 5px;
}

.menitem .dropdown-menu > li > a:hover, .menitem .dropdown-menu > li > a {
    display: block;
    font-weight: auto;
    line-height: auto;
    white-space: auto;
}

#page_content .modal-content, #my_profile .modal-content {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    min-height: 400px;
    background: #fff;
    color: #333;
    text-align: left;
}

#my_profile .modal-content {
    background: #000;
}

#my_profile .modal-dialog {
    border-radius: 50px;
    border: none;
    background-color: rgba(41, 40, 37, 0.85);
    box-shadow: 1px 3px 14px 1px rgba(0, 0, 0, 0.6), 4px 12px 82px 62px rgba(0, 0, 0, 0.6);
    max-width: 800px;
    width: 100%;
    margin-top: 70px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 5px;
}

#my_profile.open-payment .modal-dialog {
    background-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.roitem.newcard.inp, .inp {
    background: red !important;
}

#my_profile .modal-dialog.glass-effect {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#my_profile .modal-content {
    background: none !important;
    border: none;
    border-radius: 50px !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 100%;
    overflow: visible !important;
}

#my_profile .modal-body {
    border-radius: 50px;
    background: transparent !important;
    color: #fff;
    padding: 30px;
}

#my_profile .modal-header .close {
    background: #CC2228 !important;
    color: #fff !important;
    opacity: 1;
    z-index: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    height: 38px;
    width: 38px;
    border: 1px solid rgba(255, 255, 255, 0.41);
    border-radius: 50%;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 20px rgb(220, 77, 82, 1), 0 0 40px rgba(220, 77, 82, 0.6), 0 0 60px rgba(220, 77, 82, 0.5);
    transform: scale(1.3);

}

#my_profile .modal-header .close:hover {
    opacity: 0.8;
}

#my_profile .modal-header .close i {
    color: #fff;
    font-size: 34px;
}

#my_profile .modal-header .close:hover i {
    color: #e6e6e6;
}

#my_profile .modal-body .storeitems,
#my_profile .modal-body .storecheckout,
#my_profile .modal-body .storepay {
    color: #fff;
}

#my_profile .modal-body h4 {
    color: #fff;
}

#my_profile_submenu {
    background: rgba(44, 79, 56, 0.9) !important;
    border-radius: 25px 25px 0 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#my_profile_submenu .modal_sub {
    color: #fff !important;
}

#my_profile_submenu .modal_sub.active {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
}

/* Store content background adjustments */
.pg_store #my_profile .storeitems,
.pg_store #my_profile .storecheckout,
.pg_store #my_profile .storepay {
    background: transparent !important;
}

.pg_store #my_profile .storebox {
    background: rgba(44, 79, 56, 0.15);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 3px 8px 0.75px rgba(0, 0, 0, 0.6), inset 0px 2px 2px 0.3px rgba(192, 192, 192, 0.6), inset 0px -2px 2px 0px rgba(255, 255, 255, 0.2);
}

.pg_store #my_profile .storeitems .storebox {
    max-height: fit-content;
}

.pg_store #my_profile .storemethod {
    /* background: rgba(255, 255, 255, 0.9); */
    color: #fff;
    font-size: 17px;
    line-height: 1;
    font-weight: 500;
    border-radius: 50px;
    border: 1px solid rgba(192, 192, 192, 0.4);
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 2px 0px #444;
    align-items: center;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    background: transparent;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
    background: transparent;
    height: 50px;
    max-height: 50px;
    min-height: 50px;
}

/* Mobile responsive adjustments for Store modal */
@media (max-width: 767.98px) {
    #my_profile .modal-dialog {
        border-radius: 5px 5px 0px 0px !important;
        margin: 0px !important;
        height: 100% !important;
        width: 100% !important;
        max-width: none !important;
        margin-top: 0px !important;
        position: fixed !important;
        top: 0px !important;
    }

    body:not(.ingame) #my_profile .modal-dialog {
        background: var(--bg-primary);
        background-image: url('/img/150/gradient-popup-mob.png');
        background-size: cover;
        background-position: center center;
    }

     body:not(.ingame) #my_profile .modal-dialog::before {
        content: "";
        position: absolute;
        background: rgba(255, 255, 255, 0.05);
        z-index: -1;
        inset: 0;
        top: 0px;
    }

    #my_profile .modal-content {
        height: 100% !important;
        border-radius: 5px 5px 0px 0px !important;
        overflow-y: auto !important;
    }

    #my_profile .modal-body {
        border-radius: 5px 5px 0px 0px !important;
        padding: 15px !important;
    }

    .ingame #my_profile .modal-body {
        height: 120% !important;
        overflow: hidden;
    }

    .ingame #my_profile .modal-body.sixItems {
        height: 150% !important;
    }

    .ingame #my_profile .modal-body.nineItems {
        height: 180% !important;
    }

    .ingame #my_profile .modal-body.twelveItems {
        height: 210% !important;
    }

    #my_profile .modal-header .close {
        top: 10px !important;
        right: 10px !important;
        height: 46px !important;
        width: 46px !important;
    }

    #my_profile .modal-header .close i {
        font-size: 20px !important;
    }
}

#mobile-menu-page-content .modal-header,
#page_content .modal-header {
    padding: 10px;
    text-align: center;
}

#mobile-menu-page-content .modal-header {
    background: transparent !important;
}

#mobile-menu-page-content li {
    white-space: normal;
}

#mobile-menu-page-content .modal-content {
    background: transparent;
    box-shadow: unset;
    border: unset;
}

#page_content .modal-body {
    overflow-y: auto;
    background: #fff;
    color: var(--text-primary);
    text-align: left;
    padding: 0px 15px;
}

#my_profile .modal-body {
    min-height: 500px;
    background: #fff;
    height: 95%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#my_proile .modal {
    border-radius: 5px;
    overflow: hidden;
}

.pad15 {
    padding: 5px 15px 15px;
}

.wh_div {
    height: 100%;
}

#my_profile .modal-header {
    padding: 0px;
    background: transparent !important;
}

.modal-header {
    border-bottom: none;
}

.modalmenu .fa-2x {
    font-size: 10px;
}

.modalmenu {
    font-size: 14px;
    padding: 10px;

}

.modalmenu {

    border: 1px solid #622ef2;
    color: #622ef2;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50px;
    margin: var(--space-xs);
}

.modalmenu p {
    margin: 0px;
}

.modalmenu:hover {
    background: linear-gradient(60deg, #0A6EDE 13.4%, #298EFF 86.6%);
    border: 1px solid #fff;
    color: #fff;
}

.modalmenu .fa {
    float: left;
    margin-right: 5px;
}

.modalmenu p {
    float: left;
}

.modalmenu p i {
    font-weight: bold;
    text-transform: uppercase;
    clear: both;
    display: block;
}

.modalmenu.active p span {
    float: left;
    font-size: 10px;
    font-weight: bold;
}

.modalmenu p span {
    float: left;
    font-size: 10px;
    font-weight: bold;
}

.modal-header .close {
    margin-top: 0px;
    font-size: 18px;
    font-weight: normal;
    padding: 4px 8px;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
}

.modalmenu.active {
    background: linear-gradient(60deg, #0A6EDE 13.4%, #298EFF 86.6%);
    border: 1px solid #fff;
    color: #fff;
}

.modal_myaccount_body.active {
    display: block;
    min-height: 100%;
}

.modal_myaccount_body {
    display: block;
}

#my_profile .modal_profile_page {
    display: none;
}

#my_profile .myaccountrow {
    display: none;
}

#my_profile .deposub {
    display: none;
}

#my_profile .myaccountrow.myaccountrowhead {
    display: flex;
}

#my_profile.open-payment .myaccountrow.myaccountrowhead {
    display: none;
}

.pg_myprofile .modal_profile_page #my_profile_submenu {
    display: flex;
}

.modal_profile_page #my_profile_submenu {
    display: none;
    background: #2c4f38;
    justify-content: space-around;
    border-radius: 50px;
    margin-top: 10px;
}

.modal_sub {
    border: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50px;
    margin: var(--space-xs);
    font-size: 13px;
    padding: 5px;
    background: none;
    display: inline-block;
    /* height: 40px; */
    cursor: pointer;
    background: #7a8e84;
    border-radius: 50px;
}

.modal_sub:hover {
    color: #fff;
}

.modal_sub.active {
    background: #6eec89;
    font-weight: bold;
    border: none;
    color: #101c10;

}

.modal_data_settledbets {
    margin-top: 20px;
}

.modal_inner_data.modal_data_deposit {
    background: none !important;
}

#my_profile .modal-body {
    background: none !important;
}

#my_profile .modal-content {
    border-radius: 0px !important;
}

.modal_inner_data.modal_data_personal_information.active {
    display: flex;
}

.modal_inner_data.modal_data_personal_information {
    flex-direction: column;
    align-items: center;
}

.menu_personal_info_wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 80%;
}

.dsktop_myacount > .modal_inner_data {
    min-height: unset;
}

.modal_inner_data {
    display: none;
    color: #6eec89;
    width: 100%;
    height: 100%;
    min-height: 650px;
}

.modal_inner_data h4 {
    text-align: center;
    color: #6aa663;
    font-weight: bold;
    font-size: 14px;
    padding: 15px;
}

.myaccount_birthday_header,
.myaccountinput {
    border: 1px solid #E7E7E7;
    border-radius: 50px;
    padding: 6px 16px;
    height: 38px;
    color: #fff;
    border: none;
    background: #333331;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.7) inset;
    font-size: 16px;
}

.smsphonecont #smsverify_prefix:disabled,
#myaccount_prefix:disabled,
.myaccountinput:disabled {
    color: #ffffff80;
    -webkit-text-fill-color: unset;
}

#smsverify_phone:-webkit-autofill {
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7) inset, 0 0 0px 1000px #333331 inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

#smsverify_phone:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7) inset !important;
    -webkit-text-fill-color: #fff !important;
}

#myaccount_phone,
.smsphonecont:has(#myaccount_phone:not(:disabled)) #myaccount_prefix:disabled {
    color: rgba(255, 255, 255, 0.5);
}

.myaccountinput::placeholder {
    color: #fff;
    text-transform: capitalize;
}

.myaccount_birthday_header {
    margin: 0px;
    font-size: 16px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    padding-right: 6px;
}

.birthday-wrapper > div > h3.myaccount_birthday_header {
    color: #fff;
}

.birthday-wrapper > div > h3.myaccount_birthday_header.disabledInput {
    color: rgba(255, 255, 255, 0.5);
}

.history_filter > option {
    color: #000;
}

.menu-arrow-input {
    position: relative;
}

.menu_history_header > .menu-arrow-input {
    padding: 0px;
}

.menu_history_header {
    justify-content: space-between;
    width: 95%;
}

.history_table_wrapper thead {
    text-transform: capitalize;
}

.history_table_wrapper table.dataTable thead > tr > th {
    padding: 0px;
    padding-bottom: 18px;
}

.history_table_wrapper thead > tr > th, .history_table_wrapper tr > td {
    text-align: left;
    font-size: 11px;
}

.history_table_wrapper tr > td {
    color: #fff;
    padding-bottom: 10px;
    padding-right: 10px;
}

.history_table_wrapper .dataTable tr {
    background: transparent;
}

.history_table_wrapper .dataTables_wrapper{
    overflow: auto;
}

.modal_change_password_container {
    display: flex;
    justify-content: center;
}

.change_password_inputs {
    display: flex;
    width: 90%;
    margin: 0;
    padding: 0px;
    flex-direction: column;
    gap: 14px;
}

.change_password_inputs input {
    width: 100%;
}

.default-input-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
}

.birthday-wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /* gap: 13px; */
}

.birthday-wrapper select {
    margin: 0px;
    width: 100%;
    border-radius: 0px;
    padding: 0px;
    text-overflow: ellipsis;
    padding-left: 8px;
}

.history_filter,
#myaccount_state,
.birthday-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    opacity: 1;
}

.birthday-wrapper > div:nth-child(1) {
    width: 30%;
}

.birthday-wrapper > div:nth-child(2),
.birthday-wrapper > div:nth-child(3)
{
    width: 15%;
}

.birthday-wrapper > div:nth-child(4) {
    width: 25%;
}

.birthday-wrapper > div > .rounded-left {
    border-radius: 50px 0px 0px 50px;
    color:rgba(255, 255, 255, 0.5)
}

.birthday-wrapper > div > .rounded-right {
    border-radius: 0px 50px 50px 0px;
}

.menu-select-input {
    position: relative;
}

.menu-select-dropdown {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    right: 5px;
}

.birthday-wrapper > div:nth-child(4) > .menu-select-dropdown {
    right: 9px;
}

.menu-select-dropdown > img {
    width: 9px;
    height: 8px;
}

select:disabled + .menu-select-dropdown {
  opacity: 0.5;
}

.menu_phone_wrapper > .smsphonecont > .phonepref {
    position: absolute;
    box-shadow: unset;
    padding-left: 12px;
    height: 100%;
    left: 10px;
}

#myaccount_prefix {
    height: 100%;
}

.menu_phone_wrapper > .smsphonecont > .phonepref > i {
    line-height: 12px;
}

#myaccount_phone {
    width: 100%;
    padding-left: 70px;
}

.default-input-wrapper > .input-error {
    text-align: left;
    line-height: 1;
    padding: 0px;
    padding-left: 16px;
    font-size: 11px;
    position: absolute;
    bottom: -13px;
}

.change_password_inputs .input-error {
 margin-left: 20px;
}

.input-error {
    color: #cc5155;
    font-size: 11px;
}

.dsktop_myacount .modal_inner_data {
    cursor: default;
}

.reg-term-button {
    width: 225px;
    margin: 0 auto;
    padding: 30px 0px;
}

.storebutton,
.reg-default-btn,
.menu-default-btn,
.menu-default-btn.myaccountbtn,
.menu-default-btn.close {
    filter: var(--blue-button-filter);
    color: #FFF;
    text-align: center;
    text-shadow: 0 1.667px 4.167px rgba(0, 0, 0, 0.53);
    font-size: 17px;
    font-weight: 900;
    background: var(--blue-button-bg);
    border: 1px solid #6e7aec;
    padding: 8px;
    width: 100%;
    margin: 0px;
    border-radius: 50px;
}

.myaccountbtn.do_prizeout.wdstep_2, .do_withdraw.wdstep_2.myaccountbtn {
            height: 70px;
            width: 270px;
            border-radius: 59px;
            font-size: 27px;
            font-weight: bold;
            border: solid 2px #6e7aec;
            filter: drop-shadow(0 0 6px rgba(120, 140, 255, 0.9));
            background: linear-gradient(180deg, #314B85 0.1%, #0D2C69 100%);
}

.myaccountbtn.do_prizeout.wdstep_2 {
    padding: 0 ;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 19px;
}


.myaccountbtn.do_prizeout.wdstep_2.no-active:hover,
.myaccountbtn.do_prizeout.wdstep_2.no-active:active,
.do_withdraw.wdstep_2.myaccountbtn.no-active:hover,
.do_withdraw.wdstep_2.myaccountbtn.no-active:active {
    background: linear-gradient(180deg, #314B85 0.1%, #0D2C69 100%) !important;
    filter: drop-shadow(0 0 6px rgba(120, 140, 255, 0.9)) !important;
    border-color: #6e7aec !important;
    cursor: pointer;
}


#myCarouselslick a.wp-block-button__link.has-white-color.has-text-color.has-background.wp-element-button,
#ifriends_copy, .storebutton,
.reg-default-btn {
    border: 1px solid #6eec89;
    border-radius: 50px;
    background: -moz-linear-gradient( 90deg, #0c2314 5%, #37804b  100%);
    background: -webkit-linear-gradient( 90deg, #0c2314 5%, #37804b 100%);
    background: -ms-linear-gradient( 90deg, #0c2314 5%, #37804b  100%);
    filter: drop-shadow(0 0 5px rgba(110, 236, 137, 0.9));
    padding: 12px;
    font-size: 23px;
    text-transform: uppercase;
}


#myCarouselslick a.wp-block-button__link.has-white-color.has-text-color.has-background.wp-element-button:active,
#ifriends_copy:active,
.storebutton:active,
.reg-default-btn:active {
    color: #ffffff78;
    background: -moz-linear-gradient( 90deg, #37804b 20%, #0c2314 100%);
    background: -webkit-linear-gradient( 90deg, #37804b 20%, #0c2314 100%);
    background: -ms-linear-gradient( 90deg, #37804b 20%, #0c2314 100%);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.7) inset;
    text-decoration: none;
}

#myCarouselslick a.wp-block-button__link.has-white-color.has-text-color.has-background.wp-element-button:focus {
    outline: none;
    color: unset;
    text-decoration: unset;
}

#myCarouselslick  a.wp-block-button__link.has-white-color.has-text-color.has-background.wp-element-button {
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#myCarouselslick .wp-block-button.has-custom-width.wp-block-button__width-25.has-custom-font-size.is-style-fill.has-small-font-size {
    top: 30px;
    right: -25px;
}

#myCarouselslick .wp-block-cover .wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.storebutton {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
    max-width: 300px;
    margin: 0 auto;
    height: 48px;
    font-size: 30px;
    filter: drop-shadow(0 0 4px rgba(110, 236, 137, 0.7));
}

#popforgotbtn {
    width: 65%;
    margin-top: 50px;
}

.btn-cancel:hover,
.myaccountbtn.skiprizout:hover,
.do_prizeout.myaccountbtn:hover, .do_withdraw.myaccountbtn:hover,
.refer_button:hover,
.ifrbon_btn:hover,
.redbtn:hover,
.myaccountbtn.cancelwithdraw:hover,
.myaccountbtn.do_prizeout.wdstep_2:hover, .do_withdraw.wdstep_2.myaccountbtn:hover,
.menu-default-btn:hover {
    background: linear-gradient(180deg, #24407e 0.1%, #072053 100%);
}

#verifysmsbtn:active,
.btn-cancel:hover,
.myaccountbtn.skiprizout:active,
.do_prizeout.myaccountbtn:active, .do_withdraw.myaccountbtn:active,
.refer_button:active,
.ifrbon_btn:active,
.redbtn:active,
.myaccountbtn.cancelwithdraw:active,
.myaccountbtn.do_prizeout.wdstep_2:active, .do_withdraw.wdstep_2.myaccountbtn:active,
.menu-default-btn:active {
    color: #ffffff78;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.7) inset;
}


.menu-default-btn:disabled:hover {
    scale: unset;
    cursor: not-allowed;
}

.myaccountbtn.do_history_search.menu-default-btn {
    padding: 8px 0px;
    font-size: 12px;
    max-width: 114px;
    height: unset;
}

.modal-close-btn-wrapper,
.menu_account_btn_wrapper,
.reset_pass_btn_wrapper {
    position: relative;
    width: 154px;
    margin: 0 auto;
    margin-top: 17px;
}

.modal-close-btn-wrapper > button {
    border-radius: 50px;
    opacity: 1;
    height: 39px;
    margin: 14px;
}

select.myaccountinput {
    min-width: unset;
}

#withdraw_amount.myaccountinput, #deposit_amount.myaccountinput {
    width: 100%;
    min-width: 100px;
}

.modal_data_withdraw span.cur, .modal_data_deposit span.cur {
    color: #333;
    padding: 5px;
    margin: var(--space-xs);
    margin-left: 1px;
    display: inline-block;
    font-weight: bold;
}

.withdrawerror, .depositerror {
    width: 100%;
    display: inline-block;
    margin-left: 5px;
    color: #ff1100;
}

.do_deposit.myaccountbtn {
    margin-top: 20px;
    font-weight: bold;
}

.do_prizeout.myaccountbtn, .do_withdraw.myaccountbtn {
    font-weight: bold;
    margin-bottom: 20px;
}

.do_withdraw, .do_prizeout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    padding: 17.6px 14.4px 15.8px 40.2px;
    border-radius: 46px;
    box-shadow: 1px 2.8px 14.3px 0.8px rgba(0, 0, 0, 0.6), inset 0 2px 3px 0 rgba(192, 192, 192, 0.2), inset 0 -3px 3px 0 rgba(255, 255, 255, 0.1);
    background-color: rgba(241, 243, 248, 0.1);
}

.gift_card_container {
    border-radius: 22px;
    box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    background-color: #363634;
}

.btntitle {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    white-space: nowrap;
}

.myaccountinput:disabled {
    border-radius: 50px;
    padding: 2px;
    margin: 0px;
    color: rgba(255, 255, 255, 0.5);
    border: none;
    padding-left: 16px;
}

#birth_month.myaccountinput:disabled,
#birth_day.myaccountinput:disabled {
    padding-left: 8px;
    border-radius: 0px;
    margin: 0px;
}

#birth_year:disabled {
    padding-left: 8px;
    margin: 0px;
}

#birth_month.myaccountinput:disabled + .menu-select-dropdown,
#birth_day.myaccountinput:disabled + .menu-select-dropdown
{
    right: 5px;
}

.modal_data_withdraw label {
    display: block;
    margin-left: 5px;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 0px;
    color: #1fa657;
    width: 100%;
    text-align: left;
    margin-left: 27px;
    max-width: 300px;
}

.modal_data_withdraw .redeem_balance > label {
    margin-left: 0px;
    color: #6eec89;
    font-weight: bold;
    font-size: 26px;
    white-space: nowrap;
}

.modal_inner_data label {
    display: block;
    margin-left: 5px;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 0;
    color: #928e8d;
    width: 100%;
    text-align: left;
    margin-left: 27px;
    max-width: 300px;
}

#mmyaccount_state {
    padding: 6px 16px;
    margin-top: 6px;
    font-size: 16px;
    flex: 1;
    text-transform: capitalize;
    appearance: none;
    background-image: url(/img/150/icons/dropdown.png);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
    padding-right: 36px;
}

.withdrawform select {
    background: #ffffff;
    color: #333;
    border: 1px solid #3653ea;
    padding: 5px;
    float: left;
    margin: var(--space-xs);
    border-radius: 15px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
}

.withdraw_details_wire h4 {
    padding: 5px;
    margin: var(--space-xs);
}

.withdraw_method_bank {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    background-color: #292825;
    left: 0;
    display: none;
}

.withdraw_details_wire {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.withdraw_details_wire input {
    margin: var(--space-xs);
    padding: 5px 10px;
    border-radius: 15px;
    width: 100%;
    max-width: 400px;
    border: 1px solid #096ede;
}

.myaccountbtn {
    height: 45px;
    width: 230px;
    border-radius: 59px;
    font-size: 27px;
    font-weight: bold;
    border: solid 2px #6e7aec;
    filter: drop-shadow(0 0 6px rgba(120, 140, 255, 0.9));
    background: linear-gradient(180deg, #314B85 0.1%, #0D2C69 100%);
    margin-top: 20px;
    padding: 0 8px;
}

.myaccountbtn.do_withdraw {
    color: #fff !important;
}

.myaccountbtn.do_prizeout {
    color: #fff !important;
}

.pg_myprofile .myaccountbtn {
    background: #1fa657;
}

.modal_data_history .flexit {
    align-items: center;
}

table.dataTable thead>tr>td {
    text-align: center;
}

.pg_myprofile .userrow {
    display: flex;
}

.userrow {
    flex-direction: column;
    align-items: center;
    padding: 10px 0px;
    color: #2c4f38;
}

.userrowname {
    font-size: 36px;
    font-weight: bolder;
}

.myaccountrowhead .close {
    background: #fff;
    color: #2c4f38;
    padding: 0px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myaccountrowhead .close span {
    font-size: 30px;
    font-weight: bold;
}

/*.row.modal_submenu, .myaccountscroll{display:none;}*/
.myaccountrow {
    display: flex;

    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    flex-wrap: nowrap;
    /* background: #fff; */
}

.myaccountrowhead {
    align-items: center;
    justify-content: center;
}

.myaccountrowhead h4 {
    font-family: 'Heebo';
    font-size: 59px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-align: center;
    text-shadow: -1px -1px 0 #8a2be2, 1px -1px 0 #8a2be2, -1px 1px 0 #8a2be2, 1px 1px 0 #8a2be2;
    filter: drop-shadow(0 0 5px #8a2be2);
    color: #fff;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-top: 15px;
}

.modalmenucontainer {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
}

.myaccountbtn:hover {
    color: var(--text-primary);
}

.dataTable .odd {
    background: #7d7d7c;
}

.modal_inner_data.active {
    display: block;
    text-align: center;
}

.modal_inner_data.modal_data_bonuses {
    overflow-y: auto;
}

.modal_inner_data.modal_data_history {
    max-height: 500px;
    background: none;
}

.dsktop_myacount .modal_inner_data > h4 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
}

.dsktop_myacount .modal_inner_data.modal_data_personal_information > h4 {
    margin-bottom: 40px;
}


.dsktop_myacount .modal_data_change_password > h4{
    margin-bottom: 34px;
}

#msg {
    z-index: 1211;
    transform: scale(1.3);
}

#reglogin .reglinks {
    height: 30px;
    padding: 5px;
    /* background: #000; */
    font-size: 12px;
    margin: 10px;

}

#poploginerror {
    margin-top: 30px;
}

#poploginbtn,
#sendnewpassword {
    width: 85%;
}

.checkemail-container {
    width: 85%;
    margin: 0 auto;
}

#forgot_new_err_password {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.checkemail-container > .form-short {
    margin: 25px 0px 45px 0px;
}

#reglogin  .checkemail-container h4 {
    font-size: 2.4rem;
}

#reglogin .checkemail-title {
    color: #00ed84;
    text-shadow: unset;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.reset-user-email {
    font-weight: bold;
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 20px;
    display: inline-block;
}

.checkemail {
    margin-top: 40px;
}

.checkemail > p {
    margin: 0px;
    line-height: 1.3;
    font-size: 1.8rem;
    text-align: center;
}

.checkemail-container {
    padding-top: 40px;
}


.reg-envelop {
    max-width: 145px;
    margin: 0 auto;
}

.reg-envelop > img {
    width: 100%;
    height: auto;
}

.reg-send-email-text {
    color: #fff;
    text-align: center;
    padding-top: 16px;
    font-size: 1.8rem;
    line-height: 1.2;
}

.reg-send-email-text > p {
    margin: 0px;
}

.menu-default-btn:disabled,
.menu-default-btn.myaccountbtn:disabled,
.menu-default-btn.close:disabled,
#popsignupbtn_1:disabled {
    border: 1px solid rgb(198, 198, 198);
    border-radius: 69px;
    background: -moz-linear-gradient( 90deg, #282727 0%, rgb(151,151,151) 100%);
    background: -webkit-linear-gradient(90deg, #282727 0%, rgb(151, 151, 151) 100%);
    background: -ms-linear-gradient( 90deg, #282727 0%, rgb(151,151,151) 100%);
    text-shadow: 0px 2px 4.75px rgba(0, 0, 0, 0.53);
    color: rgba(255, 255, 255);
    opacity: 0.5;
    filter: unset;
}

.auth-inputs .length-error {
    position: absolute;
    color: #cc5155;
    left: 25px;
    bottom: -20px;
    font-size: 1.5rem;
    display: none;
}

.auth-inputs .name-error {
    position: absolute;
    color: #cc5155;
    left: 25px;
    bottom: -20px;
    font-size: 1.5rem;
    display: none;
}

#popforgotbtn,
#poploginbtn,
#popsignupbtn_1 {
    font-size: 2.9rem;
    height: 70px;
}

.auth-inputs {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 45px;
}

.auth-inputs .form_error {
    position: absolute;
    color: #cc5155;
    left: 25px;
    bottom: -18px;
    font-size: 1.5rem;
}

#popsignuperror2 {
    margin-top: 20px;
    font-size: 1.5rem;
}

.regform-icons {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.regform-password-toggle {
    padding-right: 5px;
}

.regform-password-toggle > img {
    display: none;
    width: 22px;
    height: auto;
}

.regform-password-toggle.icon-show > img:nth-child(1) {
    display: flex;
}

.regform-password-toggle.icon-hide > img:nth-child(2) {
    display: flex;
}

.regform-status-icon {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 5px;
}

.regform-status-icon.icon-error > img:nth-child(1) {
    display: flex;
}

.regform-status-icon.icon-checked > img:nth-child(2) {
    display: flex;
}

.regform-status-icon > img {
    display: none;
    width: auto;
    height: 80%;
}

.form_steps {
    width: 98%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

#reglogin .form_steps.step2 .form-shorti > h4 {
    color: rgb(0, 237, 132);
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: none;
    font-size: 2.4rem;
}

.form_steps.hideit {
    display: none;
}

#reglogin input {
    background-color: #363634;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.7) inset;
    border: none;
    border-radius: 50px;
    color: #fff;
    padding: 13px 25px;
    font-size: 1.7rem;
    margin: 0px;
    transition: all 0.3s ease;
    cursor: pointer;
}

#reglogin input:hover {
    background-color: #333;
}

#reglogin input::placeholder {
    opacity: 0.8;
    color: white;
}

#reglogin .form-short:has(.regform-status-icon) input {
    padding-right: 50px;
}

#reglogin .form-short:has(.regform-icons) input {
    padding-right: 50px;
}

#reglogin .form-short:has(.regform-password-toggle) input {
    padding-right: 25px;
}

#reglogin .form-short input.password-input {
    padding-right: 80px;
}

.auth-steps {
    display: flex;
    align-items: center;
    padding: 20px 15px;
    padding-bottom: 25px;
}

.auth-step {
    border-radius: 50%;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.74);
    color: rgba(248, 248, 248, 0.502);
    border: 1px solid rgba(192, 192, 192, 0.4);
    background-color: rgba(255, 255, 255, 0.102);
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 2px 0px #444;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
    width: 36px;
    height: 36px;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-gift-icon {
    padding: 6px;
}

.auth-step.active {
    color: #6eec89;
    border: 1px solid rgb(110, 236, 137);
    background-color: transparent;
}

.auth-step.checked {
    border: none;
}

.auth-steps-line {
    border: 1px solid rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    opacity: 0.5;
    flex: 1;
}

.auth-steps-line.checked {
    border-color: #6eec89;
}


.auth-step > img {
    width: 100%;
    height: auto;
}

.Ellipse_2 {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(110, 236, 137);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: inset 0px 3px 3px 0px rgba(192, 192, 192, 0.7),inset 0px -3px 3px 0px rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 5px;
  top: 584px;
  width: 69px;
  height: 69px;
  z-index: 38;
}

.register-steps {
    display: flex;
    align-items: center;
    padding: 20px 40px;
}

.step {
    width: 25px;
    height: 25px;
    background-size: cover;
}

.step-1 {
    background-image: url('/img/150/register_bar/LS_LP_Register_1st_Step_Off.png'); /* Default image */
}

.step-2 {
    background-image: url('/img/150/register_bar/LS_LP_Register_2nd_Step_Off.png');
}

.step-3 {
    background-image: url('/img/150/register_bar/LS_LP_Register_3rd_Step_Off.png');
}

.green-line {
    height: 2px;
    background-color: #2c4f38;
    flex-grow: 1;
    margin: 0 10px;
    min-width: 60px;
}

.step-1.completed {
    background-image: url('/img/150/register_bar/LS_LP_Register_1st_Step_Done.png');
}

.step-1.active {
    background-image: url('/img/150/register_bar/LS_LP_Register_1st_Step_On.png');
}

.step-2.completed {
    background-image: url('/img/150/register_bar/LS_LP_Register_2nd_Step_Done.png');
}

.step-2.active {
    background-image: url('/img/150/register_bar/LS_LP_Register_2nd_Step_On.png');
}

.step-3.completed {
    background-image: url('/img/150/register_bar/LS_LP_Register_3rd_Step_Done.png');
}

.step-3.active {
    background-image: url('/img/150/register_bar/LS_LP_Register_3rd_Step_On.png');
}

#reglogin .form-short {
    position: relative;
}

#reglogin label {
    font-size: 12px;
    margin-bottom: 0px;
}

#reglogin .reglinks .left {
    float: left;
}

#reglogin .reglinks .right {
    float: right;
    margin-right: 0px;
}

#reglogin .reglinks span {
    cursor: pointer;
    text-transform: uppercase;
}

#reglogin .reglinks span:hover {
    color: #f26421;
}

.rightsub a.fflags {
    padding: 3px;
    min-width: 110px;
    margin-right: -1px;
}

.popnewhead {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #ddd;
}

.popnewhead .active {
    background: linear-gradient(90deg, #4149E0 0%, #2F58EF 44.27%, #8017F5 100%);
    color: #fff;
}

#newpass .modal-content, #reglogin .modal-content {
    background: none;
    border: none;
    border-radius: 0px;
    text-align: center;
    color: #B3BAD1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#reglogin .modal-content  {
    height: 100%;
    overflow-y: auto;
}

body.register-modal-body #reglogin .modal-content{
    height: calc(100dvh - 65px);
}

body.register-modal-body .rightpoper {
    overflow: auto;
}

#newpass .modal-body, #reglogin .modal-body {
    border-radius: 5px;
    background: #fff;
    color: #2c4f38;
    font-weight: normal;
    font-size: 17px;
}

#newpss .form-container input {
    background: #F7F7F7;
    border: 1px solid #E7E7E7;
    border-radius: 50px;
    color: #2f3136;
    padding-left: 140px;
    box-shadow: 0px 1px 7px 0px #b1b0b0;

}

.popforgot {
    color: #fff;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px;
    padding-top: 40px;
    text-transform: uppercase;
}

.popforgot > span {
    cursor: pointer;
}

.popnewhead h4 {
    cursor: pointer;
}

#newpass input {
    background: #1b1b1b;
    border: 1px solid #333;
    color: #fff;
}

.regtxt {
    padding: 15px;
    font-weight: bold;
}

.regtxt span {
    font-weight: bold;
}

.pink {
    color: #1fa657;
}

#reglogin .modal-body {
    padding: 0px;
    overflow: hidden;
    background: transparent;
}

#reglogin .modal-header {
    padding: 5px;
    color: #fff;
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: stretch;
    flex-wrap: nowrap;
    text-align: left;
}

#msg .modal-content {
    background: #000;
    border-radius: 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #2835AF;
    filter: drop-shadow(0 0 5px #6C78EA);
    border-radius: 10px;

}

#msg .modal-header .close span {
    background: #ffffff;
    border-radius: 50%;
    padding: 2px 6px;
    color: #424379;
    line-height: 17px;
    text-shadow: none;
    font-weight: bold;
    font-size: 17px;
}

#msg h4 {
    padding: 2px;
    color: #2c4f38;
    margin: 0px;
    font-family: "Heebo", sans-serif;
}

#msg .modal-header {
    background: #101c10;
    background-color: transparent !important;
    padding: 0px;
    min-height: inherit;
}

.navbar-toggle {
    float: left;
    margin-left: 5px;
}

.mobilebtns {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 10px;
    line-height: 19px;
    display: none;
}

.mobilebtns .dropdown {
    display: inline-block;
    margin-left: 10px;
}

.menucontainer .navbar-header {
    margin: auto 0px;
}

@media (orientation: landscape) and (max-device-height: 1024px) {

    #rreglogin .modal-sm {
        width: 100% !important;
    }

    #loadgamebox .modalimg img {
        width: 25%;
        margin-left: 33px;
    }


}

@media (max-width: 375px) {
    .carditem .compss div a {
        width: 140px !important;
    }
}

@media (max-width: 320px) {
    .carditem .compss div a {
        width: 90px !important;
    }

    .carditem .markets, .carditem .comps {
        max-width: 122px !important;
    }

    .comps .vs {
        display: block;
        font-size: 8px;
        line-height: 8px;
    }

    .citemleft {
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

@media (min-width: 768px) {

    #reglogin .reglinks .right {
        margin-right: 0px;
    }

    #reglogin .modal-sm {
        width: 400px;
    }


    .odd_button .oddtxt {
        font-size: 13px;
        line-height: 11px;
    }

    .container.menucontainer .navbar-header {
        float: none;
    }

    footer #themechanger {
        text-align: center;
        width: 180px;
        height: 30px;
        left: 50%;
        display: block;
        position: absolute;
        margin-left: -250px;
        color: var(--text-primary);
        cursor: pointer;
    }

    #themechanger select {
        background: none;
        background: none;
        border: 1px solid #333;
        margin-top: 3px;
    }


    #themechanger select option {
        background: #111;
    }

    .blacker .wrap .container.gamemain, .blacker .jumbotron .container {
        background: none;
        padding: 0px 0px;
    }



}

/* @media (min-width: 768px) {
    .gamescontainer ul {
        display: flex;
        flex-wrap: wrap;
        gap: var(--game-tile-gap);
        padding: var(--game-tile-gap);
        align-content: flex-start;
    }

    .gamescontainer ul .gamebox {
        width: 110px;
        height: 110px;
        min-width: 110px;
        min-height: 110px;
        flex-shrink: 0;
    }
} */



@media (max-width: 991px) {
    #betslip {
        display: inline-block;
    }

    #betslip .mini {
        font-family: cursive;
        display: inline-block;
        float: right;
        font-weight: bold;
        cursor: pointer;
        padding: 0 5px;
    }

    .sport_payslip {
        padding: 0px;
        z-index: 1000;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        top: 0px;
        left: 0px;
        background: rgb(231 231 221);
        text-align: center;
    }

    .wp-block-columns {
        margin-bottom: 65px;
    }
}


@media (max-width: 1220px) {
    .sports.spt_4 .sportlistcont {
        width: 250px;
    }

}

@media (max-width: 1724px) {
    .section1 {
        height: 700px;
    }

}

@media (min-width: 1724px) {

    .loggedout .container.contentmain .section1 {
        padding-top: 0px !important;
    }
}

@media (max-width: 1024px) {
    .wp-block-media-text__media img, .wp-block-media-text__media video {
        max-height: 500px;
    }

}

@media (min-device-width: 589px) and (max-device-width: 991px) {
    #ifriends {
        padding: 0 44px 160px 44px;
    }

    #ifriends .refer_info_container {
        width: calc(100% - 44px);
    }
}

.refer_info_row div{
    flex-grow: 1;
}

.refer_info_top {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 28px;
    padding: 0 23px;
    margin-top: 55px;
}

#ifriends_head .refer_header_container .info_refer_head {
    font-size: clamp(50px, calc(50px + (18 * (100vw - 500px) / 289)), 68px);    font-family: 'Heebo';
    font-style: normal;
    line-height: 1;
    text-shadow: 0 2px 12px rgba(0, 255, 252, 0.68), 0 2px 6px rgba(0, 255, 252, 0.3);
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #A8FFFF;
    letter-spacing: 0.96px;
}

@media (max-width: 992px) {
    #ifriends {
        overflow-x: hidden;
        height: 100%;
    }

    #newpopup.active {
        transform: scale(1.5);
    }

    #genpopc, #pspopc, .popingame {
        transform: scale(1.6);
    }

    #popwg {
        transform: scale(1.5);
    }

    #msg {
        transform: scale(1.6);
    }

    .ios .search-lobby-list ul .gamebox {
        min-width: 90px;
    }

    .navbar-loby-list > li.active {
        animation: scaleIn 0.5s forwards;
    }

    #redeempage .wdrcont .col-md-12.wdr_available {
        padding: 13px 18px 16px 15px;
        height: 95px;
        min-height: 95px;
    }

    body.pg_freespins .navbar.mastermen {
        background: #292825;
        height: 80px;
    }

    .withdrawform .wdr_available label {
        font-size: 24px;
    }

    .withdrselectco {
        margin-top: 19px;
        padding: 26px 31px 15px 24px;
    }

    #withdraw_amount {
        font-size: 23px;
        padding: 7px 18px;
    }

    .do_withdraw {
        height: 45px;
        padding: 17.6px 14.4px 15.8px 35.2px
    }

    .do_withdraw:not(:last-child) {
        margin-bottom: 27px;
    }

    .do_withdraw, .do_prizeout span, .wdr_amount .wdr-label {
        font-size: 21px;
    }

    .redeem_arow_icon {
        margin-left: 37px;
        width: 11px;
    }

    .wdr_amount {
        margin-top: 17px;
    }

    #redeempage .wdrcont .gift_card_container {
        margin: 36px 0 0 0;
        padding: 26px 31px 15px 24px;
    }

    .redeem_bottom_text {
        margin-top: 33px;
        font-size: 12px;
    }

    .redeem_bottom_text div {
        max-width: 382px;
    }

    .redeem_bottom_text div:first-child {
        margin-bottom: 29px;
        line-height: 21px;
    }

    .redeem_visa_logo {
        width: 73px;
    }

    .redeem_bank_logo {
        width: 89px;
    }

    .redeem_skrill_logo {
      width: 57px;
    }

    .redeem_payouts_logo {
        width: 113px;
    }

    .withdraw-card__head {
        margin-bottom: 17px;
    }

    #available_withdraw_amount {
        font-size: clamp(34px, 7vw, 50px);
    }

    .myaccountbtn.do_prizeout.wdstep_2, .do_withdraw.wdstep_2.myaccountbtn {
        height: 58px;
        font-size: 27px;
    }

    #inveiteafriend.flexit {
        height: 100% !important;
        width: 100%;
        z-index: 111;
        background-image: url("/img/150/refer_friend/mobile-bg.png");
        background-position: center;
        background-size: cover;
        align-items: flex-start;
        padding-top: 114px;
        background-color: #292825;
    }

    .refer_info_top {
        padding: 0;
        margin: 0;
    }

    .refer_info_row .copy_link_icon {
        width: 97px;
        height: 98px;
        margin: 0 41px 0 54px;
    }

    .refer_info_container {
        margin-top: 98px;
        margin-bottom: 100px;
        display: flex;
        position: absolute;
        transform: translateX(-110%);
        transition: transform 0.6s ease;
    }

       .refer_main_container {
        transform: translateX(0%);
        transition: transform 0.6s ease;
    }


    .refer_main_container.hideit {
        display: block;
        transform: translateX(110%);
    }

    .refer_info_container.active{
        transform: translateX(0%);
        padding-right: 40px;
        width: 100%;
    }

    .refer_info_row p:first-child {
        font-size: 21px;
    }

    .refer_info_row p:nth-child(2) {
        font-size: 41px;
    }

    .refer_info_row div {
        padding: 30px 0;
    }

    .refer_info_row:nth-child(2) div {
        align-items: flex-end;
    }

    .refer_info_row:nth-child(2) {
        justify-content: space-between;
    }

    .refer_info_row:nth-child(2) div p:first-child {
        font-size:41px;
    }

    .refer_info_row:nth-child(2) div p:nth-child(2) {
        font-size: 21px;
    }

    .refer_info_row:nth-child(3) {
        justify-content: space-between;
    }


    .refer_info_row:nth-child(3) div p:first-child {
        font-size: 41px;
    }

    .refer_info_row:nth-child(3) div p:nth-child(2) {
        font-size: 21px;
    }

    .refer_info_row .share_icon {
        width: 98px;
        height: 93px;
        margin: 0 45px 0 47px;
    }

    .refer_info_row .win_prizes_icon {
        width: 97px;
        height: 98px;
        margin: 0 41px 0 52px;
    }

    .refer_button {
        width: 220px;
        height: 59px;
        font-size: 27px;
        margin-top: 45px;
    }

    .referral-copy {
        font-size: 17px;
        margin-top: 41px;
        max-width: 590px;
    }

    .referral-copy a {
        color: #fff;
        text-decoration: underline;
    }

    #inveiteafriend #ifriends_close {
        display: none;
    }

    body.pg_refFriendBtn .header-navbar{
        display: none;
    }
    @keyframes scaleIn {
        0% {
            transform: scale(1);
            background-color: rgba(255, 255, 255, 0.1);
            color: #fff;
            border: 1px solid #fff;
        }
        50% {
            transform: scale(1.1);
            color: #fff;
            border: 1px solid #fff;
        }
        100% {
            transform: scale(1);
            background-color: transparent;
            border: 1px solid #00ED84;
            color: #00ED84;
        }
    }

    .socialmenu {
      margin: 43px 0 15px;
    }

    .socialmenu img {
        height: 33px;
        width: 33px;
    }

    .socialmenu a:not(:last-child) img {
        margin-right: 45px;
    }

    .useridholder {
        font-size: 17px;
    }

    #myCarouselslick > .slick-list > .slick-track {
        left: 24%;
        }

    .bg-main-gradient {
        width: 120%;
        /* width: 100%;
        height: 140px;
        top: 55%;
        filter: blur(52px); */
    }

    .casino .mycarcont {
        padding: 0px;
    }

    .withdrawmethods hr, .withdrawform hr {
        border-top: 1px solid #2a5137;
        margin-left: -20px;
        margin-right: -20px;
    }

    .shopcheckoutin .selectedstoreitem2 {
        padding: 0;
    }

    .shopcheckoutin .storeic img {
        max-height: 50px;
        max-width: 50px;
    }

    .gmcont {
        width: 100%;
    }

    .navbar-loby-list {
        padding-left: 10px;
    }

    .navbar-loby-list > li {
        padding: 9px 21px;
    }

    #dep_cancel, #dep_success {
        top: 0px;
        z-index: 413;
        position: fixed;
        width: 100%;
        display: none;
        height: 100%;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #dep_success.flexit {
        display: flex;
    }

    #dep_cancel.flexit {
        display: flex;
    }

    .header-navbar-menu {
        margin: 0px 14px;
        max-width: 57px;
        top: 2px;
        position: relative;
    }

    .header-navbar-menu > img{
        width: 100%;
        height: auto;
        cursor: pointer;
        padding: 15px 0px;
    }

    .dep_pop {
        position: fixed;
        top: 100%;
        border-radius: 8px 8px 0px 0px;
        width: 600px;
        height: 400px;
        max-width: 100%;
        background: #fff;
        display: none;
        flex-direction: column;
        align-items: stretch;
        background: transparent;
        box-shadow: unset;
    }

    .close_dep_cancel i, .close_dep_success i {
        font-size: 25px;
        color: #2c4f38;
    }

    .close_dep_success, .close_dep_cancel {
        text-align: right;
        width: 100%;
        z-index: 10;
        padding: 5px;
    }

    #dep_success .dep_pop_icon img {
        width: 100%;
        position: absolute;
        left: 0px;
        margin-top: -50%;
    }

    .dep_pop_icon {
        height: 40%;
    }

    #dep_cancel .dep_pop_icon img {
        width: auto;
        height: 100%;
        position: relative;
        left: 0px;
        margin-top: -10%;
    }

    #dep_cancel .dep_pop_icon {
        margin-top: -20px;
        margin-bottom: -20px;
    }

    .dep_pop h4 {
        color: #2c4f38;
        font-family: "Heebo", sans-serif;
        font-size: 17px;
    }

    .dep_continue {
        background: #1fa657;
        color: #fff;
        font-family: "Heebo", sans-serif;
        padding: 5px 15px;
        border-radius: 25px;
        margin: 10px;
        font-size: 18px;
    }

    .dep_pop.active {
        display: flex;
        align-items: center;
    }

    .dep_fail_continue {
        background: #1fa657;
        color: #fff;
        font-family: "Heebo", sans-serif;
        padding: 5px 15px;
        border-radius: 25px;
        margin: 10px;
        font-size: 18px;

    }

    #redeempage .wdrcont {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        margin-left: 0;
        padding-bottom: 40px;
        max-height: 100%;
        overflow-x: hidden;
    }

    #redeempage .closewdr {
        display: none;
    }

    #redeempage .hh {
        color: #2c4f38;
        font-family: "Heebo", sans-serif;
    }
    #offersbarsconta {
        -webkit-overflow-scrolling: touch;
    }

    #offersbarsconta::-webkit-scrollbar {
        -webkit-appearance: auto;
    }

    #offersbarscont {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-behavior: smooth;
    }

    #offersbars::-webkit-scrollbar {
        display: none;
    }

    #offersbars .offerbox {
        animation: beat-once 5s infinite ease-in-out;
        flex: 0 0 calc((100vw / 4.5) - 8px);
    }

    .loboffer a img {
        width: 100%;
    }

    #offersbarscont #offersbars.include-widget .loboffer a {
        height: 110px;
    }

    @keyframes beat-once {
        0% {
            transform: scale(1);
        }
        1% {
            transform: scale(1.06);
        }
        2% {
            transform: scale(1);
        }
        100% {
            transform: scale(1);
        }
    }

    #offersbars.to-left {
        justify-content: flex-start;
    }

    #offersbars.include-widget {
        padding-bottom: 3px;
        /* &::after {
            position: fixed;
            content: "";
            width: 100%;
            height: 384px;
            background: linear-gradient(180deg, #000000 37.6%, rgba(0, 0, 0, 0) 104.13%);
            opacity: 0.9;
            transform: matrix(1, 0, 0, -1, 0, 0);
            bottom: 0px;
            z-index: -1;
            left: 0px;
            pointer-events: none;
            clip-path: polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 20%, 4% 4%, 96% 4%, 96% 20%, 4% 20%, 0% 100%)
        } */
    }

    body.loggedin.ingame #offersbarscont-shadow:not(.hideit) {
        display: none;
    }

    .fswg {
        justify-content: flex-end;
        background: transparent;
    }

    .storeitshared.threepo:first-child::after, .storeitshared.threepo:first-child::before {
        padding: 5px 3px;
        top: 11%;
        font-size: 11px;
        height: 23px;
        margin-top: 17px;
        lefT: 63%;
        z-index: 1;
    }

    .storeitshared.threepo:first-child::before {
        left: 30%;
    }

    .storeitshared {
        margin-left: -25px;
        margin-right: -25px;
    }

    .fscont {
        position: fixed;
        top: 100%;
        border-radius: 8px 8px 0px 0px;
    }

    #fswg.active .fscont {
        top: 80%;
    }

    .fscont th, .fscont td {
        font-size: 11px;
    }

    .fstbl td {
        padding: 2px;
    }

    #chlg_head h4 {
        font-size: 13px;
    }

    .chlgitem {
        margin: var(--space-xs);
    }

    h4.providers {
        margin-right: 5px;
    }

    .prvbox img {
        height: 73px;
        width: 153px;
    }

    .popingame .dnpop {
        width: 100%;
        height: auto;
    }

    .menprofile li.promomenbut {
        display: none;
    }

    #my_profile .modal-content {
        box-shadow: unset;
        -webkit-box-shadow: unset;
    }

    select {
        -webkit-appearance: auto;
    }


    #tourn_info .ntourbox {
        max-width: 100%;
    }

    #offersbarscont {
        display: grid;
        overflow-x: auto;
        overflow-y: hidden;
        position: fixed;
        width: 100%;
        bottom: 120px;
        padding: 0px;
        z-index: 301;
    }

    #challenges.flexit {
        justify-content: flex-end;
        z-index: 400;
    }

    #chlg {
        padding-bottom: 30px;
        height: auto;
        max-width: 100%;
    }

    .gamescontainer.selected-category .incat.stripheader {
        margin-left: 15px;
        margin-top: 0px;
        font-size: 25px;
        margin-bottom: 20px;
    }

    .incat.stripheader {
        margin-left: 0;
    }

    .incat.stripheader:before {
        background: #2c4f38;
        padding-left: 40px;
    }

    .incat.stripheader:after {
        background: #2c4f38;
    }

    #offersbars {
        margin: 0;
        gap: 8px;
    }

    #tutorial div {
        margin: 50px auto;
        width: 99%;
        max-width: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #tutorial i {
        font-size: 22px;
    }

    #wheel_prize_collect {
        margin-left: 0;
    }

    #wheel_spin, #whltext {
        background: #181e58;
    }


    #wheel .modal-body {
        padding-bottom: 55px;
        padding-right: 0;
        padding-left: 0;
    }

    #wheel .modal-dialog {
        bottom: 0;
        position: fixed;
    }

    .smsverify_step1 {
        width: 70%;
    }

    #sms2veifymsg {
        box-shadow: none;
    }

    #sms2verify.active {
        position: fixed;
        display: flex;
        align-items: flex-start;
        padding-top: 200px;
    }

    #smsverify.active {
        position: fixed;
        display: flex;
        align-items: flex-start;
        padding-top: 200px;
    }

    .inshopitem .shopuserdetails {
        margin-top: 325px;
        padding: 0px 40px;
        width: 94%;
    }

    .shopuserdetails {
        height: 55%;
    }

    .modal_profile_page.active .tocol .rowd {
        padding-bottom: 0;
    }

    .storeitems.hidden {
        display: flex !important;
    }

    .myviprowtop {
        padding-top: 2%;
        padding-left: 2%;
        padding-right: 3%;
    }

    .pg_menu {
        overflow: hidden;
    }

    .dropdown-menu.menprofile.active {
        overflow-y: auto;
        padding-bottom: 100px;
    }

    .dropdown-menu.menprofile {
        overflow-y: auto;
        background-color: #292825;
    }

    .myviprowbot {
        padding-bottom: 3%;
        padding-top: 2%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .myvipinfo {
        margin-bottom: 0px;
    }

    .myvipprogres {
        height: 15px;
    }

    .menprofile li.menheadb {
        text-align: center;
        color: #fff;
        display: block;
        transform: translateX(110%);
        transition: transform 0.6s ease;
    }

    .menprofile li.menheadb.active {
        transform: translateX(0%);
    }

    body.openMenu-off-anim .menprofile li.menheadb.dsk{
        transition: none;
    }

    .inmered {
        color: #fff !important;
    }

    .gamemode {
        background: #000;
    }

    .storecheckout.flexactive {
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        position: fixed;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .storecheckout.flexactive .shopcheckoutin {
        top: 0px;
        position: absolute;
        width: 100%;
        border-radius: 10px 10px 0px 0px;
        overflow: hidden;
        padding-bottom: 50px;
        background: rgba(0, 0, 0, 0.7);
        padding-top: 70px;
    }

    .shopcheckoutin .backtostore {
        font-size: 28px;
        padding: 4px 8px;
        top: 10px;
        right: 12px;
        height: 38px;
        width: 38px;
        border: 1px solid rgba(255, 255, 255, 0.4);
    }

    .jumbotron #myCarouselslick .wp-block-cover {
        border-radius: 25px;
    }

    #myCarouselslick .slick-dots {
        margin-top: 0px;
    }

    .jumbotron .wp-block-cover {
        padding: 0px;
        margin: 0px;
        border-radius: 25px;
        border: 1px solid #00ed84;
        overflow: hidden;
        min-height: 180px;
        height: 180px;
        flex: 1;
    }


    #reglogin .form-short {
        height: auto;
    }

    .pgpage .modal-backdrop.in {
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    #page_content .close {
        display: none;
    }

    #page_content .close span {
        font-size: 30px;
    }


    /*.menprofile li.twocol {*/
    /*    flex-direction: row;*/
    /*    align-items: center;*/
    /*    background: #101c10;*/
    /*    justify-content: space-between;*/
    /*    flex-direction: row;*/
    /*    flex-wrap: nowrap;*/
    /*}*/

    .inmendep {
        flex: 1;
        margin: 0px 5px;
    }

    .inmered {
        flex: 1;
        margin: 0px 5px;
    }

    #page_content .modal-dialog {
        position: fixed;
        bottom: 0px;
        width: 100%;
    }

    .pg_promotions #page_content .modal-header {
        display: none;
    }

    .pgpage #page_content .modal-body {
        background: #fff;
        color: #eee;
        height: 100%;
        overflow-y: auto;
        padding: 0px 30px;
    }

    .pgpage #page_content .modal-body .max1k {
        margin: 0px auto;
    }

    .pg_promotions #page_content .modal-content {
        height: 100%;
    }

    #page_content.anim-left {
        display: block;
    }

    .ppg_promotions #page_content {
        position: fixed;
        top: 0px;
        display: relative;
        z-index: 100;
        width: 100%;
        height: 100%;
    }

    .pg_promotions.pgpage #page_content {
        z-index: 1050;
    }

    .pg_promotions.pgpage #page_content .modal-header {
        display: block;
    }

    .pg_promotions.pgpage #page_content .modal-body {
        background: #fff;
    }

    .pgpage #page_content .modal-body a {
        color: #101c10;
    }



    .wdrcont {
        background: #fff;
        will-change: transform;
        padding-bottom: 20px;
        margin-left: -15px;
        width: 100%;
        padding-bottom: 100px;
        position: fixed;
        padding: 0px 10px;
        top: 100%;
        will-change: transform;
        padding-bottom: 40px;
        max-height: 600px;
        overflow-y: auto;
        border-radius: 5px 5px 0px 0px;
    }

    .closewdr {
        font-size: 30px;
        float: right;
        margin-top: 10px;
        margin-right: 0px;
        color: #101c10;
    }

    .modal_inner_data h4.hh {
        color: #101c10;
        font-weight: bold;
        padding: 0px;
        margin-top: 30px;
    }

    .wdrtext {
        color: var(--text-primary);
    }

    #reglogin .modal-sm {
        border-radius: 5px;
        border: none;
        background: #fff;
        bottom: 0px;
        position: fixed;
        border-radius: 20px 20px 0px 0px;
        width: 100%;
    }

    .anim-left-out {
        /*	 -webkit-animation: slide-left-out 0.5s forwards;
    animation: slide-left-out 0.5s forwards; */
        transition: all 0.5s ease;
        left: 0%;
        transform: translate(-100%, 0) !important;
    }

    @-webkit-keyframes slide-left-out {
        0% {
            left: 0%;
        }
        100% {
            left: -100%;
        }
    }

    @keyframes slide-left-out {
        0% {
            left: 0%;
        }

        100% {
            left: -100%;
        }
    }

    .anim-right .gamehead, .anim-left .gamehead, .anim-left-out .gamehead, .anim-right-out .gamehead {
        top: -40px;
    }

    .anim-right-out {
        /*       -webkit-animation: slide-right-out 0.5s forwards;
    animation: slide-right-out 0.5s forwards; */
        left: 0%;
        transition: all 0.5s ease;
        transform: translate(100%, 0) !important;
        position: relative;
    }

    @-webkit-keyframes slide-right-out {
        0% {
            left: 0%;
        }
        100% {
            left: 50%;
        }
    }

    @keyframes slide-right-out {
        0% {
            left: 0%;
        }

        100% {
            left: 100%;
        }
    }


    .anim-right {
        /*        -webkit-animation: slide-right 0.5s forwards;
    animation: slide-right 0.5s forwards; */
        position: relative;
        left: -100%;
        transition: all 0.5s ease;
        transform: translate(100%, 0) !important;


    }

    @-webkit-keyframes slide-right {
        0% {
            left: -100%;
        }
        100% {
            left: 0;
        }
    }

    @keyframes slide-right {
        0% {
            left: -100%;
        }
        100% {
            left: 0;
        }
    }

    .anim-left {
        /*	-webkit-animation: slide-left 0.5s forwards;
    animation: slide-left 0.5s forwards; */
        left: 100%;
        transition: all 0.5s ease;
        transform: translate(-100%, 0) !important;

        position: relative;

    }

    @-webkit-keyframes slide-left {
        0% {
            left: 100%;
        }
        100% {
            left: 0;
        }
    }

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


    .anim-down {
        /*        -webkit-animation: slide-down 0.5s forwards;
    animation: slide-down 0.5s forwards;*/
        position: relative;
        display: block;
        bottom: 0%;
        transition: all 0.5s ease;
        transform: translate(0, -100%);

    }

    @-webkit-keyframes slide-down {
        0% {
            bottom: 0%;
        }
        100% {
            bottom: -100%;
        }
    }

    @keyframes slide-down {
        0% {
            bottom: 0%;
        }
        100% {
            bottom: -100%;
        }
    }


    .anim-up {
        -webkit-animation: slide-up 0.5s forwards;
        animation: slide-up 0.5s forwards;
        /*
	  bottom:-100%;
 transition: all 0.5s ease;
         transform: translate(0, 0%);
*/
        position: relative;

    }

    @-webkit-keyframes slide-up {
        0% {
            bottom: -100%;
        }
        100% {
            bottom: 0;
        }
    }

    @keyframes slide-up {
        0% {
            bottom: -100%;
        }
        100% {
            bottom: 0;
        }
    }

    .anim-down2 {
        /*    -webkit-animation: slide-down 0.5s forwards;
    animation: slide-down 0.5s forwards; */
        bottom: 0%;
        transition: all 0.5s ease;
        transform: translate(0, 100%) !important;


    }


    .anim-up2 {
        /*        -webkit-animation: slide-up 0.5s forwards;
    animation: slide-up 0.5s forwards; */
        top: 100%;
        transition: all 0.5s ease;
        transform: translate(0, -100%) !important;


    }

    .modal.fade-up .modal-dialog {

        transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1);
        transform: translate3d(0, 100vh, 0);
        /*-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
top: 300px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; */
    }

    .modal.fade-up.in .modal-dialog {
        transform: translate3d(0, 0, 0);
        /*
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1; */
    }

    .tournament_header .slider-addow-box-b a, .cat_header .slider-addow-box-b a {
        display: none;
    }

    .tournament_header .slider-addow-box-b a.tourviewmore, .cat_header .slider-addow-box-b a.catviewmore {
        display: block;
    }

    .mainpageright {
        width: 100%;
        position: relative;
        will-change: transform;
        overflow: hidden;
    }

    .coinsloc {
        margin-right: 15px;
        height: 50px;
        width: 77px;
    }

    .gc .coinsloctop .gccoin,
    .tc .coinsloctop .tccoin {
        font-size: 14px;
        line-height: 21px;
        width: 47px;
        height: 47px;
        top: 48%;
    }

    .tc .coinsloctop .tccoin {
        left: 40%;
    }

    .gcnum i {
        padding: 3px 6px;
        margin: 2px;
        border-radius: 0 50px 50px 0;
        color: #fff;
        font-size: 20px;
    }

    .storepay {
        margin-top: -35px;
    }

    .inshoppurchase .storepay {
        /* z-index: 200; */
        padding-top: 35px;
        /* position: fixed; */
        top: 35px;
        /* left: 0px; */
        height: 100%;
        width: 100%;
        background: #fff;
        border-radius: 15px 15px 0 0;
        flex-direction: column;
        align-items: stretch;
    }

    .inshoppurchase #my_profile {
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }


    .modal_data_deposit.active {
        min-height: 700px;
    }

    .backtopayment {
        font-size: 30px;
        padding: 10px;
        /* margin: -10px; */
        /* float: right; */
        padding-top: 0px;
        color: #2c4f38;
        /* right: 0px; */
        /* position: relative; */
        /* flex: 1; */
        text-align: right;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .applepayicon {
        background: url(/img/150/ApplePay.png) no-repeat right;
        height: 17px;
        flex: 1;
        background-size: contain;
    }

    .skrillicon {
        background: url(/img/150/skrill-logo.png) no-repeat right;
        height: 22px;
        flex: 1;
        background-size: contain;
    }

    .cardicons {
        background: url(/img/150/bank-cc.png) no-repeat right;
        height: 17px;
        flex: 1;
        margin-left: 20px;
        background-size: contain;
    }

    .banktrasfer {
        background: url(/img/150/InstantBank.png) no-repeat center;
        height: 32px;
        flex: 1;
        background-size: contain;
    }

    .bankicons {
        background: url(/img/150/Banks.png) no-repeat right;
        height: 15px;
        flex: 1;
        margin-left: 15px;
        background-size: contain;
    }

    .modal_myaccount_body.active {
        height: 50px;
        min-height: unset;
    }

    .fix_background{
        position: fixed;
        height: 100%;
    }


    .modal_profile_page.active {
        margin-left: 0px;
        padding-bottom: 20px;
    }

    .pg_myprofile .modal_profile_page.active {
        margin-right: -20px;
    }

    .pg_myprofile .modal_data_change_password {
        margin-left: -10px;
    }

    .pg_myprofile .modal_data_personal_information {
        margin-left: -10px;
    }

    .pg_myprofile .modal_data_change_password h4 {
        color: #2c4f38;
    }

    .pg_myprofile .modal_data_history h4 {
        color: #2c4f38;
    }

    .modal_profile_page.active .rowd {
        padding-bottom: 20px;
    }

    #my_profile_submenu.deposub {
        display: none !important;
    }

    .modal_profile_page #my_profile_submenu {
        width: 100%;
        background: #2c4f38;
        margin-left: -10px;
        border-radius: 50px;
        margin-top: 10px;
    }

    .gmcont .gamebox {
        width: 30%;
        height: auto;
        aspect-ratio: 150/150;
    }

    .swipeanim {
        animation: swipeanim 1243ms infinite ease-in-out;
        -webkit-animation: swipeanim 1243ms infinite ease-in-out;
    }

    @keyframes swipeanim {
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 10px);
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    @-webkit-keyframes swipeanim {
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 10px);
        }
        100% {
            transform: translate(0px, 0px);
        }
    }

    input:disabled {
        -webkit-text-fill-color: #000000;
        opacity: 1; /* required on iOS */
    }

    .section1 .wp-block-cover__inner-container {
        margin-top: -100px !important;
    }

    #my_profile .modal-content {
        overflow-y: auto;
    }


    .tourdesc small {
        display: block;
    }

    .tourdesc {
        text-align: center;
        padding-bottom: 5px;
    }

    .mobtourcont {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        align-content: center;
    }

    .mobtourcont h4 {
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        margin: 2px;
    }

    .tourdescwinners {
        border-right: 1px solid #3b4ee5;
        border-left: 0 solid #3255ec;
        padding: 5px;
        text-align: center;
        font-size: 12px;
    }

    .tourschedname {
        font-size: 12px;
    }

    .jpmidi, .jpmini {
        font-size: 12px;
        min-width: 100px;
        white-space: nowrap;
        flex: 1;
    }

    .jps {
        flex: 1;
        padding: 0;
        margin: 0;
    }

    .jackpots {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .jps div label {
        font-size: 12px;
        line-height: 12px;
    }

    .jpmajor {
        font-size: 12px;
        min-width: 100px;
        white-space: nowrap;
        flex: 1;
    }

    .jps div {
        margin: 0px 5px;
    }

    .wp-block-media-text.group img {
        height: 20px;
        width: 20px;
    }

    .wp-block-media-text.group .wp-block-media-text__content {
        padding-left: 0px;
        margin-left: 0px;
        margin: 0px;
    }

    .wp-block-media-text.group .wp-block-heading {
        margin: 0px;
        font-size: 22px !important;
    }

    .wp-block-media-text.group {
        margin-left: 3px;
    }

    #myCarousel .wp-block-media-text .wp-block-media-text__content {
        padding: 15px;
        margin-top: 40px;
    }

    #myCarousel .wp-block-media-text .group .wp-block-media-text__content {
        padding: 0px;
        margin-top: 0px;
    }

    #myCarousel .wp-block-media-text.miniban .wp-block-media-text__content {
        padding: 0px;
        margin-top: 0px;
    }


    #myCarousel {
        width: 100%;
    }


    .storeitems {
        margin-top: 35px;
        margin-left: -15px;
        margin-right: -15px;
        gap: 5px;
    }

    .ingame .navbar-brand {
        display: none;
    }

    .game-container {
        border-radius: 0px;
    }

    .categories ul {
        overflow-x: auto;
        padding-right: 20px;
    }

    .categories ul::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }

    .storebutton {
        text-align: center;
    }

    .info.infotag {
        position: absolute;
        lefT: 0px;
        margin-top: -5px;
    }

    .info.extra {
        position: absolute;
        top: 100%;
        left: 6px;
        margin-left: 0px;
        margin-top: -18px;
    }

    .storebox .tag > span{
        font-size: 8px;
        padding: 2px 15px;
    }

    .storebox .discount {
        font-size: 9px;
        padding: 2px 5px;
    }

    .getcoins {
        color: #fff;
        white-space: nowrap;
        background-color: #ff1f4a;
        border-radius: 13px;
        padding: 5px;
        text-transform: uppercase;
        cursor: pointer;
        width: 58px;
        white-space: break-spaces;
        text-align: center;
        line-height: 12px;
        font-size: 12px;
    }

    .navbar-toggle.collapsed.openmobilemenu {
        display: none;
    }

    .closecol {
        display: flex;
    }

    #reglogin h4 {
        display: block;
        margin-top: 15px;
        font-family: "Heebo";
        padding: 0px;
        margin-bottom: 5px;
        font-size: 28px;
    }

    #reglogin .forgotpasspop h4 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .reg-send-email-text {
        padding-top: 25px;
    }

    #scroll_top {
        display: none;
    }

    .logm .open ul.menprofile {
        box-shadow: none;
    }

    .jumbotron h4 {
        font-size: 14px;
    }

    .jumbotron h1 {
        line-height: 0.5;
        font-size: 24px;
        padding: 2px;
        margin: 2px;
    }

    .jumbotron .wp-block-cover {
        padding: 0px 5px;
    }

    .gamehead {
        margin: 0px -10px;
    }

    .wp-block-media-text .wp-block-media-text__content {
        padding: 0px;
    }

    .menitem .dropdown-menu > li.closecol > a, .dropdown-menu li.closecol {
        display: none;
        text-align: right;
        padding: 10px;
        font-size: 20px;
        color: #4149E0;
    }

    .flipit {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .flipit .wp-block-button a {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .flipit .wp-block-button {
        flex: 1;
    }

    .loggedout #navbar {
        flex: 1
    }

    .logm .dropdown-backdrop {
        background: #fff;
    }

    .dropdown-menu.menprofile {
        z-index: 120;
        top: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        padding: 17px;
        padding-top: 7px;
        left: 0;
        will-change: transform;
    }

    .dropdown-menu.menprofile.active {
        display: block;
        height: 100%;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        z-index: 200;
    }

    .dropdown-menu.menprofile .menu-back-button {
        display: flex;
        justify-content: space-between;
        margin-bottom: 36px;
    }

    .dropdown-menu.menprofile .menu-back-button img {
        /* width: 82px;
        height: 44px; */
        width: 10.75px;
        height: 19.5px;
    }

    .dropdown-menu.menprofile .menu-back-button .coinsloc {
        margin: 0;
    }

    .useridholder {
        flex: 1;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-bottom: 115px;
    }

    #coinswtchcont {
        flex: 1;
    }

    #navbar {
        align-items: center;
        flex: 0;
    }

    #coinswitch {
        justify-content: center;
        border: none;
        height: 50px;
    }

    .fas.fa-plus {
        width: 48px;
        height: 48px;
    }

    .modal-header .close {
        color: #2c4f38;
        background: none;
    }

    #reglogin .modal-body {
        border-radius: 0px;
    }

    #reglogin {
        background: none;
        color: #2c4f38;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    #newpass .modal-body, #reglogin .modal-body {
        background: none;
    }

    .popnewhead {
        padding: 10px;
    }

    .modal-dialog {
        margin: 0px;
    }

    .section5 .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
        height: 320px;
        width: unset
    }

    .section5 .wp-block-gallery.has-nested-images figure.active {
        display: inline-block;
        opacity: 1;
    }

    .section5 .wp-block-gallery.has-nested-images figure {
        display: none;
        transition: opacity 1s ease-out;
        opacity: 0;
    }

    .section5 h1 {
        font-size: 1.5em !important;
    }

    .section6 h1 {
        color: #333;
    }

    .hidemobile {
        display: none !important;
    }

    .hidedesktop {
        display: none !important;
    }

    .showmobile {
        display: flex !important;
    }

    .section5 {
        min-height: 700px;
    }

    .navbar-brand img {
        height: 100%;
        margin: 0px
    }

    .storebox .info img {
        height: 20px;
    }

    .menleftpos {
        display: none;
    }

    #navbar .logm {
        justify-content: flex-end;
    }

    .mwonk, .section1 .mwonk {
        width: 95vw;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }

    .section1 .mwonk h1 {
        font-size: 5em;
    }

    .section1 .mwonk h2 {
        font-size: 3em;
    }

    .section1 .mwonk p {
        font-size: 1.2em;
    }

    .section1 .mwonk .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
        align-content: stretch;
    }

    .section6 .wp-block-button {
        flex: 1;
    }

    .section4 .wp-block-button {
        display: flex;
        width: 100%;
        margin: 0;
        flex-direction: column;
        align-items: stretch;
    }

    .section1 {
        height: 850px;
    }

    .section2 h1 {
        font-size: 2.3em;
    }

    .section2 h2 {
        font-size: 1.3em;
    }

    .section3 .wp-block-columns {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        justify-content: center;
    }

    .homepageboxes.showmobile .wp-block-column {
        height: auto;
        height: auto;
        width: 50%;
        /* aspect-ratio: 1; */
        max-width: 162px;
        margin: var(--space-xs);
    }

    .homepageboxes .wp-block-cover {
        padding: 0px;
    }

    .homepageboxes.showmobile .wp-block-cover {
        justify-content: center;
    }

    .homepageboxes p {
        margin-left: 0px;
    }

    .section4 h2.wp-block-heading {
        font-size: 2.5em !important;
    }

    .section2 .buttonsrow .wp-block-button {
        margin: var(--space-xs);
    }

    .section2 .wp-block-button a {
        padding-left: 1em;
        padding-right: 1em;
    }

    #page_content .modal-content, #my_profile .modal-content {
        border-radius: 5px 5px 0px 0px;
    }

    #page_content .modal-dialog {
        bottom: -40px;
    }

    #page_content .modal-dialog .modal-content {
        display: flex;
        max-height: 90vh;
        flex-direction: column;
    }

    #page_content .modal-dialog .modal-content .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 50px;
    }

    #page_content .modal-dialog .modal-content .modal-header .pagehead {
        flex: 1;
    }

    #page_content .modal-dialog .modal-content .modal-header .close {
        margin: 0px;
    }

    #page_content .modal-dialog .modal-content .modal-body {
        padding-bottom: 50px;
    }

    .ingame .gameclosenav {
        font-size: 26px;
        color: #fff;
        text-align: center;
        padding: 8px 15px;
        height: 44px;
        border: 1px solid rgba(192, 192, 192, 0.4);
        box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 2px 0px #444;
        align-items: center;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        background: transparent;
        border-bottom-width: 2px;
        border-top-width: 2px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-radius: 50px;
    }

    .ingame .gameclosenav span {
        font-size: 1.7rem;
        padding-left: 10px;
        line-height: 1;
        padding: 0px 6px;
    }

    .ingame .coinsloc {
        margin: 0px;
    }

    body.ingame .navbar-inverse.mastermen {
        height: 75px;
    }

    body.pg_store.ingame .mastermen.glass-effect {
        padding-bottom: 0px;
    }

    .ingame .gameclosenav i {
        font-size: 20px;
    }

    .gamemode {
        top: 0px;
        padding-bottom: 0px;
        padding-top: 82px;
        padding-left: 0px;
    }

    .gametools {
        display: none;
    }

    .myaccountscroll::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }

    .myaccountscroll {
        overflow-x: auto;
        width: 100%;
    }

    #my_profile .modal-content {
        height: 100%;
    }

    .modalmenu {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .modalmenu p i {
        white-space: nowrap;
    }

    .modalmenu p {
        float: none;
    }

    .modalmenu .fa {
        float: none;
    }

    .gamehead {
        position: fixed;
        z-index: 30;
        background: transparent;
        width: 100%;
        left: 0px;
        margin: 0px;
        padding: 0px;
        top: -40px;
    }

    #promopage.anim-right-out {
        display: block;
    }

    #promopage.anim-right {
        display: block;
    }

    #promopage.anim-left-out {
        display: block;
    }

    #redeempage.anim-right-out {
        display: block;
    }

    #redeempage.anim-right {
        display: block;
    }

    #redeempage.anim-left-out {
        display: block;
    }

    .menprofile.anim-left-out {
        display: block;
    }

    .menprofile.anim-right-out {
        display: block;
    }

    .mastermen {
        position: fixed;
        top: 0px;
    }

    .mastermen.hidden {
        transform: translateY(-100%); /* Move it out of view */
    }

    .mainpageflex {
        margin-top: 145px;
        overflow: visible;
    }

    .coinsloctop img {
        height: 30px;
    }

    .coinslocbg img {
        height: 30px;
    }

    .tcmode img {
        height: 30px;
    }

    .gcmode img {
        height: 30px;
    }

    .gc .gcnum .gcc {
        display: block;
    }

    .gc .gcnum .gct {
        display: none;
    }

    .tc .gcnum .gcc {
        display: none;
    }

    .tc .gcnum .gct {
        display: block;
    }

    .tc .gcnum:before {
        display: block;
        border: 1px solid #31b335;
    }

    .tc .gcnum {
        color: #fff;
    }

    #coinswitch.tc .bubble::before, #coinswitch.tc .bubble::after {
        left: 72%;
    }

    #coinswitch.gc .bubble::before, #coinswitch.gc .bubble::after {
        left: 53%;
    }

    .bubble {
        top: 55px;
    }

    .tcnum {
        display: none;
    }

    #newpass .modal-content, #reglogin .modal-content {
        flex-direction: column-reverse;
    }

    .leftpoper {
        width: 100%;
    }

    .is-layout-flex.is-horizontal {
        flex-wrap: wrap;
    }

    .playbtn.playreal {
        font-size: small;
    }

    .rightsidecont {
        padding: 0;
    }

    .cat_header {
        padding: 0;
    }

    .cat_header:not(:last-child) {
        margin-bottom: 5px;
    }

    .cat_header .slider-addow-box-b, .tournament_header .slider-addow-box-b {
        margin-right: 20px;
    }

    .gamescontainer ul {
        grid-template-columns: unset;
        display: grid;
        grid-auto-flow: column;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        grid-template-rows: repeat(2, calc(var(--game-tile-size) / 1.5));
    }

    /* .gamescontainer ul .gamebox {
        width: 132px;
        height: 132px;
    } */

    .gamescontainer ul .gamebox {
        width: calc(var(--game-tile-size) / 1.5) !important;
        height: calc(var(--game-tile-size) / 1.5) !important;
        min-width: calc(var(--game-tile-size) / 1.5) !important;
        min-height: calc(var(--game-tile-size) / 1.5) !important;
        overflow: visible;
    }

    .gamescontainer ul .gamebox.gameboxbigimg {
        /* width: calc((var(--game-tile-large-size) + 4px) / 1.5) !important; */
        width: 100% !important;
        height: calc((var(--game-tile-large-size) + 4px) / 1.5) !important;
        min-width: calc((var(--game-tile-large-size) + 4px) / 1.5) !important;
        min-height: calc((var(--game-tile-large-size) + 4px) / 1.5) !important;
    }

    .gamescontainer.row {
        margin: 0;
    }

    .tournament_header {
        padding-bottom: 10px;
    }

    .tourinfo a {
        font-size: 14px;
    }

    .gamescontainer.row,
    .tournamentcontainer {
        padding-left: 15px
    }

    #mobile_result .gamebox {
        float: left;
    }

    .jumbotron p {
        margin: var(--space-xs);
    }

    .jumbotron p.has-small-font-size {
        font-size: x-small;
        max-width: 60%;
    }

    .nav > li.tpma {
        display: none;
    }

    input[type="text"] {
        -webkit-appearance: none;
    }

    .latestwinnerswidget.item, .latestwinnerswidget.item.active {
        padding: 8px 0px;
    }

    .spt_4.sports .carditem .odds .price.selected i {
        background: #09a57e;
        color: #fff;
    }

    .spt_4.sports .match.carditem .odds .price.selected i {
        border: none;
    }

    .spt_4.sports .eventdetails .match .odd_button i {
        border: none;
    }

    .leaguecontainer {
        border: none;
        margin-bottom: 0px;
    }

    .spt_4.sports .eventdetails {
        background: #eee;
    }

    .sports.spt_4 .card .cardmen {
        padding: 0px;
    }

    .jumbotronwrap .winnerwrap {
        margin-left: 0px;
    }

    .latestwinnerswidget h4 {
        display: none;
    }

    .submenu {
        display: none;
    }

    .jumbotronwrap .winnerwrap {
        display: block;
    }

    .latestwinnerswidget {
        display: none;
    }

    .spt_4 #betslip {
        width: auto;
        max-width: 600px;
    }

    .spt_4.sports .carditem .oddsc .odds.nf {
        display: none !important;
    }

    .spt_4.sports .carditem .oddsc .odds.mf {
        display: flex !important;
        flex-wrap: nowrap;
    }

    .spt_4.sports .topg_odds .odd_button:hover {
        background: #fff !important;
        color: #000 !important;
    }

    .spt_4.sports .topg_odds .odd_button.selected:hover {
        background: #09a57e !important;
        color: #fff !important;
    }

    .teamrowsets .teamrowcontent .scorebox, .teamrowsets .teamrowcontent .divscores .score_1, .teamrowsets .teamrowcontent .divscores .score_2 {
        font-size: 12px;
    }

    .teamrowsets .teamrowcontent .team_1, .teamrowsets .teamrowcontent .team_2 {
        font-size: 12px;
        height: auto;
        margin: 0px;
        height: 22px;
        margin: 0px;
        margin-top: 5px;
    }

    .teamrowsets .teamrowcontent .team_2.active:before, .teamrowsets .teamrowcontent .team_1.active:before {
        height: 16px;
    }

    .teamrowsets .teamrowcontent .team_2.active:after, .teamrowsets .teamrowcontent .team_1.active:after {
        width: 5px;
        height: 5px;
        margin-right: 0px;
    }

    .teamrowcontent .team_1, .teamrowcontent .team_2 {
        font-size: 12px;
    }

    .teamrowcontent .score_1, .teamrowcontent .score_2 {
        min-width: 30px;
        font-size: 14px;
    }

    .scorevs {
        font-size: 30px;
    }


    .eventdetails .card.match h4:after, .match .eventdetails h4:after {
        margin-right: 20px;
    }

    .card_races ul {
        padding: 2px;
        white-space: nowrap;
    }

    .card_races {
        overflow: auto;
        width: 100%;
    }

    .subcatmen {
        background: #262b2b;
    }

    .gamescontainer {
        padding-bottom: 50px;
    }

    .APP_ANDROID_app .container.gamemain {
        margin-bottom: -20px;
    }

    .APP_ANDROID_app footer {
        display: none;
    }

    .APP_IOS_app .container.gamemain {
        margin-bottom: 30px;
    }

    .APP_IOS_app footer {
        display: none;
    }

    footer {
        padding-bottom: 200px;
    }

    .subcatmen2 {
        background: #0c0e1e;
    }

    .live-casino .container.gamemain {
        display: none;
    }


    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        left: 0px;
        text-align: center;
        margin: 0px auto;
        padding: 0px 5px;
        width: 100%;

    }

    .mastermen.navbar .navbar-brand {
        padding: 0px 10px;
    }

    .modal-open #hbl-live-chat-wrapper {
        display: none;
    }


    .mobprovsel {
        padding: 10px 0px;
        border: 0px;
        background: #444141;
        height: 38px;
        text-align: center;
    }

    .pproviderscontainer {
        display: none !important;
    }

    .gameCategory .micon2, .gameCategory .micon {
        display: none;
    }

    .virtuals .card.match, .sports .card.match {
        min-height: 37px;
    }


    .card.match.collapse .cardmen h4:after {
        margin-right: 21px;
    }

    .livematch .eventdetails h4:after, .match .eventdetails h4:after {

        margin-right: 10px;
    }

    .market_fav {
        margin-right: 20px;
    }


    .matchname.sporthead {
        padding: 5px;
    }

    .sporthead {
        height: 155px;
        text-align: center;
        margin-bottom: 0px;
    }

    .sporthead.tv {
        height: 220px;
    }

    .prematchhead_time {
        height: 48px;
        padding: 5px 0px;
        font-size: 14px;
    }

    body.match .jumbotron {
        display: none;
    }

    .menulogin3 {
        background: #2c4f38;
        font-size: 12px;
        color: #fff;
    }

    .disclaimer p {
        text-align: center !important;
    }


    .livematch .eventdetails h4, .match .eventdetails h4 {
        background: #304147;
        color: #fff;
        border: 0px;
        font-weight: normal;
        padding-left: 20px;
        border-radius: 0px !important;

    }

    .eventdetails h4 {
        background: #000;
        padding: 5px;
        font-weight: bold;
        color: #f0cf61;
        border-left: 4px solid #f0cf61;
    }

    .pr_extra {
        display: block;
        line-height: 0px;
        color: #ccc;
        font-size: 12px;

    }

    .cellspec.fir {
        display: none;
    }

    .colgreen {
        animation: none;
    }

    .colred {
        animation: none;
    }

    .sports .wrap .container.gamemain {
        background: #2b2b2b;
    }

    .spt_4.sports .container .jumbotronwrap {
        background: none;
    }

    .sports.results .wrap .container.gamemain {
        background: #242424;
        padding-right: 10px;
        padding-left: 10px;
    }

    .backtolivemenu {
        color: #26b582;
        display: inline-block;
        background: #000;
        padding: 5px;
        margin: 0px;
        border-radius: 0px;
        cursor: pointer;
        width: 100%;
    }

    .livecardmen_selected span {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: none;
        padding-bottom: 0px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        /* margin-top: 3px; */
        height: 28px;
        line-height: 28px;
        margin-left: 5px;
    }

    .livecardmen_selected {
        border-left: 4px solid #1e805d;

        display: none;
        width: 100%;
        background: #000000;
        height: 67px;
        margin-top: 2px;
        padding-bottom: 2px;
    }

    .cardselmenumob {
        display: block;

        background: none;
        color: #fff;
        font-size: 20px;
        width: 100%;
        height: 100%;
        border: none;
    }

    .cardselmenumob option {
        background: #333 !important;
        color: #fff;
    }

    .cardselmenumob:focus {
        outline: none;
    }

    .cardselmenumob:active {
        border: none;
    }

    #precardmen {
        display: none;
        padding: 5px 0px;
        padding-bottom: 0px;
    }

    .newspval {
        display: table-cell;
        vertical-align: middle;
        width: 33%;
    }

    .sports .card.racing {
        background: #e7e7dd;
    }

    .virtuals .card, .sports .card {
        background: #000;
    }

    .btval {
        font-size: 12px;
        display: block;
        text-align: center;
        color: #cacaca;
    }

    .sports .sportlist ul {
        padding: 0px;
    }

    .sports .sportlist ul .lsporthh {
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #344a5a;
        border-left: 4px solid #f0cf60;
    }

    .sports .sportsmobmen.sportlist ul .lsport {

        display: none;
        background: #122c41;
        border-left: 2px solid #122d41;
        border-bottom: 1px solid #86898c;
        font-size: 13px;
        padding: 10px;
    }

    .sports .sportsmobmen.sportlist ul .lsport.active {
        display: block;
    }

    .sports .sportlist ul .lsport .ltour {
        border-bottom: 1px solid #f0cf60;
        padding: 6px 8px;
        border-left: 3px solid #f0cf60;
    }

    .sports .sportlist ul li .fa {
        margin-right: 5px;
    }

    .sports .sportlist ul .lsport .lcat {
        padding: 10px 10px 10px 7px;
        border-left: 4px solid #f0cf61;
    }

    .navbar-inverse .navbar-nav > li.men_t1 > a.user {
        display: inline-block;
        padding: 20px 5px;
    }

    .topitems {
        white-space: nowrap;
        -ms-overflow-style: none; /* for Internet Explorer, Edge */
        scrollbar-width: none; /* for Firefox */
        overflow-x: scroll;

        margin-top: 10px;
    }

    .topitems::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }

    .top_sp_item {
        white-space: initial;
    }

    .matchname .teamloc .teamname {
        font-size: 14px;
    }

    .sports .card .cardmen #livecardmen_overflow li.active {
        color: #333;
    }

    .eventdetails div h4 {
        padding: 10px;
    }

    .price_extra {
        width: 47px;
    }

    .cellspec.fir {
        margin-top: -81px;
    }

    .upcoming .caway::before {
        display: none;
    }

    .upcoming .carditem .compss div.caway, .upcoming .carditem .compss div.chome {
        min-width: 90%;
        margin-top: 0px;
        text-align: left;

    }

    .oddrtwo {
        display: none;
    }

    .liveodds .compss div.chomeres span {
        padding: 0px;
    }

    .liveodds .compss div.chomeres span::after {
        content: "";
    }

    .liveodds .compss div.caway, .liveodds .carditem .compss div.chome {
        width: unset;
        min-width: 70%;
        text-align: left;
    }

    .liveodds .carditem .compss {
        white-space: normal;

    }


    .cawayres, .chomeres {
        display: table-row;
        line-height: 16px;
        font-size: 13px;
        float: right;
    }

    .fsth {
        display: none;
    }

    .match_markets_selection {
        overflow: visible;
        overflow-y: auto;
    }

    .match_markets_selection .markselitem.more {
        display: none;
    }

    .card .compss {
        padding: 9px 0px;
        padding-top: 25px;
    }

    .content {
        overflow-x: hidden;
    }

    .botrow {
        margin-left: -5px;
        border-radius: 0px 5px 0px 0px;
        /*background:#0b2740;*/
    }

    .sta2 {
        display: inline-block;
        font-size: 13px;
    }

    .card.liveodds .sta2 {
        max-width: 66px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card.upcoming .sta2 {
        margin-left: -10px;
    }

    .stime2 {
        border-right: 1px solid #5d5b5b;
        margin-right: 5px;
        color: #30adab;
        font-size: 14px;
        margin-left: 0px;
        padding: 0px 5px;
        display: inline-block;

    }

    .card.liveodds .stime2 {
        float: left;
        line-height: 16px;
    }

    .sres.live {
        display: none;
    }

    .marsellive.dropdown-menu {
        z-index: 991;
    }

    .menright {
        text-align: right;
    }

    #marketselmen_overflow.active {
        right: 0px;
    }

    #history_date,
    .history_filter {
        font-size: 17px;
    }

    #betslip {
        width: 100%;
    }

    #betslip_head {
        height: auto;
        background: #000;
    }

    .betslip_bar {
        background: #e7e7dd;
    }

    #betslip_clear {
        color: #333;
    }

    .betsliptop {
        font-size: 20px;
    }

    .betsliptypes {
        width: 100%;
        margin-top: 3px;
        display: inline-block;
    }

    .spt_4.sports #betslip_summary .slipmbonus label, #betslip_summary .betmbon {
        color: #d29100;
    }

    #betslip_summary .betodds {
        color: #333;
    }

    .betslip_bettype {
        color: #737373;
    }

    .carditem .sres.live span {
        line-height: 10px;
    }

    .carditem .odds {
        margin-top: 1px;
        min-width: 176px;
    }

    #my_profile .modal-dialog {
        margin: 0px;
        height: 100%;
        width: 100%;
        will-change: transform;
    }

    .carditem.match .odds .price {
        line-height: 18px;

    }

    .carditem .odds .price {
        display: inline-block;
        cursor: pointer;
        padding: 4px 0px;
        text-align: center;
        background: #fff;
        font-weight: bold;
        width: 33%;
        /*color:#000; */
        border-radius: 2px;
        margin-left: 1px;
        min-height: 59px;
    }

    .card[data-id="live"] .carditem .odds .price {
    }

    .carditem .markets, .carditem .comps {
        max-width: 177px;
        font-size: 10px;
        padding-left: 0px;
    }

    .carditem .compss div a {
        font-size: 13px;
    }

    .carditem .comps a {
        font-size: 13px;
    }

    .carditem .ctourinfo {
        display: inline-block;
        position: absolute;
    }

    #bonusdef {
        padding: 0px;
    }

    .promotionscont .boncontainer, #bonusdef .boncontainer {
        padding: 5px;
    }

    .promotionscont .Name, #bonusdef .Name {
        border: 0px;
    }

    .promotionscont .det, #bonusdef .det {
        margin-left: 46px;
    }

    .bonusaccept {
        margin-top: 0px;
    }

    .methods div {
        width: 140px;
        height: 45px;
        border: 1px solid #c3c3c3;
        text-align: center;
        line-height: 45px;
        margin-top: 5px;
        background: #fffbd7;
    }

    .methods div input[type="radio"] {
        display: none;
    }

    #depositiframe {
        height: 100%;
    }

    .jumbotron .container {
        padding-top: 5px;
    }

    .eventdetails .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .carditem .itemleft, .carditem .itemright {
        padding-top: 0px;
    }

    .carditem .sscore.live, .carditem .sres.live {
        font-size: 10px;
    }

    .carditem .compss div a {
        width: 140px;
    }

    .carditem .compss div.caway, .carditem .compss div.chome {
        min-width: 70%;
    }

    .carditem .compss {
        max-width: unset;
        width: 70%;
        font-size: 16px;
        padding-left: 0px;
        line-height: 12px;
    }

    .modds {
        text-align: right;
    }

    .odds {
        float: right;
    }

    .match .odds {
        float: none;
    }

    .mhead {
        margin-right: -11px;
    }

    .menright .mhead .pricehead {
        width: 43px;
        font-size: 10px;
    }

    .menright .odds.l2 {
        width: 157px;
        margin-right: 0px;
    }

    .menright .odds.l3 {
        width: 105px;
    }

    .card .menright .odds.l3 {
        width: 150px;
    }

    .oddsc {
        display: inline-block;
        float: right;
    }

    .cardmen .menright {
        background: #fff;
    }

    body:not(.pg_refFriendBtn) #inveiteafriend.flexit {
        display: none;
    }
}

#gotoopenbets, #gotosettledbets {
    display: none;
}

.markflt.m {
    display: none;
}

@media (orientation: landscape) and (max-width: 992px) {


    #my_profile .modal-dialog {
        width: 100%;
    }

    #my_profile .modal-content {
        overflow: auto;
    }

    .logm .open ul.menprofile {
        overflow-y: auto;
        justify-content: flex-start;
    }

    .ingame .mastermen {
        height: 20px;
    }

    .ingame .coinslocbg img {
        height: 20px;
    }

    .ingame .coinsloctop img {
        height: 20px;
    }

    .ingame .container.menucontainer {
        width: 100%;
    }

    .ingame .getcoins {
        white-space: nowrap;
        width: unset;
    }

    .gamemode {
        top: 30px;
    }

    .ingame #coinswitch {
        margin: 0px;
    }

    .ingame .gameclosenav {
        font-size: 15px;
    }
}

@media only screen and (max-height: 760px) {
    #reglogin .modal-sm {
        height: 100%;
        top: 0px;
        overflow: visible;
    }

    .regformrow {
        font-size: 12px;
    }
}

@media only screen and (min-height: 2160px) {
    .wdrcont {
        transform: scale(1.3);
    }
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
    .ingame .mastermen {
        height: 100%;
        width: 50px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .ingame .gameclosenav {
        width: 100%;
    }

    .ingame .container.menucontainer {
        flex: 1;
        padding: 0px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 55px;
    }

    .gamemode {
        top: 0px;
        padding-left: 50px;
        padding-top: 0px;
    }

    .ingame #coinswtchcont {
        display: none;
    }

    .ingame .getcoins {
        white-space: unset;
        border-radius: 5px;
        margin-top: x;
    }

    .ingame .coinsloc {
        margin-top: 20px;
        transform: rotate(90deg) scale(1.3);
    }

    .ccontainer.menucontainer .navbar-header {
        display: none !important;
    }

    .loggedout .container.menucontainer .navbar-header {
        display: flex;
    }

    #nnavbar {
        display: none !important;
    }

    .menleftpos {
        display: flex;
    }

    .coinslocbg img, .coinsloctop img {
        transform: rotate(-90deg);
    }

    .coinsloctop .tccoin {
        margin-top: 1px;
    }
}

@media (max-width: 991px) {
    body {
        overflow-x: hidden;
    }

    .store-mobile-header {
        display: flex;
    }

    #my_profile h4.store-mobile-header {
        text-shadow: 0 0 15px rgb(170 96 254);
        font-size: 6.8rem;
        margin-top: 55px;
        margin-bottom: 0px;
    }

    .stripheader span {
        font-weight: bold;
        font-size: 18px;
        margin: 0 0 -4px 0;
    }

    #ifriendspop #ifrieindsban {
        transform: scale(1.6);
    }

   body.pg_redeem .header-navbar.header-navbar-mobile {
       display: none;
    }

    .loyalty-personal-info .menu-loyalty-progress-val > img {
        width: 14px;
        height: 14px;
    }

    .modal-loyalty-label > .exp-icon {
        height: 34px;
    }

    .modal-loyalty-label > .exp-icon > img{
        width: 20px;
        height: 20px;
    }

    .loyalty-level > .modal-loyalty-label {
        padding: 0px 24px;
    }

    .menu-loyalty-progress-val > span {
        padding: 0px;
        font-size: 12px;
        line-height: 1;
    }

    .current-loyalty-levels {
        padding-bottom: 100px;
    }

    .menu-loyalty-bar {
        height: 36px;
    }

    .menu-loyalty-lvl {
        height: 64px;
        width: 56px;
        clip-path: inset(0 0 0 4px);
    }

    .loyalty-modal-header.open-info {
        padding-top: 80px;
    }

    .modal_loyalty .modal-info-btn{
        padding-bottom: 110px;
        width: 280px;
        padding-right: 0px;
    }

     .modal_loyalty .modal-info-btn > .menu-default-btn {
        padding: 12px 8px;
     }

    .fsmobile-loader {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 99;
        background: rgba(0, 0, 0, 0.8);
        top: 0px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .fsmobile-loader.hideit {
        display: none;
    }

    .fsmobile-loader > .fsloader{
        width: 128px;
        height: 128px;
    }

    #freespinpage .menu-info-container {
        padding-top: 10vh;
        height: 70vh;
        padding: 50px 40px 0px 40px;
        gap: 0px;
        max-width: 590px;
        margin: 0 auto;
        max-height: 839px;
    }

    #freespinpage .menu-info-step-text > p {
        text-align: left;
        padding-top: 5px;
        letter-spacing: 1px;
    }

    #freespinpage .menu-info-container  > .menu-info-step {
        height: 33%;
    }

    #freespinpage .menu-info-step > .menu-info-step-text:nth-child(odd) {
        text-align: left;
    }

    #freespinpage .menu-info-step > .menu-info-step-text:nth-child(even) {
        text-align: right;
        padding-left: 10%;
    }

    #freespinpage .menu-info-step:nth-child(1) > .menu-info-step-text {
        position: relative;
        left: 20px;
    }

    .menu-info-container {
        height: 75vh;
        justify-content: space-between;
        padding: 0px 30px;
        padding-top: 100px;
        gap: 80px;
    }

    .menu-info-step {
        justify-content: space-around;
    }

    .menu-info-step-text {
        font-size: clamp(20px, calc(-6px + 8vw), 42px);
        /* width: 80%; */
    }

    .menu-info-step-icon:nth-child(odd) {
        margin-right: 0px;
        padding-left: 60px;
    }

    .menu-info-step-icon:nth-child(even) {
        margin-left: 0px;
    }

    #freespinpage .menu-info-step-icon:nth-child(even) {
        margin-left: -50px;
    }

    .menu-info-step-icon {
        width: 20%;
    }

    .menu-info-step-icon > img {
        width: 245px;
        height: 295px;
    }

    #freespinpage .menu-info-step-icon > img {
        width: 205px;
        height: 205px;
    }

    #freespinpage .menu-info-step {
        width: 100%;
    }

    .freespinpage-mob-header > h4 {
        font-size: 5.7rem;
        margin: 0px;
        line-height: 1;
    }

    .freespinpage-mob-header > h5 {
        font-size: 2.8rem;
        text-transform: none;
        margin: 0px;
        line-height: 1;
    }

    .step-logo-icon.step-logo-icon > img {
        width: 240px;
        height: 240px;
    }

    .loyalty-level {
        border-radius: 22px;
    }

    .loyalty-level > .loyalty-bg-color {
        border-radius: 22px;
    }

    .loyalty-level-icon > span {
        font-size: 14px;
        padding: 0;
        padding-top: 5px;
        width: 100%;
        line-height: 1.4;
        white-space: normal;
    }

    .loyalty-info-btn {
        width: 38px;
        height: 38px;
    }

    .loyalty-info-btn > img {
        width: 7px;
        height: auto;
    }

    .loyalty-modal-header > h3 {
        font-size: clamp(20px, calc(-9.63px + 9.26vw), 42px);
    }

    .loyalty-modal-header {
        padding-left: 5px;
        gap: 8px;
    }

    .menheadb .modal_inner_data .loyalty-modal-body > h4 {
        font-size: 29px;
        margin: 0;
        padding: 0;
        padding-bottom: 16px;
    }

    .menheadb .modal_inner_data .loyalty-modal-body > h4.next-loyalty-lvl {
        padding-top: 26px;
    }

    .loyalty-modal-body {margin-inline: 5px;}

    .current-loyalty {
        border-radius: 22px;
        padding: 0 25px;
        padding-bottom: 10px;
    }

    .current-loyalty > .modal-loyalty-label {
        height: 34px;
    }

    .current-loyalty > .modal-loyalty-label > span {
        font-size: 19px;
    }

    .loyalty-level-icon > img,
    .loyalty-lvl-icon > img {
        width: 96px;
        height: 107px;
    }

    .loyalty-personal-info {
        padding-left: 5px;
    }

    .loyalty-personal-info > .loyalty-name {
        padding-left: 0;
    }

    .loyalty-personal-info .menu-loyalty-progress-val {
        font-size: 14px;
    }

    .loyalty-personal-info > .menu-loyalty-bar {
        height: 25px;
        width: 98%;
    }

    .loyalty-personal-info .menu-loyalty-background {
        height: 17px;
        left: 5px;
        border-radius: 50px;
    }

    .loyalty-personal-info .menu-loyalty-background,
    .menu-loyalty-background {
        width: calc(100% - 10px);
    }

    .loyalty-level-wrapper .loyalty-benefits > ul > li > span {
        font-size: 14px;
    }

    .loyalty-info {
        padding-top: 38px;
        padding-bottom: 20px;
        align-items: center;
    }

    /* .loyalty-benefits {
        padding: 0 18px;
    } */

    .modal-loyalty-label {
        padding: 0 30px;
        right: 30px;
    }

    .loyalty-level > .modal-loyalty-label > span{
        padding: 0;
        font-size: 19px;
        padding-left: 4px;
    }

    .loyalty-level > .modal-loyalty-label {
        height: 34px;
    }

    .current-loyalty > .modal-loyalty-label > span {
        padding: 0;
        font-size: 19px;
        line-height: 2;
    }

    .loyalty-benefits > h5 {
        font-size: clamp(14px, 5vw, 20px);
        margin-bottom: 0;
    }

    .benefits-star {
        width: 20px;
        height: 20px;
        top: -2px;
    }

    .benefits-star > svg {
        width: 20px;
        height: 20px;
    }

    .loyalty-benefits > ul > li > span {
        font-size: 16px;
        line-height: 1.2;
        padding: 0;
        padding-left: 10px;
        text-wrap: wrap;
    }

    .loyalty-level .loyalty-benefits > ul {
        padding: 0;
    }

    .loyalty-benefits > ul {
        gap: 12px;
        padding-right: 40px;
        margin-top: 12px;
    }

    .loyalty-level-icon {
        width: 20%;
    }

    .loyalty-level-wrapper > .loyalty-benefits {
        width: 80%;
        gap: 15px
    }

    .loyalty-level-wrapper {
        padding: 20px;
        padding-top: 38px;
    }

    .modal-logo {
        width: 44px;
        height: 46px;
    }

    .history_filter {
        padding: 10px 18px;
        padding-right: 34px;
        height: 43px;
    }

    .menu-select-dropdown {
        right: 8px;
    }

    .history_content .menu-select-dropdown {
        right: 10px;
    }

    .menu-select-dropdown > img {
        width: 14px;
        height: 13px;
    }

    select.myaccountinput {
        padding-left: 13px;
    }

    .history_type_wrapp .menu-select-dropdown {
        right: 9px;
    }

    .history_content .menu-select-dropdown > img {
        width: 12px;
        height: 11px;
    }

    .menu_history_header > .menu-arrow-input.history_date_wrapp {
        padding: 6px 0px;
    }

    .modal-close-btn-wrapper > button.menu-default-btn {
        font-size: 20px;
    }

    .modal-close-btn-wrapper > button {
        height: 49px;
    }

    #msg .modal-body {
        padding: 10px 65px 13px 65px;
    }

    .menu-item-title, .menu-item-subelements,
    .menprofile .menu-item-subelements > li a span {
        font-size: 18px;
    }

    #msg .modal-body span {
        font-size: 16px;
        line-height: 1.5;
    }

    .menu-item-mainelement-game-icon {
        width: 55px;
        height: 52px;
    }

    .menu-content-search-container {
        margin-bottom: 15px;
    }

    .menu-item-mainelement {
        padding-right: 5px;
    }

    .menu-item-mainelement {
        gap: 6px;
    }

    .menu-item-toggle {
        width: 17px;
    }

    .menu-category-live-casino-games .menu-item-mainelement-game-icon > img {
        height: 55px;
    }

    .menu-category-faq-support .menu-item-mainelement-game-icon img,
    .menu-category-my-account .menu-item-mainelement-game-icon img {
        width: 49px;
        height: 49px;
    }

    .menu-category-how-play .menu-item-mainelement-game-icon img {
        width: 32px;
        height: 40px;
    }

    .menu-category-term-policies-agreement .menu-item-mainelement-game-icon img {
        width: 40px;
        height: 45px;
    }

    .menu-category-logout .menu-item-mainelement-game-icon img {
        width: 30px;
        height: 30px;
    }

    .menu-item-sub-icon img {
        width: 18px;
        height: 20px;
    }

    .menu-item-subelements {
        padding-left: 68px;
        gap: 28px;
    }

    .menu-category-slot-games > .menu-item-subelements,
    .menu-category-live-casino-games > .menu-item-subelements
    {
        padding-left: 90px;
    }

    .menu-item-subelements.active {
        max-height: 500px;
    }

    .dsktop_myacount .modal_inner_data > h4 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .dsktop_myacount .modal_inner_data.modal_data_change_password > h4 {
        margin-bottom: 55px;
    }

    .modal_inner_data.modal_data_change_password,
    .modal_inner_data.modal_data_history {
        margin-top: 50px;
    }

    .myaccount_birthday_header,
    .myaccountinput,
    .change_password_inputs input {
        /* padding: 9px 25px; */
        font-size: 20px;
    }

    .myaccount_birthday_header {
        padding-right: 10px;
    }

    .modal_inner_data.modal_data_personal_information {
        padding-bottom: 100px;
        margin-top: 55px;
    }

    .smsphonecont #smsverify_prefix,
    #myaccount_prefix {
        font-size: 20px;
         width: 27px;
        line-height: 1;
    }

    .smsphonecont #smsverify_prefix {
        padding-left: 15%;
        width: 55px;
    }

    #smsverify_phone {
        padding-left: 30%;
        height: 44px;
    }

    .myaccount_birthday_header,
    .myaccountinput,
    .change_password_inputs input {
        height: 46px;
    }

    .menu_phone_wrapper > .smsphonecont > .phonepref > i {
        line-height: 19px;
        width: 2em;
    }

    #myaccount_phone {
        padding-left: 80px;
    }

    .dsktop_myacount .modal_inner_data.modal_data_personal_information > h4 {
        margin-bottom: 55px;
    }

    .menu_personal_info_wrapper {
        gap: 25px;
        width: 80%;
    }

    .change_password_inputs {
        width: 77%;
        gap: 25px;
    }

    .menu-default-btn, .menu-default-btn.myaccountbtn {
        padding: 2px 11px 0;
        font-size: 26px;
    }

    .menu_account_btn_wrapper,
    .reset_pass_btn_wrapper {
        width: 235px;
        margin-top: 25px;
    }

    #history_date {
        width: 230px;
    }

    .menu_history_header {
        width: 94%;
    }

    .myaccountbtn.do_history_search.menu-default-btn {
        padding: 9px 0px;
        max-width: 164px;
        font-size: 17px;
    }

    .history_content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .history_table_wrapper {
        width: 100%;
        padding-top: 10px;
    }

    .history_table_wrapper tr > td,
    .history_table_wrapper table.dataTable thead > tr > th {
        font-size: 17px;
        font-weight: 500;
    }

    .history_table_wrapper table.dataTable thead > tr > th {
        padding-bottom: 28px;
    }

    .tournamentcontainer.active {
        margin-bottom: 15px;
        /* margin-left: -15px; */
        /* margin-right: -15px; */
        padding-right: 0px;
    }

    .slick-dots li button,
    .slick-dots li,
    .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }

    #reglogin .slick-dots li button,
    #reglogin .slick-dots li,
    #reglogin .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }

    .slick-dots li {
        margin-right: 8px;
    }

    .slick-dots li button:before {
        border-radius: 3px;
        border-width: 2px;
    }

    .slick-dots li.slick-active button:before {
        border-radius: 2px;
    }

    .slick-dots li.slick-active {
        width: 22px;
    }

    #reglogin .slick-dots li {
        margin-right: 8px;
    }

    #reglogin .slick-dots li.slick-active {
        margin-right: 16px;
    }

    #reglogin .slick-dots li button:before {
        border-radius: 3px;
        border-width: 1px;
    }

    #reglogin .slick-dots li.slick-active button:before {
        border-radius: 2px;
    }

    .register-modal-carousel {
        width: 80%;
        margin: 0 auto;
    }

    .tournamentgames {
        justify-content: center;
    }

    #redeempage .wdrcont .hh {
        color: #f1f3f8;
        font-family: 'Heebo';
        font-size: 24px;
        background: none;
        padding: 0;
    }

    .redeem_balance > .balance_value {
        font-size: clamp(34px, 7vw, 50px);
    }

    .wdrcont .hh {
        font-weight: bold;
    }

    #redeempage .wdrcont {
        background: none;
    }

    #redeempage .withdraw_method_bank {

    }

    #redeempage .withdraws {
        padding: 0 25px;
    }

    .withdrawscont {
        margin-top: 25px;
    }

    #redeempage .withdrawform {
        width: 100%;
        margin-left: 0;
        padding: 24px 25px 20px 40px;
    }

    #redeempage, #redeempage.active {
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        background: #292825;
        color: #fff;
        padding-top: 124px;
        z-index: 111;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 100px;
        will-change: transform;
    }

    #promopage {
        top: 0px;
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        /* z-index: 1111; */
        background: #101c10;
        color: #fff;
        padding-top: 80px;
        z-index: 60;
        overflow-y: auto;
        padding-bottom: 100px;
        will-change: transform;

    }

    #redeempage .wdrccont {
        margin-right: -10px;
    }

    .wdrccont {
        margin-left: -15px;
        margin-right: -15px;
    }

    .verifysteps {
        max-height: fit-content;
        overflow-y: auto;
        padding: 0 20px 20px;
    }

    .verifybox {
        width: 100%;
    }

    .pg_promotions #promopage {
        display: block;
        background: #000;
    }

    .pg_redeem #redeempage {
        display: block;
    }


    .pg_redeem #my_profilee {
        display: block;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        top: 0px;
        background: #2c4f38;
        padding-top: 5px;
    }

    .pg_redeem #my_profile .modal-body {
        background: #2c4f38;
        color: #fff;
    }

    #my_profile .modal-header {
        display: none;
    }

    body.ingame #my_profile .modal-header {
        display: block;
    }

    .pg_myprofile #my_profile .modal-header {
        display: block;
    }

    .pg_store #my_profile .modal-content, .pg_store #my_profile .modal-body {
        background: #000;
        color: #fff;
        padding: 0px !important;
    }

    #my_profile .anim-left-out .modal-content, .pg_redeem #my_profile .modal-content, .pg_redeem #my_profile .modal-body {
        background: #101c10;
        color: #fff;
        height: 100%;
        border-radius: 0px;
    }

    .pg_redeem .modal_data_deposit {
        min-height: 700px;
    }

    .pg_redeem .modal_data_deposit {
        display: block;
        text-align: center;
    }

    .modal_inner_data .shopuserdetails h4 {
        color: #101c10;
    }

    .modal_inner_data h4 {
        color: #fff;
        display: flex;
        padding: 15px 0px;
        margin-left: -15px;
        margin-right: -15px;
        font-weight: bold;
        font-size: 20px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .modal_inner_data .backtopayment h4 {
        color: #101c10;
        flex: 1;
        padding: 0px;
        margin-left: 15px;
    }


    .modal_data_history h4:before, .modal_data_history h4:after, .modal_data_change_password h4:before {
        background: #101c10;
    }

    .modal_data_change_password h4:after {
        background: #101c10;
    }

    .pg_store #my_profile .modal_inner_data {
        background: #101c10;
    }

    .pg_redeem #my_profile .modal_inner_data {
        background: #101c10;
        text-align: center;
    }

    .pg_redeem #my_profile .modal_inner_data.modal_data_withdraw {
        padding-left: 15px;
        margin-left: -15px;
        height: 100%;
        top: 0px;
        overflow-y: auto;
        width: 100%;
        padding-right: 15px;
        position: fixed;
        /* margin-top: -50px; */
        /* padding-top: 50px; */
        background: none;
        /*    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px); */
        overflow: hidden;
    }

    #my_profile.slidemenu {
        z-index: 114;
        padding-bottom: 70px;
        margin-top: 0;
    }

    .pg_redeem .modal_data_my_account {
        display: block;
    }

    .pg_store .modal_data_my_account {
        display: block;
    }

    .pg_store .modal_profile_page {
        display: none;
    }

    .pg_menu .modal_data_deposit {
        display: block;
    }

    .pg_redeem #my_profile.slidemenu {
        margin-top: -50px;
        padding-top: 100px;
        overflow: hidden;
        /* top: -50px; */
        /*   backdrop-filter: blur(2px);
   -webkit-backdrop-filter: blur(2px); */
    }

    .pg_lobby.blurit .modal_data_withdraw, .pg_promo.blurit .modal_data_withdraw, .pg_store.blurit .modal_data_withdraw {
        display: block;
    }

    .pg_redeem.blurit #my_profile.slidemenuu, .pg_redeem.blurit #my_profile .modal_inner_data.modal_data_withdraw {
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    .inshopitem #my_profile.slidemenu {
        z-index: 1140;
        margin-top: 0px;
        padding-top: 50px;
        padding-bottom: 0px;
        overflow: hidden;
    }

    .inshopitem .storecheckout {
        position: fixed;
        left: 5%;
        height: 100%;
        width: 100%;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        align-items: stretch;
    }

    .inshopitem .shopcheckoutin {
        background: #fff;
        bottom: 0px;
        position: absolute;
        width: 100%;
        padding: 20px;
        border-radius: 15px 15px 0px 0px;
        margin-bottom: -50px;
    }


    #my_profile .modal-body {
        padding: 0px 15px;
        overflow-x: hidden;
        height: 100%;
        width: 100%;
    }

    .hide-backdrop .modal-backdrop {
        display: none;
    }

    .spt_4.sports .carditem.marketfilter .odds.nom {
        display: none;
    }

    .spt_4.sports .carditem.marketfilter .odds.cell3 {
        display: flex;
    }

    .markflt.m {
        display: unset;
    }

    .markfltc .markflt.m {
        display: block;
    }

    .spt_4.sports .marketfilter.carditem .itemright .modds .odds span {
        padding: 10px;
    }

    .spt_4.sports .card .cardmen li:hover, .spt_4.sports .card .cardmen li:active, .spt_4.sports .card .cardmen li.active {
        padding-left: 5px;
    }

    .spt_4.sports .carditem .compss div a {
        max-width: 117px;

    }


    .spt_4.sports .tourgroup {
        white-space: nowrap;
        padding-right: 40px !important;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    footer .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    footer .container .col-md-12 {
        padding: 0px;
    }

    footer .container .menu {
        overflow: auto;
        margin: -15px;
        width: 100%;
        background: none;
    }

    footer .container .menu::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }

    footer .container .menu .main-nav {
        white-space: nowrap;
        padding: 0px;
        margin: 0px;
        background: none;
    }

    footer .container .menu .main-nav li {
        padding: 10px;
        border-right: none;
        text-align: center;
        margin: 0px;
    }

    .carditem .modds {
        height: 100%;
        background: #343433;
        padding-right: 5px;
        height: 100%;

    }

    .sports .card[data-id="live"] .cardmen {
        height: 50px;
    }

    .card .cardmen .cell1 {
        margin-right: 0px;
        display: inline-block;
        width: 100%;
        background: #000;
        transform: skew(0deg);
        -moz-transform: skew(0deg);
        border-bottom: 2px solid #e2be06;
    }

    .card .cardmen .cell1::before {
        display: none;
    }

    .sports .card .cardmen li.selectedmark.dropdown {
        margin-top: 5px;
        padding: 10px 0px;
        font-size: 14px;
    }

    .lege {
        text-align: right;
        display: none;
        transform: skew(10deg);
        -moz-transform: skew(10deg);

    }

    .rk_0, .rk_1, .rk_2 {
        padding: 4px 0px;
        width: 46px;
        margin-right: 0px;
    }

    .match .odd_button .oddtxt { /*color:#313536;*/
        height: 17px;
        overflow: visible;
    }

    .match .odd_button.selected .oddtxt {
        color: #fff;
    }

    .promotions_cont {
        margin-top: 20px;
    }

    .carditem .odds {
        text-align: right;
        height: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-right: -3px;
    }

    .eventdetails div h4.matchname {
        font-size: 18px;
    }

    a.gotobets {
        text-transform: uppercase;
        padding: 8px;
        text-align: center;
        color: #fff;
        background: #231f20;
        margin: 0px;
        border-radius: 0px;
        border-right: 1px solid #2d2d2d;
        cursor: pointer;
        text-decoration: none;
        font-weight: bold;
    }

    a.gotobets:active {
        text-decoration: none;
    }

    a.gotobets.active {
        background: #f0cf61;
        color: #333;
    }

    #gotoopenbets, #gotosettledbets {
        display: block;
        clear: both;
        /* margin: 10px; */
        padding: 5px;
        background: #f5f0f0;
        /* width: 150px; */
        text-align: center;
        border: 1px solid #ddd;
    }

    .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
        padding: 2px !important;
    }

    .dropdown-toggle.balance {
        padding: 10px 5px;
    }

    .sum i {
        font-size: 10px;
    }

    .mastermen {
        margin-bottom: 0px;
        padding: 0px;
        padding-top: 7px;
    }

    body.pg_store .mastermen {
        z-index: 222;
    }

    body.pg_store .mastermen.glass-effect {
        padding-bottom: 15px;
    }

    body.pg_store .header-navbar.header-navbar-mobile {
        display: none;
    }

    .mobmen {
        margin-top: 0px;
    }

    .ufo[data-id="live"] h4 {
        display: none;
    }

    .menucontainer .navbar-brand {
        float: none;

    }

    .navbar-inverse .navbar-nav > li > a.user {
        margin-top: 10px;
        display: none;

    }

    .navbar-inverse .navbar-nav > li > a.balance {

        line-height: 9px;
    }

    .flicense {
        text-align: center;
        margin-left: 0px;
        margin-top: 0px;
    }

    .footcon {
        padding: 0px 20px !important;
        font-size: 10px !important;
    }

    .wp-block-group__inner-container p {
        font-size: 10px !important;
    }

    .wp-block-group__inner-container p strong {
        font-size: 10px !important;
    }

    .wp-block-group__inner-container p a {
        font-size: 16px !important;
    }

    .footerholderleft {
        padding: 0px;
        text-align: center;
    }

    .pmsfoot h4 {
        font-size: 15px;
    }

    .pmsfoot {
        text-align: center;
        margin-top: 20px;
        padding-bottom: 50px;
        padding-left: 0px;

    }

    .carditem .itemleft .live {
        position: absolute;
        max-width: 200px;
        margin-top: 31px;
        height: 16px;
        text-align: left;
    }

    .sta {
        text-overflow: inherit;
        width: auto;
        overflow: inherit;
    }

    .carditem .sres.live span {
        visibility: visible;
        margin-right: 5px;
        height: auto;
        color: #0078d7;
    }

    .card .carditem .odds[data-count="3"] .price {
        width: 33%;
        height: 100%;
        display: table-cell;
        margin: 0px;
        vertical-align: middle;
        color: #f0cf61;
        background: none;
        border: none;
    }

    .card .carditem .odds[data-count="3"] .price.selected .btval {
        color: #717171;
    }

    .card .carditem .odds[data-count="2"] .price.selected .btval {
        color: #717171;

    }

    .card .carditem .odds[data-count="3"] .price.selected {
    }

    .card .carditem .odds[data-count="2"] .price.selected {
        background: #f0cf61;
        color: #333;
    }


    .card .carditem .odds[data-count="3"] .price:nth-child(2) {
        border-right: 1px solid #111;
        border-left: 1px solid #111;

    }

    .card .carditem .odds[data-count="2"] .price {
        width: 50%;
        height: 100%;
        display: table-cell;
        margin: 0px;
        vertical-align: middle;
        color: #f0cf61;
        background: none;
        border: none;


    }

    .card .carditem .odds[data-count="2"] .price:nth-child(1) {
        border-right: 1px solid #111;

    }

    .sports.match .card .cardmen {
        border-bottom: 0px;
    }

    .sports .card .cardmen {
        background: #000;
        /*	border-bottom: 2px solid #e2be07;  */
    }


    .card[data-id="live"] .botrow {
        margin-top: -10px;
    }

    .card[data-id="live"] .menright .oddsc {
        margin-top: 0px;
    }

    .citemleft {
        width: 178px;
        text-overflow: ellipsis;
        padding-left: 5px;
        overflow: hidden;
    }

    .act_size_1 .odds .odd_button, .act_size_2 .odds .odd_button, .act_size_3 .odds .odd_button {
        display: table-cell;
    }

    .act_size_1 .odds .odd_button {
        width: 100%;
    }

    .odd_button .oddtxt {
        font-size: 11px;
        text-overflow: wrap;
        padding-right: 0px;
        white-space: normal;
        margin-left: 0px;
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
        text-align: center;
    }

    .spt_4 .breadc a {
        color: #fff !important;
    }

    .carditem.match .odds .price span {
        float: none;
        color: #f0cf61;
        padding: 10px;

        border: 1px solid #ddd;
    }

    .livematch .carditem.match .odds .price span {
        padding: 1px;
    }

    .deppage_col_right {
        display: none;
    }

    .carditem.match .odds .price {
        text-align: center;
    }


    .depmethodname {
        display: inline-block;
        margin-left: 15px;
        text-transform: capitalize;
        color: #6b6b6b;
    }

    .iframeload {
        height: 500px;
    }

    .modal_inner_data h4 {
        padding: 15px;
    }

    .depmed.check + .deppage_col_right {
        display: block;
    }

    .depmed + .deppage_col_right {
        display: none;
    }

    .depmed.check.credbrasil + .deppage_col_right * {
        display: none;
    }

    .depmed.check.credbrasil + .deppage_col_right #deposit_amount_credbrasil, .depmed.check.credbrasil + .deppage_col_right #deposit_amount_credbrasil *, .depmed.check.credbrasil + .deppage_col_right .maindeppage {
        display: block;
    }

    .depmed.check.credbrasil + .deppage_col_right .maindepdet {
        display: block;
    }

    #depmed.check.credbrasil {
        margin-top: 0px;
    }

    #deposit_amount_credbrasil {
        margin-top: 0px;
    }

    .maindeppage {
        border: none;
        margin-top: 10px;
    }

    #deposit_amount_c .breakit {
        padding: 5px;
    }

    .depositamountbtn {
        margin: 5px 10px;
    }

    .modal_inner_data.modal_data_deposit label {
        display: block;
        text-align: center;
        margin: 0px;
    }

    #deposit_amount_c label {
        display: inline-block;
    }

    #deposit_amount_sel label {
        display: block;
    }

    #deposit_amount_sel {
        margin: 10px 0px;
    }

    .maindeppage label {
        display: block;
    }

    .deppage_col_right {
        background: #ddd;
    }

    .depcaret {
        display: block;
        position: absolute;
    }

    .deppage_col_right:before, .deppage_col_right:after {


        content: '';
        position: absolute;
        left: 50%;
        top: -1px;
        width: 0;
        height: 0;
        clear: both;
    }

    .deppage_col_right:before {
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 11px solid #a9a9a9;
        margin-left: -10px;
    }

    .deppage_col_right:after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ffffff;
        margin-left: -9px;
        margin-top: -1px;

    }


    .depmed, .depmed:hover {
        display: block;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #888;
        padding: 0px 10px;
    }

    .depmed:after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        margin-left: -5px;
        font-size: 29px;
        float: right;
        margin: 0px;
        color: #929292;
        margin-right: 0px;
        right: 0px;
    }

    .depmed img {
        height: 30px;
    }

    .depmed img[data-id="itau"] + .depmethodname {
        margin-left: 45px;
    }

    .depmed img[data-id="itau"] {
        margin-left: -30px;
    }

    .depmed img[data-id="boleto"] + .depmethodname {
        margin-left: 35px;
    }

    .depmed img[data-id="boleto"] {
        margin-left: -20px;
    }


    #my_profile .depmed input {
        display: none;
    }

    .method_group.active {
        background: none;
    }

    .method_group {
        border-right: none;
        display: none;

        padding-left: 10px;
        border: none;

        border-bottom: 1px solid #888;
        margin-top: 20px;
        border-radius: 0px;
        background: none;
        color: #231f20;
        text-transform: capitalize;
    }

    .deppage_col_left {
        padding: 0px;
    }

    .myaccountbtn.bonuscancel {
        padding: 0px 2px;
        font-size: 12px;
    }

    .pokertxt {
        font-size: 18px;
    }

    .pokertxt .s2 {
        font-size: 14px;
    }

    .pokerbtns ul li.pkr_web {
        display: none;
    }

    .wrap .container.gamemain, .jumbotron .container {
        margin-top: 0px;
    }

    .menuside {
        display: none;
    }

    .gameCategory::after {
        content: none;
    }

    .fw img {
        width: 100%;
        height: auto;
    }

    .fw .fhead img {
        width: auto;
        height: auto;
    }

    .menulogin3 {
        display: inline-block;
    }

    .nav.navbar-nav.logged {
        width: auto;
    }

    .sport_payslip {
        display: none;
    }

    .jumbotron .container { /*height:115px;  height: calc(14vh);*/
        padding: 0px;
    }

    .betslipmsg {
        position: fixed;
        left: 0px;
    }

    #reglogin .modal-dialog.glass-effect {
        margin-top: 65px;
        position: absolute;
        left: 50%;
        max-width: calc(100% - 40px);
        transform: translateX(-50%);
        border-radius: 25px;
        background-color: rgba(41, 40, 37, 0.8);
    }

    .logtypepop,
    .regtypepop {
        width: 80%;
        margin: 0 auto;
    }

    .logtypepop .regtype-buttons {
        padding-top: 50px;
    }

    .regtype-register {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .loginformpop {
        padding-top: 0px;
    }

    #loginpopform {
        width: 85%;
        padding-top: 45px;
    }

    #smsverify .close,
    #reglogin .close {
        height: 38px;
        width: 38px;
        border: 1px solid rgba(255, 255, 255, 0.41);
    }

    #reglogin .close {
        top: -13px;
        right: -7px;
    }

    #reglogin .close i {
        font-size: 22px;
    }

    .reg-term-wrapper {
        padding: 0px 55px 30px 55px;
    }

    .reg-term-text {
        font-size: 1.1rem;
        line-height: 1.5;
        padding-top: 25px;
    }

    .reg-default-btn {
        font-size: 25px;
    }

    .form_error,
    .auth-inputs .form_error {
        font-size: 13.2px;
    }

    .reg-term-text p {
        padding-left: 0px;
        margin-bottom: 35px;
    }

    .reg-term-button {
        padding: 0px;
        padding-top: 25px;
    }

    #reglogin .modal-header.entry-head.stats-header h4{
        margin-bottom: 0px;
    }

    .rightpoper .form-container {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    .rightpoper .form-container.checkemail-container {
        padding-top: 40px;
    }

    .modal-header-logo {
        padding-top: 24px;
    }

    .register-modal-carousel > .regbn {
        max-width: 80%;
    }

    #poploginbtn, #sendnewpassword {
        width: 90%
    }

    .form_steps {
        width: 90%;
    }

    .signup-form-container .form_steps {
        width: 80%;
    }

    .reg-term-button {
        width: 215px;
    }

    .modal-header-logo > img {
        width: 60%;
    }

    .regtype-buttons {
        padding: 0px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .auth-step {
        font-size: 2rem;
    }

    .auth-inputs {
        gap: 16px;
        margin-bottom: 50px;
    }

    .auth-steps {
        padding: 20px 5px;
        padding-bottom: 30px;
        padding-top: 15px;
    }

    .step2 .auth-steps {
        padding-bottom: 19px;
        padding-top: 22px;
    }

    #reglogin .modal-header {
        padding-bottom: 0px;
    }

    #poploginerror {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .form-container.signup-form2-container {
        padding: 10px;
    }

    #reglogin #loginpopform .form-short {
        width: 100%;
    }

    #reglogin  #popforgot_email {
        width: 85%;
    }

    .register-modal-carousel > .regbntype {
        max-width: 100%;
    }

    .menu-content-container {
        gap: 0px;
    }

    .menu-item-container {
        padding: 6px 0px;
        padding-top: 0px;
        box-sizing: border-box;
    }

    .menu-loyalty-container > .menu-loyalty-container-content > h3{
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #reglogin .checkemail-title {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }

    .checkemail {
        margin-bottom: 15px;
    }

    .fswg-mob-header h4 {
        font-size: 5.8rem;
        margin: 0px;
        margin-bottom: 40px;
    }

    .free-spin-count {
        height: 52px;
        width: 52px;
        top: -17px;
        right: -13px;
        font-size: 2.4rem;
        font-weight: bold;
    }

    .free-spin-timeout-label.modal-label{
        /* padding: 0px 42px;
        right: 24px;
        top: -5px; */
        top: -4px;
        width: 100%;
        max-width: 265px;
    }

    .time-icon {
        width: 23px;
        margin-right: 10px;
    }

    .free-spin-label-time {
        top: 9px;
    }

    .free-spin-label-time > span {
        font-size: 1.7rem;
    }

    .free-spins-list {
        gap: 32px;
        width: 90%;
    }

    .free-spin-wrapper .free-spin-timeout-label-bg > img {
        height: 65px;
    }

    .free-spin-info {
        width: 166px;
        height: 186px;
        border-radius: 16px;
    }

    .free-spin-currency > img {
        width: 18px;
    }

    .free-spin-currency > span {
        font-size: 1.5rem;
        margin-left: 5px;
    }

    .free-spin-content > .free-spin-action > button {
        height: 46px;
        font-size: 2.6rem;
    }

    #coinswitch span {
        position: relative;
        top: 1px;
        padding: 0px 16px;
    }

    #popforgotbtn,
    #poploginbtn {
        font-size: 2.7rem;
    }

    #sendnewpassword,
    #popforgotbtn {
        margin-bottom: 50px;
    }

    #popsignupbtn_1 {
        font-size: 29px;
        font-weight: bold;
    }

    .auth-inputs #popsignup_err_password.form_error {
        bottom: -18px;
        line-height: 1;
    }
    .mastermen .navbar-loby-list > li {
        height: 46px;
        padding: 0px 20px;
        font-size: 19px;
        font-weight: 500;
    }
    .container.menucontainer {
        padding: 0px;
    }

    #myCarouselslick > .slick-list {
        width: 100%;
        transform: unset;
    }

    .gamecontainer-arrow {
        display: none;
    }

    .pg_store #my_profile .storeitems .storebox {
        margin-bottom: 25px;
        padding-bottom: 5px;
    }
}

@media (min-width: 480px) and (max-width: 767.98px) {
    .navbar-brand {
        display: flex;
    }



}

@media (max-width: 768px) {
    #freespinpage .menu-info-container {
        /* max-width: 440px;
        padding: 0px; */
        padding-top: 80px;
        max-width: 100%;
    }

    #freespinpage .menu-info-step > .menu-info-step-text:nth-child(even) {
        padding-left: 5%;
    }

    .register-modal-carousel {
        min-height: 100px;
    }
}

@media (min-width: 350px) {
    .auth-inputs #popsignup_err_password.form_error {
    bottom: -28px;
    line-height: 1;
}
    .auth-inputs .form_error {
        font-size: 12.4px;
        left: 17px;
    }
}

@media (max-width: 440px) {
    .menu-info-step {
        padding: 0px;
    }

    .loyalty-level-icon > span {
        font-size: clamp(8px, 11px, 13px);
    }

    .loyalty-level-icon > img,
    .loyalty-lvl-icon > img {
        width: 62px;
        height: 67px;
    }

    .loyalty-benefits > ul {
        gap: 4px;
    }

    .loyalty-benefits > h5 {
        font-size: clamp(10px, 3vw, 20px);
    }

    .loyalty-benefits > ul > li > span {
        font-size: clamp(8px, 2vh, 9px);
    }

    .loyalty-level > .modal-loyalty-label > span {
        font-size: 8px;
    }

    .modal-loyalty-label > .exp-icon > img {
        width: 26px;
        height: 26px;
    }

    .loyalty-level > .modal-loyalty-label {
        height: 24px;
    }

    .current-loyalty > .modal-loyalty-label > span {
        font-size: 11px;
    }
}

@media (max-width: 390px) {

    #sms2veifymsg {
        width: 100%;
        max-width: 391px;
    }

    #smsveifymsg.popup_reg {
        width: 100%;
        max-width: 391px;
    }

    #newpopmsg {
        width: 100%;
        max-width: 395px;
    }

}

@media (max-width: 991px) and (orientation: portrait) {
    #myCarousel .wp-block-cover, #myCarousel .wp-block-cover-image {
        min-height: unset;
        height: 200px;
        flex: unset;
        padding: 2px;
        margin: 0px;
        border-radius: 0px;
    }

    #myCarousel h1, h3 {
        font-size: large;
    }


}

@media (max-width: 992px) and (orientation: landscape) {
    .jumbotron {
        display: none;
    }

}

@media (max-width: 588px) {
    .regtype-buttons > button > span {
        padding-left: 18px;
        text-align: left;
    }

    .regtype-buttons > button {
        font-size: 16px;
        height: 40px;
    }

    .regtype-register, .regtype-login {
        font-size: 12px;
    }

    #reglogin h4 {
        font-size: 22px;
        text-shadow: 0 0 3px #6DEB89;
    }

    .reg-term-wrapper {
        padding: 0px 35px 30px 35px;
    }

    .register-modal-carousel > .regbntype {
        min-height: 100px;
    }

    .regtype-buttons {
        gap: 18px;
    }


    .regformpop #popforgotbtn, .regformpop #poploginbtn, .regformpop #popsignupbtn_1 {
        height: 50px;
    }

    #popsignupbtn_1 {
        font-size: 20px;
        font-size: clamp(14px, calc(14px + (6 * (100vw - 500px) / 289)), 20px);
    }

    .forgotpasspop #popforgotbtn,
    #loginpopform #poploginbtn {
        font-size: 2rem;
        height: 50px;
        line-height: 1;
    }

    #loginpopform #poploginbtn {
        width: 75%;
    }

    .reg-term-button {
        width: 180px;
    }

    .reg-term-button > .reg-default-btn {
        padding: 10px;
        font-size: 20px;
    }

    .regformrow .form-submit {
        width: 75%;
    }

    #loginpopform {
        width: 95%;
    }

    #reglogin #popforgot_email.inputbox {
        width: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {

}

@media (min-width: 20px) {
    /* smartphones, iPhone, portrait 480x320 phones */
    .spt_4 .breadc {
        width: 100%;
        background: none;
        padding: 10px;
        color: #222;
    }

    .spt_4 .breadc a {
        color: #222;
        margin-right: 10px;
        text-decoration: none;
    }

    .spt_4 .breadc a::after {
        content: "\000BB";
        margin-left: 10px;
    }

    .spt_4 .breadc a:last-child::after {
        display: none;
    }

    .spt_4.sports #myCarousel {
        background: #fff;
        width: 100%;
    }

    .spt_4 .topitems {
        text-align: left;
    }

    .spt_4.sports .tx {
        position: relative;
    }

    .sports.spt_4 .content {
        display: block;
        width: 100%;
        min-width: unset;
        max-width: unset;
    }

    .cardicon {
        display: none;
    }

    .spt_4.sports.results .container .jumbotronwrap {
        background: #242424;
    }

    .spt_4.sports .evttop {
        flex: 1;
        margin-left: -15px;
        margin-right: -15px;
    }

    .spt_4 .carditem .ctourinfo {
        display: none;
    }

    .sports.spt_4 .content {
        padding-top: 0px;
        margin-top: -9px;
    }

    .spt_4.sports .jumbotronwrap.livematch {
        display: none;
    }

    .spt_4.sports .jumbotron.sports {
        display: block;
        overflow: hidden;
        overflow-x: auto;
        border-radius: 0px;
    }


    .spt_4.sports .marketfilter.carditem {
        background: #242424;
        display: none;
    }

    .spt_4.sports .marketfilter.carditem .itemright {
        height: 40px;
    }

    .spt_4.sports .marketfilter.carditem .itemright .modds {
        width: 100%;
    }

    .spt_4.sports .marketfilter.carditem .itemright .modds .odds span {
        margin: 0px auto;
    }


    .spt_4.sports .topg_odds .odd_button.selected {
        background: #09a57e;
        color: #fff;
    }

    .spt_4.sports .topg_odds .odd_button:hover {
        background: #09a57e;
        color: #fff;
    }


    .spt_4.sports .topg_odds {
        background: none;
        display: flex;
    }

    .spt_4.sports .topg_odds .odd_button {

        border: none;
        border-radius: 2px;
        flex: 1;
        margin: 0px 2px;
        min-width: unset;
        height: 32px;
        border: none;
        border: 1px solid #dbdbdb;
        /* margin: 0px 10px; */
        border-radius: 2px;

        color: #000;
    }

    .spt_4.sports .topg_tournament {
        color: #888;
    }


    .spt_4 .container.gamemain::before {
        display: none;
    }

    .spt_4 .nav.subcatmen {
        display: none !important;
    }

    .spt_4.sports .topspmenu {
        display: block;
        white-space: nowrap;
        padding-top: 20px;
        margin-left: -20px;
        margin-bottom: -15px;
    }

    .spt_4.sports .topspmenu .sptopbut {
        display: inline-block;
        padding: 10px 20px;
        cursor: pointer;
        color: #868686;
        border-bottom: 2px solid #fff;
    }

    .spt_4.sports .topspmenu .sptopbut:hover {
        color: #444;
    }

    .spt_4.sports .topspmenu .sptopbut.active {
        border-bottom: 3px solid #41fbfd;
    }

    .spt_4.sports .topitems {
        margin-top: 0px;
        height: 115px;
    }

    .spt_4.sports .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
        text-align: center;
        white-space: nowrap;
    }

    .spt_4.sports .topspmenu {
        display: none;
        white-space: nowrap;
        padding-top: 5px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .spt_4.sports .topspmenu .sptopbut {
        display: inline-block;
        padding: 4px 20px;
        cursor: pointer;
        color: #868686;
        border-bottom: 2px solid #fff;
    }

    .spt_4.sports .topspmenu .sptopbut:hover {
        color: #444;
    }

    .spt_4.sports .topspmenu .sptopbut.active {
        border-bottom: 3px solid #41fbfd;
    }


    .spt_4.sports .mycarcont {
        display: block;
        margin-left: 0px;
        width: 100%;
    }

    .spt_4.sports .carousel-inner {
        height: 145px;
    }

    .spt_4.sports .topitems {
        display: inline-block;
    }


    .cardselmenumob {
        display: none !important;
    }


    .spt_4.sports .cardmenu.active .txx::after {
        position: absolute;
        content: "\25E5";
        left: 0px;
        padding: 0px 2px;
        font-weight: bold;
        transform: rotate(-47deg);
        height: 20px;
        width: 20px;
        color: #333;
        margin-top: 18px;
        left: 50%;
        margin-left: -10px;
    }

    .spt_4.sports .colgreen {
        border: none;
        animation: none;
    }

    .spt_4.sports .colred {
        border: none;
        animation: none;
    }

    .spt_4 .liveodds .compss div.chomeres span {
        padding: 0px;
    }

    .spt_4 .liveodds .carditem .markets, .spt_4 .liveodds .carditem .comps {
        width: 100%;
        max-width: unset;
        display: flex;
    }

    .spt_4 .ufo .carditem .compss .lmarkets a {
        min-width: unset;
    }

    .spt_4 .ufo .carditem .compss .lstats a {
        min-width: unset;
    }

    .spt_4.livematch .liveselected {
        font-size: 25px;
        padding: 0px;
    }

    .spt_4.sports .liveodds .carditem .compss {
        width: 100%;
        margin-left: 0px;
    }

    .spt_4.sports .liveodds .carditem .compss table .s4 {
        width: 20px;
        text-align: center;
    }

    .spt_4.sports .liveodds .carditem .compss table {
        width: 100%;
        border-collapse: collapse;
    }

    .spt_4.livematch .sportlistcont {
        display: none;
    }

    .spt_4 .liveodds .compss div.chomeres span::after {
        display: none;
    }

    .spt_4.sports .card.match .cardmen {
        padding: 0px;
    }

    .spt_4.sports .mddata .viewsplit .card.match h4:after, .match .eventdetails h4:after {
        position: initial;
        margin-right: -40px;
        float: right;
        display: inline-block;
    }

    .spt_4.sports .mddata .viewsplit {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .spt_4.sports .mddata .viewsplit.matchleftview {
        padding-right: 5px;
    }

    .spt_4.sports .mddata .viewsplit.matchrightview {
        padding-left: 5px;
    }

    .sports.spt_4 .card.match .carditem:not(.carditemhead):nth-child(odd) {
        padding: 2px;
    }

    .sports.spt_4 .card.match .carditem:not(.carditemhead):nth-child(even) {
        padding: 2px;
    }

    .sports.spt_4 .match_markets_selection {
        background: none;
        height: 30px;
        margin-bottom: 0px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .spt_4.sports .match_markets_selection li {
        padding: 0px 20px;
        color: #777;
        font-weight: normal;
        border: none;
        border-right: 1px solid #9c9a9a;
    }

    .spt_4 .s4:nth-child(3) {
        display: none;
    }

    .spt_4.sports .liveodds .carditem .compss table .s4 {
        padding-right: 2px;
    }

    .spt_4.sports .leaguecontainer.collapsed .greenup, .spt_4.sports .leaguecontainer.collapsed .reddown {
        display: none;
    }

    .spt_4.sports .collapsed .carditem {
        display: none;
    }

    .spt_4.sports .leaguecontainer.collapsed {
        height: 45px;
        overflow: hidden;
    }

    .spt_4.sports .leaguecontainer.collapsed .tourgroup::after {
        transform: rotate(-90deg);
    }

    .spt_4.sports .tourgroup::after {
        position: absolute;
        margin-right: 25px;
        content: "\232A";
        right: 0px;
        padding: 0px 8px;
        font-weight: bold;
        transform: rotate(90deg);
        height: 20px;
        width: 20px;
        color: #c5cbd0;
    }

    .spt_4.sports .card .cardmen li:hover, .spt_4.sports .card .cardmen li:active, .spt_4.sports .card .cardmen li.active {
        color: #444;
    }

    .spt_4.virtuals .card .cardmen li, .spt_4.sports .card .cardmen li {
        color: #666;
        text-decoration: none;
        border: none;
        text-transform: unset;
        font-weight: normal;
        margin: 0px;
    }

    .spt_4.sports .eventdetails .ufo h4 {
        display: none;
    }

    .spt_4.sports .eventdetails {
        padding-bottom: 50px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .spt_4.sports .card .cardmen li.active svg path {
        fill: #09a57e;
    }

    .spt_4.virtuals .card .cardmen li .tx, .spt_4.sports .card .cardmen li .tx {
        border-right: none;
        padding: 0px 5px;
        flex: 1;
    }

    .spt_4.sports .cardhicon svg {
        height: 20px;
        text-align: center;
    }

    .spt_4.sports .cardhicon {
        flex: 0;
        display: flex;
    }

    .spt_4.sports .cardhicon svg path {
        fill: #777;
    }

    .spt_4.sports .match .carditem .odds .price {
        min-height: auto;
    }

    .spt_4.sports .card.match .cardmen {
        margin-bottom: -5px;
    }

    .spt_4.sports .carditem:hover .sres span {
        color: #767676;
    }

    .spt_4.sports .carditem .sres span {
        color: #a9a9a9;
    }

    .spt_4.sports .carditem .itemright {
        display: flex;
        flex: 1;
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .spt_4.sports .carditem .cotherinfo {
        display: flex;
    }


    .spt_4.virtuals .card, .spt_4.sports .card {
        background: none;
    }

    .spt_4.sports .card .cardmen {
        background: none;
    }

    .spt_4 .cardmen .menright {
        display: block;
        margin-left: 50%;
        display: none;
    }

    .form-termsage, .form-terms {
        margin-top: 0px;
        padding: 0px 4px;
        text-align: left;
        padding-right: 10px;
        display: flex;
        align-items: center;
    }

    .spt_4 .eventdetails .col-md-12 {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 80px;
    }

    .sports.spt_4 .menleft {
        height: 61px;
    }


    .spt_4.sports .colgreen {
        border: none;
        animation: none;
    }

    .spt_4.sports .colred {
        border: none;
        animation: none;
    }

    .spt_4 .liveodds .compss div.chomeres span {
        padding: 0px;
    }

    .spt_4 .liveodds .carditem .markets, .spt_4 .liveodds .carditem .comps {
        width: 100%;
        max-width: unset;
        display: flex;
    }

    .spt_4 .ufo .carditem .compss .lmarkets a {
        min-width: unset;
    }

    .spt_4 .ufo .carditem .compss .lstats a {
        min-width: unset;
    }

    .spt_4.livematch .liveselected {
        font-size: 25px;
        padding: 0px;
    }

    .spt_4.sports .liveodds .carditem .compss {
        width: 100%;
        margin-left: 0px;
        margin-left: 2px;
        padding-top: 0px;
        margin-top: 23px;
    }

    .spt_4 .carditem .itemright {
        height: auto;
    }

    .spt_4.sports .liveodds .carditem .compss table .s4 {
        width: 45px;
        text-align: center;
    }

    .spt_4.sports .liveodds .carditem .compss table {
        width: 100%;
        border-collapse: collapse;
    }

    .spt_4.livematch .sportlistcont {
        display: none;
    }

    .spt_4 .liveodds .compss div.chomeres span::after {
        display: none;
    }

    .spt_4.sports .card.match .cardmen {
        padding: 0px;
    }

    .spt_4.sports .mddata .viewsplit .card.match h4:after, .match .eventdetails h4:after {
        position: initial;
        margin-right: -31px;
        float: right;
        display: inline-block;
    }

    .spt_4.sports .mddata .viewsplit {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .spt_4.sports .mddata .viewsplit.matchleftview {
        padding-right: 0px;
    }

    .spt_4.sports .mddata .viewsplit.matchrightview {
        padding-left: 0px;
    }

    .sports.spt_4 .card.match .carditem:not(.carditemhead):nth-child(odd) {
        padding: 0px;
    }

    .sports.spt_4 .card.match .carditem:not(.carditemhead):nth-child(even) {
        padding: 0px;
    }

    .sports.spt_4 .match_markets_selection {
        background: none;
        height: 30px;
        margin-bottom: 0px;
    }

    .spt_4.sports .match_markets_selection li {
        padding: 0px 20px;
        color: #777;
        font-weight: normal;
        border: none;
        border-right: 1px solid #9c9a9a;
    }

    .spt_4.sports .marketsrc {
        border: 1px solid #cacaca;
    }

    .spt_4.sports .match_markets_selection li.active {
        color: #333;
        background: none;
    }

    .spt_4.sports .marketsearch {
        padding-top: 0px;
    }

    .spt_4.sports .match_markets_selection li.active .mtx {
        position: relative;
    }

    .spt_4.sports .carditem .odds {
        text-align: left;
        min-width: auto;
    }

    .spt_4.sports .match_markets_selection li.active .mtx::after {
        position: absolute;
        content: "\25E5";
        left: 0px;
        padding: 0px 2px;
        font-weight: bold;
        transform: rotate(-47deg);
        height: 20px;
        width: 20px;
        color: #333;
        margin-top: 18px;
        left: 50%;
        margin-left: -10px;


    }

    .spt_4 .liveodds .carditem .itemleft {
        padding-left: 0px;
    }

    .spt_4 .liveodds .carditem .sres.live span.sta {
        visibility: unset;
        margin: 0px;
        height: auto;
        width: auto;
    }

    .spt_4.virtuals .card.match, .spt_4.sports .card.match {
        background: #fff;
    }


    .spt_4 .carditem .markets, .carditem .comps {
        max-width: unset;
    }

    .sports.spt_4 .menleft {
        display: block;
        width: 100%;
        height: auto;
        overflow-y: hidden;
        -ms-overflow-style: none; /* for Internet Explorer, Edge */
        scrollbar-width: none; /* for Firefox */
        overflow-x: scroll;
    }

    .sports.spt_4 .menleft::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }

    .sports.spt_4 .card .cardmen {
        background: #fff;
        height: auto;
        display: flex;
    }

    .sports.spt_4 .menright {
        display: none;
    }

    .sports.spt_4 .carditem:not(.carditemhead):not(.marketfilter):not(.mobmarketfilter):nth-child(odd) {
        border-radius: 3px;
        background: #fff;
        padding: 0px;
        min-height: 10px;
    }

    .sports.spt_4 .carditem:not(.carditemhead):not(.marketfilter):not(.mobmarketfilter):nth-child(even) {
        background: #fff;
        border-radius: 3px;
        padding: 0px;
        min-height: 10px;
    }

    .spt_4.sports .ctourinfo {
        color: #888;
        display: none;
    }

    .spt_4.sports .carditem .compss div a {
        color: #333;
        font-size: 13px;
    }

    .spt_4.sports .carditem .compss div.caway, .spt_4.sports .carditem .compss div.chome {
        display: block;
        margin: 0px;
        text-align: left;
    }

    .spt_4.sports .carditem .compss div a {
        max-width: 200px;
        font-weight: normal;
    }

    .spt_4.sports .carditem .compss {
        margin-top: 0px;
        display: inline-block;
        margin-left: 0px;
        padding: 0px;
    }

    .spt_4.sports .carditem .botrow {
        color: #777;
        display: inline-block;
        width: auto; /*flex:1;*/
    }

    .spt_4.sports .carditem .botrow .sta2 {
        width: auto;
        display: inline-block;
        color: #777;
    }

    .spt_4.sports .carditem .odds.cell1 {
        padding-right: 0px;
        display: inline-block;
        width: 100%;
    }

    .spt_4.sports .carditem .citemleft {
        border-left: 2px solid #5ffafe;
    }

    .spt_4 .bootrowm {
        width: 100%;
        display: none;
    }

    .spt_4 .bootrowm .lmarkets {
        float: right;
        margin-right: 24px;
        display: none;
    }

    .spt_4 .bootrowm .lstats {
        float: left;
    }

    .sspt_4 .card .carditem .odds[data-count="3"] .price:nth-child(2) {
        border: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .sspt_4 .card .carditem .odds[data-count="2"] .price:nth-child(1) {
        border: 1px solid #fff;
    }

    .spt_4 .card .carditem .odds[data-count="3"] .price {
        border: 1px solid #fff;
    }

    .spt_4 .card .carditem .odds[data-count="2"] .price {
        border: 1px solid #fff;
    }

    .spt_4.sports .spbtns {
        display: inline-block;
    }

    .spt_4.sports .spbtns .lstats {
        display: inline-block;
        /* padding: 0px 5px; */
        margin-top: 5px;
        margin-right: 10px;
        font-size: 17px;
        margin-left: 5px;
    }

    .spt_4.sports .carditem .modds {
        background: none;
    }

    .spt_4.sports .spbtns .lmarkets {
        display: inline-block;
    }

    .spt_4.sports .btval {
        display: block;
        font-size: 12px;
        color: #777;
    }

    .spt_4.sports .odd_button {
        border: none;
        border-radius: 0px;
        background: none;
        min-width: unset;
        display: inline-block;
    }

    .spt_4.sports .odds[data-count="3"] .odd_button {
        width: 33%;
        min-width: unset;
        background: none;
        display: inline-block;
    }

    .spt_4.sports .odds[data-count="2"] .odd_button {
        width: 50%;
        min-width: unset;
        background: none;

        display: inline-block;
    }

    .spt_4.sports .odds[data-count="1"] .odd_button {
        width: 100%;
    }

;

    .spt_4.sports .carditem .itemleft {
        width: 51%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 5px;
        padding-left: 2px;
    }

    .spt_4.sports .upcoming .caway::before, .spt_4.sports .upcoming .chome::before {
        display: none;
    }

    .spt_4 .card .carditem .odds[data-count="3"] .price {
        color: #333;
    }

    .spt_4 .card .carditem .odds[data-count="2"] .price {
        color: #333;
    }


    .spt_4 .botrow .spbtns {
        display: none;
    }

    .spt_4.sports .liveodds .comps td:nth-child(4) {
        display: none;
    }

    .spt_4 .carditem .itemleft .live {
        float: none;
        display: block;
        margin-top: 12px;
        height: 16px;
        text-align: left;
        margin-left: 2px;
        width: 100%;
    }

    .spt_4 .carditem .itemleft .live .cardhicon {
        display: none;
    }

    .spt_4 .carditem .itemleft .live .stat {
        float: left;
        margin-right: 0px;
        margin-top: 0px;
        margin-left: 10px;
    }

    .leaguecontainer.collapsed .carditem .itemleft .live {
        display: none;
    }

    .spt_4 .carditem .itemleft .live .sta {
        float: left;
    }

    .spt_4 #precardmen {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
    }

    .spt_4.match_markets_selection {
        overflow-x: auto;
        overflow-y: hidden;

    }

    .spt_4.sports .mddata .viewsplit {
        width: 100%;
    }

    .spt_4 .act_size_1 .odds, .spt_4 .act_size_2 .odds, .act_size_3 .odds {
        display: flex;
    }


    .spt_4.sports .carditem.match .odds .price.selected {

    }

    .livetracker_3 {
        overflow: hidden;
    }

    .spt_4.sports .carousel-inner {
        height: 100px;
    }

    .spt_4.sports .carditem.match .odds .price {
        background: #fff;
        color: #333;
        border: 1px solid #fff;
        display: flex;
        flex-direction: column;
        border-radius: 0px;
    }

    .spt_4.sports .liveodds .carditem .odds .price {
        min-height: 50px;
    }

    .spt_4.sports .carditem .odds .price {
        border: 0px solid #fff;
        margin-bottom: 0px;
    }

    .spt_4.sports .carditem .odds.cell3 .price {
        border: 1px solid #fff;
        margin-bottom: 0px;
    }

    .spt_4.sports .match .odd_button .oddtxt {
        color: #000;
        font-weight: normal;
        flex: 1;
    }

    .spt_4.sports .carditem.match .odds .price span {
        color: #000;
        font-weight: normal;
        flex: 1;
    }

    .sports.spt_4 .eventdetails .card.match h4 {
        cursor: pointer;
        background: #22231f;
        color: #fff;
        padding: 10px;
        font-size: 13px;
        border-radius: 3px;

        padding: 10px 5px;
    }


    .spt_4.sports .tourgroup {
        background: #22231f;
        color: #fff;
        padding: 10px;
        margin: 0px 0px;
        border-radius: 0px;
        cursor: pointer;
        font-size: 14px;

    }

    .spt_4.sports .leaguecontainer.collapsed .greenup, .spt_4.sports .leaguecontainer.collapsed .reddown {
        display: none;
    }

    .spt_4.sports .leaguecontainer.collapsed {
        height: 41px;
        overflow: hidden;
    }

    .spt_4.sports .leaguecontainer.collapsed .tourgroup::after {
        transform: rotate(-90deg);
    }

    .spt_4.sports .tourgroup::after {
        position: absolute;
        position: absolute;
        margin-right: 25px;
        content: "\203A";
        right: 0px;
        padding: 0px 8px;
        line-height: 24px;
        font-weight: bold;
        transform: rotate(
                90deg
        );
        height: auto;
        width: auto;
        font-size: 24px;
        font-weight: normal;
        color: #f3bf20;

    }

    .spt_4.sports .card .cardmen li:hover, .spt_4.sports .card .cardmen li:active, .spt_4.sports .card .cardmen li.active {
        color: #444;
        color: #000;
        border-bottom: 3px solid #09a57e;
        font-weight: bold;
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }

    .spt_4.virtuals .card .cardmen li, .spt_4.sports .card .cardmen li {
        color: #666;
        text-decoration: none;
        border: none;
        text-transform: unset;
        font-weight: normal;
        margin: 0px;
        padding: 10px 20px;
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        border-bottom: 3px solid #c3c3c3;
    }

    .spt_4.match .jumbotronwrap {
        display: none;
    }

    .spt_4 #betslip {
        width: 100%;
    }

    .spt_4 .nav > li > a {
        color: var(--text-primary);
    }

    .spt_4 .mobmen {
        background: #17150b;
        overflow: hidden;
        width: 100%;
    }

    .spt_4 .sptopbut[data-id="all"] {
        display: inline-block;
    }

    .spt_4 .ufo[data-id="all"] .sportlistcont {
        display: block !important;
        width: 100%;
    }

    .spt_4 .searchresults li {
        padding: 1px;
    }

    .spt_4.sports .searchresults {
        background: #383a45;
        margin-top: 42px;
        left: 0px;
        margin-left: 0px;
        width: 100%;
        box-shadow: unset;
    }


    .breadc {
        display: none;
    }

    .spt_4.sports.bet .breadc, .spt_4.sports.match .breadc {
        display: block;
    }
}

@media (min-width: 481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (min-width: 641px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media (min-width: 961px) {
    .navbar-loby-list > li:hover {
        scale: 1.1;
    }

    .loyalty-info-btn:active,
    .navbar-loby-list > li:not(.active):hover,
    .navbar-loby-list > li:active {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .menu-item-mainelement:hover,
    .menu-item-title:hover,
    .menu-item-subelements > li:hover {
        color: #6eec89;
    }

    .menu-item-subelements > .menu-sub-item > a {
        font-size: 13px;
    }

    .menu-item-mainelement {
        height: 52px;
    }

    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .spt_4.sports .topspmenu .sptopbut[data-id="all"] {
        display: none;
    }

    .header-navbar {
        max-width: 1440px;
        margin: 0 auto;
        width: 100%;
        padding: 0px 36px;
    }


    .mainpageflex > .mainpageright {
        max-width: 1440px;
        margin: 0 auto;
        /* overflow: visible; */
        overflow: hidden;
        padding: 0px 38px;
        padding-top: 130px;
        width: 100%;
    }

    .livetracker_2 {
        max-height: 238px;
    }

    .spt_4 .act_size_1 .odds, .spt_4 .act_size_2 .odds, .act_size_3 .odds {
        display: unset;
    }

    .spt_4 .carditem .itemleft .live {
        float: none;
        display: unset;
        margin-top: 0px;
        height: auto;
        text-align: center;
        margin-left: unset;
        width: 60px;
    }

    .spt_4 .carditem .itemleft .live .stat {
        float: none;
        margin-left: 0px;
    }

    .spt_4 .carditem .itemleft .live .sta {
        float: none;
    }

    .spt_4 .carditem .itemleft .live .cardhicon {
        display: none;
    }

    .spt_4.sports .liveodds .comps td:nth-child(4) {
        display: none;
    }

    .spt_4.sports .liveodds .comps td:nth-child(1) {
        width: 80%;
    }

    .spt_4 .botrow .spbtns {
        display: block;
    }

    .spt_4 .bootrowm {
        display: none;
    }

    .spt_4.sports .resbox .restour {
        color: #505050;
    }

    .spt_4.sports .resbox .resname {
        color: #000;
    }

    .spt_4 .odd_button.block:after {
        position: absolute;
        margin-top: -30px;
    }

    .spt_4.match .odd_button.block:after {
        margin-top: 4px;
    }

    .spt_4 .odd_button.block span {
        visibility: hidden;
        display: block;
    }

    .spt_4.matchview .odd_button.block:after {
        position: unset;
        margin-top: auto;
        color: #000;
    }

    .spt_4.matchview .odd_button.block span {
        visibility: unset;
        display: none;
    }


    .livematch.spt_4.sports .sportlist ul .lsport .ltour.active {
        background: #f3c12a;
    }

    .spt_4.sports .markselitem.more {
        display: none;
    }

    .spt_4.sports .jumbotronwrap.livematch {
        display: none;
    }

    .spt_4.livematch .leaguecontainerm.collapsed {
        height: 26px;
        overflow: hidden;
    }

    .spt_4.livematch .leaguecontainerm .tourgroup {
        background: #5a5b61;
        border: none;
        font-size: 12px;
        padding: 4px;
        text-overflow: ellipsis;
        padding-right: 30px;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 15px;
    }

    .spt_4 .s4:nth-child(3) {
        display: block;
    }

    .spt_4.sports .liveodds .carditem .compss table .s4 {
        padding-right: 0px;
    }

    .spt_4 .card .carditem .odds[data-count="3"] .price:nth-child(2) {
        border: 2px solid #fff;
    }

    .spt_4.sports .leaguecontainerm.collapsed .tourgroup::after {
        transform: rotate(-90deg);
        margin-right: 6px;
    }

    .spt_4.sports .leaguecontainerm .tourgroup::after {
        margin-right: 3px;
    }

    .spt_4.sports .topg_odds .odd_button.selected {
        background: #09a57e;
        color: #fff;
    }

    .spt_4.sports .topg_odds .odd_button:hover {
        background: #09a57e;
        color: #fff;
    }

    .spt_4.sports .jumbotron.sports {
        display: block;
    }

    .spt_4.virtuals .jumbotron {
        display: none;
    }

    .spt_4.sports .mycarcont {
        display: inline-block;
        width: 100%;
        height: 100px;
    }

    .spt_4.sports .top_sp_item {
        background: #fff;
        color: #e33;
        border: none;
        height: 115px;

        border-right: 4px solid #09a57e;
        border-left: 5px solid #09a57e;
        border-top: 1px solid #b9b9b9;
        border-bottom: 1px solid #b9b9b9;


        padding: 0px 5px;
        border-radius: 5px;
    }

    .spt_4.sports .topg_odds {
        background: none;
    }

    .topg_details {
        display: flex;
    }

    .spt_4.sports .topg_odds .odd_button {
        border: none;
        border-radius: 2px;
        flex: 1;
        margin: 0px 2px;
        min-width: unset;
        height: 32px;
        border: none;
        border: 1px solid #dbdbdb;
        /* margin: 0px 10px; */
        border-radius: 2px;
    }

    .spt_4.sports .topg_tournament {
        color: #888;
    }

    .spt_4.sports .topitems {
        display: block;
        white-space: normal;
        margin-top: 10px;
    }

    .spt_4.sports .carousel-inner {
        height: 311px;
        border-radius: 5px;
    }

    .spt_4.sports .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
        text-align: center;
    }

    .spt_4.sports .topspmenu {
        display: none;
        white-space: nowrap;
        padding-top: 20px;
        margin-left: -20px;
        margin-bottom: -15px;
    }

    .spt_4.sports .topspmenu .sptopbut {
        display: inline-block;
        padding: 10px 20px;
        cursor: pointer;
        color: #868686;
        border-bottom: 2px solid #fff;
    }

    .spt_4.sports .topspmenu .sptopbut:hover {
        color: #444;
    }

    .spt_4.sports .topspmenu .sptopbut.active {
        border-bottom: 3px solid #41fbfd;
    }


    .spt_4.sports .container .jumbotronwrap {
        padding: 2px;
        margin-bottom: 10px;
        background: none;
        padding-left: 0px;
    }

    .spt_4.sports .evttop {
        flex: 1;
        margin-left: 0px;
        margin-right: 0px;
    }

    .spt_4.livematch.sports .sportlist ul span {
        display: inline-block;
        margin-left: 5px;
        font-weight: normal;
    }

    .spt_4.livematch .sportlist .ltour .mengamestat span {
        display: inline-block;
        float: none;
        color: #989898;
        font-size: 12px;
        margin-left: 0px;
    }

    .livematch.spt_4.sports .sportlist ul .lsport .ltour {
        color: #333;
        font-weight: normal;
        background: #fff;
        margin-top: 2px;
        border-radius: 3px;
    }

    .livematch.spt_4.sports .sportlist ul .lsport.active, .livematch.spt_4.sports .sportlist ul .lsport {
        padding: 0px 0px;

        border-radius: 3px;
        margin-top: 2px;

    }

    .spt_4.livematch .sportlist .fa-angle-down:before {
        margin-right: 6px;
    }


    .livematch.spt_4.sports .sportlist ul .lsport.active a {
        background: #424242;
    }

    .livematch.spt_4.sports .sportlist ul .lsport a {

        border-left: 4px solid #00b15a;
        padding-left: 5px;
        /* margin-left: 4px; */
        color: #fff;
        width: 100%;
        background: #3a3d46;
        position: relative;
        display: block;
        padding: 5px;
        border-radius: 3px;
    }

    .livematch.spt_4.sports .sportlist ul .lsport .sub1 a {
        border: none;
        padding: 0px;
        margin: 0px;
        background: none;
    }

    .livematch.sports.spt_4 .sportlistcont {
        background: none;
    }

    .livematch.spt_4 .gamesearchcontainer {
        background: #242424;
    }

    .livematch.sports.spt_4 .sportlist {
        padding-left: 0px;
    }

    .livematch.spt_4.sports .sportlist ul.sub1 {
        background: #e4e4e4;
    }

    .livematch.spt_4.sports .sportlist ul.sub1 li {
        background: #fff;
    }

    .spt_4.livematch .sportlist .ltour .mengamestat span.sta5 {
        float: right;
    }

    .spt_4.livematch .mengamestat {
        display: block;
    }

    .spt_4.livematch .sportlist .ltour span {
        display: inline-block;
        float: right;
    }

    .spt_4.livematch .carditem.match .odds .price span {
        margin-right: 2px;
    }

    .spt_4.sports.matchview .sportlistcont {
        display: block;
    }

    .spt_4.sports .tx {
        position: relative;
    }

    .spt_4.sports .odd_button .oddtxt {
        line-height: unset;
    }

    .spt_4.sports .cardmenu.active .tx::after {
        position: absolute;
        content: "\25E5";
        display: none;
        left: 0px;
        padding: 0px 2px;
        font-weight: bold;
        transform: rotate(-47deg);
        height: 20px;
        width: 20px;
        color: #333;
        margin-top: 18px;
        left: 50%;
        margin-left: -10px;
    }

    .spt_4.sports .colgreen {
        border: none;
        animation: none;
    }

    .spt_4.sports .colred {
        border: none;
        animation: none;
    }

    .spt_4 .liveodds .compss div.chomeres span {
        padding: 0px;
    }

    .spt_4 .liveodds .carditem .markets, .spt_4 .liveodds .carditem .comps {
        width: 100%;
        max-width: unset;
        align-items: center;
        display: flex;
    }

    .spt_4 .ufo .carditem .compss .lmarkets a {
        min-width: unset;
    }

    .spt_4 .ufo .carditem .compss .lstats a {
        min-width: unset;
    }

    .spt_4.livematch .liveselected {
        font-size: 25px;
        padding: 0px;
    }

    .spt_4.sports .liveodds .carditem .compss {
        width: 100%;
        margin-left: 6px;
        flex: 1;
    }

    .spt_4.sports .liveodds .carditem .compss table .s4 {
        width: 45px;
        text-align: center;
    }

    .spt_4.sports .liveodds .carditem .compss table {
        width: 100%;
        border-collapse: collapse;
    }

    .spt_4.livematch .sportlistcont {
        display: none;
    }

    .spt_4 .liveodds .compss div.chomeres span::after {
        display: none;
    }

    .spt_4.sports .card.match .cardmen {
        padding: 0px;
    }

    .spt_4.sports .mddata .viewsplit .card.match h4:after, .match .eventdetails h4:after {
        position: initial;
        margin-right: -40px;
        float: right;
        display: inline-block;
        color: #f6cf4a;
    }

    .spt_4.sports .mddata .viewsplit {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .spt_4.sports .mddata .viewsplit.matchleftview {
        padding-right: 5px;
    }

    .spt_4.sports .mddata .viewsplit.matchrightview {
        padding-left: 5px;
    }

    .sports.spt_4 .card.match .carditem:not(.carditemhead):nth-child(odd) {
        padding: 2px;
    }

    .sports.spt_4 .card.match .carditem:not(.carditemhead):nth-child(even) {
        padding: 2px;
    }

    .sports.spt_4 .match_markets_selection {
        background: none;
        height: 30px;
        margin-bottom: 0px;
    }

    .spt_4.sports .match_markets_selection li {
        padding: 0px 20px;
        color: #777;
        font-weight: normal;
        border: none;
        border-right: 1px solid #9c9a9a;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .spt_4.sports .marketsrc {
        border: 1px solid #cacaca;
    }

    .spt_4.sports .match_markets_selection li.active {
        color: #333;
        background: none;
    }

    .spt_4.sports .marketsearch {
        padding-top: 0px;
    }

    .spt_4.sports .match_markets_selection li.active .mtx {
        position: relative;
    }

    .spt_4.sports .carditem .odds {
        text-align: left;
    }

    .spt_4.sports .match_markets_selection li.active .mtx::after {
        position: absolute;
        content: "\25E5";
        left: 0px;
        padding: 0px 2px;
        font-weight: bold;
        transform: rotate(-47deg);
        height: 20px;
        width: 20px;
        color: #333;
        margin-top: 18px;
        left: 50%;
        margin-left: -10px;


    }

    .spt_4 .liveodds .carditem .itemleft {
        padding-left: 0px;
    }

    .spt_4 .liveodds .carditem .sres.live span.sta {
        visibility: unset;
        margin: 0px;
        height: auto;
        width: auto;
    }

    .spt_4.virtuals .card.match, .spt_4.sports .card.match {
        background: #fff;
    }

    .spt_4.sports .carditem.match .odds .price {
        background: #dedede;
        color: #333;
        border: 2px solid #fff;
        border-radius: 5px;
        display: inline-block;
    }

    .spt_4.sports .liveodds .carditem .odds .price {
        min-height: 50px;
    }

    .spt_4.sports .carditem .odds .price {
        border: none;
    }

    .spt_4.sports .match .odd_button .oddtxt {
        color: #000;
        font-weight: normal;
        margin-top: 5px;
    }

    .spt_4.sports .match .odd_button.selected .oddtxt {
        color: #fff;
        font-weight: normal;
    }

    .spt_4.sports .carditem.match .odds .price span {
        color: #000;
        font-weight: normal;
    }

    .spt_4.sports .carditem.match .odds .odd_button.selected.price span {
        color: #fff;
    }

    .sports.spt_4 .eventdetails .card.match h4 {
        cursor: pointer;
        background: #242424;
        font-size: 13px;
        border-radius: 3px;

        padding: 10px 5px;
    }


    .spt_4.sports .tourgroup {
        background: #22231f;
        color: #fff;
        padding: 10px;
        margin: 0px 0px;
        border-radius: 0px;
        cursor: pointer;
        font-size: 14px;
    }


    .spt_4.sports .leaguecontainer.collapsed .greenup, .spt_4.sports .leaguecontainer.collapsed .reddown {
        display: none;
    }

    .spt_4.sports .leaguecontainer.collapsed {
        height: 42px;
        overflow: hidden;
    }

    .spt_4.sports .leaguecontainer.collapsed .tourgroup::after {
        transform: rotate(-90deg);
        margin-right: 29px;
    }

    .spt_4.sports .tourgroup::after {
        position: absolute;
        margin-right: 25px;
        content: "\203A";
        right: 10px;
        padding: 0px 8px;
        line-height: 24px;
        font-weight: bold;
        transform: rotate(90deg);
        height: auto;
        width: auto;
        font-size: 24px;
        font-weight: normal;
        color: #f3bf20;
    }

    .spt_4.sports .card .cardmen li:hover, .spt_4.sports .card .cardmen li:active, .spt_4.sports .card .cardmen li.active {
        color: #000;
        border-bottom: 3px solid #09a57e;
        font-weight: bold;
    }

    .spt_4.virtuals .card .cardmen li, .spt_4.sports .card .cardmen li {
        color: #666;
        text-decoration: none;
        border: none;
        text-transform: unset;
        font-weight: normal;
        margin: 0px;
        margin-right: 20px;
    }

    .spt_4.sports .eventdetails .ufo h4 {
        display: none;
    }

    .spt_4.sports .eventdetails {
        padding-bottom: 50px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .spt_4.sports .card .cardmen li.active svg path {
        fill: #09a57e;
    }

    .spt_4.virtuals .card .cardmen li .tx, .spt_4.sports .card .cardmen li .tx {
        border-right: none;
        padding: 0px 5px;
        display: inline-block;
    }

    .spt_4.sports .cardhicon, .spt_4.sports .cardhicon svg {
        height: 20px;
        text-align: center;
        float: left;
    }

    .spt_4.sports .cardhicon svg path {
        fill: #777;
    }

    .spt_4.sports .card .cardmen {
        height: auto;
        overflow-y: hidden;
        padding: 5px 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .spt_4.sports .match .carditem .odds .price {
        min-height: auto;
    }

    .spt_4.sports .card.match .cardmen {
        margin-bottom: -5px;
    }

    .spt_4.sports .carditem:hover .sres span {
        color: #767676;
    }

    .spt_4.sports .carditem .sres span {
        color: #767676;
    }

    .spt_4.sports .carditem .itemright {
        display: flex;
        flex: 1;
        width: auto;
    }

    .spt_4.sports .carditem .cotherinfo {
        display: flex;
        padding: 5px;
    }

    .spt_4.sports #betslip_clear {
        color: #09a57e;
        text-transform: capitalize;
        padding: 2px;
        width: 33%;
        text-align: center;
        font-weight: bold;
    }

    .spt_4.sports #betslip_clear:hover {
        color: #09a57e;
        text-decoration: underline;
    }

    .spt_4.sports #betslip {
        background: #fff;
        color: #333;
        border-radius: 5px;
        border: 1px solid #f2f2f2;
        overflow: hidden;
    }

    .spt_4.sports #betslip_summary label {
        color: #222;
    }

    .spt_4.sports #betslip_summary .betstake {
        color: #222;
    }

    .spt_4.sports #betslip_summary .betwin {
        color: #222;
    }

    .spt_4.sports #betslip_summary .bettax {
        color: #222;
    }

    .spt_4.sports #betslip_summary .betaftertax {
        color: #222;
    }

    .spt_4.sports .carditem .odds .price:hover {
        background: none;
        color: unset;
    }

    .spt_4.sports .match .carditem .odds .price.selected {
        background: #09a57e;
        color: #fff;
    }

    .spt_4.sports .carditem .odds .price.selected .btval {
        color: #000;
    }

    .spt_4.sports .carditem .odds .price.selected i {
        background: #09a57e;
        color: #fff;
    }

    .spt_4.sports .spslipc {
        background: none;
    }

    .spt_4.sports .sportlistcont {
        height: auto;
        padding: 10px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
    }

    .spt_4.sports #betslip_head {
        height: 80px;
        background: #fafbf9;
    }

    .spt_4.sports .betslip_bettype.active {
        background: none;
        border-bottom: 2px inset #f3bf20;
    }

    .spt_4.sports .betslip_bettype {
        padding: 10px 0px;
        color: #737373;
        font-weight: bold;
    }

    .spt_4.sports .scrollbet #betslip {
        box-shadow: none;
    }

    .spt_4.sports .betsliptop {
        background: #22231f;
        padding: 8px;
        color: #fff;
    }

    .spt_4.sports .lstats a, .spt_4.sports .lmarkets a {
        color: #2db8b9;
    }

    .sports.spt_4 .cardicon {
        display: inline-block;
        width: 25px;
        margin-left: 5px;
        margin-top: 0px;
    }

    .sports.spt_4 .cardicon svg path {
        fill: #909090;
    }

    .sports.spt_4 .cardicon svg {
        margin: 7px 0px;
    }


    .sports.spt_4 .menleft {
        display: block;
        width: 100%;
        overflow-x: auto;
        height: auto;
        overflow-y: hidden;
    }

    .sports.spt_4 .card .cardmen {
        background: none;
    }

    .sports.spt_4 .menright {
        display: none;
    }

    .sports.spt_4 .content {
        display: flex;
        margin-top: 5px;
        min-width: 1200px;
        max-width: 1688px;
    }

    .sports.spt_4 .carditem:not(.carditemhead):not(.marketfilter):nth-child(odd) {
        border-radius: 3px;
        background: #fff;
        padding: 2px;
    }

    .sports.spt_4 .carditem:not(.carditemhead):not(.marketfilter):nth-child(even) {
        background: #fff;
        border-radius: 3px;
        padding: 2px;
    }

    .spt_4.sports .carditem.marketfilter {
        background: #242424;
        display: flex;
    }

    .spt_4.sports .marketfilter.carditem .itemright {
        height: 40px;
    }

    .spt_4.sports .marketfilter.carditem .itemright .modds {
        width: 100%;
    }

    .spt_4.sports .marketfilter.carditem .itemright .modds .odds span {
        margin: 0px auto;
        padding: 10px;
    }

    .spt_4.sports .ctourinfo {
        color: #888;
        display: none;
    }

    .spt_4.sports .carditem .compss div a {
        color: #6b6a6a;
        font-size: 15px;
    }

    .spt_4.sports .carditem .compss div.caway, .spt_4.sports .carditem .compss div.chome {
        display: block;
        margin: 0px;
        text-align: left;
    }

    .spt_4.sports .carditem .compss div a {
        max-width: 200px;
        font-weight: bold;
    }

    .spt_4.sports .carditem .compss {
        margin-top: 0px;
        width: 200px;
        display: inline-block;
        margin-left: 0px;
        flex: 1;
    }

    .spt_4.sports .carditem .botrow {
        color: #777;
        display: flex;
        width: 100%;
        font-size: 12px;
    }

    .spt_4.sports .carditem .botrow .sta2 {
        width: auto;
        white-space: nowrap;
        display: inline-block;
        color: #777;
    }

    .spt_4.sports .carditem .odds.cell1 {
        padding-right: 10px;
        display: inline-block;
        width: 100%;
    }

    .spt_4.sports .cardcontent[data-id="1"] .carditem .odds.cell1 {
        display: flex;
        width: 33%;
    }

    .spt_4.sports .carditem .citemleft {
        border-left: 2px solid #5ffafe;
    }

    .spt_4.sports .cardcontent .carditem .odds.cell2, .spt_4.sports .cardcontent .carditem .odds.cell3 {
        display: none;
    }

    .spt_4.sports .cardcontent[data-id="1"] .carditem .odds.cell2, .spt_4.sports .cardcontent[data-id="1"] .carditem .odds.cell3 {
        display: flex;
        width: 33%;
    }

    .spt_4.sports .spbtns {
        display: inline-block;
    }

    .spt_4.sports .spbtns .lstats {
        display: block;
        /* padding: 0px 5px; */
        margin-top: 5px;
        margin-right: 10px;
        font-size: 17px;
        margin-left: 5px;
    }

    .spt_4.sports .spbtns .lmarkets {
        display: none;
    }

    .spt_4.sports .btval {
        display: block;
        font-size: 12px;
        color: #777;
    }

    .spt_4.sports .odd_button {
        border: none;
        border-radius: 5px;
        background: none;
        min-width: 40px;
        width: 33%
    }

    .spt_4.sports .eventdetails .odd_button i {
        width: 100%;
        display: inline-block;
        padding: 4px;
        font-size: 15px;
    }

    .spt_4.sports .eventdetails .match .odd_button i {
        border: none;
    }

    .spt_4.sports .odds[data-count="3"] .odd_button {
        width: 33%;
    }

    .spt_4.sports .cell2 .odd_button {
        background: none;
    }

    .spt_4.sports .odds[data-count="2"] .odd_button {
        width: 50%;
    }

    .spt_4.sports .carditem .itemleft {
        min-width: 320px;
        width: 40%;
        display: inline-block;
    }

    .spt_4.livematch .carditem .itemleft {
        min-height: 55px;
    }

    .spt_4.sports .upcoming .caway::before, .spt_4.sports .upcoming .chome::before {
        display: none;
    }


}

@media (min-width: 1025px) {
    /* big landscape tablets, laptops, and desktops */


}

@media (min-width: 1281px) {
    /* hi-res laptops and desktops */
    .sports.spt_4 .content {
        display: flex;
        min-width: 1200px;
        max-width: 100%;
    }


}

@media (min-width: 1024px) {


    .modds {
        margin-left: 1px;
    }

    .virtuals .modds {
        margin-left: 23px;
    }


    .menulogin2 {
        display: none;
    }

    .menulogin3 {
        display: inline-block;
    }

    .dropdown-toggle.user, .dropdown-toggle.balance {
        margin-top: 0px;
    }

    #betslip_but {
        display: none !important;
    }


}

@media (min-width: 992px) {
    .modal_data_withdraw .redeem_balance > label {
        font-size: 27px;
    }

    #myCarouselslick {
        overflow-x: hidden;
        padding: 50px 0;
        margin: -50px 0;
    }

    .cathedawrap {
        margin-bottom: 50px;
    }

    .pg_freespins #freespinpage {
        display: none;
    }

    #ifriends {
        padding: 42px 70px 18px 78px;
        top: -80px;
        max-width: 749px;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 38px;
        box-shadow: 1px 3px 14px 1px rgba(0, 0, 0, 0.6),
        4px 12px 82px 62px rgba(0, 0, 0, 0.6);
        background-image: url("/img/150/refer_friend/mobile-bg.png");
        background-position: center;
        background-size: cover;
        opacity: 0.83;
        height: fit-content;
        transform: scale(0.58);
    }

    .ifriends_close_btn {
      transform: scale(1.6);
    }

    #inveiteafriend.flexit {
        align-items: unset;
        background-color: rgba(0, 0, 0, 0.7);
        height: 100%;
    }

    #ifriends_head h3 {
        font-size: 70px;
    }

    .refer_info_row .copy_link_icon {
        width: 106px;
        height: 108px;
        margin: 0 46px 0 57px;
    }

    .refer_info_row p:first-child {
        font-size: 24px;
        margin: 0;
    }

    .refer_info_row p:nth-child(2) {
        font-size: 45px;
        margin: 0;
    }

    .refer_info_row div {
        padding: 40px 0;
    }

    .refer_info_row:nth-child(2) div {
        align-items: flex-end;
    }

    .refer_info_row:nth-child(2) div p:first-child {
        font-size: 45px;
    }

    .refer_info_row:nth-child(2) div p:nth-child(2) {
        font-size: 24px;
    }


    .refer_info_row:nth-child(3) div p:first-child {
        font-size: 45px;
    }

    .refer_info_row:nth-child(3) div p:nth-child(2) {
        font-size: 24px;
    }

    .refer_info_row .share_icon {
        width: 108px;
        height: 103px;
        margin: 0 49px 0 51px;
    }

    .refer_info_row .win_prizes_icon {
        width: 106px;
        height: 108px;
        margin: 0 46px 0 57px;
    }

    .referral-copy {
        font-size: 20px;
        font-weight: 500;
        margin-top: 40px;
        margin-bottom: 37px;
    }

    .referral-copy a {
        color: #fff;
        text-decoration: underline;
    }

    .referral-copy a:hover{
        opacity: 0.8;
    }

    .refer_header_container img {
        position: absolute;
        left: -37px;
        width: 60px;
        height: 60px;
    }

    #ifriends_head .refer_header_container .info_refer_head {
        font-size: 70px;
        letter-spacing: 1.02px;
        margin-top: 26px;
    }

    #inveiteafriend #ifriends.info_refer_ifriends {
        top: -120px;
        max-width: 736px;
        padding-left: 41px;
        padding-right: 41px;
    }

     .refer_info_icon:hover {
       cursor: pointer;
    }

    #ifriends_head p {
        font-size: 30px;
        margin: 11px 0 0 0;
    }

    .ifriends_referal_row {
       height: 100px;
        width: 100%;
        padding: 0 10px 0 0;
        margin: 75px 0 0 0;
        border-radius: 24px;
    }

    .ifriends_levels_row {
        margin: 20px 0;
        gap: 43px;
    }

    .ifriends_levels_row .ifriends_referal_row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 109px;
        gap: 0;
    }

    .ifriends_levels_row .invitebox_value {
        display: flex;
        flex-direction: column;
        width: 80px;
        height: 40px;
        font-size: 28px;
    }

    .invite_info {
        font-size: 14px;
        margin-left: 18px;
    }

    .refer_left_info img {
        width: 74px;
        height: 80px;
    }

    .refer_left_info .invitebox_title {
        font-size: 22px;
    }

    .ifriends_referal_row.total {
        padding: 0 25px 0 0;
    }

    .ifriends_referal_row.total .invitebox_title {
        font-size: 36px;
    }

    .ifriends_referal_row.total .invitebox_value {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 211px;
        height: 56px;
        font-size: 30px;
    }

    .ifriends_referal_row.claim {
        margin: 46px 0 0 0;
        justify-content: unset;
        min-height: 300px;
        gap: 30px;
    }

    .ifriends_referal_row.claim .invitebox_value {
        flex-direction: row;
        height: 163px;
        width: 465px;
        margin-bottom: 0;
    }
    .ifriends_referal_row.claim .invitebox_value p {
       font-size: 30px;
        margin: 0 0 0 30px;
    }

    .ifriends_referal_row.claim img {
        width: 76px;
        margin-bottom: 10px;
    }

    .ifriends_referal_row.claim .refer-text {
        font-size: 34px;
        font-weight: 600;
    }

    .ifrbon_btn {
        min-width: 300px;
        height: 54px;
        border-radius: 32px;
        font-size: 36px;
    }

    .ifriends_referal_link {
        margin: 49px 0;
        border-radius: 24px;
        height: 101px;
    }

    #ifriends_link {
        font-size: 29px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #ifriends_link:before {
        font-size: 22px;
    }

    #ifriends_copy {
        width: 237px;
        height: 53px;
        padding: 8px 28px;
        font-size: 28px;
    }

    #ifriends_copy p {
        margin: 0;
    }

    #ifriends_copy img {
        width: 28px;
    }

    #ifriends_invited img {
        width: 92px;
        margin-right: 12px;
    }

    body.pg_freespins {
        overflow: visible;
    }

    #mobile-menu-page-content {
        display: none;
    }
    /* .storesc {
        border-top: 5px dotted #fff;
        margin-top: 6px;
    } */

    .withdraws {
        margin-top: 20px;
        height: unset;
    }

    .withdraw-card__head {
        margin-bottom: 37px;
    }

    .withdraw-value {
        font-size: 29px;
        line-height: 30px;
    }

    .myaccountbtn.cancelwithdraw {
        width: 275px;
        max-width: unset;
        height: 70px;
        margin-top: 45px;
        font-size: 34px;
    }

    .withdraw-card__date {
        font-size: 21px;
    }

    .withdraw-label {
        font-size: 28px;
    }

    .withdraw-card {
        width: 655px;
        height: 284px;
    }

    .selectedstoreitem2 .storesc {
        border-top: none;
    }

    .shopcheckoutin .storegc {
        margin-top: 5px;
    }

    .menheadb.dsk.flexit #vipwidgetbg, .menheadb.dsk.flexit #vipwidgetleft, .menheadb.dsk.flexit #vipwidgetright, .menheadb.dsk.flexit .vipcard {
        width: 216px;
        height: auto;
        aspect-ratio: 791 / 1045;
    }

    .menheadb.dsk.flexit .vipwidget {
        height: 385px;
    }

    .dsktop_myacount {
        /* display: none; */
        color: #fff;
        padding: 0;
    }

    .menheadb .modal_inner_data h4 {
        font-size: 20px;
    }

    .menprofile li.menheadb.dsk {
        width: 100%;
        display: block;
        position: absolute;
        top: 85px;
        left: 0px;
        transition: transform 0.6s ease;
        transform: translateX(110%);
    }

    .menprofile li.menheadb.dsk.active {
        transform: translateX(0%);
    }

    .menu-main-container {
        transform: translateX(0%);
        transition: transform 0.6s ease;
    }

    .menu-main-container.hideit {
        display: block;
        transform: translateX(-110%);
    }

    .menu-main-container.hide_without_anim {
        display: none;
    }

    .modal_inner_data.active {
        width: 90%;
        margin: 0 auto;
    }

    .modal_myaccount_body.modal_deposit .modal_inner_data.active{
        width: 100%;
    }


    #my_profile .modal-body {
        padding: 0 15px 30px 15px;
    }

    .menu_history_header {
        margin: 0 auto;
    }

    .closemyacc {
        cursor: pointer;
        font-size: 30px;
        margin: 6px;
    }

    .menheadb.dsk.flexit .modal_data_history div .flexit {
        justify-content: space-around;
    }

    .menheadb.dsk.flexit .closemyacc {
        display: block;
    }

    .menheadb.dsk.flexit .fa-bars {
        display: none;
    }

    .menheadb.dsk.flexit {
        cursor: default;
        position: fixed;
        /* backdrop-filter: blur(3px); */
        width: 100%;
        height: 100%;
        z-index: 900;
        left: 0;
        top: 0;
        background: #0000005e;
        /* background: #000; */
        display: block;
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .menheadb.dsk.flexit .my_profile_submenu {
        display: block;
    }

    .socialmenu {
        margin: 28px 0 10px;
    }

    .socialmenu img {
        height: 33px;
        width: 33px;
    }

    .socialmenu a:not(:last-child) img {
        margin-right: 30px;
    }

    .useridholder {
        font-size: 15px;
    }

    .storedisc {
        color: #dddfde;
    }

    .stripheader:before {
        background: #2c4f38;
    }

    .stripheader:after {
        background: #2c4f38;
    }

    .loggedout .container.contentmain .section1 {
        padding-top: 100px;
    }

    #redeempage .wdrcont .col-md-12.wdr_available {
      margin-top: 38px;
        width: 657px;
        min-width: 657px;
        padding: 19px 22px 13px 22.4px;
    }

    .withdraw_method_bank {
        width: 100%;
        height: 100%;
        box-shadow: inset 1.6px 2.5px 10px 0 rgba(0, 0, 0, 0.45), inset -1.7px -2.5px 10px 0 rgba(0, 0, 0, 0.45);
    }

    .withdrselectco {
        padding: 31px 36px 30px 35px;
        margin-top: 32px;
    }

    .redeem_bank_text {
        margin-top: 26px;
        font-size: 12px;
    }

    .do_withdraw, .do_prizeout {
        height: 55px;
    }

    .do_withdraw:not(:last-child) {
        margin-bottom: 29px;
    }

    .wdr_status {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        margin-left: 20px;
        margin-right: 10px;
        margin-top: 20px;
    }

    .withdrawform {
        width: 657px;
        text-align: center;
        padding-right: 20px;
        margin: 0 auto;
    }

    #redeempage .wdrcont .gift_card_container {
        padding: 31px 36px 30px 35px;
        margin-top: 26px;
    }

    .btntitle {
        font-size: 12px;
    }

    .pg_myprofile .modal_myaccount_body.modal_profile_page {
        margin-left: 20px;
        margin-right: 20px;
    }

    .pg_myprofile .modal_profile_page #my_profile_submenu.deposub {
        display: none;
    }

    .gamescontainer ul {
        justify-content: flex-start;
    }

    .slick-list {
        padding: 0 !important;
    }

    .storepayframe iframe {
        height: 100%;
        min-height: 450px;
    }

    .storecheckout.flexactive {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        background: #fff;
        display: flex;
        align-items: stretch;
    }

    .open-payment .storecheckout.flexactive {
        background: transparent;
    }

    .backtopayment h4 {
        display: none;
    }

    .backtopayment {
        cursor: pointer;
        text-align: right;
        margin: 0px 9px;
        font-size: 30px;
        color: #2c4f38;
    }

    .shopcheckoutin .backtostore {
        top: 70px;
        right: 35px;
        z-index: 2;
    }

    .shopuserdetails {
        z-index: 1;
    }

    .shopcheckoutin .backtostore:hover {
        opacity: 0.8;
    }

    .shopcheckoutin .backtostore .fa-times-circle:before {
        content: "\2770\2770 \00a0 \00a0 Back";
        font-family: "Heebo", sans-serif;
        background: #003c27;
        color: #fff;
        font-size: 18px;
        padding: 5px 10px;
        border-radius: 9px;
    }

    footer {
        z-index: 0;
    }

    footer.pagecontent {
        padding-left: 0px;
    }

    .mastermen {
        position: fixed;
    }

    .menprofile {
        display: block;
        position: fixed;
        left: 0;
        overflow-y: auto;
        margin: 0;
        height: 100%;
        padding: 0 24px 0 25px;
        background-color: rgba(41, 40, 37, 0.8);
        box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2),
        0 4px 2px rgba(0, 0, 0, 0.2),
        0 2px 6px rgba(0, 0, 0, 0.2);
        width: 579px;
        border-radius: 0 40px 40px 0;
        backdrop-filter: blur(6px);
    }

    .menprofile .menu-back-button {
        display: flex;
        justify-content: flex-end;
        background: transparent;
        width: 100%;
        height: 82px;
        padding: 17px 0;
    }

    .menprofile .menu-back-button img {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: relative;
        right: 2px;
    }

    .menu-back-button > button {
        width: 60px;
        height: 60px;
    }

    .menu-back-button > button > span {
        display: none;
    }

    .menprofile .menu-back-button #coinswtchcont, .menprofile .menu-back-button .coinsloc {
        display: none;
    }

    @media (min-width: 768px) {
        /* Adjust the min-width as needed for your tablet breakpoint */
    }
    .mainpageright {
        padding: 0px 15px;
        padding-top: 180px;
        overflow: hidden;
    }

    .gamehead {
        position: fixed;
        top: 50px;
        /* lefT: 0px; */
        z-index: 3;
        background: #000;
        width: 100%;
        height: 40px;
        padding-right: 250px;
    }

    .miniban {
        align-items: stretch !important;
    }

    .banimg {
        height: 100%;
        justify-content: space-between !important;
    }

    .miniban .wp-block-media-text {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    .spt_4.sports .card .cardmen {
        height: auto;
        overflow-y: hidden;
        padding: 2px 2px;
        padding-bottom: 0px;
        margin-bottom: -10px;
        border-bottom: 1px solid #c3c3c3;
    }

    .mobilepagebtns {
        display: none;
    }

    .mobmarketfilter.carditem {
        display: none;
    }

    .spt_4.sports .marketfilter.carditem {
        background: none;
        display: flex;
    }

    .live_casinoban_all {
        background: url(/img/Live-Casino_header-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .live_casinoban_roulette {
        background: url(/img/Live-Casino_roulette-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .live_casinoban_baccarat {
        background: url(/img/Live-Casino_Baccarat-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .live_casinoban_blackjack {
        background: url(/img/Live-Casino_blackjack-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .live_casinoban_poker {
        background: url(/img/Live-Casino_Poker-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .zh .live_casinoban_all {
        background: url(/img/Live-Casino_header_chn-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .zh .live_casinoban_roulette {
        background: url(/img/Live-Casino_roulette_chn-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .zh .live_casinoban_baccarat {
        background: url(/img/Live-Casino_Baccarat_chn-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .zh .live_casinoban_blackjack {
        background: url(/img/Live-Casino_blackjack_chn-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }

    .zh .live_casinoban_poker {
        background: url(/img/Live-Casino_Poker_chn-min.jpg) no-repeat center;
        background-size: cover;
        height: 405px;
    }


    .loadmorecont {
        display: none;
    }


    .topg_odds .odd_button:hover {
        background: #0078d7;
    }

    .liveselected:hover {
        color: #ffff7f;
    }

    body.sports.racing {
        background: url('/img/bghorse_1.jpg?v=1') no-repeat fixed center;
        background-size: cover;
    }

    body.sports.spt_4 {
        background: url(/img/110/bg.jpg) #fff no-repeat center;
        background-size: cover;
    }

    body.sports.livematch {
        background: url('/img/13/bg_6_1.jpg') no-repeat fixed center;
        background-size: cover;
    }

    body.sports.livematch.spt_4 {
        background: #e5e5e5;
    }

    body.ccasino .jumbotron, body.live-ccasino .jumbotron {
        visibility: hidden;
        height: 150px;
        overflow: hidden;
    }

    body.crypto-games .leftsidemen {
        display: none;
    }

    body.crypto-games .rightsidecont {
        width: 100%;
    }

    body.tvgames .leftsidemen {
        display: none;
    }

    body.tvgames .rightsidecont {
        width: 100%;
    }

    body.card-games .leftsidemen {
        display: none;
    }

    body.card-games .rightsidecont {
        width: 100%;
    }

    body.live-casino .leftsidemen {
        display: none;
    }

    body.live-casino .rightsidecont {
        width: 100%;
    }

    body.virtuals .leftsidemen {
        display: none;
    }

    body.virtuals .rightsidecont {
        width: 100%;
    }

    body.virtuals .categories {
        display: none;
    }

    body.tvgames .gamescontainer, body.card-games .gamescontainer, body.crypto-games .gamescontainer, body.casino .gamescontainer, body.virtuals .gamescontainer, body.live-casino .gamescontainer {
        background: none;
    }


    body.live-casino {
        background: #fff;
    }

    body.virtuals {
        background: #000;
    }

    body.tvgames {
        background: #fff;
    }

    body.crypto-games {
        background: url('/img/106/crypto.jpg') no-repeat fixed center;
        background-size: cover;
    }

    body.card-games {
        background: url('/img/cards_bg.jpg') no-repeat fixed center;
        background-size: cover;
    }

    body::-webkit-scrollbar {
        width: 5px;
    }

    body::-webkit-scrollbar-track {
        background: #fff;
    }

    body::-webkit-scrollbar-thumb {
        background: #999;
    }

    body::-webkit-scrollbar-thumb:hover {
        background: #999;
    }


    .vipwidget::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .vipwidget::-webkit-scrollbar-track {
        background: #fff;
    }

    .vipwidget::-webkit-scrollbar-thumb {
        background: #999;
    }

    .vipwidget::-webkit-scrollbar-thumb:hover {
        background: #999;
    }

    #my_profile::-webkit-scrollbar {
        width: 5px;
    }

    #my_profile::-webkit-scrollbar-track {
        background: #fff;
    }

    #my_profile::-webkit-scrollbar-thumb {
        background: #999;
    }

    #my_profile::-webkit-scrollbar-thumb:hover {
        background: #999;
    }


    .fsmcont::-webkit-scrollbar {
        width: 5px;
    }

    .fsmcont::-webkit-scrollbar-track {
        background: #fff;
    }

    .fsmcont::-webkit-scrollbar-thumb {
        background: #999;
    }

    .fsmcont::-webkit-scrollbar-thumb:hover {
        background: #999;
    }


    .menright .odds.l3.pushit {
        width: 213px;
        padding-left: 50px;
    }


    .menright .odds.l2.pushit {
        width: 157px;
        padding-left: 43px;
    }


    .footlogo {
        text-align: left;
    }

    .menureg2 {
        display: block;
    }


    .container.menucontainer .navbar-header {
        float: none;
    }

    .playbtn {
        width: 80%;
    }

    #depositiframe {
        height: 650px;
    }

    .modalmenu .fa-2x {
        font-size: 1em;
    }


    #mainloader img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -80px;
    }

    .gamebox .mic {
        float: Left;
        margin-top: 0px;
        display: block;
        border-radius: 0px 0px 10px 0px;
        height: 27px;
        background: #00121e;
    }

    .gamebox .mic .mi {
        margin-top: 0px;
    }

    /*
.gamebox{
	float:left;
 width: 200px;
    height: 200px;
    margin: 0px;

background: #01080e;
padding:0px;

}
.gamebox.gameboxb{
	 width: 400px;
    height: 400px;
    margin: 0px;

background: #00121e;
padding:0px;

}
.gamebox:nth-child(8) .hover,.gamebox:nth-child(26) .hover,.gamebox:nth-child(44) .hover,.gamebox:nth-child(62) .hover,.gamebox:nth-child(80) .hover,.gamebox:nth-child(98) .hover,.gamebox:nth-child(116) .hover,.gamebox:nth-child(134) .hover{  width: 400px;
	margin-top:200px;
}

.gamebox:nth-child(8),.gamebox:nth-child(26),.gamebox:nth-child(44),.gamebox:nth-child(62),.gamebox:nth-child(80),.gamebox:nth-child(98),.gamebox:nth-child(116),.gamebox:nth-child(134){  width: 400px;
    height: 400px;
}
.gameName{    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    text-overflow: clip;
    width: 200px;
}
*/
    .jackpotgamebox {
        width: 200px;
        height: 210px;
        margin: 13px;
    }

    .jackpotgamebox .hover {
        width: 200px;
        height: 184px;
        font-size: 14px;
    }

    .jumbotron .container {
        /*        padding-left:15px; */
    }

    .banner-right {
        padding-right: 15px;
    }

    .providerscontainer {
        display: none;
    }

    .live-casino .categories {
        display: none;
    }

    .crypto-games .carousel-inner {
        height: 274px;
    }

    #my_profile .modal-lg {
        width: 830px;
    }

    .pg_store #my_profile .modal-lg {
        width: 730px;
    }
}

@media (min-width: 1400px) {


    .gamescontainer.row {
        margin-top: 0px;
        padding-top: 0px;
    }

    .gamebox {
        width: 250px;
        height: 350px;
        margin: var(--space-xs);
        position: relative;
        background: #11232e;
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-content: stretch;
        justify-content: flex-end;
        align-items: stretch;
        border-radius: 10px;
        border: 1px solid #11232e;

    }

    .gamebox.gameboxb {
        width: 400px;
        height: 400px;
        margin: 0px;

        background: #00121e;
        padding: 0px;

    }

    .gameName {
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        white-space: nowrap;
        text-overflow: clip;
        margin-left: 0px;
        padding: 5px;
        font-weight: normal;
    }

    .casino .container.gamemain {
    }

}

@media (min-width: 1024px) {


    .menureg2 {
        display: flex;
    }

}


@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uil-ring-css {
    background: none;
    width: 200px;
    height: 200px;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -200px;
    position: absolute;
}

.uil-ring-css > div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #cd5236;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.navbar-inverse .navbar-toggle {
    border: 0px;
    z-index: 1;
}

.mobilemenu {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 30;
    display: none;
    top: 0px;
    z-index: 1000;
    box-shadow: 5px 0px 14px 6px #000;

}

.mobilemenu.blockmenu {
    display: block;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.94);
    text-align: center;
    z-index: 9999;
}

.tickercontainer {
    height: 285px;
    /*    background: #6d072c; */
    background: #bf198c;
    margin-left: -15px;
    overflow: hidden;
}

.tickercontainer .headin {
    background: #bf198c;
    color: #fff;
    padding: 0px 0px;
    text-align: center;
    margin: 0px;
    top: 0px;
}

.tickercontainer .headin div {
    width: 50%;
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    background: var(--bg-tertiary);
}

.tickercontainer .headin div.active {
    background: #bf198c;
}

.tickercont {
    height: 250px;
    overflow: hidden;
    top: 35px;
    width: 100%;
}

.tickercont_games ul, .tickercont ul {
    padding: 0px;
    margin: 0px;
    height: 250px;
}

.tickercont_games li, .tickercont li {
    color: #fff;
    border-bottom: 1px solid #2f3d44;
    padding: 15px 15px;
    font-weight: bold;
    text-align: justify;
}

.tickercont {
    display: none;
}

.tickercont.act {
    display: block;
}

.tickercont li i {
    margin-right: 5px;
}

.tickercont li span {
    color: #2f3d44;
    padding: 3px;
}

.tickercont .gimg {
    background-size: 100%;
    display: inline-block;
    WIDTH: 40PX;
    HEIGHT: 40PX;
    background-repeat: no-repeat;
    margin-left: 10px;

}

.tickercont .gname {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 50px;
    float: right;
    margin-right: 10px;
}

.tickercont.game li {
    padding: 8px;
}


@media (min-width: 1200px) {
    .ccontainer.menucontainer {
        width: 1170px;
    }
}

.menprofile li.mnfs i{
    width:35px;
    padding:0px;
    color:#7a8e84;
}

.menprofile li a:hover{
    text-decoration: none;
}

.view-all-icon {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin-right: -7px;
}

.view-all-icon:hover {
    opacity: 0.8;
}

.modal-backdrop.in {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

@media (max-width: 991px) {
    .view-all-icon {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-right: -7px;
    }

    .cat_header h4 {
        font-size: 25px;
    }

    #ifriends_head h3 {
        font-size: 55px;
        font-size: clamp(50px, calc(50px + (18 * (100vw - 500px) / 289)), 68px);
    }

    .refer_header_container img {
        position: absolute;
        left: -19px;
        width: 57px;
        height: 57px;
    }

   .refer_info_icon:hover {
       cursor: pointer;
    }

    #ifriends_head p {
        margin-top: 6px;
        font-size: 25px;
    }

    .ifriends_referal_row {
        margin: 55px 0 0 0;
        padding: 21px 20px 20px 0;
        border-radius: 18px;
        height: 80px;
    }

    #ifriends_invited img {
        width: 72px;
        height: 87px;
        margin-right: 13px;
    }

    .ifriends_levels_row img {
        width: 60px;
        height: 60px;
        margin-right: 5px;
    }

    .ifriends_levels_row {
        margin: 20px 0;
        gap: 38px;
    }

    .ifriends_referal_row.total .invitebox_value {
        min-width: 179px;
    }

    #ifriends_level_2 .invitebox_title, #ifriends_level_1 .invitebox_title {
        font-size: 18px;
    }

    .invite_info {
      font-size: 12px;
        margin-left: 14px;
    }

    .ifriends_levels_row .ifriends_referal_row {
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start;
        gap: 0;
        padding: 0 7px 20px 0;
        height: 89px;
    }

    .ifriends_referal_row.claim {
        justify-content: space-between;
        min-height: 314px;
        margin: 39px 0 0 0;
    }

    #ifriends_level_2 .invitebox_value, #ifriends_level_1 .invitebox_value {
        display: flex;
        align-items: flex-end;
        padding: 0;
        min-width: 62px;
        height: 40px;
    }
    
    .invitebox_value, .ifrbon_btn,
    .ifriends_referal_row.claim .refer-text,
    .invitebox_title{
        font-size: 29px;
        font-weight: 600;
        /*font-size: clamp(17px, calc(17px + (5 * (100vw - 500px) / 289)), 22px);*/
    }

    .reg-term-text {
        font-size: 14px;
    }

    .ifriends_referal_link {
        height: 83px;
        margin: 39px 0;
    }

    #ifriends_copy {
       padding: 8px 23px;
    }

    #ifriends_link {
        font-size: 23px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #ifriends_copy img {
        width: 20px;
        margin-right: 6px;
    }

    #ifriends_copy p {
        font-size: 23px;
        margin: 0;
    }

    #ifriends_link:before {
        font-size: 17px;
    }

    #ifriends_copy {
        width: 192px;
        height: 46px;
    }

    .ifriends_referal_row.claim img {
        width: 60px;
        margin-right: 15px;
    }

    .ifriends_referal_row.claim p {
        margin: 0;
    }

    .ifriends_referal_row.claim .invitebox_value {
        flex-direction: row;
        width: 395px;
        height: 136px;
        margin-bottom: 31px;
    }

    .ifrbon_btn {
        height: 45px;
        min-width: 248px;
    }

    .menu-search-input > .search-input-switch::placeholder {
        font-size: 16px;
        font-size: clamp(15px, calc(15px + (4 * (100vw - 500px) / 289)), 19px);
    }
    .btntitle {
        font-size: 10.5px;
    }

    .redeem_bank_text, .redeem_balance_text, .redeem_bottom_text{
        font-size: 12px;
        /*font-size: clamp(14px, calc(14px + (2 * (100vw - 500px) / 289)), 16px);*/
    }

    .redeem_balance_text {
        text-align: left;
        line-height: 1;
    }

    .checkoutinfo-storemethods, 
    .checkoutinfo-order-info {
        box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.6), 0px 8px 25px 10px rgba(0, 0, 0, 0.5);
    }

    #freespinpage .menu-info-step-icon > img {
        width: 235px;
        height: 235px;
    }

    #freespinpage .menu-info-step:nth-child(3) > .menu-info-step-icon > img {
        width: 270px;
        height: 220px;
    }

    .free-spin-label-wrapper {
        width: calc(100% - 191px);
    }

    .free-spin-wrapper { 
        border-radius: 34px;
    }

    .col-md-12.providerscontainer {
        margin: 15px;
    }

    .loboffer_timer {
        font-size: 13px;
        min-height: 22px;
        padding: 10px 8px;
        width: 85%;
    }

    #offersbarscont #offersbars.include-widget .loboffer a .loboffer_timer {
        font-size: 16px;
        border: 1px solid rgba(255, 255, 255, 0.19);
    }

    .menu-main-container {
        position: absolute;
        width: 100%;
        transform: translateX(0%);
        transition: transform 0.6s ease;
        padding: 0px 5px;
    }

    body.openMenu-off-anim .menu-main-container {
        transition: none;
    }

    .menu-main-container.hideit {
        display: block;
        transform: translateX(-110%);
    }

    .menu-main-container.hide_without_anim {
        display: none;
    }

    .search-lobby-main {
        height: auto;
        padding: 0px 5px 10px 5px;
    }

    .verifycode-wrapper > input {
        border-bottom: 1px solid #6eec89;
    }

    #mobile-menu-page-content .pagehead h4 {
        font-size: 24px;
    }

    .current-loyalty {
        background: var(--bg-primary);
    }
    
    .pg_store #my_profile .storebox {
        background: rgb(79 86 81 / 60%);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .store-coins-info {
        height: 48px;
        background-color: transparent;
        padding: 3px 2px;
    }

    .store-limited-purchase-info {
        gap: 14px;
        width: 90%;
    }

    .storeitemslimited  {
        margin-bottom: 20px;
    }

    .storeitemslimited .store-coins-info > span {
        padding-left: 20px;
    }

    .storeitemslimited .storebutton {
         width: 260px;
    }

    .storeitemslimited .store-limited-proposal {
        margin-bottom: 20px;
    }

    .storeitemslimited .store-purchase-exp {
        padding-top: 12px;
    }

    .storeitemslimited .store-purchase-exp > .storevip {
        font-size: 18px;
    }

    .store-limited-proposal {
        margin-bottom: 8px;
    }

    .store-limiter-image {
        padding: 1px 0px 5px 0px;
    }

    .storeitems .storebutton {
        height: 44px;
        font-size: 24px;
    }

    .store-purchase-exp > .storevip {
        font-size: 12px;
    }

    .store-purchase-exp {
        padding-top: 5px;
    }

    .storeitems .store-purchase-exp > .exp-icon {
        width: 20px;
    }

    .storeitems .store-purchase-exp > .exp-icon img {
        width: 28px;
    }

    .storeitems .store-limited-purchase-info {
        width: 100%;
    }

    .storedisc {
        font-size: 12px;
        margin-top: 0px;
        padding-bottom: 80px;
    }

    .ordersum {
        padding: 16px 0px 30px 0px;
    }

    .store-coins-info > span {
        padding-left: 2px;
    }

    #my_profile .modal-body .ordersum > h4 {
        padding-top: 0px;
    }
    .checkoutinfo-order-info .store-limited-proposal{
        width: 90%;
    }

    .shopcheckoutin .selectedstoreitem2 .store-purchase-exp{
        padding-top: 20px;
    }

    .shopcheckoutin .selectedstoreitem2 .store-purchase-exp .storevip {
        font-size: 18px;
    }


   #my_profile.slidemenu.iosZoomed {
    transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform-origin: top left;
	-webkit-transform-origin: top left;
	width: calc(100% / 1.1);
	height: calc(100% / 1.1);
	position: fixed;
	top: 0;
	left: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	will-change: transform;
   }

    .selectedstoreitem2 .store-coins-info {
        background-color: #2c2b29;
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.7) inset;
    }

    .storebox {
        border-radius: 30px;
    }

    #my_profile .checkoutinfo-storemethods > h4 {
        margin-bottom: 5px;
        padding-top: 5px;
    }

    .checkout-contact > a {
        font-size: 1.2rem;
    }

    .storemethods {
        gap: 24px;
        width: 95%;
        margin: 0 auto;
    }

    .storemethod .fas.fa-chevron-right {
        font-size: 2rem;
    }

    .closewdr_btn > img,
    .close > img,
    .fswgclose > img,
    #ifriends_close img {
        width: 16px;
        height: 16px;
    }

    .storeitemslimitedbg { 
        display: flex;
    }

    #myCarouselslick .wp-block-cover .wp-block-cover__image-background {
        /* height: 100%; */
        height: auto;
    }
    
    .storeitems > .storebox {
        padding: 10px 4px;
    }

    #myCarouselslick .wp-block-button.has-custom-width.wp-block-button__width-25.has-custom-font-size.is-style-fill.has-small-font-size {
        top: 0px;
        right: -10px;
    }

    #myCarouselslick {
        overflow: hidden;
    }
    
    body.ingame #my_profile.slidemenu {
        z-index: 299;
    }

    body.ingame #my_profile .myaccountrow.myaccountrowhead > h4 {
        display: none;
    }

    body.ingame #my_profile .modal-header .close {
        top: 35px !important;
        right: 10px !important;
        box-shadow: 0 0 10px rgb(220, 77, 82, 1), 0 0 20px rgba(220, 77, 82, 0.6), 0 0 30px rgba(220, 77, 82, 0.5);
    }

    body.ingame #my_profile .modal-header .close > img {
        width: 21px;
        height: 21px;
    }

    .menu-loyalty-last-level-badge {
        padding: 24px 0px;
    }

    .menu-loyalty-last-level-badge > div {
        zoom: 1.4;
    }
    
    .loyalty-last-level-info > h3 {
        font-size: 18px;
    }

    .loyalty-last-level-info > p {
        font-size: 12px;
    }

    
    #genpopc .genpop[data-link="get_fs"] {
        transform: scale(3.4);
    }

    #challangesbar {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 3840px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(1.5);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(1.5);
    }
}

@media (min-width: 2560px) and (max-width: 3839px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(1.4);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(1.6);
    }
}

@media (min-width: 2440px) and (max-width: 2559px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(1.2);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(1.6);
    }
}

@media (min-width: 1920px) and (max-width: 2439px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(1);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(1.7);
    }
}

@media (min-width: 1640px) and (max-width: 1919px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(0.8);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(2);
    }
}

@media (min-width: 1440px) and (max-width: 1639px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(0.7);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(2);
    }
}

@media (min-width: 1240px) and (max-width: 1439px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(0.6);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(2);
    }
}

@media (min-width: 993px) and (max-width: 1239px) {
    .pg_store #my_profile .modal-lg {
        transform: scale(0.5);
    }

    .pg_store #my_profile .modal-lg .modal-header .close {
        transform: scale(2);
    }
}

@media (min-width: 993px) and (max-width: 1441px) {
    .navbar-loby-list > li,
    .mastermen .navbar-loby-list > li {
        padding-left: clamp(20px, calc(20px + (15 * (100vw - 993px) / 447)), 35px);
        padding-right: clamp(20px, calc(20px + (15 * (100vw - 993px) / 447)), 35px);
    }
    

    .navbar-loby-list span {
        font-size: 17px;
    }

    .navbar-loby-list .navbar-icon {
        margin-right: 12px;
        max-height: 20px;
    }

    .gc .coinsloctop .gccoin, .tc .coinsloctop .tccoin {
        width: 41px;
        height: 41px;
        top: calc(49%);
    }

    .tc .coinsloctop .tccoin {
        left: 55%;
    }

    .navbar-brand > .mainlogo {
        width: 40px;
        height: 48px;
    }
}

@media (min-width: 993px) and (max-width: 1100px) {
    .navbar-loby-list .navbar-icon{
    max-height: 18px;
    }

    #myCarouselslick .wp-block-button.has-custom-width.wp-block-button__width-25.has-custom-font-size.is-style-fill.has-small-font-size {
        top: 0px;
        right: -10px;
    }
}

@media (min-width: 591px) and (max-width: 992px) {
    #reglogin .modal-dialog {
      max-width: 483px;
    }
}

/* this is 340px after applying the 0.6 scale */
@media (max-width: 567px) {
    #myCarouselslick .wp-block-button.has-custom-width.wp-block-button__width-25.has-custom-font-size.is-style-fill.has-small-font-size {
        top: -20px;
        right: -10px;
    }
}


 @-moz-keyframes rotatePhone {
  0%   { -webkit-transform: rotate(0deg); }
   50%  { -webkit-transform: rotate(-90deg); }
  100% { -webkit-transform: rotate(-180deg); }
    

}

@-webkit-keyframes rotatePhone {
   0%   { -webkit-transform: rotate(0deg); }
   50%  { -webkit-transform: rotate(-90deg); }
  100% { -webkit-transform: rotate(-180deg); }

}

@keyframes rotatePhone {
    0%   { -webkit-transform: rotate(0deg); }
   50%  { -webkit-transform: rotate(-90deg); }
  100% { -webkit-transform: rotate(-180deg); }

}


.landscape-warning-container.hideit {
    display: none;
}

.landscape-warning-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background: #000000cc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .landscape-warning {
        min-width: 327px;
        border: 1px solid #2A7FFF;
        background: linear-gradient(180deg, #181423 72.14%, rgba(42, 127, 255, 0) 138.56%);
        padding: 16px;
        text-align: center;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        z-index: 1500;

        .landscape-warning-title{
            font-size: 30px;
            font-weight: 800;
            color: #FFFFFF;
            text-shadow:
                    0px 0px 24.23px  rgba(42, 127, 255, 0.86),
                    0px 0px 3.77px  rgba(42, 184, 255, 0.52),
                    0px 4.57px 4.57px rgba(0, 0, 0, 0.77),
                    0px 0px 4.57px  rgba(42, 127, 255, 1);
            text-align: center;

        }


        .landscape-warning-text{
            font-size: large;
            color: #FFFFFF;
            font-weight: 500;

        }


        .phone-icon {
            display: inline-block;
            animation: rotatePhone 3s linear infinite;
            transform-origin: center;
        }
    }
}

@supports (-webkit-touch-callout: none) {
    .landscape-warning-container {
        height: -webkit-fill-available;
    }
}

body.ios .landscape-warning-container {
    height: 100vh;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

.myaccountinput.error {
    border-color: #cc5155 !important;
    box-shadow: 0 0 0 2px rgba(204, 81, 85, 0.2);
}

.input-error {
    color: #cc5155;
    font-size: 11px;
    display: none;
    margin-top: 5px;
}

.birth_date_error {
    position: absolute;
    display: none;
    color: #cc5155 ;
    font-size: 11px !important;
    left: -16px;
    bottom: -28px;
}

.form-general-error {
    position: absolute;
    display: none;
    color: #cc5155 ;
    font-size: 11px !important;
    top: -15px;
    left: 25px;
}

@media (max-width: 992px) {
    .form-general-error {
    top: -20px;
    left: 60px;
    }
}

@media (min-width: 993px) {
    #my_profile .modal-lg.scale_store {
        transform: scale(0.75);
        transform-origin: top center;
    }
}

@media (max-width: 992px) {
    .pg_store #my_profile .storepay.skrillifr {
        top: 80px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 15px;
        height: 100%;
        width: 100%;
        background: #fff !important;
        align-items: stretch;
        z-index: 2;
    }

    #my_profile .modal-body .storepay.skrillifr h4 {
        display: inline-block;
    }

    .pg_store #my_profile .storepay.skrillifr .backtopayment h4 {
        display: inline-block;
        color: #101c10
    }

    .pg_store #my_profile .storepay.skrillifr .fas.fa-times-circle {
        display: inline-block;
    }

    #my_profile .modal-dialog {
        box-shadow: unset;
    }
}

/* Level Up Popup Styles */
.levelup-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.5s ease-in;
}

.levelup-content {
    display: flex;
    padding: 32px 16px 16px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(27, 22, 88, 0.62);
    color: white;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 0 12.8px 0 #1404F9, 0 1px 1.7px 0 rgba(217, 217, 217, 0.08) inset, 0 0 4px 0 #9096E2 inset;
    backdrop-filter: blur(2.0999999046325684px);
    animation: slideIn 0.6s ease-out;
    border: 1px solid rgb(70, 81, 161);
    position: relative;
    overflow: visible;
}

.levelup-title {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 7.6px rgba(18, 57, 203, 0.92);
    font-family: Heebo;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 146.993%;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    z-index: 1;
}

.levelup-subtitle {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 7.6px rgba(18, 57, 203, 0.92);
    font-family: Heebo;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 146.993%;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    z-index: 1;
}

.levelup-close {
    display: flex;
    padding: 12px 40px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: 100px;
    border: 1px solid rgba(0, 236, 131, 0.78);
    background: linear-gradient(187deg, rgba(0, 236, 131, 0.78) -29.31%, rgba(15, 47, 22, 0.78) 106.34%);
    box-shadow: 0 0 12.6px 0 rgba(0, 236, 131, 0.60);
    color: #FFF;
    text-align: right;
    font-family: Heebo;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    margin-top: 16px;
}

.levelup-close:hover {
    background: linear-gradient(187deg, rgba(15, 47, 22, 0.78) -29.31%, rgba(0, 236, 131, 0.78) 106.34%) !important;
    transform: scale(1.05);
    box-shadow: 0 0 15px 0 rgba(0, 236, 131, 0.8) !important;
}

.levelup-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(74, 144, 226, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.levelup-icon-background {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.levelup-icon-background img {
    width: 120px;
    height: 120px;
    filter: drop-shadow(0 0 20px rgba(70, 81, 161, 0.8));
    object-fit: contain;
    flex-shrink: 0;
}

.levelup-icon {
    position: absolute;
    top: -46px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.levelup-icon img {
    width: 58px;
    height: 68px;
    filter: drop-shadow(0 0 20px rgba(70, 81, 161, 0.8));
    object-fit: contain;
    flex-shrink: 0;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from {
        transform: translateY(-50px) scale(0.8);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes iconGlow {
    0% {
        filter: drop-shadow(0 0 20px rgba(70, 81, 161, 0.8));
        transform: scale(1);
    }
    100% {
        filter: drop-shadow(0 0 30px rgba(70, 81, 161, 1));
        transform: scale(1.05);
    }
}

.wp-block-group__inner-container p a[href*="ssr/"] {
    font-size: 14px !important;
    text-decoration: none;
}

.wp-block-group__inner-container p a[href*="ssr/"]:hover {
    text-decoration: underline;
}

@media (max-width: 781px) {
    .wp-block-group__inner-container p a[href*="ssr/"] {
        font-size: 10px !important;
    }
}

@media (min-width: 782px) {
    div.footcon.container .social-icons {
        display: block;
        margin-bottom: 50px;
    }

    div.footcon.container .social-icons > .wp-block-group__inner-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin: 0;
    }

    div.footcon.container .social-icons .wp-block-group__inner-container .wp-block-group__inner-container {
        display: flex;
        flex-direction: row;
        gap: 4px;
    }

    div.footcon.container .social-icons h2 {
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
        color: var(--white);
        margin: 0;
    }

    div.footcon.container .social-icons img {
        width: 24px;
        height: 24px;
        color: #fff;
    }

    div.footcon.container .social-icons.for-desktops {
        display: none;
    }
}

/* CRITICAL FIX: Force hide mobile elements on desktop - MUST BE LAST RULE */
.mobilesearch.hidden-xl,
.mobilesearch.hidden-lg,
.hidden-xl.mobilesearch,
.hidden-lg.mobilesearch {
    display: none !important;
}

@media (min-width: 993px) {
    /* Hide mobile search */
    .mobilesearch,
    .mobilesearch.active,
    .mobilesearch.forcedis,
    div.mobilesearch {
        display: none !important;
    }
}

#redeempage .wdrcont {
    min-height: auto;
}

#redeempage .wdrcont:has(.prizeoutcontainer iframe) {
    min-height: 500px;
    background: #FFFFFF;
}

#redeempage .wdrcont .prizeoutcontainer iframe {
    position: absolute;
    height: 750px;
    width: 600px;
    border-radius: 44px;
    transform: translate(-50%, -8%);
    z-index: 55;
    padding: 16px;
}

.gift-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
    text-shadow: none !important;
}

.myaccountbtn.savedetails.menu-default-btn:disabled
{
    display: none;
}
#newviplvl {
    width: 220px;
    position: absolute;
    height: 48px;
    border-radius: 100px;
    border: 1px solid rgba(0, 236, 131, 0.78);
    background: linear-gradient(187deg, rgba(0, 236, 131, 0.78) -29.31%, rgba(15, 47, 22, 0.78) 106.34%);
    box-shadow: 0 0 12.6px 0 rgba(0, 236, 131, 0.60);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: filter 0.1s ease;
    font-size: 16px;
    margin-top: 30px;
}
#newviplvl:hover {
    box-shadow: 0 0 15px rgba(110, 236, 137, 0.7);
}

#newviplvl:active {
    box-shadow: 0 0 15px rgba(110, 236, 137, 0.7);
}

.redeem_modal {
    width: 100%;
}

#redeempage .withdrawform.redeem_modal .col-md-12.wdr_available {
    width: 100%;
}

.withdrawform.redeem_modal .redeem_bottom_text {
    width: 100%;
}

@media (max-width: 768px) {
    #continue_btn {
        filter: var(--blue-button-filter);
        color: #FFF;
        text-align: center;
        text-shadow: 0 1.667px 4.167px rgba(0, 0, 0, 0.53);
        font-size: 22px;
        font-weight: 900;
        background: var(--blue-button-bg);
        border: 1px solid #6e7aec;
        padding: 5px 20px;
        width: 260px;
        height: 74px;
        border-radius: 50px;
        margin: 0 auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #continue_btn:active {
        transform: scale(1);
        box-shadow: 0px 3px 8px rgba(0,0,0,0.25);
        background: linear-gradient(187deg, rgba(104, 116, 240, 0.75) -29.31%, rgba(40, 53, 175, 0.75) 106.34%);
      }

  }

  @media (min-width: 768px) {
    #continue_btn {
        display: none !important;
    }
  }