/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {    
    background: url(../bg.jpg) #000 repeat-x;
    padding: 0px;
}
.container {
    max-width: 970px;
}
header {
    padding: 5px 0;
}
header .links a {
    font-size: 11px;
    color: #fff;
    background-color: #650293;        
    float: right;
    margin-left: 10px;
    padding: 3px 10px;
    border-radius: 10px;
}
.navbar-form .form-control {
    width: 150px;
	background:#eff5a0;
	border-radius:8px;
	border:none;
}
.navbar-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.navbar-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.navbar-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.navbar-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.navbar-form .kode {
    width: 60px;
}
header .btn-login {
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1e767 0%,#feb645 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */

    font-weight: bold;
    font-size: 14px;
}
.navbar {
    background: #020926; /* Old browsers */
    background: -moz-linear-gradient(top,  #0213FF -10%,#020926 26%,#020926 37%,#020926 39%,#020926 63%,#020926 66%,#020926 77%,#020926 89%,#020926 90%,#020926 94%,#020926 95%,#650293 97%,#0213FF 98%,#0213FF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%,#0213FF), color-stop(26%,#020926), color-stop(37%,#020926), color-stop(39%,#020926), color-stop(63%,#020926), color-stop(66%,#020926), color-stop(77%,#020926), color-stop(89%,#020926), color-stop(90%,#020926), color-stop(94%,#020926), color-stop(95%,#020926), color-stop(97%,#3e59a0), color-stop(98%,#4661a6), color-stop(100%,#0213FF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0213FF -10%,#020926 26%,#020926 37%,#020926 39%,#020926 63%,#020926 66%,#020926 77%,#020926 89%,#020926 90%,#020926 94%,#020926 95%,#650293 97%,#0213FF 98%,#0213FF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0213FF -10%,#020926 26%,#020926 37%,#020926 39%,#020926 63%,#020926 66%,#020926 77%,#020926 89%,#020926 90%,#020926 94%,#020926 95%,#650293 97%,#0213FF 98%,#0213FF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0213FF -10%,#020926 26%,#020926 37%,#020926 39%,#020926 63%,#020926 66%,#020926 77%,#020926 89%,#020926 90%,#020926 94%,#020926 95%,#650293 97%,#0213FF 98%,#0213FF 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0213FF 0%,#020926 26%,#020926 37%,#020926 39%,#020926 63%,#020926 66%,#020926 77%,#020926 89%,#020926 90%,#020926 94%,#020926 95%,#020926 97%,#0213FF 98%,#0213FF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020926', endColorstr='#020926',GradientType=0 ); /* IE6-9 */

    border: 0px;    
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0px;
    margin-bottom: 0px;
}
.nav{position:relative;width:100%;}
.navbar-default .navbar-nav li.daftar a{margin:0;}
li.daftar{float:right;background:#d90000 no-repeat scroll 5px center / 24px auto;position:absolute;top:-1px;right:0;z-index:99999;border-radius:8px;-webkit-box-shadow: 0px 0px 5px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 5px 2px rgba(255,255,255,1);
animation: colorchange 0.5s infinite;
-webkit-animation: colorchange 0.5s infinite;
-ms-animation: colorchange 0.5s infinite;}
@keyframes colorchange
    {
      0%   {background-color: #d90000;}
      50%  {background-color: #012654;}
      100% {background-color: #d90000;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background-color: #d90000;}
      50%  {background-color: #012654;}
      100% {background-color: #d90000;}
    }

    @-ms-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background-color: #d90000;}
      50%  {background-color: #012654;}
      100% {background-color: #d90000;}
    }
.navbar-default .navbar-nav > li > a {
    color: #FFF;
    font-size: 23px;
    font-weight: 400;    
    margin-right: 15px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #0213FF;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: gold;}
.navbar-default .navbar-brand {color: #fff;}
.page-footer {text-align: center; font-size: 11px; padding: 10px 0;}
.page-footer .soc {margin-bottom: 10px;}
.page-footer .soc img {margin: 0 5px;}
.page-footer .bank {margin: 10px 0;}
.page-footer .bank img {margin: 0 10px;}
.page-footer .copyright {font-size: 11px; color: #c0d7f9;}

footer {    
    padding: 20px 0px 0px;
    color: #fff;       
    text-align: center;
}
footer img {
    max-width: 100%;
}
footer p {    
    font-size: 12px;
    padding: 10px 0;
    color: #c0d7f9;
    text-align: center;
    display: block;
}
footer, .running-text {
    background-color: #000815;
   
}
.running-text {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}
.menu-left, .menu-right {
    position: relative;
    z-index: 999;
    margin-top: 5px;
}
.menu-left {    
    font-size: 10px;
    text-transform: uppercase;
    width: 170px;
    margin-left: 5px;
}
.menu-left h5 {
    text-transform: capitalize;
}
.menu-left .banner {
    margin-top: 20px;
    margin-left: 20px;
}
.menu-right {           
    margin-right: 5px;
}
.bank-offline, .menu-right {
    background: #1B253D; /* Old browsers */
    background: -moz-linear-gradient(top,  #1B253D 0%,#1B253D 17%,#1B253D 20%,#1B253D 26%,#1B253D 26%,#1B253D 29%,#1B253D 30%,#1B253D 37%,#1B253D 40%,#1B253D 43%,#1B253D 49%,#1B253D 49%,#1B253D 58%,#1B253D 58%,#1B253D 61%,#1B253D 61%,#1B253D 69%,#1B253D 70%,#1B253D 78%,#1B253D 79%,#1B253D 81%,#1B253D 85%,#1B253D 92%,#1B253D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1B253D), color-stop(17%,#1B253D), color-stop(20%,#1B253D), color-stop(26%,#1B253D), color-stop(26%,#1B253D), color-stop(29%,#1B253D), color-stop(30%,#1B253D), color-stop(37%,#1B253D), color-stop(40%,#1B253D), color-stop(43%,#1B253D), color-stop(49%,#1B253D), color-stop(49%,#1B253D), color-stop(58%,#1B253D), color-stop(58%,#1B253D), color-stop(61%,#1B253D), color-stop(61%,#1B253D), color-stop(69%,#1B253D), color-stop(70%,#1B253D), color-stop(78%,#1B253D), color-stop(79%,#1B253D), color-stop(81%,#1B253D), color-stop(85%,#1B253D), color-stop(92%,#1B253D), color-stop(100%,#1B253D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1B253D 0%,#1B253D 17%,#1B253D 20%,#1B253D 26%,#1B253D 26%,#1B253D 29%,#1B253D 30%,#1B253D 37%,#1B253D 40%,#1B253D 43%,#1B253D 49%,#1B253D 49%,#1B253D 58%,#1B253D 58%,#1B253D 61%,#1B253D 61%,#1B253D 69%,#1B253D 70%,#1B253D 78%,#1B253D 79%,#1B253D 81%,#1B253D 85%,#1B253D 92%,#1B253D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1B253D 0%,#1B253D 17%,#1B253D 20%,#1B253D 26%,#1B253D 26%,#1B253D 29%,#1B253D 30%,#1B253D 37%,#1B253D 40%,#1B253D 43%,#1B253D 49%,#1B253D 49%,#1B253D 58%,#1B253D 58%,#1B253D 61%,#1B253D 61%,#1B253D 69%,#1B253D 70%,#1B253D 78%,#1B253D 79%,#1B253D 81%,#1B253D 85%,#1B253D 92%,#1B253D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1B253D 0%,#1B253D 17%,#1B253D 20%,#1B253D 26%,#1B253D 26%,#1B253D 29%,#1B253D 30%,#1B253D 37%,#1B253D 40%,#1B253D 43%,#1B253D 49%,#1B253D 49%,#1B253D 58%,#1B253D 58%,#1B253D 61%,#1B253D 61%,#1B253D 69%,#1B253D 70%,#1B253D 78%,#1B253D 79%,#1B253D 81%,#1B253D 85%,#1B253D 92%,#1B253D 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1B253D 0%,#1B253D 17%,#1B253D 20%,#1B253D 26%,#1B253D 26%,#1B253D 29%,#1B253D 30%,#1B253D 37%,#1B253D 40%,#1B253D 43%,#1B253D 49%,#1B253D 49%,#1B253D 58%,#1B253D 58%,#1B253D 61%,#1B253D 61%,#1B253D 69%,#1B253D 70%,#1B253D 78%,#1B253D 79%,#1B253D 81%,#1B253D 85%,#1B253D 92%,#1B253D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B253D', endColorstr='#1B253D',GradientType=0 ); /* IE6-9 */

    color: #fff;
}
.menu-right ul.list-unstyled {
    margin-top: 5px;
    margin-bottom: 5px;
}
.menu-right li, .bank-offline {
    padding: 5px 15px;
}
.bank-offline {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
}
.menu-right li {
    border-bottom: 1px solid #fff;
}
.menu-right li:last-child {
    border-bottom: none;
}
.menu-right a {    
    color: #fff;
    height: 35px;    
}
.chat-icon {    
    display: inline-block;
    vertical-align: middle;
    width:50px;
	height:50px;
    background-repeat: no-repeat; 
background-position:center;	
    margin-right: 8px;
}
span.ym {background: url(../tw.png);background-size:90%;background-repeat: no-repeat; }
.bbm {background: url(../bbm.png);background-size:90%;background-repeat: no-repeat; }
.sms {background: url(../wa.png); background-size:90%;background-repeat: no-repeat; }
.wechat {background: url(../tl.png);background-size:90%;background-repeat: no-repeat; }
.line {background: url(../fb.png);background-size:90%;background-repeat: no-repeat; }
.wechat2 {background: url(../tl.png);background-size:90%;background-repeat: no-repeat; }
.mainbanner {
    background-color: #000;   
}
.jackpot {
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000 4%,#000 3%,#000 18%,#000 46%,#000 47%,#000 49%,#000 56%,#000 57%,#000 96%,#000 97%,#000 99%,#000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(3%,#000), color-stop(18%,#000), color-stop(46%,#000), color-stop(47%,#000), color-stop(49%,#000), color-stop(56%,#000), color-stop(57%,#000), color-stop(96%,#000), color-stop(97%,#000), color-stop(99%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000 4%,#000 3%,#000 18%,#000 46%,#000 47%,#000 49%,#000 56%,#000 57%,#000 96%,#000 97%,#000 99%,#000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000 4%,#000 3%,#000 18%,#000 46%,#000 47%,#000 49%,#000 56%,#000 57%,#000 96%,#000 97%,#000 99%,#000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000 4%,#000 3%,#000 18%,#000 46%,#000 47%,#000 49%,#000 56%,#000 57%,#000 96%,#000 97%,#000 99%,#000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000 4%,#000 3%,#000 18%,#000 46%,#000 47%,#000 49%,#000 56%,#000 57%,#000 96%,#000 97%,#000 99%,#000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */

    padding: 2px;    
}
.jackpot-inner {
    border: 1px solid #0213FF;
    padding: 5px 30px;
}
.navbar-default .navbar-nav > li > a, .jackpot-title, .jackpot-number, .box-depo h2, .box-depo table tbody td:nth-child(1) {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;    
}
.jackpot-title {    
    color: #FFFFFF;
    font-size: 20px;
    line-height: 48px;
    vertical-align: middle;    
    font-weight: 700;
}
.jackpot-number {    
    color: #c0d7f9;
    font-size: 36px;    
    font-weight: 700;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
}

.box-depo {
    background: #01091D /* Old browsers */
    background: -moz-linear-gradient(top,  #01091D 0%,#01091D 15%,#01091D 25%,#01091D 32%,#01091D 32%,#01091D 46%,#01091D 57%,#0213FF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01091D), color-stop(15%,#01091D), color-stop(25%,#01091D), color-stop(32%,#01091D), color-stop(32%,#01091D), color-stop(46%,#01091D), color-stop(57%,#01091D), color-stop(100%,#0213FF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #01091D 0%,#01091D 15%,#01091D 25%,#01091D 32%,#01091D 32%,#01091D 46%,#01091D 57%,#0213FF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #01091D 0%,#01091D 15%,#01091D 25%,#01091D 32%,#01091D 32%,#01091D 46%,#01091D 57%,#0213FF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #01091D 0%,#01091D 15%,#01091D 25%,#01091D 32%,#01091D 32%,#01091D 46%,#01091D 57%,#0213FF 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #01091D 0%,#01091D 15%,#01091D 25%,#01091D 32%,#01091D 32%,#01091D 46%,#01091D 57%,#0213FF 140%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01091D', endColorstr='#0213FF',GradientType=0 ); /* IE6-9 */

    padding: 8px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.box-depo h2 {
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000 0%,#000 14%,#000 33%,#000 43%,#000 61%,#000 63%,#000 63%,#000 150%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(14%,#000), color-stop(33%,#000), color-stop(43%,#000), color-stop(61%,#000), color-stop(63%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000 0%,#000 14%,#000 33%,#000 43%,#000 61%,#000 63%,#000 63%,#000 150%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000 0%,#000 14%,#000 33%,#000 43%,#000 61%,#000 63%,#000 63%,#000 150%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000 0%,#000 14%,#000 33%,#000 43%,#000 61%,#000 63%,#000 63%,#000 150%); /* IE10+ */
    background: linear-gradient(to bottom,  #000 0%,#000 14%,#000 33%,#000 43%,#000 61%,#000 63%,#000 63%,#000 150%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */

    color: #FFFFFF;
    margin-top: 0px;

    padding: 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;            
}

.jackpot, .box-depo {
    margin-bottom: 20px;
}
.bank-offline, .menu-right, .jackpot, .jackpot-inner, .box-depo, .box-depo h2 {
    border-radius: 10px;
}

.box-depo table {
    width: 100%;
}
.box-depo table tbody td {
    padding: 4px;
    font-size: 14px;    
    font-weight: 700;
    text-align: center;
}
.box-depo table tbody td:nth-child(3) {
    color: #c0d7f9;
}
.box-depo table tbody td:nth-child(2) {
    color: #c0d7f9;
}
.box-depo table tbody td:nth-child(1) {
    text-transform: uppercase;
    font-weight: 700;
}
.flmenu ul{
	list-style:none;
}
.flmenu ul li{
	display:block;
	margin-bottom:3px;	
	overflow:hidden;
}
.flmenu ul li:hover{
	text-decoration:none;
}
.flmenu ul li a{
	position:relative;
	width:75px;
	text-align:right;
	float:right;
	display:block;
	padding:10px;
	background-color:rgb(64, 64, 64);
	border-radius:12px 0px 0px 12px;
	transition:all .6s ease;
	-moz-transition:all .6s ease;
	-webkit-transition:all .6s ease;
}
.flmenu ul li a:hover span.nm{
	margin:0 5px;
	opacity:1;
	visibility:visible;
	transition:all .6s ease;
	-moz-transition:all .6s ease;
	-webkit-transition:all .6s ease;
}
.flmenu ul li a:hover{
	width:300px;
	text-decoration:none;
	background-color:rgb(24, 24, 24);
	transition:all .6s ease;
	-moz-transition:all .6s ease;
	-webkit-transition:all .6s ease;
}
.flmenu ul li a:hover span.c:first-child{
	position:unset;
	animation-name: bukamenu;
	animation-duration: .3s;
	animation-timing-function: ease;
	animation-delay: .1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-moz-animation-name: bukamenu;
	-moz-animation-duration: .3s;
	-moz-animation-timing-function: ease;
	-moz-animation-delay: .1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: bukamenu;
	-o-animation-duration: .3s;
	-o-animation-timing-function: ease;
	-o-animation-delay: .1s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-fill-mode: forwards;
	-webkit-animation-name: bukamenu;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: .1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards;
}
.flmenu ul li a span{
	display:inline-block;	
	vertical-align:middle;
	color:#FFFFFF;
}
.flmenu ul li a span:first-child{
	margin:0;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:9;
	right: 70px;
	top:25px;
	transition:all .6s ease;
	-moz-transition:all .6s ease;
	-webkit-transition:all .6s ease;
}
.flmenu ul li a span:last-child{
	z-index:99;
	position:relative;
	z-index:99;
	padding:0 5px;
	border-radius:8px;
}
@keyframes bukamenu {
	50%{
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
	100%{
		position:relative;
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
}
@-o-keyframes bukamenu {
	50%{
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
	100%{
		position:relative;
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
} 
@-moz-keyframes bukamenu {
	50%{
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
	100%{
		position:relative;
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
}
@-webkit-keyframes bukamenu {
	50%{
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
	100%{
		position:relative;
		margin:0 5px;
		opacity:1;
		visibility:visible;
		}
}
.flmenu ul li a span.wa{
	background-color:#20b038;
}
.flmenu ul li a span.ln{
	background-color:#00b901;
}
.flmenu ul li a span.ig{
	background-color:#8338b9;
}
.flmenu ul li a span.tw{
	background-color:#4da7de;
}
.flmenu ul li a span.inf{
	background-color:#010d77;
	padding:10px 16px;
	margin-right:8px;
}
.flmenu{
	position:fixed;
	top:20%;
	right:0;
	z-index:99999;
}

@media (min-width: 970px) {
    .menu-left {
        float: left;
    }
    .menu-right {    
        float: right;   
    }
    .mainbanner {
        height: 525px;
    }
    .jackpot-container {
        margin-top: -175px;
    }
    .jackpot-title {
        float: left;
    }
    .jackpot-number {
        float: right;
    }
}

@media (max-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 20px;
    }
    .mainbanner {
        margin-bottom: 20px;
        margin-top: 5px;
    }
	li.daftar{position:relative;float:none;}
}

@media (min-width: 320px) and (max-width: 640px) {
    .navbar-form .form-control {width: 100%;}
    header .links a {float: none;}
    .links {text-align: center;}
    .menu-right {border-radius: 0px; margin-right: 0px;}
    .mainbanner {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .jackpot-title, .jackpot-number {        
        text-align: center;
    }
	li.daftar{position:relative;float:none;}
}
@media (min-width: 320px) and (max-width: 480px) {
    .jackpot-container .col-xs-6, .last-container .col-xs-6 {
        width: 100%;
    }
	li.daftar{position:relative;float:none;}
}