.dropdown-menu {        display: none;     }    .lang-snt {        position: relative;         padding-right: 10px;     }    .lang-snt::after {        content: "";        position: absolute;        right: -17px;         top: calc(50% - 6px);         width: 1px;        height: 12px;        background-color: #4e5054;        margin-left: 10px;     }    #wrap {        position: relative;        margin: 0 auto;        background-color: #000;        height: 100%;    }     .header_wrap {        position: absolute;        top: 0;        z-index: 90;        width: 100%;        height: 65px;        background: rgba(0, 0, 0, 1);        box-sizing: border-box;        -webkit-transition: height .2s;        transition: height .2s;    }    .header_wrap .header {        position: relative;        background: #000;        z-index: 20;        height: 100%;    }    .header_wrap .logo {        position: absolute;        left: 0;        top: 0;        z-index: 10;        width: 210px;        height: 100%;        -webkit-transition: height .2s;        transition: height .2s;    }    .header_wrap .logo a {        position: relative;        display: flex;        width: 100%;        height: 100%;        justify-content: center;        align-items: center;    }    .header_wrap .util_wrap {        position: absolute;        right: 0;        top: 0;        z-index: 10;        display: flex;        height: 100%;        align-items: center;        justify-content: flex-start;        -webkit-transition: height .2s;        transition: height .2s;    }    .header_wrap .util_wrap > ul {        display: flex;        height: 100%;        align-items: center;        justify-content: flex-start;        margin: 0px !important;    }    .header_wrap .util_wrap .language_wrap, .header_wrap .util_wrap .search_btn_wrap {        position: relative;        display: flex;        align-items: center;        height: 100%;        box-sizing: border-box;        padding: 0;    }    .header_wrap .util_wrap > ul > li + li {        position: relative;        padding-left: 21px;    }    .header_wrap .util_wrap > ul > li {        position: relative;        display: flex;        justify-content: center;        align-items: center;        padding: 0 20px;        height: 100%;    }    .header_wrap .util_wrap .nowplay_wrap {        height: 100%;        margin: 0;        padding: 0;    }    .header_wrap .util_wrap .btnTopSide {        display: flex;        justify-content: center;        align-items: center;        width: 200px;        height: 100%;        font-size: 20px;        text-align: center;        color: #eaeaea;        -webkit-transition: height .2s;        transition: height .2s;        overflow: hidden;        background: linear-gradient(to bottom, #8f714a, #ad8b53);        text-decoration: none;    }    .on .header_menu_wrap > li > a {        position: relative;        display: flex;        align-items: center;        justify-content: center;        width: auto;        height: 80px;        color: rgba(255, 255, 255, 0.9);        font-size: 12px;        text-align: center;        box-sizing: border-box;        -webkit-transition: height .2s;        transition: height .2s;    }    .header_wrap nav {        padding-left: 215px;        box-sizing: border-box;        height: 100%;    }    .header_wrap nav > ul {        display: flex;        white-space: nowrap;        margin: 0px !important;        height: 100%;    }    .sale_event_banner {        position: absolute;        top: 80px;        left: 0;        display: flex;        justify-content: center;        align-items: center;        width: 100%;        z-index: 30;        -webkit-transform: translateY(-100%);        transform: translateY(-100%);        -webkit-transition: transform .3s ease, top .2s;        transition: transform .3s ease, top .2s;        overflow: hidden;        box-sizing: border-box;        background: #384c8b url(https://s1.pearlcdn.com/SA/contents_event/floating/common/sale_event_banner_bg.jpg) no-repeat center;        background-size: 100% 100%;    }    .sale_event_banner .sale_link {        display: flex;        justify-content: center;        align-items: center;        width: 100%;        padding: 10px 0;        font-size: 17px;        color: #fff;        text-align: center;        box-sizing: border-box;        text-decoration: none;    }    .sale_event_banner .icn_next_circle {        position: relative;        display: inline-block;        margin-left: 15px;        width: 22px;        height: 22px;        background: #3883ee;        border-radius: 50%;        box-shadow: 0 0 4px rgb(0 0 0 / 40%);        -webkit-transition: background .2s;        transition: background .2s;    }    .sale_event_banner .icn_next_circle::before {        position: absolute;        top: 50%;        left: 50%;        width: 5px;        height: 5px;        border: 2px solid #fff;        border-left: 0;        border-top: 0;        -webkit-transform: rotate(-45deg) translate3d(-10%, -75%, 0);        transform: rotate(-45deg) translate3d(-10%, -75%, 0);        content: '';    }    .sale_event_banner .sale_link p { max-width: 100%; }    .sale_event_banner .sale_link .txt_yellow { color: #ffc871; }    .sale_event_banner .sale_link .txt_rightblue { color: #c4d2f9; }    .hover_ripple:hover::before {        -webkit-transform: scale3d(1, 1, 1);        transform: scale3d(1, 1, 1)    }    .hover_ripple::before {        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        opacity: 1;        -webkit-transform: scale3d(0, 1, 1);        transform: scale3d(0, 1, 1);        background: rgba(255, 255, 255, .1);        -webkit-transition: transform .5s;        transition: transform .5s;        -webkit-transition-timing-function: cubic-bezier(0.29, 0.12, 0, 0.99);        transition-timing-function: cubic-bezier(0.29, 0.12, 0, 0.99);        -webkit-transform-origin: left;        transform-origin: left;        z-index: 0;        content: '';    }    #top_network {        position: relative;        display: flex;        align-items: center;        justify-content: space-between;        width: 100%;        height: 35px;        padding: 0 35px;        box-sizing: border-box;        background: #222229;        line-height: 24px;        overflow: hidden;        z-index: 100;    }    #top_network .logo_wrap .pearlabyss {        display: block;        width: 123px;        height: 16px;        opacity: .7;        -webkit-transition: opacity .25s;        transition: opacity .25s;        background: url(https://themuonline.com/templates/lorencia/img/Tmo.png) no-repeat center / contain;    }    #top_network .menu_list {        margin: 0 0 0 24px;        padding: 0;    }    #top_network .logo_wrap, #top_network .menu_list {        float: left;        display: inline-block;    }    #top_network .menu_list li {        position: relative;        float: left;        display: inline-block;        height: 27px;        line-height: 27px;    }    #top_network .menu_list li[data-top_network^="btn_games"] a {        padding-right: 36px;    }    #top_network .menu_list li a {        padding: 0 30px;        color: #777786;        text-decoration: none;        font-weight: normal;        font-size: 13px;        display: inline-block;        -webkit-transition: color .2s;        transition: color .2s;    }    #top_network .menu_list li[data-top_network^="btn_games"]:after {        position: absolute;        top: 10px;        right: 18px;        width: 0;        height: 0;        border: 5px solid transparent;        border-top-width: 6px;        border-top-color: #777786;        pointer-events: none;        content: '';        -webkit-transition: border-color .2s, transform .2s;        transition: border-color .2s, transform .2s;    }    #top_network .menu_list li.active a, #top_network .menu_list li:hover a {        color: #FFF;    }    #top_network .left-group {        display: flex; /* Alinear el grupo de elementos en fila */    }    #top_network .line-snt{        align-content: center;        margin-right: 10px;    }    .line-snt:not(:last-child) {        margin-right: 0; /* Elimina el margen derecho para el último elemento, que es el tercero */    }    .online_count-snt {        text-align: end;        padding: 0.8rem 0.4rem 0 2.5rem;        /* border-right: 0.05rem solid rgba(255, 255, 255, 0.085); */        height: 3rem !important;        opacity: 85%;    }    .online_count-snt span {        font-size: 1rem;        color: #3b9d00;        font-family: fantasy;        margin: 0;        line-height: 0.5rem;    }    .text-snt {        float: right;        font-weight: bold;        color: white;        padding: 0px 0px 10px 10px;    }    .header_wrap nav li:hover > a > .menu_underline::after {        width: 100%;        opacity: 1    }     .menu_underline::after {        position: absolute;        bottom: 25px;        left: 50%;        width: 0;        height: 6px;        background: linear-gradient(0deg, #d1ab85, transparent 40%);        opacity: 0;        content: '';        -webkit-transform: translate3d(-50%, 0, 0);        transform: translate3d(-50%, 0, 0);        -webkit-transition: width .2s ease, opacity .2s ease .03s, top .2s;        transition: width .2s ease, opacity .2s ease .03s, top .2s;    }    .sub_menu {        padding-left: 20px;        height: 40px;        transition: color .15s;    }    .sub_menu a {        text-align: left;        width: 100%;        height: 100%;        text-decoration: none;        color: #999999;        font-size: 14px;    }    .sub_menu a:hover {        color: #ae8d67;           }    .user_profile_popup{        background: rgba(0, 0, 0, 0.86);        padding: 16px;        width: auto;        position: absolute;        transform: translate3d(0px, 31px, 0px);        top: 33px;        right: -102px;        will-change: transform;        visibility: hidden;        transition: visibility 0s, opacity 0.5s ease;     }     .user_profile_popup::before {        position: absolute;        top: -10px;        left: 50%;        border: 7px solid transparent;        border-top: none;        border-bottom: 10px solid #f4f4f4;        -webkit-transform: translate3d(-41%, 0, 0);        transform: translate3d(-41%, 0, 0);        content: '';    }    .popup_box {        min-width: 240px;        background: #f4f4f4;        border-radius: 4px;        overflow: hidden;        -webkit-transition: max-height .25s ease;        transition: max-height .25s ease;    }    .popup_box .profile_remote_list {        padding: 17px 15px;        box-sizing: border-box;    }    .popup_box_login {        font-size: 14px;        text-align: center;        border-radius: 4px;        background: #2b2f5a;        color: #fff;        transition: background-color 0.2s;    }    .drotop:hover .dropdown-menu {        display: block;     }    .dropdown-menu li:hover {        color: #ae8d67 !important;     }    .on-snt {        opacity: 1;         visibility: visible;         z-index: 50;        transform: translate3d(0px, 31px, 0px);     }    /*MEDIA*/    @media (min-width: 768px) {        .bg1 {            background-position-y: -30%;        }    }    @media (min-width: 2051px) {        .bg1 {            background-position: 50% -10% !important;        }    }    @media (min-width: 1025px) {        .sale_event_banner {            top: 140px;            height: 42px;        }    }    @media (min-width: 1025px) {        .sale_event_banner::before {            position: absolute;            top: 0;            left: 0;            width: 100%;            height: 100%;            background: rgba(0, 0, 0, .15);            -webkit-transition: background .2s;            transition: background .2s;            content: '';            z-index: -1;        }        .sale_event_banner:hover::before { background: rgba(0, 0, 0, 0); }        .sale_event_banner:hover .icn_next_circle { background: #3193e6; }    }    @media (max-width: 1024px) {        .sale_event_banner { top: 4.1rem; background-image: url(https://s1.pearlcdn.com/SA/contents_event/floating/common/m_sale_event_banner_bg.jpg); background-size: cover; background-position: bottom center; }        .sale_event_banner .sale_link { padding: .75rem 0 .75rem 1rem; font-size: 1rem; }        .sale_event_banner .sale_link .mo_small { font-size: .825rem; }        .sale_event_banner .icn_next_circle { width: 1.3rem; height: 1.3rem; }        .sale_event_banner .icn_next_circle::before { width: .25rem; height: .25rem; }        .floatingBanner .guest_coupon_wrap,        .floatingBanner .new_coupon_wrap { top: 8rem; }    }    @media only screen and (max-height: 415px) and (min-width: 415px) and (orientation: landscape) {        .header_wrap nav {            width: 65%;            height: 100%;        }    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap .btnTopSide {            width: 100%;            height: 50px;            margin-top: 15px;            background: url(https://s1.pearlcdn.com/SA/contents/img/common/header_btn_acoin_mob.png) no-repeat;            background-size: cover;            font-size: 15px;            line-height: 3.5;        }    }    @media screen and (min-width: 1025px) {        .header_wrap .util_wrap .btnTopSide:hover {            color: #eaeaea;        }    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap .nowplay_wrap {            margin-left: 0;        }    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap > ul > li + li {            padding-left: 0;            padding-right: 0;        }    }    .header_wrap .util_wrap > ul > li + li {        position: relative;        padding-left: 21px;    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap > ul > li {            margin: 0.833rem 0 0;            width: 100%;        }    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap .language_wrap {            order: 1;            justify-content: center;            margin-top: 2rem;        }    }    .header_wrap .util_wrap .language_wrap, .header_wrap .util_wrap .search_btn_wrap {        position: relative;        display: flex;        align-items: center;        height: 100%;        box-sizing: border-box;        padding: 0;    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap > ul > li {            margin: 0.833rem 0 0;            width: 100%;        }    }    @media screen and (max-width: 1024px) {        #wrap {            min-width: inherit;        }    }    @media screen and (max-width: 1024px) {        .header_wrap {            position: fixed;            overflow: inherit;            min-width: inherit;            height: 4.166rem;            border-bottom: none;        }    }    @media screen and (max-width: 1024px) {        .header_wrap {            position: fixed;            overflow: inherit;            min-width: inherit;            height: 4.166rem;            border-bottom: none;        }    }    @media screen and (max-width: 1024px) {        .header_wrap .header {            height: 4.166rem;        }    }    @media screen and (min-width: 1025px) and (max-width: 1557px) {        .header_wrap .logo {            height: 65px;            box-sizing: border-box;        }    }    @media screen and (max-width: 1024px) {        .header_wrap .logo {            left: 50%;            top: 50%;            width: 36%;            height: 4.166rem;            margin-top: -2.083rem;            margin-left: -18%;            text-align: center;        }    }    @media screen and (min-width: 1025px) and (max-width: 1557px) {        .header_wrap .util_wrap {            height: 65px;            box-sizing: border-box;        }    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap {            position: static;            display: block;            width: 100%;            height: auto;            padding: 2.5rem 2.5rem 2.083rem;            background-color: #1a1919;            box-sizing: border-box;        }    }    @media screen and (max-width: 1024px) {        .header_wrap nav {            position: fixed;            left: 0;            top: 0;            z-index: 15;            width: 100%;            max-width: 375px;            height: 100%;            overflow-y: auto;            padding-left: 0;            -webkit-transform: translate(-100%, 0);            transform: translate(-100%, 0);            -webkit-overflow-scrolling: touch;            background: url(https://s1.pearlcdn.com/SA/contents/img/common/header_mob_nav.png) no-repeat;            background-size: 100% auto;            background-color: #1a1919;            border-right: 1px solid #161616;            box-sizing: border-box;        }    }    @media screen and (min-width: 1025px) {         .sub_menu a > span:hover {            color: #ae8d67;                   }    }    @media screen and (max-width: 1024px) {        .header_wrap .util_wrap > ul {            flex-direction: column;            height: auto;            margin-right: 0;        }    }
        .menu-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            gap: 15px;
        }