html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	background: url(#) no-repeat center center fixed;
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
	background-color: black;
    background-size: 100% 100%;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {width: auto;border-bottom: 1px solid #d6b058;line-height: 1em;background-color: #000;color: #eac164;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;margin: 0;}

h1 {display: block;
    clear: both;
	font-size: 30pt;
    line-height:45px}
h2 {display: block;
    clear: both;
    font-size: 25px;
    line-height:37px}
h3 {display: block;
    clear: both;
	font-size: 20pt;
    line-height:34px}
h4 {display: block;
    clear: both;
	font-size: 18pt;
    line-height:28px}
h5 {display: block;
    clear: both;
	font-size: 16pt;
    line-height:25px}
h6 {display: block;
    clear: both;
	font-size: 14pt;
    line-height:20px}

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

a:hover {color:#fff}

li {display: block;}

.content li {display:list-item}

img {
    max-width: 100%;
    height: auto;
}

.alignnone {
	margin: 0 auto 20px auto;
}
.aligncenter {
	display: block;
	margin: 20px auto;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.pagearea {width: 1000px;margin: 15px auto 0;}

.wraper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.wraperhomepage h1, h2, h3, h4, h5, h6 {
	text-shadow: none;
	width: auto;
    border-bottom: none;
    line-height: 1em;
    color: #eac164;
    margin: 0;
}

/* Set Home Box Text */
.wraperhomepage {
    position: relative;
    width: 100%;
    margin: 0 auto;
	background: transparent;
	width: auto;
	border-radius: 10px;
	box-shadow: #eac164 0 0 1px 1px, #000000 0 0 15em inset;
	padding: 10px;
	    color: #fff;
}

/* Set Slider */
.tophomepagewraper {
	    background: Transparent;
	    box-shadow: #eac164 0 0 1px 1px,#eac164 0 0 1px inset;
	    border: 1px solid #eac164;
	    border-radius: 10px;
}

.tophomepage {border-top-left-radius: 10px;border-top-right-radius: 10px;width: auto;margin: 0 auto;overflow: visible;padding: 10px 10px 0 10px;}

.content {border: 1px solid #d6b058;width: auto;border-radius: 10px;box-shadow: #d6b058 0 0 15px 5px, #d6b058 0 0 5em inset;color: #fff;padding: 25px;margin: 20px auto;}

.content a {color:#}

.content a:hover {color:#f00}

.header {display: block;margin: 0;width: auto;padding: 0;}

/* Set Jacpot */
.scrooltext {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: #eac164 0 0 30px inset;
    font-size: 16px;
    color: #ffcc00;
    overflow: hidden;
    background: #000000;
    display: block;
    padding: 10px 0;
    font-weight: bold;
}

.scrooltextinsidepage {
    background: #ccb514 !important;
}

.headerweb {display: table;margin: 0 auto;width: 1000px;padding: 0;}

.headerinside {position: relative;overflow: visible;width: 1000px;margin: 0 auto;}

.logo {position: relative;z-index: 3;margin: -5px 0 -35px 0;float:left;width: 50%;text-align: center;}

.logoimg {
width:100%;
}

.headright {
    padding-top: 20px;
float:right;
width:68%;
}

/* Set Depo WD */
.contactblock {border-radius: 10px;margin: 15px auto 0;background: #000;padding: 10px 0;position: relative;z-index: 0;box-shadow: #eac164 0 0 25px 1px, #eac164 0 0 25px inset;border: 1px solid #eac164;}

.contact {margin: 0 auto;display: table;text-shadow: #000000 1px 1px 5px;}

.contactinsidepage {
    padding-bottom: 10px;
    width: 100%;
    background: rgba(60, 59, 59, 0.62);
}

ul.contactt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li.contact {
    color: #00d210;
    font-size: 14pt;
    text-align: left;
    background-size: 50px;
    padding: 7px 0 7px 55px;
    margin-left: 20px;
    float: right;
}

li.contact a {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13pt;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

li.contact a:hover {
    color: #ff0;
}

.line {
    background: url(/wp-content/uploads/2018/01/line.png) no-repeat 0% 50%;
margin-left: 0 !important;
}
.bbm {
    background: url(/wp-content/uploads/2018/01/bbm.png) no-repeat 0% 50%;
}
.wa {
    background: url(/wp-content/uploads/2018/01/wa.png) no-repeat 0% 50%;
}
.wechat {
    background: url(/wp-content/uploads/2018/01/wechat.png) no-repeat 0% 50%;
}

.toptombol {
    text-shadow: #000 0 0 5px, #eac164 0 0 5px, #eac164 0 0 15px;
    color: #fff;
    border: 2px solid #eac164;
    box-shadow: #e4e4e4 0 0 1px inset, #eac164 0 0 1px;
    background: #000;
    text-align: center;
    width: 45%;
    padding: 5px 0;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    outline: none;
    float: left;
    font-size: 16pt;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
}

.toptombol:hover {
color: #fff;
border: 2px solid #eac164;
box-shadow: #eac164 0 0 15px, #eac164 0 0 15px inset;
border-radius: 5px;
background: #422e00;
}

/* Set Menu */
.nav {
background: transparent;
    border: 1px solid #eac164;
    box-shadow: #eac164 0 0 5px inset;
    height: auto;
    display: block;
    z-index: 2;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    }

.navinside {text-shadow: #000 0 0 10px;width: auto;margin:0 auto;padding: 2px;}

.topnav {
  overflow: hidden;
}

.topnav a { /* For Safari 3.1 to 6.0 */-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;float: left;text-align: center;padding: 7px 23px;text-decoration: none;color: #ffffff;font-weight: bold;font-size: 14pt;}

.panduan {
display:none;
}

.topnav a:hover, .dropdown:hover .dropbtn {
    color: #eac164;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14pt;
    border: none;
    outline: none;
    color: #ffffff;
    padding: 7px 20px;
    background-color: inherit;
    font-weight: bold;}

.dropdown-content {
    display: none;
position: absolute;
    background-color: rgb(145, 0, 0);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0, 0, 0);
    z-index: 2;
}

.dropdown-content a {
    float: none;
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
background-image:none;
    background-color: #000;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.show {
    display: block;
}

.slidercontainer {
    padding: 0 10px;
    position: relative;
}

/* Set Login Button */
.loginblock {
    background: #000;
    box-shadow: #e5c376 0 0 10px 2px, #e5c376 0 0 10px inset;
    border: 2px solid #d4b164;
    padding: 7px;
    right: 0;
    position: absolute;
    width: 465px;
    z-index: 2;
    top: 45px;
    border-radius: 5px;
}
.jackpot {
    margin: 20px 0 0;
    display: block;
    z-index: 2;
    background: url(img/jackpot-poker.png) no-repeat 50% 0;
    height: 150px;
    width: 100%;
    position: relative;
}

.jackpotinside {display: table;width: 1000px;max-width:100%;margin:0 auto;text-align:right;height: 100%;}

.jackpot-title {text-shadow: #000 0 0 15px;font-size: 35pt;padding: 3% 10% 0;}

.jackpotl {text-align: left;vertical-align: middle;font-family: arial;padding: 0;display: table-cell;/* float: left; */width: 50%;}

.jackpotr {text-align: right;vertical-align: middle;font-family: arial;display: table-cell;/* float: left; */width: 50%;}

.bottom-column {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#000000',GradientType=0 );width: 100%;}

.bottom-column-inside {
    width: 100%;
    display:table;
    margin: 0 auto;
}

.box {
    background-position: center;
    background-size: 100%;
    font-weight: bold;
    display: inline-block;
    float: left;
    width: 33.33%;
    height: 255px;
    background-image: url(img/agen-qq-terpercaya.png);
    background-repeat: no-repeat;
}
.boxmiddle {border-left: 1px solid #424242;overflow: hidden;border-right: 1px solid #424242;}
.boxtitle {text-shadow: #eac164 0 0 15px, #eac164 0 0 15px, #eac164 0 0 15px;color: #ffffff;display: block;font-size: 35px;width: 100%;text-align: center;padding: 0 0 0;font-weight: bold;}
.box-inside {
padding:0 9% 0 17%;
}
.boxcolumn1 {text-shadow: #000 0 0 15px;padding: 0;line-height: 35px;display: inline;color: #ffffff;float: left;font-size: 18px;width: 33%;}
.boxcolumn2 {
    text-shadow: #fff 0 0 15px;
    text-align: center;
    padding: 0;
    line-height: 35px;
    display: inline;
    color: #eac164;
    float: left;
    font-size: 18px;
    width: 33%;
}
.boxcolumn3 {text-shadow: #000 0 0 15px;padding: 0;line-height: 35px;display: inline;color: #ffffff;float: left;font-size: 18px;width: 33%;}
.bottom-teks-column {
    padding: 20px;
    text-align: justify;
    margin: 0 auto;
}

.langkah {
    margin: 15px 0;
    text-align: center;
}

.bank {
    padding-top: 5px;
    width: 95%;
    border-radius: 8px;
    background: #b1b1b1;
    text-align: center;
    position: relative;
    max-width: 1000px;
    margin: 30px auto 0;
    box-shadow: #fff 0 0 50px inset, #000 0 0 15px 5px;
    border: 1px solid #ddd;
}

.bank img {
    width: 16%;
}

.footer {
text-shadow: #805800 0 0 15px, #805800 0 0 15px, #805800 0 0 15px, #805800 0 0 15px, #805800 0 0 15px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    padding: 31px 0;
    max-width: 100%;
    display: table;
    margin: 0 auto;
}

.footer span {
    display: block;
    vertical-align: middle;
}

.footleft {
float:left;
text-align: left;
display:inline-block;
width:20%;
}

.footright {
float:left;
text-align: right;
display:inline-block;
width:80%;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    border-radius: 10px;
    position: relative;
    background-color: #0e0e0e;
    margin: auto;
    padding: 20px;
    border: 1px solid #615f5f;
    width: 750px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19), #292727 0 0 55px inset;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #00c122;
    text-decoration: none;
    cursor: pointer;
}

/*mobile potrait*/
@media screen and (max-width: 414px) {

.contactblock {
    width: 95% !important;
}

.logo {
    float: none !important;
    width: 100% !important;
}

.tophomepage {width: 94%;}

li.contact a {color: #fff;font-size: 22px !important;text-shadow: #5d5d5d 0 1px 3px;}

.loginblock {padding: 0;background: none;float: none !important;border-radius: 0;bottom: 0;margin: 25px auto 5px;width: 100% !important;position: relative;overflow: hidden;top: 0;border: none;}

.bottom-column-inside {
    
width: 100%;
}

.headerinside {

width: 100%;
}

.pagearea {

width: 95% !important;
}

.box {
    height: 320px !important;
    width: 100% !important;
}
.boxtitle {
    font-size: 45px !important;
}
.boxcolumn1 {
    font-size: 20px !important;
    line-height: 43px !important;
}
.boxcolumn2 {
    font-size: 20px !important;
    line-height: 43px !important;
}
.boxcolumn3 {
    font-size: 20px !important;
    line-height: 43px !important;
}
.bank img {
    width: 49% !important;
}
li.contact {text-shadow: #424242 0 1px 3px;font-weight: bold;padding-left: 70px !important;background-size: 60px !important;font-size: 24px;margin-left: 0 !important;width: 75% !important;display: inline-block !important;line-height: 1.3em;}
.toptombol {
    width: 100% !important;
    margin: 5px 0px;
}

}

/*mobile landscape mini*/
@media screen and (max-width: 600px) and (min-width: 415px) {
.wraper {
    width: 98% !important;
}
.tophead {
    width: 98% !important;
}
.box {
    height: 145px !important;
}
.boxtitle {
    padding: 0 !important;
}
.boxcolumn1 {
    font-size: 12px !important;
    line-height: 20px !important;
}
.boxcolumn2 {
    font-size: 12px !important;
    line-height: 20px !important;
}
.boxcolumn3 {
    font-size: 12px !important;
    line-height: 20px !important;
}
.box-inside {
    padding: 0 15% 0 15%;
}
}

/*mobile landscape*/
@media screen and (max-width: 768px) {
    
.langkah {
    display: none;
}

.jackpot {display:none;}

.bottom-column-inside {width:100%}

.loginblock {box-shadow: none;top: 3px;float: right;position: inherit;width: 66%;}

.pagearea {width:90%}
	
.nav {
    width: 100%;
    margin-left: 0;
}
.navinside {
    width: 90%;
    display: block;
    padding: 10px;
}
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    width: 95%;
    float: none;
    display: block;
  }
.topnav a {
    padding: 0px 15px;
}
  .topnav.responsive {position: relative;border: 1px solid#b851ff;margin-bottom: 0;background: #000;z-index:3;}
  .topnav.responsive.icon {
    width: 90%;
    height: 25px;
    display: block;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {overflow: hidden;border: 1px solid #791919;padding: 7px 10px;background: #830000;float: none;display: block;text-align: left;width: auto;}
.topnav a:hover {
      background: #ac0000;
      color: #ffffff;
}

.scrooltext {
    box-shadow: #eac164 0 0 15px;
    width: 100%;
    margin: 0px auto;
    background: #04040482;
    color: #000;
}
.headerweb {width:90%;}
.headerinside {width: 100%;}
.logo {
    display: block;
    float: left;
    width: 30%;
}
.wraper {
    width: 100%;
}
.contactblock {width: 90%;}
.tophead {
    width: 90%;
    overflow: visible;
}
.headright {
    padding-top: 15px;
float:none;
   width:100%;
}

.toptombol {width: 44%;}
ul.contactt {
    margin: 0 auto;
}
li.contact {
background-size: 30px;
    padding-left: 33px;
margin-left: 7px;
    width: initial;
    display: inline-block;
}
li.contact a {
    font-size: 9pt;
    text-align: left;
}
.slidercontainer {
    height: initial;
}
.box {
    width: 33%;
    height: 185px;
}
.boxcolumn1 {
    font-size: 14px;
    line-height: 25px;
}
.boxcolumn2 {
    font-size: 14px;
    line-height: 25px;
}
.boxcolumn3 {
    font-size: 14px;
    line-height: 25px;
}
.boxtitle {
    font-size: 21px;
    padding: 0;
}
.box-inside {
    padding: 0 15% 0 15%;
}
.footer {width: 90%;display: block;padding: 10px 0;margin: 0 auto;}
.footer span {
    display: block;
}
.footer img {
    width: 100%;margin-top: 15px;
}
.bank img {
    width: 30%;
}
.content {
    width: initial;
}
.dropdown {
display:none;
}
.panduan {
display: block;
}
.topnav {padding-top: 0;}
}
.kotaktext {border: 1px solid #eac164; 
border-radius: 10px;
padding: 15px;}