@import url("css2.css?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root { --black: rgb(36,7,0); --buram: rgb(62,22,0); --gradient-game: linear-gradient(rgba(255,,,127,,,0,,,1),0,rgba(149,,,25,,,25,,,1),100); --gradient-red: linear-gradient(rgba(177,,,20,,,20,,,1),0,rgba(255,,,0,,,0,,,1),100); --gradient-gold: linear-gradient(rgba(150,,,90,,,1,,,1),0,rgba(255,,,165,,,0,,,1),100); --gradient-green: linear-gradient(rgba(7,,,143,,,0,,,1),0,rgba(10,,,198,,,0,,,1),100); --gradient-red_hover: linear-gradient(rgba(255,,,0,,,0,,,1),0,rgba(177,,,20,,,20,,,1),100); --gradient-gold_hover: linear-gradient(rgba(255,,,165,,,0,,,1),0,rgba(150,,,90,,,1,,,1),100); --gradient-green_hover: linear-gradient(rgba(10,,,198,,,0,,,1),0,rgba(7,,,143,,,0,,,1),100); }* { font-family: "Poppins", sans-serif; }html, body { font-family: "Poppins", sans-serif; }header { display: block; position: relative; }header .logo { width: 30vw; max-width: 100%; }body { margin-top: 0; margin-right: 0; margin-bottom: 10vh; margin-left: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; }footer { display: block; position: relative; }.btn-group-justified { display: flex; }.btn-group-justified .btn { flex-grow: 1; }.bg-buram { background-color: initial; }.bg-gradient-red { background-color: initial; }.bg-gradient-red:hover { background-color: initial; }.bg-gradient-gold { background-color: initial; }.bg-gradient-gold:hover { background-color: initial; }.bg-gradient-green { background-color: initial; }.bg-gradient-green:hover { background-color: initial; }.container { max-width: 1024px; }marquee {  }.banner_partner img { display: block; width: 100%; }.progress { height: 1.8em; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }.progress p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold; color: rgb(34, 34, 34); z-index: 15; }.yellow {  }.green {  }.red {  }#xpola { position: relative; }#xpola:before { content: "POLA"; position: relative; display: block; vertical-align: -50%; margin-top: -14px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; left: 0px; width: 100%; background-color: rgb(34, 34, 34); background-image: initial; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0px 1px 0px rgb(102, 102, 102); font-size: 1.2vw; transform: scale(0.5); }#xpola span { display: block; font-size: 1.2vw; }.card-game { background-color: initial; }.card-game .card-body {  }.card-img, .card-img-top { position: relative; width: 100%; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; max-height: 22vh; transition-property: transform; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; z-index: -1; }.card-body { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; color: rgb(255, 255, 255); font-size: 12px; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; overflow-x: hidden; overflow-y: hidden; position: relative; justify-content: center; }.card-body .subscript { position: relative; top: 0px; width: 100%; }.card-body .subscript .hot { position: absolute; background-color: initial; background-image: url("../img/hot.gif"); background-size: cover; background-position: center center; top: 0; left: 0.5vw; width: 3vw; height: 3vw; }.card-body .subscript .top { position: absolute; background-color: initial; background-image: url("../img/top.gif"); background-size: cover; background-position: center center; top: 0; right: 0.5vw; width: 3vw; height: 3vw; }.tab-content > .active {  }.hover-btn { position: absolute; opacity: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 10; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 100%; height: 100%; }.hover-btn:hover { cursor: pointer; }.hover-btn:hover ~ .img-zoom { position: relative; }.card-game:hover .card-img-top { transform: scale(1.3); }.play-btn { color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; text-decoration-line: none !important; text-align: center; align-items: center; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; display: block; margin-top: 22%; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; background-color: initial; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: initial; }.play-btn:hover { color: rgb(221, 221, 221); background-color: initial; }ul.navbar-grid { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; left: 0; right: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; list-style-type: none; list-style-image: none; margin-bottom: 0; }ul.navbar-grid li { width: 100%; }.quick-footer { overflow-x: hidden; left: 0px; bottom: 0px; width: 100%; position: fixed; z-index: 11; padding-bottom: 1px; background-color: rgb(0, 0, 0); }.quick-footer-navbar a { color: rgb(221, 221, 221); background-color: transparent; border-top-color: rgb(51, 51, 51); border-right-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); border-left-color: rgb(51, 51, 51); line-height: 2.5; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.quick-footer-navbar a.active { color: rgb(17, 17, 17); background-color: initial; background-image: linear-gradient(180deg, #9fa1e9 0%, #7e6de1 40%, #7145dd63 100%); }.quick-footer-navbar li .grid-btn { font-size: 11px; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; border-right-width: 0; }.grid-btn-icon-top { padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 0; }.grid-btn { position: relative; text-align: center; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; cursor: pointer; text-decoration-line: none !important; font-family: inherit; text-shadow: none !important; box-shadow: none !important; text-rendering: auto; }.grid-btn i { display: block !important; margin-left: auto; margin-right: auto; font-size: 20px; }.game-front-menu { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }.game-front-wrapper { padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; }.game-group-front { height: 100%; margin-bottom: 0; }.game-group-front .owl-stage-outer { padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; }.owl-carousel .owl-stage { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; flex-direction: row; }.game-group-front .owl-item.active:first-child { margin-left: -9px; }.game-group-front .owl-nav { position: absolute; width: 100%; top: 0; margin-top: 0 !important; height: 100%; font-size: 3rem; font-weight: bold; z-index: -1; }.game-group-front .owl-nav button { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; width: 40px; background-color: transparent !important; background-image: initial !important; }.game-group-front .owl-nav button.owl-prev { float: left; height: 100%; margin-left: -20px !important; }.game-group-front .owl-nav button.owl-next { float: right; height: 100%; margin-right: -20px !important; }.game-group-front .owl-nav [class*="owl-"]:hover { background-color: transparent; background-image: initial; }.game-group-front .nav-link { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; height: auto; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; display: block; position: relative; text-decoration-line: none; }.game-group-front .nav-link > img { width: 100%; display: block; max-height: 70.95px; }.game-group-front .nav-link:hover img { transform: scale(1.3); }.animate-charcter { text-transform: uppercase; background-image: linear-gradient(-225deg, rgb(111, 177, 249) 0%, rgb(68, 16, 122) 29%, rgb(255, 19, 97) 67%, rgb(52, 115, 183) 100%); background-size: 200% auto; background-clip: border-box; color: rgb(255, 255, 255); display: inline-block; font-size: 24px; }@keyframes textclip{  }@media (max-width: 767px) { header .logo { width: 50vw !important; }.game-group-front .nav-link { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 95%; }.play-btn { display: none; }.card-game .card-body { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }.card-body .subscript .hot { left: 0.5vw; width: 5vw; height: 5vw; }.card-body .subscript .top { right: 0.5vw; width: 5vw; height: 5vw; }.progress { height: 1.2em; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.progress p { line-height: 18px; font-size: 12px; }#jamgacor, #xpola span { font-size: 2vw; }#xpola:before { font-size: 4vw; margin-top: -11px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }.search-box { height: 40px !important; }.search-box.active .search-btn { right: 1% !important; }.search-box .search-btn { font-size: 15px !important; line-height: 30px !important; height: 30px !important; width: 30px !important; right: 45% !important; }.search-box input { font-size: 14px !important; } }.search-box { position: relative; height: 45px; }.search-box.active { width: 100%; background-color: transparent; background-image: initial; }.search-box.active input { opacity: 1; }.search-box input { height: 100%; width: 100%; background-color: rgb(255, 255, 255); background-image: initial; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; font-size: 18px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 15px; outline-style: none; opacity: 0; }.search-box .search-btn { position: absolute; height: 40px; width: 40px; background-color: rgb(255, 255, 255); background-image: initial; color: rgb(102, 74, 255); top: 50%; right: 0; transform: translateY(-50%); line-height: 45px; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; font-size: 20px; cursor: pointer; z-index: 2; }.search-box.active .search-btn { height: 35px; width: 35px; background-color: rgb(190, 47, 47); background-image: initial; color: rgb(255, 255, 255); right: 5px; line-height: 40px; font-size: 17px; }@media (max-width: 22em) { #xpola:before { font-size: 3vw; margin-top: -10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }@media (min-width: 34em) { .card-columns { column-count: 2; }#xpola:before { font-size: 3vw; } }@media (min-width: 48em) { .card-columns { column-count: 3; }#xpola:before { font-size: 2vw; margin-top: -12px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }@media (min-width: 62em) { .card-columns { column-count: 4; }#xpola span { font-size: 0.9vw; }#xpola:before { font-size: 1.6vw; margin-top: -14px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.loading-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-color: rgba(0, 0, 0, 0.8); z-index: 9; }.loading-overlay img { position: relative; top: 50%; transform: translateY(-50%); }