/*
Created by: @themepixels
URL: http://themepixels.com/
*/

@import url('bootstrap.min.css');
@import url('bootstrap-override.css');
@import url('bootstrap-timepicker.min.css');
@import url('jquery-ui-1.10.3.css');
@import url('font-awesome.min.css');
@import url('animate.min.css');
@import url('animate.delay.css');
@import url('exo.css');

body {
   background: #ff0000 url(../img/preview-bantuan.jpg) no-repeat top center;
   background:#000;
  
   font-family: 'exo_2regular', Helvetica, sans-serif !important;
   color: #fff;
   font-size:11px;
   letter-spacing:0.7px;
}

body.notfound,
body.signin {
   background: #e4e7ea;
}

input,select,textarea {
   font-family: 'exo_2regular', Helvetica, sans-serif !important;
	color: #636e7b;
}

a:focus, a:active { outline: none; }

h1,h2,h3,h4,h5 {
   font-family: 'exo_2regular', Helvetica, sans-serif;
}

strong {
	font-family: 'exo_2regular';
	font-weight: bold;
}

.container{
	width:1140px;
	margin:0 auto;
	position:relative;
	
}


header{

	background:#222;
        border-bottom:1px solid #00a2ff;
	height:92px;
	position:relative;
	z-index:2;
}

header #logo{
	height:115px;
	width:214px;
	margin:0;
	background:transparent; 
	position:absolute;
	left:60px;
}

header #logo a{
	width:179px;
	height:80px;
	margin:0 auto;
	display:block;
	padding-top:10px;
}
	
header ul.menu-member{
	list-style:none;
	width:360px;
	position:absolute;
	margin:0;
	padding:0;
	left:50%;
	margin-left: 123px;
    top: 68px;
}

header ul.menu-member li{
	float:right;
	margin-right:14px;	
}

header ul.menu-member li:first-child{
	margin-right:0;
}

header ul.menu-member li a{
	font-size:11px;
	color:#8dc63f;
	text-decoration:none;
	padding:3px;
	
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	
}

header ul.menu-member li a:hover{
	color:#2b2c30;
	background:#8dc63f;
	
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	
}

header ul.menu-member li a span{
	background:#8dc63f;
	color:#000;
	padding:0 4px;
	border-radius:2px;
}

header ul.menu-member li a:hover span{
	background:#2b2c30;
	color:#fff;
}

header ul.menu{
	list-style:none;
	margin:0;
	padding:0;
	height:23px;
	margin:0 auto;
	width:679px;
	position: relative;
    top: 68px;
    left: 12%;
  
}

header ul.menu li{
	float:left;
	
	height:inherit;
	margin-left:20px;
}

header ul.menu li a{
	
	height:inherit;
	text-align:center;
	color:#fff;
	text-decoration:none;
	display:block;
	line-height:23px;
	position:relative;
	padding:0px 20px;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

header ul.menu li.home{
	margin-left:19px;
}

header ul.menu li.sb{
	margin-left:0;
}

header ul.menu li.sb a{
	padding:0px 15px;
}

header ul.menu li.casino{
	margin-left:18px;
}
header ul.menu li.evo-elite{
	margin-left:18px;
}
header ul.menu li.casino a{
	padding:0px 8px;
}

header ul.menu li.games{
	margin-left:3px;
}

header ul.menu li.games a{
	padding:0px 8px;
}

header ul.menu li.promo{
	margin-left:20px;
}

header ul.menu li.promo a{
	padding:0px 8px;
}

header ul.menu li.blank{
	width:230px;
}


header ul.menu li.evo-elite a{
	padding:0px 2px;
}

header ul.menu li.jadwal-bola{
	margin-left:15px;
}

header ul.menu li.jadwal-bola a{
	padding:0px 8px;
}

header ul.menu li.bantuan{
	margin-left:20px;
}

header ul.menu li.bantuan a{
	padding:0px 8px;
}

header ul.menu li.member{
	margin-left:12px;
	position:relative;
	float:right;
}

header ul.menu li.member a{
	color:#000;
	width:123px;
	height:22px;
	background:url(../img/button-login.png) no-repeat;
	padding:0;
}

header ul.menu li.member a:hover{
	color:#2b2c30;
	background:url(../img/button-login.png) no-repeat;
}

header ul.menu li.member a:before, header ul.menu li.member a:after{
	display:none;
}



header ul.menu li a:before{
	width:10px;
	height:23px;
	content:'';
	position:absolute;
	left:-10px;
	background:transparent;
	opacity:0;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

header ul.menu li a:after{
	width:10px;
	height:23px;
	content:'';
	position:absolute;
	right:-10px;
	background:transparent;
	opacity:0;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

header ul.menu li a:hover, header ul.menu li a.active{
	background:#00a2ff;
	color:#000;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	
}

header ul.menu li a:hover:before, header ul.menu li a:hover:after,header ul.menu li a.active:before, header ul.menu li a.active:after{
	opacity:1;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

header .login-form{
	width:206px;
	height:143px;
	height:125px;
	background:#00a2ff;
	position:absolute;
	left: -88px;
    top: 26px;
	padding:6px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   display:none;
z-index:999999;
}

header .login-form a{
	height:15px !important;
	margin-top:3px;
}

.input-wrapper{
	background:#000;
	padding:1px;
	margin-bottom:2px;
}

.login-form button{
	margin-left:35px;
	margin-top:3px;
}

.login-form a{
	color:#fff !important;
	text-decoration:underline !important;
	display:block;
	width:194px !important;
	line-height:19px !important;
	text-align:center !important;
	letter-spacing:0.5px !important;
	background:none !important;

}

.login-form a:hover{
	color:#000 !important;
}

.content{
	width:100%;
	position:relative;
}

.content .slider{
	height:507px;
	width:100%;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

.content .slider li{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:507px;	
	opacity:0;
}

.content .slider li.active{
	opacity:1;
}

.content .mask{
	width:100%;
	height:260px;
	position:absolute;
	top:300px;
	background-color:rgba(0,0,0,0.6);
}

.content .mask-product{
	position:relative;
	top:0px;
	height:205px;
}

.content .mask .line-green{
	height:2px;
	width:100%;
	background:url(../img/line-green.jpg) no-repeat #fff top center;
}

.content .slider-text{
	height:170px;
	width:100%;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
}

.content .slider-text li{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:170px;
	text-align:center;
	display:none;
	opacity:0;
}

.content .slider-text li.active{
	display:block;
	opacity:1;
}

.content .slider-text li h2 span{
	color:#00e5ff;
}

.content .slider-text li a.button{
	color:#000;
	display:block;
	margin:0 auto;
	padding:6px 6px;
	background:#00e5ff;
	display:inline-block;
	margin-top:21px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   text-decoration:none;
   transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.content .slider-text li a.button:hover{
	color:#fff;
	background:#2b2c30;
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.content ul.sub-info{
	list-style:none;
	padding:0;
	margin:0;
	margin-left: 147px;
    margin-top: 27px;
}

.content ul.sub-info li{
	float:left;
	padding-left:42px;
	position:relative;
	margin-right:80px;
	letter-spacing:0.6px;
	
}

.content ul.sub-info li:last-child{
	margin-right:0px;
}

.content ul.sub-info li:before{
	width:35px;
	height:43px;
	content:'';
	position:absolute;
}

.content ul.sub-info li.sub-01:before{
	background:url(../img/icon-lock.png) no-repeat;
	left:0px;
	top:-8px;
}

.content ul.sub-info li.sub-02:before{
	background:url(../img/icon-dollar.png) no-repeat;
	left: 1px;
    top: -14px;
}

.content ul.sub-info li.sub-03:before{
	background:url(../img/icon-24.png) no-repeat;
	left: -4px;
    top: -7px;
}

.content .sub-title{
	font-size:18px;
	color:#fff;
	padding-top:43px;
	letter-spacing:0.5px;
}

.main-container{
	width:980px;
	min-height:370px;
	padding-left:44px;
	
}

.content .asterisk{
	color:#707070;
	font-size:11px;
}

.content .form{
	margin-top:42px;
	position:relative;
	min-height:326px;	
}

.content .form .loader{
	width:100%;
	height:326px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.loader-euro{
	width:100%;
	height:540px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.content .form .loader img, .loader-euro img{
	width:60px;
	height:64px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
	margin-top:-55px;
}

.form-wrapper{
	position: relative;

}

.form-euro{
	min-height: 300px;
	text-align: center;
}

.form-euro.successeuro{
	padding-top: 30px;
	font-size: 15px;
}

.content .form .form-wrap{
	float:left;
	width:442px;
}

.content .form .form-wrap .field{
		clear:both;	
	margin-bottom:8px;
}

.content .form .form-wrap .field input[type='checkbox']{
	float:left;
	margin-right:10px;
	margin-top:1px;
}

.content .form .form-wrap label{
	display:block;
	padding-top:5px;
	
}


.green{
	color:#00a2ff !important;
}

.login-form .loader-login{
	width:100%;
	height:116px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(141, 198, 63, 0.5);
	display:none;
}

.login-form .loader-login img{
	width:60px;
	height:64px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
	margin-top:-32px;
}

.form .error-message{
	color:#ff2931;
	font-weight:bold;
	font-size:14px;
	display:none;
}

.header-image{
	height:351px;
	position:relative;
}

.header-image img{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}

ul.evo-list{
	list-style:none;
	padding:0;
	margin:0;
	width:807px;
	margin:0 auto;
}

ul.evo-list li{
	width:262px;
	height:376px;
	float:left;
	text-align:center;
	padding-top:14px;
	position:relative;
	margin-right:9px;
}

ul.evo-list li.active{
	background-color:#8dc63f;
}

ul.evo-list li:last-child{
	margin-right:0;
}

ul.evo-list li .evo-detail{
	position:absolute;
	top:89px;
	left:2px;
	width:258px;
	height:220px;
	background-color:#000;
	opacity:0;
	display:none;
}

ul.evo-list li span{
	font-size:12px;	
}

ul.evo-list li .benefit{
	line-height:30px;
	font-size:12px;
	margin-top:3px;
}

ul.evo-list li .button{
	color:#fff;
	text-decoration:none;
	width:122px;
	height:27px;
	text-align:center;
	background:#fff;
	display:block;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	position:absolute;
	top:100%;
	left:0px;
	right:0px;
	margin:0 auto;
	margin-top:-58px;
	line-height:30px;
	
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

ul.evo-list li .button:hover{
	background:#8dc63f !important;	
	
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

ul.evo-list li.silver{
	background-image:url(../img/evo-line-silver.png);
	background-repeat:no-repeat;
}

ul.evo-list li.silver .button{
	background:#77787c;	
}

ul.evo-list li.gold{
	background-image:url(../img/evo-line-gold.png);
	background-repeat:no-repeat;
}

ul.evo-list li.gold .button{
	background:#b89b35;	
}

ul.evo-list li.black{
	background-image:url(../img/evo-line-black.png);
	background-repeat:no-repeat;
}

ul.evo-list li.black .button{
	background:#232326;	
}

.container .detail{
	font-size:12px;
	margin-top:10px;
}

.container .detail li{
	padding-bottom:8px;
}

.footer{
	position:relative;
	padding-bottom:20px;
	height:50px;
        margin-top:25px;
}

.footer .line-grey{
	height:2px;
	width:100%;
	background:url(../img/line-grey.jpg) no-repeat #6c6c6c top center;
}


.footer ul{
	list-style:none;
	padding:0;
	margin:0;
}

.footer ul.menu li{
	float:left;
	margin-right: 22px;
}

.footer ul.product{
	margin-left: 27px;
    margin-top: 17px;
}

.footer ul.bank{
	/*float:right;
	margin-top: 21px;
    margin-right: 19px;*/
	right: 109px;
	position:relative;
	width:470px;
	top:15px; 
	float:right;
}

.footer ul.bank li{
	margin-right:0px;
	margin-left:19px;	
}

.footer ul.footer-menu{
	position: relative;
    left: 110px;
    margin-top: 19px;
	width:400px;
	display:inline-block;
	
	
}

.footer ul.footer-menu li{
	float:left;
}

.footer ul.footer-menu li{
	font-size:11px;
	margin-left:5px;
}

.footer ul.footer-menu li:after{
	
	margin-left:5px;
}

.footer ul.footer-menu li:last-child:after{
	content:'';
	margin:0;
}

.footer ul.footer-menu li a{
	color:#fff;
}

.welcome{
	position:absolute;
	left:100%;
	margin-left:-335px;
	top:20px;
	text-align:right;
	width:250px;
}

.urgent{
	color:#8dc63f;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
}

.font12{
	font-size:12px;
}



ul.member-menu{
	position:absolute;
	list-style:none;
	padding:0;
	margin:0;
	width:770px;
	top: 39px;
    left: 200px;
}

ul.member-menu li{
	float:left;
	font-size:11px;
	margin-right:7px;
}

ul.member-menu li:last-child{
	margin-right:0px;
}

ul.member-menu li a{
	color:#fff;
	background:#8dc63f;
	width:122px;
	height:27px;
	display:block;
	text-align:center;
	line-height:27px;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

ul.member-menu li a:hover, ul.member-menu li a.active{
	background:#2b2c30;	
	
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.status-member{
	width:125px;
	text-align:center;
	color:#727272;
	float:left;
}

.status-member span{
	font-size:12px;
	color:#fff;
	line-height:30px;
	
}

.member-profile{
	width:500px;
	float:left;
	padding-left: 41px;
    padding-top: 40px;
	font-size:11px;
	font-weight:normal;
}

.member-profile label{
	width:180px;
	float:left;
}

.member-profile span,.member-profile a{
	font-size:11px;
	color:#727272;
	line-height:12px;
}

.member-profile a{
	text-decoration:none;
	border-bottom:1px dotted #727272;
}

.form-hidden{
	clear:both;
	padding:10px;
	border:1px solid #8dc63f;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin-top:10px;
	display:none;
	position:relative;
}

.form-hidden span{
	font-size:12px;
	color:#fff;
	line-height:15px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}

.form-hidden .form-loader{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}

.form-hidden.form-password .form-loader{
	height:196px;
	display:none;
}

.form-hidden.form-handphone .form-loader{
	height:164px;
	display:none;
}

.form-hidden .form-loader img{
	margin:0 auto;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	margin-top:-32px;
}

.form-hidden .form-control{
	margin-bottom:5px;
}

hr{
	margin-top:10px;
	margin-bottom:10px;
	border-top: 1px solid #8dc63f;
}

ul.promo-list{
	list-style:none;
	padding:0;
	margin:0;
	margin-top:33px;
}

ul.promo-list a img{
	border:1px solid #2b2c30;
}

ul.promo-list li .promo-detail{
	padding:15px;
	background:#2b2c30;
	border:1px solid #2b2c30;
	border-top:none;
	position:relative;
	display:none;
	font-size:12px;
} 

ul.promo-list li .promo-detail h3{
	font-size:15px;
	margin:0;
	padding:0;
	padding-top:8px;
}
ul.promo-list li .promo-detail h4{
	font-size:13px;
	margin:0;
	padding:0;
}

.promo-detail .promo-countdown{
	width:267px;
	height:48px;
	border:1px solid #8dc63f;
	position:absolute;
	left:100%;
	margin-left: -274px;
    top: 8px;
}

.promo-detail .promo-countdown ul{
	list-style:none;
	padding:0;
	margin:0;
	margin-left: 11px;
    padding-top: 2px;
}

.promo-detail .promo-countdown ul li{
	float:left;
	width:32px;
	font-size:11px;
	text-align:center;
	margin-right:2px;
}

.promo-detail .promo-countdown ul li span{
	font-size:15px;
	margin-bottom:2px;
	line-height:25px;
}

.promo-detail .promo-countdown a{
	display:block;
	text-align:center;
	width:122px;
	height:27px;
	position:absolute;
	background:#8dc63f;
	color:#fff;
	left: 135px;
    top: 8px;
	line-height:28px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	text-decoration:none;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	font-size:11px;
}

.promo-detail .promo-countdown a:hover{
	background:#666;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.product-detail{
	padding-top:27px;
	padding-bottom:15px;
	width:980px;
	padding-left:44px;
	margin: 0 auto;
    position: relative;
}

.product-image{
	float:left;
	margin-left:8px;
	width:447px;
	margin-top:9px;
	position:relative;
	
}

.product-image img{
	position:absolute;
}

.product-content{
	width:440px;
	float:left;
	font-size:10px;
}

.product-content table{
	border:1px solid #8dc63f; 	
}

.product-content th{
	text-align:center;
	background:#2b2c30;
	padding:5px 0px;
}

.product-content td{
	text-align:center;
	padding:4px 0px;
	background:#000;
}

.product-content tr:nth-child(odd) td{
	background:#666;
}

.product-content .button{
	width:122px;
	height:27px;
	display:block;
	text-decoration:none;
	background:#fff;
	margin-top:1px;
	text-align:center;
	line-height:28px;
	margin-left:9px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	color:#fff;
	background:#8dc63f;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	float:left;
}

.product-content .button.blue{
	background:#5773c0;	
}

.product-content .button:hover{
	background:#2b2c30;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.mask-product h2{
	padding:0;
	margin:0;
	font-size:29px;
	text-align:center;
	padding-top:16px;
	padding-bottom:23px;
}
	
.mask-product .button-product{
	display:block;
	width:449px;
	height:105px;
	border:1px solid #8dc63f;
	margin-left:86px;
	float:left;
	background:#8dc63f;
	margin-bottom: 15px;
}

.mask-product .button-product:nth-child(odd){
	margin-left:12px;
}

.mask-product .button-product .bg-logo{
	float:right;
	width:166px;
	height:103px;
	text-align:center;

	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.mask-product .button-product:hover .bg-logo,.mask-product .button-product.active .bg-logo{
	background:#2b2c30;
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.mask-product .button-product .bg-logo img{
	margin-top:37px;
}

.pop-hubungi{
	position:fixed;
	width:219px;
	min-height:289px;
	left:-190px;
	top:50%;
	margin-top:-145px;
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	background:#00a2ff;
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.pop-hubungi .content-pop{
	width:190px;
	min-height:289px;
	float:left;
	background:#1a1a1a;
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.pop-hubungi .title{
	font-size:18px;
	color:#fff;
	padding-left: 58px;
    padding-top: 18px;
	letter-spacing:0px;
}

.pop-hubungi .title:before{
	content:'';
	width:35px;
	height:35px;
	position:absolute;
	background:url(../img/icon-24.jpg) no-repeat;
	left:14px;
	top:12px;
}

.pop-hubungi ul{
	list-style:none;
	padding:0;
	margin:0;
	    margin-top: 12px;
    margin-left: 6px;
}

.pop-hubungi ul li{
	width:177px;
	height:42px;
	background:#000;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	padding-left:5px;
	font-size:11px;
	color:#fff;
	line-height:48px;
	margin-bottom:3px;
	
}

.pop-hubungi ul li a{
	color:#fff;
	text-decoration:none;
}

.pop-hubungi ul li img{
	float:left;
	margin-right:6px;
}

.pop-hubungi .button{
	width:122px;
	height:27px;
	display:block;
	text-decoration:none;
	background:#fff;
	margin-top:11px;
	text-align:center;
	line-height:28px;
	margin-left:34px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	color:#fff;
	background:#00a2ff;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	float:left;
	
}


.pop-hubungi .button:hover{
	background:#2b2c30;
	 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.pop-hubungi .side-button{
	width:29px;
	float:left;
	display:block;
	min-height:289px;
	cursor:pointer;
	background:url(../img/txt-hubungikami.jpg) no-repeat 7px 70px;
}

.pop-hubungi:hover{
	left:0px;	
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.pop-bank{
	position:fixed;
	width:220px;
	min-height:289px;
	background:#8dc63f;
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
	right:-190px;
	top:50%;
	margin-top:-145px;
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.pop-bank:hover{
	right:0px;	
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.pop-bank .side-button{
	width:29px;
	float:left;
	display:block;
	min-height:289px;
	cursor:pointer;
	background:url(../img/txt-statusbank.jpg) no-repeat 9px 15px;
}

.pop-bank .content-pop{
	width:190px;
	min-height:289px;
	float:left;
	background:#1a1a1a;
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.pop-bank .title{
	font-size:18px;
	color:#fff;
	padding-left: 58px;
    padding-top: 18px;
	letter-spacing:0px;
}

.pop-bank .title:before{
	content:'';
	width:33px;
	height:43px;
	position:absolute;
	background:url(../img/icon-bank.jpg) no-repeat;
	left: 45px;
    top: 5px;
}

.pop-bank ul{
	list-style:none;
	padding:0;
	margin:0;
	    margin-top: 12px;
    margin-left: 6px;
	margin-bottom:20px;
}

.pop-bank ul li{
	width:177px;
	height:42px;
	background:#000;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	padding-left:5px;
	font-size:11px;
	color:#fff;
	line-height:48px;
	margin-bottom:3px;
	color:#8dc63f;
	
}

.pop-bank ul li img{
	float:left;
	margin-right:10px;
}

.pop-bank a.button{
	text-align:center;
	text-decoration:none;
	margin-left:40px;
	border-bottom:1px dotted #8dc63f;
	
	
}

.font11{
	font-size:11px !important;
}

ul.bantuan{
	list-style:none;
	padding:0;
	margin:0;
}

ul.bantuan li{
	float:left;
	line-height: 42px;
}

ul.bantuan li a {
    color: #fff;
    text-decoration: none;
}

ul.bantuan li img {
    float: left;
    margin-right: 6px;
}

.line-grey{
	height:2px;
	width:100%;
	background:url(../img/line-grey.jpg) no-repeat #6c6c6c top center;
}

.table-bantuan{
	width:100%;
	border:1px solid #135b7c;
	color:#fff;
	background:#1a1a1a;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.table-bantuan .row-bantuan{
	width:501px;
	margin:0 auto;
}

.table-bantuan .row-bantuan .th-bantuan{
	text-align:center;
	padding:18px 0px;
	float:left;
}

.table-bantuan .row-bantuan .td-bantuan{
	text-align:center;
	padding:0px 0px;
	float:left;
}

.table-bantuan .row-bantuan .col1{
	width:115px;
}

.table-bantuan .row-bantuan .col2{
	width:117px;
}

.table-bantuan .row-bantuan .col3{
	width:117px;
}

.table-bantuan .row-bantuan .col4{
	width:145px;
}
.table-bantuan .row-bantuan .col11{
	width:379px;
}

.row-bantuan.tdbg{
	background:#000;
	height:42px;
	line-height:40px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin-bottom:3px;
	text-align:center;
}

.aslider{
	width:40px;
	height:64px;
	display:block;
	position:absolute;
	opacity:0.3;
	
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.aslider:hover{
	opacity:0.8;
	
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.aslider.aleft{
	left:0px;
	top:-110px;
}

.aslider.aright{
	right:0px;
	top:-110px;
}

.aslider .disbtn{
	width:40px;
	height:64px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.status-member a{
	color:#2b2c30;
	background:#8dc63f;
	padding:4px 6px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	text-decoration:none;
	font-size:11px; 
}

.status-member a:hover{
	color:#8dc63f;
	background:#2b2c30;
}

.form-success ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:11px;
	color:#fff;
}

.form-success ul li{
	float:left;
}

.form-success ul li.arrow{
	width:70px;
	height:40px;
	background:url(../img/arrow-green.jpg) no-repeat center center;	
}

ul.special-promo{
	list-style:none;
	padding:0;
	width:725px;
	margin:0 auto;
}
		
ul.special-promo li{
	float:left;
	width:205px;
	height:99px;
	background:url('../img/border-list.png') no-repeat top center;
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:10px 10px;
	margin-right:55px;
}

ul.special-promo li:last-child{
	margin-right:0px;
	
}

ul.special-promo li .current-win{
	font-size:29px;
}

ul.special-promo li .target{
	text-align:left;
	padding-left:22px;
}

ul.special-promo li .target span{
	float:left;
}

ul.special-promo li .progress-target{
	height:6px;
	width:107px;
	background:#464646;
	float:left;
	margin-left:6px;
	margin-top:6px;
}

ul.special-promo li .current-target{
	height:6px;
	background:#8dc63f;
}

.euro-bg{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,10,52,1) 6%, rgba(44,106,147,1) 51%, rgba(0,10,52,1) 94%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(6%, rgba(0,10,52,1)), color-stop(51%, rgba(44,106,147,1)), color-stop(94%, rgba(0,10,52,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,10,52,1) 6%, rgba(44,106,147,1) 51%, rgba(0,10,52,1) 94%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,10,52,1) 6%, rgba(44,106,147,1) 51%, rgba(0,10,52,1) 94%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,10,52,1) 6%, rgba(44,106,147,1) 51%, rgba(0,10,52,1) 94%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,10,52,1) 6%, rgba(44,106,147,1) 51%, rgba(0,10,52,1) 94%, rgba(0,0,0,1) 100%);

   /* background-image: -webkit-radial-gradient(top center,circle farthest-corner,#2c6a93,#000a34);
    background-image: radial-gradient(circle farthest-corner at top center,#2c6a93,#000a34);*/
    margin-top: -23px;
}

.euro-bg .pattern{
	background:url("../img/euro/bg_pattern.png");

}

.euro{
	background: url("../img/euro/bg-euro.jpg") no-repeat center 92px;
}

.logo-euro{
	width:605px;
	height: 320px;
	margin:0 auto;
	padding-top:50px;
	position: relative;
}

.logo-euro img{
	position: absolute;
}

.teaser-euro{
	font-size: 14px;
	color: #fff;
	width: 550px;
	margin:0 auto;
	text-align: center;
	line-height: 18px;
}

.teaser-euro h2{
	font-size:18px;
	margin:0;
	text-transform: uppercase;
	line-height: 20px;
}

.btn-primary{
	background-color: #366cb0;
	margin-top: 10px;
}

.btn-big{
	width: 100%;
	background:#0090ff;
	font-size: 15px;
	height: 45px;
}

.euro-list{
	width:550px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	margin-top:20px;
}

.euro-list li{
	float: left;
	width: 250px;
	height: 45px;
	font-size: 18px;
	text-align: center;
	line-height: 53px;
	height: 117px;
}

select.input-lg{
	background-color: #eceff4;
	border:0;
	color:#000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align-last:center; 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../img/euro/bg-dropdown.jpg') no-repeat 95% 50% #ffffff;
    background-size: 11px 7px;
    font-size: 14px;
    line-height: 37px;

}

.input-euro{
	width:250px;
	margin:0 auto;
	margin-top: 27px;
}

.input-euro .form-control{
	width:250px;
	height: 45px;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #eceff4;
	color: #000;
	font-size: 14px;
	text-align: center;
}

.euro-list li:nth-child(even){
	margin-left: 50px;

}

a.buttons{
	color:#fff;
	display:block;
	margin:0 auto;
	padding:6px 6px;
	background:#8dc63f;
	display:inline-block;
	position:relative;
	left:50%;
	margin-left:-57px;
	margin-top:17px;	
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   text-decoration:none;
   transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

a.buttons:hover{
	color:#8dc63f;
	background:#2b2c30;
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.red{
	color:#ff2931;
}

.form-control.red{
	    border: 1px solid #ff0000;
}

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

.overlay{
	width:100%;
	background-color: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	opacity:0.2;
}

.popup{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -365px;
	margin-left: -354px;
	z-index: 101;
	width: 758px;
	height: 736px;
}

#logo-euro{
	width: 159px;
	height: 75px;
	position: absolute;
	left: 93px;
    top: 6px;
}

#jackpot {
	
    width: 800px;
    margin: 0 auto;
}

#jackpot .deposit {
    display: inline-block;
    width: 250px;
	background:url(../img/latest-deposit.png) no-repeat;
	padding-top:50px
}
#jackpot .withdraw {
    display: inline-block;
    width: 250px;
	background:url(../img/latest-withdraw.png) no-repeat;
	
padding-top:50px;
}
#jackpot table tr.line1 {
	background: #222;
}
#jackpot table td{
	padding: 5px 0px 5px 7px;
}
#jackpot p{
   margin:0;
}
#jackpot .prize {
    width: 280px;
    display: inline-block;
    vertical-align: top;
}
#jackpot .prize h2{
    background:url(../img/j-h3.jpg) no-repeat;
	font-size: 20px;
	text-align:center;
	margin:0;
	width:285px;
	height:36px;
	padding:10px;
}
#jackpot .prize .j-poker{
    width: 294px;
	height: 45px;
	BACKGROUND: url(../img/j-poker.png) no-repeat;
	padding: 8px 0 8px 15px;
	font-size: 22px;
	text-align: left;
	margin-bottom:2px;
	letter-spacing:5px;
}
#jackpot .prize .j-domino{
    width: 294px;
	height: 45px;
	BACKGROUND: url(../img/j-domino.png) no-repeat;
	padding: 8px 0 8px 15px;
	font-size: 22px;
	text-align: left;
	margin-bottom:2px;
	letter-spacing:5px;
}
#jackpot .prize .j-capsa{
    width: 294px;
	height: 45px;
	BACKGROUND: url(../img/j-capsa.png) no-repeat;
	padding: 8px 0 8px 15px;
	font-size: 22px;
	text-align: left;
	margin-bottom:2px;
	letter-spacing:5px;
}


.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid { background: #fff; overflow: hidden; border: 1px solid #36752D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 5px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #36752D; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #000; border-left: 1px solid #C6FFC2;font-size: 14px;font-weight: normal; padding-top:10px; padding-bottom:10px; vertical-align:top; }.datagrid table tbody tr:nth-child(even) td { background: #DFFFDE; color: #000; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #36752D;background: #DFFFDE;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #36752D;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #275420; color: #FFFFFF; background: none; background-color:#36752D;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }