/*
Theme Name: w88
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.10232239
*/




/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* wxs:a */
:root{--wx-b:#2a8fbd;--wx-b2:#1a6f97;--wx-r:#cc001b;--wx-new:#ff0000;--wx-k:#1f1f1f;--wx-k2:#141414}
#wrapper{overflow-x:clip}.home #wrapper,.home #main{background:#eef2f5}
#header .header-main{background:#fff}
#header .header-button-2{order:1}#header .header-button-1{order:2}
#header .header-button a.button{border-radius:3px!important;border:0;font-size:13px;font-weight:700;min-height:32px;line-height:32px;padding:0 16px;margin:0 0 0 6px;box-shadow:none}
#header .header-button-2 a.button{background:var(--wx-b);color:#fff}
#header .header-button-1 a.button{background:var(--wx-r);color:#fff}
#header .header-nav-main a[href$="/slot/"]:after{content:"MỚI";display:inline-block;margin-left:5px;padding:0 3px;background:var(--wx-new);color:#fff;font-size:9px;line-height:13px;font-weight:700;vertical-align:5px}
@media(min-width:850px){
#masthead{position:relative;height:136px!important}#masthead .header-inner{height:90px}
#masthead .header-inner>.flex-left.hide-for-medium{position:absolute;left:0;right:0;top:90px;height:46px;background:var(--wx-b)}
#masthead .header-inner>.flex-left.hide-for-medium>ul{max-width:1080px;height:46px;margin:0 auto;justify-content:space-between;flex-wrap:nowrap}
#masthead .header-nav-main.nav-left>li{margin:0}
#masthead .header-nav-main.nav-left>li>a{color:#fff;font-size:15px;font-weight:500;letter-spacing:0;padding:0 22px;line-height:46px;height:46px}
#masthead .header-nav-main.nav-left>li>a:hover,#masthead .header-nav-main.nav-left>li.active>a{background:rgba(0,0,0,.14);color:#fff}
#masthead .top-divider{display:none}
.stuck #masthead{height:46px!important}.stuck #masthead .header-inner{height:0}
.stuck #masthead #logo,.stuck #masthead .header-inner>.flex-right{display:none}
.stuck #masthead .header-inner>.flex-left.hide-for-medium{top:0}}
#wide-nav{background:var(--wx-b)!important}#wide-nav .header-button-2 a.button{background:#fff;color:var(--wx-b)}
.home .page-wrapper{padding-top:0}
.home #content .row-main>.col>.col-inner{background:#fff;border-radius:6px;padding:0 28px 26px;box-shadow:0 4px 18px rgba(31,31,31,.06)}
.home #content .section-title-main,.entry-content h1{color:var(--wx-b2)!important}
.entry-content h2,.home #content h2{color:var(--wx-b2)}.entry-content h3,.home #content h3{color:var(--wx-k)}
.entry-content th,.home #content th{background:var(--wx-b);color:#fff;padding-left:10px}
#content .button.alert{background:var(--wx-r)}#content .button.success{background:var(--wx-b)}
.wx-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.wx-hero{background:var(--wx-k);overflow:hidden}
.wx-slider{position:relative;max-width:1050px;margin:0 auto;overflow:hidden}
.wx-track{display:flex;width:500%;animation:wx-slide 30s infinite}
.wx-track a{width:20%;flex:none}.wx-track img{display:block;width:100%;height:auto;margin:0}
.wx-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:7px;justify-content:center}
.wx-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);animation:wx-dot 30s infinite}
.wx-dots i:nth-child(2){animation-delay:6s}.wx-dots i:nth-child(3){animation-delay:12s}.wx-dots i:nth-child(4){animation-delay:18s}.wx-dots i:nth-child(5){animation-delay:24s}
@keyframes wx-slide{0%,17%{transform:translateX(0)}20%,37%{transform:translateX(-20%)}40%,57%{transform:translateX(-40%)}60%,77%{transform:translateX(-60%)}80%,97%{transform:translateX(-80%)}100%{transform:translateX(0)}}
@keyframes wx-dot{0%,19%{background:#fff;transform:scale(1.25)}20%,100%{background:rgba(255,255,255,.55);transform:none}}
.wx-m{display:none}
.wx-news{background:#fff;border-bottom:1px solid #e1e6ea;margin-bottom:24px}
.wx-news>div{max-width:1050px;margin:0 auto;display:flex;align-items:center;height:40px;overflow:hidden}
.wx-news b{flex:none;background:var(--wx-r);color:#fff;font-size:12px;text-transform:uppercase;padding:0 12px;line-height:40px}
.wx-run{flex:1;overflow:hidden;white-space:nowrap;font-size:14px;color:#444}
.wx-run span{display:inline-block;padding-left:100%;animation:wx-run 45s linear infinite}
.wx-run em{font-style:normal;color:var(--wx-b);margin:0 14px}
@keyframes wx-run{to{transform:translateX(-100%)}}
.wx-title{font-size:22px;font-weight:700;text-transform:uppercase;color:var(--wx-k);margin:0 0 12px;border-left:5px solid var(--wx-b);padding-left:10px;line-height:1.2}
.wx-games{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:28px}
.wx-games a{position:relative;display:block;border-radius:6px;overflow:hidden;background:var(--wx-k)}
.wx-games img{display:block;width:100%;aspect-ratio:430/375;object-fit:cover;margin:0;transition:.3s}
.wx-games a:hover img{transform:scale(1.05)}
.wx-games span{position:relative;display:block;background:var(--wx-k);color:#fff;font-size:14px;font-weight:600;padding:8px 10px;transition:.2s}
.wx-games a:hover span{background:var(--wx-b)}
.wx-games em{position:absolute;z-index:1;top:0;right:8px;background:var(--wx-new);color:#fff;font-style:normal;font-size:11px;font-weight:700;padding:3px 6px 6px;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.footer-wrapper{background:var(--wx-k);color:#a8a8a8}
.footer-wrapper h1,.footer-wrapper h2,.footer-wrapper h3,.footer-wrapper h4,.footer-wrapper .section-title{color:#fff}
.footer-wrapper a{color:#d0d0d0}.footer-wrapper a:hover{color:#6cc3ea}
.absolute-footer{background:var(--wx-k2)!important}
@media(max-width:849px){.wx-d{display:none}.wx-m{display:block}
.wx-games{grid-template-columns:repeat(3,1fr);gap:8px}.wx-games span{font-size:12px;padding:6px 7px;line-height:1.3}
.wx-news{margin-bottom:16px}.wx-news b{font-size:11px;padding:0 8px}.wx-run{font-size:13px}.wx-title{font-size:19px}
.home #content .row-main>.col>.col-inner{padding:0 14px 20px}}
@media(prefers-reduced-motion:reduce){.wx-track,.wx-dots i,.wx-run span{animation:none}.wx-run{white-space:normal}.wx-run span{padding-left:10px}}
/* wxs:z */