@charset "UTF-8"; html, body { padding: 0 !important; margin: 0 !important; touch-action: manipulation !important; } html { scrollbar-width: auto; } html::-webkit-scrollbar { width: 3px; height: 3px; background-color: #DEDEDE; } html::-webkit-scrollbar-thumb { background-color: #0B7DDA; border-radius: 5px; } .element { scrollbar-width: auto; } .element::-webkit-scrollbar { width: 3px; height: 3px; background-color: #DEDEDE; } .element::-webkit-scrollbar-thumb { background-color: #0B7DDA; border-radius: 5px; } ::-webkit-scrollbar { width: 3px; height: 3px; background-color: #DEDEDE; } ::-webkit-scrollbar-thumb { background: #0B7DDA; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: #0B7DDA; } .progress-container-custom { width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; } .progress-bar-custom { height: 2px; background: #0B7DDA; width: 0%; } img { border-radius: 5px; } img.lazyload:not([src]) { visibility: hidden; } img:-moz-broken { opacity: 0; } img::after { content: ""; display: block; position: absolute; top: 0; left: 0; background-color: transparent; } iframe { border-radius: 5px; } .mainshowcallcenter { background: none; position: fixed; bottom: 134px; right: 24px; width: 45px; height: 45px; font-size: 24px; text-align: center; cursor: pointer; line-height: 0px; border-radius: 15px; z-index: 9999; } .mainimglivechat { background-color: #FFFFFF; padding: 2px; border-radius: 50%; width: 100%; height: auto; display: block; margin: 0 auto; } .mainlivechat { background-color: transparent; position: fixed; bottom: 180px; right: 24px; width: 60px; height: 60px; font-size: 24px; text-align: center; align-content: center; border-radius: 50px; line-height: 0px; padding: 2px; } .mainwhatsapp { background: transparent; position: fixed; bottom: 249px; right: 24px; width: 60px; height: 60px; font-size: 24px; text-align: center; align-content: center; border-radius: 15px; line-height: 0px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .carouselborder { border-radius: 15px !important; padding: 5px; 0 } .togelheader { border: 3px solid #0D47A1; border-top-left-radius: 15px; border-top-right-radius: 15px; } .togeltitle { background: #0D47A1; color: #DEDEDE; } .lastgames { width: 100%; height: 100px; text-align: -webkit-center; overflow: hidden; overflow-x: scroll; } .lastgamenav { max-width: 1200px; height: auto; justify-items: center; place-content: center; } .lastgameitem { width: 110px; height: auto; padding: 5px; } .lastgameimg { display: block; margin: 0 auto; border-radius: 8px; max-width: 100%; width: 100px; height: 75px; opacity: .90; } .lastgameimg:hover { box-shadow: 0px 0px 8px 0px #0D47A1; opacity: 1; } .dailydropwin { width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; } .gamertpimg { display: block; margin: 0 auto; width: 100%; min-height: 140px; height: 140px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; opacity: .90; } .gamertpimg:hover { box-shadow: 0px 0px 8px 0px #0D47A1; opacity: 1; } .gamertpimgtitle { background: #F1F1FF; height: 20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0; } .gamertpimgtitle:hover { box-shadow: 0px 0px 8px 0px #0D47A1; } .gamenormalimg { display: block; margin: 0 auto; width: 100%; min-height: 140px; height: 140px; border-radius: 8px; opacity: .90; } .gamenormalimg:hover { box-shadow: 0px 0px 8px 0px #0D47A1; opacity: 1; } @media screen and (max-width: 1024px) { .gamertpimg { min-height: 100px; height: 100px; } .gamenormalimg { min-height: 100px; height: 100px; } } @media screen and (max-width: 768px) { .gamertpimg { min-height: 90px; height: 90px; } .gamenormalimg { min-height: 90px; height: 90px; } } .providernormalimg { display: block; margin: 0 auto; width: 100px; height: auto; max-width: 100%; max-height: 140px; border-radius: 8px; opacity: .9; } .topbrandimgmobile { display: block; margin: 0 auto; width: auto; max-height: 40px; color: #F1F1FF!important; } .topbtandimgdesktop { width: auto; max-height: 45px; } .dropdownoptiontop { font-size: 12px; text-transform:lowercase; border-radius: 10px; width: 100%; border: 2px solid #DEDEDE; } .dropdownoptiontopmenu { padding: 2px; background: #030C30; border-radius: 10px; border: 2px solid #DEDEDE; } .dropdownoptiontopitem { width: 20px; color: #F1F1FF; } .dropdownoptiontopbalance { font-size: 12px; text-transform:capitalize; border-radius: 10px; width: 100%; border: 2px solid #DEDEDE; } .dropdownoptiontopsaldo { padding: 2px; background: #030C30; border-radius: 10px; border: 2px solid #DEDEDE; } .dropdownoptiontopwallet { border-top: 0; vertical-align: middle; color: #F1F1FF; } .dropdownoptiontopwalletinfo { border-top: 0; vertical-align: middle; color: #0B7DDA; } .dropdownoptiontopinfowallet { border-top: 0; color: #F1F1FF; } .dropdownoptiontopinfosaldo { border-top: 0; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; color: #F1F1FF; } .dropdownoptiontopsaldotarik { border-top: 0; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; color: #0B7DDA; } .gamelistmenudesktop { width: 40px; height: 40px; display: block; margin: 0 auto; } .gamelistmenumobile { width: 50px!important; height: 50px; display: block!important; margin: 0 auto; } .sidebarmenuinfo { width: 60px; height: 60px; border: 1px solid #eee; border-radius: 5px; background: #151819; font-size: 18px; text-align: center; padding-top:10px; padding-bottom: 10px; } .sidebarmenutitle { font-size: 16px; color: #F1F1FF; } .sidebarmenuinfosaldo { border-top: 1px solid rgb(255,255,255,0.5); border-bottom: 1px solid rgb(255,255,255,0.5); } .sidebarmenuinfosaldoidr { background: #030c30; color: #F1F1FF; font-size: 16px; border-bottom: 1px solid rgb(255,255,255,0.5); } .sidebarmenuoptionlist { width: 20px; color: #F1F1FF!important; } .notificationtext { background: #F1F1FF!important; color: #000; } .notificationmarquee { color: #000; font-size: 12px; } .footercopyrightimg { display: block; margin: 0 auto; max-width: 85%; max-height: 40px; } .footerapplicationimg { display: block; margin: 0 auto; max-width: 35%; max-height: 40px; opacity: .90; } .footerapplicationimg:hover { box-shadow: 0px 0px 8px 0px #0D47A1; opacity: 1; } .footerfixedcontent { position:fixed; bottom: 0px; width: 100%; z-index: 9999; } .footercontentdesktop { border-top: 3px solid #0B7DDA; border-top-left-radius: 20px; border-top-right-radius: 20px; } .footercontenttext { width: 40px; height: 40px; padding: 5px; margin: 0 auto; border-radius: 15px; font-size: 20px; background: #0d47a1; } .mobileprovider { width: 100%; height: auto; overflow: hidden; overflow-x: scroll; overflow-y: hidden; } .mobileprov { height: auto; justify-content: center; width: max-content; } .desktopprov { height: auto; justify-content: center; } .menuprovider { max-height: 80px; border: 0px solid rgb(255,255,255,0.5); padding: 10px; border-radius: 15px; } .menuprovider:hover { box-shadow: 0px 0px 8px 0px #0D47A1; background: #030C30; } .styleimgprovider { width: 100px; max-height: 50px; display: block; margin: 0 auto; border-radius: 8px; opacity: .95; } .styleimgprovider:hover { opacity: 1; } .lastgameplay { width: 100%; height: 90px; overflow: hidden; overflow-x: scroll; } .navlastgameplay { width: 600px; height: 90px; } .navitemlastgameplay { width: 100px; height: 100px; padding: 5px; } .imgnavitemlastgameplay { display: block; margin: 0 auto; border-radius: 8px; width: 90px; height: 75px; } .imgnormalmobilelayout { display: block; margin: 0 auto; height: 80px; width: 100%; border-radius: 8px; opacity: .90; } .imgnormalmobilelayout:hover { box-shadow: 0px 0px 8px 0px #0D47A1; opacity: 1; } .togel { border-radius: 15px; } .togel:hover { box-shadow: 0px 0px 8px 0px #0D47A1; } .togelheader:hover { box-shadow: 0px 0px 8px 0px #0D47A1; } .hoverimg { border-radius: 15px; } .hoverimg:hover { box-shadow: 0px 0px 8px 0px #0D47A1; } .backtotop { display: none; overflow: hidden; color: #fff; background: #0B7DDA; position: fixed; bottom: 85px; right: 24px; width: 40px; height: 40px; font-size: 24px; text-align: center; cursor: pointer; line-height: 34px; border-radius: 50px; z-index: 9999; } .backtotop:hover { background: #0D47A1; opacity: 1; } @media screen and(max-width:880px) { .navbar-scrolled.backtotop { opacity: 0 !important; } } .modal { top: -200px; } .modalu { top: -100px; } .fixedfeature { position: fixed; bottom: 85px; left: 24px; text-align: center; cursor: pointer; border-radius: 15px; z-index: 9999; } .fixedfeature img { width: 45px; height: 45px; } @keyframes zoominout { 0% { transform: scale(0.9); } 50% { transform: scale(1.1,1.1); } 100% { transform: scale(0.9); } } .inoutimg { animation: zoominout 0.8s infinite; } @keyframes zoominoutlogo { 0% { transform: scale(1); } 50% { transform: scale(1.03,1.03); } 100% { transform: scale(1); } } .inoutlogo { animation: zoominoutlogo 1s infinite; } .game-item:hover .game-btn { opacity:1; } .game-btn { width:100%;height:100%;border-radius:15px;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;gap:4px;opacity:0;transition:.2s; } .game-btn { background-color:rgba(0,0,0,.5); } .game-btn .btn-beginplay,.game-btn .btn-freeplay { border-radius:15px;width:56px;height:28px; } .game-btn .btn-beginplay { display:flex;justify-content:center;align-items:center;transition:.2s;cursor:pointer;font-size:14px;background-color:transparent;background-size:100% 100%;white-space:nowrap; } .game-btn .btn-beginplay.active,.game-btn .btn-beginplay:hover{color: #DEDEDE; opacity:1; } .game-btn .btn-freeplay { display:flex;justify-content:center;align-items:center;transition:.2s;cursor:pointer;font-size:13px;background-color:transparent;background-size:100% 100%;white-space:nowrap; } .game-btn .btn-freeplay { background-image: linear-gradient(to right,#019e4c 0%, #04b962 50%, #019e4c 100%); color: #FFFFFF; opacity:.9; } .game-btn .btn-freeplay.active,.game-btn .btn-freeplay:hover { color: #DEDEDE; opacity:1 } .game-item:hover .game-btn-sm { opacity:1; } .game-btn-sm { width:100%;height:100%;border-radius:8px;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;gap:4px;opacity:0;transition:.2s; } .game-btn-sm { background-color:rgba(0,0,0,.5); } .game-btn-sm .btn-beginplay,.game-btn-sm .btn-freeplay { border-radius:8px;width:48px;height:24px; } .game-btn-sm .btn-beginplay { display:flex;justify-content:center;align-items:center;transition:.2s;cursor:pointer;font-size:12px;background-color:transparent;background-size:100% 100%;white-space:nowrap;margin-top:80px; } .game-btn-sm .btn-beginplay.active,.game-btn-sm .btn-beginplay:hover{color: #DEDEDE; opacity:1 } .game-btn-sm .btn-freeplay { display:flex;justify-content:center;align-items:center;transition:.2s;cursor:pointer;font-size:11px;background-color:transparent;background-size:100% 100%;white-space:nowrap;margin-top:80px; } .game-btn-sm .btn-freeplay { background-image: linear-gradient(to right,#019e4c 0%, #04b962 50%, #019e4c 100%); color: #FFFFFF; opacity:.9; } .game-btn-sm .btn-freeplay.active,.game-btn-sm .btn-freeplay:hover { color: #DEDEDE; opacity:1; } .bg-custom { border-bottom: 1px; background: url(/assets/images/background/1-body.webp) repeat center fixed #030C30; } header { background: #030C30; } header .form-control { border: 1px solid #6c757d; background-color: rgba(0, 0, 0, 0); color: #eee !important; } header .form-control:focus{ border: 1px solid #232021; background-color: #232021; color: #fff !important; } header ::placeholder { color: #fff !important; font-size: 15px; opacity: .5 !important; } section.site-header { height: 90px; padding-top: .5rem; background: #030C30; z-index: 9999!important; } section.site-header ul.navbar-nav li.nav-item a.nav-link { color: #F1F1FF; font-size: 14px; line-height: 28px; font-weight: 400; } section.site-header ul.navbar-nav li.nav-item a.nav-link:hover { color: rgb(255,255,255,0.7); } .blink_me { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } .progressive-jackpot { position: relative; text-align: center; margin: 0 auto; background-size: 100% 100%; } .progressive-jackpot > h2 { position: absolute; top: 0; left: 0; right: 0; display: inline-block; outline: 0; box-sizing: border-box; border: none; border-radius: 0.3em; text-transform: uppercase; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(179 179 179 / 40%), inset 0 -2px 5px 1px rgb(0 0 0), inset 0 -1px 1px 3px rgb(151 151 151); background-image: linear-gradient(160deg, #424242, #595959, #787878, #4f4f4f, #000); border: 1px solid #000; color: #f5f5f5; font-weight: 700; text-shadow: 0 2px 2px rgb(0 0 0); transition: all 0.2s ease-in-out; background-size: 100% 100%; background-position: center; font-size: 16px; max-width: 290px; z-index: 5; letter-spacing: 0; margin: 0 auto; line-height: 1.5; } #jackpot { font-family: "Space Mono", monospace; background-image: linear-gradient(160deg, #fff, #515151, #f7f7f7, #dfdfdf, #fff, #575757, #e9e9e9); color: #F1F1FF; -webkit-background-clip: text; } .progressive-jackpot, .progressive-jackpot img { width: 100%; border-radius: 15px; } .progressive-jackpot img { max-width: 100%; } .jackpot-wrapper { display: flex; vertical-align: middle; align-items: center; } .jackpot-wrapper > span { position: absolute; width: 100%; font-size: 3rem; } .progressive-jackpot:hover { box-shadow: 0px 0px 10px 0px #0D47A1; } .progressive-jackpot img { width: 1370px; max-width: 100%; max-height: 100%; background-size: 100% 100%; } .progressive-jackpot h2 { text-transform: uppercase; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(110, 80, 20, 0.4), inset 0 -2px 5px 1px rgba(139, 66, 8, 1), inset 0 -1px 1px 3px rgba(250, 227, 133, 1); background-image: linear-gradient( 160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07 ); border: 1px solid #a55d07; color: #281b01; text-shadow: 0 2px 2px rgba(250, 227, 133, 1); font-size: 14px !important; } .dashboard { background-color: #030c30; border-bottom: 1px; color: #f1f1ff; } .dashboard h1, .dashboard h2, .dashboard h3, .dashboard h4, .dashboard h5, .dashboard h6 { line-height: 1.2; } .dashboard .card { background: #1e2124!important; color: #F1F1FF!important; border-radius: 5px; } .dashboard .card .card-header { background: #151819; } .dashboard .card .card-header, .dashboard .card .card-body { background: none; } .dashboard ul.nav.flex-column li.nav-item a.nav-link { padding-top: 10px; padding-bottom: 10px; font-size: 16px; text-transform:uppercase; margin: 0; border-top: 2px solid #DEDEDE; } .dashboard ul.nav.flex-column li.nav-item a.nav-link:hover, .dashboard ul.nav.flex-column li.nav-item a.nav-link.active { background: #0D47A1; color: #F1F1FF!important; } .dashboard ul.nav { border-bottom: 2px solid #DEDEDE; } .dashboard ul.nav li.nav-item a.nav-link { padding-top: 10px; padding-bottom: 10px; font-size: 14px; text-transform:uppercase; margin: 0; } .dashboard ul.nav li.nav-item a.nav-link:hover, .dashboard ul.nav li.nav-item a.nav-link.active { background: #0D47A1; color: #F1F1FF!important; } .dashboard .form-control { background-color: #151819; color: #fff !important; } .dashboard .form-control:focus { border: 1px solid #232021; background-color: #F1F1FF; color: #232021!important; } .dashboard ::placeholder { color: #fff !important; font-size: 15px; opacity: .5 !important; } .dashborder { padding: 10px 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .dashtext { background: #151819; color: #F1F1FF; padding: 20px 10px; } .bg-footer { color: #dedede; position: relative; background: url(/assets/images/background/1-footer.webp) repeat center fixed #151819; width: 100%; border-top: 1px; } .product-tile__clip-path[data-v-10b0ebbe] { display: flex; padding: 0; padding-top: 0px; padding-top: 0px; margin-top: -39px; width: 100%; height: 50px; position: absolute; top: -10px; background-color: #151819;; clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px)); -webkit-clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px)); } .product-tile__clip-paths[data-v-10b0ebbe] { display: flex; padding: 0; padding-top: 0px; margin-top: -39px; width: 100%; height: 50px; position: relative; top: -10px; background-color: #0B7DDA; clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px)); -webkit-clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px)); } ul, ol { list-style: none; margin: 0; padding: 0; } .group-container { background: #030C30; display: block; width: auto; padding: 10px; margin-bottom: 10px; border: 1px solid #666666; border-radius: 10px; position: relative; vertical-align: top; font-size: 12px; } .group-container > legend { width: initial; border-bottom: 0; margin-bottom: 0; margin-top: 0; background: transparent; padding: 0 10px; font-size: 17px; color: #DEDEDE; } .type-container { background: #030C30; display: block; width: auto; padding: 20px 25px; margin: 0; border: 1px solid #666666; border-radius: 15px; position: relative; vertical-align: top; } .type-container > legend { width: initial; border-bottom: 0; margin-bottom: 0; margin-top: 0; background: transparent; padding: 0 10px; font-size: 17px; color: #DEDEDE; } .provider-container { background: #151819; display: inline-block; width: auto; padding: 10px; margin: 0 10px 10px 0; border: 1px solid #666666; border-radius: 10px; position: relative; vertical-align: top; } .provider-container > legend { width: initial; border-bottom: 0; margin-bottom: 0; margin-top: 0; background: transparent; padding: 0 10px; font-size: 17px; color: #DEDEDE; } .hover-list { display: flex; flex-wrap: wrap; } .hover-list > li + li { margin-left: 10px; } .hover-list > li { position: relative; } .hover-list > li picture, .hover-list > li img { height: 40px; width: 100%; padding-bottom: 10px; } .hover-list > li a > picture:first-child, .hover-list > li a > img:first-child, .hover-list > li > picture:first-child, .hover-list > li > img:first-child { opacity: 1; } .hover-list > li a > picture:last-child, .hover-list > li a > img:last-child, .hover-list > li > picture:last-child, .hover-list > li > img:last-child { position: absolute; left: 0; top: 0; opacity: 0; } .hover-list > li a > picture:first-child, .hover-list > li a > img:first-child, .hover-list > li > picture:first-child, .hover-list > li > img:first-child, .hover-list > li a > picture:last-child, .hover-list > li a > img:last-child, .hover-list > li > picture:last-child, .hover-list > li > img:last-child { transition: opacity 0.5s; } .hover-list > li:hover a > picture:first-child, .hover-list > li:hover a > img:first-child, .hover-list > li:hover > picture:first-child, .hover-list > li:hover > img:first-child { opacity: 0; } .hover-list > li:hover a > picture:last-child, .hover-list > li:hover a > img:last-child, .hover-list > li:hover > picture:last-child, .hover-list > li:hover > img:last-child { opacity: 1; } .sticky-left { position: fixed; top: 180px; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background: #151819; overflow-x: hidden; transition: 0.5s; } .sidenav .side_navigation ul.nav.flex-column li.nav-item a.nav-link { color: #F1F1FF; -webkit-transition: line-height 0.3s ease-in-out; transition: line-height 0.3s ease-in-out; border-bottom: 1px dotted #0B7DDA; } .sidenav .side_navigation ul.nav.flex-column li.nav-item a.nav-link:hover { background: #0D47A1; color: #F1F1FF!important; } @media screen and (max-width: 778px){ .navbar-collapse { background:#1e2124; } } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 14px;} } .game { justify-content: center; width: auto; } .main-content { position: relative; top: -10px; } .owl-theme .custom-nav { position: absolute; width: 100%; top: 3px; margin-top: 0 !important; height: 100%; font-size: 1.5rem; font-weight: bold; color: #F1F1FF!important; } .owl-prev, .owl-next { position: absolute; height: 87px; color: #F1F1FF!important; background: #030C30; border-radius: 5px; border: none; z-index: 100; } .owl-prev { left: -5px; } .owl-next { right: -5px; } .hrborder { border: 1.5px solid #0D47A1; margin-bottom: 10px; } .containerslide { padding-right: 0px; padding-left: 0px; }