.detail-symbol { width: 1em; height: 1em; font-size: 26px } .loading-container { position: absolute; text-align: center; display: block; z-index: 10; width: 100%; height: 100% } .loading-container .loading-masker-container { filter: blur(1px); position: relative; pointer-events: none; width: 100%; height: 100% } .loading-container .loading-masker { content: ""; position: absolute; inset: 0; opacity: .4; z-index: 99; background-color: #fff } .loading-container .loading-indicator-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .loading-container .loading-indicator-container .loading-indicator { display: inline-block; position: relative; margin: 0; width: 48px; height: 48px; animation-duration: 5.6s; animation-timing-function: linear; animation-name: vectorRoute; animation-iteration-count: infinite; top: 50% } .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item { position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #ff6a00; animation-duration: 1.4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; margin: auto } .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) { top: 0; bottom: 0; left: 0; animation-name: vectorDotsX } .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) { left: 0; right: 0; animation-name: vectorDotsY; opacity: .8 } .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) { top: 0; bottom: 0; right: 0; animation-name: vectorDotsXR; opacity: .6 } .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) { left: 0; right: 0; bottom: 0; animation-name: vectorDotsYR; opacity: .2 } @keyframes vectorRoute { 0% { transform: rotate(0) } 5% { transform: rotate(90deg) } 25% { transform: rotate(90deg) } 30% { transform: rotate(180deg) } 50% { transform: rotate(180deg) } 55% { transform: rotate(270deg) } 75% { transform: rotate(270deg) } 80% { transform: rotate(360deg) } to { transform: rotate(360deg) } } @keyframes vectorDotsX { 25% { left: 0 } 45%, 50% { left: 16.8px; width: calc(12px * 1.2); height: calc(12px * 1.2) } 90% { left: 0; height: 12px; width: 12px } } @keyframes vectorDotsY { 25% { top: 0 } 45%, 50% { top: 16.8px; height: calc(12px * 1.2); width: calc(12px * 1.2) } 90% { top: 0; height: 12px; width: 12px } } @keyframes vectorDotsXR { 25% { right: 0 } 45%, 50% { right: 16.8px; width: calc(12px * 1.2); height: calc(12px * 1.2) } 90% { right: 0; height: 12px; width: 12px } } @keyframes vectorDotsYR { 25% { bottom: 0 } 45%, 50% { bottom: 16.8px; width: calc(12px * 1.2); height: calc(12px * 1.2) } 90% { bottom: 0; height: 12px; width: 12px } } #the-new-header { margin-bottom: 10px } #the-new-header.tnh-fixed .sub-menu-layout { display: flex; flex-direction: row; gap: 40px; margin: 0 auto; padding: 0 40px; min-width: 1240px; max-width: 1600px } #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item { display: inline-block; position: relative; transition: color .3s; border-bottom: 4px solid #fff; color: #222; font-size: 14px; line-height: 36px; -webkit-text-decoration: none; text-decoration: none } #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after, #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before { position: absolute; bottom: 0; transition: width .3s, transform .3s; background: #222; width: 0; height: 3px; content: "" } html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before { left: 50%; transform: translate(-50%) } html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before { right: 50%; transform: translate(50%) } html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after { right: 50%; transform: translate(50%) } html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after { left: 50%; transform: translate(-50%) } #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover { -webkit-text-decoration: none; text-decoration: none } #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover:after { width: 100% } #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:after, #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:before { width: 100% } .icbu-buyer-pc-top-banner:empty { display: none }

Games77 : Game Online Situs Digital Modern Terpercaya

There are best reviews632.177 sold#1 pencarian Situs Online Terbaik

Games77

Games77

Games77 : Game Online Situs Digital Modern Terpercaya

Games77 Game online ini membahas situs digital modern terpercaya dengan teknologi terbaru dan sistem aman.

Tren pencarian Games77 saat ini

9,743,817 searches

Best Situs Online Terpercaya Rank

# 1

Ratings & Reviews

5.0

Very satisfied

Based on 7779 reviews forverified Games77 Resmi

Togel Resmi

5.0

Situs Online Terpercaya

5.0

Games77 Alternatif

5.0

20 - 999 pieces

Rp 10.000

1000 - 1999 pieces

Rp 15.000

>= 2000 pieces

Rp 20.000

Variations

Select now

Games77 : Situs Online Terpercaya

Games 77

Games77 Resmi

Games77 Alternatif

Games77 Online

Games77 Login

Games77 Daftar

Bonus

Hadiah Cuan Terbesar

Hadiah Prize 2 & 3

Kenapa Games77

Memiliki Provider Game Terlengkap

Bonus Melimpah untuk Member

Event & Promo Eksklusif

Platform Aman & Nyaman

Protections for this product

Pembayaran aman

Pembayaran di Games77 dijamin 100% aman dan terpercaya berkat sistem enkripsi modern serta dukungan metode transaksi resmi, sehingga setiap deposit maupun penarikan bisa dilakukan dengan cepat, mudah, dan tanpa rasa khawatir!