/* Theme Name: BOLABET Bootstrap Theme v3 */
@font-face {
    font-family: 'exo2reg';
    src: url('fonts/exo2-regular.eot');
    src: url('fonts/exo2-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo2-regular.woff2') format('woff2'),
         url('fonts/exo2-regular.woff') format('woff'),
         url('fonts/exo2-regular.ttf') format('truetype'),
         url('fonts/exo2-regular.svg#exo2reg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo2semibold';
    src: url('fonts/exo2-semibold.eot');
    src: url('fonts/exo2-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo2-semibold.woff2') format('woff2'),
         url('fonts/exo2-semibold.woff') format('woff'),
         url('fonts/exo2-semibold.ttf') format('truetype'),
         url('fonts/exo2-semibold.svg#exo2semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@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;
}

@font-face {
    font-family: 'RobotoReg';
    src: url('fonts/roboto-regular.eot');
    src: url('fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular.woff2') format('woff2'),
         url('fonts/roboto-regular.woff') format('woff'),
         url('fonts/roboto-regular.ttf') format('truetype'),
         url('fonts/roboto-regular.svg#roboto-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.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;}
.pt20{padding-top:10px;}
.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 */

/* start top header & toto */
#top-header {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	/*background:#2379c6;*/
	
	z-index:800;
}

.wrapper{
	background:url('images/bg/content-bg.png') repeat;
	/*background:#233863;*/
	width:980px;
	margin:0 auto;
}

.wrappage{
	/*margin:0 30px;
	background:red;*/
	margin:0 10px;
}

.llogo img {
	display:block;
}

@media (max-width: 767px) {
	#top-header {
		padding-bottom:0px;
	}
	.llogo img {
		clear:both;
		display:block;
		
	}
	
	.wrapper{
		width:100%;
	}
}
/* 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: #374b76;
}
.navbar-default .navbar-text {
  color: #f5d337;
}
.navbar-default .navbar-nav > li{
	
}
.navbar-default .navbar-nav > li:first-child {
	margin-left:-20px;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-family: 'exo2semibold';
  font-size:14px;
  background:#374b76;
  margin:0 5px;
  text-transform:uppercase; 
  transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
	 transform: skewX(-30deg);	
         -o-transform: skewX(-30deg);
       -moz-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
	transform-origin: top;
	/* Zentriert den Inhalt */
	display: flex;
	justify-content: center;
}

.navbar-default .navbar-nav > li > a span{
	 transform: skewX(30deg);	
         -o-transform: skewX(30deg);
       -moz-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
	
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #e0b53d;
  background-color: #374b76;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #e0b53d;
  background-color: #374b76;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: #374b76;
}
.navbar-default .navbar-toggle {
  border-color: #ddd!important;
  border:0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #e0b53d!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: #e0b53d;
  background-color: #2379c6!important;
}
.navbar-default .navbar-brand {
	padding:0;
}
@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: 'exo2semibold';
	  font-size:13px;
	  
  }
  .navbar-default .navbar-nav > li > a {
	  margin:0;
	   transform: none;	
         -o-transform:none;
       -moz-transform:none;
    -webkit-transform: none;
	
  }
  .navbar-default .navbar-nav > li > a span{
	 transform: none;	
         -o-transform:none;
       -moz-transform:none;
    -webkit-transform: none;
}
  
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e0b53d;
	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: #e0b53d;
	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 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;
}
.wnv2-inline > li {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:10px;
}
.wnv2-inline > li:last-child {
  border-right:0px;
}
.wnv2-inline > li > a {
    color:#f5d337!important;
	text-decoration:none;
	font-family:'latoregular';
	font-weight:normal;
	font-size:14px;
}
.wnv2-inline > li > a:hover,
.wnv2-inline > li > a.active,
.wnv2-inline > li > .active,  
.wnv2-inline > li > .active > a,
.wnv2-inline > li > .active > a:hover,
.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;
}
.licon {
	padding:2px 5px 0 0;
}
.licon img {
	padding:0;
	margin:0;
}
.ltext {
	padding:0px 0px 0 2px;
	color:#fff;
	text-transform:uppercase;
	line-height:25px;
	font-family: 'RobotoReg';
	font-size:12px;	
}
.ltext span {
    color:#fff;
}
/* end contact */

/* start regis */
.wrapreg {
	display:block;
}
.txtreg {
	display:block;
	font-family:'latoregular';
	font-size:10px;
	color:#9d9c9f;
	line-height:30px;
	text-transform:uppercase;
	
	padding-top:5px;
}
.btn-reg {
	clear:both;
    text-transform: uppercase;
    font-family: 'exo2semibold';
    color: #feffff;
	font-size:14px;
    background-color: #d23939;
	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) {
	.wrapreg{
		margin-bottom:10px;
	}
	.txtreg {
		text-align:center;
	}
	.btn-reg {margin:0 auto;}
	.text-btn {text-align:center;}
}

/* end regis */

/* start info text */
#wrapinfo {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	
}
#wrapinfo .wrapper{
	padding:0 25px;
}
#wrapinfo .txt-info {
	position:relative;
	z-index:890;
	background:#31405f;
	padding-bottom:0px;
	font-family:'latoregular';
	
	font-size:13px;
	margin:0 20px;
	margin-top:20px;
	margin-bottom:15px;
	padding:3px 5px 3px 0;
}
#wrapinfo .txt-info span{
	padding-top:6px;
	color:#5a728e;
	font-weight:bold;
}
.bgblue {background:#31405f;}
.tickercontainer { /* the outer div with the black border */
	max-width: 938px; 
	height: 27px; 
	margin: 3px 0; 
	padding: 0;
	background:black;
	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: 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: #e0b53d;
	font-family:'latoregular';
	font-size:13px;
	margin: 0 50px 0 0!important;
} 
ul.newsticker a:hover {
	color: #9d9c9f;
} 
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;
	}
	.tickercontainer {margin-left:5px;}
}
/* end info text */

/*start link*/
#wraplink{
	clear:both;
	float:left;
	width:100%;
}

#link {
  padding-left: 0;
  margin-left: 0px;
  list-style: none;
}
#link > li {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:10px;
  text-align:center;
}
#link > li:last-child {
  border-right:0px;
}
#link > li > a {
    color: #9d9c9f;
	text-decoration:none;
	font-family:'latoregular';
	font-weight:normal;
	font-size:14px;
}
#link > li > a:hover,
#link > li > a.active,
#link > li > .active,  
#link > li > .active > a,
#link > li > .active > a:hover,
#link > li > .active > a:focus {
	color: #e0b53d;
	transition: .3s ease-in-out;
}

/*end link*/

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

#bootstrap-touch-slider{
	padding:0 30px;
	background:url('images/bg/content-bg.png') repeat;
}
.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;
}

.slide_style_left .txt1{
	margin-left:60px;
	margin-top:10px;
}

.slide_style_left .txt2{
	margin-top:15px;
	font-family:"latomedium";
	font-size:13px;
	color:#fff;
}

@media (max-width:767px) {
	.kkontak .ltext {
		text-align:left;
	}
	#wrapnav2 .wnv2-inline {
		text-align:center;
	}
}
/* end slide */

/*steps*/
#wrapstep {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	
}

.steps{
	display:block;
	max-width:1024px;
	background:url('images/bg/bg-step.png') repeat;
	margin:0 15px;
	padding-top:20px;
	padding-bottom:20px;
}
@media (max-width:767px) {
	.steps img{
		margin-bottom:40px;
	}
}
/*end steps*/


/*togel*/
#wraptogel {
	clear:both;
	float:left;
	display:block;
	padding:0px;
	background:#0f1520;
	
	width:100%;
}

.txt-toto-info {
	font-family:'latoregular';
	color:#fff;
	font-size:14px;
	line-height:22px;
	text-align:center;
	margin-top:10px;
	margin-left:8px;
}
.wrap-toto-tgl {
	font-family:'RobotoReg';
	color:#7484a4;
	padding:0px 10px;
	font-size:12px;
	line-height:22px;
	text-align:center;
}
.txt-hasil-toto-info {
	color:#fff;
	font-family:'Arial';
	font-size:27px;	
	line-height:65px;
	text-transform:uppercase;
	font-weight:bold;
}
.txt-hasil-toto-info a {
	text-decoration:none;
    color:#e0b53d;
}
.txt-hasil-toto-info a:hover {color:#7484a4;}
span.ylw {color:#f5d337;}
@media (max-width:767px) {
	.txt-hasil-toto-info{text-align:center;}
}

/* start games */
#wrapgames {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	
}
#wrapgames .block-wrpgms {
	clear:both;
	margin-top:10px;
	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;
	margin-top:-20px;
	background:url('images/bg/bg-step.png') repeat;
}
#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 p{
	font-family:'exo2semibold';
	font-size: 16px;
	color:#fff;
	text-align:center;
	background:url('images/bg/bg-step.png') repeat;
	position:relative;
	top:-42px;
	padding:10px 0;
}

#wrapgames .block-wrpgms .cont-wrpgms a:hover p {
	color:#f2cb3c;
}
#wrapgames .block-wrpgms img {
	cursor:pointer;
	border:none!important;
} 
.wrap700 {
	clear:both;
	max-width:700px;
	margin:0 auto;
}
.bgbtnblu{background:#374b76;}
.bgbtnred{background:#c1373a;}

#wrapbuttons{
	clear:both;
	float:left;
	display:inline;
	width:100%;
}
#wrapbuttons .wrapbuttoncontent{
	width:94%;
	margin:0 30px;
	padding:0;
}
#wrapbuttons .wrapbuttoncontent .btnfirst{
	width:31%;
}
#wrapbuttons .wrapbuttoncontent .btnicon{
	
	margin-top:5px;
	margin-bottom:8px;
}
#wrapbuttons .wrapbuttoncontent .btntxt{margin-top:5px;}
#wrapbuttons .wrapbuttoncontent .btntxt a{
	color:#e0b53d;
	text-transform:uppercase;
	line-height:39px;
	font-family: 'exo2reg';
	font-size:18px;
	
}

#wrapbuttons .wrapbuttoncontent .btntxt a span{font-family: 'exo2semibold';}
#wrapbuttons .wrapbuttoncontent .btntxt a:hover{color:#fff;}

#wrapbuttons .wrapbuttoncontent .btnsecond{
	margin-left:10px;
	width:34%;
	padding-left:20px;
}

#wrapbuttons .wrapbuttoncontent .btnsecond .btnicon{
	margin-top:8px;
	margin-bottom:11px;
}

#wrapbuttons .wrapbuttoncontent .btnthird{
	width:32.8%;
	margin-left:10px;
	padding-left:15px;
}
#wrapbuttons .wrapbuttoncontent .btnthird .btnicon{
	margin-top:6px;
	margin-bottom:10px;
}
#wrapbuttons .wrapbuttoncontent .btnthird .btntxt{
	padding-right:0;
}

#mainpages{
	clear:both;
	float:left;
	display:inline;
	width:100%;
}

@media (max-width:767px) {
	#wrapgames .block-wrpgms {
		margin-top:0px;
		margin-bottom:20px;
	}
	#wrapgames .block-wrpgms .cont-wrpgms a p{
		top:-42px;
	}
	
	#wrapbuttons .wrapbuttoncontent .btnfirst{width:87%;}
	#wrapbuttons .wrapbuttoncontent .btnsecond{width:87%;margin-left:0;margin-top:10px;}
	#wrapbuttons .wrapbuttoncontent .btnthird{width:87%;margin-left:0;margin-top:10px;}
}
/* end games */

/*lower nav*/
#lowernav{
	clear:both;
	float:left;
	display:inline;
	width:100%;
}
#lowernav .bglnav{
	width:94%;
	margin:0 30px;
	padding:0;
	background:#141c37;
	margin-top:15px;
}

#lowernav .footnav {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
#lowernav .footnav > li {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  margin-top:15px;
  
}
#lowernav .footnav > li:last-child {
  
}
#lowernav .footnav > li > a {
    color:#6e717d;
	text-decoration:none;
	font-family:'latoregular';
	font-size:12px;
}
#lowernav .footnav > li > a:hover,
#lowernav .footnav > li.active > a,
#lowernav .footnav > li > a.active { 
	color:#e0b53d;
	
}

#lowernav .navbar-right{
	margin-right:0;
}

@media (max-width: 767px) {
	#lowernav .bglnav{
		margin:20px auto;
		width:auto;
	}
	
	#lowernav .list-inline{
		text-align:center;
	}
	
	#lowernav .footnav{
		padding:0 21px;
	}
	
}
/*end lower nav*/

/* start footer */
#wrapfooter {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	
}
#wrapfooter .copyright {
	font-family:'latoregular';
	font-size:13px;
	color:#fff;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}

/*end footer*/
.bgdarkblu{background:#0c1223;}

#livebox {
    position: fixed;
    left: 0;
    top: 40%;
    transform: translate(0,-50%);
}

/*breadcrumb*/
.breadcrumb{
	border:none;
	font-family:'latoregular';
	font-size:12px;
	line-height:5px;
	color:#9d9c9f;
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom:30px;
}
.breadcrumb > li a {
	color:#9d9c9f;
}
.breadcrumb > li a:hover{color:#e0b53d;}
.breadcrumb span{
	color:#9d9c9f;
}
/*end breadcrumb*/

/*page game*/
.wrappage h2{
	font-family:'latoblack';
	color:#d7af3f;
	font-size:16px;
	margin-top:0;
}

.wrappage p{
	color:#9d9c9f;
	font-family:'tahoma';
	font-size:13px;
}

.wrappage p a{color:#fff;}
.wrappage p a:hover{color:#d7af3f;}

.wrappage p.lower-note{
	color:#fff;
	font-family:'latoregular';
	font-size:13px;
	text-align:center;
}

.wrappage p.lower-note a{
	color:#d7af3f;
}

.wrappage p.lower-note a:hover{text-decoration:underline;}

.wrappage a.btn-play-1{
	color:#fff;
}
.wrappage a.btn-play-1:hover{
	color:#d7af3f;
}
@media (max-width: 767px) {
	.wrappage h2{
		margin-top:20px;
	}
}
/*end page game*/ 

/* 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:#374b76;
	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 */

/* 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 */

/*feedback*/
#contact-req .success{
	color:green;
	font-family:'latoregular';
	font-size:16px;
}

#contact-req .error{
	color:red;
	font-family:'latoregular';
}
/*end feedback*/


/*additional column*/
/*width 20% for 5 equal column*/
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-20 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-20 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-20 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-20 {
        width: 20%;
        float: left;
    }
}

/*width 26% */
.col-xs-26,
.col-sm-26,
.col-md-26,
.col-lg-26 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-26 {
    width: 26%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-26 {
        width: 26%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-26 {
        width: 26%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-26 {
        width: 26%;
        float: left;
    }
}

/*width 22% */
.col-xs-22,
.col-sm-22,
.col-md-22,
.col-lg-22 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-22 {
    width: 22%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-22 {
        width: 22%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-22 {
        width: 22%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-22 {
        width: 22%;
        float: left;
    }
}

/*width 15% */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 15%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 15%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 15%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 15%;
        float: left;
    }
}

@media (max-width: 767px) {
	.col-xs-offset-custom {
	  margin-left: 25%;
	}
}
/*end additional column*/