/* Theme Name: BOLABET Bootstrap Theme v3 */


@font-face {
    font-family: 'latosemibold';
    src: url('fonts/lato-semibold-webfont.eot');
    src: url('fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('fonts/lato-semibold-webfont.woff') format('woff'),
         url('fonts/lato-semibold-webfont.ttf') format('truetype'),
         url('fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('fonts/lato-medium-webfont.eot');
    src: url('fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-medium-webfont.woff2') format('woff2'),
         url('fonts/lato-medium-webfont.woff') format('woff'),
         url('fonts/lato-medium-webfont.ttf') format('truetype'),
         url('fonts/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato-black-webfont.eot');
    src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-black-webfont.woff2') format('woff2'),
         url('fonts/lato-black-webfont.woff') format('woff'),
         url('fonts/lato-black-webfont.ttf') format('truetype'),
         url('fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoheavy';
    src: url('fonts/lato-heavy-webfont.eot');
    src: url('fonts/lato-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('fonts/lato-heavy-webfont.woff') format('woff'),
         url('fonts/lato-heavy-webfont.ttf') format('truetype'),
         url('fonts/lato-heavy-webfont.svg#latoheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('fonts/HelveticaNeueLTCom-Roman.eot');
    src: url('fonts/HelveticaNeueLTCom-Roman.eot?#iefix') format('embedded-opentype'),
	     url('fonts/HelveticaNeueLTCom-Roman.woff2') format('woff2'),
         url('fonts/HelveticaNeueLTCom-Roman.woff') format('woff'),
         url('fonts/HelveticaNeueLTCom-Roman.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTCom-Roman.svg#HelveticaNeueRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaltstd-boldcond';
    src: url('fonts/HelveticaLTStd-BoldCond.eot');
    src: url('fonts/HelveticaLTStd-BoldCond.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaLTStd-BoldCond.woff2') format('woff2'),
         url('fonts/HelveticaLTStd-BoldCond.woff') format('woff'),
         url('fonts/HelveticaLTStd-BoldCond.ttf') format('truetype'),
         url('fonts/HelveticaLTStd-BoldCond.svg#helveticaltstd-boldcond') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* start top header & toto */
#top-header {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:#2379c6;
	z-index:500;
}
.llogo img {
	display:block;
}
.txt-toto-info {
	color:#fff;
	font-family:'latobold';
	font-size:14px;	
	text-transform:uppercase;
	margin:20px 0 0 0;
	text-align:right;
}
span.ylw {color:#f5d337;}
.txt-hasil-toto-info {
	color:#fff;
	font-family:'helveticaltstd-boldcond';
	font-size:38px;	
	text-transform:uppercase;
	margin:13px 0 0 0;
}
.txt-hasil-toto-info a {
	text-decoration:none;
    color:#fff;
}
.txt-hasil-toto-info a:hover {color:#f5d337!important;}


@media (max-width: 767px) {
	#top-header {
		padding-bottom:0px;
	}
	.llogo img {
		clear:both;
		display:block;
		margin:0 auto;
	}
}
/* end top header & toto */

/* start home navigation */
#wrap-nav {
	clear:both;
	float:left;
	display:inline;
	width:100%;	
}
.navbar-default {
  background-color: nones;
  margin-bottom:0px;
  border-bottom:0;
  padding-bottom:0px;
}
.navbar-default .navbar-brand {
  color: #fff;
  margin-bottom:0px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f5d337;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #f5d337;
}
.navbar-default .navbar-nav > li:first-child {
	margin-left:-20px;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-family: 'latobold';
  font-size:13px;
  text-transform:uppercase; 
  transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f5d337;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f5d337;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd!important;
  border:0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f5d337!important;
  color:#fff!important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #0189d3;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
  border:0px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f5d337;
  background-color: #2379c6!important;
}
@media (max-width: 767px) {
  .navbar-default {
	  background-color:#2379c6;
  }
  .navbar-default .navbar-brand {
     margin-bottom:20px;
  }	
  .navbar-default .navbar-nav > li:first-child {
	margin-left:0px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	  color: #fff!important;
	  background-color: #2379c6!important;
	  font-family: 'latosemibold';
	  font-size:13px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f5d337;
	background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f5d337;
	background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #777;
    background-color: transparent;
  }
}
/* end home navigation */

/* start regis */
.wrapreg {
	display:block;
}
.txtreg {
	display:block;
	font-family:'latoregular';
	font-size:10px;
	color:#d9e1e6;
	line-height:30px;
	text-transform:uppercase;
	text-align:right;
	padding-top:5px;
}
.btn-reg {
	clear:both;
    text-transform: uppercase;
    font-family: 'latobold';
    color: #fff;
	font-size:13px;
    background-color: #d22121;
	padding:3px 12px 4px 12px;
	border-radius:0px!important;
	margin-top:5px;
}

.btn-reg:hover,
.btn-reg:focus,
.btn-reg:active,
.btn-reg.active,
.open .dropdown-toggle.btn-reg {
    color: #fff;
    background-color: #f00!important;
	transition: .3s ease-in-out;
}

.btn-reg:active,
.btn-reg.active,
.open .dropdown-toggle.btn-reg {
    background-image: none;
}
@media (max-width: 767px) {
	.txtreg {
		text-align:center;
	}
	.btn-reg {margin:0 auto;}
	.text-btn {text-align:center;}
}

/* end regis */

/* start home navigation 2 */
#wrapnav2 {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:#428ed9;
}
#wrapnav2 .wnv2-inline {
  padding-left: 0;
  margin-left: 0px;
  list-style: none;
}
#wrapnav2 .wnv2-inline > li {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:10px;
}
#wrapnav2 .wnv2-inline > li:last-child {
  border-right:0px;
}
#wrapnav2 .wnv2-inline > li > a {
    color:#f5d337!important;
	text-decoration:none;
	font-family:'latoregular';
	font-weight:normal;
	font-size:14px;
}
#wrapnav2 .wnv2-inline > li > a:hover,
#wrapnav2 .wnv2-inline > li > a.active,
#wrapnav2 .wnv2-inline > li > .active,  
#wrapnav2 .wnv2-inline > li > .active > a,
#wrapnav2 .wnv2-inline > li > .active > a:hover,
#wrapnav2 .wnv2-inline > li > .active > a:focus {
	color: #fff!important; 
	transition: .3s ease-in-out;
}
/* end home navigation 2*/

/* start contact */
.kkontak div {
	padding: 8px 0 10px 0;
}
.kkontak .licon {
	padding:2px 5px 0 0;
}
.kkontak .licon img {
	padding:0;
	margin:0;
}
.kkontak .ltext {
	padding:0px 0px 0 2px;
	color:#fff;
	text-transform:uppercase;
	line-height:25px;
	font-family: 'latoregular';
	font-size:10px!Important;	
}
.kkontak .ltext span {
    color:#f2cb3c;
}
/* end contact */

/* start slide */
#isislide {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:#2379c6;
}

.btn-play {
	clear:both;
    text-transform: uppercase;
    font-family: 'latosemibold';
    color: #fff;
	font-size:16px;
	line-height:30px;
    background-color: #0189d3;
	width:100%;
	height:42px;
	border-radius:3px!important;
	max-width:50%;
}

.btn-play:hover,
.btn-play:focus,
.btn-play:active,
.btn-play.active,
.open .dropdown-toggle.btn-play {
    color: #fff;
    background-color: #f00!important;
	transition: .3s ease-in-out;
}

.btn-play:active,
.btn-play.active,
.open .dropdown-toggle.btn-play {
    background-image: none;
}
@media (max-width:767px) {
	.kkontak .ltext {
		text-align:left;
	}
	#wrapnav2 .wnv2-inline {
		text-align:center;
	}
}
/* end slide */

/* start info text */
#wrapinfo {
	clear:both;
	float:left;
	display:inline;
	width:100%;
}
#wrapinfo .txt-info {
	position:relative;
	z-index:890;
	margin-top:-28px;
	padding-bottom:0px;
		font-family:'latoregular';
	font-size:13px;
}
.tickercontainer { /* the outer div with the black border */
	max-width: 938px; 
	height: 27px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 0px;
	max-width: 918px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 950px;
	font-family:'latoregular';
	font-size:13px;
	color:#fff;
	text-shadow:1px 1px 2px #aaa;
	line-height:26px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left;/* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;	
	margin: 0 50px 0 0!important;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #fff;
	font-family:'latoregular';
	font-size:13px;
	margin: 0 50px 0 0!important;
} 
ul.newsticker a:hover {
	color: #f5d337;
} 
ul.newsticker span {
	/*margin: 0 10px 0 0;*/
	float:left;
	clear:left;
	color:#eee;
}
@media (max-width:767px) {
	#wrapinfo .txt-info {
		line-height:20px;
		margin-top:0px;
	}
}
/* end info text */

/* start match */
#wrapmatch {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:#428ed9;
	min-height:30px;
}
#wrapmatch .txt-wrpmatch {
	text-align:center;
	font-family:'latoregular';
	font-size:13px;
	color:#fff;
	line-height:30px;
	text-transform:uppercase;
	padding:0;
}
@media (max-width: 767px){
	#wrapmatch .txt-wrpmatch {
		line-height:26px;
	}
}
/* end match */

/* start games */
#wrapgames {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}
#wrapgames .block-wrpgms {
	clear:both;
	margin-bottom:20px;
	position:relative;
	z-index:155;
	padding-bottom:0px;
}
#wrapgames .block-wrpgms .title-wrpgms {
	font-family: 'latobold';
	font-size:13px;
	text-transform: uppercase;
	text-align:center;
	color: #fff;
	font-weight:500;
}
#wrapgames .block-wrpgms .cont-wrpgms {
	clear:both;
	margin-top:10px;
}
#wrapgames .block-wrpgms .cont-wrpgms a {
	text-decoration:none;
	color:#fff;
	transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
}
#wrapgames .block-wrpgms .cont-wrpgms a:hover {
	color:#f2cb3c;
}
#wrapgames .block-wrpgms img {
	cursor:pointer;
	border:none!important;
} 
.wrap700 {
	clear:both;
	max-width:700px;
	margin:0 auto;
}
#wrapgames .block-wrpgms .cont-wrpgms .ddownload div {
	padding: 12px 0 10px 0;
}
#wrapgames .block-wrpgms .cont-wrpgms .ddownload .dicon {
	padding:2px 5px 0 0;
}
#wrapgames .block-wrpgms .cont-wrpgms .ddownload .dicon img {
	padding:0;
	margin:0;
}
#wrapgames .block-wrpgms .cont-wrpgms .ddownload .dtext {
	padding:0px 0px 0 2px;
	color:#f2cb3c;
	text-transform:uppercase;
	line-height:20px;
	font-family: 'latomedium';
	font-size:11px;	
}
#wrapgames .block-wrpgms .cont-wrpgms .ddownload .dtext a {
	text-decoration:none;
	color:#f2cb3c!important;
}
#wrapgames .block-wrpgms .cont-wrpgms .ddownload .dtext a:hover {
    color:#fff!important;
}
#wrapgames .wrpgms-txt {
	clear:both;
	display:block;
	padding:12px 34px;
}
#wrapgames .wrpgms-txt h5 {
	font-family:'latobold';
	font-size:14px;
	color:#f5d337!important;
	line-height:30px;
	margin-left:0px!important;
}
#wrapgames .wrpgms-txt p.wg {
	font-family:'latomedium';
	font-size:13px;
	color:#fff;
	line-height:20px;
	padding-bottom:20px;
}
#wrapgames .wrpgms-txt p.wg a {
	color:#f2cb3c!important; 
	text-decoration:none;
}
#wrapgames .wrpgms-txt p.wg a:hover {
	text-decoration:underline;
}
@media (max-width: 767px) {
	#wrapgames .block-wrpgms {
		margin-top:0px;
		margin-bottom:20px;
	}
	#wrapgames .block-wrpgms .cont-wrpgms .ddownload .dicon .alignright {
		text-align:left;
	}
}

/* end games */

/* start bank */
.grs-bts {
	clear:both;
	display:block;
	width:100%;
	height:1px;
	background:url(images/icons/grs-bts.png) top center no-repeat;
	margin-top:30px;
	margin-bottom:20px;
}
.title-bnk-jdwl {
	font-family:'latoregular';
	font-size:13px;
	line-height:30px;
	color:#fff;
	text-transform:uppercase;
}
.cont-bnk-jdwl {
	font-family:'latoregular';
	font-size:13px;
	line-height:20px;
	color:#f2cb3c!important;
	margin-bottom:20px;
}
@media (max-width: 767px) {
	.title-bnk-jdwl {
		text-align:center;
	}
	.cont-bnk-jdwl {
		text-align:center;
	}
}
/* end bank */

/* about */

/* end about */

/* start footer */
#wrapfooter {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:#f2cb3c;
}
#wrapfooter .copyright {
	font-family:'latoregular';
	font-size:13px;
	color:#5c5c5c;
	text-align:right;
	margin-top:12px;
	margin-bottom:10px;
}
#wrapfooter .footnav {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
#wrapfooter .footnav > li {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:12px;
  border-right:1px solid #5c5c5c;
}
#wrapfooter .footnav > li:last-child {
  border-right:0px
}
#wrapfooter .footnav > li > a {
    color:#5c5c5c!important;
	text-decoration:none;
	font-family:'latoregular';
	font-size:12px;
}
#wrapfooter .footnav > li > a:hover,
#wrapfooter .footnav > li > .active a,
#wrapfooter .footnav > li > a.active { 
	color: #000!important; 
	text-decoration:underline;
}
#livebox {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
@media (max-width: 767px) {
	#wrapfooter {
		text-align:center;
	}
	#wrapfooter .copyright {text-align:center;}
	#wrapfooter .footnav > li {
		margin-top:5px;
	}
}
/* end footer */


/* start pages */
#mainpages {  
	float:left;
	display:inline;	
	clear:both;
	width:100%;
	margin-top:0px;
	padding-bottom:20px;
	background:#3181d0;
}
#mainpages h1, h3, h5 {
    font-family: 'latoheavy';
    color: #fff!important;    
	margin:30px 0 20px 20px;
}
#mainpages h2, h4, h6 {
    font-family: 'latoheavy';
    color: #fff!important; 
	margin:30px 0 20px 20px;
}
.bgbiru {}
#mainpages h1 { font-size: 4em;}
#mainpages h2 { font-size: 3em;}
#mainpages h3 { font-size: 2em;}
#mainpages h4 { font-size: 1.3em; margin-bottom:0;}
#mainpages h5 { font-size: 0.75em; }
#mainpages h6 { font-size: 16px; margin:0;}
#mainpages p {    
    line-height:20px;  
	font-family: 'latomedium';
	font-size:14px;    
	color:#fff;
	padding:0px 20px 20px 20px;
	margin-top:10px;
}
#mainpages p.big {
	font-size:16px;
}
#mainpages p strong {
	font-family: 'latobold'!important;
	font-weight:700;
}

#mainpages ul.ceklist {
   list-style-image: url('images/icons/bulet.png');
}
#mainpages ul li, ol li {
	color:#eee;
	line-height: 25px;    
	font-family: 'latoregular';
	font-size:12px;    
}

.wrap980 {
	clear:both;
	max-width:980px;
	margin:0 auto;
}
#mainpages a {
    color: #f2cb3c; 
    text-decoration:none;
	transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;	
}
#mainpages a:hover, #mainpages .active a, #mainpages a.active {
	color:#fff!important;    
}
#mainpages .list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
#mainpages .list-inline > li {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:8px;
  border-right:1px solid #fed175;
}
#mainpages .list-inline > li:last-child {
  border-right:0px
}
#mainpages .list-inline > li > a {
    color:#f2cb3c!important;
	text-decoration:none;
	font-family:'arial';
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
}
#mainpages .list-inline > li > a:hover,
#mainpages .list-inline > li > .active a,
#mainpages .list-inline > li > a.active { 
	color: #fff!important; 
	text-decoration:underline;
}

/* general */
.form-control-2 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #fff;
  background-color: #363636;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  font-family:'arial';
}
.form-control-2:focus {
  border-color: #333;
  outline: 0;/*
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
}
.form-control-2::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control-2:-ms-input-placeholder {
  color: #999;
}
.form-control-2::-webkit-input-placeholder {
  color: #999;
}
.form-control-2[disabled],
.form-control-2[readonly],
fieldset[disabled] .form-control-2 {
  background-color: #eee;
  opacity: 1;
}
.form-control-2[disabled],
fieldset[disabled] .form-control-2 {
  cursor: not-allowed;
}

.form-control-small {
  display: block;
  width: 100%;
  height: 26px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #1a2224;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  margin-bottom:10px;
}
.form-control-small:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control-small::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control-small:-ms-input-placeholder {
  color: #999;
}
.form-control-small::-webkit-input-placeholder {
  color: #999;
}
.form-control-small[disabled],
.form-control-small[readonly],
fieldset[disabled] .form-control-small {
  background-color: #eee;
  opacity: 1;
}
.form-control-small[disabled],
fieldset[disabled] .form-control-small {
  cursor: not-allowed;
}
textarea.form-control-small {
  height: auto;
}
.no-bor-rad {
	border-radius:0px;
}
.mtmin15 {margin-top:-15px;}

.img-full {
    min-width: 100%;	
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}
.img-left {
    float: none;
    margin: 0 auto 0;
}
.no-bor-rad {
	border-radius:0px;
}
.mt100 { margin-top:100px;}
.mt80 { margin-top:80px; }
.mt70 { margin-top:70px; }
.mt60 { margin-top:60px; }
.mt50 { margin-top:50px; }
.mt40 { margin-top:40px; }
.mt36 { margin-top:36px; }
.mt35 { margin-top:35px; }
.mt30 { margin-top:30px; }
.mt25 { margin-top:25px; }
.mt20 { margin-top:20px; }
.mt15 { margin-top:15px; }
.mt10 { margin-top:10px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px; }
.mt6 { margin-top:6px; }
.mtmin10 { margin-top:-10px;}
.mtmin20 { margin-top:-20px;}
.mbmin10 { margin-bottom:-10px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}
.mb90 { margin-bottom:90px;}
.zero1 { padding:0; }
.zero2 { padding:0; margin:0; }
.zero5 { padding-left:0;padding-right:5px;}
.zero5a { padding-left:5px; padding-right:0;}
.zero3 { padding:3px;}
.zero4 { padding:4px;}
.zero5x {padding:5px;}
.zero10 { padding-left:10px;padding-right:10px;}
.zeroleft { padding-left:0;}
.zeroright { padding-right:0;}
.fade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}


/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
/* end center columns */

/* page jadwal pertandingan */
#jtanding {
	width:100%;
	margin:20px 0;
}
#jtanding tr th {
	padding:5px 10px;
	border:1px solid #555;
	border-right:1px solid #555;
	background:#f5d337;
	color:#111;
	text-transform:uppercase;
	font-family:'latobold';
	font-size:16px;
	line-height:30px;
	text-align:center;
	
}
#jtanding tr th:first-child {
	border-left:1px solid #555!important;
}
#jtanding tr td {
	font-size:13px;
	font-family:'latomedium';
	padding:5px 10px;
	border-top:none;
	color:#222;
	line-height:20px;	
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	background:#eee;
}
#jtanding tr td span.tebsal {color:#504362;}
#jtanding tr td:first-child {
	border-left:1px solid #555!important;
}
#jtanding tr td:last-child {
	border-right:1px solid #555;
	
}
#jtanding tr:nth-child(odd) td {
	background: #cfcfcf;
}

/* end jadwal pertandingan */

/* login & regis */
.modal-header {
	padding-bottom:0px!important;
}
.modal-header h4 {
	margin-top:0px;
	margin-bottom:5px!important;
	font-family:'proxima_nova_ltsemibold';
}
.modal-header p {
	text-align:center;
	font-family:'proxima_nova_rgregular'!important;
	font-size:13px!important;
	line-height:20px!important;
	color:#46525e!important;
}
.modal-body label {
	font-family:'proxima_nova_rgregular'!important;
	font-size:13px!important;
	color:#46525e!important;
	font-weight:normal;
}
.modal-footer p {
	font-family:'proxima_nova_rgregular'!important;
	font-size:13px!important;
	color:#46525e!important;
	font-weight:normal;
}

.btn-login {
    border-color: #252a33;
    text-transform: uppercase;
    font-family: 'proxima_nova_ltsemibold';
    color: #fff!important;
    background-color: #252a33;
	border-radius:3px!important;
	font-size:13px;
	margin-top:10px;
	height:50px;
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login.active,
.open .dropdown-toggle.btn-login {
    border-color: #46525e;
    color: #fff!important;
    background-color: #46525e;
	transition: .3s ease-in-out;
}

.btn-login:active,
.btn-login.active,
.open .dropdown-toggle.btn-login {
    background-image: none;
}
/* end login & regis */

/* tebak hasil */
.btn-win {
    border-color: #252a33;
    text-transform: uppercase;
    font-family: 'proxima_nova_ltsemibold';
    color: #fff!important;
    background-color: #252a33;
	border-radius:5px!important;
	font-size:18px;
	padding-left: 50px;
	padding-right:50px;
}

.btn-win:hover,
.btn-win:focus,
.btn-win:active,
.btn-win.active,
.open .dropdown-toggle.btn-win {
    border-color: #08d9d6;
    color: #fff!important;
    background-color: #08d9d6;
	transition: .3s ease-in-out;
}

.btn-win:active,
.btn-win.active,
.open .dropdown-toggle.btn-win {
    background-image: none;
}

.btn-block2 {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.btn-high {
    border-color: #fff;
    text-transform: uppercase;
    font-family: 'proxima_nova_ltsemibold';
    color: #fff!important;
    background-color: none;
	border-radius:5px!important;
	font-size:19px;
	padding-left: 50px;
	padding-right:50px;
	margin-top:20px;
}

.btn-high:hover,
.btn-high:focus,
.btn-high:active,
.btn-high.active,
.open .dropdown-toggle.btn-high {
    border-color: #08d9d6;
    color: #fff!important;
    background-color: #08d9d6;
	transition: .3s ease-in-out;
}

.btn-high:active,
.btn-high.active,
.open .dropdown-toggle.btn-high {
    background-image: none;
}
/* end tebak hasil */

span.red {color:#f00;line-height:16px;}
span.wht {color:#fff;}
span.abu {color:#46525e;}
span.wht1 {color:#fff; font-size:18px; }


@media (max-width: 767px){
	#mainpages .wrapliga { 
		margin-top:40px;
	}
	#mainpages .wrapligafooter img {
		margin-top:20px;
		margin-bottom:20px;
	}
	#mainpages p {font-size:13px;}
	#mainpages ul.footernav > li > a {
		font-size:13px;
	}
	
	#wrapfooter .list-inline {
		text-align:center;
	}
	
}

/* slide contact */
.slide-out-div {
  padding: 5px;
  width: 57px;
  background: #1b1b1b;
  z-index:777;
  height:296px;
}

.slide-out-div .skype {
	background:url(images/contact/wrap-skype.png) no-repeat;
	width:126px;
	height:29px;
	margin:0 auto;
	margin-top:2px;
}
.slide-out-div .bbm {
	background:url(images/contact/wrap-bbm.png) no-repeat;
	width:126px;
	height:29px;
	margin:0 auto;
	margin-top:2px;
}
.slide-out-div .line {
	background:url(images/contact/wrap-line.png) no-repeat;
	width:126px;
	height:29px;
	margin:0 auto;
	margin-top:2px;
}
.slide-out-div .wechat {
	background:url(images/contact/wrap-wechat.png) no-repeat;
	width:126px;
	height:29px;
	margin:0 auto;
	margin-top:2px;
}
.slide-out-div .phone {
	background:url(images/contact/wrap-phone.png) no-repeat;
	width:126px;
	height:29px;
	margin:0 auto;
	margin-top:2px;
}
.slide-out-div .phone2 {
	background:url(images/contact/wrap-phone2.png) no-repeat;
	width:126px;
	height:29px;
	margin:0 auto;
	margin-top:2px;
}

.slide-out-div .livechat a {
	display:block;
	width:126px;
	height:29px;
	margin:0 auto;
	margin-top:2px;
	cursor:pointer;
}
.slide-out-div .livechat a.lc {
	background:url(images/contact/wrap-livechat.png) no-repeat left top;
	border:none;
}
.slide-out-div .skype .txt1,
.slide-out-div .bbm .txt1,
.slide-out-div .line .txt1,
.slide-out-div .wechat .txt1,
.slide-out-div .phone .txt1,
.slide-out-div .phone2 .txt1 {
	padding-left:30px;
	line-height:26px;
	color:#222;
	font-family:arial;
	font-weight:600;
	font-size:12px;
}
/* end slide contact */