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

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



body{
    font-size: 16px;
    font-family: Arial, 'Times New Roman', SimHei, Helvetica, sans-serif;
}

.header .header-top li a{
	font-size: 16px;
}
.header .header-top li a span {
    display: flex;
    align-items: center;
    margin-right: 10px;
    color: #9cfeff;
}
.header .header-top li a img{
	width: 30px;
}
.nav-divided>li+li>a:after{
	    margin: 0 20px;
    width: 1px;
    height: 15px;
    background-image: linear-gradient(to bottom, transparent, #fff, transparent);
}
.nav-divided>li {
    margin: 0 15px;
}

.nav-divided>li+li>a:after {
	width: 1px;
	height: 15px;
	background-image: linear-gradient(to bottom, transparent, #fff, transparent);
	border: 0px;
	left: -35px;
	top: 12px;
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
    color: hsl(0deg 0% 100%);
}
#wide-nav .header-bottom-nav > li > a > i{
  font-family: icomoon !important;
  font-size: 24px;
  font-weight: 400;
  margin-right: 0px;
}
#wide-nav .header-bottom-nav > li > a {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    text-transform: capitalize;
    white-space: nowrap;
}
#wide-nav .header-bottom-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#wide-nav > .flex-row > .flex-col.flex-left{
  width: 100%;
}
header.has-sticky  .header-wrapper.stuck,body:not(.home) header#header{
    border-bottom: 1px solid #242424 !important;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
  height: 1px;
}
#wide-nav .hide-for-medium.flex-left .nav.header-bottom-nav .label-hot.menu-item > a:after {
    position: absolute;
    z-index: 1;
    height: 12px;
    top: 0px;
    right: -15px;
    width: 34px;
    content: "";
    background-image: url('images/hot.svg');
    background-color: unset;
    background-size: contain;
}


#wide-nav .hide-for-medium.flex-left .nav.header-bottom-nav .label-new.menu-item > a:after {
    position: absolute;
    z-index: 1;
    height: 12px;
    top: 0px;
    right: -15px;
    width: 33px;
    content: "";
    background-image: url('images/label-new.svg');
    background-color: unset;
    background-size: contain;
}


#wide-nav .hide-for-medium.flex-left .nav.header-bottom-nav .menu-item a .icon-angle-down{
	display: none;
}

#wide-nav .hide-for-medium.flex-left .nav.header-bottom-nav .menu-item .sub-menu .box {
	color: #fff;
	cursor: pointer;
}
#wide-nav .hide-for-medium.flex-left .nav.header-bottom-nav .menu-item .sub-menu .box:hover {
	background-color: #1e222c;
}
#wide-nav .hide-for-medium.flex-left .nav.header-bottom-nav .menu-item .sub-menu .box .bonus {
    margin-top: 5px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
#wide-nav .hide-for-medium.flex-left .nav.header-bottom-nav .menu-item .sub-menu .box .bonus .debate {
    color: #ff0;
    font-size: 16px;
}
#top-bar{
	color: #fff;
}
header input.wpcf7-form-control{
  background: #2d2d2d;
  border: 0;
  border-radius: 10px !important;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  line-height: 1;
  padding: 12px 16px;
  max-width: 172px;
}

.header .wpcf7-form .flex-row{
	gap: 5px;
}
.wpcf7-spinner{
	display: none;
}
.header .wpcf7-form .wpcf7-submit{
	width: 100%;
}

.header .wpcf7-form .wpcf7-submit {
  flex: 1;
  font-size: 14px;
  line-height: 17px;
  min-width: 90px;
  padding: 11px 19px;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 10px;
  font-weight: 700;
}

.header .wpcf7-form .dangnhap {
background: #d46824;
}
.header .wpcf7-form .dangky{
  background: #fff5e3;
  color: #161616;
}

.button, button, input[type=button], input[type=reset], input[type=submit]{
	font-weight: normal;
	text-transform: unset;
}
header .wpcf7 p{
	color: #fff;
}
.header-block{
	min-height: 0px;
	margin-top: 0px;
	top:0px !important;
}
.header-block .header-bottom2 {
    width: 100%;
    background: #005d92;
}
.header-block .header-list {
	overflow: hidden;
	flex-wrap: nowrap;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0px;
}
.header-block .header-list li {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 2px;
    height: 100%;
    margin: 0px;
}
.header-block .header-list li:not(:nth-last-child(-n+2)) {
    position: relative;
    padding-right: 10px;
}
.header-block .header-list li a.d-flex {
    margin: 0 0 10px 0;
    color: #e5e5e5;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}
.header-block .header-list li a.d-flex:last-child {
    margin: 0;
}
.header-block .header-list li a.d-flex .title {
    margin-right: 15px;
    color: #c5faff;
    font-size: 13px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.header-block .header-list li a.d-flex .title img {
    display: block;
}
.header-block .header-list li p{
	margin-bottom: 0px;
}
.header-block .header-bottom2 .container {
    padding: 5px 10px;
}
.header-block .header-list li:last-child {
    display: flex;
    justify-content: flex-end;
    width: 300px;
}
.header-block .header-list li:not(:nth-last-child(-n+2))::after {
    position: absolute;
    top: 50%;
    right: 13px;
    width: 1px;
    height: 20px;
    background-image: linear-gradient(to bottom, transparent, #fff, transparent);
    content: '';
    transform: translateY(-50%);
}
footer .icon-box.icon-box-left{
	width: auto !important;
}

.icon-box.icon-box-left{
	display: flex;
    align-items: center;
}


.box-list-view .box, .box-vertical {
display: table;
width: 100%;
}
.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {
    direction: ltr;
    display: table-cell;
    vertical-align: middle;
}


.bank .ux-logo-link{
  padding: 0px !important;
}
.absolute-footer{
  display: none;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer__nav, .footer__nav ul {
    align-items: flex-start;
    display: flex;
}
.footer__nav ul {
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.footer__nav--column li {
    cursor: pointer;
    width: calc( 50% - 5px );
}
.footer__nav ul li {
    cursor: pointer;
        color: #b0b0b0;
    transition: .3s;
}
.footer__nav--column li:hover {
    color: #f5dfb4;
}
.footer__nav ul li:hover span {
    color: #fff;
}

footer ul li {
  margin: 0px !important;
}
.footer__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 18px;
}
.footer__title p{
  margin-bottom: 0px;
}
.footer__nav--column ul {
    flex-direction: row;
    flex-wrap: wrap;
}


a .footer__social  {
    align-items: center;
    background: #1e1e1e;
    border-radius: 10px;
    color: #b0b0b0;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    height: 88px;
    justify-content: center;
    line-height: 20px;
    transition: .3s;
    width: 90px;
}

a .footer__social:hover {
    background: #2f2e2e;
    color: #fde9bf;
}

.notification .icon-box{
    align-items: center;
    background: linear-gradient(90deg, #006a45, #00946a);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 100px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
    z-index: 1;

}
.notification .icon-box:before{
    background: url(images/p2p-mask.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 100px;
    mix-blend-mode: soft-light;
    position: absolute;
    right: 0;
    top: 0;
    width: 389px;
}

.notification .content .title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
}
.notification .content p{
    margin-bottom: 4px;
}
.notification .content .description{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
}
.d-xl-block {
    display: block !important;
}

.notification .content .note {
color: #fde9bf;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
}

.notification .content p:last-child {
margin-bottom: 0;
}
.z9{
  z-index: 9;
}

.promotion__item {
    align-items: center;
    background: #1e1e1e;
    border-radius: 10px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    cursor: pointer;
    display: flex;
    flex: 1;
    height: 116px;
    padding: 24px 8px 20px 20px;
    transition: .3s;
}

.promotion__item--right h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
}

.promotion__item--right p{
    color: #888d93;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    margin-bottom: 0;
}
.line-limit-2 {
    -webkit-line-clamp: 2;
}
.line-limit-1, .line-limit-2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.promotion__item--right h3 strong {
    color: #e5894a;
}

@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.154cdc1.eot);src:url(fonts/icomoon.154cdc1.eot#iefix) format("embedded-opentype"),url(fonts/icomoon.1bcc620.ttf) format("truetype"),url(fonts/icomoon.4a3a7f6.woff) format("woff"),url(/_nuxt/img/icomoon.8cd2e7e.svg#icomoon) format("svg")}header i[class*=" icon-"],header i[class^=icon-]{speak:never;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-prize:before{content:"\e941"}.icon-microgaming:before{content:"\e940"}.icon-sagaming:before{content:"\e942"}.icon-coin12:before{content:"\e93f"}.icon-dreamgaming:before{content:"\e93a"}.icon-hogaming:before{content:"\e93b"}.icon-pragmatic:before{content:"\e93c"}.icon-techplay:before{content:"\e93d"}.icon-yeebet:before{content:"\e93e"}.icon-crown:before{content:"\e938"}.icon-triangle-right:before{content:"\e939"}.icon-p2p:before{content:"\e937"}.icon-info:before{content:"\e934"}.icon-jackpot:before{content:"\e935"}.icon-menu:before{content:"\e936"}.icon-desktop:before{content:"\e932"}.icon-phone:before{content:"\e933"}.icon-close:before{content:"\e931"}.icon-bell:before{content:"\e930"}.icon-nicepay:before{content:"\e92f"}.icon-clock:before{content:"\e92e"}.icon-cup:before{content:"\e92c"}.icon-medal:before{content:"\e92d"}.icon-home:before{content:"\e92b"}.icon-news:before{content:"\e92a"}.icon-amount-deposit:before{content:"\e925"}.icon-amount-received:before{content:"\e926"}.icon-refund:before{content:"\e927"}.icon-total-bet:before{content:"\e928"}.icon-total-refund:before{content:"\e929"}.icon-wallet:before{content:"\e924"}.icon-all-square:before{content:"\e91f"}.icon-ebet:before{content:"\e920"}.icon-evo:before{content:"\e921"}.icon-ezugi:before{content:"\e922"}.icon-vivo:before{content:"\e923"}.icon-long-arrow:before{content:"\e918"}.icon-triangle-down:before{content:"\e919"}.icon-calendar:before{content:"\e91a"}.icon-copy:before{content:"\e91b"}.icon-check:before{content:"\e91c"}.icon-gift:before{content:"\e91d"}.icon-user-circle:before{content:"\e91e"}.icon-arrow-left:before{content:"\e910"}.icon-bank:before{content:"\e911"}.icon-bitcoin:before{content:"\e912"}.icon-card:before{content:"\e913"}.icon-ewallet:before{content:"\e914"}.icon-flash:before{content:"\e915"}.icon-momo:before{content:"\e916"}.icon-viettel:before{content:"\e917"}.icon-eye-hidden:before{content:"\e90e"}.icon-eye-visible:before{content:"\e90f"}.icon-betting-history:before{content:"\e907"}.icon-deposit:before{content:"\e908"}.icon-lock:before{content:"\e909"}.icon-logout:before{content:"\e90a"}.icon-transaction-history:before{content:"\e90b"}.icon-user:before{content:"\e90c"}.icon-withdraw:before{content:"\e90d"}.icon-bingo:before{content:"\e905"}.icon-lottery:before{content:"\e906"}.icon-arrows:before{content:"\e900"}.icon-eye-mask:before{content:"\e901"}.icon-keno:before{content:"\e902"}.icon-soccer-ball:before{content:"\e903"}.icon-symbol-of-spades:before{content:"\e904"}

.box4  .box1 > .col-inner {
    background-image: url(images/k-sport-bg.jpg);
    border-radius: 20px;
}

.box4  .box2 > .col-inner {
    background-image: url(images/a-sport-bg.jpg);
    border-radius: 20px;
}

.box4  .box3 > .col-inner {
    background-image: url(images/e-sport-bg.jpg);
    border-radius: 20px;
}
.jackpot__money {
    font-size: 25px;
    font-weight: 800;
}
.jackpot__icon {
    animation: pulse 3s linear infinite;
    box-shadow: none !important;
    z-index: 1;
}
.jackpot__background {
    animation: lightAnimation 2s linear infinite;
    aspect-ratio: 364 / 166;
    border-radius: 8px;
}
.jackpot__title {
    color: #ffecaf;
    font-size: 25px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
}
.jackpot p{
  margin: 0px;
}
.jackpot__background .bg{
border-radius: 8px;
}
@media screen and (max-width: 1199px) {
    .promotion__item .icon-box-img {
        height: 48px !important;
        width: 48px !important;
    }
    .promotion__item--right h3 {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 4px;
    }
    .promotion__item--right p {
        font-size: 12px;
        font-weight: 400;
        height: 32px;
        line-height: 16px;
    }
    .promotion__item{
      padding: 0px 5px;
    }
    .notification .content .description{
      display: none !important;
    }
    .notification .icon-box-img{
      width: 80px !important;
    }
}


@keyframes lightAnimation{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}@keyframes lightAnimation1{0%{filter:brightness(1)}to{filter:brightness(1.5)}}@keyframes animateBubble{0%{margin-top:500px;opacity:0}5%{opacity:.5}to{margin-top:-100%;opacity:1}}@keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}@keyframes shine{to{left:125%}}@keyframes btnHotMatchesAnimation{0%{filter:brightness(1.3)}50%{filter:brightness(.9)}to{filter:brightness(1.3)}}

@keyframes pulse{0%{transform:translate(0%,0%) scale(.95)}70%{transform:translate(0%,0%) scale(1.2)}to{transform:translate(0%,0%) scale(.95)}}@keyframes upDown{0%{transform:translateY(-1%)}50%{transform:translateY(1%)}to{transform:translateY(-1%)}}@keyframes lightLineAnimation{0%,20%{opacity:.5}to{filter:brightness(1.5) drop-shadow(0 0 3px #ffffff);opacity:1}}@keyframes buzz{70%{opacity:.8}}@keyframes lineLightAnimationPink{0%{filter:hue-rotate(125deg) saturate(1) brightness(1.5)}to{filter:hue-rotate(125deg) saturate(1) brightness(1.9)}}@keyframes rightToLeftAnimation{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes showHideAnimation{0%{filter:brightness(0);opacity:0}to{filter:brightness(1.2);opacity:1}}@keyframes lds-ripple{0%{height:0;opacity:1;width:0}to{height:50px;opacity:0;width:50px}}@keyframes rotate-around{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes Scroll{0%{-webkit-transform:translate(0)}65%{-webkit-transform:translateY(10px)}to{-webkit-transform:translate(0)}}


.header-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 25.1px;
}
.header-title p{
  margin-bottom: 0px;
}
.box5 .box {
  border: 1px solid hsla(0, 0%, 100%, .1);
  border-radius: 20px;
  overflow: hidden;
    cursor: pointer;
}
.box5 .box p{
  font-weight: 800;
}
.box6 .box{
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.box7 .box{
  border: 1px solid hsla(0, 0%, 100%, .1);
  background: radial-gradient(76.88% 76.88% at 76.43% 23.13%, #240924 0, #150921 100%);
  border-radius: 20px;
  cursor: pointer;
}
.box7 .box:hover{
  background: linear-gradient(170.14deg, rgba(86, 22, 86, 0) 7.4%, #391159 92.6%);
}
.box7 .box p,.box8 .box p{
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  line-height: 31.38px;
  text-align: center;
  margin-bottom: 20px;
}


.box8 .box{
  border: 1px solid hsla(0, 0%, 100%, .1);
  background: radial-gradient(76.88% 76.88% at 76.43% 23.13%, #240924 0, #150921 100%);
  border-radius: 20px;
  cursor: pointer;
}
.box8 .box:hover{
  background-image: url(images/game-bg-highlight.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.box8 .box .button{
  background: hsla(0, 0%, 100%, .102) !important;
  color: #fff !important;
  margin: 0px;
}
.box9 .box .button{
  background: hsla(0, 0%, 100%, .1) !important;
  color: #fff !important;
  margin: 0px;
}
    
.box8 .box:hover .button,.box9 .box:hover .button{
  background: #fff !important;
  color: #000 !important;
}
.button{
  font-weight: 700;
}
.box9 .box{
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer
}

.box9 .box:before {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5));
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: skew(-25deg);
    width: 50%;
    z-index: 2;
}
.box9 .box:hover:before {
    animation: shine 1s;
}

#comments{
  display: none;
}

@media(max-width:868px){
  .box .box-text.is-xlarge {
    font-size: 16px;
  }
  .box7 .box p, .box8 .box p{
    font-size: 16px;
  }
}