/**
customize

**/
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  src: local('Prompt-Regular'), local('Prompt-Regular'), url('https://the88th1.com/wp-content/themes/the88th/font/Prompt-Regular.ttf') format('truetype');
}
body,h1, h2, h3, h4, h5, h6, nav, .nav, .menu,ul,ol,il, a, button, .button, .btn, .price, ._heading, span, p {
  font-family: "Prompt", san-serif !important;
  
}
body{
	padding:0;
	margin:0;
}


ul{
	margin-bottom:0px!important;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5;
  top: 0;
}

.header-top {
    display: flex;
    align-items: center;
    padding: 0;
    color: #fff;
}
@media (min-width:700px){
	.header-top {
    justify-content: space-between;
	padding-top:15px;
	}
	
}
@media(max-width:700px){
	.header-top {
		display: unset;
		align-items: center;
		padding: 0;
		color: #fff;
	}
}

.header-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    color: #fff;
}
.logo-nav img{
	width: auto;
        height:50px;
}
@media (min-width:700px){
	.site-header::after {
		height:20px!important;}
		
}
.button-nav{
	
    justify-content: end;

}
.bg-nav {
	background-color:#060C38 !important;
}
.bg-back{
	background-color:#000 !important;
}
.button-nav-login{
    border: none;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(180deg, #A325FD 25%, #8630F8 50%, #7038F4 100%);
    background-origin: border-box;
    background-clip: content-box, border-box, text;
    color: #FFF;
	padding:6px 13px;
	border-radius:5px;

}
.button-nav-register{
    border: none;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(180deg, #FF812F 0%, #FF812F 25%, #FF9532 75%, #FF9B33 100%) !important;
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: none;
    color: #FFF;
	padding:6px 13px;
	border-radius:5px;

}
.seconbar ul li {
    list-style: none;
	display:inline-block;
	padding:5px;
	margin-bottom:0 !important;
}.seconbar a {
	text-decoration:none;
	color : #fff;
	
}
.logo-nav{
	display:flex;
}
@media(min-width:700px){
	.hid-desk{
		display:none;
		}
}
@media (max-width:700px){
	
	.navbar>.container-fluid{
		padding-left:10px !important;
		text-align:center!important;
		}
	
	.hid-mo{
		display:none;}
	
	
	.logo-nav{
	position: absolute;
    left: 70px;
    top: 15px;
}
	.logo-nav img{

                height:25px;
}
	.button-nav img{
		display:none;}
     .button-nav-login{
	font-size:10px;
	}
			
	.button-nav-register{
	font-size:10px;
	}

.seconbar {
    position: absolute;
    right: 0;
    top: 50px;
    font-size: 12px;
}
.seconbar-top {
    position: absolute;
    right: 10px;
    top: 15px;
}
}

@media (max-width:321px){
.button-nav-login{
	font-size:8px;
	}
.button-nav-register{
	font-size:8px;
	}

}


.position a{
	text-decoration:none;

}
.position{
	 position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
	bottom:50px;
}
@media(max-width:700px){
	.position{
	    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
		}
}
.button-sliver{
	font-size:20px;
                background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(180deg, #FF812F 0%, #FF812F 25%, #FF9532 75%, #FF9B33 100%) !important;
                border-radius: 30px !important;
                padding: 6px 20px 6px 20px !important;
                margin: 15px 10px 15px 10px !important;
               width:180px;
			   border: none;
            }

            @keyframes anim_button_silver {
                0% {
                    filter: drop-shadow(rgb(234, 234, 234) 0px 0px 3px);
                }

                100% {
                    filter: drop-shadow(rgb(255, 255, 255) 0px 0px 10px);
                }
            }
			
@media(max-width:700px){
	.button-sliver{
		font-size:13px;
		margin: 15px 0px 15px 0px !important;
		width:auto;
	}
}

/* slider-loop */

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

.logos {
  overflow: hidden;
  padding: 30px 0;
  background: #00000000;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;

}

.logos:after {
  right: 0;

  }


.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}
.button-nav img{
	width: 20px;
	height:auto;
}
.seconbar img{
	width: 20px;
	height:auto;
}
.logos-slide img {
  width:auto;
  height: 80px;
  margin: 0 40px;
}
@media (max-width:700px){
	.logos-slide img {
  height: 50px;
  margin: 0 10px;
}
.logos {
	padding: 10px 0;
}
}
@media (min-width:700px){
.content{
	display: flex;
    flex-wrap: inherit;
    align-items: center;
}}
.img-content{
	text-align:center;
}
.img-content img{
	height:auto;
	width:80%;
	margin:auto auto;
}
@media(max-width:700px){
	.img-content img{
		width:60% !important;
		}
}
.title-h2 h1,.title-h2 h2,.title-h2 h3{
	text-align:center;
	font-weight: bolder;
	color:#fff;
    text-shadow: 0 0 0em #8707be, 0 0 0em #8707be, 0 0 .5em #8707be;
}

@media (max-width:700px){
.pad-centent-mo{
	padding: 20px 0px;
}}

#sec02 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
}
.img-button{
	text-align:center;
	padding-top:30px;
}

@media (max-width:700px){
	.img-button img{
		width:auto;
height:40px;}
}
.img-banner img{
	width:90%;
	height:auto;
	margin:auto auto;
}
.img-banner{
	padding:15px 0px;
	text-align:center;
}
.img-banner2 img{
width:100%;
	height:auto;
	margin:auto auto;
	padding:5px 0px;
}
.img-banner2{
	padding:15px 0px;
	text-align:center;
}

@media (max-width:700px){
	.img-banner2 img{
width:90%;
}
}
.img-game{
	text-align:center;
}
.img-game img{
	width:auto;
	height:300px;
	margin:auto auto;
	padding:30px 100px;
}

@media (max-width:700px){
	.img-game img{
		padding:10px 0px;
		}
		.img-game img{
			height:150px;
			}
}

.title-content-game{
	text-align:center;
	padding-top:20px;
color:#fff;
font-weight: bolder;
text-shadow: 0 0 0em #8707be, 0 0 0em #8707be, 0 0 .5em #8707be;
}



.title-content-game h2{
	font-weight: bolder;
	text-shadow: 0 0 0em #8707be, 0 0 0em #8707be, 0 0 .5em #8707be;
}

#sec05 ,#sec06{
	
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#sec07{
	
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	padding: 0px 160px;
}
@media (max-width:1024px){
	#sec07{
	padding: 0px 10px;
		}
}
.img-slide{
	padding:20px 0px;
}
.img-slide img{
	width: 60% !important;
        height:auto;
	margin:auto auto;
}
.img-button-register{
	text-align:center;
	padding-bottom:30px;
}
@media (max-width:700px){
	.img-slide img{
	width: 100% !important;
}
.img-button-register img{
	height:50px !important;
}
}
.img-button-register img{
	width: auto;
	height:80px;
	margin:auto auto;
}

.sec-content{
	background-color:#000000b0;
	padding: 25px 25px 25px 25px;
	margin:30px 0px;
	border-radius:15px;
}
.text-content{
    color: #F4EFEF;
    font-family: "Prompt", Sans-serif;
    font-size: 17px;
    font-weight: 300;
    padding-bottom:20px;
}
@media(max-width:700px){
	.text-content{
		font-size: 13px;
		line-height:1.35;
		}
}
.title-content-game2{
	padding:20px 0px 10px 0px;
}

.text-content h1,.text-content h2,.text-content h3,.text-content h4,.text-content h5,.text-content h6{
    color:#FFF;
	font-weight:900;
	text-shadow: 0 0 0em #8707be, 0 0 0em #8707be, 0 0 .5em #8707be;
}
.title-sec-faq h4{
	color:#FF9F34;
	font-weight:600;
}
.title-faq{
	font-weight:600;
}
#footer{
	padding:30px 0px 30px 0px;
}
.logo-footer img{
	width: auto;
	height:40px;
}.logo-footer {
	padding-bottom:15px;
}
.text-footer{
	font-size:15px;
	color:#fff;
}
@media(max-width:700px){
	.text-footer{
	font-size:13px;
	line-height:1.35;
}
.title-footer{
	padding-top:15px;
	font-size:18px !important;
}
}
.title-footer{
	font-size:25px;
	color:#FF9F34;
}
.img-icon-foot{
	text-align:left;
}
.img-icon-foot img{
	width:auto;
	height:50px;
	margin:auto auto;
	padding:2px;
}
.img-icon-foot2{
	text-align:left;
}
.img-icon-foot2 img{
	width:auto;
	height:70px;
	margin:auto auto;
	padding:2px;
}
@media(max-width:700px){
	.img-icon-foot img{
	padding:5px;
		}
	.img-icon-foot2 img{
	padding:5px;
		}
}
.link-foot{
    line-height: 1;
}

.link-foot a{
	color:#fff;
	text-decoration: none;
	
}
.link-foot ul , li{
	padding:0;
	margin:0;
}
.text-end-foot{
	text-align:center;
	color:#fff;
	font-size:13px;
}

.text-content a{
	color:#faf0ca!important;
	font-weight:600;
	text-decoration:none;
}
@media(max-width:700px){
	.textwidget{
		font-size:13px;
		line-height:1.35;
		}
		
		#end-foot{
			padding-bottom:50px;}
}
.button-bot{
	text-align:center;
	    padding: 0;
}

.button-gold{
	font-size:13px;
	width:95%;
             
                appearance: button;
                background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #B88113 0%, #E3C058 25%, #FEEF9D 50%, #E3C058 75%, #B88113 100%) !important;
                border: 1px solid #EEEEEE !important;
                border-radius: 6px !important;
                padding: 6px 0px 6px 0px !important;
                margin: 15px 0px 0px 0px !important;
                transition: all 0.3s ease 0s;
                filter: drop-shadow(.4rem .4rem .4rem rgba(0, 0, 0, .2));
            }
			
			
			
			
.button-nav a{
	text-decoration:none;
}
.img-header img{
	width: 100%;
	height:auto !important;
	margin:auto auto;
}

.clean-pad{
	padding:0;
	margin:0;
}

.title-head h2{
	font-size: 80px;
    font-weight: bolder;
    color: #fff;
    text-shadow: 0 0 0em #8707be, 0 0 0em #8707be, 0 0 .5em #8707be;
	
}
.title-head{
	text-align: left;
	 position: absolute;
    top: 350px;
	width: auto;
    left: 15%;
}
@media(max-width:700px){
	.title-head h2{
	font-size: 30px;}
	.title-head{
		top: 160px;
		}
}
#head-bacara{
	    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#bacara-01{
	padding:20px 0px 20px 0px;
	  background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.img-game-baca img{
	width:auto !important;
	height:350px!important;
	padding:5px 15px;
}
.img-game-baca a{
text-decoration:none;
}
@media(max-width:700px){
	.img-game-baca img{
	
	height:130px!important;
	padding:5px 5px;
}
}
.img-game-baca{
	text-align:center;
}
#bacara-02{
	  background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	padding:20px 0px 20px 0px;
}
.img-content-bacara img{
	width:100%;
	height:auto;
	
}
.flex-center{
	display: flex;
    flex-wrap: inherit;
    align-items: center;
}


.title-content-game2 h1,.title-content-game2 h2.title-content-game2 h3,.title-content-game2 h4,.title-content-game2 h5{
    color:#b88113;
	font-weight:900;
	font-size:20px!important;
}
@media(max-width:700px){
.text{
	font-size:13px;
	line-height:1.35;
}
}

.img-but-pro{
	text-align:center;
}
.img-but-pro img {
	width:25%;
	height:auto;
	margin:auto auto;
	padding:30px 0px;
}
.banner-pro{
	text-align:center;
}
.banner-pro img {
	width:80%;
	height:auto;
	margin:auto auto;
	border-radius:30px 30px;
	margin-bottom:20px;
}

@media(max-width:700px){
	.img-but-pro img{
		width:40%!important;
		}
		.banner-pro img {
	width:95%;
	height:auto;
	border-radius:10px 10px;
}
}

.head-banner{
	text-align:center;
	padding:20px 0px;
}
.head-banner img{
	width:70%;
	height:auto;
	margin:auto auto;
	border-radius:15px;
}
@media(max-width:700px){
	.head-banner img{
		width:95%!important;
		}
}

.title-head-banner{
	text-align:center;
}
.title-head-banner h1,.title-head-banner h2,.title-head-banner h3,.title-head-banner h4,.title-head-banner h5,.title-head-banner h6{
	font-size:50px;
    font-weight: 600;
    background: linear-gradient(90deg,#B88113 0%,#B88113 25%,#fff2ab 50%,#B88113 75%,#B88113 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-content-banner{
    color: #F4EFEF;
    font-size: 17px;
    font-weight: 300;
	text-align:center;
}
@media(max-width:700px){
	.title-head-banner h1,.title-head-banner h2,.title-head-banner h3,.title-head-banner h4,.title-head-banner h5,.title-head-banner h6{
		font-size:30px!important;}

	.text-content-banner{
		font-size: 13px;
		line-height:1.35;
		}
}

.sec-content-banner{
	background-color:#000000b0;
	padding: 25px 25px 25px 25px;
	margin:0;
}
.pad-row{
padding:0px 10px;
}

#sec-table{
		  background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	padding:20px 0px 20px 0px;
}
.table-align{
	text-align:center;
}

.title-head-banner-sec2{
	text-align:center;
			padding: 8px 25px 8px 25px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #B88113;
    border-radius: 30px;
	margin:auto auto;
	margin-bottom:20px;
    width:30%;
}
@media(max-width:700px){
	.title-head-banner-sec2{
	  width:90%;
	  margin-bottom:15px;
	}
}
.title-head-banner-sec2 h2{
	font-size:25px;
    font-weight: 600;
    background: linear-gradient(90deg,#B88113 0%,#B88113 25%,#fff2ab 50%,#B88113 75%,#B88113 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin-bottom:0px;
}
@media(max-width:700px){
	.title-head-banner-sec2 h2{
		font-size:18px!important;}
	
}
.Icon-pro{
	text-align:center;
}
.Icon-pro img{
	
	padding-top:15px;
	width:auto;
	height:100px;
	margin:auto auto;
}
.text-icon-pro{
	text-align:center;
}
.text-icon-pro h4{
	font-size:18px!important;
	font-weight:600;
	color:#fff!important;
}
.text-content-banner img{
	width:100%;
	margin:auto auto;
}

@media (max-width:700px){
	.text-icon-pro h4{
	padding-top:5px;
		font-size:15px!important;}
		.Icon-pro img{
	height:60px;
		}
}

.text-content-banner2{
    color: #F4EFEF;
    font-size: 17px;
    font-weight: 300;
	margin: 15px 0px 30px 0px;
}
@media(max-width:700px){
	.text-content-banner2{
		font-size: 13px;
		line-height:1.35;
		}
}
.text-content-banner2 img{
	width:100%;
	margin:auto auto;
}
.title-single{
	padding-top:30px;
	text-align:center;
}
.title-single h1{
	font-size:30px;
	color:#fff;
}
.img-single{
	text-align:center;
}
.img-single img{
	width:60%;
	height:auto;
	margin:auto auto;
}

.t-left a{
	color:#fff;
	text-decoration:none;
}
.t-left span{
	color:#FFF !important;
}
.t-left{
	padding-top:15px;
}
@media(max-width:700px){
	.img-single img{ 
	width:100%;
	}
	
}
.img-post img{
	width:100%;
	height:auto;
	margin:auto auto;
	
}
#sec-head-blog{
		  background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	padding:100px 0px ;
}
.x-tab-hr-center {
    height: 3px;
    margin: auto auto;
    background: linear-gradient(90deg, #B88113 0%, #E3C058 25%, #FEEF9D 50%, #E3C058 75%, #B88113 100%);
    width: 50%;
	border:0px;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 30px;
	opacity:1;
}
@media(max-width:720px){
	.x-tab-hr-center{
	margin-top:0px;
		}
		.title-head-blog h1{
			font-size:20px !important;}
			.content-head-blog{
				font-size:15px;
				line-height:1.35;}
}
.title-blog-sec02 h4{
	color:#FF9F34 !important;
	font-weight:600;
}
#blog-sec02{
	padding:50px 0px;
}
#bolg{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
}
.title-blog-sec03{
	background-color: #FF792D;
	font-size:20px;
	font-weight:600;
}

.title-blog-sec03 h1,.title-blog-sec03 h2,.title-blog-sec03 h3{
	background-color: #FF792D;
	font-size:20px;
	font-weight:600;
}

.title-post{
	color:#FF792D!important;
	font-size:20px;
	  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media(max-width:700px){
.title-post{
font-size:17px;
}
.content-post{
font-size:13px!important;
}
}
.card-post-blog a{
	text-decoration:none;
}
.content-post{
	color:#b7b7b7!important;
	font-size:15px;
		  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.content-post a{
	color:#b7b7b7;
}
.card-post-blog{
	padding:0px 0px 20px 0px;
}
.popular_cell a {
    display: flex;
    justify-content: space-between;
}
.title-centent-right{
	color:#fff;
	font-weight:600;
	padding:15px 0px;
	}
	.button-loadmore{
		border:0px;
		color:#fff;
		background-color:#0000;
		}
	.align-loadmore{
	padding:20px 0px;
		text-align:center;
		}
		
		.title-post2{
	color:#fff!important;
	font-size:15px;
	  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.content-post2{
	color:#b7b7b7!important;
	font-size:12px !important;
		  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.content-post2 a{
	color:#b7b7b7;
}
.but-cat {
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #B88113 0%, #E3C058 25%, #FEEF9D 50%, #E3C058 75%, #B88113 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: none;
    color: #000;
    padding: 2px 13px;
    border-radius: 5px;
	font-size:10px;
	font-weight:600;
	margin-bottom:5px;
}
.post-view a{
	color:#fff !important;
}

.w-100 {
    width: 100%!important;
    height: auto;
}
.title-sec-faq h3,.title-sec-faq h4,.title-sec-faq h5 {

    font-size: 18px;

}
@media(max-width:700px){
.title-sec-faq h3,.title-sec-faq h4,.title-sec-faq h5 {

    font-size: 15px;

}
.thfaqf-faq-item-content p {
    font-size: 13px;
}
}

.title-sec-faq h3{
font-weight:600;
color:#FF9F34;
}
.pad-menu-mobile{
padding-bottom:10px;
}
.nav-munu-cat a{
	text-decoration:none;
color:#fff;

	
}
.nav-munu-cat li{

    padding: 10px 0px;
    border-bottom: 2px solid white;
	
}
.nav-munu-cat ul{
padding:0;
margin:0;
list-style-type: none;
	
}
.pad-content{
padding:50px 0px 0px 0px}
@media (max-width:700px){
.pad-content{
padding:0px 0px 0px 0px}}

@media (max-width:321px){
.logo-nav img {
    height: 20px;
}
}
.link-ios{
color:#fff !important;
}


.content-page{
padding: 20px 20px;
}

@media (max-width:700px){
.content-page{
padding: 0;
}
}
.content-page h1,.content-page h2,.content-page h3{
    
    font-size: 28px;
    font-weight: 600;
	color:#FF9F34!important;
}


.content-page2{
padding: 20px 20px;
color:#fff;
}
@media (max-width:700px){
.content-page2{
padding: 0;
}
}

.content-cover-center{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-page2 h1,.content-page2 h2,.content-page2 h3{
    
    font-size: 28px;
    font-weight: 600;
	color:#FF9F34!important;
}

#sec-content-page {
    background-repeat: no-repeat !important;
    background-size: cover!important;
    background-position: center!important;
}
#sec-content-page2 {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    background-position: center!important;
}

.text-content img{
width:100%;
height:auto;
margin:auto auto;
}

.icon-mo img{
width:95%;
height:auto;
}


a{
color:#faf0ca;
}
.wpb_af_area > li {
    background-color: #FF9F34!important;
}
.wpb_af_area li > a, .wpb_af_area li > a:focus, .wpb_af_area li > a:visited {
    color: #FFF!important;
}
.wpb_af_area > li > ul p:last-child {
    color: #fff!important;
}
.wpb_af_area>li>ul>li {
    color: #fff!important;
}
.content-single img{
	width: 100%;
	height:auto;
}
.navbar-collapse img{
	width: 25px;
}
.wpb_af_area > li {
    list-style: none !important;
    border-radius: 8px;
}