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

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
  font-size: 15px;
  line-height: 1.42857143;
  color: #333333;
}
.page-title.is-large.uppercase {
  font-size: 32px;

}
h1,h2,h3,h4,h5,h6 {
	  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.taxonomy-description {
  text-align: justify;
}
.post-title.is-large {
  font-size: 18px;
}
.box-text-inner.blog-post-inner > .is-divider {
  display: none;
}
.nav > li > a.nav-top-link:hover > i {
  background-position: center bottom;
}
.nav > li > a.nav-top-link > i {

  width: 30px;
  height: 26px;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-position: center top;
}

li a.nav-top-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}
.nav > li.mnhome > a.nav-top-link > i {
  background-image: url("images/menu/trangchu.png");
}
.nav > li.mnnohu > a.nav-top-link > i {
background-image: url("images/menu/nohu.png");
}
.nav > li.mnbanca > a.nav-top-link > i {
background-image: url("images/menu/banca.png");
}
.nav > li.mngamebai > a.nav-top-link > i {
background-image: url("images/menu/gamebai.png");
}
.nav > li.mncasino > a.nav-top-link > i {
background-image: url("images/menu/casino.png");
}
.nav > li.mnthethao > a.nav-top-link > i {
background-image: url("images/menu/thethao.png");
}
.nav > li.mnxoso > a.nav-top-link > i {
background-image: url("images/menu/soxo.png");
}
.nav > li.mndaga > a.nav-top-link > i {
background-image: url("images/menu/daga.png");
}
.nav > li.mnkm > a.nav-top-link > i {
background-image: url("images/menu/khuyenmai.png");
}
.nav > li.mnapp > a.nav-top-link > i {
background-image: url("images/menu/app.png");
}
.nav > li.mndaily > a.nav-top-link > i {
background-image: url("images/menu/daily.png");
}
.nav > li.mncskh > a.nav-top-link > i {
background-image: url("images/menu/cskh.png");
}


.header-bottom {
  height: 72px;
  background: #005b01;
}
.header-bottom .flex-row.container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
ul.header-bottom-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}
ul.header-bottom-nav > li > a {
  color: inherit;
  font-weight: bold;
}
.nav-dark .nav > li > a {color:#fff;}
.nav-dark .nav > li:hover > a {
  color: #ff0 !important;
}
.nav-dark .nav > li:hover > a {
  color: #ff0 !important;
}
.nav-dark .nav .acive > li:hover > a {
  color: #ff0 !important;
}
ul.header-bottom-nav > li.active {
  color: #ff0;
}
ul.header-bottom-nav > li {
  position: relative;
  float: left;
  
  padding: 0 5px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.nutheader > .col {

  padding: 13px;
}
.button.primary {
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
}

.button.primary:hover {
color: #000;
border-color: #ffe400;
background-color: #ffe400;
		box-shadow: none;
}
.nutdangnhap {
  color: #005b01;
  border-color: #005b01;
  background-color: transparent;
  width: 150px;
  height: 40px;
  line-height: 40px;
}
.nutdangky
{ 
		height: 40px;
line-height: 40px;
border: none;
background: #005b01;
  width: 150px;	
}
.trainghiem i {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 15px;
  background: url(images/choithu.png) no-repeat center top;
}
.trainghiem:hover i {
  background-position: bottom;
}
.trainghiem {
  text-transform: capitalize;
  font-size: 11px !important;
  width: 170px;
}

.thongbao::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  background: url(images/thongbao.png) no-repeat center;
	
}

.thongbao p {
  display: inline-block;
  line-height: 40px;
  color: #ff0 !important;
  text-transform: uppercase;
  font-size: 15px;
	margin-bottom: 0px;
}
.marqueez {
  line-height: 40px;
}
.pd0{padding:0px!important;}

.games {
  display: flex;
  justify-content: space-between;
}

.games > .col {
  position: relative;
  width: 190px;
  height: 260px;
  background-position: top;
	background-repeat: no-repeat;
	margin:10px 0;
}

#toc_container {
  width: 100% !important;
}


.baivietmoi h5 {
  font-size: 15px !important;
}
.baivietmoi > .col {
  padding: 0px;
}

.headingred {

  margin-left: -10px;
}
.headingred h3 {
 color: white;
border-bottom: solid 2px #005b01;
padding-bottom: 4px;
font-size: 16px;
 
  
}

.headingred > h3 > span {
  padding: 8px;
  text-transform: uppercase;
}



.slot {
  background-image: url(images/games/nohu1.png);

}
.fish {
  background-image: url(images/games/banca1.png);
}
.card {
  background-image: url(images/games/gamebai1.png);
}
.live {
  background-image: url(images/games/casino1.png);
}
.sport {
  background-image: url(images/games/thethao1.png);
}
.lottery {
  background-image: url(images/games/xoso1.png);
}

.games > .col:hover {
  background-position: bottom;
}


.jackpotsection
{
	
height: 426px;
margin: 25px 0 40px;
background: url(images/jackpot.png);
	  background-position: center;
	background-repeat: no-repeat;
}



.jpcol{
	margin-top: 70px;
}
.randomnum {
  color: #005b01;
  font-size: 65px;
  font-weight: bold;
}
.randomnum p {
  margin-bottom: 0;
}

.leadjp {
	
	
}
.leadjp p {
  margin-bottom: 0;
}

.jpslide .flickity-prev-next-button.next {
  left: 105%;
  right: auto;
}
.jpslide .flickity-prev-next-button.previous
{
	left: auto;
right: 105%;
}

.ungdung{
	font-size: 20px;
font-weight: bold;
white-space: nowrap;
}
.ungdung p i {
	display: inline-block;
width: 31px;
height: 38px;
vertical-align: middle;
}
.android i {
	background: url(images/android.png);
	background-repeat:no-repeat;
}
.ios i {background: url(images/ios.png);}

.android,.ios {text-align: left;
color: #005b01;}


.entry-author.author-box {
  border: 1px solid #ececec;
  padding: 20px;
  border-radius: 0;
}

.titlelk {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(images/725f01201be35e7e2ba9067a2efcb2dc.png) no-repeat center;
}
.titletonghop {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(images/3b4931d2d583b94fbc156f4627477cb0.png) no-repeat center;
}

.footertonghop > p, .footerlk > p {
  color: #ff0;
  margin-bottom: 10px;
}

.footertonghop, .footerlk {

  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
}
.menufooter .ux-menu-link__link::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  background-color: #fff;
  -webkit-mask: url('images/Arow1-50.svg') no-repeat center;
  mask: url('images/Arow1-50.svg') no-repeat center;
  vertical-align: text-bottom;
}

.menufooter .ux-menu-link__link:hover::before
{
	background-color: #ff0;
	
}

.menufooter .ux-menu-link__text {
  font-size: 15px;
}
.menufooter .ux-menu-link__text:hover {
  color:#ff0;
}






.marquee {
    white-space: nowrap;
    overflow: hidden;
    animation: marquee linear infinite;
}
.marquee:hover {
  animation-play-state: paused;
}

.marqueeout{
	overflow:hidden;
	padding: 0px;
}

@keyframes marquee {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

.marquee-left {
    animation-duration: 20s; /* Thời gian hoàn thành chạy */
    animation-direction: normal;
}

.marquee-right {
    animation-duration: 20s;
    animation-direction: reverse;
}

.marquee-up {
    animation-duration: 20s;
    animation-direction: normal;
    animation-name: marquee-up;
}

.marquee-down {
    animation-duration: 20s;
    animation-direction: reverse;
    animation-name: marquee-up;
}

@keyframes marquee-up {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(-100%);
    }
}



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

	.baivietmoi > .col {
  padding: 10px;
}

	
	
}