body{padding:0;overflow-x:hidden;font-size:16px; background: #18201d;line-height: 1.5; color:#fff;}

.container{width:1170px;margin:0 auto; }

img,a,p,ul,li,div,input,h1,h2,h3,h4,h5,h6,span,textarea,table,tr,td{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding: 0}

body {font-family: Arial, Helvetica, sans-serif; }

a{text-decoration:none; color:#fff;  }

select,textarea,input,a:hover,a:focus,button{outline:none}

.img_fit{max-width:100%; display:block;}

ul{padding-left:0;list-style-type:none;}

body,p,ul{margin:0;}

.clr{clear:both}

.scroll_fix{overflow-y:hidden} 

table{border-collapse: collapse;width: 100%}

.flex { display:flex; display:-webkit-box;display:-moz-box; display:-ms-flexbox; display: -webkit-flex; flex-wrap: wrap;}

.flex-md{ -webkit-align-items: center;align-items: center;-webkit-justify-content: center; justify-content: center;}  

.flex-center{-webkit-align-items: center;align-items: center;}

.flex-bt{  -webkit-align-items: flex-end; align-items: flex-end;}

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

.flex-md-row-reverse { flex-direction: row-reverse ;}

.flex-container { align-content:stretch;} 

.flex-1 { flex: 1 0 0%;}

.col-auto { flex: 0 0 auto; width: auto;}

.mr-l{margin-left:auto;}

.col-6 {width: 50%;}

.col-3  {width: 33.33%;}  .col-9{width: 66.66%;}  

.col-4 {width: 25%;}  .col-8 {width: 75%;}

.col-45 {width: 45%;} .col-55 {width: 55%;}

.col-1{width: 16.66%} .col-5 {width: 20%;} 

.col-80 {width: 80%;} 

.col-12 {width: 100%;} .col-10{width:90%;}

.col-R{padding-left: 20px;} .col-L{padding-right: 20px;}

a,.mask,li:hover, .btn,nav li>a:after, .thumbimg img,.block {transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition: all 0.3s ease;}

.thumbimg:hover img.col-12 ,.btn:hover  {-webkit-transform:scale(1.1);transform:scale(1.1);}

.row{margin: 0 -10px;}

.row>li{padding:10px;} 

hr{border: 0;border-top:1px solid #bfbfbf ;background: none;}

.center-img{margin: 0 auto;}

  

header{background: #18201d;  padding: 15px 0;border-bottom: 1px solid #444b48; }  

.logo {display: inline-block;margin-right: auto;padding: 5px 0; } 

.logo img{width: 80px; display: inline-block;vertical-align: middle;}

.topnav>li{position: relative; }

.topnav>li>a{padding:10px  15px; display:block;color:var(--white);}   

.topnav li>a:hover{color:  var(--primary-color); } 

.topnav ,.topnav li>a{height: 100%; }

.topnav li.active>a,.topnav li.active>a:hover{  color: var(--primary-color); }

 

#nav-icon{ z-index:1000;position:absolute;right:10px;top:10px; height:60px;width:60px; background-color: #3a413f;border-radius: 50%;

  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer}

#nav-icon span{ height:2px;width:60%;border-radius: 9px; opacity: 1;left: 20%;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

#nav-icon span:nth-child(1) {top:20px;}#nav-icon span:nth-child(2) {top:29px;}#nav-icon span:nth-child(3) {top:38px;}

#nav-icon.open span:nth-child(1) {top:29px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}

#nav-icon.open span:nth-child(2) {opacity: 0;left: -60px;}

#nav-icon.open span:nth-child(3) {top:29px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}








.topnav>li.secnav>a {padding-right: 30px;}



.sns{margin-top: 20px;}

.sns a:hover{opacity:0.6;}

.side_nav{position: fixed;right: 0;bottom: 45%;z-index: 9;}

.side_nav .a2a_kit a{display: block;float: none;margin-bottom: 5px}

.scroll_fix .down { position: relative;left: 0;right: 0;}

 

.all-height{height:100%;}

.btn{padding:10px 15px;text-align: center;margin: 2px auto;  display:inline-block;background: var(--primary-color); 

  border-radius: 10px;color: #222;} 

.btn-sec{background: transparent!important;border: 2px solid #efc76b;color:#fff;} 

  



.banner{ background-image: url(../images/banner-bg.webp);background-repeat:  no-repeat;background-position:  center ;

  position: relative; background-size: cover; overflow: hidden;padding: 150px 0;} 

.banner-title{font-size:2.8rem; font-weight: bold; display: inline-block;line-height: 1.1; } 

.banner-block .btn{min-width: 30%;box-shadow:5px 0 15px rgba(0, 0, 0 ,0.4);} 

 

.box{background: #303734; border-radius: 20px; }

 

.ad-list{margin-top: -80px;position: relative;z-index: 2;}

.ad-list img, .home-img{margin-top: -40px;}



.step-block{background: url(../images/step-block.jpg) no-repeat right center ;background-color: var(--primary-color);color: #000;padding: 15px;}



 footer { padding: 30px 0;color:#999;background-color: #020001;}  

 footer a{color:var(--white) ;}

.content{padding: 1.5em;}   



.game-content{padding: 0 1.5em 1.5em 1.5em ;margin-top: -60px;}

 

.game-img{margin-top: -40px;}

.casino-img{margin: -30px 0;margin-left: -20%;max-width: 110%;}

.sabong-img{margin: -50px 0;}

.home-bg{background:url(../images/home-bg.webp) no-repeat  center  #090f15;  }  

.home-bg2{background:url(../images/home-bg2.jpg) no-repeat center;}   

.home-bg3{background:url(../images/home-bg3.jpg) no-repeat center;}  

 

 

.home-game-list  .box{padding: 5px 20px; }

.home-game-list img{margin-top: -30px;}

 

.game-img{ position: absolute;bottom: 0;max-width: 45%;}  

.home-img2 {  max-width:120%;margin-right: -20%;}

.home-img3 {  max-width:120%;margin-left: -20%;}



.pagetop{ background-image: url(../images/pagetop.jpg) ;background-position:center bottom;background-size: cover; color: #fff;} 

.page-title{font-size: 3em;font-weight: 400;display: inline-block; }

 

  

.slot-bg{background-image: url(../images/slot-bg.jpg) ;}

.slot-bg2{background-image: url(../images/slot-bg2.jpg) ;}

.sign-bg{background-image: url(../images/signup-bg.jpg) ;}

.game-bg{background-image: url(../images/game-bg.jpg) ;}

.sport-bg{background-image: url(../images/sport-bg.webp) ;}

.esport-bg{background-image: url(../images/esport-bg.webp) ;}





.fish-bg{background-image: url(../images/fish-bg.jpg) ;}

.promo-bg{background-image: url(../images/promotion-bg.jpg) ;}

.casino-bg{background-image: url(../images/casino-bg.jpg) ;}

.sabong-bg{background-image: url(../images/sabong-bg.jpg) ;}

.down-bg{background-image: url(../images/down-bg.jpg) ;}

.bank-bg{background-image: url(../images/bank-bg.jpg) ;}



.main{padding-top: 40px;padding-bottom: 40px; }

.mask{ left: 0;right:0; bottom: 0;position: absolute;color:var(--white); padding:10px 15px;

  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%);

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );  } 

 

.title { line-height: 1.2; font-size: var(--h2); font-weight: bold;}    

.table-main{ margin: 15px 0; border-left: 1px solid rgba(255,255,255, 0.6) ;background-color: rgba(0, 0, 0 ,0.4); border-bottom: 1px solid rgba(255,255,255, 0.6) }

.table-main th,.table-main td{padding: 8px;border-right: 1px solid rgba(255,255,255, 0.6);  }

.table-main th{background-color:var(--primary-color);color: #000; }

.table-main tr:nth-child(odd){background-color:#272b2f;}

 

.tt{border-left: 5px solid #efc76b;padding-left: 10px;} 

.list{padding-left: 30px;}

.list li {list-style: outside decimal;margin-bottom: 10px;}







.accordion-area{ list-style: none;  margin:0 auto;}

.accordion-area>li{ margin-top: 15px;overflow: hidden;  background-color:#303734; border-radius: 15px;}

.accordion-area>li .open{ background-color:#f1d101;}

.accordion-title { position: relative;  cursor: pointer;  font-weight: normal; color: #fff;   transition: all .5s ease;   padding: 10px; padding-right:40px;} 

.accordion-area>li .open{ color: #000;}

.accordion-box{display: none; padding: 15px; background-color:#444b48;}

.accordion-box img{margin: 10px auto;} 

.qa-q{position: relative;background-color:var(--primary-color) ; display: inline-block;color:#19587b;margin-right: 25px;}

.accordion-title span{padding: 10px;} 

.more{  padding:5px 30px;display:inline-block;margin-top: 10px; background-color: var(--primary-color); color: #000;} 

.accordion-title::before {

  position: absolute; content: ''; width: 30px; height: 30px; top: 10px; right: 10px;background: url(../images/er.png) no-repeat center;}

.accordion-title.close::before { transform: rotateZ(-180deg);}





.more{border: 1px solid #fff;color:#fff;padding:5px 30px;display:inline-block;margin-top: 10px;}

 

.border{border-radius: 10px; }

.p {margin:15px 0;} 

.spot>li , .w6{background: url(../images/spot.png) no-repeat left 5px ; padding-left:25px;margin:5px 0;}

.spot-w li {background: url(../images/spot-w.png) no-repeat left 5px ; }

.spot {margin: 10px 0;}  

 



  

:root {

  --primary-color: #31b76e;

  --secondary-color:#fbd91f; 

  --white:#fff;

  --h2: 2rem;

}

.h2{font-size: var(--h2);}

.bg-main,.btn  {background: #ffd164;

  background: -moz-linear-gradient(top,  #ffd164 0%, #ff9f00 100%);

  background: -webkit-linear-gradient(top,  #ffd164 0%,#ff9f00 100%);

  background: linear-gradient(to bottom,  #ffd164 0%,#ff9f00 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd164', endColorstr='#ff9f00',GradientType=0 );  }

 

.bg-w{background: #fff;}  

 #nav-icon span{background-color:var(--white);}

.w-main{color: var(--primary-color);}

.w1{color: var(--secondary-color);}

.w-white{color: var(--white);} 

.bg{background: url(../images/bg.webp) no-repeat center #000000; }   

.bg-b{background-color:#2c3434;}

.w-b{color: #000;} 

.bg-dark{background-color:#011a0d} 

 

.bg-green{background: #269056;

  background: -moz-linear-gradient(left,  #269056 0%, #31b76e 100%);

  background: -webkit-linear-gradient(left,  #269056 0%,#31b76e 100%);

  background: linear-gradient(to right,  #269056 0%,#31b76e 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269056', endColorstr='#31b76e',GradientType=1 );

  }

 

  

.btn-down{background: #313131; border: 1px solid #ffd164;color: #fff;}



.hidden,.thumbimg{overflow:hidden;}

footer,nav a,.center {text-align:center;}

.inline,.pagenav a{display:inline-block;}

#nav-icon span,.thumbimg {display: block;}

#nav-icon,.down,.visible-md,.visible-lg{display:none}

nav>a, .inline{vertical-align: middle;}

 .relate, .thumbimg {position:relative;}

#nav-icon span,.topnav li>a:after , .mask,.cover  {position:absolute;}

.bg, .bg-cover{background-position:center;background-size:cover;background-repeat: no-repeat;}

a {cursor: pointer;}

.btn, .w-bold{font-weight: bold;} 

.w2, .tt {font-size:1.8rem;line-height: 1.2;}

.w3 {font-size:1.2rem;}

.num{font-size: 3.5rem;line-height: 1 ; display: inline-block;}

 

.mb-3{margin-bottom:2rem ;}  .mb-2{margin-bottom:1.2rem ;} 

.mt-3{margin-top:2rem ;}  .mt-2{margin-top:1.2rem ;}

.py-3{padding:2rem 0;}   

.l1{line-height: 1.1;}

.pb-0{padding-bottom: 0;}   .pt-0{padding-top: 0;}  

.pb-3{padding-bottom: 2rem;} .pt-3{padding-top: 2rem;}

.pr-2{padding-right: 1.2rem;}

.py-2{padding: 20px 0;} .p-2{padding: 20px ;}

.pt-0{padding-top: 0;}

  

 

@media screen and (min-width:900px) and (max-width:1200px){ 

.container{width:850px;}   

.banner-img{margin-right: -20%;} 

 

 }

@media screen and (min-width:700px) and (max-width:899px){  

.container{width:670px;}    

}

 



@media screen and (max-width:1200px){ 

  .col-xl-9{ width:66%;}

 .col-xl-6{ width:50%;}

 .col-xl-12{ width:100%;} 

 .pagetitle,.pagetop h2{font-size:2rem;} 

}

 

@media screen and (max-width:899px){

.col-lg-12 { width:100%; padding: 0}	

.col-lg-6 { width:50%; padding: 0}	

.col-lg-9 { width:66.66%; padding: 0}	

.col-lg-3{width:33.33%; padding: 0} 

.col-lg-0{width: 1%;}

#nav-icon ,.visible-lg{display:block;}    

.topnav li>a{padding: 10px 0;border-bottom: 1px dashed rgba(0,0,0,0.2);}

.topnav, .down,.topnav li>a::after,.hidden-lg{display:none} 

.topnav{overflow: auto;}

.topnav{height: 100%;position: fixed;left:0;top:0;right:0;z-index:999; padding-top:60px ; background: rgba(24,35,49,0.9) }

.topnav li {position: relative;}  

.topnav>li{border-top: 1px dashed #2b3849;}  

.banner-title{font-size: 2.2em;line-height: 1;}

.content{padding:15px;}  

}

 

@media screen and (max-width:699px){

.container{width:100%;padding: 0 20px;}	

.main{padding-top:20px;padding-bottom: 20px;  }

 nav a,.col-md-12  {width:100% !important} 

 .col-md-6{width: 50%;}

 .col-md-8{width: 75%;}

 .col-md-3{width: 33.33%;}  

.col-R.col-md-12,.col-L.col-md-12{padding: 0} 

.visible-md{display:block;} 

.hidden-md,.side_nav .a2a_kit{display:none;}  

.title,.banner-title{font-size: 1.5rem;line-height: 1.3;}

.logo img{max-width:80px;display: block;}  

 .mask{padding: 10px;}

 .pb-md-0{padding-bottom: 0;}   

.side_nav{bottom: 0;}

.slot-img,.game-img { margin-top:0;}  

.home-img2 ,.home-img3 ,.casino-img{max-width: 100%;margin: 0;}

 .home-img{margin: 0 auto;}

 .banner{padding:50px 0;}

 .pagetop {padding-top:50px ;} 

 .pagetop{text-align: center;}

 .md-left{text-align: left;} 

} 



@media screen and (max-width:479px){

.col-sm-12{width: 100%}	  

.col-sm-12.col-R{padding: 0;}

.col-sm-6{width: 50%;}

 .col-sm-9{width: 66.66%;}     

}