@font-face {
font-family: 'avenir';
font-style: normal;
font-weight: normal;
src: local('fonts/Aller'), url('fonts/AvenirNextLTPro-Regular.WOFF') format('woff');
}

body{
	font-family: 'avenir';
	font-size:14px;
	font-style: normal;
	font-weight: normal;
	min-width: 361px;
	background: #000000;
}

a, a:visited{
	color: #b4feb9;
	font-weight: bold;
    font-size: 12px;
}

a:focus, a:hover, a:active{
    color: #ffffff;
}

.prevControl {
}
.nextControl{
}
a, a:visited, a:hover, a:focus, a:active{
	text-decoration:none;
}

.image-mobile, .btn-mobile, .play-mobile{
	display:none;
}

.line-top{
	background: rgba(0, 0, 0, 0);
	background-size:cover;
	width: 100%;
	height:15px;
	
}

.header{
	text-align: center;
	padding: 15px 0px;
	
}
.left {
	float: left;
}
.right {
	float: right;
	margin-right: 45px
}
.logoplace {
	margin-right: 185px;
}
.button {
     display: inline-block;
     margin: 0px -2px;
}
.button2 {
    padding: 3px 10px;
}
.btn-othergames {
  background: #1e324f;
  background-image: -webkit-linear-gradient(top, #1e324f, #111e33);
  background-image: -moz-linear-gradient(top, #1e324f, #111e33);
  background-image: -ms-linear-gradient(top, #1e324f, #111e33);
  background-image: -o-linear-gradient(top, #1e324f, #111e33);
  background-image: linear-gradient(to bottom, #1e324f, #111e33);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 0px;
  color: #ffffff;
  font-size: 15px;
  padding: 18px 20px 18px 20px;
  text-decoration: none;
}

.btn-othergamesa {
  background: #1e324f;
  background-image: -webkit-linear-gradient(top, #1e324f, #111e33);
  background-image: -moz-linear-gradient(top, #1e324f, #111e33);
  background-image: -ms-linear-gradient(top, #1e324f, #111e33);
  background-image: -o-linear-gradient(top, #1e324f, #111e33);
  background-image: linear-gradient(to bottom, #1e324f, #111e33);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 0px;
  color: #ffffff;
  font-size: 20px;
  padding: 12px 20px 10px 20px;
  text-decoration: none;
}

.btn-othergamesa:hover {
  background: #345078;
  background-image: -webkit-linear-gradient(top, #345078, #1c3866);
  background-image: -moz-linear-gradient(top, #345078, #1c3866);
  background-image: -ms-linear-gradient(top, #345078, #1c3866);
  background-image: -o-linear-gradient(top, #345078, #1c3866);
  background-image: linear-gradient(to bottom, #345078, #1c3866);
  text-decoration: none;
}
.btn-sbobet {
  background: #375f97;
  background-image: -webkit-linear-gradient(top, #375f97, #213a64);
  background-image: -moz-linear-gradient(top, #375f97, #213a64);
  background-image: -ms-linear-gradient(top, #375f97, #213a64);
  background-image: -o-linear-gradient(top, #375f97, #213a64);
  background-image: linear-gradient(to bottom, #375f97, #213a64);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 0px;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}
.bcb {
	padding: 7px 20px 8px 20px;
}
.bcc {
	  padding: 11px 20px 12px 20px;
}
 .btn-sbobet:hover {
  background: #3f69a3;
  background-image: -webkit-linear-gradient(top, #3f69a3, #284678);
  background-image: -moz-linear-gradient(top, #3f69a3, #284678);
  background-image: -ms-linear-gradient(top, #3f69a3, #284678);
  background-image: -o-linear-gradient(top, #3f69a3, #284678);
  background-image: linear-gradient(to bottom, #3f69a3, #284678);
  text-decoration: none;
}

.btn-orange {
  background: #f2b61c;
  background-image: -webkit-linear-gradient(top, #f2b61c, #cf8417);
  background-image: -moz-linear-gradient(top, #f2b61c, #cf8417);
  background-image: -ms-linear-gradient(top, #f2b61c, #cf8417);
  background-image: -o-linear-gradient(top, #f2b61c, #cf8417);
  background-image: linear-gradient(to bottom, #f2b61c, #cf8417);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 5px;
  color: #000000;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

.btn-orange:hover {
  background: #ffbf1c;
  background-image: -webkit-linear-gradient(top, #ffbf1c, #e08d19);
  background-image: -moz-linear-gradient(top, #ffbf1c, #e08d19);
  background-image: -ms-linear-gradient(top, #ffbf1c, #e08d19);
  background-image: -o-linear-gradient(top, #ffbf1c, #e08d19);
  background-image: linear-gradient(to bottom, #ffbf1c, #e08d19);
  text-decoration: none;
}
.btn-dropdown {
  background: #00a8c4;
  background-image: -webkit-linear-gradient(top, #00a8c4, #006283);
  background-image: -moz-linear-gradient(top, #00a8c4, #006283);
  background-image: -ms-linear-gradient(top, #00a8c4, #006283);
  background-image: -o-linear-gradient(top, #00a8c4, #006283);
  background-image: linear-gradient(to bottom, #00a8c4, #006283);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 5px;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight: bold;
}

.btn-dropdown:hover {
  background: #00bcd9;
  background-image: -webkit-linear-gradient(top, #00bcd9, #027da6);
  background-image: -moz-linear-gradient(top, #00bcd9, #027da6);
  background-image: -ms-linear-gradient(top, #00bcd9, #027da6);
  background-image: -o-linear-gradient(top, #00bcd9, #027da6);
  background-image: linear-gradient(to bottom, #00bcd9, #027da6);
  text-decoration: none;
}
.caret {
    margin-left: 142px;
}
.open>.dropdown-menu {
    display: block;
    background: rgba(34, 68, 102, 0.73);
    color: #fff;
}
.dropdown-menu>li>a {
    display: block;
    padding: 6px 60px;
    clear: both;
    font-weight: bold;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #08d5ef;
}
.btn-default, .btn-default:visited{
	background: #3bc845; /* Old browsers */
	background: -moz-linear-gradient(top,  #3ccd46 0%, #3bc845 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ccd46), color-stop(100%,#3bc845)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3ccd46 0%,#3bc845 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3ccd46 0%,#3bc845 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3ccd46 0%,#3bc845 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3ccd46 0%,#3bc845 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ccd46', endColorstr='#439943',GradientType=0 ); /* IE6-9 */
	border:none;
	color: #ffffff;
	box-shadow: 2px 2px 4px #000101;
	-webkit-box-shadow: 2px 2px 4px #000101;
	-moz-box-shadow: 2px 2px 4px #000101;
	-o-box-shadow: 2px 2px 4px #000101;
	text-transform:uppercase;
	border-radius: 5px;
	font-size: 15px;
    letter-spacing: 0.5px;
	margin-right:10px;
	width:150px;
	font-weight:bold;
	margin-top: 10px;
    margin-bottom: 10px;
}

.btn{
	padding: 10px 15px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active{
	background: #50b550; /* Old browsers */
	background: -moz-linear-gradient(top,  #50b550 0%, #50b550 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50b550), color-stop(100%,#50b550)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #50b550 0%,#50b550 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #50b550 0%,#50b550 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #50b550 0%,#50b550 100%); /* IE10+ */
	background: linear-gradient(to bottom, #50b550 0%,#50b550 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b550', endColorstr='#50b550',GradientType=0 ); /* IE6-9 */
	color: #fff;
	
}


.btn-primary, .btn-primary:visited{
	background: #439943; /* Old browsers */
	background: -moz-linear-gradient(top,  #439943 0%, #439943 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#439943), color-stop(100%,#439943)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #439943 0%,#439943 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #439943 0%,#439943 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #439943 0%,#439943 100%); /* IE10+ */
	background: linear-gradient(to bottom, #439943 0%,#439943 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439943', endColorstr='#439943',GradientType=0 ); /* IE6-9 */
	border:none;
	color: #fff;
	box-shadow: 2px 2px 4px #000101;
	-webkit-box-shadow: 2px 2px 4px #000101;
	-moz-box-shadow: 2px 2px 4px #000101;
	-o-box-shadow: 2px 2px 4px #000101;
	text-transform:uppercase;
	border-radius: 5px;
	font-size: 15px;
    letter-spacing: 0.5px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
	background: #50b550; /* Old browsers */
	background: -moz-linear-gradient(top,  #50b550 0%, #50b550 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50b550), color-stop(100%,#50b550)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #50b550 0%,#50b550 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #50b550 0%,#50b550 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #50b550 0%,#50b550 100%); /* IE10+ */
	background: linear-gradient(to bottom, #50b550 0%,#50b550 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b550', endColorstr='#50b550',GradientType=0 ); /* IE6-9 */

}

.btn-second, .btn-second:visited{
	background: #f2b61c; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2b61c 0%, #cf8417 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2b61c), color-stop(100%,#cf8417)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2b61c 0%,#cf8417 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2b61c 0%,#cf8417 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2b61c 0%,#cf8417 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2b61c 0%,#cf8417 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b61c', endColorstr='#cf8417',GradientType=0 ); /* IE6-9 */
	border:none;
	color: #fff;
	box-shadow: 2px 2px 4px #000101;
	-webkit-box-shadow: 2px 2px 4px #000101;
	-moz-box-shadow: 2px 2px 4px #000101;
	-o-box-shadow: 2px 2px 4px #000101;
	text-transform:uppercase;
	border-radius: 5px;
	font-size: 15px;
    letter-spacing: 0.5px;
	margin-right : 0px;
	width:150px;
	font-weight:bold;
	margin-top: 10px;
    margin-bottom: 10px;
}

.btn-second:hover, .btn-second:focus, .btn-second:active{
	background: #ec9c18; /* Old browsers */
	background: -moz-linear-gradient(top,  #ec9c18 0%, #ec9c18 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec9c18), color-stop(100%,#ec9c18)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec9c18 0%,#ec9c18 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec9c18 0%,#ec9c18 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec9c18 0%,#ec9c18 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ec9c18 0%,#ec9c18 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9c18', endColorstr='#ec9c18',GradientType=0 ); /* IE6-9 */
	margin-right : 0px;
	color:#fff;

}

.content{
	background: url("../img/maintenance.jpg") 0% 0% no-repeat ;
}

.content .row{
	position:relative;
}

.image-girl{
    margin: 75px auto 45px auto;
}

.image-text{
	position: absolute;
    top: 0px;
    right: 45px;
}
.bca {
	padding: 10px 10px;
	margin: 5px 0px; 
	border-radius: 5px;
}
.new-promo .title{	
	background: #05330f; /* Old browsers */
	background: -moz-linear-gradient(top,  #05330f 0%, #05330f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05330f), color-stop(100%,#05330f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #05330f 0%,#05330f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #05330f 0%,#05330f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #05330f 0%,#05330f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #05330f 0%,#05330f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05330f', endColorstr='#05330f',GradientType=0 ); /* IE6-9 */
	color: #fde200;
    font-size: 22px;
    text-transform: uppercase;
    padding: 10px 15px;
    height: 45px;
	text-align: center;
	font-weight: bold;
	padding: 8px 0px;
}

#butbut2 {
		display: none;
		text-align: center;
	}
.new-promo {
	width: 100%;;
}
.new-promo .title img{
	vertical-align: top;
    margin-right: 10px;
}

.new-promo > table{
	width:100%;
	border-top: #05330f solid 4px;
}

.new-promo > table tr td{
	padding:10px;
	color:#616161;
}

.new-promo > table tr:nth-child(even){
	background: #439943;
	
}

.new-promo > table tr:nth-child(odd){
	background: #338233;
	
}
.line {
    width: 100%;
    background: #fff;
    height: 40px;
}
.mobile {
	display: none;
}
.tanggal {
	    width: 30%;
    float: left;
	    margin: auto;
    padding: 9px 13px;
	color: #b4feb9;
	font-weight: bold;
    font-size: 12px;
}
.info {
	    width: 70%;
    float: left;
	    margin: auto;
    padding: 9px 0px;
}
.cycle-slide {
	width:100%;
}
.date{
	color:#b4feb9;
	font-weight:bold;
}

.official-text{
	margin-top:10px;
	
}

.register-now{
	margin-top: 0px;
    color: #fff;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 5px;
	margin-top: 8px;
}

.register-now:hover{
	color:#fff;	
}

.line-footer{
	width: 100%;
	padding-top: 10px;
    padding-bottom: 10px;
    background: #020504;
}

.footer{
	background:#101010;
	padding: 30px 0px;
	color: #abaaaa;
	font-size:12px;
	
}
.line-bawah {
	background:#000000;
	padding: 30px 0px;
	color: #abaaaa;
	font-size:12px;
}


@media (max-width: 1200px){
	.image-girl{
		margin-left: 0px;
	}

	.official-text {
		margin-top: 25px;
	}
	
	
	
}

@media (max-width: 992px) {
	
	.header{
		padding: 25px 0px;
	}
	
	.image-girl{
	margin: 20px;
	}
.logoplace {
	margin-right: 0px;
	margin-bottom: 60px;
}
.image-text {
    top: -40px;
    width: 430px;
    left: 350px;
}
img.image-lala {
    width: 100%;
}
	.official-text img{
		width:72%;
	}
	
	.register-now{
		width:72%;	
	}
	
	.new-promo .title{
		width: 100%;
		height: 35px;
		font-size: 15px;
	}
	
	.new-promo .title img{
		width: 20px;
		    margin-bottom: 5px;
    margin-top: -7px;
	}
	
	.new-promo .title::after{
		height: 35px;
	}
	
	.new-promo > table{
		font-size: 12px;
		font-weight:bold;
	}
	
	.new-promo > table tr td{
		padding: 7px;
	}
	.line-bawah {
		text-align: center;
	}
	#butbut {
		display: none;
	}	
	#butbut2 {
		display: block;
		padding: 0px 0px 0px 15px;
	}
	.left {
		float:none;
	}
	.right {
		float:none;
		margin:20px 0px 0px 0px;
	}
}

@media (max-width: 768px){	
	.header {
		padding: 15px 0px;
	}
	.col-sm-8 {
    width: 100%;
}
	.official-text {
		margin-top: 350px;
	}
	.header .pull-right{
		display:none;
	}
	
	.header .pull-left{
		float:none !important;
	    text-align: center;
	}
		.image-girl img{
		width:100%;
	}
	.mobile {
	display: block;
}
	.content{
		background: url("../img/maintenance.jpg") top center no-repeat;
		background-color: #050d11;
		padding-bottom:40px;
		    background-size: 100%;
	}
	#butbut2 {
		display: block;
		padding: 0px 0px 0px 0px;
	}
	.image-girl, .btn-nonmobile{
    display: block;
    width: 100%;
    text-align: center;
    margin: 40px 0px;
	}
	.open>.dropdown-menu {
    display: block;
    background: rgba(34, 68, 102, 0.73);
    color: #fff;
    width: 100%;
}
	.image-mobile, .btn-mobile, .play-mobile{
		display:block;
	}
	.image-logo{
		width: 100%;
	}
	.image-text{
		display:none;
		position:relative;
		width:100%;
		right:0;
		text-align:center;
		margin-top:15px;
	}
	.line-footer {
		display: block;
	}
	.official-text img{
		width:auto;
	}
	
	.register-now{
		width:100%;
	}
	
	
	.play-mobile{
		border-radius: 5px;
		color: #fff;
		padding: 10px 15px;
		margin-top: 15px;	
	}
	
	.play-now, .play-now:hover {
		margin-top: 15px;
		color: #fff;
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 5px;
	}
	
	.new-promo > table tr td:nth-child(1){
		text-align:center;
	}
	
	.new-promo > table tr:nth-child(4), .new-promo > table tr:nth-child(5){
		display:none;
		
	}
	
	.new-promo > table{
		text-align: left;
	}
	
	.footer{
		padding: 15px 0px;
		text-align: center;
	}
	
	.footer img{
		margin-bottom:10px;
	}
	
	
	
}

	
.container, .container-fluid { 
	width: 1000px;
	height: 700px;
	background: #00000;
}