/*
    Theme Name: ProTheme
    Description: This is a child theme
    Author: ProTheme
    Template: flatsome
    Version: dev
*/
/* ============ LIST WIDGET ============ */
.widget_top_game_item .group-button .btn-bet, .widget_top_game_item .group-button .btn-review {
    text-decoration: none;
    display: inline-block;
    min-width: 150px;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 15px 0 rgb(255 255 255 / 35%);
    text-align: center;
}
.widget_top_game_item .group-button {
    text-align: center;
}
.widget_top_game_item .rating .gift_code a {
    font-size: 15px;
    font-weight: 700;
    color: #de1219;
    text-decoration: none;
}
.widget_top_game_item .rating {
    text-align: center;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin: 15px 0;
    padding: 15px 30px;
}
.widget_top_game_item > .meta > .title p {
    margin-bottom: 0;
}
.widget_top_game_item > .meta > .title a {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    display: block;
}
.w-50 {
    width: 50%!important;
}
.widget_top_game_item > .meta > .logo a img {
    max-width: 80px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.widget_top_game_item > .meta > .logo a {
    display: block;
    overflow: hidden;
}
.w-50 {
    width: 50%!important;
}
.widget_top_game_item > .meta {
    display: flex;
    flex-wrap: wrap;
}
.widget_top_game_item {
    position: relative;
    box-shadow: 0 0 25px 0 #00000033;
    background: #fff;
    padding: 15px 0;
    border-radius: 5px;
    margin-bottom: 20px;
}
.widget_top_game_item > .position {
    position: absolute;
    top: -13px;
    left: 10px;
    background: #ff2453;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 13px;
}

/* ============ LIST WIDGET END ============ */


/* ============ LIST GAME ============ */

.rank-math-breadcrumb p {
    margin-bottom: 5px;
}
.top_game .game_meta p {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
}
.widget_top_game_item .group-button .btn-review, .top_game .game_button .btn-review {
    background: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
}
.top_game .game_button .btn-review {
    background-color: #2ecc71;
}
.top_game .game_button .btn-bet span, .top_game .game_button .btn-review span {
    padding-right: 5px;
}
.top_game .game_button .btn-bet, .top_game .game_button .btn-review {
    text-decoration: none;
    display: inline-block;
    min-width: 130px;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 15px 0 #ffffff59;
    text-align: center;
}
.top_game .game_button .btn-bet, .top_game .game_button .btn-review {
    border-radius: 5px;
}
.widget_top_game_item .group-button .btn-bet, .top_game .game_button .btn-bet {
    background: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 19%,rgb(65,88,208) 68%);
}
.top_game .game_button .btn-bet {
    margin-bottom: 5px;
    background-color: #be2edd;
}
.top_game .game_button {
    text-align: center;
}
.top_game .game_star, .top_game .game_button {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.top_game .game_star .gift_code a {
    font-size: 15px;
    font-weight: 700;
    color: #de1219;
    text-decoration: none;
}
.widget_top_game_item .rating .gift_code a, .top_game .game_star .gift_code a {
    background: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.top_game .game_star .gift_code {
    margin-top: 0;
}
.star-color {
    color: #ffd32a;
}
.top_game .game_star {
    margin-bottom: 10px;
    border-right: none;
    text-align: center;
}
.top_game .game_star, .top_game .game_button {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
}
.widget_top_game_item > .meta > .title p, .top_game .game_meta p {
    background: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.top_game .game_meta h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0;
}
.top_game .game_meta h3, .widget_top_game_item > .meta > .title a {
    color: rgba(252,185,0,1);
    animation-duration: 1000ms;
    animation-name: blink_new;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation: blink_new 1000ms infinite;
}
.top_game .game_meta {
    flex-basis: 60%;
    max-width: 60%;
    width: 60%;
    border-left: none;
    border-right: none;
    text-align: center;
}
.top_game .game_logo {
    margin: 0 auto;
    display: grid;
}
.top_game .game_logo img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
}
.top_game .game_logo {
    flex-basis: 40%;
    max-width: 40%;
    width: 40%;
    padding: 10px;
}
.top_game .game_position {
    position: absolute;
    top: -20px;
    left: 30px;
    width: 30px;
    height: 35px;
    background-color: #be2edd;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-weight: 700;
}
.widget_top_game_item > .position, .top_game .game_position {
    background: linear-gradient(135deg,rgb(6,147,227) 60%,rgb(155,81,224) 100%);
}
.top_game {
    border-radius: 5px;
    padding: 10px 0;
    margin: 0 15px 30px;
    background-color: #fff;
    box-shadow: 0 0 25px 0 #00000033;
    transition: all 0.5s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

.ux-menu-link__link {color: #ffffff85;}
.phn-hot-label.menu-item > a:after {content: '';display: inline-block;font-size: 9px;line-height: 9px;text-transform: uppercase;letter-spacing: -0.1px;margin-left: 4px;font-weight: bolder;border-radius: 2px;color: #fff;padding: 2px 3px 3px;top: 8px;background: url('./assets/images/tag-hot.gif') no-repeat 50%/contain;height: 20px;width: 50px;left: 50%;position: absolute;transform: translateX(-50%);}
.phn-new-label.menu-item > a:after {content: '';display: inline-block;font-size: 9px;line-height: 9px;text-transform: uppercase;letter-spacing: -0.1px;margin-left: 4px;font-weight: bolder;border-radius: 2px;color: #fff;padding: 2px 3px 3px;top: 8px;background: url('./assets/images/tag-new.gif') no-repeat 50%/contain;height: 20px;width: 50px;left: 50%;position: absolute;transform: translateX(-50%);}
.phn-live-label.menu-item > a:after {content: '';display: inline-block;font-size: 9px;line-height: 9px;text-transform: uppercase;letter-spacing: -0.1px;margin-left: 4px;font-weight: bolder;border-radius: 2px;color: #fff;padding: 2px 3px 3px;top: 8px;background: url('./assets/images/tag-live.gif') no-repeat 50%/contain;height: 20px;width: 50px;left: 50%;position: absolute;transform: translateX(-50%);}
.phn-app-label.menu-item > a:after {content: '';display: inline-block;font-size: 9px;line-height: 9px;text-transform: uppercase;letter-spacing: -0.1px;margin-left: 4px;font-weight: bolder;border-radius: 2px;color: #fff;padding: 2px 3px 3px;top: 8px;background: url('./assets/images/tag-app.gif') no-repeat 50%/contain;height: 20px;width: 50px;left: 50%;position: absolute;transform: translateX(-50%);}
.header-top {border-bottom: 1px solid #444;}
.header-nav-main.nav-line-bottom > li > a:before, .header-nav-main.nav-line-grow > li > a:before, .header-nav-main.nav-line > li > a:before, .header-nav-main.nav-box > li > a:hover, .header-nav-main.nav-box > li.active > a, .header-nav-main.nav-pills > li > a:hover, .header-nav-main.nav-pills > li.active > a {background-color: unset !important;border-bottom: 2px solid #720d11;border-top: 1px solid #f28c90;background: linear-gradient(#ea474d,#ce171e);}
.logo-left .logo {margin-right: 0;}
.off-canvas .nav-vertical>li>a {font-size: .8em;}
.mobile-nav a i {color: #fff;}
.nav > li:first-child a {border-right: none;border-image: none;}
li.html.custom.html_topbar_left {font-family: "Noto Serif", sans-serif;}
.copyright-footer {color: #fff;font-size: .8em;}
#footer .section-title-normal {border-bottom: none;}
.phnFooter .section-title-container {margin-bottom: 0;}
.footer-wrapper {background: #1f1f1f;}
#footer * {font-family: "Noto Serif", sans-serif;}
.ftMenu .flex a {font-size: .8em;min-height: unset;}
#footer .section-title-normal span {margin: unset;padding: unset;border: none;font-weight: bold;font-size: .75em;line-height: unset;text-transform: unset;color: #fff;}
.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {color: #ce171e;}
.listItemHome .banner .text-box-content .text > div img {margin-right: 10px;}
.listItemHome .banner .text-box-content .text > div {color: #f7e6b0;font-size: 14px;font-weight: 700;align-items: center;display: flex;}
.video.video-fit.mb {padding-top: 0 !important;}
/* ENTRY CONTENT POST */
h1.entry-title {color: #d11d22;}
.entry-header-text-top {padding-bottom: 0;}
.entry-content {padding-top: 0;}
.entry-header-text .entry-divider.is-divider.small {background-color: rgb(213 35 41);}
/* END ENTRY CONTENT POST */
.listItemHome .banner .text-box-content .text > p {color: #fff;font-size: 13px;letter-spacing: .5px;line-height: 20px;}
.servicesPHN .icon-box .icon-box-text > p {color: #000;font-size: 1em;font-weight: bold;}
.servicesPHN .icon-box .icon-box-text > div {color: #c62727;font-size: 1.2em;font-weight: 800;}
/* =========== MARQUEE =========== */
.marquee-news {background-color: #000000cc;}
.marqueeSection .section-content {box-shadow: 0 2px 10px #cccccc80;background-color: #000000cc;}
.marquee-wrap:after {background-color: #d11d23;border-radius: 5px;color: #fff;font-weight: 700;line-height: 30px;padding: 0 10px;position: absolute;right: 0;top: 10px;z-index: 2;}
span.news-title i {margin-right: 5px;font-size: 20px;}
.news-title:after {font-weight: 700;text-transform: uppercase;font-size: 15px;content: none;}
.news-title {color: #ff971a;font-size: 13px;font-weight: 400;line-height: 30px;text-align: center;width: 35px;}
.news-title {align-items: center;background-color: #333;display: flex;height: 50px;justify-content: center;padding: 0;position: absolute;top: 0;width: 50px;}
.news-title {padding: 0 15px;width: auto;}
.visible-area {margin-left: 0;width: 100%;height: 100%;overflow: hidden;position: relative;}
.marquee-wrap {color: #5a5959;cursor: pointer;font-size: 15px;height: 35px;line-height: 35px;margin: auto;position: relative;width: 1280px;}
.marquee-wrap {height: 50px;line-height: 50px;}
.marquee-block {background-color: #fff;height: 50px;line-height: 50px;}
.marquee-item:first-child {margin-left: 100px;}
.marquee-item:last-child {margin-right: 0;}
.marquee-item {color: #fff;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 400;height: 35px;line-height: 35px;padding: 0 20px;font-weight: bold;}
.scrollLeft { animation: scrollLeft linear infinite; }
.marquee-content { position: absolute;white-space: nowrap; }
.marquee-content { padding-left: 50vw; }
@keyframes scrollLeft{ 0% { transform:translate(0) }to { transform:translate(-100%) } }
/* =========== END MARQUEE =========== */


/* MOVE1 */
.removeBtnPHNA {display: none !important;}
.floating-mini-games .mini-game-main>img, .floating-mini-games .mini-game>img {display: block;height: 100%;transform: translateZ(0);width: 100%;}
.floating-mini-games {border-radius: 50%;cursor: pointer;height: 120px;padding: 10px;position: fixed;right: 30px;top: 180px;transition: background-color .3s;width: 120px;z-index: 500;}
.floating-mini-games, .floating-mini-games * {box-sizing: border-box;}
.floating-mini-games.maitenance {height: 110px;padding: 5px;width: 110px;}
.floating-mini-games.maitenance:before {align-items: center;color: gold;content: "";display: flex;font-family: iconmps!important;font-size: 50px;height: 100%;justify-content: center;left: 0;position: absolute;text-shadow: 0 2px 12px rgba(0, 0, 0, .8);top: 0;width: 100%;z-index: 2;}
.floating-mini-games.maitenance .mini-game-main {filter: brightness(.5) grayscale(.25);}
.floating-mini-games.maitenance .mini-game {transform: scaleX(1) rotate3d(0, 0, 0, 0deg) translateZ(0)!important;}
.floating-mini-games.maitenance:hover {background-color: rgba(255, 255, 255, .5);}
.floating-mini-games.maitenance:hover .mini-game-main {animation-name: none;}
.floating-mini-games.active>.btn-close, .floating-mini-games:hover>.btn-close {background-color: #000;box-shadow: 0 0 3px 1px rgba(255, 255, 255, .7);}
.floating-mini-games.active>.btn-close:after, .floating-mini-games.active>.btn-close:before, .floating-mini-games:hover>.btn-close:after, .floating-mini-games:hover>.btn-close:before {background-color: #fff;}
.floating-mini-games.active .mini-game-main, .floating-mini-games:hover .mini-game-main {animation: mini-game-main .1s cubic-bezier(.215, .61, .355, 1) both;transform: scale(.9);}
.floating-mini-games.active .mini-game-main>img, .floating-mini-games:hover .mini-game-main>img {animation-name: none;box-shadow: 0 0 2px #000, inset 0 0 2px #000;filter: brightness(.8) grayscale(.5);}
.floating-mini-games.active .mini-game, .floating-mini-games:hover .mini-game {opacity: 1;pointer-events: auto;transition: opacity .3s cubic-bezier(.25, -.25, .25, 1.25), transform .3s cubic-bezier(.25, -.25, .25, 1.25);}
.floating-mini-games.active .mini-game>img, .floating-mini-games:hover .mini-game>img {animation: mini-game_img .8s infinite alternate;}
.floating-mini-games.active .mini-game:hover, .floating-mini-games:hover .mini-game:hover {z-index: 10;}
.floating-mini-games.active .mini-game:hover>img, .floating-mini-games:hover .mini-game:hover>img {animation-name: none;filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 4px #000) drop-shadow(0 0 6px #000);transform: scale3d(1.3, 1.3, 1) rotate(-8deg);}
.floating-mini-games>.btn-close {background-color: rgba(0, 0, 0, .55);border-radius: 50%;height: 26px;position: absolute;right: 2px;top: 2px;transition: background-color .3s, box-shadow .3s, transform .3s;width: 26px;z-index: 3;}
.floating-mini-games>.btn-close:after, .floating-mini-games>.btn-close:before {background-color: #ccc;border-radius: 2px;content: "";height: 2px;left: 5px;position: absolute;top: 12px;transition: background-color .3s;width: 16px;}
.floating-mini-games>.btn-close:before {transform: rotate(45deg);}
.floating-mini-games>.btn-close:after {transform: rotate(-45deg);}
.floating-mini-games>.btn-close:hover {transform: rotate(180deg);}
.floating-mini-games>.btn-close>i {display: none;}
.floating-mini-games .mini-game-main, .floating-mini-games>.mini-game-cont {height: 100%;position: relative;width: 100%;}
.floating-mini-games .mini-game-main {z-index: 1;}
.floating-mini-games .mini-game-main>img {animation: mini-game-main_img .4s infinite alternate;border-radius: 50%;transition: box-shadow .3s, filter .3s;}
.floating-mini-games .mini-game {height: 90%;left: 5%;padding: 5%;pointer-events: none;position: absolute;top: 5%;transform: scale3d(.1, .1, 1) rotate(180deg) translateZ(0);transition: opacity .2s, transform .2s;width: 90%;}
.floating-mini-games .mini-game>img {transition: transform .3s;}
.floating-mini-games .mini-game:nth-of-type(3) {transition-delay: .1s;}
.floating-mini-games .mini-game:nth-of-type(4) {transition-delay: .2s;}
.floating-mini-games .mini-game:nth-of-type(5) {transition-delay: .3s;}
.floating-mini-games .mini-game:nth-of-type(6) {transition-delay: .4s;}
/* END MOVE1 */

.footer-mobile {display: block;}
}

@media only screen and (max-width: 48em) {
    .footer-wrapper {margin-bottom: 50px;}
    .floating-mini-games, .floating-mini-games * {display: flex;justify-content: center;align-items: center;}
    .floating-mini-games .mini-game-main>img, .floating-mini-games .mini-game>img {display: block;height: 65%;transform: translateZ(0);width: 65%;margin-right: 0;padding-right: 0;position: absolute;}
    .floating-mini-games.active .mini-game:nth-of-type(1) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(9px, -100px, 0);}
    .floating-mini-games.active .mini-game:nth-of-type(2) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(-71px, -71px, 0);}
    .floating-mini-games.active .mini-game:nth-of-type(2)>img {animation-delay: -.1s;}
    .floating-mini-games.active .mini-game:nth-of-type(3) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(-100px, 9px, 0);}
    .floating-mini-games.active .mini-game:nth-of-type(3)>img {animation-delay: -.2s;}
    .floating-mini-games.active .mini-game:nth-of-type(4) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(-57px, 83px, 0);}
    .floating-mini-games.active .mini-game:nth-of-type(6)>img {animation-delay: -.3s;}
    .floating-mini-games.active .mini-game:nth-of-type(5) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(27px, 96px, 0);}
    .floating-mini-games.active .mini-game:nth-of-type(5)>img {animation-delay: -.4s;}
    .floating-mini-games .mini-game {height: 90%;left: 5%;padding: 5%;pointer-events: none;position: absolute;top: 5%;transform: scale3d(.5,.5,1) rotate(180deg) translateZ(0);transition: opacity .2s,transform .2s;width: 90%;}
    .phn-app-label.menu-item > a:after, .phn-hot-label.menu-item > a:after, .phn-live-label.menu-item > a:after, .phn-new-label.menu-item > a:after {left: unset;position: unset;transform: unset;}
}

@media only screen and ( min-width: 48em ) {
    .footer-mobile {display: none;}
    .floating-mini-games:hover .mini-game:nth-of-type(1) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(9px, -100px, 0);}
    .floating-mini-games:hover .mini-game:nth-of-type(2) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(-71px, -71px, 0);}
    .floating-mini-games:hover .mini-game:nth-of-type(2)>img {animation-delay: -.1s;}
    .floating-mini-games:hover .mini-game:nth-of-type(3) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(-100px, 9px, 0);}
    .floating-mini-games:hover .mini-game:nth-of-type(3)>img {animation-delay: -.2s;}
    .floating-mini-games:hover .mini-game:nth-of-type(4) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(-57px, 83px, 0);}
    .floating-mini-games:hover .mini-game:nth-of-type(4)>img {animation-delay: -.3s;}
    .floating-mini-games:hover .mini-game:nth-of-type(5) {transform: scaleX(1) rotate3d(0, 0, 0, 180deg) translate3d(27px, 96px, 0);}
    .floating-mini-games:hover .mini-game:nth-of-type(5)>img {animation-delay: -.4s;}
    .nav>li {margin: 0;}
    .nav > li > a {border-right: 1px solid;border-image: linear-gradient(transparent 35%, #444 22% 68%, transparent 70%) 0 0 0 1 / 1px;padding: 0 6px; /*6px*/font-size: 10px;}
}
@media only screen and ( min-width: 53.063em ) {

}
@media only screen and ( min-width: 68em ) {
    .nav > li > a {margin: 0;font-size: 0.8em;}
}
@media only screen and ( min-width: 88em ) {

}
@media only screen and ( min-width: 95em ) {

}
@media only screen and ( min-width: 48em ) {
    /* ============ LIST GAME ============ */
    .top_game .game_star {
        text-align: center;
        border-right: 1px solid #ccc;
    }
    .top_game .game_logo {
        padding: 10px 30px;
    }
    .top_game .game_logo, .top_game .game_meta, .top_game .game_star, .top_game .game_button {
        width: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .top_game .game_meta {
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
}