@import url("./font/font.css"); @viewport { width: device-width; zoom: 1; } @font-face { font-family: 'merri'; src: url(/theme/template_desktop18/font/MerriweatherSans-VariableFont_wght.ttf); } /*Define CSS Variables*/ :root { --bg-color: #1b2033; --font-color: #ffffff; --primary-color: #8f00ff; --secondary-color: #2b3248; --accent-color: #c57efd; } :root { --bg-color: #061a2b; --bg-color: #f8f9f5; --font-color: #ffffff; --second-font-color: #061a2b; --primary-color: #ffdf00; --secondary-color: #007a33; --accent-color: #ffdf00; --gradient-color: linear-gradient( 135deg, #27a96a 0%, #0b7d3b 45%, #045327 100% ); } /*==========7/1 live score css===========*/ #theme-contain-livescore .table { margin-bottom: 0; } .table-responsive { max-height: 75vh; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: var(--primary-color); } .table-striped>tbody>tr:nth-of-type(even):hover { background: var(--secondary-color); } .table-responsive tr>th, .table-bordered>tbody>tr>td { text-align: center; } .table-bordered>tbody>tr>td img { width: 50px !important; height: auto; } .table-bordered>tbody>tr>td a { color: #00ff68; } .table-bordered>tbody>tr>td a:hover { text-decoration: underline; } .table>thead:first-child>tr>th.SportID, .table>thead:first-child>tr>th.WorkingDate, .table>thead:first-child>tr>th.playstate_id { display: none; } .table-bordered>tbody>tr>td:nth-child(13), .table-bordered>tbody>tr>td:nth-child(15), .table-bordered>tbody>tr>td:nth-child(16) { display: none; } #livescoreModal .modal-content { background: var(--bg-color); } #livescoreModal .close { top: 15px; right: 20px; position: absolute; color: #fff; opacity: .5; } #livescoreModal .close:hover { opacity: 1; } section:has(#theme-contain-_livescore_feed) #title h1, section:has(#theme-contain-_livescore_stream) #title h1 { font-size: 28px; } #theme-contain-_livescore_feed { border-top: 1px solid; border-bottom: 1px solid; } #theme-contain-_livescore_feed .table, #theme-contain-_livescore_stream .table { margin-bottom: 0; } #theme-contain-_livescore_feed .table-responsive::-webkit-scrollbar, #theme-contain-_livescore_stream .table-responsive::-webkit-scrollbar { display: none; } #theme-contain-_livescore_feed .table-bordered>tbody>tr>td.label { display: table-cell; border: 1px solid; align-content: center; } @media screen and (max-width: 767px) { .table-responsive { overflow-y: auto; margin-bottom: 0px; } section:has(#theme-contain-_livescore_feed) #title h1, section:has(#theme-contain-_livescore_stream) #title h1 { font-size: 20px; } } body { font-family: 'merri'; } .desktop { display: block; } .mobile { display: none; } ::-webkit-scrollbar { background: var(--secondary-color); width: 8px; } ::-webkit-scrollbar-thumb { background: var(--primary-color); border: 2px solid var(--secondary-color); border-radius: 10px; } ::-webkit-scrollbar-track { background: var(--secondary-color); border-radius: 0px; } html { scroll-behavior: smooth; } body { line-height: 1.2; font-size: 15px; color: var(--font-color); background: var(--bg-color); scroll-behavior: smooth; /*background: url(/data/2246/uploads/126508091755.webp); background: url(/data/2246/uploads/126508020001.webp);*/ background-position: bottom; background-attachment: fixed; background-size: cover; } a { text-decoration: none; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:hover, a:focus, button:focus, button:hover, input:focus, select:focus { text-decoration: none; outline: none; } img { max-width: 100%; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select { width: 100%; } button { background: none; border: none; padding: 0; } .t-body { overflow: hidden; } .deco { position: absolute; } .max-container { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .body-container { display: grid; grid-template-columns: 300px auto; transition: 0.3s; } .t-menu { } .side-menu { position: fixed; width: 300px; padding: 0 15px 15px; transition: 0.3s; background: url(/data/2246/uploads/sidemenu-top.png),url(/data/2246/uploads/sidemenu-bottom.png),var(--gradient-color); background-size: 100%; background-position: top left, right bottom, center; background-repeat: no-repeat; height: 100%; } .floating-chat { position: fixed; right: 5px; bottom: 100px; z-index: 999; animation: 1.8s float ease-in-out infinite; } .floating-chat:hover a img { filter: brightness(1.1) drop-shadow(0 0 5px rgb(255, 255, 255, 0.6)); transform: scale(0.97); } button.back-to-top i.fas.fa-angle-up.fa-chevron-right { transform: rotate(-90deg); } button.back-to-top { position: fixed; bottom: 5%; right: 10px; background: var(--secondary-color); border: none; color: var(--font-color); height: 45px; width: 45px; border-radius: 10px; font-size: 25px; padding: 5px; z-index: 100; } button.back-to-top:hover { background: var(--primary-color); transform: scale(0.98); } /** Side Menu **/ .sm-btn-wrap { position: relative; height: 60px; display: flex; align-items: center; justify-content: flex-end; } .body-container.active .sm-btn-wrap { justify-content: center; } button.sidemenu-btn { position: relative; z-index: 99; background: var(--primary-color); color: var(--second-font-color); width: 40px; height: 30px; font-size: 12px; border-radius: 45px; box-shadow: 0 0 6px rgb(0, 0, 0, 0.3); } button.sidemenu-btn:hover { filter: brightness(1.3); } .member-info-wrapper { background: var(--bg-color); border-radius: 15px; box-shadow: 0 0 10px rgb(0, 0, 0, 0.25); display: grid; grid-template-columns: 97px auto; grid-gap: 12px; align-items: center; padding: 15px 10px; margin-bottom: 15px; } .mb-vip-img { max-width: 97px; margin: 0 auto; transition: 0.3s; } .mbinfo-wrap { position: relative; font-size: 15px; } .mb-name { color: var(--primary-color); margin-bottom: 10px; font-weight: 500; } .mb-lvl { font-size: 13px; } .mbvip-info a { color: var(--primary-color); } .mb-stvip { font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--primary-color); } .mb-wallet { margin-top: 10px; } button.org-btn { background: var(--primary-color); color: var(--font-color); min-width: 80px; border-radius: 5px; height: 24px; } .sidemenu-wrapper { position: relative; overflow-x: hidden; overflow-y: auto; height: 81vh; } .sidemenu-wrapper.logined { height: 60vh; } .sidemenu-wrapper::-webkit-scrollbar { width: 6px; } .sidemenu-wrapper::-webkit-scrollbar-track { background: var(--bg-color); border: 0px solid var(--secondary-color); border-radius: 30px; } .sidemenu-wrapper::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 10px; border: none; } ul.nav.sidemenu-nav { flex-direction: column; padding-right: 10px; padding: 10px 0; } ul.nav.sidemenu-nav li { position: relative; width: 100%; } ul.nav.sidemenu-nav li a.smenu-item { display: flex; align-items: center; color: var(--font-color); border-radius: 40px; padding: 10px 10px 10px 25px; font-size: 15px; font-weight: 500; position: relative; text-shadow: 0 1px 1px var(--accent-color); } ul.nav.sidemenu-nav li a.smenu-item img, .smenu-wrap a img { max-height: 27px; margin-right: 15px; } ul.nav.sidemenu-nav li a.smenu-item.collapsed { background: none; } ul.nav.sidemenu-nav li a.smenu-item:hover { background: var(--primary-color); color: var(--second-font-color); } a.smenu-item.droparrow::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; transform: rotate(90deg); transform-origin: center; font-size: 11px; color: #ccc; position: absolute; right: 15px; top: 0; bottom: 0; display: flex; align-items: center; transition: linear 0.3s; } a.smenu-item.droparrow.collapsed::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; transform: rotate(0); transition: linear 0.3s; } .smenu-wrap { position: relative; padding-left: 10px; } .smenu-wrap a { display: flex; align-items: center; padding: 10px 10px 10px 25px; font-size: 14px; font-weight: 500; color: #b0bbcc; border-radius: 40px; transition: 0.3s; } .smenu-wrap a:hover { background: var(--secondary-color); transition: 0.3s; transform: translateX(-10px); } .nav > li > a:focus, .nav > li > a:hover { background: var(--secondary-color); color: var(--primary-color); } .language-wrap { position: relative; padding: 10px 0; } .language-wrap.open button.lang-btn.dropup::after { transform: rotate(180deg); } button.lang-btn.dropup { position: relative; background: var(--bg-color); border: 1px solid var(--bg-color); border-radius: 45px; width: 100%; padding: 3px 20px; height: 45px; text-align: left; color: var(--second-font-color); } button.lang-btn.dropup img { max-height: 30px; margin-right: 15px; transition: 0.3s; } button.lang-btn.dropup::after { content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 10px; color: var(--second-font-color); position: absolute; right: 15px; top: 0; bottom: 0; display: flex; align-items: center; transition: linear 0.3s; } .dropdown-menu.language { background: var(--bg-color); padding: 0; margin: 5px 0; border: 0; border-radius: 10px; min-width: 100%; overflow: hidden; font-size: 15px; } a.lang-link { display: block; width: 100%; color: var(--second-font-color); padding: 8px 20px; } a.lang-link img { max-height: 30px; margin-right: 15px; } a.lang-link:hover { background: var(--secondary-color); color: var(--primary-color); } .body-container.active { grid-template-columns: 65px auto; transition: 0.3s; } .body-container.active .side-menu { width: 65px; padding: 0; transition: 0.3s; } .body-container.active .member-info-wrapper { border-radius: 10px; display: grid; grid-template-columns: auto; margin: 10px; padding: 5px; } .body-container.active .mb-vip-img { transition: 0.3s; max-width: 30px; } .body-container.active .mbinfo-wrap { display: none; } .body-container.active .smenu-text { display: none; } .body-container.active .sidemenu-wrapper { height: 81vh; } .body-container.active .sidemenu-wrapper.logined { height: 73vh; } .body-container.active ul.nav.sidemenu-nav li { margin: 1px 0px; } .body-container.active ul.nav.sidemenu-nav { padding-right: 0; margin: 0 10px; } .body-container.active ul.nav.sidemenu-nav li a.smenu-item img, .smenu-wrap a img { margin: 0 10px; } .body-container.active ul.nav.sidemenu-nav li a.smenu-item { border-radius: 8px; padding: 5px; text-align: center; justify-content: center; } .body-container.active .smenu-wrap { padding-left: 0; } .body-container.active .smenu-wrap a { padding: 5px; border-radius: 10px; justify-content: center; } .body-container.active .smenu-wrap a:hover { transform: translateX(0); } .body-container.active .language-wrap { margin: 0 5px; } .body-container.active button.lang-btn.dropup { width: 50px; padding: 3px 6px; height: 30px; } .body-container.active button.lang-btn.dropup img { max-height: 20px; margin-right: 0; transition: 0.3s; } .body-container.active button.lang-btn.dropup::after { font-size: 8px; right: 8px; } .body-container.active a.lang-link { padding: 5px 6px; text-align: center; } .body-container.active a.lang-link img { max-height: 25px; margin-right: 0; } .body-container.active .dropdown-menu.language { min-width: auto; font-size: 15px; max-width: 50px; width: 100%; } /** Header **/ .header-sec { position: fixed; right: 0; z-index: 99; background: var(--bg-color); background: url(/data/2246/uploads/header-bg01.webp) var(--bg-color); background-size: auto 25px; background-repeat: repeat-x; background-position: bottom; width: calc(100% - 300px); transition: 0.3s; } .body-container.active .header-sec { width: calc(100% - 65px); transition: 0.3s; } .header-container { max-width: 1300px; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: space-between; height: 65px; padding: 0 10px; } .header-left-wrapper { display: flex; align-items: center; } .logo { margin-right: 30px; } .logo img { max-height: 50px; } ul.nav.header-menu { height: 65px; display: flex; align-items: flex-end; } ul.nav.header-menu li.menu-item { position: relative; margin: 0 1vw; } ul.nav.header-menu li.menu-item a.menu-link { display: flex; align-items: center; color: var(--font-color); font-size: 15px; padding-bottom: 4px; border-bottom: 2px solid transparent; } ul.nav.header-menu li.menu-item:hover a.menu-link { border-bottom: 2px solid var(--primary-color); } .down-arrow { margin: 0 0 5px 10px; transform-origin: center; } .header-dropdown { position: absolute; left: 0; top: 100%; background: var(--secondary-color); padding: 25px 25px 30px; min-width: max-content; visibility: hidden; opacity: 0; } ul.nav.header-menu li.menu-item:hover .header-dropdown { opacity: 1; visibility: visible; } .hgtitle { font-size: 14px; padding: 0 0 10px 5px; } .dropdown-menu-wrapper { overflow: hidden; border-radius: 10px; display: flex; } a.ddmenu-box { display: inline-block; min-width: 90px; position: relative; background: var(--secondary-color); padding: 15px 12px; text-align: center; color: var(--accent-color); font-size: 12px; margin: 0; } .dd-img { max-width: 30px; margin: 0 auto 5px; } a.ddmenu-box:hover { background: var(--primary-color); color: var(--font-color); } .hdright-wrap { display: flex; align-items: center;.header-right-ball gap: 10px; } .header-right-ball { height: 55px; margin-right: 10px; } .hdright-wrap img { height: 100%; filter: drop-shadow(0px 0px 1px #000); } .search-game-wrap { position: relative; overflow: hidden; width: 25px; } .gs-box { position: relative; border-radius: 5px; border: 2px solid var(--accent-color); display: flex; align-items: center; height: 35px; padding: 2px 10px; max-width: 200px; width: 100%; transform: translateX(200px); transition: 0.3s; opacity: 0; visibility: hidden; } .search-game-wrap.active .gs-box { opacity: 1; visibility: visible; transform: translateX(0); } .search-icon { color: var(--primary-color); margin-right: 5px; font-size: 14px; } .search-icon-btn { color: var(--primary-color); font-size: 14px; margin-right: 0px; position: absolute; top: 0; bottom: 0; right: 5px; display: flex; align-items: center; justify-content: center; } .search-game-wrap.active .search-icon-btn { display: none; } input.search-input { background: none; color: var(--font-color); border: none; width: 100%; font-size: 14px; transition: 0.5s; } .search-dropdown { position: absolute; z-index: 9; left: auto; right: 0; top: 110%; min-width: 640px; opacity: 0; visibility: hidden; transition: 0.6s; background: var(--secondary-color); color: #677390; border: none; border-radius: 8px; padding: 15px 10px; font-size: 14px; } .search-game-wrap.active .search-dropdown { opacity: 1; visibility: visible; transition: 0.5s; transition-delay: 0.5s; } .search-game-wrap.active { overflow: visible; width: auto; } .search-content { padding: 0 10px; max-height: 400px; overflow: auto; } .search-content::-webkit-scrollbar { width: 6px; } .search-content::-webkit-scrollbar-track { background: var(--secondary-color); border-radius: 30px; } .search-content::-webkit-scrollbar-thumb { background: var(--secondary-color); border-radius: 30px; } .search-content::-webkit-scrollbar-thumb:hover { background: var(--secondary-color); } .srh-require { text-align: center; padding: 10px 0; font-weight: 500; } .sgtext { text-align: left; padding-bottom: 10px; } .game-result-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px 8px; text-align: center; } .gamebox { position: relative; max-width: 150px; margin: 0 auto; transition: 0.3s; cursor: pointer; } .gamebox:hover { transition: 0.3s; transform: translateY(-3px); opacity: 0.6; } .srgname { color: var(--font-color); position: absolute; left: 0; right: 0; bottom: 3%; font-size: 13px; } .logreg-wrap { display: flex; align-items: center; } input#registerform_varifycode { width: calc(100% - 98px); float: left; } img#regcaptcha { position: relative; width: 90px; height: 40px; border-radius: 8px; margin: 0 auto 0 8px; padding: 0; border: 0; } input.btnCheckUser:hover { filter: brightness(1.3); } input.btnCheckUser { position: relative; width: 90px; background: var(--primary-color); height: 40px; border-radius: 8px; margin: 0 auto 0 8px; color: var(--second-font-color); font-size: 14px; padding: 2px 10px; border: 0; text-wrap: auto; } button.login-btn { border:var(--primary-color) solid 2px; position: relative; min-width: 80px; background: var(--secondary-color); height: 35px; border-radius: 5px; margin: 0 auto 0 8px; color: var(--accent-color); font-size: 14px; padding: 2px 10px; overflow: hidden; } button.login-btn:before { content: ""; position: absolute; top: 0; left: -50%; width: 33%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)); transform: skewX(-20deg); animation: lightMove 2s linear infinite; } @keyframes lightMove { 0% { transform: translateX(-150%) skewX(-20deg); } 100% { transform: translateX(500%) skewX(-20deg); } } input#registerform_UserName { width: calc(100% - 98px); float: left; } button.register-btn { position: relative; min-width: 80px; background: var(--primary-color); height: 35px; border-radius: 5px; margin: 0 auto 0 8px; color: var(--second-font-color); font-size: 14px; padding: 2px 10px; animation: 1.5s scale linear infinite; } @keyframes scale { 0% { transform: scale(1); } 25% { transform: scale(0.9); } 50% { transform: scale(1); } 75% { transform: scale(1.1); } 100% { transform: scale(1); } } .logreg-wrap button:hover { filter: brightness(1.3); } button.mobile-wallet-btn { position: relative; min-width: 30px; background: var(--primary-color); height: 30px; border-radius: 5px; margin: 0 auto 0 8px; color: var(--font-color); font-size: 14px; padding: 2px 2px; display: none; } button.mobile-profile-btn { position: relative; min-width: 30px; background: var(--secondary-color); height: 30px; border-radius: 5px; margin: 0 auto 0 8px; color: var(--primary-color); font-size: 14px; padding: 2px 2px; display: none; } a.inbox-link { display: inline-block; color: var(--font-color); position: relative; padding: 2px; font-size: 18px; margin: 0 5px; } span.mailnum { position: absolute; right: -5px; top: -1px; background: #f00; font-size: 7px; border-radius: 50%; height: 11px; width: 12px; display: flex; align-items: center; justify-content: center; } a.toprofile-link { display: inline-block; color: var(--primary-color); border-left: 1px solid var(--primary-color); padding: 0 7px; margin: 0 0 0 5px; font-size: 14px; } a.toprofile-link:hover { color: var(--font-color); } /** Inner Body **/ .t-inner-body { position: relative; padding-top: 80px; } .owl-carousel.main-slider { margin-bottom: 30px; } .mbimg { overflow: hidden; border-radius: 20px; } .owl-carousel.main-slider::before { content: ""; background: linear-gradient( 90deg, rgba(27, 32, 51, 1) 0%, rgba(27, 32, 51, 0) 100% ); position: absolute; left: -2px; bottom: 0; width: 19%; height: 100%; z-index: 2; pointer-events: none; } .owl-carousel.main-slider::after { content: ""; background: linear-gradient( 270deg, rgba(27, 32, 51, 1) 0%, rgba(27, 32, 51, 0) 100% ); position: absolute; right: -2px; bottom: 0; width: 19%; height: 100%; z-index: 2; pointer-events: none; } .owl-theme.main-slider .owl-nav { margin-top: 0; } .owl-theme.main-slider button.owl-prev span, .owl-theme.main-slider button.owl-next span { position: absolute; top: 15px; left: 0; right: 0; line-height: 0; } .owl-theme.main-slider .owl-nav button.owl-prev { position: absolute; left: 0%; top: 0; bottom: 0; font-size: 50px; border-radius: 50%; height: 35px; width: 35px; margin: auto; background: none; z-index: 3; opacity: 0.5; } .owl-theme.main-slider .owl-nav button.owl-next { position: absolute; right: 0%; top: 0; bottom: 0; font-size: 50px; border-radius: 50%; height: 35px; width: 35px; margin: auto; background: none; z-index: 3; opacity: 0.5; } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*="owl-"] { color: var(--second-font-color); font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: var(--font-color); text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .flexslider { border: none; background: transparent; margin: 0 0 30px 0; } .flexslider .slides img { border-radius: 20px; position: relative; z-index: 1; width: 80%; margin: auto; } .flex-direction-nav a:before, .flex-direction-nav a:before { color: rgb(1 18 3 / 70%) !important; } .flexslider:hover .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; } .floating:before { content: ""; position: absolute; width: 110px; height: 110px; bottom: -4%; left: 15%; width: 20%; height: 85%; bottom: 3%; left: 8%; background: url(/theme/asset/template_desktop18/imgs/fimg7.png); background: url(/data/2246/uploads/jackpot-left.webp); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.3)) contrast(1.1) brightness(1.1); animation: floatimg1 2s infinite ease-in-out alternate; transform: translateY(0) translateX(0) scale(1); } @keyframes floatimg1 { from 0% { transform: translateY(0) translateX(0) scale(1); } 100% { transform: translateY(-5%) translateX(-5%) scale(1.05); } } .floating:after { content: ""; position: absolute; width: 110px; height: 110px; top: -4%; right: 15%; width: 10%; height: 80%; top: 15%; right: 16%; background: url(/theme/asset/template_desktop18/imgs/fimg8.png); background: url(/data/2246/uploads/jackpot-right.webp); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; filter: drop-shadow(-2px 4px 4px rgba(0, 0, 0, 0.3)) contrast(1.1) brightness(1.1); animation: floatimg2 2s infinite ease-in-out alternate; transform: translateY(-5%) translateX(-5%) scale(1.05); } @keyframes floatimg2 { from 0% { transform: translateY(-5%) translateX(-5%) scale(1.05); } 100% { transform: translateY(0) translateX(0) scale(1); } } .jptittle { text-align: center; width: fit-content; display: block; font-size: 20px; letter-spacing: 6px; border-bottom: 3px dashed var(--secondary-color); padding-top: 5px; padding-left: 6px; padding-bottom: 5px; margin: auto; margin-bottom: 5px; } .jackpot-sec { padding: 15px 0; } .jackpot-bg img { border-radius: 0; filter: drop-shadow(0px 28px 20px rgba(0, 0, 0, 0.3)); } .jackpot-bg { position: relative; margin: auto; display: flex; justify-content: center; align-items: center; background: var(--bg-color); background: url(/data/2246/uploads/jackpot-bg.webp); background-size: 100%; background-position: center; width: calc(100% - 30px); height: 150px; border: 7px solid var(--accent-color); outline: 15px inset var(--primary-color); border-radius: 35px; } .jackpot-position { font-size: 34px; color: var(--second-font-color); position: absolute; font-weight: bold; width: 330px; text-shadow: 0px 1px 6px rgba(255, 255, 255, 0.7); } .jackpot-position #foo { letter-spacing: 1px; } .jpprice { margin-left: 22.5px; } .home-custom-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; margin: 30px 0; } .hc-content-item { height: 230px; overflow: hidden; } .hc-content-item:hover .plynwbtn span { transform: translateY(0); transition: 0.5s; margin-bottom: 10px; } .hc-content-item:hover .hc-content-display { height: 240px; transition: 0.5s; } .hc-content-item:hover .hc-sub-content-display p { bottom: 55px; transition: 0.5s; } .hc-content-item:hover .plynwbtn:before { bottom: 45px; height: 100px; transition: 0.5s; } .hc-content-display { height: 230px; position: relative; transition: 0.5s; } .plynwbtn:before { content: ""; display: block; width: 100%; height: 100px; background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100% ); position: absolute; bottom: 0; transition: 0.5s; } .index-1 { background: url(/data/2246/uploads/home-game-bg01.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .index-2 { background: url(/data/2246/uploads/home-game-bg002.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .index-3 { background: url(/data/2246/uploads/home-game-bg003.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .index-4 { background: url(/data/2246/uploads/home-game-bg4.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .display1 { background: url(/data/2246/uploads/home-game-01.webp); background-size: cover; background-repeat: no-repeat; background-position: center top; } .display2 { background: url(/data/2246/uploads/home-game-02.webp); background-size: cover; background-repeat: no-repeat; background-position: center top; } .display3 { background: url(/data/2246/uploads/home-game-03.webp); background-size: cover; background-repeat: no-repeat; background-position: center top; } .display4 { background: url(/data/2246/uploads/home-game-04.webp); background-size: cover; background-repeat: no-repeat; background-position: center top; } .hc-sub-content-display p { font-size: 24px; position: absolute; bottom: 10px; text-align: center; width: 100%; transition: 0.5s; font-weight: bold; z-index: 1; color: #fff; } .plynwbtn { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; padding-top: 100px; } .plynwbtn span { width: 100%; height: 45px; border-radius: 10px 10px 0px 0px; display: grid; place-items: center; -webkit-box-align: center; background: var(--primary-color); background: linear-gradient(45deg, #db9c04, var(--primary-color), #db9c04); color: var(--second-font-color); position: relative; transform: translateY(85%); transition: 0.5s; } .welcome-sec { text-align: center; } .wtitle-1 { font-size: 24px; font-weight: 700; color: var(--primary-color); } .wtitle-2 { font-size: 16px; margin-bottom: 15px; } .register-step-wrapper { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; margin: 0 auto 30px; } .stepbox { position: relative; display: inline-block; } .stepbox-inner { background: var(--secondary-color); border-radius: 10px; padding: 15px 10px 10px; min-height: 182px; } .step-img { margin: 0 auto 10px; max-width: 95px; } .step-btm { color: var(--primary-color); position: relative; } .white-box { background: #fff; height: 8px; width: 8px; margin: 10px auto; } .white-line { background: #fff; height: 1px; width: 95%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 86%; } .ftgame-container { position: relative; margin: 0 0 30px; } .owl-carousel.slots-slider::after { content: ""; background: linear-gradient( 270deg, rgba(27, 32, 51, 1) 0%, rgba(27, 32, 51, 0) 100% ); position: absolute; right: 0; bottom: 0; width: 10%; height: 100%; z-index: 2; pointer-events: none; } .owl-theme.slots-slider .owl-nav button.owl-prev { position: absolute; right: 42px; top: -120%; bottom: 0; font-size: 22px; border-radius: 5px; height: 30px; width: 30px; margin: auto; color: var(--second-font-color); background: var(--primary-color); z-index: 3; line-height: 0; padding-bottom: 2px !important; display: flex; align-items: center; justify-content: center; transition: 0.5s; } .owl-theme.slots-slider .owl-nav button.owl-next { position: absolute; right: 5px; top: -120%; bottom: 0; font-size: 22px; border-radius: 5px; height: 30px; width: 30px; margin: auto; color: var(--second-font-color); background: var(--primary-color); z-index: 3; line-height: 0; padding-bottom: 2px !important; display: flex; align-items: center; justify-content: center; transition: 0.5s; } .owl-theme.slots-slider .owl-nav button.owl-next:hover, .owl-theme.slots-slider .owl-nav button.owl-prev:hover { background: var(--accent-color); transition: 0.5s; } .flex-control-nav { bottom: 0; z-index: 10; } .flex-control-paging li a { width: 50px; height: 4px; background: rgba(255, 255, 255, 0.5); } .flex-control-paging li a:hover { background: var(--primary-color); filter: drop-shadow(0px 2px 5px var(--primary-color)) brightness(1.5); } .flex-control-paging li a.flex-active { background: #fff; filter: drop-shadow(0px 2px 5px #fff) brightness(1.5); } .flex-direction-nav a:before, .flex-direction-nav a:before { color: rgba(255, 255, 255, 0.5); } .flexslider .slides a:before { content: ""; display: block; width: 8%; height: 100%; background: linear-gradient( 270deg, color-mix(in srgb, var(--secondary-color) 50%, transparent) 0%, transparent 100% ); position: absolute; left: 0; top: 0; z-index: 0; border-radius: 0 20px 20px 0; } .flexslider .slides a:after { content: ""; display: block; width: 8%; height: 100%; background: linear-gradient( 90deg, color-mix(in srgb, var(--secondary-color) 50%, transparent) 0%, transparent 100% ); position: absolute; right: 0; top: 0; z-index: 0; border-radius: 20px 0 0 20px; } .fgtitle { display: flex; align-items: center; margin-bottom: 5px; color: #313131; text-shadow: 1px 1px 0px #00000080; // filter: drop-shadow(0px 2px 0px #00000080); } .hot-icon { margin-right: 7px; position: relative; display: inline-block; } .hot-icon img { height: 25px; filter: brightness(1.2); display: block; } .hot-icon { display: inline-block; width: 24px; height: 24px; background-color: var(--primary-color); background-repeat: no-repeat; background-position: center; background-size: contain; /* THIS is the key */ -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; } /* icon variants */ .hot-icon--hot { -webkit-mask-image: url("/theme/asset/template_desktop18/imgs/hot-games.png"); } .hot-icon--new { -webkit-mask-image: url("/theme/asset/template_desktop18/imgs/new-games.png"); } .hot-icon--casino { -webkit-mask-image: url("/theme/asset/template_desktop18/imgs/hot-casino.png"); } .hot-icon--provider { -webkit-mask-image: url("/theme/asset/template_desktop18/imgs/hot-provider.png"); } .slots-slider .owl-stage-outer { padding: 5px 0; } .tumbox { position: relative; border-radius: 10px; overflow: hidden; text-align: center; transition: 0.3s; cursor: pointer; } .gname { position: absolute; left: 0; right: 0; bottom: 4%; font-size: 13px; cursor: pointer; } .tumbox:hover { transition: 0.3s; transform: translateY(-3px); opacity: 0.6; } .providers-slider { margin-top: 10px; } .logo-box { background: #313131; padding: 10px 5px; border-radius: 10px; position: relative; } .logo-box img { width: auto; max-width: 90%; margin: auto; } .bonus-feature-sec { position: relative; text-align: center; padding-bottom: 30px; } .ftbn-title { font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .feature-bonus-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; } .bf-box { position: relative; background: linear-gradient( 180deg, rgba(43, 50, 72, 1) 0%, rgba(45, 61, 72, 1) 55%, rgba(52, 104, 73, 1) 100% ); padding: 20px 15px; border-radius: 10px; } .bftitle { font-size: 18px; font-weight: 500; padding-bottom: 10px; } .bf-img { max-width: 90%; margin: 0 auto; } .review-sec { position: relative; text-align: center; max-width: 92%; margin: 0 auto; padding: 10px 0 30px; } .review-slider .owl-stage-outer { padding: 10px 0; } .owl-carousel .owl-item .user-img img { display: initial; width: auto; } .review-box { background: var(--secondary-color); border-radius: 10px; padding: 25px 20px; overflow: hidden; box-shadow: 0 0 10px rgb(0, 0, 0, 0.3); min-height: 260px; } .review-user-wrap { display: grid; grid-template-columns: 45px auto; grid-gap: 10px; justify-content: center; align-items: center; margin: 0 auto 15px; } .review-user { text-align: left; } .rv-name { font-size: 18px; margin-bottom: 5px; } .stars-rate { color: var(--primary-color); } .rvtitle { color: var(--primary-color); margin-bottom: 15px; } .rv-comment { color: #9aa5be; } .owl-theme.review-slider .owl-nav { margin-top: 0; } .owl-theme.review-slider .owl-nav button.owl-prev { position: absolute; left: -4%; top: 0; bottom: 0; font-size: 24px; border-radius: 6px; height: 35px; width: 35px; margin: auto; color: #9bacc9; background: var(--secondary-color); z-index: 3; padding-bottom: 0.3% !important; display: flex; align-items: center; justify-content: center; } .owl-theme.review-slider .owl-nav button.owl-next { position: absolute; right: -4%; top: 0; bottom: 0; font-size: 24px; border-radius: 6px; height: 35px; width: 35px; margin: auto; color: #9bacc9; background: var(--secondary-color); z-index: 3; padding-bottom: 0.3% !important; display: flex; align-items: center; justify-content: center; } .owl-nav button:hover { } .why-sec { position: relative; text-align: center; padding: 10px 0 30px; } .usp-container { background: #161827; padding: 20px 15px 30px; border-radius: 20px; } .usp-subtitle { font-size: 20px; margin: 0 auto 15px; } .green-text { color: var(--primary-color); font-weight: 700; } .usp-wrapper { padding-top: 20px; } .usp-box { position: relative; background: var(--secondary-color); max-width: 31%; margin: 0.5% 0.5%; display: inline-block; border-radius: 10px; padding: 0 15px 15px; } .uspimg { margin-top: -23px; } .usp-title { color: var(--primary-color); font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .join-sec { position: relative; padding-bottom: 20px; } .join-today { background: linear-gradient( 90deg, rgba(41, 48, 72, 1) 0%, rgba(19, 23, 36, 1) 100% ); position: relative; display: grid; grid-template-columns: auto 200px; grid-gap: 10px; align-items: center; height: 80px; border-radius: 20px; padding: 5px 4%; font-size: 24px; font-weight: 600; text-transform: uppercase; } button.join-btn { position: relative; min-width: 150px; background: var(--primary-color); height: 35px; border-radius: 45px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: var(--font-color); padding: 2px 15px; } button.join-btn:hover { background: var(--primary-color); } /** Footer **/ #theme-footer{ background: #313131; } .seo-sec { padding: 15px 0; } .seo-container { background: var(--secondary-color); background: linear-gradient(180deg, #27a96a, #0b7d3b, #045327); padding: 20px 20px; border-radius: 20px; } .seo-wrapper { position: relative; overflow: hidden; font-size: 13px; max-height: 300px; } .seo-wrapper::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; pointer-events: none; background: linear-gradient( 360deg, var(--secondary-color) 0%, /* top of overlay = opaque */ rgba(19, 23, 35, 0) 100% /* bottom = transparent */ ); background: linear-gradient(360deg, #05592a 0%, rgba(19, 23, 35, 0) 100%); } .readmore-seo { text-align: center; margin-top: -40px; } .seo-container.active .readmore-seo { margin-top: 0; } .seo-container.active .seo-wrapper { max-height: none; } .seo-container.active .seo-wrapper::after { content: none; } .seo-wrapper p { margin-bottom: 15px; } button.read-more { position: relative; min-width: 100px; background: var(--primary-color); height: 35px; border-radius: 7px; margin: 0 auto 0 8px; color: var(--second-font-color); font-size: 14px; padding: 2px 10px; } button.read-more:hover { opacity: 0.6; } .seo-wrapper h1 { font-size: 17px; font-weight: 700; } .seo-wrapper h2 { font-size: 16px; font-weight: 700; } .seo-wrapper h3 { font-size: 15px; font-weight: 700; } .seo-wrapper h4 { font-size: 14px; font-weight: 500; } .seo-wrapper h5 { font-size: 13px; font-weight: 500; } .seo-wrapper a { color: var(--font-color); text-decoration: underline; } .seo-wrapper a:hover { color: var(--accent-color); } .footer-sec { position: relative; padding: 15px 0 10px; color: #aaa; } .footer-sec a { color: #aaa; } .footer-sec a:hover { color: var(--primary-color); text-decoration: underline; } .footer-top-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); font-size: 13px; padding-bottom: 20px; border-bottom: 1px dashed #f3f5f6; } .footer-column { position: relative; border-right: 1px dashed #f3f5f6; padding: 0px 10px; } .footer-column:last-child { border-right: none; } .ft-title { font-weight: 500; color: var(--accent-color); margin-bottom: 8px; } ul.ft-list { padding-left: 16px; } ul.ft-list li { padding: 0.5px 0; } .mobile-footer-column { display: none; } .footer-btm-wrapper { display: grid; grid-template-columns: 30% 40% 30%; font-size: 13px; border-bottom: 1px dashed #f3f5f6; padding: 20px 0; } .footer-btm-wrapper .ft-title { color: #ffdf00; font-weight: 400; } .ft-icon img { margin: 5px 5px; } .ft-crypto img { max-width: 45px; margin: 5px 3px; } .ft-payment img { max-height: 25px; margin: 5px 3px; } .ft-social img { max-height: 45px; margin: 5px 2px; } .footer-copyright { color: #ffdf00; font-size: 13px; text-align: center; padding: 10px 0 0; } /** Mobile Bottom Menu **/ .mobile-btm-sec { position: fixed; background: var(--secondary-color); border-radius: 12px 12px 0 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: 99; box-shadow: 0 -1px 6px rgb(0, 0, 0, 0.4); display: none; } ul.btm-menu-nav { display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; text-align: center; height: 56px; padding-left: 0; margin-bottom: 0; list-style: none; } a.bmenu-link { color: #9bacc9; font-size: 12px; font-weight: 500; display: block; padding: 5px 1px; } .bmimg { margin-bottom: 2px; } .bmimg img { max-height: 25px; } /** Register page **/ .reg-sec { padding: 15px 0 30px; } .register-wrapper { display: grid; grid-template-columns: 45% 55%; margin: 0 auto; overflow: hidden; border-radius: 30px; background: var(--secondary-color); background: linear-gradient(180deg, #27a96a, #0b7d3b, #045327); } .reg-left-column { padding: 20px; } .reg-right-column { padding: 30px 20px 20px; } .regtitle { display: none; } form.reg-form { padding: 15px; } .rfwrap { position: relative; margin-bottom: 18px; display: flex; align-items: center; } .reg-field { position: relative; width: 100%; } .input-icon { position: absolute; z-index: 2; left: 15px; color: #535e76; font-size: 16px; } input.reg-input { background: #2c3247; color: var(--font-color); border: none; height: 40px; padding: 2px 15px 2px 45px; border-radius: 8px; } input.reg-input::placeholder { color: #c4c4c4; } .field-icon { position: absolute; right: 17px; top: 13px; font-size: 17px; cursor: pointer; } .reg-line { background: #535e76; height: 1px; width: 100%; margin: 0px 0 20px; } .choose-text { font-size: 16px; text-align: center; padding-bottom: 10px; } .fav-game { display: flex; justify-content: space-evenly; } .game-option { display: inline-block; position: relative; padding-left: 23px; margin: 4px 6px; cursor: pointer; font-size: 15px; user-select: none; } .game-option input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; border-radius: 4px; background-color: #535e76; } .game-option:hover input ~ .checkmark { background-color: var(--primary-color); } .game-option input:checked ~ .checkmark { background-color: var(--primary-color); } .checkmark:after { content: ""; position: absolute; display: none; } .game-option input:checked ~ .checkmark:after { display: block; } .game-option .checkmark:after { left: 6px; top: 2px; width: 6px; height: 11px; border: solid #fff; border-width: 0px 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .reg-btn-wrap { text-align: center; padding: 20px 0; } #groupSubmit { text-align: center; } input#customformv2_submit, input#customform_submit, input#registerform_btnSubmit { background: var(--primary-color); border: none; border-radius: 45px; color: var(--second-font-color); font-size: 18px; font-weight: 700; text-transform: uppercase; min-width: 220px; height: 40px; padding: 2px 15px; transition: 0.2s; } input#customformv2_submit:hover, input#customform_submit:hover, input#registerform_btnSubmit:hover { filter: brightness(1.1); transform: scale(0.98); transition: 0.2s; } .agree-text { font-size: 14px; color: #fff; } .greentext, .agree-text a { color: var(--accent-color); } .agree-text a:hover { color: var(--font-color); } .fun-begin { padding: 0 5px; } .regtext-1 { color: var(--font-color); font-weight: 700; font-size: 24px; } ol.fun { padding: 10px 0 0px 17px; font-size: 17px; } ol.fun .greentext { font-weight: 700; } ol.fun li { padding-bottom: 10px; } .reg-feature-banners { display: grid; grid-template-columns: 1fr; grid-gap: 10px; } .activate-wrapper { background: #131623; padding: 30px 20px; max-width: 800px; margin: 0 auto; border-radius: 15px; text-align: center; } .active-img { margin-bottom: 10px; } .actext-1 { color: var(--primary-color); font-weight: 700; font-size: 24px; text-transform: uppercase; margin-bottom: 10px; } .btn-act { padding-top: 20px; } .btn-act button.login-btn:hover { background: var(--primary-color); color: var(--font-color); } /** Lottery **/ .t-inner-body.lottery { background: url(../images/lottery/lottery-top-bg.png) no-repeat top center; background-size: 100%; background-position-y: 60px; } .lottery-sec { position: relative; padding-bottom: 30px; } .lottery-top-wrap { position: relative; height: 22vw; max-width: 1100px; margin: 0 auto; } .deco.ball-1 { max-width: 12%; left: 3%; top: 63%; z-index: 2; animation: 2.5s float ease-in-out infinite; } .deco.ball-2 { right: 5%; top: 67%; max-width: 11%; z-index: 2; animation: 2.2s float ease-in-out infinite; } @-webkit-keyframes float { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } } .liveresult-template { background: var(--secondary-color); background: linear-gradient(180deg, #27a96a, #0b7d3b, #045327); padding: 30px 20px 45px; border-radius: 20px; margin-bottom: 30px; } .liveresult-template div:nth-child(2) { max-width: 1100px; margin: 0 auto; } .panel-default { border-color: transparent; } #TopThree { display: flex; } #TopThree .col-sm-4 { width: 100%; padding: 0; } #TopThree .popwin { font-size: 18px; font-weight: 500; padding: 5px 1px; color: var(--second-font-color); } #TopThree .col-sm-4 div { padding-bottom: 5px; border-right: 1px solid var(--secondary-color); } .lotto-btn-wrap { text-align: center; } .fb_iframe_widget_fluid, .fb_iframe_widget { display: none; } .btn-primary { background: var(--primary-color); width: 180px; color: var(--second-font-color); font-size: 15px; font-weight: 500; text-transform: uppercase; border-radius: 8px; height: 45px; padding: 5px; margin: 5px; border: 0; float: right; margin-right: 15px; margin-bottom: 20px; transition: 0.3s; } button.lotto-btn.guide { background: #2b3247; } .btn-primary:hover { transition: 0.3s; background-color: #2d3249; } .date-search-wrap { position: relative; max-width: 250px; margin: 20px auto; } input.date-input { background: var(--secondary-color); color: var(--font-color); border: 1px solid var(--primary-color); height: 40px; padding: 4px 15px; border-radius: 40px; width: 100%; } button.search-btn { background: var(--primary-color); border: none; border-radius: 0 40px 40px 0; height: 40px; width: 50px; color: var(--font-color); font-size: 14px; position: absolute; right: 0; top: 0; } .lotto-drawresult .row { margin: 0; } .lotto-drawresult .col-sm-4 { width: 100%; padding: 0; } .lotto-drawresult { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; padding: 0 10px; max-width: 1100px; margin: 0 auto; } .panel { background: var(--bg-color); overflow: hidden; border-radius: 15px; border: 2px solid var(--secondary-color); max-width: 350px; margin: 0 auto; color: var(--second-font-color); width: 100%; text-align: center; height: 100%; } .panel-default > .panel-heading { background: linear-gradient( 90deg, rgba(19, 23, 36, 1) 0%, rgba(42, 49, 74, 1) 100% ); color: var(--font-color); display: flex; justify-content: space-between; align-items: center; padding: 7px 15px; height: 55px; } .panel-heading .col-sm-9 { width: 100%; margin: 0; padding: 0; text-align: left; } .lotto-img { max-width: 40px; overflow: hidden; border-radius: 6px; } .lotto-title { text-align: right; font-size: 18px; font-weight: 700; text-transform: uppercase; } .lottitle-2 { font-size: 70%; font-weight: 500; text-transform: uppercase; } #TopThree .control-label { background: var(--secondary-color); color: var(--accent-color); text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 5px 1px; } table.rs-top tr td { font-size: 20px; font-weight: 500; padding: 5px 1px; border-right: 1px solid var(--secondary-color); } table.rs-top tr td:last-child { border: none; } table.rs-btm tr th { background: var(--secondary-color); color: var(--primary-color); text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 5px 1px; } #Magnumimg { background: url(/theme/asset/template_desktop18/imgs/4D_magnum.png) left no-repeat #383838; height: 50px; width: 85px; } #PMPimg { background: url(/theme/asset/template_desktop18/imgs/4D_damacai.png) left no-repeat; height: 50px; width: auto; } #Totoimg { background: url(/theme/asset/template_desktop18/imgs/4D_toto.png) left no-repeat; height: 50px; width: auto; } #Singaporeimg { background: url(/theme/asset/template_desktop18/imgs/4D_sgpool.png) left no-repeat; height: 50px; width: auto; } #Sabahimg { background: url(/theme/asset/template_desktop18/imgs/4D_sabah88.png) left no-repeat; height: 50px; width: auto; } #Sandakanimg { background: url(/theme/asset/template_desktop18/imgs/4D_stc.png) left no-repeat; height: 50px; width: auto; } #Sarawakimg { background: url(/theme/asset/template_desktop18/imgs/4D_cashsweep.png) left no-repeat; height: 50px; width: auto; } #GDLottoimg { background: url(/theme/asset/template_desktop18/imgs/4D_gdlotto.png) left no-repeat; height: 50px; width: auto; } #Perdanaimg { background: url(/theme/asset/template_desktop18/imgs/4D_perdana.png) left no-repeat; height: 50px; width: auto; } #LuckyHari-Hariimg { background: url(/theme/asset/template_desktop18/imgs/4D_luckyharihari.png) left no-repeat; height: 50px; width: auto; } #GOOD4Dimg { background: url(/theme/asset/template_desktop18/imgs/4D_good4d.png) left no-repeat; height: 50px; width: auto; } #Perdana-3Dimg { background: url(/theme/asset/template_desktop18/imgs/4D_perdana.png) left no-repeat; height: 50px; width: auto; } .row.logo .col-sm-4 { padding: 0 15px; } #THV88, #GDLotto, #Toto-5D, #Toto-6D { display: none; } #Magnum .panel-default { border: 3px solid #f2bc00; border-radius: 10px; overflow: hidden; } #PMP .panel-default { border: 3px solid #148ea4; border-radius: 10px; overflow: hidden; } #Toto .panel-default { border: 3px solid #dd0000; border-radius: 10px; overflow: hidden; } #Singapore .panel-default { border: 3px solid #12689a; border-radius: 10px; overflow: hidden; } #Sabah .panel-default { border: 3px solid #eee; border-radius: 10px; overflow: hidden; } #Sandakan .panel-default { border: 3px solid #2f9405; border-radius: 10px; overflow: hidden; } #Sarawak .panel-default { border: 3px solid #094405; border-radius: 10px; overflow: hidden; } #GDLotto .panel-default { border: 3px solid #95650a; border-radius: 10px; overflow: hidden; } #Perdana .panel-default { border: 3px solid #777; border-radius: 10px; overflow: hidden; } #LuckyHari-Hari .panel-default { border: 3px solid #00aced; border-radius: 10px; overflow: hidden; } #Perdana-3D .panel-default { border: 3px solid #444a6b; border-radius: 10px; overflow: hidden; } #GOOD4D .panel-default { border: 3px solid #ffd45e; border-radius: 10px; overflow: hidden; } #LuckyHari-Hari .col-sm-9 { font-size: 14px; } #Magnum #datetime label, #GOOD4D #datetime label, #Sabah #datetime label { color: #000; } label.control-label.col-sm-12 { display: none; } #datetime { text-align: right; } #datetime label { background: transparent; } #datetime .col-sm-12 { padding: 0; font-size: 70%; font-weight: 500; text-transform: uppercase; } a#show3d { color: var(--accent-color); font-weight: bold; } .panel-body .small { color: var(--second-font-color); } .panel-body .row.logo { display: flex; align-items: center; padding: 5px 0; } #Consolation { float: left; width: 50%; } #Special { width: 50%; float: left; } #Special .row:nth-child(2) { border-right: 1px solid var(--secondary-color); } #Special .row label, #Consolation .row label { background: var(--secondary-color); color: var(--accent-color); text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 5px 1px; width: 100%; margin: 0; } .panel-body .col-sm-3 { padding: 5px 1px; font-size: 16px; width: 50%; } .panel-body { padding: 0; } .panel-body .col-sm-3 a { color: var(--second-font-color); } table.rs-btm tr td:last-child { border: none; } .consol-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px 5px; } .lottery-mobile { display: none; } /** Casino slots sport fishing **/ .product-game-sec { position: relative; padding: 50px 0 30px; } .display-game-wrap { background: var(--gradient-color); border-radius: 12px; border-top: 2px solid var(--accent-color); position: relative; text-align: center; display: grid; grid-template-columns: 45% 55%; align-items: center; margin-bottom: 20px; } .dg-column { position: relative; padding: 30px 15px; } .game-pvd-img { height: 75px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .game-pvd-img img { max-height: 75px; } .dg-subtitle { max-width: 380px; margin: 0 auto 10px; font-size: 15px; } .dg-img-column { position: relative; } .casino-character { position: absolute; } button.gmplay-btn { background: linear-gradient(45deg, #db9c04, var(--primary-color), #db9c04); color: var(--second-font-color); height: 45px; font-size: 20px; min-width: 180px; border-radius: 8px; padding: 2px 15px; } button.gmplay-btn:hover { border: var(--accent-color) solid 2px; background: var(--secondary-color) solid 2px; color: var(--font-color); } .dg-img-column { position: relative; padding: 50px 30px 35px 0; } .casino-character { position: absolute; bottom: 0; left: 0; right: 0; max-width: 48%; margin: 0 auto; z-index: 3; } .casino-character img { max-height: 400px; } .deco.gold-dice { left: 0; right: 0; top: -7%; max-width: 66%; margin: 0 auto; animation: 2.2s float ease-in-out infinite; } ul.nav.nav-provider-game { justify-content: center; margin: 0 -10px; } ul.nav.nav-provider-game li.nav-item { max-width: 190px; width: 15.5%; margin: 0.5%; } ul.nav.nav-provider-game a.nav-link:hover { background: var(--primary-color); transition: 0.3s; } ul.nav.nav-provider-game a.nav-link { background: var(--secondary-color); border: 1px solid transparent; border-top: 2px solid var(--accent-color); border-radius: 10px; height: 92px; display: flex; align-items: center; justify-content: center; padding: 5px; transition: 0.3s; } ul.nav.nav-provider-game a.nav-link img { max-height: 50px; max-width: 90%; } ul.nav.nav-provider-game .nav-item.active .nav-link { background: linear-gradient( 180deg, var(--secondary-color) 0%, var(--secondary-color) 40%, var(--primary-color) 100% ); border: 1px solid var(--accent-color); } .sport-template { background: var(--secondary-color); padding: 30px 20px 45px; border-radius: 20px; margin-bottom: 30px; } .sports-character { position: absolute; bottom: 0; left: 0; right: 0; max-width: 50%; margin: 0 auto; z-index: 3; } #api-leaguefeed { position: unset !important; text-align: center; height: unset !important; } #api-leaguefeed .brick { min-width: calc(20% - 10px); min-height: 178.17px; height: auto !important; margin: 5px; position: unset !important; display: inline-block; vertical-align: top; text-align: center; border: 1px solid transparent; border-top: 2px solid var(--accent-color); border-radius: 10px; background: #2b3048 !important; } #api-leaguefeed .brick > ul { list-style: none; margin: 0; padding: 0; } #api-leaguefeed .brick > ul > li { padding: 5px 10px; } #api-leaguefeed #playtime { background: var(--accent-color); color: var(--font-color); text-align: center; border-radius: 10px 10px 0 0; } #api-leaguefeed #livetv a:hover { transition: 0.3s; filter: brightness(1.3); } #api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited { display: block; color: var(--font-color); text-decoration: none; text-align: center; background: var(--primary-color); padding: 10px; border-radius: 10px; transition: 0.3s; } #api-leaguefeed #versus { text-align: center; font-size: 13px; font-weight: 700; padding: 10px 0; } #api-leaguefeed #versus div:nth-child(1) { color: #0080ff; } #api-leaguefeed #versus div:nth-child(2) { color: var(--black-color); font-size: 12px; } #api-leaguefeed #versus div:nth-child(3) { color: red; } .deco.baseball { left: 17%; top: 38%; max-width: 11%; animation: 2.2s float ease-in-out infinite; } .deco.pingpong { right: 11%; top: 11%; max-width: 16%; animation: 2.4s float ease-in-out infinite; } .deco.volley { left: 19%; top: 34%; max-width: 13%; animation: 2.2s float ease-in-out infinite; } .deco.bowling { top: 10%; right: 14%; max-width: 19%; animation: 2.4s float ease-in-out infinite; } .deco.football { left: 15%; top: 37%; max-width: 15%; animation: 2.2s float ease-in-out infinite; } .deco.shuttercock { top: 9%; right: 10%; max-width: 16%; animation: 2.4s float ease-in-out infinite; } .deco.plate { left: 17%; top: 37%; max-width: 16%; animation: 2.2s float ease-in-out infinite; } .deco.cup { right: 11%; top: 9%; max-width: 23%; animation: 2.4s float ease-in-out infinite; } .deco.whitsle { left: 15%; top: 33%; max-width: 17%; animation: 2.2s float ease-in-out infinite; } .deco.cup-2 { right: 15%; top: 8%; max-width: 26%; animation: 2.4s float ease-in-out infinite; } .gaming-character { position: absolute; bottom: 0; left: 0; right: 0; max-width: 66%; margin: 0 auto; z-index: 3; } .gaming-character.live22 { max-width: 97%; } .deco.mahjong { left: 19%; top: 15%; max-width: 18%; animation: 2.2s float ease-in-out infinite; } .deco.pussy { left: 17%; top: 33%; max-width: 18%; animation: 2.2s float ease-in-out infinite; } .deco.ace { left: 23%; top: 33%; max-width: 11%; animation: 2.2s float ease-in-out infinite; } .deco.gold { right: 21%; top: 22%; max-width: 18%; animation: 2.4s float ease-in-out infinite; } .deco.bomb { left: 21%; top: 10%; max-width: 14%; animation: 2.4s float ease-in-out infinite; } .deco.seven { right: 15%; top: 21%; max-width: 15%; animation: 2.2s float ease-in-out infinite; } .deco.wild { left: 20%; top: 10%; max-width: 20%; animation: 2.4s float ease-in-out infinite; } .fish-character { position: absolute; bottom: 0; left: 0; right: 0; max-width: 62%; margin: 0 auto; z-index: 3; } .deco.joker { left: 16%; top: 8%; max-width: 11%; animation: 2.2s float ease-in-out infinite; } .deco.jili { left: 10%; top: -4%; max-width: 17%; animation: 2.2s float ease-in-out infinite; } .deco.dolly { left: 11%; top: 31%; max-width: 17%; animation: 2.2s float ease-in-out infinite; } .deco.rocket { left: 13%; top: 56%; max-width: 15%; animation: 2.2s float ease-in-out infinite; } .deco.firefish { right: 13%; top: 28%; max-width: 19%; z-index: 3; animation: 2.4s float ease-in-out infinite; } /** Slots **/ .slots-sec { padding-bottom: 30px; } .slots-top-banner { position: relative; } .deco.slotdeco-1 { left: 9%; top: 9%; max-width: 12%; animation: 2.4s float ease-in-out infinite; } .deco.slotdeco-2 { left: 4%; top: 48%; max-width: 9%; animation: 2s float ease-in-out infinite; } .deco.slotdeco-3 { right: 14%; top: 12%; max-width: 8%; animation: 1.2s zooming infinite; } .deco.slotdeco-4 { right: 6%; top: 49%; max-width: 11%; animation: 2.2s float ease-in-out infinite; } @-webkit-keyframes zooming { 0% { transform: scale(1.1); } 50% { transform: scale(1); } 100% { transform: scale(1.1); } } .slots-lobby-container { background: #161b2a; padding: 30px; border-radius: 30px; border-top: 3px solid #20273b; display: grid; grid-template-columns: 200px auto; grid-gap: 15px; position: relative; max-width: 1200px; } .slot-filter-wrap { display: flex; justify-content: space-between; padding: 0 0 20px; } button.sfbtn { background: #293146; border: none; color: var(--font-color); font-size: 15px; font-weight: 500; padding: 3px 10px; height: 35px; border-radius: 7px; min-width: 75px; position: relative; } button.sfbtn.active, button.sfbtn:hover { background: var(--primary-color); color: var(--font-color); } .slot-search-box { position: relative; background: #2b3348; border-radius: 7px; display: grid; grid-template-columns: auto auto; height: 33px; max-width: 185px; } input.slots-input { background: none; border: none; height: 33px; padding: 5px 10px; color: var(--font-color); width: 160px; } button.slot-search-btn { background: none; border: none; color: #666a73; padding: 5px; } input.slots-input::placeholder { color: #707f8d; } .slots-provider { background: #1b2132; border-top: 2px solid #20273b; border-radius: 10px; overflow: hidden; position: relative; height: fit-content; } a.spvdbox { display: block; color: var(--font-color); font-size: 15px; padding: 5px 4px 4px 20px; position: relative; overflow: hidden; height: 55px; display: flex; align-items: center; } a.spvdbox.active, a.spvdbox:hover { background: #445a71; color: var(--font-color); font-weight: 500; } .hot-slot { background: var(--primary-color); color: var(--font-color); font-weight: 500; font-size: 12px; text-transform: uppercase; width: 80px; padding: 17px 2px 3px; text-align: center; transform: rotateZ(39deg); position: absolute; right: -31px; top: -9px; box-shadow: 0 0px 4px rgb(0, 0, 0, 0.4); z-index: 2; } .pdv-icon { margin-right: 8px; } .slots-container { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px; } .slotgbox { position: relative; max-width: 180px; margin: 0 auto; display: inline-block; overflow: hidden; border-radius: 10px; cursor: pointer; width: 100%; } .slot-tumbnail { overflow: hidden; } .slot-tumbnail img { object-fit: cover; width: 100%; } .slot-name { background: #070f25; color: var(--font-color); height: 50px; font-size: 13px; text-align: center; padding: 5px 5px; overflow: hidden; line-height: 1; display: flex; align-items: center; justify-content: center; } .play-hover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgb(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column; visibility: hidden; opacity: 0; transition: 0.2s; } .slotgbox:hover .play-hover { visibility: visible; opacity: 1; transition: 0.2s; } button.playslot-btn { background: var(--primary-color); color: var(--font-color); border: none; text-transform: uppercase; font-size: 14px; min-width: 110px; padding: 7px; margin: 5px 0px; border-radius: 7px; transform: scale(0.3); visibility: hidden; opacity: 0; transition: 0.3s; } button.playslot-btn.demo { background: #081420; border: 1px solid #ffe27f; color: #ffe27f; transform: scale(0.3); visibility: hidden; opacity: 0; transition: 0.3s; } button.playslot-btn:hover { transform: scale(0.97); filter: brightness(1.07); box-shadow: 0 0 10px -1px var(--primary-color); } .slotgbox:hover .play-hover button.playslot-btn { transition: 0.2s; transform: scale(1); visibility: visible; opacity: 1; } /** VIP **/ #tab_ul li.selected a img { filter: blur(0) brightness(1); } #tab_ul li a img { filter: blur(1.1px) brightness(0.7); } #tab_ul { list-style: none; list-style: none; display: grid; overflow-x: auto; grid-template-columns: 27% 27% 27% 27% 27% 27%; width: 100vw; gap: 20px; margin-left: -10px; padding: 0 10px; -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 20px; } .t-inner-body.vip { background: url("/theme/asset/template_desktop18/imgs/vip-bg.jpg") no-repeat top center; background: url("/data/2246/uploads/vip-banner.webp") no-repeat top center; background-size: 100%; background-position-y: 60px; } .vip-sec { padding-bottom: 30px; position: relative; } .vip-top-banner { position: relative; padding-top: 30px; height: 26vw; } .vip-privilege { position: absolute; color: var(--font-color); text-align: center; right: 10%; top: 30%; } .vptext-1 { color: var(--primary-color); font-size: 50px; font-weight: 700; line-height: 1; text-transform: uppercase; } .vptext-2 { font-size: 24px; line-height: 1; } .vipslide { background: #313131; border-radius: 20px; padding: 10px; } .vptext-current { font-size: 40px; font-weight: 700; line-height: 1; text-transform: uppercase; margin-top: 15px; } .crt-row { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; max-width: 425px; margin: 20px auto 0; } .turnbox-wrap { overflow: hidden; border-radius: 10px; max-width: 210px; border: 1px solid var(--secondary-color); } .twbox-1 { background: #161827; color: var(--accent-color); font-size: 15px; padding: 3px 15px; line-height: 1; height: 50px; display: flex; align-items: center; justify-content: center; } .twbox-2 { background: var(--secondary-color); color: var(--font-color); padding: 10px 10px; font-size: 17px; } .slidermain_vip { position: relative; padding-bottom: 45px; } .slick-slide.slick-current.slick-active.slick-center > div { width: 120% !important; margin-left: -10% !important; } .slick-current .vip-card-wrapper { z-index: 9; transition: 0.3s; top: 0; filter: none; } .vip-card-wrapper { position: relative; margin: 0 6px; color: var(--font-color); top: 25px; } .lock-status { position: absolute; left: 6%; top: 5%; line-height: 1; color: var(--font-color); font-size: 13px; display: flex; align-items: center; justify-content: center; } .lock-status img { margin-right: 5px; } .vip-lvl { position: absolute; left: 5%; top: 25%; font-size: 40px; font-weight: 800; } .turnover-text { position: absolute; top: 51%; left: 5%; color: var(--primary-color); font-size: 14px; } .achieve-text { position: absolute; top: 76%; left: 5%; font-size: 11px; } .lvlbar-wrap { position: absolute; left: 5%; top: 86%; height: 10px; background: #232e46; width: 90%; border-radius: 25px; } .lvlbar-inner { height: 100%; background: var(--secondary-color); border-radius: 35px; } .lvlbar-wrap.completed .lvlbar-inner { background: var(--primary-color); } .vip-badge { max-width: 40%; position: absolute; right: 5%; top: -8%; } .slidermain_vip .slick-track { padding-top: 20px; } .slick-current .vip-lvl { font-size: 50px; } .slick-current .turnover-text { font-size: 15px; } .slick-current .achieve-text { font-size: 13px; top: 76%; } .slick-current .lock-status { font-size: 14px; } .slidermain_vip .slick-prev:before { content: "\f137"; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 700; line-height: 1; opacity: 1; color: var(--primary-color); } .slidermain_vip .slick-next:before { content: "\f138"; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 700; line-height: 1; opacity: 1; color: var(--primary-color); } .how-vip { background: linear-gradient( 94deg, rgba(42, 49, 74, 1) 0%, rgba(19, 23, 36, 1) 40% ); border-radius: 20px; grid-gap: 20px; color: var(--font-color); display: grid; grid-template-columns: 340px auto; max-width: 1000px; margin: 110px auto 0px; align-items: center; padding: 15px 15px 0; font-size: 16px; } .couple-vip { margin-top: -46%; } .hvptitle { color: var(--primary-color); font-size: 24px; font-weight: 700; padding-bottom: 7px; } .vip-table-wrapper { margin-top: 0; color: var(--font-color); } table.vip-table tr td { padding: 7px 0; text-align: center; } table.vip-table tr td:last-child { border: none; } table.vip-table tr td:first-child { padding:5px; text-align: left; color: var(--accent-color); } table.vip-table tr td.whtext { color: var(--font-color); } tr.tbrow {background: var(--gradient-color) ; } .badgeimg { max-width: 110px; margin: 0 auto; } .badgeimg img { max-width: 80px; } .vptxt { font-weight: 600; margin-top: 5px; } .normal { color: #f06c01; } .bronze { color: #ac6936; } .silver { color: #b6b6b6; } .gold { color: #eeb536; } .platinum { color: #0ab0f2; } .diamond { color: #ff83fd; } .vip-colm { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; padding-top: 30px; } .vipcbox { position: relative; background: rgb(8, 38, 56, 0.9); border-radius: 15px; } .vipcbox-inner { padding: 20px; color: #668f99; } .vptitle { color: var(--font-color); font-size: 18px; font-weight: 600; padding-bottom: 10px; } .vipcbox { position: relative; } .qtext { color: #ffe27f; } .uptext-1 { color: #969561; padding-bottom: 15px; } .vipcbox-inner.upgrade { width: 373px; } .vipgirl { position: absolute; right: -12%; top: 0; z-index: 0; max-width: 55%; } .vip-tnc { margin: 15px 0 0; background: #313131; padding: 10px; border-radius: 20px; } .vip-term-title { font-size: 18px; font-weight: 500; margin-bottom: 10px; } ul.terms { padding-left: 17px; } ul.terms li { font-size: 14px; margin-bottom: 5px; } .vip-mobile-wrapper { display: none; } /** Promotion **/ .promotion-sec { padding: 0 0 30px; } .mix { display: none; } .filter-menu { background: #141724; padding: 3px; border-radius: 45px; margin: 0 0 15px; max-width: fit-content; } .pmbox { position: relative; display: inline-block; margin: 2px 5px; color: #59647f; min-width: 55px; text-align: center; border-radius: 45px; cursor: pointer; padding: 0 12px; } .pmbox-inner { display: flex; align-items: center; justify-content: center; height: 35px; } .pmbox.active, .pmbox:hover { background: var(--secondary-color); color: var(--font-color); } .promo { padding: 5px 0; display: flex; flex-direction: column; height: 100%; } .show { display: flex !important; } ul#promo-tab { display: flex; background: var(--secondary-color); padding: 3px; border-radius: 45px; margin: 0 0 15px; max-width: fit-content; -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto; } ul#promo-tab li { cursor: pointer; transition: 0.2s; position: relative; display: inline-block; margin: 2px 5px; color: var(--font-color); min-width: 55px; text-align: center; border-radius: 45px; cursor: pointer; padding: 0 12px; display: flex; align-items: center; justify-content: center; height: 35px; } ul#promo-tab li.active, ul#promo-tab li:hover { background: var(--bg-color); color: var(--second-font-color); } span.total { padding-left: 7px; color: #ec1c12; } .promo-content ol#faq_modal { display: flex; flex-wrap: wrap; margin: 0; padding: 0; justify-content: flex-start; gap: 20px; } .promo-content ol#faq_modal li.question { width: calc(33.33% - 14px); list-style: none; margin: 0; } .promo a { text-decoration: none; } .promo-img { border-radius: 0; overflow: hidden; } .promo-img img { border-radius: 20px 20px 0 0; } .promo-banner-popup img { border-radius: 20px 20px 0 0; width: 100%; } .promo-banner-popup { padding: 0 !important; } .promo-txt { position: relative; color: var(--font-color); background: var(--secondary-color); border-radius: 0 0 20px 20px; padding: 15px; height: 100%; } .promo-txt h3 { color: var(--font-color); font-weight: bold; margin: 0 0 15px 0; font-size: 16px; } .promo-txt::before { height: 3px; background: var(--primary-color); position: absolute; top: 0; left: 0; right: 0; content: ""; } .promo-btn { display: flex; padding-bottom: 10px; } .promo-btn span { color: #ec1c12; } .promo-btn a, .pbtn-apply a { color: var(--second-font-color); text-decoration: none; font-weight: bold; } .pbtn-info:hover { filter: brightness(1.3); } .pbtn-info, .pbtn-apply { padding: 8px 10px; background: var(--bg-color); color: var( --second-font-color); font-size: 12px; border-radius: 5px; margin-right: 10px; } .fancybox-wrap { width: 60% !important; margin: auto !important; left: 0 !important; right: 0 !important; } .fancybox-skin { border-radius: 20px; background: transparent; } .fancybox-inner { width: 100% !important; background-color: #1f1f1f; } .fancybox-inner p { color: #9a9a9a; margin-bottom: 0; font-size: 14px; } .fancybox-inner h4 { margin: 0; display: none; } .fancybox-inner .promo-header { padding: 10px; text-align: center; font-size: 20px; font-weight: bold; color: var(--font-color); background: #ec1c12; border-radius: 20px 20px 0 0; } .fancybox-inner .promo { display: flex; flex-direction: row; justify-content: space-around; padding: 20px; border-bottom: 1px solid #313131; } .fancybox-inner .promo-img, .fancybox-inner .promo-txt { border-radius: 0; width: 100%; } .fancybox-inner .promo-txt { color: #5a5a5a; background: #000; font-size: 12px; } .fancybox-inner .promo-txt h3 { font-size: 14px; } .fancybox-inner .promo-txt::before, .fancybox-inner .promo-txt::after { display: none; } .fancybox-inner .promo-btn { padding-bottom: 10px; } .fancybox-inner > div > div { padding: 20px; } .fancybox-inner > div > h4, .fancybox-inner > div > p { margin: 0; } .fancybox-inner strong { font-size: 15px; color: var(--accent-color); } .fancybox-inner ol li { color: #9a9a9a; font-size: 14px; } .fancybox-inner table { width: 100%; } .fancybox-close { top: -16px; right: -16px; } .pbtn-apply:hover { filter: brightness(1.3); } .pbtn-apply { background: linear-gradient(45deg, #db9c04, var(--primary-color), #db9c04); } .promo-bx { margin: 5px 0; } .promobox { background: #21273c; display: grid; grid-template-columns: 52% 46%; grid-gap: 2%; padding: 12px 12px; border-radius: 10px; } .pm-img { overflow: hidden; border-radius: 8px; } .pm-detail-wrap { position: relative; } .pmtag { position: relative; margin: 5px 0; } .tagbox { display: inline-block; vertical-align: text-top; background: #383d4f; margin: 0 5px 0 0; padding: 4px 8px; border-radius: 4px; font-size: 12px; } .sm-promo-title { color: var(--primary-color); font-size: 18px; font-weight: 500; margin: 5px 0 10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .smpromo-caption { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 5px 0; } .more-info-wrap { position: absolute; right: 0; bottom: 0; } button.pm-more-btn { background: var(--primary-color); color: var(--font-color); min-width: 130px; height: 35px; border-radius: 6px; border: 1px solid var(--primary-color); } button.pm-more-btn:hover { background: transparent; color: var(--primary-color); } /** Info Pages **/ .info-page-sec { position: relative; padding: 5px 0 30px; } .infopage-container { display: grid; grid-template-columns: 250px auto; grid-gap: 15px; } .info-menu-wrap { background: var(--secondary-color); border-radius: 16px; padding: 15px; height: fit-content; } a.infolink { display: flex; align-items: center; justify-content: center; height: 45px; color: var(--font-color); font-size: 15px; padding: 5px 10px 5px 20px; margin: 5px 0; border-radius: 45px; } a.infolink.active, a.infolink:hover { background: var(--secondary-color); color: var(--primary-color); } .info-content { background: var(--secondary-color); border-radius: 16px; padding: 30px; } .info-title { font-size: 24px; font-weight: 500; padding: 0 20px 5px; } .info-divider { height: 2px; background: var(--primary-color); width: 100%; margin: 20px 0; } .info-content-inner { padding: 0 15px; line-height: 1.4; color: #adadad; } table.banking-table tr td { background: #0c293b; border: 1px solid #465a66; text-align: center; padding: 6px 2px; } table.banking-table tr td.bktitle { background: #051a27; } .tnc-card { margin-bottom: 7px; } button.btn-tnc { background: var(--primary-color); font-weight: 600; color: var(--font-color); width: 100%; text-align: left; padding: 5px 35px 5px 20px; height: 42px; border-radius: 6px; position: relative; line-height: 1; } button.btn-tnc.collapsed { background: var(--secondary-color); color: var(--font-color); font-weight: 500; } button.btn-tnc::after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 700; position: absolute; color: var(--font-color); right: 15px; top: 13px; } button.btn-tnc.collapsed::after { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 700; color: var(--primary-color); } .tnc-body { padding: 10px; } .contactbox { background: rgb(0, 0, 0, 0.2); max-width: 180px; width: 100%; margin: 10px; display: inline-block; border-radius: 10px; text-align: center; overflow: hidden; } .ct-icon { font-size: 50px; height: 110px; display: flex; align-items: center; justify-content: center; padding: 10px; } .ct-detail { background: var(--secondary-color); color: var(--font-color); font-weight: 600; font-size: 16px; height: 40px; display: flex; align-items: center; justify-content: center; } .ct-detail a { color: var(--font-color); } .ct-icon img { max-height: 90px; } .contactbox:hover .ct-detail { background: var(--primary-color); } /** Afterlogin Pages **/ .deposit-sec { position: relative; padding: 30px 0 30px; } .quick-menu-wrapper { padding-bottom: 15px; display: none; } .topmain-btn { display: grid; grid-template-columns: repeat(5, 1fr); text-align: center; grid-gap: 1%; } a.tpm-btn { background: var(--secondary-color); color: var(--font-color); display: block; text-align: center; font-size: 13px; font-weight: 500; border-radius: 10px; padding: 10px 0; } a.tpm-btn.active { background: var(--secondary-color); } a.tpm-btn img { margin-bottom: 4px; filter: contrast(0) brightness(10); max-height: 30px; } a.tpm-btn.active img { filter: contrast(1) brightness(1); } .af-container { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 280px auto; grid-gap: 15px; position: relative; } .player-vip-box { background: url("../images/user-vip-bg.jpg") no-repeat; background-size: cover; border-radius: 20px; text-align: center; padding: 10px 10px 15px; margin-bottom: 15px; } .vip-badge-img { max-width: 120px; margin: -40px auto 10px; position: relative; } .mblvl-text-1 { font-size: 13px; } a.info-vip { color: var(--primary-color); margin: 0 5px; } .mblvl-text-2 { color: var(--primary-color); font-size: 26px; font-weight: 700; text-transform: uppercase; } .afmenu-box { background: var(--secondary-color); border-radius: 25px; padding: 20px 20px; } ul.nav.afmenuside-nav { flex-direction: column; } ul.nav.afmenuside-nav li.nav-item { margin-bottom: 5px; } ul.nav.afmenuside-nav li.nav-item a.mslink { display: block; color: var(--font-color); padding: 2px 20px; border-radius: 45px; font-size: 16px; height: 42px; display: flex; align-items: center; position: relative; } .afn-icon { margin-right: 15px; } .afn-icon img { max-height: 24px; filter: brightness(10) contrast(1); } .deposit-note { background: var(--secondary-color); border-radius: 25px; padding: 25px; margin-top: 15px; } .important-note { margin-bottom: 10px; } .important-note i { color: #ff0004; margin-right: 5px; } .deposit-note ul { font-size: 12px; color: #c2c2c2; margin-bottom: 0; } .deposit-note ul li { padding: 2px 0; } .deposit-note.mobile { display: none; padding: 15px 0; } ul.nav.afmenuside-nav li.nav-item a.mslink.active, ul.nav.afmenuside-nav li.nav-item a.mslink:hover { background: var(--secondary-color); color: var(--primary-color); } ul.nav.afmenuside-nav li.nav-item a.mslink.active img, ul.nav.afmenuside-nav li.nav-item a.mslink:hover img { filter: brightness(1) contrast(1); } .af-submenu-box { position: relative; padding: 0 5px 0 35px; margin-top: 5px; } .af-submenu-box::before { content: ""; background: #78848b; height: 100%; width: 2px; margin: auto; position: absolute; left: 21px; top: 0; } .af-submenu-box a { display: block; color: var(--font-color); margin: 3px 0; padding: 10px 15px; border-radius: 8px; } .af-submenu-box a:hover, .af-submenu-box a.active { background: linear-gradient( to left, rgba(248, 236, 127, 1) 0%, rgba(201, 158, 66, 1) 100% ); color: #0a1941; } .afcolumn-right { position: relative; } .afinner { border-radius: 25px; overflow: hidden; } .mainwallet-wrap { background: var(--secondary-color); padding: 25px 35px; display: grid; grid-template-columns: 54% 45%; grid-gap: 1%; border-radius: 0 0 25px 25px; } .mwtext { color: var(--primary-color); font-size: 15px; padding: 5px 0; height: 38px; } button.restore-btn { border: 1px solid var(--primary-color); border-radius: 45px; color: var(--font-color); padding: 5px 10px; font-size: 14px; margin: 0 2px 0 10px; } button.restore-btn i { color: var(--primary-color); margin-right: 5px; } button.restore-btn:hover { background: var(--primary-color); } button.restore-btn:hover i { color: var(--font-color); } .info-restore { position: relative; cursor: pointer; } .info-wrap { position: absolute; color: var(--font-color); width: 120px; background: rgb(0, 0, 0, 0.8); left: 105%; top: 0; font-size: 11px; padding: 6px; border-radius: 5px; opacity: 0; visibility: hidden; } .info-restore:hover .info-wrap { opacity: 1; visibility: visible; z-index: 2; } button.redeem-btn { background: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 45px; color: var(--font-color); padding: 5px 14px; font-size: 14px; margin-left: 10px; vertical-align: middle; } button.redeem-btn:hover { background: none; } .mwbalance { font-size: 38px; font-weight: 700; } sup.crt-my { text-transform: uppercase; font-size: 50%; color: var(--primary-color); top: -0.8em; } button.reload-btn { background: none; border: none; font-size: 21px; color: var(--primary-color); padding: 0px 5px 7px; vertical-align: middle; } button.reload-btn:hover { color: var(--font-color); } button.reload-btn:hover i { transform: rotate(180deg); transition: 0.3s; } .frame-container { margin-top: 10px; } .aform-wrapper { background: #161b2a; padding: 15px 25px; height: 100%; color: var(--font-color); border-radius: 25px 25px 0 0; } .aform-wrapper.trans { border-radius: 25px; margin-bottom: 15px; } .af-submenu-wrap { padding: 5px 0 20px; } a.afsub-btn { background: #2b3247; color: var(--font-color); border-radius: 10px; border: none; padding: 6px 5px; margin: 0.5% 0.5% 0.5% 0; display: inline-block; min-width: 170px; text-align: center; font-size: 15px; } a.afsub-btn.active, a.afsub-btn:hover { background: #535e76; } .aficon { margin-right: 15px; } .aficon img { max-height: 30px; } .afsub-btn.active .aficon img, .afsub-btn:hover .aficon img { filter: contrast(1) brightness(5); } .af-field-wrap { display: grid; grid-template-columns: 160px auto; grid-gap: 5px; margin-bottom: 10px; } .label-col { color: var(--primary-color); font-weight: 500; padding-top: 10px; } .redtext { color: #f00; } .af-field { position: relative; } input.afinput, select.afinput, textarea.afinput { background: #2b3247; color: var(--font-color); border: none; height: 40px; padding: 4px 15px; border-radius: 8px; width: 100%; } input.afinput::placeholder { color: #c5c5c5; } button.qamt-btm { background: #212738; color: var(--font-color); border: none; font-weight: 600; font-size: 15px; min-width: 75px; border-radius: 8px; padding: 11px 5px; margin: 7px 5px 0 0; } button.qamt-btm:hover { background: #535e76; } .bank-depo-option.banking .bank-acct-btn img { max-height: 35px; } .afinput.upload { padding: 8px 15px; } .bank-pay { position: relative; cursor: pointer; margin-right: 5px; display: inline-block; max-width: 130px; width: 100%; vertical-align: text-top; } .input-hide input { margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; left: 0; right: 0; height: 100%; } .bank-acct-btn { position: relative; background: #2b3247; text-align: center; border-radius: 10px; display: block; cursor: pointer; padding: 12px 5px; } .bank-acct-btn img { position: relative; max-height: 30px; } .input-hide[type="radio"], .input-hide input[type="checkbox"] { appearance: none; display: none; } .input-hide .bank-pay input:active + .bank-acct-btn, .input-hide .bank-pay input:checked + .bank-acct-btn { background: #535e76; } .bank-acct-btn.bnk { display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: var(--font-color); padding: 5px; } label.bank-acct-btn.bnk img { max-height: 35px; margin-right: 10px; } .banking .bank-acct-btn { font-size: 13px; font-weight: 500; color: #f8f8f8; } .banking .bank-acct-btn img { margin-bottom: 5px; } .greytext { color: #535e76; font-size: 14px; } .agree-af-wrap { display: grid; grid-template-columns: 35px auto; padding: 15px 0; } .agree-depo { color: #8e8e8e; font-size: 13px; padding: 2px; } .agree-depo a { color: var(--primary-color); } .af-field-submit { padding: 15px 0; text-align: center; } .how-depo-wrap { font-size: 14px; font-weight: 500; text-align: right; margin-right: 20px; margin-bottom: 15px; } .how-depo-wrap a { color: #ccc; } .how-depo-wrap a i { color: #ccc; } .how-depo-wrap a:hover { color: var(--primary-color); } .wbank-table { text-align: center; margin-bottom: 20px; } .transfrom-amt-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; position: relative; grid-gap: 30px; padding: 15px 0px; max-width: 720px; margin: 0 auto; } .trans-card { background: #2b3247; border-radius: 10px; padding: 15px 20px 25px; } .tc-row { display: flex; align-items: center; justify-content: space-between; font-weight: 500; padding-bottom: 10px; } button.max-btn { background: none; border: 1px solid #fff; color: var(--font-color); padding: 1px 7px; border-radius: 5px; text-transform: uppercase; font-size: 14px; } button.max-btn:hover { background: var(--primary-color); color: var(--font-color); border: 1px solid var(--primary-color); } .prod-amt-wrap { display: flex; align-items: center; justify-content: space-between; padding: 2px 0; } select.trans-input { background: none; color: var(--font-color); border: none; width: 150px; font-weight: 600; padding: 0; } select.trans-input option { color: #000; } input.trans-input-1 { text-align: right; background: none; border: none; color: var(--font-color); font-size: 24px; font-weight: 600; } input.trans-input-1.edit { padding-right: 25px; } input.trans-input-1::placeholder { color: #c5c5c5; } .pdatext { font-size: 12px; color: #607e8f; font-weight: 500; } .edit-icon { position: absolute; right: 0; top: 7px; } input.trans-input-1.locked { color: #607e8f; } .swap-icon { text-align: center; max-width: 42px; margin: auto; position: absolute; left: 0; right: 0; } button.swap-btn { background: none; border: none; padding: 0; position: relative; z-index: 2; } button.swap-btn:hover { transform: scale(0.96); filter: brightness(1.07); } .trans-note { max-width: 450px; margin: 0 auto; border: 2px solid #c5c5c5; border-radius: 8px; display: grid; grid-template-columns: 30px auto; color: #c5c5c5; padding: 15px; font-size: 13px; } button.balance-btn { background: var(--secondary-color); color: var(--font-color); border: none; padding: 15px 38px; font-weight: 700; font-size: 18px; width: 100%; text-align: left; position: relative; } button.balance-btn::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 700; position: absolute; color: var(--font-color); right: 30px; top: 17px; transform: rotate(180deg); transition: 0.3s; } button.balance-btn.collapsed::after { content: "\f107"; font-family: "Font Awesome 5 Free"; transform: none; transition: 0.3s; } .balance-panel { background: var(--secondary-color); } .all-balance-card { background: var(--secondary-color); padding: 20px 30px; } .abtitle { font-size: 16px; font-weight: 600; padding-bottom: 9px; } .pvd-balance-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 8px; padding-bottom: 10px; } .prvdbox { width: 100%; background: var(--secondary-color); padding: 15px 15px; border-radius: 10px; display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; max-width: 250px; } .pvb-col-1 { text-align: left; font-size: 15px; font-weight: 500; } button.allin-btn { border: 1px solid #fff; color: var(--font-color); background: none; border-radius: 5px; font-size: 14px; text-transform: uppercase; padding: 2px 7px; margin-top: 6px; } button.allin-btn:hover { background: var(--primary-color); color: var(--font-color); border: 1px solid var(--primary-color); } .pvb-col-2 { text-align: right; font-size: 18px; } .crcy-text { font-size: 80%; } .date-form-wrapper { display: flex; align-items: center; justify-content: center; } .history-date-wrapper { display: flex; align-items: center; } .date-icon { position: absolute; left: 10px; top: 7px; color: #78848b; font-size: 20px; } .hsword { margin: 0 5px; font-size: 16px; font-weight: 600; color: #78848b; } input.afinput.history { background: #2b3247; padding-left: 40px; max-width: 170px; } input#customformv2_submit.history, input#customform_submit.history { height: 40px; padding: 5px; font-size: 18px; min-width: 150px; margin-left: 10px; } .depo-divider { height: 1px; background: var(--primary-color); margin: 0 auto 15px; max-width: 95%; } .af-submenu-wrap.history a.afsub-btn { min-width: 15.5%; font-size: 15px; padding: 10px 5px; } .history-table-wrap { margin: 10px 0; } table.history-table { text-align: center; color: #f8f8f8; font-size: 14px; } table.history-table tr.hstop td { background: #2b3247; font-weight: 600; } table.history-table tr.hstop td:first-child { border-radius: 8px 0 0 8px; } table.history-table tr.hstop td:last-child { border-radius: 0 8px 8px 0; } table.history-table tr td { padding: 12px 1px; } span.pending-st { font-size: 14px; font-weight: 500; color: #08202f; background: #ff9600; padding: 1px 5px; border-radius: 6px; } span.success-st { font-size: 14px; font-weight: 500; color: #08202f; background: #49d166; padding: 1px 5px; border-radius: 6px; } span.fail-st { font-size: 14px; font-weight: 500; color: #08202f; background: #f05f5f; padding: 1px 5px; border-radius: 6px; } .paginiation-history { text-align: center; padding: 12px 0; } button.page-arrow-btn { background: none; border: none; color: var(--font-color); } button.page-arrow-btn:hover { color: #ffe27f; } span.page-num-btn { letter-spacing: 1px; padding: 0 5px; } button.btncopy { background: none; border: none; padding: 0; color: var(--font-color); } button.btncopy:hover { color: #ffe27f; } .profile-top-wrapper { background: #2b3247; position: relative; padding: 20px 25px; border-radius: 10px; margin-bottom: 15px; } .pf-ftitle { font-size: 20px; font-weight: 600; padding-bottom: 10px; } .pfrow { display: grid; grid-template-columns: repeat(2, 1fr); } .pfcol { padding-right: 20px; } .pfrow .pfcol:last-child { border: none; padding-left: 20px; padding-right: 0; } .pf-label { color: #c2c2c2; font-size: 15px; margin-bottom: 0; } .pfcol .af-field { margin-bottom: 5px; } input.profile-input { background: none; border: none; color: var(--font-color); font-weight: 500; font-size: 17px; padding: 5px 0; } button.edit-btn { position: absolute; right: 15px; top: 6px; z-index: 2; background: none; border: none; color: #94b6be; } button.edit-btn:hover { color: var(--font-color); } .pfrow-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; margin-bottom: 15px; } .pfcolumn { background: #2b3247; position: relative; padding: 20px 25px; border-radius: 10px; } .pw-note { color: #f8f8f8; padding: 5px 0; } .pw-btn-wrap { padding-top: 15px; text-align: center; } button.update-btn { background: var(--primary-color); border: 1px solid transparent; color: var(--font-color); font-size: 15px; border-radius: 8px; padding: 7px 15px; height: 37px; } button.update-btn:hover { background: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); } .crypto-note { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; background: #161b2a; padding: 15px 25px; border-radius: 10px; font-weight: 600; margin-bottom: 10px; } .cytext { font-weight: 400; color: #c2c2c2; } .crypto-btn-wrap { display: grid; grid-template-columns: auto 75px; grid-gap: 10px; align-items: center; } input.crypto-input { background: #242a3d; height: 37px; color: var(--font-color); border: none; padding: 2px 15px; border-radius: 8px; } button.update-btn.copy { padding: 5px; } .bank-profile-wrap { margin-top: 15px; } button.update-btn.add-bank { position: absolute; right: 25px; top: 13px; } .bank-pf img { max-height: 37px; } .bank-profile-wrap table.history-table tr.hstop td { background: #161b2a; font-weight: 600; } .bank-profile-wrap table.history-table { font-size: 15px; } .pm-box { display: grid; grid-template-columns: 55% 35% 10%; text-align: center; color: #f8f8f8; padding: 12px 10px; border-bottom: 1px solid #2b3247; margin: 3px auto; cursor: pointer; } .pm-box.top-title { background: #2b3247; font-weight: 600; font-size: 17px; border-radius: 12px; max-width: 100%; } .mail-icon { position: relative; } .unread .mail-icon::after { content: ""; background: #ff0004; height: 5px; width: 5px; border-radius: 50%; position: absolute; right: -2px; top: 0px; z-index: 2; } .mtitle { display: grid; grid-template-columns: 26px auto; grid-gap: 15px; align-items: center; justify-content: flex-start; white-space: nowrap; overflow: hidden; } .unread .mtitle { font-weight: 700; } button.delete-btn { background: none; color: #f8f8f8; border: none; padding: 2px; } button.delete-btn:hover { color: var(--primary-color); } .mbtext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .upload-box { display: grid; grid-template-columns: auto 120px; grid-gap: 10px; } input.upload-custom { position: absolute; opacity: 0; left: 0; right: 0; height: 100%; cursor: pointer; } button.upload-btn { background: var(--primary-color); color: var(--font-color); border: none; border-radius: 8px; font-weight: 500; text-transform: uppercase; padding: 5px 15px; font-size: 15px; } .bank-info-depo { background: #2b3247; padding: 10px; max-width: 600px; margin-bottom: 30px; border-radius: 7px; } a.copy-icon { color: var(--primary-color); font-size: 15px; margin-left: 5px; } .subicon { margin-right: 10px; } .subicon img { max-width: 30px; } /** Download Page **/ .t-inner-body.download { background: url("/theme/asset/template_desktop18/imgs/download-bg2.jpg") no-repeat top center; background-size: 100%; background-position-y: 55px; } .download-sec { position: relative; padding: 10px 0 30px; } .dl-banner { position: absolute; left: -4%; top: 0; max-width: 65%; margin: 0 auto; pointer-events: none; } .download-content { max-width: 650px; margin: 0 0 0 auto; position: relative; z-index: 2; } ul.nav.nav-download { justify-content: center; } ul.nav.nav-download li.nav-item { margin: 0 10px; } ul.nav.nav-download li.nav-item a.nav-link { background: #283145; color: var(--font-color); width: 150px; text-align: center; border-radius: 5px; padding: 5px 6px; display: flex; align-items: center; justify-content: center; height: 43px; } ul.nav.nav-download li.nav-item a.nav-link i { margin-right: 6px; } ul.nav.nav-download li.nav-item a.nav-link.active { background: var(--primary-color); } .download-list-wrapper { text-align: center; } .download-box { display: inline-block; background: linear-gradient( 180deg, rgba(43, 50, 72, 0) 6%, rgba(43, 50, 72, 0.5999649859943977) 34%, rgba(43, 50, 72, 0.8828781512605042) 65%, rgba(43, 50, 72, 1) 100% ); text-align: center; width: 31%; max-width: 190px; color: var(--font-color); margin: 2% 0.5%; border-radius: 0 0 8px 8px; padding: 0 0 15px; } .dl-qr { max-width: 130px; margin: 5px auto; } .device-os { letter-spacing: 1px; padding: 6px 0; font-size: 14px; } .android-icon { color: #a4c639; } button.download-btn { background: var(--primary-color); border: 1px solid var(--primary-color); color: var(--font-color); height: 35px; padding: 2px 5px; width: 100%; max-width: 85%; border-radius: 7px; font-weight: 600; text-transform: uppercase; font-size: 14px; margin-top: 5px; } button.download-btn:hover { filter: brightness(1.3); } #theme-contain-adminloginx { padding-top: 80px; position: relative; } #theme-contain-adminloginx table { margin: auto; } #theme-contain-adminloginx table tr td input { margin-bottom: 10px; } #theme-contain-adminloginx table tr td input[type="submit"] { background: var(--primary-color); color: var(--font-color); border-radius: 10px; padding: 10px; } @media (max-width: 1080px) { .body-container { display: block; } .body-container.active .header-sec { width: 100%; } .footer-sec { padding-bottom: 80px; } .t-menu { display: none; } .header-sec { width: 100%; } .logreg-wrap.login button.register-btn, .logreg-wrap.login button.login-btn { display: none; } button.mobile-wallet-btn, button.mobile-profile-btn { display: inline-block; } .mobile-btm-sec { display: block; } .search-game-wrap { display: none; } ul.nav.header-menu { display: none; } .header-container { height: 55px; } .header-right-ball { height: 45px; } .logo img { max-height: 45px; } .max-container { padding: 0 10px; } .footer-top-wrapper { display: none; } .footer-btm-wrapper { grid-template-columns: auto; padding: 5px 0; } .footer-column { border-right: none; border-bottom: 1px dashed #f3f5f6; padding: 10px 0; } .footer-column:last-child { border-bottom: none; } .t-inner-body.lottery { background-position-y: 54px; } .lottery-mobile { text-align: center; display: initial; } .table-responsive.rs-table { background: var(--bg-color); border: 1px solid var(--secondary-color); } ul.lt-wrap { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 2px; border-bottom: 2px solid var(--primary-color); padding: 0 2px; text-align: center; } .nav-tabs.lt-wrap .nav-link { border: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0; } .nav-tabs.lt-wrap .nav-item.show .nav-link, .nav-tabs.lt-wrap .nav-link.active { color: var(--primary-color); background-color: transparent; } li.lt-item { position: relative; padding-bottom: 22px; } ul.lt-wrap li a.active:after { content: ""; color: var(--primary-color); position: absolute; border-top: 0; border-right: 0.7em solid transparent; border-bottom: 0.7em solid; border-left: 0.7em solid transparent; width: 8px; margin: auto; bottom: -1px; left: 0; right: 0; z-index: 10; } .date-box { padding: 10px 0px; font-size: 15px; background: linear-gradient( 90deg, rgba(19, 23, 36, 1) 0%, rgba(42, 49, 74, 1) 100% ); text-align: center; } .slots-lobby-container { padding: 15px; grid-template-columns: auto; } .slots-provider { white-space: nowrap; overflow: auto; } a.spvdbox { display: inline-block; height: auto; width: 12.2%; text-align: center; font-size: 14px; padding: 5px; } .pdv-icon { margin: 0; display: block; } .all-balance-card { padding: 20px 15px; max-width: 800px; margin: 0 auto; } .pfrow { grid-template-columns: auto; } .pfcol { border-right: none; padding-right: 0; } .pfrow .pfcol:last-child { border: none; padding-left: 0; padding-right: 0; } .hot-slot { font-size: 10px; padding: 16px 2px 2px; } .vip-mobile-wrapper { display: block; padding: 0 10px; max-width: 1300px; margin: 0 auto; position: relative; border-radius: 20px; background: #313131; padding: 10px; overflow: hidden; } .how-vip, .vipslide { display: none; } .t-inner-body.vip { background-position-y: 55px; background-size: 140%; background-position-x: left; } .vip-privilege { background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5775560224089635) 21%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100% ); padding: 15px 15px; margin: 0 -15px; left: 0; right: 0; top: 0; } .vip-top-banner { height: 370px; } .slidermain_vip { padding-bottom: 0; } .vptext-1 { font-size: 40px; } .vptext-2 { font-size: 19px; } .vptext-current { font-size: 30px; } #tab_ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } #tab_ul li { text-align: center; } #tab_ul li a img { max-width: 100px; } .vip-card-wrapper { margin-top: 12%; } .vip-lvl { font-size: 3.4vw; } .turnover-text { font-size: 0.8vw; } .achieve-text { font-size: 0.9vw; } .lock-status { font-size: 1vw; } .whtext { color: var(--font-color); } .slick-active.slick-center .vip-card-wrapper { margin: 0 -13%; transform: scale(1); } .slick-current .vip-lvl { font-size: 5.3vw; } .slick-current .achieve-text { top: 74%; font-size: 1.7vw; } .slick-current .lock-status { font-size: 1.8vw; } .infopage-container { grid-template-columns: auto; } .info-menu-wrap { display: none; } .info-content { padding: 30px 15px; } .deposit-sec { padding: 0 0 30px; } .af-container { display: block; } .quick-menu-wrapper { display: block; } .afcolumn-left { display: none; } .deposit-note.mobile { display: block; background: none; } .mainwallet-wrap { padding: 15px 25px; } .mwtext { font-size: 14px; } .mwbalance { font-size: 28px; } .af-field-wrap { grid-template-columns: auto; } .bank-pay { max-width: 110px; font-size: 14px; } .ft-title { font-size: 13px; } ul.ft-mblist { list-style-type: none; padding: 0; } ul.ft-mblist li { display: inline-block; font-size: 13px; margin-right: 10px; } .mobile-footer-column { display: block; } .floating-chat { display: none; } button.back-to-top { bottom: 80px; height: 40px; width: 40px; } } @media (max-width: 991px) { .feature-bonus-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; max-width: 600px; margin: 0 auto; } .stepbox { font-size: 14px; } .step-img { max-width: 45%; } .regtitle { display: block; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase; } .register-wrapper { grid-template-columns: auto; } .agree-text { text-align: center; } .product-game-sec { padding: 35px 0 30px; } .display-game-wrap { display: flex; flex-direction: column-reverse; } .dg-img-column { position: relative; padding: 50px 15px 1px 15px; } .casino-character { max-width: 42%; } .deco.gold-dice { top: 0%; max-width: 60%; } .dg-column { padding: 5px 15px 30px; } .dg-subtitle { display: none; } .gaming-character { max-width: 60%; } .gaming-character.live22 { max-width: 90%; } .sports-character { max-width: 45%; } .dl-banner { left: 0; right: 0; top: -15px; } .download-content { margin: 30% auto 0; max-width: none; } .transfrom-amt-wrapper { grid-template-columns: auto; max-width: 460px; } } @media (max-width: 767px) { .flexslider { width: 100vw; margin: -25px -10px 30px -10px; } .flexslider .slides img { width: 100%; margin: 0; border-radius: 0; } .flex-control-nav { bottom: -30px; } .flex-control-paging li a { width: 20px; height: 3px; border-radius: 0; } .jackpot-bg { height: 90px; border-radius: 15px; } .promo-content ol#faq_modal { gap: 0px; } .fancybox-wrap { width: 90% !important; } .promo-content ol#faq_modal li.question { width: 100%; } .sport-template { padding: 15px 20px 15px; } #api-leaguefeed .brick { min-width: 100%; margin: 5px 0; } ul.nav.nav-provider-game { margin: 0 -8px; } .vip-table-wrapper .table-responsive { border: 0; } table.vip-table tr td { padding: 7px 0; } .btn-primary { width: 100px; height: 35px; margin-right: 0; margin-top: -30px; } .lotto-drawresult { display: grid; grid-template-columns: 80% 80% 80% 80% 80% 80% 80% 80% 80% 80% 80%; overflow-x: auto; } .hc-content-item:hover .plynwbtn:before { bottom: 10px; } section.prod-sec { width: 100vw; overflow: hidden; } .hc-sub-content-display p { font-size: 18px; } .hc-content-item:hover .hc-sub-content-display p { bottom: 40px; } .plynwbtn span { height: 35px; } .hc-content-item:hover .hc-content-display { height: 170px; } .hc-content-item, .hc-content-display { height: 160px; } .home-custom-container { grid-template-columns: 195px 195px 195px 195px; padding-right: 20px; width: 100%; gap: 10px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; margin: 15px 0 30px 0; } .desktop { display: none; } .mobile { display: block; } .jackpot-position { font-size: 30px; width: 300px; } .owl-carousel.main-slider { margin-bottom: 15px; } .owl-carousel.main-slider::before, .owl-carousel.main-slider::after { content: none; } .register-step-wrapper { grid-template-columns: repeat(2, 1fr); grid-gap: 20px 10px; } .stepbox { font-size: 13px; } .stepbox-inner { padding: 10px 10px 10px; min-height: 90%; } .step-title { margin-top: 6px; } .white-box, .white-line { display: none; } .usp-wrapper { padding-top: 5px; } .usp-container { padding: 20px 15px 20px; } .usp-subtitle { font-size: 15px; } .usp-box { display: grid; grid-template-columns: 26% auto; grid-gap: 10px; max-width: 100%; align-items: center; padding: 10px; margin: 10px 0; } .uspimg { margin: 0 auto; } .usp-info { text-align: left; } .join-today { grid-template-columns: auto; height: auto; text-align: center; padding: 20px 10px; font-size: 20px; } .footer-copyright { font-size: 11px; } .ftbn-title { font-size: 18px; } form.reg-form { padding: 15px 0; } ul.nav.nav-provider-game li.nav-item { width: 23.5%; } .product-game-sec { padding: 4vw 0 30px; } ul.nav.nav-provider-game a.nav-link { height: 11vw; } ul.nav.nav-provider-game a.nav-link img { max-height: 90%; } a.spvdbox { width: 16.3%; font-size: 13px; } .slot-filter-wrap { display: block; } .sf-btn-wrap { margin-bottom: 10px; } .slots-container { grid-template-columns: repeat(4, 1fr); grid-gap: 6px; } .slot-name { font-size: 12px; } .vip-top-banner { height: 330px; } .lock-status img { max-width: 1.1vw; } .slick-active.slick-center .vip-card-wrapper { margin: 0 -40%; transform: scale(1); } .slick-current .vip-lvl { font-size: 8vw; } .slick-current .turnover-text { font-size: 3vw; } .slick-current .achieve-text { top: 76%; font-size: 2.5vw; } .slick-current .lock-status { font-size: 2.5vw; } .slick-current .lock-status img { max-width: 2vw; } .promobox { grid-template-columns: auto; } .more-info-wrap { position: initial; margin-top: 15px; } .filter-menu { background: none; padding: 0; text-align: center; } .pmbox { background: #141724; margin: 4px 1px; } button.restore-btn { padding: 3px 7px; font-size: 12px; margin: 0 2px 0 5px; } .date-form-wrapper { display: grid; grid-gap: 15px; } .history-btn-wrap { text-align: center; } .pfrow-2 { grid-template-columns: auto; } .all-balance-card { max-width: 480px; } .pvd-balance-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .pvb-col-1 { font-size: 13px; } .pvb-col-2 { font-size: 15px; } button.allin-btn { font-size: 13px; padding: 2px 6px; } } @media (max-width: 600px) { .jptittle { padding-bottom: 3px; margin-bottom: 3px; padding-top: 3px; font-size: 10px; } .jackpot-position { width: 250px; font-size: 22px; } .jpprice { margin-left: 28px; } } @media (max-width: 480px) { .logo { margin-right: 10px; } .header-right-ball { animation: swing 1s infinite alternate ease-in-out; } .hdright-wrap img { content: url(/data/2246/uploads/trophy2026.webp); } @keyframes swing { 0% { transform: rotate(0deg); } 33% { transform: rotate(-5deg); } 66% { transform: rotate(5deg); } 100% { transform: rotate(0deg); } } .floating:before { left: 3%; } .floating:after { right: 5%; } button.back-to-top { bottom: 80px; height: 35px; width: 35px; font-size: 18px; opacity: 0.7; } .seo-wrapper { font-size: 12px; } .seo-wrapper h1 { font-size: 16px; font-weight: 700; } .seo-wrapper h2 { font-size: 15px; font-weight: 700; } .seo-wrapper h3 { font-size: 14px; font-weight: 700; } .seo-wrapper h4 { font-size: 13px; font-weight: 500; } .seo-wrapper h5 { font-size: 12px; font-weight: 500; } .gname { font-size: 2.2vw; } .bftitle { font-size: 15px; } .usp-info { font-size: 13px; } .usp-title { font-size: 17px; } .join-today { font-size: 18px; } .promo-home-sec { max-width: 94%; } .owl-theme.promo-slider .owl-nav button.owl-prev { left: -3%; width: 5vw; height: 5vw; font-size: 4.5vw; } .owl-theme.promo-slider .owl-nav button.owl-next { right: -3%; width: 5vw; height: 5vw; font-size: 4.5vw; } .owl-theme.slots-slider .owl-nav button.owl-prev { top: -128%; right: 35px; font-size: 20px; height: 25px; width: 25px; } .owl-theme.slots-slider .owl-nav button.owl-next { top: -128%; font-size: 20px; height: 25px; width: 25px; } .regtext-1 { font-size: 20px; } ol.fun { font-size: 15px; } .reg-feature-banners { grid-gap: 6px; } .product-game-sec { padding: 3vw 0 30px; } .dg-img-column { padding: 10% 15px 1px 15px; } ul.nav.nav-provider-game li.nav-item { width: 31%; margin: 0.7%; } ul.nav.nav-provider-game a.nav-link { height: 13vw; } .game-pvd-img { max-width: 80%; margin: 0 auto; } .game-pvd-img img { max-height: 65px; } a.spvdbox { width: 24.5%; font-size: 12px; } .slots-container { grid-template-columns: repeat(2, 1fr); grid-gap: 10px 10px; } .slotgbox { max-width: none; } .slot-name { font-size: 14px; } .hot-slot { font-size: 9px; padding: 14px 2px 1px; right: -33px; top: -8px; } .t-inner-body.vip { background-size: 187%; } .vip-top-banner { height: 220px; } .turnbox-wrap { margin: 0 auto; width: 100%; } .lvlbar-wrap { height: 1vw; } .slick-current .lvlbar-wrap { height: 2vw; } .vip-tnc { font-size: 14px; } .sm-promo-title { font-size: 16px; } .smpromo-caption { font-size: 13px; } .info-content { padding: 20px 15px; font-size: 14px; } .info-title { font-size: 22px; padding: 0 10px; } .info-content-inner { padding: 0 10px; line-height: 1.4; } .contactbox { width: 45%; margin: 1% 2%; } a.tpm-btn { font-size: 12px; } a.tpm-btn img { max-height: 25px; } .aform-wrapper { padding: 15px 15px; } a.afsub-btn { margin: 0.5% 0.5% 0.5% 0; min-width: 48.5%; font-size: 14px; } .bank-pay { max-width: 31.5%; margin: 0 0.4%; } .bank-acct-btn.bnk { font-size: 13px; } .bank-info-depo { font-size: 14px; } .mainwallet-wrap { padding: 15px 15px; grid-template-columns: 59% 40%; } .mwtext { font-size: 13px; padding: 0 0 5px; height: 30px; } .mwbalance { font-size: 20px; } .info-wrap { width: 110px; font-size: 10px; padding: 5px; } button.reload-btn { font-size: 13px; padding: 0px 3px 3px; } button.redeem-btn { padding: 2px 5px; font-size: 11px; margin-left: 2px; } .bank-depo-option.banking .bank-acct-btn img { max-height: 30px; } button.update-btn.add-bank { position: initial; margin-top: 5px; } .profile-top-wrapper { padding: 20px 15px; } .pfcolumn { padding: 20px 15px; } .pvb-col-1 { font-size: 13px; } button.allin-btn { font-size: 13px; padding: 2px 6px; } ul.nav.nav-download li.nav-item { margin: 0 2%; } .download-content { margin: 51% auto 0; } .dl-banner { max-width: 85%; right: -17%; } .download-box { width: 47%; } table.history-table { font-size: 13px; } input.profile-input { font-size: 16px; } .pf-ftitle { font-size: 18px; } button.balance-btn { padding: 15px 25px; } } #faq_fbinner::-webkit-scrollbar { display: none; } .lobby-btn-wrap { position: absolute; left: 0; right: 0; bottom: 16%; text-align: center; } button.globby-btn { background: var(--primary-color); color: var(--font-color); height: 43px; font-size: 18px; font-weight: 500; min-width: 180px; border-radius: 8px; padding: 2px 10px; box-shadow: 0px 2px 9px rgb(0, 0, 0, 0.5); } button.globby-btn:hover { transform: scale(0.98); background: var(--primary-color); box-shadow: 0px 1px 4px rgb(0, 0, 0, 0.5); } /** Reward Center Updated - 1/8/2024**/ .player-reward-box { background: #131724 url(../images/user-vip-bg.jpg) top center no-repeat; background-size: 100%; border-radius: 20px; text-align: center; padding: 10px 15px 20px; margin-bottom: 15px; } .rwctitle-wrap { display: flex; align-items: center; justify-content: center; margin: 0px auto 12px; border-bottom: 1px solid var(--secondary-color); padding-bottom: 12px; } .rwcimg { max-width: 90px; margin: -25px 15px 0 0; } .rwctitle { font-size: 24px; color: var(--primary-color); font-weight: 700; text-transform: uppercase; } button.wdr-btn { border: 1px solid var(--primary-color); border-radius: 45px; color: var(--font-color); height: 32px; padding: 2px 4px; font-size: 14px; margin: 0 0.5%; width: 48%; } button.wdr-btn i { color: var(--primary-color); margin-right: 8px; } button.wdr-btn:hover { background: var(--primary-color); } button.wdr-btn:hover i { color: var(--font-color); } .rwcinfo { text-align: left; padding: 0 10px 10px; } .rwrow { display: flex; align-items: center; grid-gap: 0 10px; margin: 5px 0 10px; } .rwicon { color: var(--primary-color); } .mw2balance { font-size: 26px; font-weight: 700; text-align: center; } .mw2balance button.reload-btn { font-size: 18px; padding: 0px 0px 3px; margin-left: 5px; } .rc-quickgame-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px; margin-top: 2px; } .rc-quickgame { position: relative; display: inline-block; text-align: center; font-size: 11px; background: var(--secondary-color); border-radius: 10px; padding: 5px 2px; vertical-align: text-top; cursor: pointer; } .rc-quickgame img { max-width: 40px; } .rc-quickgame a { display: block; } .rcgtext { margin-top: 5px; color: var(--font-color); } .rc-quickgame:hover { background: var(--bg-color); } .rc-quickgame:hover .rcgtext { color: var(--primary-color); } a.mslink.noticed::after { content: "!"; background: #fd0007; height: 15px; width: 15px; color: var(--font-color); border-radius: 50%; font-size: 12px; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: 10px; } .rwc-toptitle { font-size: 22px; font-weight: 700; color: var(--primary-color); margin-bottom: 20px; } .rwcbox-wrap { background: var(--secondary-color); padding: 15px 15px; border-radius: 15px; position: relative; margin: 10px 0; } .rwcbox-wrap.claimed { filter: grayscale(1); pointer-events: none; } .rwclaim-upper { display: grid; grid-template-columns: 360px auto; grid-gap: 10px; } .rwclaim-img { height: 125px; overflow: hidden; max-width: 360px; } .rwclaim-img img { object-fit: cover; height: 100%; } .rwclaim-info { display: flex; flex-flow: column; justify-content: space-around; } .rwclaim-top { font-size: 20px; font-weight: 600; overflow: hidden; } .rwctext-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .rwctext-2 { color: var(--primary-color); font-size: 90%; } .date-legend { color: #888888; font-size: 13px; } .date-legend i { margin-right: 5px; } .claim-date-text { color: var(--font-color); font-size: 14px; font-weight: 600; padding-top: 2px; } .rwclaim-btm { display: grid; grid-template-columns: auto 140px; grid-gap: 20px; margin-top: 5px; } .claim-requirement { font-size: 12px; color: #888888; padding: 5px 0px; } .claim-date { margin-bottom: 7px; } button.rw-claim-btn { background: var(--primary-color); border: 1px solid transparent; color: var(--font-color); font-size: 15px; text-transform: uppercase; border-radius: 8px; padding: 2px 5px; height: 37px; width: 100%; max-width: 140px; } button.rw-claim-btn:hover { background: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); } .reward-claim-info { position: absolute; right: 9px; top: 7px; z-index: 2; } button.claim-info { background: none; border: none; padding: 0; color: var(--font-color); font-size: 14px; } button.claim-info:hover { color: #ffe27f; } ul.nav.nav-provider-game.rwcenter li.nav-item { width: 23.5%; } ul.nav.nav-provider-game.rwcenter a.nav-link:hover { background-color: #2b3048; background: linear-gradient( 180deg, rgba(43, 50, 72, 1) 0%, rgba(44, 59, 72, 0.9248949579831933) 40%, rgba(66, 193, 74, 0.5691526610644257) 100% ); border: 1px solid #7b9eac; } @media (max-width: 1080px) { .afcolumn-left.rwcenter { display: block; } .rwrow { justify-content: center; } .rwcenter .afmenu-box { margin-bottom: 15px; } } @media (max-width: 767px) { .rwclaim-upper { display: grid; grid-template-columns: 45% auto; grid-gap: 10px; } .rwclaim-img { height: 14vw; } .rwctext-1 { -webkit-line-clamp: 2; } .rwclaim-top { font-size: 18px; } .rwclaim-wrap { text-align: right; } .claim-requirement { font-size: 11px; } } @media (max-width: 480px) { .rwcenter ul.nav.afmenuside-nav { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px; } .rwcenter ul.nav.afmenuside-nav li.nav-item a.mslink { align-items: center; flex-direction: column; justify-content: center; background: var(--secondary-color); height: 75px; font-size: 13px; text-align: center; border-radius: 10px; padding: 1px 3px; } .afn-icon { margin: 0 auto 5px; } .rc-quickgame { font-size: 13px; } .rc-quickgame img { max-width: 35px; } .rwcenter .rwc-content { padding: 15px 15px; } .rwclaim-btm { grid-template-columns: auto 115px; grid-gap: 5px; } .rwclaim-top { font-size: 3.3vw; } button.rw-claim-btn { font-size: 14px; height: 30px; } } /** Update - 6/8/2024 **/ .mainwallet-wrap { padding: 25px 30px; grid-template-columns: 48% 30% 20%; } a.rwc-wrap { text-align: center; text-transform: uppercase; color: var(--primary-color); font-size: 13px; font-weight: 600; } .rwiconimg { margin-bottom: 5px; } .rwiconimg img { max-width: 45px; } a.rwc-wrap:hover .rwiconimg { transform: scale(1.05); } ul.btm-menu-nav { height: 58px; } a.bmenu-link { position: relative; } .bmimg { height: 25px; } .bmtext { line-height: 1; height: 24px; display: flex; align-items: center; justify-content: center; } .bmimg.rwc-img img { position: absolute; left: 0; right: 0; bottom: 50%; margin: 0 auto; max-height: 45px; } @media (max-width: 1080px) { .mainwallet-wrap { padding: 25px 35px; grid-template-columns: 54% 45%; } .mwbox-rc { display: none; } } @media (max-width: 480px) { .mainwallet-wrap { padding: 15px 15px; grid-template-columns: 59% 40%; } } .btncopy { cursor: pointer; } #snackbar { visibility: hidden; color: var(--font-color); background-color: #333; min-width: 250px; margin-left: -125px; border-radius: 10px; padding: 16px; text-align: center; left: 50%; bottom: 70px; z-index: 100; position: fixed; } /* This will be activated when the snackbar's class is 'show' which will be added through JS */ #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } /* Animations for fading in and out */ @-webkit-keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 70px; opacity: 1; } } @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 70px; opacity: 1; } } @-webkit-keyframes fadeout { from { bottom: 70px; opacity: 1; } to { bottom: 0; opacity: 0; } } @keyframes fadeout { from { bottom: 70px; opacity: 1; } to { bottom: 0; opacity: 0; } } @charset "utf-8"; /* CSS Document */ .modal.left.fade .modal-dialog { left: -100%; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.in .modal-dialog { left: 0; } .modal.left .modal-dialog { position: fixed; margin: auto; width: 100%; height: 100%; max-width: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.left .modal-content { height: 100%; overflow-y: auto; } .modal.left.fade .modal-dialog { left: -100%; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.show .modal-dialog { left: 0; } .modal-content.mobile-side { display: block; background: url(/data/2246/uploads/sidemenu-top.png), url(/data/2246/uploads/sidemenu-bottom.png), var(--gradient-color); background-size: 100%; background-position: top left, right bottom, center; background-repeat: no-repeat; border: none; border-radius: 0; } button.close-menu { position: absolute; right: 15px; top: 17px; color: #9bacc9; font-size: 18px; } .mobile-menu-top { background: var(--secondary-color); border-bottom: 1px solid var(--primary-color); padding: 5px 15px; height: 55px; display: flex; align-items: center; } .mb-logo img { max-height: 40px; } .mobile-sidemenu { position: relative; overflow: auto; height: 90vh; } .mobile-sidemenu .member-info-wrapper { margin: 15px 15px; } .mobile-sidemenu .sidemenu-wrapper { overflow-x: visible; height: auto; margin: 0 15px; } .mobile-sidemenu .language-wrap { margin: 0 15px; } /** Login Modal **/ .modal-dialog.login { max-width: 700px; } .modal-content.login { background: var(--secondary-color); border: none; color: #fff; padding: 25px; text-align: center; } button.close-x { background: none; color: var(--font-color); border: none; padding: 0; font-size: 18px; position: absolute; right: 15px; top: 10px; z-index: 2; } button.close-x:hover { color: var(--primary-color); } .login-logo { padding-bottom: 30px; } .login-logo img { max-height: 55px; } .login-wrapper { max-width: 400px; margin: 0 auto; width: 100%; padding-bottom: 40px; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select { background: var(--bg-color); color: var(--second-font-color); border: 2px solid var(--secondary-color); height: 40px; padding: 4px 15px 4px 50px; border-radius: 8px; } input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, textarea::placeholder, select::placeholder { color: #cbcbcb; } .small { color: #ff0f0f; } input#customformv2_UserName, input#customform_UserName, input#registerform_UserName { background-image: url(/theme/asset/template_desktop18/imgs/username.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } input#customformv2_Password, input#customform_Password, input#registerform_Password { background-image: url(/theme/asset/template_desktop18/imgs/password.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } input#registerform_CPassword { background-image: url(/theme/asset/template_desktop18/imgs/cpassword.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } input#registerform_FullName { background-image: url(/theme/asset/template_desktop18/imgs/pencil.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } select#registerform_Currency { background-image: url(/theme/asset/template_desktop18/imgs/ccurrency.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } input#registerform_Mobile { background-image: url(/theme/asset/template_desktop18/imgs/phone.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } input#registerform_PromotionCode { background-image: url(/theme/asset/template_desktop18/imgs/affiliate.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } input#registerform_varifycode { background-image: url(/theme/asset/template_desktop18/imgs/captcha.png); background-size: 18px; background-repeat: no-repeat; background-position: left 16px center; } span.log-icon { position: absolute; left: 17px; top: 9px; font-size: 18px; color: #535e76; } .forgot-link { padding-bottom: 15px; } .forgot-link a { color: #535e76; font-size: 15px; } .forgot-link a:hover { color: var(--primary-color); } .regnow-text { font-size: 16px; } .regnow-text a { color: var(--accent-color); } .regnow-text a:hover { color: var(--font-color); } .reg-line.login { background: var(--primary-color); height: 1px; width: 100%; margin: 20px 0 20px; } .note-issues { font-size: 13px; max-width: 400px; margin: 0 auto; } .title-forgot { font-size: 22px; font-weight: 600; padding-bottom: 5px; color: var(--font-color); } .reset-text { font-size: 15px; padding-bottom: 15px; } .vcode-img { position: absolute; right: 15px; top: 9px; } /** Payout **/ .modal-dialog.payout { max-width: 800px; } .modal-content.payout { background: var(--secondary-color); border: none; border-radius: 20px; padding: 25px; color: var(--font-color); } .pytitle { font-size: 26px; font-weight: 700; text-transform: uppercase; text-align: center; } .lotto-divider { background: var(--secondary-color); height: 1px; margin: 15px auto; width: 100%; } .pytitle-1 { padding-bottom: 10px; } table.payout-table { text-align: center; } table.payout-table tr th { background: var(--secondary-color); font-weight: 600; padding: 5px 1px; border: 1px solid var(--secondary-color); } table.payout-table tr td { background: var(--bg-color); font-weight: 500; padding: 5px 1px; border: 1px solid var(--secondary-color); } ol.step { padding-left: 17px; } /** Promotion **/ .modal-dialog.promo { max-width: 850px; } #faq_fbinner { background: var(--secondary-color); color: var(--font-color); border: none; border-radius: 20px; max-height: 90vh; overflow: auto; } .promo-popup-content { padding: 15px 0 0; } .pmtitle-wrap { padding: 0 20px; } .pmtitle { text-align: center; font-size: 25px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px; color: var(--accent-color); } .pmcaption { text-align: center; color: var(--font-color); } .pm-dvd-line { height: 2px; width: 90%; background: var(--primary-color); margin: 10px auto; } .pmwrap { padding: 5px 0px 15px; } .gtext { color: var(--primary-color); font-weight: 500; padding: 5px 0; } .table-responsive.promo-table { text-align: center; font-size: 14px; border: 0; } table.table-promo tr th { font-weight: 400; background: var(--primary-color); color: var(--second-font-color); padding: 6px 2px; border: 1px solid var(--secondary-color); } table.table-promo tr td { font-weight: 400; background: var(--bg-color); color: var(--second-font-color); padding: 6px 2px; border: 1px solid var(--secondary-color); } .rules-btn-wrap { margin-bottom: 15px; } .pmtnc-wrap { background: var(--secondary-color); } .pmtnc-wrap .mb-2 { margin-bottom: 10px; } ul.terms { padding-left: 17px; } #faq_fbinner.rules { border-radius: 15px; border: 1px solid var(--primary-color); } .pm-content { padding: 15px 15px; } /** Change Password modal **/ .modal-dialog.edit-popup { max-width: 550px; } .modal-content.edit-popup { background: var(--secondary-color); color: var(--font-color); border-radius: 15px; padding: 30px; } /** Inbox Modal **/ .modal-dialog.mail-popup { max-width: 750px; } .modal-content.mail-popup { background: var(--secondary-color); border: none; color: var(--font-color); padding: 20px 20px; border-radius: 15px; } .mail-title { text-align: center; font-size: 25px; font-weight: 600; padding-bottom: 15px; } .mail-content { background: #2b3247; border-radius: 15px; padding: 30px; } .mail-content a { color: var(--primary-color); } .close-btn-wrap { padding-top: 15px; text-align: center; } button.close-pm-btn { background: var(--primary-color); color: var(--font-color); border: none; font-size: 16px; font-weight: 500; padding: 6px 20px; border-radius: 40px; border: 1px solid var(--primary-color); text-transform: uppercase; } button.close-pm-btn:hover { background: transparent; color: var(--primary-color); } /** How Deposit Modal **/ .modal-dialog.how-pop { max-width: 900px; } .modal-content.how-popup { background: var(--secondary-color); color: var(--font-color); border: none; border-radius: 15px; padding: 20px 30px; } .how-title { text-align: center; font-size: 26px; font-weight: 600; text-transform: uppercase; padding-bottom: 15px; } .how-depo-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; padding-bottom: 10px; } .dep-box { background: #2b3247; position: relative; border-radius: 10px; padding: 15px 15px 15px; font-size: 15px; text-align: center; } .step-num { color: var(--primary-color); text-transform: uppercase; font-size: 18px; font-weight: 700; margin-bottom: 5px; } .depo-img { margin-bottom: 10px; } .don-show-tick { color: var(--font-color); } .don-show-tick .game-option { font-size: 13px; } /** Download Modal **/ .modal-dialog.download { max-width: 600px; } .downloadbody { text-align: center; } .downloadbox { text-align: center; width: 30%; margin: 0 1%; display: inline-block; } a.dllink-btn { background: var(--primary-color); border: 1px solid var(--primary-color); color: var(--font-color); height: 35px; padding: 2px 5px; width: 100%; display: flex; align-items: center; justify-content: center; max-width: 150px; margin: 8px auto; border-radius: 8px; font-weight: 500; text-transform: uppercase; } .table-responsive.access-info { margin-top: 10px; text-align: center; } input.access-input { background: none; border: none; color: var(--font-color); display: inline-block; width: auto !important; text-align: center; } input#customformv2_submit.password, input#customform_submit.password { font-size: 14px; height: 33px; min-width: auto; } @media (max-width: 767px) { #faq_fbinner { max-height: 100vh; } .modal-content.how-popup { padding: 20px 15px; } .how-depo-wrapper { grid-template-columns: repeat(2, 1fr); } .don-show-tick { text-align: center; margin-top: 15px; } .mail-content { padding: 15px; } .mail-title { font-size: 18px; } } @media (max-width: 480px) { .modal-content.payout { padding: 15px; } .pytitle { font-size: 20px; } button.close-x { font-size: 15px; } #faq_fbinner { font-size: 14px; } .pmwrap { padding: 5px 15px 15px; } .pmtnc-wrap { padding: 20px 15px; } .pmtitle { font-size: 20px; } .table-responsive.promo-table { font-size: 13px; } .how-title { font-size: 20px; } a.dllink-btn { font-size: 13px; } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .tab-content > .active { display: block; } /*====================product css=====================*/ #theme-contain-prod { position: relative; max-width: 1200px; padding: 80px 20px; } #theme-contain-prod .prod-banner img { border-radius:20px; margin:0px auto 25px; } #cms5-prod-list #title { margin: 10px auto; } #cms5-prod-list #title a { color: #fff; } #cms5-prod-list ul #addcart a { position: absolute; left: 0; right: 0; bottom: 20px; padding: 8px 10px; text-align: center; background: linear-gradient(to bottom, #8f00ff 0%, #b42beb 100%); background-size: 100%; width: 150px; height: 40px; border: 0px solid white; color: #fff; line-height: 25px; border-radius: 10px; margin: auto; } #cms5-prod-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; } #cms5-prod-list ul { background: #2b3247; border-radius: 20px; margin: 5px; padding: 32px 11px; display: inline-block; transition: 0.3s; height: 350px; border: 2px solid #2b3247; width: 100%; vertical-align: top; position: relative; list-style: none; text-align: center; } #cms5-prod-list .caption, #cms5-prod-list #desc, #cms5-prod-list #details, #cms5-prod-list #enquiry, #cms5-prod-list #code { display: none; } div#sort { margin-top: -17px; } select#sortlist { background: #1b2033; border-radius: 3px; display: inline-block; width: 23%; padding: 0px 4px; height: 38px; border: 1px solid #1b2033; } #myModalredeem ol.o img { width: calc(100% - 40px); } #myModalredeem .modal-content { background-color: #2b3247; } #price-range input#price-min { background: #1b2033; border-radius: 3px; display: inline-block; width: 23%; padding: 0px 4px; height: 38px; border: 1px solid #1b2033; } input#price-max { background: #1b2033; display: inline-block; border-radius: 3px; width: 23%; padding: 0 4px; height: 38px; border: 1px solid #1b2033; } input#submit-btn { border-radius: 5px; padding: 6px; color: #03927c; font-weight: 600; width: 10%; } .intro button#customform_submit:hover { background: linear-gradient(180deg, rgba(43, 50, 72, 1) 0%, rgba(44, 59, 72, 0.9248949579831933) 40%, rgb(108 48 161) 100%); transition: .3s; } .intro button#customform_submit { width: 48.5%; padding: 10px; background: linear-gradient(0deg, #a3775e, #3c3836); color: #fff; border: 0; border-radius: 20px; font-size: 15px; transition: .3s; } div#search-bar { border: 1px solid #4c4c4c52; padding: 16px; border-radius: 6px; background: #2b3247; max-width: 1250px; margin: 25px auto; position: relative; } legend { display: block; width: 100%; padding: 0; margin-bottom: 24px; font-size: 24px; line-height: inherit; color: #fff; border: 0; border-bottom: 1px solid #e5e5e5; } label { font-size: 18px; margin: 8px 0; color: #fff; display: inline-block; font-weight: 500; min-width: 100px; } div#price-range input#stock { margin-left: 10px; } #clear-btn { position: absolute; white-space: nowrap; color: #fff; text-decoration: underline; right: 210px; bottom: 30px; } #search-form input#submit-btn { background: linear-gradient(to bottom, #8f00ff 0%, #b42beb 100%); color: white; padding: 15px 1px; border: 0px #075fc6 solid; border-radius: 15px; font-size: 14px; font-weight: 800; width: 170px; position: absolute; bottom: 16px; right: 0; left: unset; margin: 0 15px 0 0; } div#keyword { display: none; } #cms5-prodcatlist ul li a { color: var(--font-color); } #cms5-prodcatlist ul li { background: var(--primary-color); padding: 10px 5px; border-radius: 10px; } #cms5-prodcatlist ul { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; text-align: center; grid-gap: 10px; } .intro p.r { width: 70%; padding-right: 5%; } /*====================product cart view=====================*/ #cms5-prod-view { padding: ; } #cms5-prod-view #addcart a { color:#fff; border-radius:10px; width: 150px; height: 40px; text-align: center; font-size: 12px; position: relative; cursor: pointer; transition: all 0.2s ease; margin: 5px 0px 20px; display: block; background: linear-gradient(to bottom, #8f00ff 0%, #b42beb 100%); line-height: 40px; border: none; text-transform: uppercase; } #cms5-prod-view #addcart:hover a { background: linear-gradient(to bottom, #b42beb 0%, #8f00ff 100%); color: #fff } #cms5-prod-view #title #caption { width: 80px } #cms5-prod-view .gcontent { width: 100%; margin: -10px auto 0px; } #cms5-prod-view td { margin: 10px 5px } #cms5-prod-view #desc #caption { width: 100px; border: red solid 0px; } #cms5-prod-view #back-btn a { color: #8f00ff; margin: 20px auto; } /*====================product cart checkout=======================*/ /*checkout table*/ #prod-cart { padding: 3%; text-align: center; } #prod-cart .tbllist .tbl th { font-weight: 500; color: #fff; } #prod-cart .tbllist.rounded.spacer input[type="button"] { padding: 5px; color: #000; border: 0px solid; border-radius: 5px; } #prod-cart .tbllist{ overflow-x: auto; } #prod-cart .tbllist form table{ width: 100%; min-width: 600px; border-collapse: collapse; } #prod-cart .tbllist form table input[value=EMPTY] { background: transparent; } #prod-cart .tbllist form tr #photo { padding: 3px; } #prod-cart .tbllist.rounded.spacer tr th { background: #8f00ff !important; text-align: center; padding: 5px; } #prod-cart .tbllist .tbl tfoot td { padding: 3px 8px; background: transparent; } #prod-cart input[type=text] { box-shadow: none; margin-top: 0px; } #prod-cart .tbllist #qty input[type=text] { border: 0px solid #ed0306; } #prod-cart #continue-shopping a { display: block; color: #fff; width: 200px; transition: all 0.2s ease; margin: 30px auto; padding: 10px 20px; border-radius: 20px; background: #8f00ff; text-transform: uppercase; } #prod-cart #continue-shopping:hover a { background: #c57efd; } #prod-cart .alert-warning { padding: 10px; } #prod-cart #control ul { list-style: none; } #prod-cart #icon-delete a { display: inline-block; width: 24px; height: 24px; background-image: url('/theme/asset/template_desktop18/imgs/delete.png'); background-size: cover; background-repeat: no-repeat; background-position: center; text-indent: -9999px; margin-top: 5px; border: none; cursor: pointer; } /*================checkout login========================*/ #theme-contain-prod #remoteloginform, #theme-contain-prod #customform { width: 300px; margin: 20px auto 0; text-align: center; background: #e9f2f7; border-radius: 17px; padding: 18px; padding: 30px; } #theme-contain-prod #remoteloginform .caption, #theme-contain-prod #customform .caption { display: none } #theme-contain-prod form#customform img { width: 200px; margin: 0px auto 10px; } #theme-contain-prod input#customform_submit { padding: 8px 20px; border-radius: 20px; } #sys_msg { padding: 5px 20px; } #cartlist #price, #cartlist #total, #cartlist #weight { text-align: center !important; } #cartlist #qty {} #prod-cart form { margin-bottom: 40px; } #prod-cart #ref a, #prod-cart #name a, #icon-delete a { color: #8f00ff; } #submember-login { width: 400px; background: #ebf3f5; padding: 30px 30px 5px 10px; display: block; margin: auto; border-radius: 20px; } @media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { .intro button#customform_submit { width: 49%; } div#cms5-prodcatlist ul li { width: 100% !important; } .intro p.r { width: 100%; padding-right: 0; } #cms5-prodcatlist ul { grid-template-columns: 170px 170px 170px 170px 170px 170px 170px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } #search-form input#submit-btn { position: unset; width: 100%; margin-top: -17px; } #clear-btn { position: unset; float: left; margin: 11px 0; } label { min-width: auto; } #cms5-prod-list { grid-template-columns: 1fr 1fr; } }