@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?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";@keyframes flip-top {to {transform: rotateX(90deg);}}@keyframes flip-bottom {to {transform: rotateX(0deg);}}* {margin: 0;}html, body {margin: 0;padding: 0;font-family: "Red Hat Text", sans-serif;}body {background: #131623;min-height: 100vh;width: 100%}.container {width: 100%;min-height: 100vh;}.web_bg {width: 100%;background-image: url(../Images/web_bg.png);background-size: cover;}.countdown_cover {position: absolute;width: 100%;height: 100vh;top: 0;left: 0;display: none;background: rgba(0, 0, 0, .8);-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);z-index: 999999;}.countdown_block {width: 95%;max-width: 800px;height: 60vh;border-radius: 15px;display: flex;flex-direction: column;gap: 1rem;align-items: center;justify-content: center;position: relative;background: #1e212a;z-index: 9;margin: auto;}.countdown_block .fa-xmark {position: absolute;top: 10px;right: 15px;color: #fff;cursor: pointer;}.character {position: fixed;z-index: -1;}p {color: #fff;font-size: 16px;line-height: 1;font-weight: 400;filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}.cards {display: flex;gap: 15px;}.cards .card {text-align: center;font-size: 25px;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.664));}.cards .card p {color: #8486a9;font-size: 11px;letter-spacing: 3px;text-transform: uppercase;}.cards .card .flip-card {display: flex;flex-direction: column;box-shadow: 0 7px 3px 0 #151515;position: relative;margin: 15px auto;}.cards .card .top-half, .cards .card .bottom-half, .cards .card .top-flip, .cards .card .bottom-flip {color: #fbc972;font-size: 50px;height: 45px;width: 79px;padding: 7px 7px;font-weight: 600;overflow: hidden;text-align: center;will-change: transform !important;box-shadow: 0 3px rgba(71, 83, 115, .2) inset;}.cards .card .top-half, .cards .card .top-flip {color: #fbc972;border-radius: 5px 5px 0 0;background-color: #2c2c44;}.cards .card .top-half::before, .cards .card .top-flip::before {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;bottom: -5px;left: -5px;}.cards .card .top-half::after, .cards .card .top-flip::after {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;bottom: -5px;right: -5px;}.cards .card .bottom-half, .cards .card .bottom-flip {display: flex;justify-content: center;align-items: flex-end;border-radius: 0 0 5px 5px;background-color: #343650;box-shadow: 0 -2px 5px 0 rgba(71, 83, 115, .7) inset;}.cards .card .bottom-half::before, .cards .card .bottom-flip::before {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;top: -5px;left: -5px;}.cards .card .bottom-half::after, .cards .card .bottom-flip::after {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;top: -5px;right: -5px;}.cards .card .top-flip {position: absolute;transform-origin: bottom;transform: rotateX(0deg);animation: flip-top .5s ease-in forwards;}.cards .card .bottom-flip {position: absolute;bottom: 0;transform-origin: top;transform: rotateX(90deg);animation: flip-bottom .5s ease-out .5s;}@media only screen and (max-width: 600px) {.web_bg {width: 100%;background-image: url(../Images/mb_bg.png);background-size: cover;}.title {font-size: 2.4rem;}.cards .card .top-half, .cards .card .bottom-half, .cards .card .top-flip, .cards .card .bottom-flip {width: 54px;font-size: 30px;height: 32px;padding: 9px 5px;}.cards .card p {font-size: 9px;}.character {width: 80%}}.body_black {--bg_color: black;--body_bg: url(../Images/bg1.png), var(--bg_color);--shadow: rgba(0, 0, 0, 0.7);--header_bg: linear-gradient(to bottom, rgb(39, 39, 39), rgb(11, 11, 11));--header_nav: #0c0c0c;--nav_target: linear-gradient(to bottom, rgb(69, 69, 69), rgb(9, 9, 9));--transparent: #00000000;--nav_bg: linear-gradient(to bottom, rgb(69, 69, 69), rgb(9, 9, 9));--border: #e8bf58;--text: white;--lang: rgb(44, 44, 44);--button: linear-gradient(125deg, #fffae5, #ffec93, #e8bf58, #ffec93, #fffae5);--marquee: #bdbdbd57;--marquee_text: #716e6e;--provider: rgba(0, 0, 0, 0.3);--game_block: rgba(0, 0, 0, 0.3);--color1: #d2e5ff;--color2: #333333;--color3: #3C93ED;--newslot1: #111111;--newslotinput: white;}.body_light {--bg_color: #fffdf2;--body_bg: url(../Images/bg3.png), var(--bg_color);--shadow: rgba(66, 66, 66, 0.7);--header_bg: linear-gradient(to bottom, rgb(39, 39, 39), rgb(11, 11, 11));--header_nav: #606060;--nav_target: linear-gradient(to bottom, #555555, #3f3f3f);--transparent: #00000000;--nav_bg: linear-gradient(147deg, #f9fcff 0%, #dee4ea 74%);--border: #e8bf58;--text: rgb(34, 34, 34);--lang: rgb(231, 231, 231);--button: linear-gradient(125deg, #fffae5, #ffec93, #e8bf58, #ffec93, #fffae5);--marquee: #808080;--marquee_text: #222222;--provider: #716d6d;--game_block: rgba(0, 0, 0, 0.3);--color1: #d2e5ff;--color2: #333333;--color3: #3C93ED;--newslot1: rgba(0, 0, 0, 0.3);--newslotinput: #252424;}* {margin: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;font-weight: 500;-webkit-user-select: none;-moz-user-select: none;user-select: none;scroll-behavior: smooth;}body {position: relative;background: var(--body_bg);background-size: cover;background-repeat: no-repeat;background-position: center;min-height: 100vh;}.mx_width {max-width: 1240px;margin: 0 auto;}.row_wrap {display: flex;}.col_wrap {display: flex;flex-direction: column;}a {text-decoration: none;}header {width: 100%;position: sticky;top: 0;box-shadow: 0px 0px 20px var(--shadow);z-index: 99;background: var(--header_bg);}header .mx_width {gap: 15px;justify-content: space-between;align-items: center;}header .header_top_row {width: 100%;justify-content: space-between;align-items: center;padding: 15px 0;}header .logo {width: 25%;position: relative;max-width: 260px;display: flex;z-index: 10;}header .logo img {width: 85%}header .logo img:first-child {position: relative;z-index: 1;}header .logo .ball_animate {width: 17%;position: absolute;top: 50%;right: 0;z-index: 0;animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}header .logo .ball_animate .logo_wind {width: 205%;position: absolute;top: 50%;transform: translateY(-50%);right: 80%}header .logo .ball_animate .logo_ball {width: 100%;animation: rotate-in-center 2s linear infinite;transform-origin: center;}header .header_lang_con {width: -moz-fit-content;width: fit-content;padding: 5px;background: var(--lang);justify-content: space-between;align-items: center;gap: 5px;border-radius: 999rem;position: relative;}header .header_lang_con .lang_con {width: 100%;gap: 7px;cursor: pointer;}header .header_lang_con .lang_con img {width: 21px;cursor: pointer;}header .header_lang_con .lang_con .fa-solid {display: flex;align-items: center;cursor: pointer;color: var(--text);font-size: 12px;line-height: 1;margin-top: 3px;}header .header_lang_con .lang_drop_con {opacity: 0;display: none;position: absolute;width: -moz-fit-content;width: fit-content;background: var(--lang);z-index: 999;top: 100%;right: 0;border-radius: 10px;transition: .6s;overflow: hidden;}header .header_lang_con .lang_drop_con .lang_drop_row {width: 100%;padding: 15px;justify-content: flex-start;gap: 20px;align-items: center;cursor: pointer;transition: .6s;}header .header_lang_con .lang_drop_con .lang_drop_row img {width: 20px;cursor: pointer;}header .header_lang_con .lang_drop_con .lang_drop_row .lang_name {text-transform: uppercase;font-size: 10px;letter-spacing: .7px;cursor: pointer;font-weight: 500;color: var(--text);white-space: nowrap;}header .header_lang_con .lang_drop_con .lang_drop_row:hover {background: rgba(170, 170, 170, .4);}header .header_lang_con:hover .lang_drop_con {opacity: 1;display: flex;}header .header_nav {width: 100%;background: var(--header_nav);}header .header_nav .mx_width {justify-content: center;align-items: stretch;gap: 5px;}header .header_nav .nav_block {flex: 1;max-width: 120px;}header .header_nav .nav_block:hover .line {width: 100%}header .header_nav .nav_block .line {position: absolute;bottom: 0%;left: 50%;transform: translateX(-50%);width: 100%;height: 2px;background: #fbe17e;width: 0;transition: .6s;transform-origin: center;}header .header_nav .nav_block img {width: 28px;}header .header_nav .nav_block .nav {width: 100%}header .header_nav .nav_block .nav .sm_block {display: flex;align-items: center;justify-content: center;padding: 10px 20px;flex: 1;border-radius: 5px;cursor: pointer;position: relative;margin: 5px 0;}header .header_nav .nav_block .nav .sm_block span {color: #fff;font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: .4px;}header .header_nav .nav_block .nav .block_target {background: var(--nav_target);color: var(--border);box-shadow: 0px 0px 10px var(--shadow);}header .header_nav .nav_block .nav_dropdown {width: 100%;height: -moz-fit-content;height: fit-content;background: rgba(14, 14, 14, .8);left: 0;position: absolute;display: none;top: 100%;max-height: 450px;overflow: auto;opacity: 1;transition: .6s;transform-origin: top;padding: 20px;z-index: -1;flex-direction: column;justify-content: flex-start;align-items: center;scrollbar-width: 0;}header .header_nav .nav_block .nav_dropdown::-webkit-scrollbar {width: 16px;}header .header_nav .nav_block .nav_dropdown .dropdown_wrap {width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;row-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}header .header_nav .nav_block .nav_dropdown .dropdown_wrap .dropdown_block {width: 110px;position: relative;cursor: pointer;}header .header_nav .nav_block .nav_dropdown .dropdown_wrap .dropdown_block img {width: 100%;transition: .4s;}header .header_nav .nav_block .nav_dropdown .dropdown_wrap .dropdown_block .block_cover {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;display: flex;justify-content: center;align-items: center;opacity: 0;transition: .4s;cursor: pointer;}header .header_nav .nav_block .nav_dropdown .dropdown_wrap .dropdown_block .block_cover button {font-size: 12px;color: #000;background: var(--button);padding: 6px 20px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;border: 0;cursor: pointer;}header .header_nav .nav_block .nav_dropdown .dropdown_wrap .dropdown_block:hover img {filter: brightness(0.3) blur(1px);}header .header_nav .nav_block .nav_dropdown .dropdown_wrap .dropdown_block:hover .block_cover {opacity: 1;}header .header_nav .nav_block .nav_dropdown .dropdown_wrap .nav_drop_target {animation: nav_in .8s both;}header .header_nav .nav_block .nav_dropdown .scrolldown {position: absolute;bottom: 0;width: 100%;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;background: linear-gradient(to bottom, rgba(21, 21, 22, 0.1764705882), #111111);padding: 8px 0 12px;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}header .header_nav .nav_block .nav_dropdown .scrolldown .angle1 {width: 1em;height: 1em;background-color: rgba(0, 0, 0, 0);z-index: 80;border-width: 0 .2em .2em 0;border-style: solid;border-color: #f8ba1e;transform: rotate(45deg);animation: scrolldown 1.2s ease-in-out infinite .15s;}header .header_nav .nav_block .nav_dropdown .scrolldown .angle2 {width: 1em;height: 1em;background-color: rgba(0, 0, 0, 0);z-index: 80;border-width: 0 .2em .2em 0;border-style: solid;border-color: #f8ba1e;transform: rotate(45deg);animation: scrolldown 1.2s ease-in-out infinite;}@keyframes scrolldown {0% {transform: translateY(20%) rotate(45deg);opacity: .7;}50% {transform: translateY(0%) rotate(45deg);opacity: .2;}100% {transform: translateY(20%) rotate(45deg);opacity: .7;}}header .header_nav .nav_block:hover .nav_dropdown {display: flex;}header .header_right {flex: 1;justify-content: flex-end;align-items: center;gap: 15px;z-index: 10;}header .header_right a {width: -moz-fit-content;width: fit-content;display: flex;}header .header_right a img {width: 28px;}header .header_right .btn_login {font-size: 15px;color: #000;background: var(--button);padding: 5px 20px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;position: relative;z-index: 10;animation: shadow 1.5s ease-in-out infinite both;}header .header_right .btn_login:hover {opacity: .8;}@keyframes shadow {0%, 100% {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0);}50% {box-shadow: 0px 0px 15px #fff;}}header .header_right .btn_logout {font-size: 16px;color: #000;background: var(--button);padding: 6px 20px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;}header .header_right .btn_logout:hover {opacity: .8;}header .header_right .dark_mode {position: relative;}header .header_right .dark_mode label {width: 58px;height: 27px;position: relative;display: block;background: #242424;border-radius: 200px;box-shadow: inset 0px 5px 15px rgba(0, 0, 0, .4), inset 0px -5px 15px rgba(255, 255, 255, .4);cursor: pointer;transition: all .3s;}header .header_right .dark_mode label::after {content: "";width: 30px;height: 30px;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);background: linear-gradient(180deg, #777, #3a3a3a);border-radius: 180px;box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);transition: all .3s;}header .header_right .dark_mode label:active:after {width: 2vw;}header .header_right .dark_mode label svg {position: absolute;width: 18px;top: 50%;transform: translate(0, -50%);z-index: 1;}header .header_right .dark_mode label .moon {left: 6px;transition: .3s all;fill: #e7e7e7;}header .header_right .dark_mode label .sun {right: 5px;transition: .3s all;fill: #e7e7e7;}header .header_right .dark_mode input {width: 0;height: 0;visibility: hidden;opacity: 0;position: absolute;}header .header_right .dark_mode input:checked+label {background: #ebebeb;}header .header_right .dark_mode input:checked+label::after {top: 50%;left: 100%;transform: translate(-100%, -50%);background: linear-gradient(180deg, #ffcc89, #d8860b);}header .header_right .dark_mode input:checked+label svg.sun {fill: #000;}header .header_right .dark_mode input:checked+label svg.moon {fill: #000;}header .header_right .index_logged_head:first-child {border-right: 1px solid rgba(128, 128, 128, .705);padding-right: 15px;}header .header_right .index_logged_head {gap: 10px;align-items: center;position: relative;padding: 2px 0;}header .header_right .index_logged_head i {color: #e9e9e9;font-size: 13px !important;}header .header_right .index_logged_head .amount {color: #ffb700;font-size: 12px;background: rgba(0, 0, 0, 0);outline: 0;border: 0;min-width: unset !important;width: auto !important;cursor: default;text-overflow: ellipsis;overflow: hidden;text-align: right;}header .header_right .index_logged_head .username {font-size: 12px;font-weight: 600;color: #e9e9e9;}header .header_right .index_logged_head .balance_icon {color: gray;min-width: 18px;text-align: center;}header .header_right .index_logged_head .logged_drop_con {opacity: 0;display: none;position: absolute;width: -moz-fit-content;width: fit-content;background: var(--lang);z-index: 999;top: 100%;right: 0;border-radius: 10px;transition: .6s;overflow: hidden;}header .header_right .index_logged_head .logged_drop_con .logged_drop_row {width: 100%;padding: 15px;justify-content: flex-start;gap: 20px;align-items: center;cursor: pointer;transition: .6s;}header .header_right .index_logged_head .logged_drop_con .logged_drop_row img {width: 16px;cursor: pointer;}header .header_right .index_logged_head .logged_drop_con .logged_drop_row .logged_name {text-transform: uppercase;font-size: 10px;letter-spacing: .7px;cursor: pointer;font-weight: 500;color: var(--text);white-space: nowrap;}header .header_right .index_logged_head .logged_drop_con .logged_drop_row:hover {background: rgba(170, 170, 170, .4);}header .header_right .index_logged_head:hover .logged_drop_con {opacity: 1;display: flex;}#datetime {color: #fff;font-size: 11px;width: 100%;text-align: right;display: block;margin-bottom: 10px;font-weight: 700;letter-spacing: .7px;padding: 0 15px;}#videoBG {position: fixed;top: 0;left: 0;opacity: .1;filter: brightness(0.7);}.container {width: 100%;min-height: 100vh;padding: 15px 2%;z-index: 3;position: relative;}.slide_con {width: 100%}.slide_con .slide_wrap {width: 100%;display: flex;justify-content: space-between;align-items: stretch;}.slide_con .slide_wrap .slide-carousel {width: 67%}.slide_con .slide_wrap .slide-carousel .item {width: 100%;display: flex;border-radius: 20px;overflow: hidden;}.slide_con .slide_wrap .slide-carousel .item img {width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}.slide_con .slide_wrap .small_slide_col {width: 32.5%;justify-content: space-between;align-items: center;}.slide_con .slide_wrap .small_slide_col .owl-carousel {width: 100%}.slide_con .slide_wrap .small_slide_col .owl-carousel .item {width: 100%;display: flex;border-radius: 20px;overflow: hidden;}.slide_con .slide_wrap .small_slide_col .owl-carousel .item img {width: 100%}.marquee_wrap {width: 100%;padding: 8px 0 6px;margin: 10px auto;border-bottom: 1px solid var(--marquee);}.marquee_wrap marquee {width: 100%;scroll-behavior: smooth;color: var(--marquee_text);font-size: 12px;font-weight: 400;line-height: 1;letter-spacing: .7px;font-weight: 600;}.small_banner_con {width: 100%}.small_banner_con .small_banner_wrap {width: 100%;justify-content: space-between;align-items: center;gap: 10px;}.small_banner_con .small_banner_wrap .banner_left {width: 45%;display: flex;}.small_banner_con .small_banner_wrap .banner_left img {width: 100%}.small_banner_con .small_banner_wrap .banner_right {width: 55%;position: relative;display: flex;align-items: center;}.small_banner_con .small_banner_wrap .banner_right img {width: 100%}.small_banner_con .small_banner_wrap .banner_right .match-carousel {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.small_banner_con .small_banner_wrap .banner_right .match-carousel .owl-stage-outer, .small_banner_con .small_banner_wrap .banner_right .match-carousel .owl-stage, .small_banner_con .small_banner_wrap .banner_right .match-carousel .owl-item {height: 100%}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item {width: 100%;height: 100%}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;gap: 25px;}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_top {justify-content: center;align-items: center;gap: 15px;}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_btn {width: 200px;position: relative;display: flex;cursor: pointer;transition: .4s;}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_btn img {width: 100%}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_btn span {position: absolute;top: 42%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 22px;}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_btn:hover {filter: brightness(0.7);}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .team_left, .small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .team_right {width: 20%;display: flex;}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .team_left img, .small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .team_right img {width: 100%}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_vs {width: 18%}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_bottom {width: 100%;align-items: center;}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_bottom .block {width: 20px;height: 100%;background: #c99c38;}.small_banner_con .small_banner_wrap .banner_right .match-carousel .item .match_wrap .match_bottom .match_infor {width: 100%;background: #000;color: #fff;font-size: 14px;font-weight: 600;padding: 8px 10px;letter-spacing: .6px;}.provider_con {width: 100%;margin-bottom: 15px;}.provider_con .provider_wrap {width: 100%;gap: 10px;}.provider_con .provider_wrap .provider_title_row {width: 100%;gap: 10px;align-items: center;}.provider_con .provider_wrap .provider_title_row img {width: 28px;}.provider_con .provider_wrap .provider_title_row .provider_title {font-size: 16px;color: #fff;font-weight: 600;letter-spacing: .4px;}.provider_con .provider_wrap .provider-carousel {width: 100%}.provider_con .provider_wrap .provider-carousel .item {width: 100%;background: #464343;padding: 8px;border-radius: 15px;display: flex;justify-content: center;align-items: center;transition: .3s;cursor: pointer;}.provider_con .provider_wrap .provider-carousel .item img {width: 73px;transition: .3s;filter: grayscale(80%) invert(10%);}.provider_con .provider_wrap .provider-carousel .item:hover {background: #0d0d0d;}.provider_con .provider_wrap .provider-carousel .item:hover img {filter: none;}.provider_con .provider_wrap .provider-carousel .target {background: #0d0d0d;}.provider_con .provider_wrap .provider-carousel .target img {filter: none;}.providerSwiper {width: 100%}.providerSwiper .game_provider {width: 100%;background: #464343;padding: 9px;border-radius: 10px;display: flex;justify-content: center;align-items: center;transition: .3s;cursor: pointer;}.providerSwiper .game_provider img {width: 75px;transition: .3s;filter: grayscale(80%) invert(10%);}.providerSwiper .game_provider:hover {background: #0d0d0d;}.providerSwiper .game_provider:hover img {filter: none;}.providerSwiper .target {background: #0d0d0d;}.providerSwiper .target img {filter: none;}.btn-wrap {width: -moz-fit-content;width: fit-content;display: flex;align-items: center;gap: 10px;margin-left: auto;}.btn-wrap .prev-btn, .btn-wrap .next-btn {width: 25px;height: 25px;background: #fff;border-radius: 999rem;box-shadow: 0px 0px 10px #000;display: flex;justify-content: center;align-items: center;cursor: pointer;}.btn-wrap .prev-btn i, .btn-wrap .next-btn i {font-size: 10px;line-height: 1;}.index_bottom {width: 100%}.index_bottom .bottom_wrap {width: 100%;margin: 20px auto;align-items: stretch;gap: 10px;}.index_bottom .bottom_wrap .bottom_block {width: 50%;gap: 10px;}.index_bottom .bottom_wrap .bottom_block .game_cate_wrap {width: 100%;gap: 15px;}.index_bottom .bottom_wrap .bottom_block .game_cate_wrap .cate_block {flex: 1;display: flex;position: relative;overflow: hidden;border-radius: 15px;}.index_bottom .bottom_wrap .bottom_block .game_cate_wrap .cate_block img {width: 100%}.index_bottom .bottom_wrap .bottom_block .game_cate_wrap .cate_block .cate_cover {width: 100%;height: 100%;position: absolute;top: 100%;left: 0;z-index: 99;display: flex;justify-content: center;align-items: center;opacity: 0;transition: .6s;cursor: pointer;background: rgba(0, 0, 0, .8);border-radius: 15px;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}.index_bottom .bottom_wrap .bottom_block .game_cate_wrap .cate_block .cate_cover button {font-size: 14px;color: #000;background: var(--button);padding: 6px 20px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;border: 0;cursor: pointer;}.index_bottom .bottom_wrap .bottom_block .game_cate_wrap .cate_block:hover .cate_cover {top: 0%;opacity: 1;}.index_bottom .bottom_wrap .bottom_block .ranking_block {width: 100%;position: relative;}.index_bottom .bottom_wrap .bottom_block .ranking_block .bg {width: 103%;margin-left: -25px;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con {width: 100%;position: absolute;top: 0;right: 0;height: 100%;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap {width: 50%;height: 100%;position: absolute;top: 0;right: 0;padding: 20px;justify-content: center;align-items: flex-start;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot {width: 50%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;position: relative;animation: float 4s ease-in-out infinite;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .title {width: 100%;text-decoration: underline;color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 30px;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .ranking_title {display: grid;grid-template-areas: "overlap";place-content: center;text-transform: uppercase;margin-bottom: -60px;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .ranking_title div {background-clip: text;-webkit-background-clip: text;color: #363833;font-family: "Poppins", sans-serif;font-weight: 900;font-size: 40px;grid-area: overlap;letter-spacing: 1px;-webkit-text-stroke: 4px transparent;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .ranking_col .ranking_row .rank_amount {flex: 1;color: green;font-size: 12px;letter-spacing: .4px;margin-left: auto;text-align: right;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .ranking_title .bg_text {background-image: repeating-linear-gradient(105deg, #ffb338 0%, #3e2904 5%, #ffb338 12%);color: transparent;filter: drop-shadow(5px 15px 15px black);transform: scaleY(1.05);transform-origin: top;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .ranking_title .fg_text {background-image: repeating-linear-gradient(5deg, #ffb338 0%, #77571d 23%, #ffb338 31%);color: #1e2127;transform: scale(1);}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot img {width: 100%;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .odometer {position: absolute;top: 80%;left: 50%;transform: translateX(-50%);width: 75%;z-index: 9;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .odometer .odometer-inside {width: 100%;display: flex;justify-content: center;align-items: center;gap: 7px;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .odometer .odometer-inside:before {content: "$";color: white;font-weight: 500;font-size: 18px;margin-top: -3px;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .odometer .odometer-inside span {font-size: 18px;font-weight: 900;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .odometer .odometer-inside .odometer-digit {position: relative;z-index: 3;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .odometer .odometer-inside .odometer-formatting-mark {color: white;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_con .ranking_jackpot .odometer .odometer-inside .odometer-value {color: white;}@keyframes float {0% {filter: drop-shadow(0px 0px 10px #facf24);transform: translatey(0px);}50% {filter: drop-shadow(0px 0px 10px rgba(255, 217, 0, 0));transform: translatey(-13px);}100% {filter: drop-shadow(0px 0px 10px #facf24);transform: translatey(0px);}}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap {width: 50%;height: 100%;padding: 20px;justify-content: center;align-items: flex-start;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .title {width: 100%;text-decoration: underline;color: white;font-size: 18px;font-weight: bold;margin-bottom: 30px;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .ranking_col {width: 100%;max-height: 500px;overflow: hidden;position: relative;list-style-type: none;padding: 0;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .ranking_col li {height: 25% !important;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .ranking_col .ranking_row {width: 100%;align-items: center;gap: 10px;padding: 10px 0;border-bottom: 1px solid rgba(128, 128, 128, .2);}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .ranking_col .ranking_row .game_img {width: 18%}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .ranking_col .ranking_row .game_img img {width: 100%;border-radius: 5px;}.index_bottom .bottom_wrap .bottom_block .ranking_block .ranking_wrap .ranking_col .ranking_row .rank_name {flex: 1;color: #fff;font-size: 16px;letter-spacing: .4px;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con {width: 100%;height: 100%;padding: 3%;background: var(--game_block);border-radius: 15px;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .title_row {width: 100%;gap: 10px;align-items: center;margin-bottom: auto;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .title_row img {width: 21px;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .title_row .title {font-size: 16px;color: #fff;font-weight: 600;letter-spacing: .4px;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .swiper {width: 100%;margin-left: auto;margin-right: auto;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .swiper-slide {text-align: center;font-size: 18px;height: calc((100% - 15px)/2) !important;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;cursor: pointer;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .swiper-slide img {width: 100%;border-radius: 15px;cursor: pointer;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .swiper-slide .game_cover {width: 100%;height: 100%;position: absolute;top: 100%;left: 0;z-index: 99;display: flex;justify-content: center;align-items: center;opacity: 0;transition: .6s;cursor: pointer;background: rgba(0, 0, 0, .8);border-radius: 13px;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .swiper-slide .game_cover button {font-size: 14px;color: #000;background: var(--button);padding: 6px 20px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;border: 0;cursor: pointer;}.index_bottom .bottom_wrap .bottom_block .game_bottom_con .swiper-slide:hover .game_cover {top: 0%;opacity: 1;}.owl-nav {display: none !important;}footer {width: 100%;position: relative;padding: 20px;background-image: url(../Images/other/footer_bg.png);background-size: cover;background-repeat: no-repeat;margin-top: auto;background-position: top center;}footer .footer_bg {width: 100%}footer .footer_wrap {width: 100%;align-items: center;gap: 20px;}footer .footer_wrap .logo {width: 25%;position: relative;max-width: 260px;display: flex;z-index: 10;}footer .footer_wrap .logo img {width: 85%}footer .footer_wrap .logo img:first-child {position: relative;z-index: 1;}footer .footer_wrap .logo .ball_animate {width: 17%;position: absolute;top: 50%;right: 0;z-index: 0;animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}footer .footer_wrap .logo .ball_animate .logo_wind {width: 205%;position: absolute;top: 50%;transform: translateY(-50%);right: 80%}footer .footer_wrap .logo .ball_animate .logo_ball {width: 100%;animation: rotate-in-center 2s linear infinite;transform-origin: center;}footer .footer_wrap .footer_infor_col {flex: 1;justify-content: space-between;align-items: center;gap: 50px;padding-top: 20px;}footer .footer_wrap .footer_infor_col p {color: #fff;font-style: italic;width: 73%;text-align: center;font-weight: 350;line-height: 1.4;letter-spacing: .4px;font-size: 12px;}footer .footer_wrap .footer_infor_col .copyright {color: #fff;width: 100%;text-align: center;font-weight: 500;font-size: 12px;line-height: 1.4;letter-spacing: .4px;}footer .footer_wrap .social_col {width: -moz-fit-content;width: fit-content;gap: 5px;justify-content: center;align-items: center;}footer .footer_wrap .social_col .title {color: #fff;font-weight: 400;font-size: 13px;}footer .footer_wrap .social_col .social_block {width: -moz-fit-content;width: fit-content;gap: 8px;}footer .footer_wrap .social_col .social_block img {width: 30px;}.cover {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);z-index: 99;display: none;}.cover .cover_con {width: 95%;height: 500px;max-width: 890px;border-radius: 20px;overflow: hidden;margin: auto;align-items: stretch;}.cover .cover_con .form_block {position: relative;}.cover .cover_con .form_block .loginAnimation {min-width: 356px;position: relative;margin: 0 20px 0 0;width: 100%}.cover .cover_con .form_block .loginAnimation .bg {width: 100%;position: relative;z-index: -1;}.cover .cover_con .form_block .loginAnimation img {width: auto;height: auto;position: absolute;transition: .6s;}.cover .cover_con .form_block .loginAnimation .animationlogo {width: 180px;bottom: 0;left: 30px;animation: animationlogo 1s;z-index: 3;}.cover .cover_con .form_block .loginAnimation .npc1 {left: 30%;width: 45%;transform: translateX(-50%);top: 50%;animation: loginnpc1 1s;}.cover .cover_con .form_block .loginAnimation .npc2 {z-index: 2;left: 10%;top: 10%;animation: loginnpc2 1s;}.cover .cover_con .form_block .loginAnimation .back {right: 10%;bottom: 15%;animation: back 1s;}.cover .cover_con .form_block form {width: 100%;max-width: 350px;margin: 0 auto;height: 100%;justify-content: flex-start;align-items: flex-start;gap: 20px;padding-top: 9%}.cover .cover_con .form_block form img {width: 100%;max-width: 280px;margin: 0 auto 10px;}.cover .cover_con .form_block .form_title {font-size: 16px;color: #d8860b;font-weight: 700;}.cover .cover_con .form_block .textbox_wrap {width: 100%;background: #1f1f1f;padding: 12px 18px;gap: 10px;align-items: center;border-radius: 8px;}.cover .cover_con .form_block .textbox_wrap i {color: #fff;font-size: 14px;}.cover .cover_con .form_block .textbox_wrap input {outline: 0;width: 100%;background: rgba(0, 0, 0, 0);border: 0;color: #fff;border-bottom: 1px solid #3b3b3b;}.cover .cover_con .form_block .textbox_wrap .pw_icon {color: gray;}.cover .cover_con .form_block a {color: #fff;font-size: 14px;text-align: right;width: 100%}.cover .cover_con .form_block .btn_wrap {width: 100%;gap: 10px;justify-content: center;align-items: center;margin-top: 10px;}.cover .cover_con .form_block .btn_wrap .login_btn {flex: 1;max-width: 220px;padding: 7px;border-radius: 5px;border: 0;font-weight: 600;background: var(--button);text-align: center;color: #000;}.cover .cover_con .form_block .btn_wrap .cancel_btn {background: #505050;color: #fff;}.cover .cover_con .form_block .login_close_btn {font-size: 1.5vw;color: #e8bf58;position: absolute;top: 3%;right: 5%;cursor: pointer;}.cover .cover_con .left {width: 40%}.cover .cover_con .right {width: 60%;padding: 3%;background: #121212;}.preloader {z-index: 999999;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, .9);width: 100%;height: 100%;display: flex;}.preloader .logo {width: 30%;position: relative;max-width: 360px;display: flex;z-index: 10;margin: auto;}.preloader .logo img {width: 85%}.preloader .logo img:first-child {position: relative;z-index: 1;}.preloader .logo .ball_animate {width: 17%;position: absolute;top: 50%;right: 0;z-index: 0;animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}.preloader .logo .ball_animate .logo_wind {width: 205%;position: absolute;top: 50%;transform: translateY(-50%);right: 80%}.preloader .logo .ball_animate .logo_ball {width: 100%;animation: rotate-in-center 2s linear infinite;transform-origin: center;}.terms_popup {z-index: 9999;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, .9);width: 100%;height: 100%;display: flex;}.terms_popup .popup_con {width: 100%;max-width: 900px;margin: auto;position: relative;}.terms_popup .popup_con .title_row {color: #fff;justify-content: space-between;align-items: center;width: 100%;background: #d3af55;padding: 10px 20px;border-radius: 10px 10px 0 0;}.terms_popup .popup_con .popup_wrap {width: 100%;padding: 15px 20px;background: #121212;max-height: 320px;overflow: auto;scrollbar-width: auto;scrollbar-color: #e8bf58 #141414;position: relative;}.terms_popup .popup_con .popup_wrap::-webkit-scrollbar {width: 16px;}.terms_popup .popup_con .popup_wrap::-webkit-scrollbar-track {background: #141414;}.terms_popup .popup_con .popup_wrap::-webkit-scrollbar-thumb {background-color: #e8bf58;border-radius: 10px;border: 3px solid #fff;}.terms_popup .popup_con .popup_wrap .rule_title_row {width: 100%;justify-content: space-between;align-items: flex-end;flex-direction: row-reverse;gap: 10px;color: #e8bf58;font-size: 14px;font-style: italic;letter-spacing: .4px;border-bottom: 1px dashed var(--border);padding-bottom: 10px;}.terms_popup .popup_con .popup_wrap .rule_title_row span {font-size: 50px;font-style: normal;background-color: #121212;background-image: linear-gradient(135deg, transparent 45%, var(--border) 45%, var(--border) 55%, transparent 0);background-size: 4px 4px;-webkit-background-clip: text;background-clip: text;font-weight: 900;line-height: 1;-webkit-text-fill-color: rgba(0, 0, 0, 0);}.terms_popup .popup_con .popup_wrap .rules_col {color: #fff;font-size: 10px;letter-spacing: 1px;line-height: 1.5;list-style: decimal;padding: 10px 20px;margin: 10px 0;}.terms_popup .popup_con .popup_wrap .rules_col li {margin-bottom: 20px;font-weight: 300;}.terms_popup .popup_con .popup_wrap .rules_col li:last-child {margin: 0;}.terms_popup .popup_con .scrolldown {position: absolute;bottom: 52px;width: 100%;height: 120px;left: 0;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 20px;align-items: center;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #121212 90%);pointer-events: none;}.terms_popup .popup_con .scrolldown .angle1 {width: 1em;height: 1em;background-color: rgba(0, 0, 0, 0);z-index: 80;border-width: 0 .2em .2em 0;border-style: solid;border-color: #f8ba1e;transform: rotate(45deg);animation: scrolldown 1.2s ease-in-out infinite .15s;}.terms_popup .popup_con .scrolldown .angle2 {width: 1em;height: 1em;background-color: rgba(0, 0, 0, 0);z-index: 80;border-width: 0 .2em .2em 0;border-style: solid;border-color: #f8ba1e;transform: rotate(45deg);animation: scrolldown 1.2s ease-in-out infinite;}@keyframes scrolldown {0% {transform: translateY(20%) rotate(45deg);opacity: .7;}50% {transform: translateY(0%) rotate(45deg);opacity: .2;}100% {transform: translateY(20%) rotate(45deg);opacity: .7;}}.terms_popup .popup_con .popup_btn_wrap {width: 100%;padding: 10px;background: #111;border-top: .6mm solid #292929;border-radius: 0 0 10px 10px;justify-content: center;z-index: 999;position: relative;}.terms_popup .popup_con .popup_btn_wrap button {font-size: 14px;color: #000;background: var(--button);padding: 7px 20px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;border: 0;cursor: pointer;pointer-events: all;}.terms_popup .popup_con .popup_btn_wrap .disabled {pointer-events: none;opacity: .4;}.text_sp {position: absolute;top: 0;right: 0;padding: 4px 6px;font-size: 9px;background: #fff;border-radius: 3px;font-weight: 700;line-height: 1;box-shadow: 0px 0px 10px var(--shadow);}.text_sp1 {position: absolute;top: 10%;left: -40%;width: 100%;text-align: center;padding: 5px 6px;font-size: 9px;background: #fff;border-radius: 3px;font-weight: 700;line-height: 1;transform: rotate(-45deg);}.text_sp2 {position: absolute;top: 0%;left: -43%;width: 100%;text-align: center;padding: 10px 6px 6px;font-size: 9px;background: #fff;border-radius: 3px;font-weight: 700;line-height: 1;transform: rotate(-45deg);}.hot_sp {color: #fff;animation: attention 1.4s infinite both;background: red;}.new_sp {color: #000;background: linear-gradient(0deg, #f4bc02, #fade7f);}.icon_sp {position: absolute;top: 0;right: 0;}.icon_sp img {width: 16px !important;filter: none !important;}.icon_sp .new {width: 36px !important;}.new_icon {position: absolute;top: 0;left: 0;}.new_icon .new {width: 50px !important;}.product_con {width: 100%}.product_con .product_row {width: 100%;align-items: stretch;gap: 20px;}.product_con .product_row .product_wrap {width: 50%;gap: 15px;justify-content: flex-start;align-items: center;}.product_con .product_row .product_wrap .product_provider_banner {width: 100%;position: relative;border-radius: 20px;overflow: hidden;}.product_con .product_row .product_wrap .product_provider_banner img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: top;object-position: top;}.product_con .product_row .product_wrap .product_provider_banner:hover .game_cover {opacity: 1;}.product_con .product_row .product_wrap .product_provider_banner .game_cover {position: absolute;top: 0;left: 0;width: 98%;height: 100%;background: linear-gradient(to bottom, rgba(201, 131, 0, 0) 60%, #c98400);padding: 10px 20px;opacity: 0;transition: .4s;display: flex;justify-content: center;align-items: center;border-radius: 20px;}.product_con .product_row .product_wrap .product_provider_banner .game_cover .game_name {font-size: 20px;font-weight: 400;color: #fff;width: 100%;margin-top: auto;text-align: center;}.product_con .product_row .product_wrap .ranking_block {width: 100%;position: relative;}.product_con .product_row .product_wrap .ranking_block .bg {width: 101%;margin-left: -10px;}.product_con .product_row .product_wrap .ranking_block .ranking_wrap {width: 50%;height: 97%;position: absolute;top: 15px;right: 0;padding: 20px;justify-content: center;align-items: flex-start;}.product_con .product_row .product_wrap .ranking_block .ranking_wrap .title {width: 100%;text-decoration: underline;color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 30px;}.product_con .product_row .product_wrap .ranking_block .ranking_wrap .ranking_col {width: 100%;max-height: 300px;overflow: hidden;position: relative;list-style-type: none;padding: 0;}.product_con .product_row .product_wrap .ranking_block .ranking_wrap .ranking_col li {height: 25% !important;}.product_con .product_row .product_wrap .ranking_block .ranking_wrap .ranking_col .ranking_row {width: 100%;align-items: center;gap: 10px;margin-bottom: 30px;}.product_con .product_row .product_wrap .ranking_block .ranking_wrap .ranking_col .ranking_row .game_img {width: 18%}.product_con .product_row .product_wrap .ranking_block .ranking_wrap .ranking_col .ranking_row .game_img img {width: 100%;border-radius: 5px;}.product_con .product_row .product_wrap .ranking_block .ranking_wrap .ranking_col .ranking_row .rank_name {flex: 1;color: #fff;font-size: 14px;letter-spacing: .4px;}.product_con .product_row .product_wrap .block_sm {height: 134px;border-radius: 20px;overflow: hidden;}.product_con .product_row .product_wrap .block_sm .bg {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center 7%;object-position: center 7%;margin: 0 !important;}.product_con .product_row .product_wrap .block_sm .ranking_wrap_sm {height: 100% !important;top: 0 !important;}.product_con .product_row .product_wrap .ranking_wrap_sm .title {margin-bottom: 20px !important;}.product_con .product_row .product_wrap .ranking_wrap_sm .ranking-carousel {width: 100%}.product_con .product_row .product_wrap .ranking_wrap_sm .ranking-carousel .ranking_row {width: 100%;align-items: center;gap: 10px;}.product_con .product_row .product_wrap .ranking_wrap_sm .ranking-carousel .ranking_row .game_img {width: 18%}.product_con .product_row .product_wrap .ranking_wrap_sm .ranking-carousel .ranking_row .game_img img {width: 100%;border-radius: 5px;}.product_con .product_row .product_wrap .ranking_wrap_sm .ranking-carousel .ranking_row .rank_name {flex: 1;color: #fff;font-size: 16px;letter-spacing: .4px;}.product_con .product_row .product_wrap .product_grid {width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: auto;}.product_con .product_row .product_wrap .product_grid .product_block {width: 100%;position: relative;border-radius: 15px;overflow: hidden;}.product_con .product_row .product_wrap .product_grid .product_block .game_cate {position: absolute;bottom: 40px;text-align: left;font-size: 18px;left: 12px;font-weight: 450;line-height: .8;color: #fff;width: 100%;background-color: rgba(0, 0, 0, .4196078431);padding: 12px;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.7));}.product_con .product_row .product_wrap .product_grid .product_block img {width: 100%}.product_con .product_row .product_wrap .product_grid .product_block:hover .game_cover {opacity: 1;}.product_con .product_row .product_wrap .product_grid .product_block .game_cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(201, 131, 0, 0) 60%, #c98400);padding: 10px 20px;opacity: 0;transition: .4s;}.product_con .product_row .product_wrap .product_grid .product_block .game_cover .game_name {margin-top: auto;font-size: 17px;font-weight: 400;color: #fff;width: 100%}.product_con .product_row .product_wrap .product_grid .product_block .game_cover .right {text-align: right;}.product_con .product_game_grid {width: 100%;display: grid;-moz-column-gap: 20px;column-gap: 20px;row-gap: 20px;grid-template-columns: repeat(10, 1fr);padding: 20px 0;}.product_con .product_game_grid .game_block {position: relative;width: 100%;padding: 4px;background: linear-gradient(to right, #fdcd01, #ff7b13);border-radius: 4px;}.product_con .product_game_grid .game_block .game_img_block {width: 100%}.product_con .product_game_grid .game_block .game_img_block .game {width: 100%;border-radius: 4px;}.product_con .product_game_grid .game_block::after {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 80%;height: 7px;background: linear-gradient(to right, #fdcd01, #ff7b13);border-radius: 0 0 40px 40px;}.product_con .product_game_grid .game_block .frame {width: 100%;position: absolute;top: 0;left: 0;}.new_slot_lobby {width: 100%;margin-top: 1%}.new_slot_lobby .slot_search {width: 20vw;margin-left: auto;padding: 10px;background: var(--newslot1);gap: 5px;border-radius: 10px;}.new_slot_lobby .slot_search img {width: 1.5vw;cursor: pointer;}.new_slot_lobby .slot_search input {width: 100%;background: none;border: none;color: #fff;}.new_slot_lobby .slot_search input:focus {outline: none;}.new_slot_lobby .slot_new_cate {width: 100%;margin-top: 1%;justify-content: flex-start;border-bottom: 1px solid var(--marquee);gap: 10px;}.new_slot_lobby .slot_new_cate .slot_new_cate_item {flex: 1;max-width: 160px;justify-content: center;align-items: center;font-size: 14px;color: var(--newslotinput);border-bottom: 3px solid rgba(0, 0, 0, 0);cursor: pointer;padding: 5px;position: relative;white-space: nowrap;}.new_slot_lobby .slot_new_cate .slot_new_cate_item::after {content: "";position: absolute;bottom: 0%;left: 50%;transform: translateX(-50%);width: 0%;height: 2px;background: #ffa800;transition: .6s;transform-origin: center;}.new_slot_lobby .slot_new_cate .slot_new_cate_item:hover::after {width: 30%}.new_slot_lobby .slot_new_cate .slot_new_cate_item_active::after {width: 30%}.new_slot_lobby .slot_new_grid {display: none;width: 100%;margin-top: 1%;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 15px;}.new_slot_lobby .slot_new_grid .slot_new_item {width: 100%;background: var(--newslot1);border-radius: 10px;transition: .4s;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img {width: 100%;border-radius: 10px;overflow: hidden;position: relative;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img img {width: 100%}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img:hover .game_cover {opacity: 1;top: 0;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img .game_cover {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(201, 131, 0, 0) 80%, #c98400);opacity: 0;transition: .5s;display: flex;flex-direction: column;justify-content: center;align-items: center;-webkit-backdrop-filter: brightness(0.3) blur(1px);backdrop-filter: brightness(0.3) blur(1px);gap: 5px;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img .game_cover button {font-size: 14px;color: #000;background: var(--button);padding: 6px 20px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;border: 0;cursor: pointer;white-space: nowrap;width: 120px;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img .game_cover button:hover {opacity: .7;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img .game_cover .demo_btn {background: #c4c4c4;color: #000;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_img .game_cover span {color: #fff;font-size: 12px;font-weight: 500;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_name {width: 100%;padding: 7px 10px;justify-content: space-between;align-items: center;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_name span {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;color: #fff;line-height: 1.2;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_name .new_slot_fav {width: 21px;margin: auto 0;filter: grayscale(1);cursor: pointer;}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_name .new_slot_fav img {width: 100%}.new_slot_lobby .slot_new_grid .slot_new_item .slot_new_item_name .new_slot_fav_active {filter: none;}.new_slot_lobby .slot_new_grid .slot_new_item:hover {background: linear-gradient(to bottom, #dd9100 70%, #986504);}.new_slot_lobby .random {display: grid;}.top_btn {width: 2.5vw;position: fixed;bottom: 4%;right: 2%;cursor: pointer;z-index: 999;}.top_btn img {width: 100%}.remember_pw {width: 100%;padding-left: 5px;display: flex;align-items: center;gap: 5px;color: #fff;}.remember_pw label {font-size: 12px;color: #fff;}h1 {position: relative;text-align: center;text-transform: uppercase;padding-bottom: 5px;margin: 0;font-weight: 400;font-size: 32px;line-height: 1;color: var(--text);transition: all .4s ease 0s;background: -webkit-linear-gradient(#ffec93, #e8bf58);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0, 0, 0, 0);-webkit-text-stroke: 0;text-shadow: none;}h1::before {width: 28px;height: 5px;display: block;content: "";position: absolute;bottom: 3px;left: 50%;margin-left: -14px;background: linear-gradient(to bottom, #ffec93, #e8bf58);}h1::after {width: 100px;height: 1px;display: block;content: "";position: relative;margin-top: 15px;left: 50%;margin-left: -50px;background: linear-gradient(to bottom, #ffec93, #e8bf58);}h1 span {display: block;font-size: .5em;line-height: 1.3;}h1 em {font-style: normal;font-weight: 600;}.form_con {width: 100%;min-height: 500px;background: #121212;border-radius: 20px;margin-top: 20px;padding: 25px;}.form_con .title {width: 100%;color: #fff;font-size: 14px;margin-bottom: 15px;}.form_con .statement_row {width: 100%;justify-content: flex-start;align-items: center;gap: 10px;margin-bottom: 15px;}.form_con .statement_row .statement_nav {flex: 1;max-width: 140px;white-space: nowrap;background: #2b2b2b;text-align: center;padding: 2px;border-radius: 7px;font-size: 13px;color: #fff;box-shadow: 0px 0px 10px rgba(14, 14, 14, .685);cursor: pointer;position: relative;overflow: hidden;opacity: .5;transition: .4s;}.form_con .statement_row .statement_nav .conf {background: #ffec93;color: #000;transform: rotate(315deg);position: absolute;width: 100%;right: -45%;top: 52%;padding-bottom: 5px;z-index: 20;opacity: 0;}.form_con .statement_row .statement_nav .conf i {transform: rotate(45deg);}.form_con .statement_row .statement_nav span {background: #2b2b2b;width: 100%;height: 100%;display: block;position: relative;z-index: 10;padding: 10px 20px;border-radius: 5px;}.form_con .statement_row .statement_nav::after {content: "";background: linear-gradient(125deg, #fffae5, #ffec93, #e8bf58, #ffec93, #fffae5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .4s;}.form_con .statement_row .statement_nav:hover {opacity: 1;}.form_con .statement_row .nav_target {opacity: 1;}.form_con .statement_row .nav_target::after {opacity: 1;}.form_con .statement_row .nav_target .conf {opacity: 1;}.form_con .input_wrap {width: 100%;align-items: center;gap: 10px;}.form_con .input_wrap #reportrange {width: 100%;max-width: 240px;background: #2b2b2b;cursor: pointer;padding: 12px 15px;display: flex;justify-content: flex-start;align-items: center;box-shadow: 0px 0px 10px rgba(14, 14, 14, .685);border-radius: 8px;gap: 14px;}.form_con .input_wrap #reportrange i {font-size: 18px;color: #f2ce67;}.form_con .input_wrap #reportrange span {font-size: 12px;white-space: nowrap;color: #fff;line-height: 1;}.form_con .input_wrap .select {width: 100%;max-width: 240px;background: #2b2b2b;cursor: pointer;border: 0;outline: 0;padding: 12px 20px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0px 0px 10px rgba(14, 14, 14, .685);border-radius: 8px;color: #fff;font-size: 12px;position: relative;}.form_con .input_wrap .select i {color: #f2ce67;font-size: 18px;}.form_con .input_wrap .select .option_dropdown {position: absolute;top: 120%;left: 0;width: 100%;background: #2b2b2b;border-radius: 8px;overflow: hidden;display: none;}.form_con .input_wrap .select .option_dropdown .option {width: 100%;padding: 13px;}.form_con .input_wrap .select .option_dropdown .option:hover {background: #464646;}.form_con table {width: 100%;margin-top: 20px;border-spacing: 0;}.form_con table th {color: #fff;font-size: 12px;padding: 8px;border-bottom: 1px solid gray;}.form_con table td {color: #fff;font-size: 12px;}.form_con .result_row {width: 100%;margin-top: auto;justify-content: space-between;align-items: center;}.form_con .result_row span {color: gray;font-size: 12px;}.form_con .result_row .pager {width: -moz-fit-content;width: fit-content;display: flex;justify-content: center;align-items: center;gap: 10px;}.form_con .result_row .pager .pager_block {width: 30px;height: 30px;color: #fff;font-size: 12px;display: flex;justify-content: center;align-items: center;border-radius: 5px;cursor: pointer;}.form_con .result_row .pager .page_target {color: #f4bc02;}.form_con .result_row .pager .btn {background: #383838;}.form_con_sm {min-height: unset;}.container_sm {min-height: unset;}.textbox_wrap {width: 100%}.textbox_wrap .textbox_title {color: #fff;font-size: 14px;margin-bottom: 10px;}.textbox_wrap .textbox_block {width: 100%;position: relative;align-items: center;padding: 12px 20px;background: #212121;box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);border-radius: 10px;gap: 10px;margin-bottom: 15px;}.textbox_wrap .textbox_block i {color: #ffb700;font-size: 16px;}.textbox_wrap .textbox_block .textbox {width: 100%;background: rgba(0, 0, 0, 0);box-shadow: none;border: 0;color: gray;outline: none;}.textbox_wrap .textbox_block .pw_show {cursor: pointer;}.submit_btn {font-size: 16px;color: #000;background: var(--button);padding: 6px 25px;border-radius: 5px;box-shadow: 0px 0px 10px var(--shadow);font-weight: bold;transition: .4s;width: -moz-fit-content;width: fit-content;border: 0;margin: 0 auto;cursor: pointer;}.submit_btn:hover {opacity: .5;}.product_not_pd {padding: 0;padding-bottom: 20px;}.product_banner_wrap {width: 100%;height: 50vmin;}.product_banner_wrap img {width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 90% center;object-position: 90% center;}.provider_overlay_con {width: 100%;margin-top: -7%}.provider_overlay_con .product_flex {width: 100%;display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: auto;}.provider_overlay_con .product_flex .product_block {width: 100%;max-width: 285px;position: relative;border-radius: 20px;overflow: hidden;filter: drop-shadow(0px 0px 10px black);cursor: pointer;transition: .4s;}.provider_overlay_con .product_flex .product_block img {width: 100%;transition: .4s;}.provider_overlay_con .product_flex .product_block:hover {transform: translateY(-5%);}.provider_overlay_con .product_flex .product_block:hover .game_cover {opacity: 1;}.provider_overlay_con .product_flex .product_block .game_cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(201, 131, 0, 0) 60%, #c98400);padding: 10px 20px;opacity: 0;border-radius: 20px;transition: .4s;}.provider_overlay_con .product_flex .product_block .game_cover .game_name {margin-top: auto;font-size: 20px;font-weight: 400;color: #fff;}@keyframes slide-in-left {0% {transform: translate(-150px, -50%);opacity: 0;}100% {transform: translate(0, -50%);opacity: 1;}}@keyframes rotate-in-center {from {transform: rotate(0);opacity: 1;}to {transform: rotate(360deg);opacity: 1;}}#button {display: inline-block;background: #d2b031;background: linear-gradient(0deg, rgb(210, 176, 49) 0%, rgb(255, 197, 95) 76%, rgb(255, 162, 0) 100%);width: 50px;height: 30px;text-align: center;border-radius: 4px;position: fixed;bottom: 10px;right: 10px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}#button::after {content: "";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 1em;line-height: 30px;color: #fff;}#button:hover {cursor: pointer;background-color: #333;}#button:active {background-color: #555;}#button.show {opacity: 1;visibility: visible;}@media(min-width: 500px) {#button {margin: 20px;}}@keyframes animationlogo {0% {left: 0;opacity: 0;}100% {left: 30px;opacity: 1;}}@keyframes loginnpc1 {0% {left: -5%;top: 80%;opacity: 0;}100% {left: 30%;transform: translateX(-50%);top: 50%;opacity: 1;}}@keyframes loginnpc2 {0% {left: -200px;opacity: 0;}100% {left: 10%;top: 10%;opacity: 1;}}@keyframes welcome {0% {top: -2%;opacity: 0;}100% {top: 30%;opacity: 1;}}@keyframes back {0% {bottom: 5%;opacity: 0;}100% {bottom: 15%;opacity: 1;}}@keyframes nav_in {0% {transform: translatex(40%);opacity: 0;}100% {transform: translatex(0%);opacity: 1;}}@keyframes attention {0%, 100% {opacity: 0;}50% {opacity: 1;}}.cover .cover_con .form_block .loginAnimation .wel_text.welcome {transform: rotate(90deg);z-index: 1;left: 27%;top: 30%;animation: welcome 1s;font-size: 61px;text-transform: uppercase;font-weight: 800;letter-spacing: .8px;width: 100%;white-space: nowrap;}.cover .cover_con .form_block .loginAnimation .wel_text {position: absolute;transition: .6s;color: #fff;background: -webkit-linear-gradient(0deg, #ebc45f, #fff5c9);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0, 0, 0, 0);}.cover .cover_con .form_block .loginAnimation .wel_text.back {right: 5%;bottom: 18%;transform: rotate(90deg);font-size: 18px;text-transform: uppercase;font-weight: 800;letter-spacing: .8px;animation: back 1s;}.cover .cover_con .form_block .loginAnimation .wel_text {position: absolute;transition: .6s;color: #fff;background: -webkit-linear-gradient(0deg, #ebc45f, #fff5c9);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0, 0, 0, 0);}
