.home_navBox .m-scroll-btn, .daily-checkin-progress-day-coinbg{ display:none!important; } ._noticeContainer_1rhrf_1{ display:block!important; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr{ height:4.5rem; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li{ width:33.3333%; }.masthead-images{ height:295px!important; background-image: url(img1817_uvipkiss/mobile.jpg?v=3)!important; background-size: 100%!important; margin: 32px auto 0px auto!important; background-repeat: no-repeat; } .masthead-images .bg-item1, .masthead-images .bg-item2, .masthead-images .bg-item3, .masthead-images .bg-item4, .masthead-images .bg-item5 { display:none!important; } .games-tab-content .icon_home_logo_slot_PTS { background-image: url(".//img1817_uvipkiss/mg_slot.png?v5?v=5"); } .header, .sidemenu-logo{ background-color:#000; background-image: linear-gradient(to top, #000, #000); } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li{ height: 100%!important; } #pageHome #homePage .home_navBox .home_nav li{ width:25%; }#pageHome #homePage .home_navBox .home_nav { min-height: 1.9rem; height: auto!important; } #promotionsPage .history_content .history_list .history_list_item .promotions_item{ background-image: linear-gradient(to bottom, #fff, #fff)!important; } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .p1, #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .p2{ color:#745522!important; } .btn-blue-promo, .btn-red-promo{ background-color: #000!important; background: linear-gradient(to bottom, #000, #000)!important; border:2px solid #e8db5b!important; color:#c39037!important; } body, .casino-usrpwd-body .btn-common, .play-btn, .download-btn, .kiss918_mainBox .btn-common{ background-image: linear-gradient(to bottom, #fffdf7, #f3ecdd); } #loginPage .login_toreg a{ color:#cfbc82!important; } #progressivejackpot .show-for-small-only img { content: url(./img1817_uvipkiss/jackpot.png?v=1) !important; } section#progressivejackpot.theme1 .home-jackpot-content .home-jackpot-running{ color:#fff!important; font-size: 5vw!important; } .copy-right[style]{ color:#fff; } section#progressivejackpot.theme1 .home-jackpot-content.myr { top: 57% !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; } .home_notice{ background-color:#000!important; color:#cfbc82!important; border:1px solid #b3a479!important; } .home_notice .notice-parent .notice-item{ background-color:rgb(0,0,0,0)!important; color:#cfbc82!important; } #pageHome #homePage .idr_box .idr_content .idr_content_bottom li a, .idr_content_bottom li a, #pageHome #homePage .idr_box .idr_content .idr_content_top, .ui-footer .navbar li a, .sidemenu ul li a, .sidebar-menu-accountinfo .fa-user-alt:before, .sidebar-menu-accountinfo .fa-wallet:before{ color:#cfbc82!important; } .sidemenu{ background: linear-gradient(to bottom, #000 0%, #000 99%)!important; } #pageHome #homePage .idr_box .idr_content, .ui-footer .navbar{ background: linear-gradient(180deg, #ffffff 0%, #fffdf8 58%, #f4ecd9 100%) !important; color:#cfbc82!important; border:2px solid #b3a479!important; } #pageHome #homePage .home_navBox .home_nav li a, .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a{ color:#000; } #pageHome #homePage .home_navBox .home_nav li a.on{ background-image: linear-gradient(to top, #000, #444444); color:#cfbc82; border:1px solid #b3a479!important; } #pageHome #homePage .home_join_login > a.home_to_join{ background-image: linear-gradient(to top, #000, #000); color:#ffd700; border: 1px solid #b3a479 !important; font-weight: bolder; font-size: 0.52rem; } #pageHome #homePage .home_navBox .home_nav, .reg-progress-bar-section .step-wrapper.on{ background-image: linear-gradient(to bottom, #d7bf79, #7f5d2d); } #pageHome #homePage .home_join_login > a.home_to_login{ background-image: linear-gradient(to bottom, #d7bf79, #7f5d2d); color:#1d2704; font-weight: bolder; font-size: 0.52rem; } .icon-menu{ filter: brightness(0) invert(1) ; } .icon_home_menu_cockfight{ background: url("img1817_uvipkiss/cf_icon.png") ; background-size: 100%; } .icon_home_menu_lc{ background: url("img1817_uvipkiss/casino_menu.png") ; background-size: 100%; } .icon_home_menu_slot{ background: url("img1817_uvipkiss/slot_menu.png") ; background-size: 100%; } .icon_home_menu_sport{ background: url("img1817_uvipkiss/soccer_menu.png") ; background-size: 100%; } .icon_home_menu_711{ background: url("img1817_uvipkiss/711_menu.png") ; background-size: 100%; } .icon_home_menu_keno{ background: url("img1817_uvipkiss/keno_menu.png") ; background-size: 100%; } .icon_home_menu_fishing{ background: url("img1817_uvipkiss/fishing_menu.png") ; background-size: 100%; } .icon_home_menu_esport{ background: url("img1817_uvipkiss/esport_menu.png") ; background-size: 100%; } .icon_home_menu_lottery{ background: url("img1817_uvipkiss/4d_menu.png") ; background-size: 100%; } .on .icon_home_menu_lottery{ background: url("img1817_uvipkiss/4d_menu.png") ; background-size: 100%; } .fa-dharmachakra:before{ content:none!important; } .fa-qrcode:before{ content:none!important; } .btn-nativeappdownload .icon-download{ background-image:url('./img1817_uvipkiss/download_icon.png')!important ; } .fa-stack[data-count]:after{ background: rgb(240 170 6); color:#000!important; } .fa-qrcode{ background-image:url('./img1817_uvipkiss/qr.png?v=5')!important ; width: 1rem!important; height: 1rem!important; background-size: 100%!important; background-repeat: no-repeat!important; } .payment-menu .icon-funds, .payment-scroll-menu .icon-funds{ background-image:url('./img1817_uvipkiss/deposit_icon.png?v=5') ; } .payment-menu .icon-withdrawal, .payment-scroll-menu .icon-withdrawal{ background-image:url('./img1817_uvipkiss/withdraw_menu.png?v=5') ; } .payment-menu .icon-wallettransfer, .payment-scroll-menu .icon-wallettransfer{ background-image:url('./img1817_uvipkiss/transfer_icon.png?v=5') ; } .payment-menu .icon-wallets, .payment-scroll-menu .icon-wallets{ background-image:url('./img1817_uvipkiss/wallet_menu.png?v=5') ; } .payment-menu .icon-history, .payment-scroll-menu .icon-history{ background-image:url('./img1817_uvipkiss/history_icon.png?v=5') ; } .payment-menu .icon-statement, .payment-scroll-menu .icon-statement{ background-image:url('./img1817_uvipkiss/statement_icon.png?v=5') ; } .icons{ background-repeat:none!important; } .account-menu-section .icon-referral-program{ background-image:url('./img1817_uvipkiss/refer_icon.png?v=5') ; } .idr_box .menu-item-myvoucher span{ line-height: 30px !important; } .icon_home_header_restore{ width: 1rem!important; height: 1rem!important; background-image:url('./img1817_uvipkiss/retreive_icon.png') ; } .ui-footer .navbar .icon-home-big{ background-image:url('./img1817_uvipkiss/home_icon.png?v=5') ; } .ui-footer .navbar .icon-funds{ background-image:url('./img1817_uvipkiss/deposit_icon.png') ; } .ui-footer .navbar .icon-account, .icon-myprofile{ background-image:url('./img1817_uvipkiss/acc_icon.png?v=5') ; width: 1rem; height: 1rem; } .ui-footer .navbar .icon-promotion-big{ background-image:url('./img1817_uvipkiss/promo_icon.png?v=5') ; } .ui-footer .navbar .icon-contact{ background-image:url('./img1817_uvipkiss/cs_icon.png?v=5') ; } .ui-footer .navbar .icon-livechat, #contactusPage .icon-livechat{ background-image:url('./img1817_uvipkiss/cs_icon.png?v=5') ; } .ui-footer .navbar li a.on .icon-funds{ ackground-image:url('./img1817_uvipkiss/deposit_icon.png') ; } #leftmenu .icon-home-big{ content: url(img1817_uvipkiss/home_icon.png) ; background: none; } #leftmenu .icon-vip{ content: url(img1817_uvipkiss/vip_icon.png) ; background: none; } #leftmenu .icon-promotion-big{ content: url(img1817_uvipkiss/promo_icon.png) ; background: none; } #leftmenu .icon-referral-program{ content: url(img1817_uvipkiss/ref_icon.png) ; background: none; } #leftmenu .icon-about-us{ content: url(img1817_uvipkiss/aboutus_icon.png) ; background: none; } #leftmenu .icon-tnc{ content: url(img1817_uvipkiss/info_icon.png) ; background: none; } #leftmenu .icon-download{ content: url(img1817_uvipkiss/download_icon.png) ; background: none; } #leftmenu .icon-contact{ content: url("img1817_uvipkiss/cs_icon.png") ; background: none; } #leftmenu .icon-language{ content: url("img1817_uvipkiss/language_icon.png") ; background: none; } #leftmenu .icon-logout{ content: url(img1817_uvipkiss/logout_icon.png?v=2) ; background: none; } .account-menu-section .icon-myprofile{ background: url("./img1817_uvipkiss/acc_user.png?=v5")!important; background-size: 100%!important; background-repeat: no-repeat!important; } .account-menu-section .icon-referral-program{ background: url("./img1817_uvipkiss/acc_referral.png?=v5")!important; background-size: 100%!important; background-repeat: no-repeat!important; } .account-menu-section .icon-changepassword{ background: url("./img1817_uvipkiss/acc_changepassword.png?=v5")!important; background-size: 100%!important; background-repeat: no-repeat!important; } .account-menu-section .icon-logout{ background: url("./img1817_uvipkiss/acc_logout.png?=v5")!important; background-size: 100%!important; width: 1.2rem!important; height: 1.2rem!important; background-repeat: no-repeat!important; } [data-page="myaccount"] .icon-language{ background-image: url(./img1817_uvipkiss/acc_language.png?=v5?v=1) !important; background-size: 100%!important; width: 1.2rem !important; height: 1.2rem !important; } .icon-livechat{ background-image: url(./img1817_uvipkiss/chat_icon.png?=v5?v=1) !important; background-size: 100%!important; } [data-page="myaccount"] .icon-voucher{ background-image: url(./img1817_uvipkiss/voucher_user.png?=v5?=v5) !important; background-size: 100%!important; width: 1.2rem !important; height: 1.2rem !important; } .gamelobby-tab-content .tabs .tab.selected{ background: linear-gradient(180deg, #000, #000) ; } .gamelobby-tab-content .tabs .tab{ background: linear-gradient(180deg, #e5ad00, #FFD700) ; } #slot_firmcontent .icon_home_logo_bg, #mobile_firmcontent .icon_home_logo_bg, #casino_firmcontent .icon_home_logo_bg, #sport_firmcontent .icon_home_logo_bg, #lottery4d_firmcontent .icon_home_logo_bg, #fishing_firmcontent .icon_home_logo_bg, #keno_firmcontent .icon_home_logo_bg{ animation: float 3s infinite; } #pageHome #homePage .home_firmcontent_box, #pageHome #homePage .home_firmcontent_box .home_firmcontent{ background: none; } .most-play-container .most-play-title, .m-referral-container .referral-title, .app-download .app-download-title{ color:#ebcc50; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a{ font-size: 0.3rem; color:#ebcc50; font-weight: bolder; } #casino_firmcontent .icon_home_logo_casino_PT{ background-image:url('./img1817_uvipkiss/pt_casino.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_kingmaker{ background-image:url('./img1817_uvipkiss/km_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_jili{ background-image:url('./img1817_uvipkiss/jili_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_jdb{ background-image:url('./img1817_uvipkiss/jdb_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_SG{ background-image:url('./img1817_uvipkiss/sg_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_JOKER{ background-image:url('./img1817_uvipkiss/joker_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_PTS{ background-image:url('./img1817_uvipkiss/pt_slot.png?v5') ; border-radius: 15px; }#slot_firmcontent .icon_home_logo_slot_ludobet{ background-image:url('./img1817_uvipkiss/ludo_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_habanero{ background-image:url('./img1817_uvipkiss/haba_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_dctrelax{ background-image:url('./img1817_uvipkiss/relax_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_naga{ background-image:url('./img1817_uvipkiss/naga_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_rich88{ background-image:url('./img1817_uvipkiss/rich88_slot.png?v5') ; border-radius: 15px; } #crash_firmcontent .icon_home_logo_slot_spribe{ background-image:url('./img1817_uvipkiss/spribe_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_spribe{ background-image:url('./img1817_uvipkiss/spribe_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_PRA{ background-image:url('./img1817_uvipkiss/pra_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_MG{ background-image:url('./img1817_uvipkiss/mg_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_GPS{ background-image:url('./img1817_uvipkiss/gp_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_pocketgame{ background-image:url('./img1817_uvipkiss/pg_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_rpsoft{ background-image:url('./img1817_uvipkiss/rpsoft_slot.png?v6') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_CQ9{ background-image:url('./img1817_uvipkiss/cq9_slot.png?v5') ; border-radius: 15px; }#slot_firmcontent .icon_home_logo_scr_LIVE{ background-image:url('./img1817_uvipkiss/live22_711.png?v5') ; border-radius: 15px; }#slot_firmcontent .icon_home_logo_scr_PUSSY{ background-image:url('./img1817_uvipkiss/pussy_711.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_scr_MEGA{ background-image:url('./img1817_uvipkiss/mega_711.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_advantplay{ background-image:url('./img1817_uvipkiss/ap_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_NETENT{ background-image:url('./img1817_uvipkiss/netent_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_gamerbuild{ background-image:url('./img1817_uvipkiss/gamerbuild_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_BBINS{ background-image:url('./img1817_uvipkiss/bbin_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_SBOS{ background-image:url('./img1817_uvipkiss/sbo_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_inout{ background-image:url('./img1817_uvipkiss/inout_slot.png?v5') ; border-radius: 15px; } #slot_firmcontent .icon_home_logo_slot_fachai{ background-image:url('./img1817_uvipkiss/fachai_slot.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_BBINC{ background-image:url('./img1817_uvipkiss/bbin_casino.png?v6') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_SBOC{ background-image:url('./img1817_uvipkiss/sbo_casino.png?v6') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_YEEBET{ background-image:url('./img1817_uvipkiss/yeebet_casino.png?v7') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_DG{ background-image:url('./img1817_uvipkiss/dg_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_SEXYB{ background-image:url('./img1817_uvipkiss/sexyb_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_AB{ background-image:url('./img1817_uvipkiss/allbet_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_SA{ background-image:url('./img1817_uvipkiss/sa_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_WM{ background-image:url('./img1817_uvipkiss/wm_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_GP{ background-image:url('./img1817_uvipkiss/gp_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_pragmatic{ background-image:url('./img1817_uvipkiss/pp_casino.png?v5') ; border-radius: 15px; }#casino_firmcontent .icon_home_logo_casino_PT{ background-image:url('./img1817_uvipkiss/pt_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_marbula2{ background-image:url('./img1817_uvipkiss/mabu2_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_BG{ background-image:url('./img1817_uvipkiss/bg_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_EG{ background-image:url('./img1817_uvipkiss/eg_casino.png?v5') ; border-radius: 15px; } #casino_firmcontent .icon_home_logo_casino_EZUGI{ background-image:url('./img1817_uvipkiss/ezugi_casino.png?v5') ; border-radius: 15px; } #fishing_firmcontent .icon_home_logo_fishing_GG{ background-image:url('./img1817_uvipkiss/gg_fishing.png?v5') ; border-radius: 15px; } #fishing_firmcontent .icon_home_logo_fishing_BBIN{ background-image:url('./img1817_uvipkiss/bbin_fishing.png?v5') ; border-radius: 15px; } #fishing_firmcontent .icon_home_logo_fish_jdb{ background-image:url('./img1817_uvipkiss/jdb_fishing.png?v5') ; border-radius: 15px; } #fishing_firmcontent .icon_home_logo_fish_jili{ background-image:url('./img1817_uvipkiss/jili_fishing.png?v5') ; border-radius: 15px; } #fishing_firmcontent .icon_home_logo_fishing_JOKER{ background-image:url('./img1817_uvipkiss/joker_fishing.png?v5') ; border-radius: 15px; } #fishing_firmcontent .icon_home_logo_fishing_SG{ background-image:url('./img1817_uvipkiss/sg_fishing.png?v5') ; border-radius: 15px; } #fishing_firmcontent .icon_home_logo_fish_cq9{ background-image:url('./img1817_uvipkiss/cq9_fishing.png?v5') ; border-radius: 15px; } #cockfight_firmcontent .icon_home_logo_cockfight_sv388{ background-image:url('./img1817_uvipkiss/sv388_fishing.png?v=5') ; border-radius: 15px; } #sport_firmcontent .icon_home_logo_sport_sbo{ background-image:url('./img1817_uvipkiss/sbo_sport.png?v5') ; border-radius: 15px; } #sport_firmcontent .icon_home_logo_sport_ibc{ background-image:url('./img1817_uvipkiss/ibc_sport.png?v5') ; border-radius: 15px; } #sport_firmcontent .icon_home_logo_sport_cmd{ background-image:url('./img1817_uvipkiss/cmd_sport.png?v5') ; border-radius: 15px; } #sport_firmcontent .icon_home_logo_sport_msport{ background-image:url('./img1817_uvipkiss/m_sport.png?v5') ; border-radius: 15px; } #esport_firmcontent .icon_home_logo_sport_tfgaming{ background-image:url('./img1817_uvipkiss/tf_esport.png?v5') ; border-radius: 15px; } #mobile_firmcontent .icon_home_logo_slot_JOKER{ background: url("img1817_uvipkiss/joker_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_lionking{ background: url("img1817_uvipkiss/lk_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_scr_S918{ background: url("img1817_uvipkiss/918_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_scr_MEGA{ background: url("img1817_uvipkiss/mega_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_scr_PUSSY{ background: url("img1817_uvipkiss/pussy_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_scr_LIVE{ background: url("img1817_uvipkiss/live22_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_scr_GW{ background: url("img1817_uvipkiss/gw_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_scr_PB{ background: url("img1817_uvipkiss/pb_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_slot_XE{ background: url("img1817_uvipkiss/xe_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_slot_VP{ background: url("img1817_uvipkiss/vp_711.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_slot_XE{ background: url("img1817_uvipkiss/xe_7112.png") ; background-size: 100%; } #mobile_firmcontent .icon_home_logo_evo888{ background: url("img1817_uvipkiss/evo_711.png") ; background-size: 100%; } #keno_firmcontent .icon_home_logo_VR{ background: url("img1817_uvipkiss/vr_keno.png") ; background-size: 100%; } #keno_firmcontent .icon_home_logo_BBINF{ background: url("img1817_uvipkiss/bbin_keno.png") ; background-size: 100%; } #keno_firmcontent .icon_home_logo_KY{ background: url("img1817_uvipkiss/ky_keno.png") ; background-size: 100%; } #keno_firmcontent .icon_home_logo_keno_jili{ background: url("img1817_uvipkiss/jili_slot.png") ; background-size: 100%; } .daily-checkin-home { background-image: url(./img1817_uvipkiss/checkin.png?=v6) !important; height: 100% !important; } .sports-container-background{ background-image: url(".//img1817_uvipkiss/soccer_bg.png?v=5"); } .most-play-button{ color:#000; } .most-play-container .header-section img { filter: hue-rotate(172deg) ; } .swiper{ width:74%; } .search-filter .button-style-1{ background: linear-gradient(to bottom, #e5ad00 0%, #FFD700 100%) ; color: #000 ; box-shadow: inset -1px 0px 8px #e5ad00 ; } .btn-primary, .transfer-type-section .btn-default, .btn-blue, .standard-button-container .standard-submit-form-button, .casino-usrpwd-body .play-btn, .btn-red-play, .m-transfer-container .m-transfer-form .standard-button-container .standard-submit-form-button, .btn.btn-form.confirm-tran-btn, .swiper-slide .button-style-1, .product-filter .button-style-2.is-active, .product-filter .button-style-2, .button-filter, .button-style-1, .m-deposit-landing-container .deposit-tab-container .deposit-tab .active .img-container { background: linear-gradient(180deg, #e5ad00, #FFD700) ; border-color: #282828 ; } #depositForm .quick_pay_input_item > label, #depositForm .quick_pay_select_item>label, #depositForm .quick_pay_input_item>div>label, .page-title, .primary-style .quick_pay_input_item > label, #walletWithdrawalContainer h1[style], #walletTransferContainer h1[style], #historyContainer h1[style], #regPage .regformBox .login_centent .steptitle, #regPage .regformBox .login_centent .input_item .label-aff span, .section-desc[style], .standard-label, .m-transfer-container .m-transfer-form .standard-form-field .standard-label, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .st-title { color: #282828; font-weight: bold; text-transform: uppercase; } .btn-primary, .transfer-type-section .btn-default, .btn-blue, .standard-button-container .standard-submit-form-button, .casino-usrpwd-body .play-btn, .btn-red-play, .m-transfer-container .m-transfer-form .standard-button-container .standard-submit-form-button, .btn.btn-form.confirm-tran-btn, .swiper-slide .button-style-1, .product-filter .button-style-2.is-active, .product-filter .button-style-2, .button-filter, .button-style-1 , .m-deposit-landing-container .deposit-tab-container .deposit-tab .active .img-container, section.lotto-place-bet span.lotto-rules a, span.lotto-payout a{ background: linear-gradient(180deg, #e5ad00, #FFD700) ; border-color: #282828; color:#000; } .account-menu-section .icon-myprofile{ background: url("./img1817_uvipkiss/acc_user.png?=v4"); background-size: 100%; background-repeat: no-repeat; } .account-menu-section .icon-referral-program{ background: url("./img1817_uvipkiss/acc_referral.png?=v4"); background-size: 100%; background-repeat: no-repeat; } .account-menu-section .icon-changepassword{ background: url("./img1817_uvipkiss/acc_changepassword.png?=v4"); background-size: 100%; background-repeat: no-repeat; } .account-menu-section .icon-logout{ background: url("./img1817_uvipkiss/acc_logout.png?=v4"); background-size: 100%; width: 1.2rem; height: 1.2rem; background-repeat: no-repeat; } .mobile-wallet-section .collapse, .m-deposit-landing-container .collapse{ background-image: linear-gradient(#e5ad00, #FFD700) ; } #promotionsPage .history_nav{ background-image: linear-gradient(#e5ad00, #FFD700) ; } .mobile-wallet-section .collapse p, .m-deposit-landing-container .collapse p, #promotionsPage .history_nav li a{ color:#fff; } #promotionsPage .history_nav li a.on{ color:#000; } .mobile-wallet-section .collapse svg, .m-deposit-landing-container .collapse svg{ fill:#fff; } .mycredit-menu .icon-withdrawal, .mycredit-menu .icon-statement, .mycredit-menu .icon-history, .mycredit-menu .icon-wallets{ filter: brightness(0) invert(0) ; } #aboutUsPage .history_nav li a.on, #historyPage .history_nav li a.on, #slotPage .history_nav li a.on, #downloadPage .history_nav li a.on{ color:#000; } .entertain .content, .mission .content, .story .font, .entertain .subheader{ color:#fff!important; } #aboutUsPage .history_nav, .mobile-tnc .info-centre-header, .filtering-container{ background-image: linear-gradient(#e5ad00, #FFD700) ; } .aboutus-tab-content .header{ background-color:#000; background-image: linear-gradient(to top, #000, #000) ;color:#e5ad00!important; } .aboutus-tab-content h1, .aboutus-tab-content h2, .aboutus-tab-content h3, .aboutus-tab-content h4, .aboutus-tab-content h5, .aboutus-tab-content h6, .aboutus-tab-content .h1, .aboutus-tab-content .h2, .aboutus-tab-content .h3, .aboutus-tab-content .h4, .aboutus-tab-content .h5, .aboutus-tab-content .h6, .aboutus-tab-content p{ color:#e5ad00!important; } .swiper-slide{ max-width: 16vw!important; } i.provider.logo-dctrelax, i.provider.logo-habanero, i.provider.logo-pragmatic, i.provider.logo-pocketgame, i.provider.logo-spribe, i.provider.logo-playtech{ filter: brightness(0) invert(1)!important; } .swiper{ width:74%!important; } .search-filter .button-style-1{ background: linear-gradient(to bottom, #d7bf79 10%, #d7bf79 50%, #7f5d2d 100%) !important; color: #000 !important; box-shadow: inset -1px 0px 8px #d7bf79 !important; } .btn-primary, .transfer-type-section .btn-default, .btn-blue, .standard-button-container .standard-submit-form-button, .casino-usrpwd-body .play-btn, .btn-red-play, .m-transfer-container .m-transfer-form .standard-button-container .standard-submit-form-button, .btn.btn-form.confirm-tran-btn, .swiper-slide .button-style-1, .product-filter .button-style-2.is-active, .product-filter .button-style-2, .button-filter, .button-style-1, .m-deposit-landing-container .deposit-tab-container .deposit-tab .active .img-container { background: linear-gradient(180deg, #d7bf79, #7f5d2d) !important; border-color: #282828 !important; } .gamelobby-tab-content .tabs .tab{ background: linear-gradient(180deg, #d7bf79, #7f5d2d) !important; } .gamelobby-tab-content .tabs .tab.selected{ background: linear-gradient(180deg, #000, #000) !important; } .daily-checkin-content-title, .daily-checkin-rewardexplain, .daily-checkin-progress-day-text{ color:#e3c28f!important; } .daily-checkin-content-button-activeRed{ background-image: linear-gradient(90deg, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.8) 100%); border:2px solid #92704d!important; color:#e3c28f!important; box-shadow: inset 0 -0.8vw 0.8vw #e3c28f, inset 0 0.8vw 0.8vw #e3c28f; } .float-menu.dailyloginreward-floating-icon .floating-icon-image { content:url('./img1817_uvipkiss/checkin2.png?v=3') !important; } .float-menu.luckyspin-floating-icon .floating-icon-image{ content:url('./img1817_uvipkiss/spin.png?v=3') !important; } .float-menu.luckybox-floating-icon .floating-icon-image{ content:url('./img1817_uvipkiss/luckybox.png?v=3') !important; } .icon-voucher{ background-image: url(./img1817_uvipkiss/voucher.png?v=2) !important; width: 1rem!important; height: 1rem!important; } .daily-checkin-content{ background-color: rgba(0,0,0,0.4)!important; border:2px solid #92704d!important; } .fas.fa-luckybox{ content: url("./img1817_uvipkiss/luckybox_icon.png") !important; } .fas.fa-dharmachakra{ content: url("./img1817_uvipkiss/luckyspin_icon.png") !important; } .daily-checkin-progress-day img[alt~="gift"]{ content: url("./img1817_uvipkiss/checkbox.png?=v4"); } .daily-checkin-progress-day img[alt~="checkin"]{ content: url("./img1817_uvipkiss/check.png?=v4"); } .home_join_login{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: calc(100% - 20px); margin: 10px auto; padding: 0; box-sizing: border-box; } .home_join_login a{ position: relative; display: flex; align-items: center; justify-content: center; height: 56px; border-radius: 14px; font-size: 21px; font-weight: 800; text-transform: uppercase; text-decoration: none !important; overflow: hidden; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; } /* ========================= JOIN NOW ========================= */ .home_join_login .home_to_join{ color: #3a2900 !important; background: linear-gradient( 180deg, #fff77d 0%, #ffe329 35%, #ffc800 70%, #eba900 100% ) !important; border: 1px solid #d8a72a; box-shadow: inset 0 2px 0 rgba(255,255,255,.9), inset 0 -2px 4px rgba(174,116,0,.25), 0 4px 10px rgba(198,145,0,.25); } /* ========================= LOGIN ========================= */ .home_join_login .home_to_login{ color: #3d2d12 !important; background: linear-gradient( 180deg, #fffdf7 0%, #f6ebcf 42%, #e5c987 72%, #c99b47 100% ) !important; border: 1px solid #c6a05c; box-shadow: inset 0 2px 0 rgba(255,255,255,.95), inset 0 -2px 4px rgba(120,82,24,.15), 0 4px 10px rgba(129,94,37,.18); } /* ========================= RIGHT ARROW ========================= */ .home_join_login a::after{ content: "›"; position: absolute; right: 18px; top: 50%; transform: translateY(-52%); font-size: 34px; font-weight: 500; opacity: .8; } /* ========================= SHINE EFFECT ========================= */ .home_join_login a::before{ content: ""; position: absolute; top: -40%; left: -80%; width: 45%; height: 180%; background: linear-gradient( 110deg, transparent 0%, rgba(255,255,255,.15) 30%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.15) 70%, transparent 100% ); transform: rotate(12deg); animation: homeBtnShine 3s linear infinite; } @keyframes homeBtnShine{ 0%{ left: -80%; } 45%{ left: 130%; } 100%{ left: 130%; } } /* ========================= PRESS / HOVER ========================= */ .home_join_login a:hover{ filter: brightness(1.05); } .home_join_login a:active{ transform: scale(.97); } /* ========================================================= GOLDSTAR HOME GAME CATEGORY NAV Diamond White + Champagne Gold + Luxury Yellow ========================================================= */ .home_nav.tabs{ width:100% !important; display:flex !important; align-items:stretch; gap:0; overflow-x:auto !important; overflow-y:hidden !important; padding:0 !important; margin:0 !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfaf5 45%, #f1ece0 100% ) !important; border-top:1px solid #d7b467; border-bottom:1px solid #d7b467; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 10px rgba(127,91,20,.10); scrollbar-width:none; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity; } .home_nav.tabs::-webkit-scrollbar{ display:none; } /* ========================================================= EACH CATEGORY ========================================================= */ .home_nav.tabs > li{ flex:0 0 33.333333% !important; width:33.333333% !important; min-width:33.333333% !important; list-style:none !important; border-right:1px solid rgba(190,153,77,.28); box-sizing:border-box; scroll-snap-align:start; } .home_nav.tabs > li:last-child{ border-right:0; } /* ========================================================= CATEGORY BUTTON ========================================================= */ .home_nav.tabs .firmCategory{ position:relative; display:flex !important; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:84px; padding:8px 4px 7px; box-sizing:border-box; background: linear-gradient( 180deg, #ffffff 0%, #fffefa 55%, #f4efe4 100% ) !important; color:#4b3517 !important; text-decoration:none !important; overflow:hidden; transition: background .25s ease, box-shadow .25s ease, transform .18s ease, filter .18s ease; } /* soft white crystal shine */ .home_nav.tabs .firmCategory::before{ content:""; position:absolute; top:-80%; left:-80%; width:45%; height:260%; transform:rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.75), transparent ); opacity:.45; pointer-events:none; } /* ========================================================= ICON AREA ========================================================= */ .home_nav.tabs .firmCategory .i{ position:relative; display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin:0 auto 3px; flex:none; } .home_nav.tabs .firmCategory .i > i{ display:block !important; width:44px !important; height:44px !important; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; filter: drop-shadow(0 2px 2px rgba(127,85,10,.15)) drop-shadow(0 0 4px rgba(255,211,66,.12)); transition: transform .25s ease, filter .25s ease; } /* FontAwesome fallback */ .home_nav.tabs .firmCategory .i > i.fas{ display:flex !important; align-items:center; justify-content:center; font-size:30px !important; color:#c59634 !important; background:none !important; width:44px !important; height:44px !important; text-shadow: 0 1px 0 #fff, 0 2px 3px rgba(112,72,8,.20); } /* ========================================================= TEXT ========================================================= */ .home_nav.tabs .firmCategory span{ position:relative; z-index:2; display:block; width:100%; font-size:13px !important; line-height:16px !important; font-weight:700 !important; color:#382712 !important; text-align:center; white-space:nowrap; text-transform:uppercase; text-shadow: 0 1px 0 rgba(255,255,255,.95); } /* ========================================================= ACTIVE / ON ========================================================= */ .home_nav.tabs .firmCategory.on{ background: linear-gradient( 180deg, #fff98a 0%, #ffe645 34%, #ffd31a 70%, #f3b800 100% ) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.9), inset 0 -3px 0 rgba(185,129,0,.25), 0 0 14px rgba(255,210,25,.20); } .home_nav.tabs .firmCategory.on::after{ content:""; position:absolute; left:12%; right:12%; bottom:0; height:3px; border-radius:10px 10px 0 0; background: linear-gradient( 90deg, transparent, #fff8bf, #c58d17, #fff8bf, transparent ); box-shadow: 0 0 6px rgba(255,213,35,.8); } .home_nav.tabs .firmCategory.on span{ color:#342600 !important; font-weight:800 !important; } /* active icon brighter */ .home_nav.tabs .firmCategory.on .i > i{ transform:scale(1.08); filter: drop-shadow(0 2px 2px rgba(119,73,0,.18)) drop-shadow(0 0 6px rgba(255,255,255,.8)); } /* FontAwesome active */ .home_nav.tabs .firmCategory.on .i > i.fas{ color:#9d6d0a !important; text-shadow: 0 1px 0 #fff, 0 0 5px rgba(255,255,255,.9); } /* ========================================================= ACTIVE SHINE SWEEP ========================================================= */ .home_nav.tabs .firmCategory.on::before{ animation:goldstarNavShine 3s ease-in-out infinite; } @keyframes goldstarNavShine{ 0%{ left:-80%; } 42%{ left:135%; } 100%{ left:135%; } } /* ========================================================= PRESS EFFECT ========================================================= */ .home_nav.tabs .firmCategory:active{ transform:scale(.97); } /* ========================================================== GOLDSTAR PROVIDER GRID Diamond White + Champagne Gold + Luxury Yellow ========================================================== */ .home_firmcontent_box{ width:100% !important; padding:12px 10px 115px !important; box-sizing:border-box; background: radial-gradient( circle at 50% 0%, rgba(255,230,140,.18), transparent 35% ), linear-gradient( 180deg, #fffefa 0%, #f9f7f0 48%, #f0ece2 100% ) !important; } /* remove old dark background */ .home_firmcontent, .home_firms{ background:transparent !important; } /* ========================================================== 3 PROVIDERS PER ROW ========================================================== */ .home_firms_tr{ display:grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap:14px 9px !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; } /* ========================================================== PROVIDER ITEM ========================================================== */ .home_firms_tr > li{ position:relative; width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; list-style:none !important; box-sizing:border-box; } /* ========================================================== PROVIDER CARD ========================================================== */ .home_firms_tr > li > a{ position:relative; display:flex !important; flex-direction:column; align-items:center; justify-content:flex-start; width:100% !important; padding:6px 5px 8px !important; box-sizing:border-box; text-decoration:none !important; border-radius:12px; background: linear-gradient( 145deg, #ffffff 0%, #fffdf7 40%, #f4efe2 100% ) !important; border:1px solid rgba(203,163,73,.72); box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 10px rgba(255,225,147,.12), 0 3px 8px rgba(139,102,28,.10); overflow:hidden; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } /* subtle gold top shine */ .home_firms_tr > li > a::before{ content:""; position:absolute; top:0; left:12%; right:12%; height:2px; background: linear-gradient( 90deg, transparent, #fff7c6, #d7a63f, #fff7c6, transparent ); box-shadow: 0 0 5px rgba(255,210,87,.5); z-index:3; } /* ========================================================== PROVIDER IMAGE HOLDER ========================================================== */ .home_firms_tr .icon_home_logo_bg{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:auto !important; aspect-ratio:0.82 / 1 !important; margin:0 auto !important; padding:0 !important; background:none !important; overflow:visible !important; } /* actual provider artwork */ .home_firms_tr .icon_home_logo_bg > i:first-child{ display:block !important; position:relative !important; width:100% !important; height:100% !important; margin:auto !important; background-position:center !important; background-repeat:no-repeat !important; background-size:contain !important; transform:none !important; filter: drop-shadow(0 3px 3px rgba(111,75,8,.16)) drop-shadow(0 0 5px rgba(255,211,84,.12)); z-index:2; } /* ========================================================== PROVIDER TITLE ========================================================== */ .home_firms_tr .game-title{ position:relative; display:flex !important; align-items:center; justify-content:center; width:100%; min-height:23px; margin:3px 0 0 !important; padding:0 2px !important; box-sizing:border-box; color:#3c2a0f !important; font-size:12px !important; line-height:15px !important; font-weight:700 !important; text-align:center !important; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow: 0 1px 0 #fff, 0 0 2px rgba(184,133,32,.18); z-index:3; } /* small champagne line above title */ .home_firms_tr .game-title::before{ content:""; position:absolute; top:-4px; left:22%; right:22%; height:1px; background: linear-gradient( 90deg, transparent, rgba(184,137,47,.65), transparent ); } /* ========================================================== HIDE OLD BADGES IF YOU DON'T NEED HOT / NEW / VPN ========================================================== */ .home_firms_tr .icon_home_logo_bg > i.hot, .home_firms_tr .icon_home_logo_bg > i.new, .home_firms_tr .icon_home_logo_bg > i.vpn{ display:none !important; } /* empty extra i */ .home_firms_tr .icon_home_logo_bg > i:empty:not(:first-child){ display:none !important; } /* ========================================================== TAP / HOVER ========================================================== */ .home_firms_tr > li > a:hover{ transform:translateY(-2px); box-shadow: inset 0 1px 0 #fff, 0 5px 12px rgba(138,95,19,.16), 0 0 8px rgba(255,211,73,.12); } .home_firms_tr > li > a:active{ transform:scale(.97); } /* ========================================================= GOLDSTAR NOTICE BAR Diamond White + Champagne Gold + Luxury Yellow ========================================================= */ .home_notice{ position:relative; display:flex !important; align-items:center; width:calc(100% - 16px) !important; height:42px; margin:8px auto !important; padding:0 12px 0 46px !important; box-sizing:border-box; overflow:hidden; border-radius:12px; background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 48%, #f2ecde 100% ) !important; border:1px solid #d4ad58 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 10px rgba(255,222,122,.10), 0 3px 10px rgba(138,96,20,.12) !important; } /* ========================================================= LEFT NOTICE ICON ========================================================= */ .home_notice > .icon_home_notice{ position:absolute !important; left:10px !important; top:50% !important; transform:translateY(-50%); width:29px !important; height:29px !important; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; filter: drop-shadow(0 1px 1px rgba(121,80,5,.18)) drop-shadow(0 0 4px rgba(255,207,45,.35)); } /* gold separator after icon */ .home_notice::before{ content:""; position:absolute; left:40px; top:8px; bottom:8px; width:1px; background: linear-gradient( 180deg, transparent, #d3ad59, #f8dc92, #d3ad59, transparent ); } /* ========================================================= NOTICE TEXT CONTAINER ========================================================= */ .home_notice .notice-parent{ position:relative; width:100% !important; height:100% !important; display:flex; align-items:center; overflow:hidden !important; background:transparent !important; } .home_notice .annoucement-infinite-container{ width:100% !important; height:100% !important; display:flex; align-items:center; overflow:hidden !important; background:transparent !important; } /* ========================================================= MOVING TEXT ========================================================= */ .home_notice .notice-item{ display:flex !important; align-items:center; height:100%; color:#775619 !important; font-size:12px !important; line-height:42px !important; font-weight:700 !important; white-space:nowrap !important; text-shadow: 0 1px 0 #ffffff, 0 0 2px rgba(195,145,34,.15); } .home_notice .notice-item span{ color:#775619 !important; font-weight:700 !important; letter-spacing:.2px; } /* ========================================================= SOFT GOLD SHINE ========================================================= */ .home_notice::after{ content:""; position:absolute; top:-60%; left:-30%; width:18%; height:220%; transform:rotate(20deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.75), transparent ); pointer-events:none; animation:goldNoticeShine 4.5s ease-in-out infinite; } @keyframes goldNoticeShine{ 0%{ left:-30%; } 38%{ left:115%; } 100%{ left:115%; } } /* ========================================= GOLDSTAR COLOR ONLY OVERRIDE 不改 position / size / spacing ========================================= */ /* 整个 section 背景 */ #casinogamesslider.theme-1{ background: linear-gradient( 180deg, #ffffff 0%, #faf7ef 55%, #f1eadb 100% ) !important; } /* 标题 */ #casinogamesslider .most-play-title{ color:#9b7227 !important; text-shadow: 0 1px 0 #ffffff, 0 0 4px rgba(216,180,99,.25) !important; } /* 原本蓝色皇冠 SVG 转成香槟金 */ #casinogamesslider .header-section .title img{ filter: sepia(1) saturate(4) hue-rotate(350deg) brightness(.95) drop-shadow(0 0 3px rgba(217,177,85,.35)) !important; } /* 游戏卡片主体 */ #casinogamesslider .most-play-game{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 55%, #f3ecdd 100% ) !important; border-color:#d6b365 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 10px rgba(147,105,30,.12) !important; } /* 图片区域如原本有背景 */ #casinogamesslider .most-play-game-image-container{ background:#ffffff !important; } /* Provider Name */ #casinogamesslider .most-play-game-title{ color:#76521b !important; } /* Game description */ #casinogamesslider .most-play-game-desc{ color:#9a8158 !important; } /* PLAY NOW */ #casinogamesslider .most-play-button{ color:#3d2b00 !important; background: linear-gradient( 180deg, #fff77a 0%, #ffe32e 40%, #ffc900 75%, #e8ad00 100% ) !important; border-color:#d3a62c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 2px 6px rgba(184,132,0,.20) !important; } /* Play Now hover 只变颜色 */ #casinogamesslider .most-play-button:hover{ background: linear-gradient( 180deg, #fffaa0 0%, #ffe94a 40%, #ffd11d 100% ) !important; } /* 左右箭头 button */ #casinogamesslider ._left_1xx6z_40, #casinogamesslider ._right_1xx6z_41{ background: linear-gradient( 180deg, #ffffff, #f1e6cf ) !important; border-color:#d3ad5a !important; } /* 箭头 SVG 原本灰蓝色 → 香槟金 */ #casinogamesslider ._arrow_1xx6z_33 img{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.75) !important; } /* 如果 most-play-game-box 有底色 */ #casinogamesslider .most-play-game-box{ background: linear-gradient( 180deg, #ffffff, #f6f0e4 ) !important; border-color:#d8b76e !important; } /* ========================================= GOLDSTAR SLOT SLIDER COLOR ONLY 不改 position / size / spacing ========================================= */ #slotgamesslider.theme-1{ background: linear-gradient( 180deg, #ffffff 0%, #faf7ef 55%, #f1eadb 100% ) !important; } /* Title */ #slotgamesslider .most-play-title{ color:#9b7227 !important; text-shadow: 0 1px 0 #ffffff, 0 0 4px rgba(216,180,99,.25) !important; } /* Crown icon: blue -> champagne gold */ #slotgamesslider .header-section .title img{ filter: sepia(1) saturate(4) hue-rotate(350deg) brightness(.95) drop-shadow(0 0 3px rgba(217,177,85,.35)) !important; } /* Game card */ #slotgamesslider .most-play-game{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 55%, #f3ecdd 100% ) !important; border-color:#d6b365 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 10px rgba(147,105,30,.12) !important; } /* Image background */ #slotgamesslider .most-play-game-image-container{ background:#ffffff !important; } /* Game title */ #slotgamesslider .most-play-game-title{ color:#76521b !important; } /* Provider text */ #slotgamesslider .most-play-game-desc{ color:#9a8158 !important; } /* PLAY NOW */ #slotgamesslider .most-play-button{ color:#3d2b00 !important; background: linear-gradient( 180deg, #fff77a 0%, #ffe32e 40%, #ffc900 75%, #e8ad00 100% ) !important; border-color:#d3a62c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 2px 6px rgba(184,132,0,.20) !important; } /* Play button hover */ #slotgamesslider .most-play-button:hover{ background: linear-gradient( 180deg, #fffaa0 0%, #ffe94a 40%, #ffd11d 100% ) !important; } /* Arrow buttons */ #slotgamesslider ._left_1xx6z_40, #slotgamesslider ._right_1xx6z_41{ background: linear-gradient( 180deg, #ffffff, #f1e6cf ) !important; border-color:#d3ad5a !important; } /* Arrow SVG color */ #slotgamesslider ._arrow_1xx6z_33 img{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.75) !important; } /* Back layer/card box */ #slotgamesslider .most-play-game-box{ background: linear-gradient( 180deg, #ffffff, #f6f0e4 ) !important; border-color:#d8b76e !important; } /* ========================================================== FIX PROVIDER CONTAINER OVERFLOW ========================================================== */ .home_firmcontent_box, .home_firmcontent_box .home_firmcontent, .home_firmcontent_box .home_firms, .home_firmcontent_box .home_firms_tr{ height:auto !important; min-height:0 !important; max-height:none !important; } /* active provider section must stay in document flow */ .home_firmcontent_box .home_firmcontent{ position:relative !important; } /* flex list must calculate all wrapped rows */ .home_firms_tr{ display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; align-content:flex-start !important; overflow:visible !important; width:100% !important; box-sizing:border-box !important; } /* exactly 3 provider per row */ .home_firms_tr > li{ flex:0 0 calc((100% - 18px) / 3) !important; width:calc((100% - 18px) / 3) !important; max-width:calc((100% - 18px) / 3) !important; height:auto !important; min-height:0 !important; box-sizing:border-box !important; position:relative !important; float:none !important; } /* card follows its content */ .home_firms_tr > li > a{ height:auto !important; min-height:0 !important; } .home_firmcontent_box{ width:100% !important; padding:12px 10px 20px !important; box-sizing:border-box !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; } /* ========================================================= GOLDSTAR FOOTER MENU Diamond White + Champagne Gold + Luxury Yellow ========================================================= */ /* footer outer */ .footermenu.theme-1 #footerMain{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 50%, #f2eadb 100% ) !important; border-top:1px solid #d8b25c !important; box-shadow: 0 -4px 14px rgba(120,82,15,.15), inset 0 1px 0 rgba(255,255,255,.95) !important; } /* navbar */ .footermenu.theme-1 #footerMain .navbar{ background:transparent !important; } /* each nav item */ .footermenu.theme-1 #footerMain .navbar > li{ border-right:1px solid rgba(192,149,66,.18) !important; } .footermenu.theme-1 #footerMain .navbar > li:last-child{ border-right:0 !important; } /* normal button */ .footermenu.theme-1 #footerMain .botnavbar{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 60%, #f5efe3 100% ) !important; color:#4a3415 !important; text-decoration:none !important; } /* normal text */ .footermenu.theme-1 #footerMain .botnavbar span{ color:#4a3415 !important; text-shadow: 0 1px 0 #ffffff, 0 0 2px rgba(166,118,25,.12) !important; } /* ========================================================= ACTIVE ========================================================= */ .footermenu.theme-1 #footerMain .botnavbar.on{ background: linear-gradient( 180deg, #fff995 0%, #ffe64c 35%, #ffd21f 68%, #efb300 100% ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -2px 4px rgba(139,92,0,.18), 0 0 10px rgba(255,210,35,.20) !important; } .footermenu.theme-1 #footerMain .botnavbar.on span{ color:#362500 !important; font-weight:700 !important; } /* ========================================================= ICON COLOR Only use this if icons are sprite / monochrome icons ========================================================= */ /* active icon */ .home-jackpot-running{ background-color:#fffaf0; background-image: linear-gradient( 180deg, #fff3a6 0%, #e9ad27 28%, #8e5707 55%, #f7cf63 78%, #8c570d 100% ); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } /* ========================================================= GOLDSTAR LOGIN PAGE Diamond White + Champagne Gold + Luxury Yellow ========================================================= */ #loginPage.theme1{ background: radial-gradient( circle at 50% 10%, rgba(255,229,137,.18), transparent 35% ), linear-gradient( 180deg, #ffffff 0%, #faf8f1 50%, #f0ebe0 100% ) !important; color:#4b3516 !important; } /* ========================================================= LOGO AREA ========================================================= */ #loginPage.theme1 .logo_big{ background:transparent !important; } #loginPage.theme1 .logo_big img{ filter: drop-shadow(0 3px 6px rgba(157,111,22,.12)); } /* ========================================================= LOGIN CONTENT PANEL ========================================================= */ #loginPage.theme1 .login_centent{ background: linear-gradient( 145deg, rgba(255,255,255,.98) 0%, rgba(255,253,247,.98) 55%, rgba(242,235,220,.98) 100% ) !important; border:1px solid rgba(208,169,80,.62) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 8px 24px rgba(126,88,19,.12) !important; border-radius:16px !important; } /* ========================================================= INPUT ROW ========================================================= */ #loginPage.theme1 .login_centent_item.input_item{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 100% ) !important; border:1px solid #d8b86d !important; box-shadow: inset 0 1px 3px rgba(130,91,17,.06), 0 2px 6px rgba(142,101,27,.08) !important; } /* icon area */ #loginPage.theme1 .login_centent_item label{ background: linear-gradient( 180deg, #fff9df, #f0d995 ) !important; border-color:#d5ad52 !important; } /* username / password icons */ #loginPage.theme1 .login_centent_item label .icons{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.82) drop-shadow(0 1px 2px rgba(115,76,5,.18)) !important; } /* ========================================================= INPUT ========================================================= */ #loginPage.theme1 .standard-form-field, #loginPage.theme1 .standard-form-field-wrapper{ background:transparent !important; } #loginPage.theme1 .standard-input{ background:transparent !important; color:#4b3310 !important; border-color:transparent !important; box-shadow:none !important; caret-color:#c99a32 !important; } #loginPage.theme1 .standard-input::placeholder{ color:#aa9670 !important; opacity:1 !important; } /* input focus */ #loginPage.theme1 .login_centent_item.input_item:focus-within{ border-color:#e0b43c !important; box-shadow: inset 0 1px 2px rgba(117,78,5,.05), 0 0 0 2px rgba(255,214,71,.14), 0 0 10px rgba(230,181,42,.22) !important; } /* ========================================================= PASSWORD EYE ========================================================= */ #loginPage.theme1 .standard-password-eye{ fill:#a47b2c !important; } #loginPage.theme1 .standard-password-eye path{ fill:#a47b2c !important; } /* ========================================================= REMEMBER ME ========================================================= */ #loginPage.theme1 .remember-me{ color:#725525 !important; } #loginPage.theme1 #rememberMe{ accent-color:#e6b92e !important; } /* ========================================================= LOGIN BUTTON ========================================================= */ #loginPage.theme1 .login_btn .btn-common, #loginPage.theme1 .login_btn .btn-blue{ color:#3b2900 !important; background: linear-gradient( 180deg, #fff792 0%, #ffe64a 32%, #ffd21f 67%, #eeb100 100% ) !important; border:1px solid #d7a827 !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.9), inset 0 -2px 4px rgba(146,96,0,.16), 0 4px 10px rgba(196,143,8,.22), 0 0 10px rgba(255,210,55,.15) !important; text-shadow: 0 1px 0 rgba(255,255,255,.65) !important; } /* button hover */ #loginPage.theme1 .login_btn .btn-common:hover{ background: linear-gradient( 180deg, #fffbb1 0%, #ffeb58 40%, #ffd52a 100% ) !important; } /* ========================================================= FORGOT PASSWORD ========================================================= */ #loginPage.theme1 .login_forgetpsd a{ color:#9d7220 !important; text-shadow: 0 1px 0 #fff !important; } #loginPage.theme1 .login_forgetpsd a:hover{ color:#c18d20 !important; } /* ========================================================= REGISTER AREA ========================================================= */ #loginPage.theme1 .login_toreg{ color:#756347 !important; background: linear-gradient( 180deg, #fffdf8, #f5eee0 ) !important; border-top:1px solid rgba(205,166,79,.38) !important; } #loginPage.theme1 .login_toreg .m-register-link{ color:#c08b1e !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 3px rgba(226,175,42,.18) !important; } /* ========================================================= LOGIN ERROR ========================================================= */ #loginPage.theme1 #loginErr{ background:#fff7f4 !important; border:1px solid #e7aaa0 !important; box-shadow: 0 2px 6px rgba(162,63,45,.08) !important; } #loginPage.theme1 #loginErr, #loginPage.theme1 #loginErr span, #loginPage.theme1 #loginErr strong{ color:#b74635 !important; } /* ========================================================= GOLDSTAR REGISTRATION PAGE Diamond White + Champagne Gold + Luxury Yellow ========================================================= */ #registrationPage.m-register-container{ background: radial-gradient( circle at 50% 0%, rgba(255,226,120,.16), transparent 34% ), linear-gradient( 180deg, #ffffff 0%, #faf8f1 52%, #f0ebe0 100% ) !important; color:#493516 !important; } /* ========================================================= TITLE ========================================================= */ #registrationPage .form-title{ color:#8c641e !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 4px rgba(211,167,64,.18) !important; } /* ========================================================= PROGRESS BAR ========================================================= */ #registrationPage .reg-progress-bar-section .step-wrapper{ background: linear-gradient( 180deg, #ffffff 0%, #f3ead7 100% ) !important; color:#9a7229 !important; border:1px solid #d5b162 !important; box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(139,97,20,.10) !important; } /* current step */ #registrationPage .reg-progress-bar-section .step-wrapper.on, #registrationPage .reg-progress-bar-section .step-wrapper.current-step{ background: linear-gradient( 180deg, #fff88f 0%, #ffe445 40%, #ffd11e 72%, #ecad00 100% ) !important; color:#3a2900 !important; border-color:#d5a42c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 8px rgba(255,205,44,.35) !important; } /* line between steps */ #registrationPage .reg-progress-bar-section .progressBar{ background: linear-gradient( 90deg, #e5d4ad, #d4aa55, #e5d4ad ) !important; } /* final tick */ #registrationPage .reg-progress-bar-section .step-wrapper svg path{ fill:#a87920 !important; } /* ========================================================= INPUT CONTAINER ========================================================= */ #registrationPage .standard-form-field{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 100% ) !important; border-color:#d7b86d !important; box-shadow: inset 0 1px 3px rgba(127,88,16,.05), 0 2px 6px rgba(134,93,18,.07) !important; } /* wrapper */ #registrationPage .standard-form-field-wrapper{ background:transparent !important; } /* input */ #registrationPage .standard-input{ background:transparent !important; color:#4a3210 !important; border-color:transparent !important; box-shadow:none !important; caret-color:#c79627 !important; } #registrationPage .standard-input::placeholder{ color:#aa9671 !important; opacity:1 !important; } /* focus */ #registrationPage .standard-form-field:focus-within{ border-color:#dfb438 !important; box-shadow: inset 0 1px 2px rgba(116,77,7,.05), 0 0 0 2px rgba(255,214,72,.12), 0 0 10px rgba(221,170,37,.18) !important; } /* ========================================================= LABEL ========================================================= */ #registrationPage .standard-label{ color:#886727 !important; font-weight:600 !important; } /* ========================================================= PASSWORD EYE ========================================================= */ #registrationPage .standard-password-eye, #registrationPage .standard-password-eye path{ fill:#a37a2a !important; } /* ========================================================= SELECT / DROPDOWN ========================================================= */ #registrationPage .standard-select{ background: linear-gradient( 180deg, #ffffff, #f7f0e2 ) !important; color:#5d4318 !important; border-color:#d7b464 !important; } #registrationPage .standard-select-arrow{ border-top-color:#a47621 !important; } /* dropdown */ #registrationPage .standard-select-dropdown{ background:#fffdf8 !important; border:1px solid #d8b669 !important; box-shadow: 0 5px 14px rgba(117,81,17,.14) !important; } /* options */ #registrationPage .standard-select-options{ color:#5d4318 !important; background:#fffdf8 !important; border-bottom-color:rgba(202,160,75,.18) !important; } /* active option */ #registrationPage .standard-select-options.active{ background: linear-gradient( 180deg, #fff590, #ffd62e ) !important; color:#3a2900 !important; } /* ========================================================= NEXT / REGISTER BUTTON ========================================================= */ #registrationPage .standard-submit-form-button{ color:#3b2900 !important; background: linear-gradient( 180deg, #fff893 0%, #ffe448 35%, #ffd11d 68%, #ecae00 100% ) !important; border:1px solid #d5a52a !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.9), inset 0 -2px 4px rgba(142,95,0,.16), 0 4px 10px rgba(192,140,7,.22) !important; font-weight:800 !important; } /* disabled button */ #registrationPage .standard-submit-form-button:disabled{ background: linear-gradient( 180deg, #f3efe5, #ded4bf ) !important; color:#a29377 !important; border-color:#d0c2a6 !important; box-shadow:none !important; } /* ========================================================= BACK BUTTON ========================================================= */ #registrationPage .back-button{ background: linear-gradient( 180deg, #ffffff, #f2e7d1 ) !important; border-color:#d4af5c !important; } #registrationPage .back-button svg path{ fill:#9a7226 !important; } /* ========================================================= ERROR MESSAGE ========================================================= */ #registrationPage .standard-error-validation, #registrationPage .text-danger{ color:#b94838 !important; } /* ========================================================= NOTICE / TERMS ========================================================= */ #registrationPage .reg-notice-section{ color:#786547 !important; } #registrationPage .reg-notice-section .text-info{ color:#b8821e !important; font-weight:700 !important; } /* ========================================================= ALREADY HAVE ACCOUNT ========================================================= */ #registrationPage .prompt-login-section{ color:#746143 !important; background: linear-gradient( 180deg, #fffdf8, #f4ecdd ) !important; border-top-color:rgba(204,162,76,.35) !important; } #registrationPage .prompt-login-section a{ color:#bf891d !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 3px rgba(224,174,40,.17) !important; } /* ========================================================= CAPTCHA ========================================================= */ #registrationPage img[alt="Captcha"]{ border:1px solid #d6b364 !important; box-shadow: 0 2px 5px rgba(132,91,16,.10) !important; } /* ========================================================= GOLDSTAR HEADER COLOR / VISUAL ONLY ========================================================= */ .header.header1.defaultnavbar{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 48%, #f2eadc 100% ) !important; border-bottom:1px solid #d7b25f !important; box-shadow: 0 3px 10px rgba(126,88,18,.12), inset 0 1px 0 rgba(255,255,255,.95) !important; } /* LEFT MENU */ .header.header1 .icon-menu{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.85) drop-shadow(0 1px 2px rgba(126,84,12,.18)) !important; } /* CENTER LOGO */ .header.header1 .center img{ filter: drop-shadow(0 2px 4px rgba(150,107,22,.12)) !important; } /* DOWNLOAD AREA */ .header.header1 .btn-nativeappdownload{ color:#7b591e !important; background: linear-gradient( 180deg, #fffdf8 0%, #f7eccd 100% ) !important; border-color:#d7b25f !important; box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(130,91,18,.10) !important; } /* DOWNLOAD ICON */ /* DOWNLOAD TEXT */ .header.header1 .btn-nativeappdownload .title{ color:#8b651f !important; text-shadow: 0 1px 0 #fff, 0 0 3px rgba(205,154,43,.15) !important; } /* ========================================================= GOLDSTAR SIDE MENU Diamond White + Champagne Gold + Luxury Yellow COLOR / VISUAL ONLY ========================================================= */ /* PANEL BACKGROUND */ #leftmenu.theme-1, #leftmenu.theme-1 .ui-panel-inner{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 48%, #f2eadc 100% ) !important; color:#4a3415 !important; } /* ========================================================= LOGO AREA ========================================================= */ #leftmenu .sidemenu-logo{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 60%, #f3ebdc 100% ) !important; border-bottom:1px solid #d8b461 !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,.9), 0 3px 8px rgba(132,92,18,.10) !important; } /* COMPANY LOGO */ #leftmenu .sidemenu-home-logo img{ filter: drop-shadow(0 2px 4px rgba(151,106,19,.12)) !important; } /* BACK BUTTON */ #leftmenu .sidemenu-back-logo{ background: linear-gradient( 180deg, #fffdf8, #f1e3c5 ) !important; border-color:#d5af5a !important; box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(130,87,15,.12) !important; } #leftmenu .sidemenu-back-logo img{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.82) !important; } /* ========================================================= MENU LIST ========================================================= */ #leftmenu ul{ background:transparent !important; } /* EACH ITEM */ #leftmenu ul li{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 100% ) !important; padding-left: 33px; border-bottom:1px solid rgba(199,157,70,.24) !important; } /* LINK */ #leftmenu ul li a{ background:transparent !important; color:#4a3517 !important; text-decoration:none !important; } /* ========================================================= ICON ========================================================= */ .sidemenu ul{ padding-left:0px!important; } /* ========================================================= TITLE ========================================================= */ #leftmenu .sm-item .title{ color:#4d3717 !important; text-shadow: 0 1px 0 #fff, 0 0 2px rgba(185,133,31,.12) !important; } /* ========================================================= HOVER / ACTIVE ========================================================= */ #leftmenu ul li:hover, #leftmenu ul li:active{ background: linear-gradient( 180deg, #fff9a0 0%, #ffe857 38%, #ffd529 72%, #efb500 100% ) !important; } #leftmenu ul li:hover .title, #leftmenu ul li:active .title{ color:#382600 !important; } /* icon brighter when active */ #leftmenu ul li:hover .icon, #leftmenu ul li:active .icon{ filter: sepia(1) saturate(4) hue-rotate(350deg) brightness(.78) drop-shadow(0 0 4px rgba(255,255,255,.75)) !important; } /* ========================================================= OPTIONAL SELECTED MENU ========================================================= */ #leftmenu ul li.on, #leftmenu ul li.active{ background: linear-gradient( 180deg, #fff991 0%, #ffe64a 35%, #ffd31f 68%, #edb100 100% ) !important; border-bottom-color:#d6a42a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -2px 4px rgba(153,101,0,.14) !important; } #leftmenu ul li.on .title, #leftmenu ul li.active .title{ color:#392700 !important; font-weight:700 !important; } /* ========================================================= GOLDSTAR PROMOTION PAGE Diamond White + Champagne Gold + Luxury Yellow VISUAL / COLOR ONLY ========================================================= */ /* ========================= PAGE BACKGROUND ========================= */ #promotionsPage.theme1{ background: radial-gradient( circle at 50% 0%, rgba(255,228,126,.14), transparent 32% ), linear-gradient( 180deg, #ffffff 0%, #faf8f1 52%, #f0ebe0 100% ) !important; color:#493416 !important; } /* ========================= TOP HEADER ========================= */ #headerMain .header.header1.backbtn{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 52%, #f1e8d6 100% ) !important; border-bottom-color:#d6b15e !important; box-shadow: 0 3px 9px rgba(126,88,18,.10), inset 0 1px 0 #fff !important; } /* Promotions title */ #headerMain .header.header1.backbtn .center{ color:#8f681f !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 4px rgba(213,168,57,.18) !important; } /* back icon */ #headerMain .img-backbtn{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.82) drop-shadow(0 1px 2px rgba(119,78,8,.16)) !important; } /* ========================================================= FILTER TABS ========================================================= */ #promotionsPage .filtering-container{ background: linear-gradient( 180deg, #ffffff, #f7f0e3 ) !important; border-color:#d7b463 !important; box-shadow: 0 2px 7px rgba(125,87,16,.08) !important; } #promotionsPage .history_nav{ background:transparent !important; } /* default tab */ #promotionsPage .history_nav li a{ background: linear-gradient( 180deg, #ffffff, #f5efe3 ) !important; color:#745522 !important; border-color:rgba(201,159,72,.30) !important; } #promotionsPage .history_nav li a span{ color:#745522 !important; } /* ACTIVE TAB */ #promotionsPage .history_nav li.active a, #promotionsPage .history_nav li a.on{ background: linear-gradient( 180deg, #fff88e 0%, #ffe54a 35%, #ffd21d 68%, #ecaf00 100% ) !important; color:#3b2900 !important; border-color:#d4a42b !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 8px rgba(255,207,44,.25) !important; } #promotionsPage .history_nav li.active a span, #promotionsPage .history_nav li a.on span{ color:#3b2900 !important; font-weight:800 !important; } /* ========================================================= PROMOTION CARD ========================================================= */ #promotionsPage .promotions_item{ background: linear-gradient( 145deg, #ffffff 0%, #fffdf8 55%, #f2eadb 100% ) !important; border-color:#d7b363 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 12px rgba(130,90,16,.11) !important; } /* promo image area */ #promotionsPage .promotions_item .img{ background:#ffffff !important; border-bottom-color:rgba(206,165,78,.35) !important; } /* ========================================================= PROMOTION BOTTOM TEXT AREA ========================================================= */ #promotionsPage .promotitembottom{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 55%, #f5eee0 100% ) !important; border-color:#d7b363 !important; } /* promo title */ #promotionsPage .promotitembottom .p1{ color:#8d641b !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 3px rgba(209,159,41,.15) !important; } /* promo description */ #promotionsPage .promotitembottom .p2{ color:#766142 !important; } /* ========================================================= DETAILS BUTTON Champagne White ========================================================= */ #promotionsPage .btn-blue-promo{ color:#503812 !important; background: linear-gradient( 180deg, #ffffff 0%, #f8ebc8 50%, #d9b563 100% ) !important; border-color:#cda554 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 2px 6px rgba(127,86,15,.12) !important; text-shadow: 0 1px 0 rgba(255,255,255,.8) !important; } /* ========================================================= APPLY NOW Luxury Yellow ========================================================= */ #promotionsPage .btn-red-promo{ color:#3b2900 !important; background: linear-gradient( 180deg, #fff994 0%, #ffe547 35%, #ffd01c 68%, #ebaE00 100% ) !important; border-color:#d3a429 !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.85), inset 0 -2px 4px rgba(147,96,0,.15), 0 3px 8px rgba(194,140,5,.20) !important; text-shadow: 0 1px 0 rgba(255,255,255,.65) !important; } /* button hover */ #promotionsPage .btn-blue-promo:hover{ background: linear-gradient( 180deg, #fffdf8, #ecd9a9 ) !important; } #promotionsPage .btn-red-promo:hover{ background: linear-gradient( 180deg, #fffbae, #ffeb5d, #ffd326 ) !important; } /* ========================================================= PROMOTION DETAIL PAGE ========================================================= */ #pagePromotionsDetail{ background: linear-gradient( 180deg, #ffffff 0%, #faf7ef 55%, #f0e9dc 100% ) !important; color:#4b3518 !important; } /* detail header */ #pagePromotionsDetail .pDetailTitle{ background: linear-gradient( 180deg, #ffffff, #f1e6d1 ) !important; border-bottom-color:#d4ae58 !important; box-shadow: 0 2px 8px rgba(122,82,14,.10) !important; } /* detail title */ #pagePromotionsDetail .titleText, #pagePromotionsDetail .titleText span{ color:#8d641e !important; font-weight:800 !important; } /* close icon */ #pagePromotionsDetail .icon_language_close{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.80) !important; } /* detail content */ #pagePromotionsDetail .promodetail_textbox{ background: linear-gradient( 180deg, #ffffff, #fffdf7 ) !important; color:#5e4929 !important; } /* promotion detail title */ #pagePromotionsDetail .p_title, #pagePromotionsDetail .p_title.blue{ color:#8f651d !important; border-color:#d5af59 !important; text-shadow: 0 1px 0 #fff !important; } /* detail body text */ #pagePromotionsDetail .promosection, #pagePromotionsDetail #promo-description, #pagePromotionsDetail #contentDiv{ color:#625033 !important; } /* ========================================================= APPLY NOW INSIDE DETAIL ========================================================= */ #pagePromotionsDetail .btn-red-promo{ color:#3b2900 !important; background: linear-gradient( 180deg, #fff994 0%, #ffe547 35%, #ffd01c 68%, #ebae00 100% ) !important; border-color:#d3a429 !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.88), 0 3px 8px rgba(191,136,7,.20) !important; } /* ========================================================= GOLDSTAR LUCKY SPIN Diamond White + Champagne Gold + Luxury Yellow ========================================================= */ #luckyspin_firmcontent{ background: radial-gradient( circle at 50% 0%, rgba(255,225,115,.14), transparent 38% ), linear-gradient( 180deg, #ffffff 0%, #faf7ef 55%, #f1eadc 100% ) !important; color:#4b3516 !important; } /* ========================================================= IMPORTANT: Don't let global provider flex/grid affect Lucky Spin ========================================================= */ #luckyspin_firmcontent .home_firms_tr{ display:block !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; background:transparent !important; } #luckyspin_firmcontent .home_firms_tr > li{ width:100% !important; max-width:none !important; height:auto !important; margin:0 !important; background:transparent !important; } /* ========================================================= LUCKY SPIN BANNER ========================================================= */ #luckyspin_firmcontent .game-item-luckyspin > a{ background:transparent !important; border:0 !important; box-shadow:none !important; } #luckyspin_firmcontent .icon_home_logo_bg{ background:transparent !important; } #luckyspin_firmcontent .luckyspin_banner{ filter: drop-shadow(0 4px 6px rgba(131,88,13,.16)) drop-shadow(0 0 7px rgba(255,211,73,.14)) !important; } /* ========================================================= PLAY NOW ========================================================= */ #luckyspin_firmcontent .spinplaynow-btn{ color:#382700 !important; background: linear-gradient( 180deg, #fff99c 0%, #ffe64d 35%, #ffd21f 68%, #ecae00 100% ) !important; border-color:#d5a52c !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.88), inset 0 -2px 4px rgba(139,91,0,.15), 0 3px 9px rgba(191,138,7,.20), 0 0 9px rgba(255,210,49,.15) !important; } #luckyspin_firmcontent .spinplaynow-btn span{ color:#382700 !important; font-weight:800 !important; text-shadow: 0 1px 0 rgba(255,255,255,.7) !important; } /* ========================================================= SPIN TICKET ========================================================= */ #luckyspin_firmcontent .lucky-spin_ticket{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 50%, #f1e6cf 100% ) !important; border-color:#d7b15d !important; color:#624719 !important; box-shadow: inset 0 1px 0 #fff, 0 3px 9px rgba(126,87,17,.10) !important; } /* ticket icon */ #luckyspin_firmcontent .lucky-spin_ticket .icon-ticket{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.88) drop-shadow(0 0 3px rgba(221,169,43,.28)) !important; } /* SPIN TICKET title */ #luckyspin_firmcontent .lucky-spin_ticket .title{ color:#8e651c !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 3px rgba(206,156,40,.16) !important; } /* ticket amount */ #luckyspin_firmcontent .lucky-spin_ticket .tk-count{ color:#b57909 !important; font-weight:900 !important; text-shadow: 0 1px 0 #fff, 0 0 5px rgba(255,197,41,.30) !important; } /* ========================================================= RULE SECTION ========================================================= */ #luckyspin_firmcontent .lucky-spin_rule{ background: linear-gradient( 145deg, #ffffff 0%, #fffdf7 50%, #f2eadc 100% ) !important; border-color:#d8b462 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 12px rgba(129,89,16,.10) !important; } /* rule text */ #luckyspin_firmcontent .lucky-spin_rule pre{ color:#65491b !important; background:transparent !important; font-weight:700 !important; text-shadow: 0 1px 0 #fff !important; } /* ========================================================= GOLDSTAR PAYMENT MENU Diamond White + Champagne Gold + Luxury Yellow ========================================================= */ .idr_box.payment-menu.theme1{ background: radial-gradient( circle at 50% 0%, rgba(255,225,110,.14), transparent 38% ), linear-gradient( 180deg, #ffffff 0%, #faf7ef 55%, #f0e9dc 100% ) !important; border-color:#d8b45e !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 14px rgba(126,87,16,.12) !important; } /* ========================================================= TOP AREA ========================================================= */ .idr_box .idr_content_top{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 60%, #f3ebdc 100% ) !important; border-color:rgba(207,166,78,.35) !important; } /* username / account title */ .idr_box .title-balance{ color:#805b18 !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 3px rgba(207,157,43,.15) !important; } /* MYR */ .idr_box .displaycurrency-txt{ color:#9c7020 !important; font-weight:700 !important; } /* BALANCE */ .idr_box #spanBalance{ color:#4c340e !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 4px rgba(224,172,43,.18) !important; } /* refresh icon */ .idr_box .home_header_refresh{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.82) drop-shadow(0 0 3px rgba(218,167,40,.22)) !important; } /* eye/user icon */ .idr_box .home_header_eyes{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.84) drop-shadow(0 1px 2px rgba(124,81,9,.16)) !important; } /* ========================================================= AFF QR / VOUCHER / RETRIEVE ========================================================= */ .idr_box .menu-item-affqr a, .idr_box .menu-item-myvoucher a, .idr_box .menu-item-withdrawalall a{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf6 55%, #f0e4cb 100% ) !important; border-color:#d7b05a !important; color:#553b12 !important; box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(127,87,15,.09) !important; } /* labels */ .idr_box .menu-item-affqr span, .idr_box .menu-item-myvoucher span, .idr_box .menu-item-withdrawalall span{ color:#634819 !important; font-weight:700 !important; } /* voucher badge */ .idr_box .voucher-count-badge::after{ background:#f2bc1f !important; color:#3b2900 !important; } /* ========================================================= DIVIDER ========================================================= */ .idr_box .homepage-div-hr{ border:0 !important; height:1px !important; background: linear-gradient( 90deg, transparent, rgba(198,151,55,.35), #d4a94c, rgba(198,151,55,.35), transparent ) !important; box-shadow: 0 0 5px rgba(218,170,52,.16) !important; } /* ========================================================= BOTTOM PAYMENT MENU ========================================================= */ .idr_box .idr_content_bottom{ background: linear-gradient( 180deg, #fffefb 0%, #f7f0e4 100% ) !important; } /* each item */ .idr_box .idr_content_bottom li{ border-color:rgba(200,158,69,.20) !important; } /* links */ .idr_box .idr_content_bottom li a{ background:transparent !important; color:#503713 !important; } /* icons */ /* text */ .idr_box .idr_content_bottom span{ color:#513914 !important; font-weight:700 !important; text-shadow: 0 1px 0 #fff !important; } /* ========================================================= ACTIVE / HOVER ========================================================= */ .idr_box .idr_content_bottom li:hover, .idr_box .idr_content_bottom li.active, .idr_box .idr_content_bottom li.on{ background: linear-gradient( 180deg, #fff998 0%, #ffe64c 35%, #ffd21e 68%, #edb000 100% ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 8px rgba(255,207,45,.18) !important; } .idr_box .idr_content_bottom li:hover span, .idr_box .idr_content_bottom li.active span, .idr_box .idr_content_bottom li.on span{ color:#382600 !important; } /* ========================================================= IF USING YOUR GENERATED 3D ICON PNG ========================================================= */ .idr_box .icon{ /* if your icons are already gold/white 3D PNG, use this instead */ /* filter:none !important; */ } /* ========================================================= GOLDSTAR PAYMENT MENU COLOR / VISUAL ONLY ========================================================= */ .idr_box.payment-menu.theme1{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 52%, #f2eadb 100% ) !important; border-color:#d5ad52 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 10px rgba(126,87,18,.12) !important; } /* ========================================================= TOP BALANCE AREA ========================================================= */ .idr_box.payment-menu.theme1 .idr_content_top{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 58%, #f4ecd9 100% ) !important; border-color:rgba(202,158,65,.32) !important; } /* USERNAME */ .idr_box .title-balance{ color:#8a641f !important; font-weight:800 !important; text-shadow: 0 1px 0 #ffffff, 0 0 4px rgba(205,155,38,.16) !important; } /* MYR */ .idr_box .displaycurrency-txt{ color:#a17521 !important; } /* BALANCE */ .idr_box #spanBalance{ color:#4c340b !important; text-shadow: 0 1px 0 #fff, 0 0 4px rgba(226,174,42,.18) !important; } /* refresh */ .idr_box .home_header_refresh{ filter: sepia(1) saturate(4) hue-rotate(350deg) brightness(.82) drop-shadow(0 0 3px rgba(225,171,38,.30)) !important; } /* eyes / account icon */ .idr_box .home_header_eyes{ color:#a4761c !important; filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.84) !important; } /* ========================================================= AFF QR / VOUCHER / RETRIEVE ========================================================= */ .idr_box .menu-item-affqr a, .idr_box .menu-item-myvoucher a, .idr_box .menu-item-withdrawalall a{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf8 55%, #f1e5ca 100% ) !important; border-color:#d5ad57 !important; box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(128,86,14,.09) !important; } /* TOP ICONS */ /* TOP WORDING */ .idr_box .menu-item-affqr span, .idr_box .menu-item-myvoucher span, .idr_box .menu-item-withdrawalall span{ color:#5d4215 !important; font-weight:700 !important; } /* QR fontawesome */ .idr_box .fa-qrcode{ color:#a8791d !important; } /* ========================================================= DIVIDER ========================================================= */ .idr_box .homepage-div-hr{ border-color:transparent !important; background: linear-gradient( 90deg, transparent, rgba(208,166,74,.40), #d2a747, rgba(208,166,74,.40), transparent ) !important; box-shadow: 0 0 5px rgba(220,172,45,.14) !important; } /* ========================================================= BOTTOM MENU ========================================================= */ .idr_box .idr_content_bottom{ background: linear-gradient( 180deg, #fffefa 0%, #f6efe1 100% ) !important; } /* EACH ITEM */ .idr_box .idr_content_bottom li{ background:transparent !important; border-color:rgba(198,154,64,.20) !important; } /* ICON */ /* TEXT */ .idr_box .idr_content_bottom span{ color:#523913 !important; font-weight:700 !important; text-shadow: 0 1px 0 #ffffff !important; } /* ========================================================= ACTIVE / CLICK ========================================================= */ .idr_box .idr_content_bottom li.on, .idr_box .idr_content_bottom li.active{ background: linear-gradient( 180deg, #fff99b 0%, #ffe64c 36%, #ffd21f 68%, #ecae00 100% ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 8px rgba(255,205,38,.18) !important; } .idr_box .idr_content_bottom li.on span, .idr_box .idr_content_bottom li.active span{ color:#382600 !important; } /* ========================================================= VOUCHER COUNT ========================================================= */ .idr_box .voucher-count-badge::after{ background:#f2bb1c !important; color:#3b2900 !important; border-color:#fff1aa !important; } .luckyspin_banner{ content: url(./img1817_uvipkiss/luckyspinb.png) !important; } .luckybox_banner{ content: url(./img1817_uvipkiss/luckyboxb.png) !important; } /* ========================================================= GOLDSTAR LUCKY BOX SAME STYLE AS LUCKY SPIN ========================================================= */ #luckybox_firmcontent{ background: radial-gradient( circle at 50% 0%, rgba(255,225,115,.14), transparent 38% ), linear-gradient( 180deg, #ffffff 0%, #faf7ef 55%, #f1eadc 100% ) !important; color:#4b3516 !important; } /* ========================================================= IMPORTANT: Don't let global provider flex/grid affect Lucky Box ========================================================= */ #luckybox_firmcontent .home_firms_tr{ display:block !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; background:transparent !important; } #luckybox_firmcontent .home_firms_tr > li{ width:100% !important; max-width:none !important; height:auto !important; margin:0 !important; background:transparent !important; } /* ========================================================= LUCKY BOX BANNER ========================================================= */ #luckybox_firmcontent .game-item-luckyspin > a{ background:transparent !important; border:0 !important; box-shadow:none !important; } #luckybox_firmcontent .icon_home_logo_bg{ background:transparent !important; } #luckybox_firmcontent .luckybox_banner{ filter: drop-shadow(0 4px 6px rgba(131,88,13,.16)) drop-shadow(0 0 7px rgba(255,211,73,.14)) !important; } /* ========================================================= PLAY NOW ========================================================= */ #luckybox_firmcontent .spinplaynow-btn{ color:#382700 !important; background: linear-gradient( 180deg, #fff99c 0%, #ffe64d 35%, #ffd21f 68%, #ecae00 100% ) !important; border-color:#d5a52c !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.88), inset 0 -2px 4px rgba(139,91,0,.15), 0 3px 9px rgba(191,138,7,.20), 0 0 9px rgba(255,210,49,.15) !important; } #luckybox_firmcontent .spinplaynow-btn span{ color:#382700 !important; font-weight:800 !important; text-shadow: 0 1px 0 rgba(255,255,255,.7) !important; } /* ========================================================= LUCKY BOX TICKET AREA ========================================================= */ #luckybox_firmcontent .lucky-spin_ticket{ background: linear-gradient( 180deg, #ffffff 0%, #fffdf7 50%, #f1e6cf 100% ) !important; border-color:#d7b15d !important; color:#624719 !important; box-shadow: inset 0 1px 0 #fff, 0 3px 9px rgba(126,87,17,.10) !important; } /* ticket icon */ #luckybox_firmcontent .lucky-spin_ticket .icon-ticket{ filter: sepia(1) saturate(3) hue-rotate(350deg) brightness(.88) drop-shadow(0 0 3px rgba(221,169,43,.28)) !important; } /* LUCKY BOX title */ #luckybox_firmcontent .lucky-spin_ticket .title{ color:#8e651c !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 3px rgba(206,156,40,.16) !important; } /* ticket count */ #luckybox_firmcontent .lucky-spin_ticket .tk-count{ color:#b57909 !important; font-weight:900 !important; text-shadow: 0 1px 0 #fff, 0 0 5px rgba(255,197,41,.30) !important; } /* ========================================================= RULE SECTION ========================================================= */ #luckybox_firmcontent .lucky-spin_rule{ background: linear-gradient( 145deg, #ffffff 0%, #fffdf7 50%, #f2eadc 100% ) !important; border-color:#d8b462 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 12px rgba(129,89,16,.10) !important; } #luckybox_firmcontent .lucky-spin_rule pre{ color:#65491b !important; background:transparent !important; font-weight:700 !important; text-shadow: 0 1px 0 #fff !important; } /* ===================================================== PARTNERSHIP PAGE - 2ND SCREENSHOT STYLE ===================================================== */ .partnership-container { width: 100%; max-width: 880px; margin: 0 auto; box-sizing: border-box; background: #fff !important; position: relative; padding: 24px; } /* ===================================================== PARTNERSHIP HEADER ===================================================== */ /* ===================================================== TOP LARGE BANNERS ===================================================== */ .partnership-container .headertitle-contactus { width: 100%; padding: 0 !important; overflow: hidden; border-radius: 22px; background: transparent !important; height: 220px; } .partnership-container .headertitle-contactus a { display: block; width: 100%; text-decoration: none; } .partnership-container .headertitle-contactus .banner-img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 1.75 / 1; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 22px; } /* second big banner */ .partnership-container .headertitle-secondarybanner { margin-bottom: 18px !important; } /* ===================================================== PARTNER GRID ===================================================== */ .partnership-container .partner-container { width: 100%; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px 28px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box; align-items: stretch; } /* ===================================================== EACH COMPANY CARD ===================================================== */ .partnership-container .partnerlogo-item { display: block !important; width: 100% !important; height: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border-radius: 18px; background: transparent !important; text-decoration: none; box-sizing: border-box; } /* ===================================================== COMPANY IMAGE ===================================================== */ .partnership-container .partnerlogo-item .banner-img { display: block !important; width: 100% !important; height: auto !important; /* square card like screenshot */ aspect-ratio: 1 / 1; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 18px; overflow: hidden; } /* ===================================================== REMOVE OLD POSITION / FLOAT / FLEX SETTINGS ===================================================== */ .partnership-container .partner-container > a { float: none !important; flex: none !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; } /* ===================================================== OPTIONAL - SMALL TAP EFFECT ===================================================== */ .partnership-container .partnerlogo-item, .partnership-container .headertitle-contactus a { transition: transform .18s ease, opacity .18s ease; } .partnership-container .partnerlogo-item:active, .partnership-container .headertitle-contactus a:active { transform: scale(.98); opacity: .92; } .headertitle-contactus .banner-img { background-image: url(./img1817_uvipkiss/uvip_tele.jpg?v=8) !important; } .headertitle-secondarybanner .banner-img { background-image: url(./img1817_uvipkiss/uvip.png?v=8) !important; } .partner-container .partnerlogo-item .banner-img { width: 50%; height: 100%; min-height: 90px; background-position: center; background-repeat: no-repeat; background-size: contain; } /* 1 - UVIP */ .partner-container .company-myrs9gs .banner-img { background-image: url(./img1817_uvipkiss/uvip.png?v=8) !important; } /* 2 - UMENANG */ .partner-container .company-Myrs9sk .banner-img { background-image: url(./img1817_uvipkiss/umenang.png?v=8) !important; } /* 3 - UCUCI */ .partner-container .company-myrs9lc .banner-img { background-image: url(./img1817_uvipkiss/ucuci.png?v=8) !important; } /* 4 - ULUCKY */ .partner-container .company-myrs9gw .banner-img { background-image: url(./img1817_uvipkiss/ulucky.png?v=8) !important; } /* 5 - UKAYA */ .partner-container .company-myrs9wt .banner-img { background-image: url(./img1817_uvipkiss/ukaya.png?v=8) !important; } /* 6 - USUKA */ .partner-container .company-myrs9sw .banner-img { background-image: url(./img1817_uvipkiss/usuka.png?v=8) !important; } /* 6 - U99 */ .partner-container .company-myrs9pw .banner-img { background-image: url(./img1817_uvipkiss/u99.png?v=8) !important; } .icon-partnership { background-image: url(img1817_uvipkiss/partnership.png) !important; } /* ========================================================= GOLDSTAR PROMOTION CARD Diamond White + Champagne Gold ========================================================= */ #promotionsPage .history_content .history_list .history_list_item .promotions_item{ position:relative; background: radial-gradient( circle at 50% 0%, rgba(255,225,120,.20), transparent 38% ), linear-gradient( 145deg, #ffffff 0%, #fffdf7 45%, #f7f0e1 75%, #eee1c5 100% ) !important; border:1px solid #d7ae52 !important; border-radius:14px !important; overflow:hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 18px rgba(255,220,120,.10), 0 4px 10px rgba(133,91,15,.10), 0 0 8px rgba(229,180,49,.10) !important; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; } /* ========================================================= GOLD TOP LIGHT ========================================================= */ #promotionsPage .promotions_item::before{ content:""; position:absolute; top:0; left:8%; right:8%; height:2px; z-index:5; background: linear-gradient( 90deg, transparent, #d7a82f, #fff3a8, #f6ca4c, #fff3a8, #d7a82f, transparent ); box-shadow: 0 0 7px rgba(255,207,68,.65); } /* ========================================================= CRYSTAL SHINE ========================================================= */ #promotionsPage .promotions_item::after{ content:""; position:absolute; top:-70%; left:-50%; width:28%; height:230%; transform:rotate(20deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.15), rgba(255,255,255,.75), rgba(255,255,255,.15), transparent ); pointer-events:none; z-index:4; animation:promoCardShine 5s ease-in-out infinite; } @keyframes promoCardShine{ 0%,65%{ left:-50%; } 90%{ left:130%; } 100%{ left:130%; } } /* ========================================================= PROMOTION IMAGE ========================================================= */ #promotionsPage .promotions_item .img{ background: linear-gradient( 180deg, #ffffff, #fffaf0 ) !important; border-bottom:1px solid rgba(205,160,62,.42) !important; } #promotionsPage .promotions_item .img img{ display:block; width:100%; filter: saturate(1.04) contrast(1.02) drop-shadow(0 2px 3px rgba(123,83,13,.08)); } /* ========================================================= BOTTOM INFO AREA ========================================================= */ #promotionsPage .promotitembottom{ position:relative; background: linear-gradient( 180deg, #fffefa 0%, #fffaf0 50%, #f4e9d1 100% ) !important; border-top:0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important; } /* ========================================================= PROMOTION TITLE ========================================================= */ #promotionsPage .promotitembottom .p1{ color:#7b5209 !important; font-weight:900 !important; text-shadow: 0 1px 0 #ffffff, 0 0 4px rgba(218,165,42,.20) !important; } /* small gold line under title */ #promotionsPage .promotitembottom .p1::after{ content:""; display:block; width:46%; height:1px; margin:5px auto 0; background: linear-gradient( 90deg, transparent, #d5a337, #ffe58a, #d5a337, transparent ); } /* DESCRIPTION */ #promotionsPage .promotitembottom .p2{ color:#746143 !important; } /* ========================================================= DETAILS BUTTON Pearl White + Champagne ========================================================= */ #promotionsPage .btn-blue-promo{ color:#563a0d !important; background: linear-gradient( 180deg, #ffffff 0%, #fff8e6 43%, #e8cf96 100% ) !important; border:1px solid #cda554 !important; box-shadow: inset 0 1px 0 #ffffff, 0 2px 6px rgba(128,87,13,.12) !important; font-weight:800 !important; } /* ========================================================= APPLY NOW Luxury Yellow ========================================================= */ #promotionsPage .btn-red-promo{ color:#382600 !important; background: linear-gradient( 180deg, #fff99f 0%, #ffe747 34%, #ffd01b 68%, #eca900 100% ) !important; border:1px solid #d3a027 !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.88), inset 0 -2px 3px rgba(137,88,0,.16), 0 3px 7px rgba(190,134,5,.18) !important; font-weight:900 !important; } /* ========================================================= HOVER ========================================================= */ #promotionsPage .promotions_item:hover{ transform:translateY(-2px); box-shadow: inset 0 1px 0 #ffffff, inset 0 0 18px rgba(255,220,120,.13), 0 7px 16px rgba(130,87,13,.15), 0 0 12px rgba(242,192,51,.18) !important; } /* ========================================================= GOLDSTAR PROFILE / DOCUMENT PAGE Diamond White + Champagne Gold + Luxury Yellow VISUAL ONLY ========================================================= */ /* PAGE */ .mainBox.m-settings-page{ background: radial-gradient( circle at 50% 0%, rgba(255,225,115,.12), transparent 35% ), linear-gradient( 180deg, #ffffff 0%, #faf8f1 52%, #f0eadc 100% ) !important; color:#4b3516 !important; } /* ========================================================= TOP TAB ========================================================= */ .mainBox .standard-tab-container, .mainBox .standard-tab{ background: linear-gradient( 180deg, #ffffff, #f5edde ) !important; border-color:#d6b15c !important; } /* NORMAL TAB */ .mainBox .tab-header-title{ color:#755520 !important; background: linear-gradient( 180deg, #ffffff, #f7f0e4 ) !important; border-color:rgba(202,160,70,.25) !important; } /* ACTIVE TAB */ .mainBox .tab-header-title._active_1ivtf_22{ color:#3b2900 !important; background: linear-gradient( 180deg, #fff99b 0%, #ffe64b 36%, #ffd11e 68%, #ecae00 100% ) !important; border-color:#d4a329 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 8px rgba(255,206,45,.20) !important; font-weight:800 !important; } /* ========================================================= COLUMN TITLE ========================================================= */ .mainBox .profile-column .column-title{ color:#8b631d !important; font-weight:800 !important; text-shadow: 0 1px 0 #fff, 0 0 4px rgba(210,160,40,.16) !important; } /* ========================================================= FORM FIELD ========================================================= */ .mainBox .profile-column .standard-form-field{ background: linear-gradient( 145deg, #ffffff 0%, #fffdf8 55%, #f2e8d4 100% ) !important; border-color:#d7b361 !important; box-shadow: inset 0 1px 0 #fff, 0 2px 7px rgba(125,86,16,.08) !important; } /* LABEL */ .mainBox .standard-label{ color:#8a6728 !important; font-weight:700 !important; } /* INPUT */ .mainBox .standard-input{ color:#4d3512 !important; background:transparent !important; border-color:transparent !important; box-shadow:none !important; -webkit-text-fill-color:#4d3512 !important; } /* DISABLED INPUT */ .mainBox .standard-input:disabled{ color:#55401f !important; background: linear-gradient( 180deg, rgba(255,255,255,.72), rgba(244,236,220,.72) ) !important; opacity:1 !important; -webkit-text-fill-color:#55401f !important; } /* ========================================================= EDIT / INFO SVG ========================================================= */ .mainBox .edit-btn svg path, .mainBox .more-info-btn svg path{ fill:#a7781d !important; } /* ========================================================= DOCUMENT / KYC SECTION ========================================================= */ .mainBox .m-docssubmission-container{ background: linear-gradient( 180deg, #ffffff 0%, #faf7ef 55%, #f2eadc 100% ) !important; } .mainBox .kyc-form-field{ background: linear-gradient( 145deg, #ffffff, #fffdf7 55%, #f2e8d3 ) !important; border-color:#d6b15d !important; box-shadow: inset 0 1px 0 #fff, 0 3px 9px rgba(125,86,16,.09) !important; } /* DOCUMENT 1 / 2 / 3 */ .mainBox .kyc-label{ color:#8b631d !important; font-weight:800 !important; } /* ========================================================= UPLOAD ROW ========================================================= */ .mainBox .kyc-input-field{ background: linear-gradient( 180deg, #fffefb, #f6edde ) !important; border-color:#d6b361 !important; } /* UPLOAD BUTTON */ .mainBox .kyc-choose-file{ color:#3b2900 !important; background: linear-gradient( 180deg, #fff99b 0%, #ffe64b 38%, #ffd11e 70%, #ecae00 100% ) !important; border-color:#d3a228 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 7px rgba(184,130,4,.16) !important; } /* UPLOAD SVG */ .mainBox .kyc-choose-file .beta-upload path{ fill:#614409 !important; } /* Upload / No File Chosen */ .mainBox .kyc-file-content{ color:#735823 !important; } /* ========================================================= PREVIEW BUTTON ========================================================= */ .mainBox .kyc-choosefile-preview{ color:#5c4115 !important; background: linear-gradient( 180deg, #ffffff, #ead7aa ) !important; border-color:#cda550 !important; box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(126,86,13,.10) !important; } /* ========================================================= TOOLTIP INFO ICON ========================================================= */ .mainBox .iconToolTip svg circle{ fill:#d8b45f !important; } .mainBox .iconToolTip svg path{ fill:#ffffff !important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .mainBox .standard-submit-form-button{ color:#382600 !important; background: linear-gradient( 180deg, #fff99f 0%, #ffe647 35%, #ffd01c 68%, #ecaa00 100% ) !important; border-color:#d3a027 !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.9), inset 0 -2px 4px rgba(142,92,0,.15), 0 3px 9px rgba(190,135,5,.20) !important; font-weight:800 !important; text-shadow: 0 1px 0 rgba(255,255,255,.65) !important; } /* ========================================================= ERROR ========================================================= */ .mainBox .text-danger{ color:#bb493a !important; } /* ========================================================= GOLDSTAR SWEETALERT POPUP Diamond White + Champagne Gold + Luxury Yellow VISUAL ONLY ========================================================= */ .swal2-popup.app-popup-popup{ background: radial-gradient( circle at 50% 0%, rgba(255,225,115,.16), transparent 40% ), linear-gradient( 145deg, #ffffff 0%, #fffdf7 52%, #f1e7d2 100% ) !important; border:1px solid #d6ad52 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 28px rgba(126,87,16,.18), 0 0 14px rgba(226,179,54,.14) !important; color:#4c3614 !important; } /* MESSAGE */ .swal2-popup .swal2-html-container{ color:#654c25 !important; font-weight:600 !important; text-shadow: 0 1px 0 #fff !important; } /* ========================================================= ERROR ICON ========================================================= */ .swal2-popup .swal2-icon.swal2-error{ border-color:#d85b4f !important; background: linear-gradient( 180deg, #fff8f5, #fbe4de ) !important; box-shadow: 0 0 10px rgba(211,79,67,.18), inset 0 1px 0 #fff !important; } .swal2-popup .swal2-error .swal2-x-mark-line-left, .swal2-popup .swal2-error .swal2-x-mark-line-right{ background-color:#d64e43 !important; } /* ========================================================= OK BUTTON ========================================================= */ .swal2-popup .app-popup-confirm, .swal2-popup .swal2-confirm{ color:#382600 !important; background: linear-gradient( 180deg, #fff99f 0%, #ffe648 35%, #ffd11d 68%, #ecaa00 100% ) !important; border:1px solid #d3a027 !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.9), inset 0 -2px 4px rgba(143,92,0,.16), 0 3px 9px rgba(189,134,6,.22) !important; font-weight:800 !important; text-shadow: 0 1px 0 rgba(255,255,255,.7) !important; } /* HOVER */ .swal2-popup .app-popup-confirm:hover, .swal2-popup .swal2-confirm:hover{ background: linear-gradient( 180deg, #fffbb4 0%, #ffeb62 40%, #ffd628 100% ) !important; } /* REMOVE DEFAULT BLUE FOCUS */ .swal2-popup .swal2-confirm:focus{ box-shadow: inset 0 2px 0 rgba(255,255,255,.9), 0 0 0 3px rgba(255,213,65,.18), 0 3px 9px rgba(189,134,6,.22) !important; } /* OPTIONAL TITLE */ .swal2-popup .app-popup-title{ color:#8b621a !important; text-shadow: 0 1px 0 #fff, 0 0 4px rgba(211,159,39,.18) !important; } /* CLOSE BUTTON */ .swal2-popup .swal2-close{ color:#9d7426 !important; } .swal2-popup .swal2-close:hover{ color:#c49321 !important; } /* ========================================================= REGISTRATION DROPDOWN FIX OPEN / OVERFLOW / Z-INDEX ========================================================= */ /* Let dropdown escape field containers */ #registrationPage .register-input-container, #registrationPage .standard-form-field, #registrationPage .standard-form-field-wrapper, #registrationPage .standard-m-form-col-full, #registrationPage .phone-field, #registrationPage .dob-field{ overflow:visible !important; } /* Positioning context */ #registrationPage .standard-form-field, #registrationPage .standard-form-field-wrapper, #registrationPage .phone-field, #registrationPage .dob-field{ position:relative; } /* Dropdown opened */ #registrationPage .standard-select-dropdown.isOpen{ display:block !important; visibility:visible !important; opacity:1 !important; z-index:99999 !important; max-height:280px !important; overflow-x:hidden !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch !important; overscroll-behavior:contain; touch-action:pan-y; background:#fffdf8 !important; border:1px solid #d8b669 !important; box-shadow: 0 6px 18px rgba(128,87,16,.18) !important; } /* Hide closed dropdown */ #registrationPage .standard-select-dropdown.isHide:not(.isOpen){ display:none !important; } /* Bring the opened field above following fields */ #registrationPage .register-input-container:has(.standard-select-dropdown.isOpen){ position:relative; z-index:9999 !important; } #registrationPage .standard-form-field:has(.standard-select-dropdown.isOpen), #registrationPage .phone-field:has(.standard-select-dropdown.isOpen), #registrationPage .dob-field:has(.standard-select-dropdown.isOpen){ z-index:9999 !important; } /* ========================================================= GOLDSTAR SPECIAL WITHDRAWAL BUTTON Luxury Yellow + Champagne Gold ONLY WITHDRAWAL BUTTON ========================================================= */ /* MAIN WITHDRAWAL BUTTON */ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a{ position:relative !important; isolation:isolate; color:#432b00 !important; background: linear-gradient( 180deg, #fffed1 0%, #fff476 16%, #ffe13b 42%, #ffc400 72%, #dd9700 100% ) !important; border:2px solid #d6a02b !important; border-radius:12px !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.95), inset 0 0 9px rgba(255,255,255,.55), inset 0 -4px 6px rgba(137,83,0,.22), 0 3px 5px rgba(116,76,0,.20), 0 0 10px rgba(255,200,25,.55), 0 0 20px rgba(255,196,0,.25) !important; overflow:hidden !important; text-shadow: 0 1px 0 rgba(255,255,255,.85) !important; animation: goldWithdrawGlow 2.5s ease-in-out infinite !important; transition: filter .25s ease, transform .25s ease !important; } /* ===================================== INNER GOLD BORDER ===================================== */ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a::after{ content:""; position:absolute; inset:4px; border:1px solid rgba(255,255,255,.65); border-radius:8px; box-shadow: inset 0 0 5px rgba(255,255,255,.35); pointer-events:none; z-index:2; } /* ===================================== ANIMATED SHINE ===================================== */ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a::before{ content:""; position:absolute; top:-50%; left:-80%; width:40%; height:200%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,.15) 30%, rgba(255,255,255,.85) 50%, rgba(255,255,255,.15) 70%, transparent 100% ); transform:skewX(-18deg); animation: goldWithdrawShine 3.5s ease-in-out infinite; pointer-events:none; z-index:1; } /* ===================================== WITHDRAWAL WORDING ===================================== */ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a > span{ position:relative; z-index:3; color:#442900 !important; font-weight:900 !important; text-shadow: 0 1px 0 rgba(255,255,255,.9), 0 0 3px rgba(255,245,166,.45) !important; } /* ===================================== WITHDRAWAL ICON ===================================== */ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal .i{ position:relative; z-index:3; } /* Preserve original golden 3D icon */ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal .icon-withdrawal{ filter: drop-shadow(0 2px 3px rgba(133,82,0,.25)) drop-shadow(0 0 4px rgba(255,255,255,.55)) !important; } /* ===================================== GOLD BREATHING GLOW ===================================== */ @keyframes goldWithdrawGlow{ 0%,100%{ box-shadow: inset 0 2px 0 rgba(255,255,255,.95), inset 0 0 9px rgba(255,255,255,.45), inset 0 -4px 6px rgba(137,83,0,.22), 0 3px 5px rgba(116,76,0,.20), 0 0 8px rgba(255,200,25,.40), 0 0 14px rgba(255,196,0,.18); } 50%{ box-shadow: inset 0 2px 0 #ffffff, inset 0 0 12px rgba(255,255,255,.8), inset 0 -4px 6px rgba(137,83,0,.22), 0 3px 6px rgba(116,76,0,.25), 0 0 15px rgba(255,207,25,.80), 0 0 27px rgba(255,196,0,.42); } } /* ===================================== GOLD LIGHT SWEEP ===================================== */ @keyframes goldWithdrawShine{ 0%,55%{ left:-80%; } 85%,100%{ left:140%; } } /* ===================================== HOVER / PRESS ===================================== */ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a:hover{ filter:brightness(1.08) !important; } .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a:active{ transform:scale(.97) !important; } /* Reduce animation when requested */ @media(prefers-reduced-motion:reduce){ .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a, .idr_box.payment-menu.theme1 .idr_content_bottom li.li-withdrawal > a::before{ animation:none !important; } } /* ========================================================= GOLDSTAR SPECIAL WITHDRAWAL APPLY TO ALL idr_content_bottom MENUS Luxury Yellow + Champagne Gold + 3D Glow ========================================================= */ /* WITHDRAWAL BUTTON ONLY */ ul.idr_content_bottom > li.li-withdrawal > a, .mobile-wallet-section.mycredit-menu ul.idr_content_bottom > li.li-withdrawal > a, .idr_box.payment-menu.theme1 ul.idr_content_bottom > li.li-withdrawal > a { position: relative !important; isolation: isolate; color: #432b00 !important; background: linear-gradient( 180deg, #fffed2 0%, #fff580 15%, #ffe342 40%, #ffc800 72%, #d99900 100% ) !important; border: 2px solid #d5a02d !important; border-radius: 12px !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.98), inset 0 -3px 5px rgba(133,83,0,.24), inset 0 0 10px rgba(255,255,255,.35), 0 3px 7px rgba(126,82,0,.20), 0 0 10px rgba(255,204,32,.55), 0 0 20px rgba(255,196,0,.25) !important; overflow: hidden !important; animation: goldstarWithdrawalPulse 2.5s ease-in-out infinite !important; transition: filter .25s ease !important; } /* INNER DIAMOND GOLD FRAME */ ul.idr_content_bottom > li.li-withdrawal > a::after { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(255,255,255,.78); border-radius: 8px; box-shadow: inset 0 0 5px rgba(255,255,255,.35); pointer-events: none; z-index: 1; } /* ANIMATED WHITE GOLD SHINE */ ul.idr_content_bottom > li.li-withdrawal > a::before { content: ""; position: absolute; top: -50%; left: -80%; width: 40%; height: 200%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,.15) 30%, rgba(255,255,255,.95) 50%, rgba(255,255,255,.15) 70%, transparent 100% ); transform: skewX(-18deg); animation: goldstarWithdrawalShine 3.5s ease-in-out infinite; pointer-events: none; z-index: 1; } /* WITHDRAWAL TEXT */ ul.idr_content_bottom > li.li-withdrawal > a > span { position: relative; z-index: 2; color: #432900 !important; font-weight: 900 !important; text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 4px rgba(255,245,166,.50) !important; } /* WITHDRAWAL ICON */ ul.idr_content_bottom > li.li-withdrawal > a .i { position: relative; z-index: 2; } /* GOLD BREATHING ANIMATION */ @keyframes goldstarWithdrawalPulse { 0%, 100% { box-shadow: inset 0 2px 0 rgba(255,255,255,.98), inset 0 -3px 5px rgba(133,83,0,.24), 0 3px 7px rgba(126,82,0,.20), 0 0 8px rgba(255,204,32,.40), 0 0 15px rgba(255,196,0,.18); } 50% { box-shadow: inset 0 2px 0 #ffffff, inset 0 -3px 5px rgba(133,83,0,.24), 0 3px 7px rgba(126,82,0,.25), 0 0 16px rgba(255,210,35,.85), 0 0 28px rgba(255,196,0,.45); } } /* GOLD SHINE SWEEP */ @keyframes goldstarWithdrawalShine { 0%, 55% { left: -80%; } 85%, 100% { left: 140%; } } /* HOVER */ ul.idr_content_bottom > li.li-withdrawal > a:hover { filter: brightness(1.08) !important; } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { ul.idr_content_bottom > li.li-withdrawal > a, ul.idr_content_bottom > li.li-withdrawal > a::before { animation: none !important; } }