/*IDRWEONE*/

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

body {
	margin: 0;
	background: url(back.jpg) no-repeat 50% 0% #000;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size: 11pt;
	line-height: 18pt;
}

h1 {font-size: 0pt;
    margin: 0;
    color: transparent;}
h2 {
    font-size: 27pt;
    margin: 8px 0;
    color: #06fc00;
    }
h3 {font-size: 17pt;
    margin: 8px 0;
    color: #06fe00;}
h4 {font-size: 15pt;
    margin: 8px 0;
    color: #06fe00;}
h5 {font-size: 14pt;
    margin: 8px 0;
    color: #06fe00;}
h6 {font-size: 12pt;
    margin: 8px 0;
    color: #06fe00;}

a {#06fe00}

a:hover {#eee}

.pagearea {width: 100%;height: 205px;background-repeat: repeat-x;background: url(topbackcon.png);}

.header {height: 100%;background: url(topback.png) no-repeat 50% 0;overflow:hidden;}

.wraper {
    width: 1000px;
    margin: 0 auto;
}

.content {width: 940px;background: #000000;padding: 1px 30px 30px 30px;color: #e4e4e4;margin: 0 auto;}

.scrooltext {
    font-size: 13pt;
    color: #ffffff;
    width: 900px;
    height: 25px;
    overflow: hidden;
    position: relative;
    margin: 20px auto;
}

.logo {
float:left;
width:32%;
text-align: center;
}

.logoimg {
    padding-top: 10px;
    width:100%;
}

.headright {
    padding-top: 2.5em;
    float:right;
    width: 50%;
}

.contact {padding: 12px 20px;font-size: 10pt;margin: 0 auto;display: table;text-shadow: #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;}

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

li.contact {
    background-size: 23px;
    padding-left: 28px;
    margin-left: 25px;
    float: right;
}

li.contact a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12pt;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

li.contact a:hover {
    color: #06fe00;
}

.line {
    background: url(line.png) no-repeat 0% 50%;
margin-left: 0 !important;
}
.bbm {
    background: url(bbm.png) no-repeat 0% 50%;
}
.wa {
    background: url(wa.png) no-repeat 0% 50%;
}
.fb {
    background: url(fb.png) no-repeat 0% 50%;
}

input[type=text] {
    vertical-align: bottom;
    box-shadow: #827e7e 0 0 8px inset, #000 0 0 15px;
    width: 23%;
    padding: 10px 0;
    margin: 0 2px;
    display: inline-block;
    border: 1px solid #16f510;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
}

input[type=login], input[type=daftar] {
    text-shadow: #000000 0 0 5px;
    vertical-align: bottom;
    font-size: 15pt;
    background: #0e6700; /* Old browsers */
    background: -moz-linear-gradient(top, #0e6700 0%, #17fe12 50%, #0e6700 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0e6700 0%,#17fe12 50%,#0e6700 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0e6700 0%,#17fe12 50%,#0e6700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e6700', endColorstr='#0e6700',GradientType=0 ); /* IE6-9 */
    box-shadow:#000 0 0 15px;
    font-weight: bold;
    text-align: center;
    width: 23%;
    color: #fff;
    padding: 6px 0;
    margin: 0 2px;
    border: 1px solid #16f510;
    border-radius: 4px;
    cursor: pointer;
    }

input[type=daftar]:hover,input[type=login]:hover {
    background: #f6f8f9;
background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
    color:#06fe00;
}

.navcon {
    margin-bottom: -5px;
    height: 150px;
    background: url(topnav.png) no-repeat 50% 0;
}

.nav {
    height: 45px;
    position: relative;
    z-index: 3;
}

.navinside {
    width: 887px;
    margin:0 auto;
    display:block;
    padding: 15px 0 0 0px;
}

.topnav {
  overflow: hidden;
}

.topnav a {width: 16.5%;text-shadow: #000 0 0 5px, #000 0 0 5px, #000 0 0 5px;float: left;text-align: center;padding: 0;text-decoration: none;color: #ffffff;font-weight: bold;font-size: 19px;}

.panduan {
display:none;
}

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

.topnav .icon {
  display: none;
}

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

.dropdown .dropbtn {text-shadow: #000 0 0 5px, #000 0 0 5px, #000 0 0 5px;text-transform: uppercase;cursor: pointer;font-size: 19px;border: none;outline: none;color: #ffffff;padding: 2px 26px;background-color: inherit;font-weight: bold;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(71, 71, 71, 0.91);
    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;
    width:auto;
}

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

.show {
    display: block;
}

.slidercontainer {box-shadow: #000 0 0 25px;background: #000000;height:350px;}

.slotbanner {
    height: 100px;
    background: #191919;
    width: 1000px;
    margin: 0 auto;
}

.jackpot {
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0;
    display: block;
}

.jackpot-inside {padding-top: 115px;text-align: center;display: block;}

.jackpot h2 {
    margin: 0;
    font-size: 35pt;
    color: #fff;
    text-shadow: #000 1px 1px 15px;
    line-height: 40pt;
}

.jackpot-title-bottom {padding-top: 110px;}

.bottom-column {
    margin: -20px auto 0;
    background: url(bottom.png) no-repeat 50% 0;
    width: 1050px;
    height: 480px;
    display:table;
    position: relative;
    z-index: 3;
}

.box {display: inline-block;float: left;width: 33.33%;height: auto;}
.box-inside-right {padding: 123px 40px 0 25px !important;}
.boxtitle {background: -webkit-linear-gradient(top, rgba(195,135,32,1) 0%,rgba(234,199,0,1) 50%,rgba(195,135,32,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: block;font-size: 30px;width: 100%;text-align: center;padding: 15px 0 25px;font-weight: bold;}
.box-inside {background: 0;overflow: hidden;margin: 0 auto;width: auto;padding: 123px 25px 0 40px;text-align:center;}
.box-inside img {width: 26px;margin: 0;}

.boxcolumn1, .boxcolumn2 {
    line-height: 45px;
    float: left;
    width: 100%;
    font-size: 19px;
    color:#fff;
}
.boxcolumn1 {
    padding: 0;
}
.boxcolumn2 {
    padding: 0;
}

.footer {
    color: #06fe00;
    text-align: center;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
    display: table;
}