* {
	margin: 0;
	padding: 0;
}

		.marquee {
			width: 780px;
                        color: #F9EEB0;
                        font: 11px arial;
			margin: 0 auto;
                        padding: 4px 0;
			overflow: hidden;
			white-space: nowrap;
			box-sizing: border-box;
			animation: marquee 30s linear infinite;
		}

		.marquee:hover {
			animation-play-state: paused;
		}


		@keyframes marquee {
			0%   { text-indent: 780px; }
			100% { text-indent: -1130px; }
		}


div.announcement {
    border-radius: 0 0 5px 5px;
    border: 1px solid #000;
    position: relative;
    height: 24px;
    z-index: -1;
    color: #433;
}

div.announcement-msg {

}

p.announcement {
    background: linear-gradient(to bottom,rgba(211,184,117,1) 0%,rgba(221,200,133,1) 12%,rgba(236,221,154,1) 23%,rgba(243,232,166,1) 31%,rgba(244,237,169,1) 42%,rgba(241,234,166,1) 46%,rgba(234,225,158,1) 50%,rgba(215,200,135,1) 58%,rgba(174,144,80,1) 73%,rgba(164,133,69,1) 77%,rgba(161,127,64,1) 81%,rgba(156,125,60,1) 88%,rgba(172,136,74,1) 96%,rgba(182,146,84,1) 100%);
    float: left;
    color: #000;
    font: bold 12px arial;
    padding: 5px 30px;
    
}

body {

	background: #000 url('img/bg-v2.gif') no-repeat top center;
	background-size: 2000px 800px;
	max-width: 100%;
    overflow-x: hidden;
}

a {
	text-decoration: none;
}

div.header {
	background: #000;
	min-width: 980px;
}

div.header-body {
	height: 110px;
}

div.container {
	width: 980px;
	margin: 0 auto;
}

div.register {
	float: left;
	text-align: right;
}

div.logo {
	float: left;
	padding: 5px 0 0 20px;
}

img.logo {
	max-width: 400px;
	max-height: 100px;
}

div.header-contact {
	float: right;
	margin-top: 20px;
}

i.header-contact {
	color: #fff;
	text-shadow: ;
}

span.header-contact {
	color: #f1be55;
	font: bold 18px arial;
	padding: 5px;
	margin-right: 20px;
}

div.header-contact-label {
	color: #fff;
	margin: 10px;
	font: 14px arial;
}

i.header-contact {
	color: #fff;
	text-shadow: ;
}

td.header-contact {
	color: #F8EDAF;
	font: bold 18px arial;
	padding: 5px;
}

td.header-contact-label {
	color: #fff;
	font: 14px arial;
}

button.btn {
	background: rgba(248,253,65,1);
	background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
	border-radius: 5px;
	font: bold 26px arial;
	color: #000;
	padding: 8px 30px;
	margin-left: 10px;
	margin-right: 10px;
	border: none;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

button.btn:hover {
	background: rgba(248,253,65,1);
	color: #000;
	text-shadow: none;
}

div.nav {
	background: #05504a;
	//background: linear-gradient(to bottom,#1e1e1e 0%,#000000 100%);
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}
.icon-bar {
    width: 100%;
    background-color: #05504a;
    overflow: auto;
}

.icon-bar a {
    float: left;
    width: 14%;
    text-align: center;
    padding: 9px 0;
    transition: all 0.3s ease;
    color: white;
	font: bold 20px arial;
}

.icon-bar a:hover {
    background-color: #112225;
}

.active {
    background-color: #112225  !important;
}

ul.nav {
	text-align: center;
}

li.nav {
	display: inline-block;
	color: #fff;
	font: bold 16px arial;
	width: 120px;
	padding: 5px 10px;
	margin-left: -4px;
	cursor: pointer;
	transition-duration: 0.2s;
}

li.nav:hover, li.active {
	color: #d2be61;
	background: rgba(0,0,0,0.1);
	border-bottom: 2px solid #ff0;
	transition-duration: 0.2s;
}

li.active {
	background: #151c28;
	border-bottom: 2px solid #ff0;
}

div.category-body {
	background: rgba(0,0,0,0.7);
	text-align: center;
}

div.footer {
	background: rgba(0,0,0,0.8);
	margin: 0 10px;
}

div.footer-content {

}

div.footer-content-box {
	margin: 20px 0;
	color: #dbdada;
	font: 12px arial;
}

div.footer-content-box-left {
	float: left;
	width: 240px;
}

h1.footer-title {
	color: #f4eca8;
	font: italic bold 14px arial;
	margin: 5px 0;
}

img.footer-game-logo {
	max-height: 40px;
	margin: 5px;
	filter: grayscale(80%);
	cursor: pointer;
}

i.footer-sosial {
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
}

a.footer-sosial {
	margin: 0 20px;
	color: #f4eca8;
	font: italic 12px arial;
}

a.footer-sosial:hover {
	text-decoration: underline;
}

img.footer-game-logo:hover {
	filter: grayscale(0%);
}

img.footer-bank-logo {
	max-width: 100%;
}

h1.footer-content {
	font: bold 11px arial;
	color: #f4eca8;
	margin: 5px 0;
	padding: 0 5px;
}

p.footer-content {
	font: 11px arial;
	color: #aaa;
	margin: 10px 0;
	padding: 5px;
}

div.copyright {
	text-align: center;
	color: #fff;
	font: 12px arial;
}

div.content-box {
	background: rgb(0,0,0);
	padding: 10px;
	margin: 10px;
	border: 1px solid #666;
}

div.content-body {
	padding: 5px 0;
	clear: both;
}

div.content-top {
	text-align: center;
}

img.download {
	width: 470px;
	height: 250px;
	transition-duration: 0.3s;
}

button.download {
	background: rgba(229,196,65,1);
	background: linear-gradient(to bottom,rgba(224,186,61,1) 0%,rgba(232,194,59,1) 6%,rgba(236,200,64,1) 9%,rgba(238,203,73,1) 13%,rgba(245,214,106,1) 19%,rgba(246,223,129,1) 25%,rgba(250,229,140,1) 28%,rgba(251,233,157,1) 34%,rgba(251,235,160,1) 38%,rgba(251,234,154,1) 44%,rgba(245,229,144,1) 47%,rgba(246,224,125,1) 50%,rgba(234,206,80,1) 56%,rgba(229,196,65,1) 59%,rgba(217,182,56,1) 63%,rgba(206,171,53,1) 66%,rgba(181,149,38,1) 72%,rgba(167,134,31,1) 78%,rgba(162,128,30,1) 81%,rgba(165,129,33,1) 88%,rgba(168,133,33,1) 91%,rgba(183,149,41,1) 97%,rgba(192,154,43,1) 100%);
	text-align: center;
	font: bold 14px arial;
	padding: 10px 0;
	margin: 5px;
	width: 200px;
	color: #4d3717;
	border: 2px solid #cec06f;
	border-radius: 6px;
	box-shadow: 0 0 5px #000;
	cursor: pointer;
	outline: none;
}

button.download:hover {
	background: rgba(234,225,158,1);
	color: #000;
	border: 2px solid #666;
}

div.download {
	float: left;
	width: 470px;
	height: 250px;
	margin: 10px 8px;
	overflow: hidden;
	border: 1px solid #666;
	background: rgba(0,0,0,0.7);
}

h1.download {
	font: bold 18px arial;
	color: #fff;
	text-shadow: 0 0 3px #000;
	margin: 10px;
}

div.button-download {
	position: absolute;
	text-align: left;
	width: 470px;
	height: 40px;
	background: rgba(0,0,0,0.6);
	overflow: hidden;
	transition-duration: 0.3s;
}

div.download:hover div.button-download {
	width: 470px;
	height: 250px;
	transition-duration: 0.3s;
}

div.download:hover img.download {
	width: 520px;
	height: 270px;
	margin-left: -25px;
	transition-duration: 0.3s;
}

img.promo {
	width: 960px;
	height: 270px;
	transition-duration: 0.2s;
}

div.promo {
	width: 960px;
	height: 270px;
	margin: 10px auto;
	overflow: hidden;
	border: 1px solid #666;
	box-shadow: 0 5px 10px #000;
	background: rgba(0,0,0,0.7);
	transition-duration: 0.2s;
}

h1.promo {
	font: bold 18px arial;
	color: #fff;
	text-shadow: 0 0 3px #000;
	margin: 10px;
}

div.promo-tnc {
	position: absolute;
	width: 960px;
	height: 40px;
	background: rgba(0,0,0,0.7);
	overflow: hidden;
	transition-duration: 0.2s;
}

p.promo {
	color: #fff;
	margin: 10px;
	text-align: left;
	font: 12px arial;
}

div.promo0:hover div.promo-tnc {
	width: 960px;
	height: 270px;
	background: rgba(0,0,0,0.8);
	transition-duration: 0.2s;
}

div.promo0:hover img.promo {
	width: 960px;
	height: 270px;
	transition-duration: 0.2s;
}

div.promo0:hover {
	width: 960px;
	transition-duration: 0.2s;
}

h2.content, h3.content, h4.content, h5.content, h6.content {
	font-family: arial;
	color: #f1be55;
	margin: 10px 0;
}

h1.content {
	font: bold 24px arial;
	text-shadow: 0 0 10px #000;
	color: #f1be55;
	padding: 6px;
	width: 600px;
	margin: 0 auto;
}

h2.content {
	font-size: 14px;
}

h3.content {
	font-size: 12px;
}

p.content {
	font: 12px arial;
	margin: 10px 0;
	color: #fff;
}

ul.content {
    margin: 20px 0;
}

li.content {
    margin: 5px 20px;
    color: #fff;
    font: 12px arial;
}

table.banking {
	margin: 20px 0;
	border: 1px solid #666;
	border-collapse: collapse;
	width: 800px;
}

th.banking {
	background: #222;
	padding: 10px;
	border: 1px solid #666;
	color: #f4eca8;
	font: bold 12px arial;
}

td.banking {
	background: #000;
	text-align: center;
	padding: 10px;
	border: 1px solid #666;
	color: #dbdada;
	font: bold 12px arial;
}

table.contact {
	margin: 40px 205px;
	border: 1px solid #666;
	border-collapse: collapse;
	background: #0e1921;
}

td.contact-title {
	color: #dbdada;
	font: 12px arial;
	padding: 10px 10px 10px 100px;
	text-align: right;
	text-shadow: 2px 2px 5px #000;
}

td.contact-icon {
	color: #fff;
	font: 12px arial;
	padding: 10px;
	text-align: right;
	text-shadow: 2px 2px 5px #000;
}

td.contact-text {
	color: #f1be55;
	font: 16px arial;
	padding: 10px 100px 10px 10px;
	text-shadow: 1px 1px 2px #000;
}

div.logo-box {
    background: #222;
    border: 1px solid #f4eca8;
    padding: 20px;
    margin: 20px 0;
    text-align: center;
}

img.logo-box {
    max-height: 60px;
    margin: 5px;
}

/*-- Jackpot --*/
.about {
	padding: 10px 0;
	text-align: center;
}

.about h4 {
	font-size: 20px;
	margin: 30px 0 50px;
	color: #777;
}


.about-info-grid h5 {
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
	color: #F44336;
}

.about-info-grid li {
	display: block;
	margin: 15px 0;
}

.about-info-grid li span.glyphicon {
	margin-right: 10px;
	color: #009688;
}

.about-info-grid li {
	display: block;
	margin: 15px 0;
	font-weight: 600;
}

.jpo {
	font-size:70px;
	width:100%;
	margin:auto;
}
.jpom {
	display:inline-block;
	color:#FFCC00;
}
.jpoc {
	display:inline-block;
	color:#FFCC00;
	margin:auto;
}
/*-- //About --*/