/* Theme Name: BOLASONIC 2020 Bootstrap Theme */
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/lato-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/lato-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/lato-regular.otf'),
        url('fonts/lato-regular.svg#latoregular') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'latoheavy';
    src: url('fonts/lato-heavy.eot');
    src: url('fonts/lato-heavy.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-heavy.woff2') format('woff2'),
         url('fonts/lato-heavy.woff') format('woff'),
         url('fonts/lato-heavy.ttf') format('truetype'),
         url('fonts/lato-heavy.svg#latoheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('fonts/lato-medium.eot');
    src: url('fonts/lato-medium?#iefix') format('embedded-opentype'),
         url('fonts/lato-medium.woff2') format('woff2'),
         url('fonts/lato-medium.woff') format('woff'),
         url('fonts/lato-medium.ttf') format('truetype'),
         url('fonts/lato-medium.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold.eot');
    src: url('fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold.woff2') format('woff2'),
         url('fonts/lato-bold.woff') format('woff'),
         url('fonts/lato-bold.ttf') format('truetype'),
         url('fonts/lato-bold.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('fonts/lato-semibold.eot');
    src: url('fonts/lato-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-semibold.woff2') format('woff2'),
         url('fonts/lato-semibold.woff') format('woff'),
         url('fonts/lato-semibold.ttf') format('truetype'),
         url('fonts/lato-semibold.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato-black.eot');
    src: url('fonts/lato-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-black.woff2') format('woff2'),
         url('fonts/lato-black.woff') format('woff'),
         url('fonts/lato-black.ttf') format('truetype'),
         url('fonts/lato-black.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light.eot');
    src: url('fonts/lato-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light.woff2') format('woff2'),
         url('fonts/lato-light.woff') format('woff'),
         url('fonts/lato-light.ttf') format('truetype'),
         url('fonts/lato-light.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rajdhanibold';
    src: url('fonts/rajdhani-bold.eot');
    src: url('fonts/rajdhani-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/rajdhani-bold.woff2') format('woff2'),
         url('fonts/rajdhani-bold.woff') format('woff'),
         url('fonts/rajdhani-bold.ttf') format('truetype'),
         url('fonts/rajdhani-bold.svg#rajdhanibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

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

}

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

}

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

}
/* start HEADER */
#top-header {
	float:left;
	display:inline;
	width:100%;
    background: none;
	position:relative;
	z-index:40;
}

/* start home navigation */
.navbar-default {
	background: none ;
	margin-bottom:0px;
	border-bottom:0;
	padding-bottom:0px;
	border:0px;
	position:relative;
	z-index:555;
}
.navbar-default .navbar-brand {
    color: #d7d7d7;
    margin-bottom:0px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5f5f5f;
    background-color: transparent;
}
.navbar-default .navbar-text {
    color: #fff;
}
.navbar-default .navbar-nav > li:first-child {
	margin-left:0px;
	padding-left:0px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	font-family: 'rajdhaniregular';
	font-size:14px;
	text-transform:uppercase; 
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;		
	line-height:30px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #6b6a74;
    background: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #6b6a74;
    background: none;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background: none;
}
.navbar-default .navbar-toggle {
    border-color: #ddd!important;
    border:0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: none!important;
    color:#fff!important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.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: #6b6a74;
    background: none!important;
}
@media (max-width: 767px) {
  .navbar-default {
	  background-color:none;
  }
  .navbar-default .navbar-brand {
      margin-bottom:20px;
  }	
  .navbar-default .navbar-nav > li:first-child {
	  margin-left:0px;
  }
  .navbar-default .navbar-nav > li > a {margin-top:0px;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	  color: #fff!important;
	  background-color: none!important;
	  font-family: 'rajdhaniregular';
	  font-size:13px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #6b6a74!important;
	  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: #6b6a74;
	  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 logo - contact - togel */
#wrapheader {
	float:left;
	display:inline;
	width:100%;
	min-height:84px;
	background:url(images/background/bg-contact.png) top center;
	padding-bottom:10px;
	position:relative;
	z-index:30;
}
.llogo img {
	margin-top:15px;
}
.txtwrapcontact {
	font-family:'rajdhaniregular';
	color:#969696;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
}
.kkontak {
    margin-top: 20px;
}
.kkontak div {
    padding: 0px 0 10px 0;
}
.kkontak .licon {
    padding: 6px 5px 0 0;
}
.kkontak .licon img {
    padding: 0;
    margin: 0;
}
.kkontak .ltext {
    padding: 2px 0 0 2px;
    font-size: 14px;
    text-transform: uppercase;
	
}
.kkontak .ltext strong {
	color:#fff!important;
	font-family:'rajdhanibold';
	font-weight:normal;
}
.kkontak .ltext span {
    display: block;
    color: #d7d7d7;
	font-family:'rajdhaniregular';
}
.wraptogel {
    display: block;
}
.wraptogel .wt-txt-info {
    color: #d7d7d7;
    text-transform: uppercase;
    text-align: center;
	font-family:'rajdhaniregular';
	font-size:16px;
	margin-top:30px;
}
.wraptogel .wt-txt-nilai {
    font-family: 'rajdhanibold';
    font-size: 32px;
    color: #ffae00;
	text-align: center;
	margin-top:18px;
}
.wraptogel .wt-txt-nilai a {
    color: #ffae00;
    text-decoration: none;
}
.wraptogel .wt-txt-nilai a:hover {
    text-decoration:underline;
}
@media (max-width: 767px) {
	#wrapheader {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		min-height:auto;
	}
	.llogo img {
		margin-top:0px;
	}
	.wraptogel .wt-txt-nilai {margin-top:0px;margin-bottom:10px;}
}
/* end logo - contact - togel */

#myCarousel {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	position:relative;
	margin-top:0px;
}

/* start ticker */
#wrapticker {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin-top:0px;
	background:#111;
}
#tiker1 {
	line-height:36px;
}
#tiker1 img.gmz {
    margin-top: 5px;
}
.txt-tiker {		    
	color: #969696!important;
    font-family: 'rajdhaniregular';
    font-size: 13px!important;
    margin: 0 -20px 0 0!important;
}
@media (max-width: 767px) {
	#tiker1 {clear:both;padding-top:10px;}
	#tiker1 img.gmz {}
	.txt-tiker {margin-right:0px;}
}
/* end ticker */

#wrapgames {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin-top:0px;
	background:#111;
}
.grscont {
	border-bottom:5px solid #1f1d31;
}

.wrappermainan {
	display:block;
	height:48px;
	margin-top:0px;
}
.wrappermainan img {
	padding:0;
}
.wrappermainan .wrapgms {
	clear:both;
	display:block;
	height:30px;
	background:#1f1d31;
}
.wrappermainan .wrapgms .txt-wpgms {
	text-align:center;
	color:#969696;
	line-height:34px;
	font-family:'rajdhaniregular';
	font-size:14px;
}
.wrappermainan .wrapgms .txt-wpgms a {
	color:#fff;
	text-decoration:none;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;	
	font-size:14px!Important;	
}
.wrappermainan .wrapgms .txt-wpgms a:hover {
	color:#fae000;
}
.wrapcol2 {
	display:block;
	padding:0px;
	
}
.btn-reg {
  color: #fff!important;
  background-color: #ef120c;
  border-color: #ef120c;
  font-family:'rajdhanibold';
  text-decoration:none;
  border-radius:10px;
  margin-bottom:0px;
  font-size:18px;
  font-weight:normal;
  padding:7px 30px;
}
.btn-reg:focus,
.btn-reg.focus {
  color: #fff;
  background-color: #c70000;
  border-color: #c70000;
}
.btn-reg:hover {
  color: #fff!important;
  background-color: #c70000;
  border-color: #c70000;
  text-decoration:none!important;
}
.btn-reg:active,
.btn-reg.active,
.open > .dropdown-toggle.btn-reg {
  color: #fff!important;
  background-color: #c70000;
  border-color: #c70000;
}

@media (max-width: 767px) {
	#myCarousel { margin-top:0px; }
	#wrapgames {margin-top:0px;}
	.carousel-control { left:-10px;}
	.carousel-control.right { right:-10px;}
	.wrappermainan {margin-top:0px;height:auto;}
	.wrappermainan img {clear:both;display:block;margin:0 auto;}
	
	.wrappermainan .zero3 {padding-left:33px;padding-right:33px;}
	.wrappermainan .wrapgms { padding-left:20px;padding-right:20px;}
	.wrapcol2 {clear:both;margin-top:20px;margin-bottom:10px;height:auto;}
	.btn-reg { clear:both;display:block;margin-top:20px;margin-left:auto;margin-right:auto; }
	.wrapcol2 .arr {clear:both;display:block;margin-top:20px;margin-left:auto;margin-right:auto;}
}

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

/* start welcome text */
#welcome {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin:20px 0 40px 0;
}
#welcome .txt-welcome-title {
	font-family:'rajdhanibold';
	font-size:24px;
	text-transform:uppercase;
	margin:15px 0 10px 0;
	color:#ffae00;
	padding:0;
}
#welcome .txt-welcome-content {
	clear:both;
	padding:10px 50px;
	font-family:'rajdhaniregular';
	font-size:14px;
	color:#969696;
	line-height:20px;
}
#welcome .txt-welcome-content a {
	color: #ffae00;    
    text-decoration:none;	
}
#welcome .txt-welcome-content a:hover {	
    text-decoration:underline;	
}
.wrapbank {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin-top:30px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
.wrapbank .txt-bank {
	clear:both;
	font-family:'rajdhaniregular';
	font-size:11px;
	color:#999999;
}
.wrapbank .txt-bank ul {
	list-style:none;
	padding:0px;
}

@media (max-width: 767px) {
	#welcome { clear:both!important;margin-top:10px; }
	#welcome .txt-welcome-content { clear:both;margin-top:20px; padding:10px 20px;}
	.wrapbank img {
		padding-top:15px;
		padding-bottom:10px;
	}
}
/* end welcome text */
#wrapbread {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:#111;
}
#mainpages {  
	float:left;
	display:inline;	
	clear:both;
	width:100%;
	background:url(images/background/bg-pages.jpg) top center no-repeat fixed;
	      -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	margin-bottom:0px;
}
#mainpages h1, h2, h3, h4 {
    font-family: 'rajdhanibold';   
    color: #65aad1;
    line-height: 20px;
    text-transform: uppercase;
	margin:20px 0 10px 0px;
}
#mainpages h1 { font-size: 3.5em;}
#mainpages h2 { font-size: 1.7em;}
#mainpages h3  { font-size: 1.2em;}
#mainpages h4  { 
	font-size: 0.88em; 
	text-align:none;
	font-weight:900;
	color:#65aad1;
}
strong {
	font-weight:600;
	font-size:14px;
}
#mainpages p {    
    margin:10px 0 10px 0;   
	font-family: "rajdhaniregular";
	font-size:13px;    
	color:#999999;
}
#mainpages ul li, ol li {
	color:#969696;
}
span.wht {
	color:#fff;
}
span.blu1 {color:#65aad1;}

#mainpages  a {
    color: #ffae00;    
    text-decoration:none;	
}
#mainpages  a:hover {
    text-decoration:underline;	
}
#mainpages  ul li {
    line-height: 20px;
	font-family:'rajdhaniregular';
	font-size:13px;
    font-weight: normal;
	color:#969696;
}
#mainpages .wrappromo {
	background:#141320;
	padding:20px 10px 30px 10px;
	border:1px solid #2b293b;
	margin-bottom:20px;
}
#mainpages .wrappromo .txt-promo {
	font-family:'rajdhanibold';
	font-size:24px;
	color:#fff;
	line-height:26px;
	margin-top:40px;
	margin-left:30px;
}
#mainpages .wrappromo .btn-lengkap {
	background:#2e2c49;
	font-family:'rajdhanibold';
	font-size:13px;
	color:#fff;
	text-align:center;
	padding:10px 30px;
	border-radius:10px;
	border:1px solid #2b293b;
	text-decoration:none;
	text-transform:uppercase;
}
#mainpages .wrappromo .btn-lengkap:hover {
	background:#ef120c;
	font-family:'rajdhanisemibold';
	font-size:13px;
	color:#fff;
	text-align:center;
	padding:10px 30px;
}
#mainpages .wrappages {
	display:block;
	background:#141320;
	border:1px solid #2b293b;
	height:480px;
	overflow-y:auto;
}
#mainpages .wrappages .bts {
	clear:both;
	display:block;
	height:1px;
	background:#2b293b;
	margin:0 20px 0 20px;
}
#mainpages .wrappages h3.title-wpp {
	font-family:'rajdhanibold';
	font-size:23px;
	color:#fff;
	text-transform:uppercase;
	margin:35px 30px 30px 30px;
}
.ml15 {
	margin-left:15px;
}
#mainpages .wrappages h4.title-wpp {
	font-family:'rajdhanisemibold';
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	margin:20px 30px 0px 30px;
}
#mainpages .wrappages p.con-wpp {
	font-family:'rajdhaniregular';
	font-size:14px;
	color:#999;
	margin:20px 20px 0 30px;
}
#mainpages .wrappages p.con-wpp a {
	color:#ffae00;
	text-decoration:none;
}
#mainpages .wrappages p.con-wpp a:hover {
	text-decoration:underline;
}
#mainpages .wrappages1 {
	display:block;
	max-width:60%;
	margin:0 auto;
	background:#141320;
	border:1px solid #2b293b;
	height:480px;
}
#mainpages .wrappages1 h3.title-wpp1 {
	font-family:'rajdhanibold';
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	margin:35px 30px 30px 10px;
}
.ml15 {
	margin-left:15px;
}
#mainpages .wrappages1 h4.title-wpp1 {
	font-family:'rajdhanibold';
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	margin:20px 30px 0px 25px;
}
#mainpages .wrappages1 p.con-wpp1 {
	font-family:'rajdhaniregular';
	font-size:14px;
	color:#999;
	margin:20px 20px 0 20px;
}
#mainpages .wrappages1 p.con-wpp1 a {
	color:#ffae00;
	text-decoration:none;
}
#mainpages .wrappages1 p.con-wpp1 a:hover {
	text-decoration:underline;
}
.wrappages2 {
	max-width:60%;
	margin:0 auto;
	background:#141320;
	padding:5px 10px 45px 10px;
	border:1px solid #2b293b;
	margin-bottom:30px;
	border-radius:50px;	
}
.wrappages2 .txt-wpp2 {
	font-family:'rajdhanibold';
	font-size:17px;
	color:#fff;
	margin-top:8px;
}
.btn-gabung {
  color: #fff!important;
  background-color: #ef120c;
  border-color: #ef120c;
  font-family:'rajdhanibold';
  text-decoration:none;
  border-radius:50px;
  margin-bottom:0px;
  font-size:18px;
  font-weight:normal;
  padding:7px 30px;
}
.btn-gabung:focus,
.btn-gabung.focus {
  color: #fff;
  background-color: #c70000;
  border-color: #c70000;
}
.btn-gabung:hover {
  color: #fff!important;
  background-color: #c70000;
  border-color: #c70000;
  text-decoration:none!important;
}
.grscont-pages {
	border-top:8px solid #1f1d31;
	max-width:70%;
	margin:0 auto;
}

.wrappages3 {
	clear:both;
	display:block;
	background:#141320;
	padding-bottom:20px;
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid #2b293b;
}
.wrappages3 .wpp3-head {
	background:#1f1d31;
	padding:5px 10px;
}
.wrappages3 .wpp3-head h3.wpp3 {
	font-family:'rajdhanibold';
	font-size:20px;
	color:#fff;
	margin:15px 30px 10px 20px;
	line-height:20px;
	text-transform:capitalize!important;
}
.wrappages3 p {
	font-family:'rajdhaniregular';
	font-size:13px;
	color:#999;
	margin:20px 25px 0 27px;
	text-transform:capitalize!important;
}
.wrappages3 ul li {
    line-height: 20px;
	font-family:'rajdhaniregular';
	font-size:13px;
    font-weight: normal;
	color:#969696;
}
.btn-prima2 {
  color: #797070!important;
  background-color: #1f2329;
  border-color: #1f2329;
  font-family:'rajdhaniregular';
  text-decoration:none;
  border-radius:0px;
  margin-bottom:0px;
  font-size:14px;
  padding:7px 30px;
}
.btn-prima2:focus,
.btn-prima2.focus {
  color: #101318;
  background-color: #65aad1;
  border-color: #65aad1;
}
.btn-prima2:hover {
  color: #101318!important;
  background-color: #65aad1;
  border-color: #65aad1;
  text-decoration:none!important;
  font-family:'rajdhanibold';
}
.btn-prima2:active,
.btn-prima2.active,
.open > .dropdown-toggle.btn-prima2 {
  color: #101318!important;
  background-color: #65aad1;
  border-color: #65aad1;
  font-family:'rajdhanibold';
}



.modal-content {background:#111317;position:relative;z-index:1100;}
.modal-header {
	padding-bottom:0px!important;
}
.modal-header h3 {
	margin-top:0px;
	margin-bottom:5px!important;
	font-family:'latobold';
	text-align:center;
	color:#fff;
}
.modal-body p {
	text-align:center;
	font-family:'latoregular'!important;
	font-size:13px!important;
	line-height:20px!important;
	color:#fff!important;
}
.modal-footer p {
	font-family:'proxima_nova_rgregular'!important;
	font-size:13px!important;
	color:#46525e!important;
	font-weight:normal;
}
@media (max-width: 767px){
	#mainpages .wrappages {height:auto;}
	#mainpages .wrappages1 { max-width:87%; margin:0 auto; height:auto; padding-bottom:25px;}
	.wrappages2 { max-width:87%; margin:0 auto; border-radius:30px; margin-bottom:20px; padding-bottom:25px;}
	.wrappages2 .zeroleft1 {padding-top:10px;}
	.wrappages2 .txt-wpp2 { padding-top:20px;text-align:center;}	

	#mainpages .zeroleft1 {padding-left:15px;margin-bottom:20px;}
	#mainpages .zeroright1 {padding-right:15px;}

}
/* general */
/* 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;
}
.img-386 {
	min-width: 100%;	
	height:205px;
}
.img-full {
    min-width: 100%;	
}
.grs-234 {
	border-bottom:1px solid #7a839c;
	margin:10px 0 10px 0;
}
.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: #ccc solid 1px;
	padding:3px;
}
.img-left {
    float: none;
    margin: 0 auto 0;
}
.pdbtm11 {	padding-bottom:11%; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px;}
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt6 { margin-top:6px; }
.mbmin10 { margin-bottom:-10px;}
.mb2 {margin-bottom: 2px;}
.mb3 {margin-bottom: 3px;}
.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;}

.zero1 { padding:0; }
.zero2 { margin:0; padding:0; }
.zero3 { padding:1px;}

.zeroleft1 {padding-left:0px;}
.zeroright1 {padding-right:0px;}
.kng { color:#e6c24e; }

.lnk1 { color:#fff; text-decoration:none; }
.lnk1:hover { color:#f7d002; }

.page-content-isi {
	clear:both;
	display:block;
	padding:20px;
	margin:10px;
}
#jtanding {
	width:100%;
	margin:10px auto;
}
#jtanding tr th {
	padding:5px 10px;
	border:1px solid #333;
	border-right:1px solid #333;
	background:#fae000;
	color:#222;
	font-family:'rajdhanibold';
	font-size:17px;
	text-align:center;
	text-transform:uppercase;
}
#jtanding tr th:last-child {
	/*border-right:1px solid #333;
	*/
}
#jtanding tr td {
	font-size:14px;
	padding:5px 10px;
	border:1px solid #333;
	border-right:1px solid #333;
	border-top:none;
	background:#fff;
	font-family:'rajdhaniregular';
	color:#000;
}
#jtanding tr td:last-child {
	/*border-right:1px solid #333;
	*/
}
#jtanding tr:nth-child(odd) td {
	background: #CCC;
}

/* start footer */
#wrapfooter {
	clear:both;
    float:left;
	display:inline;
	width:100%;
	padding:0;
	background:#000;
}
#wrapfooter .footnav {
	padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
#wrapfooter .footnav li {
    display: inline-block;
    padding-right: 10px;
    padding-left: 5px;
	border-right:1px solid #949494;
	font-family:'rajdhaniregular';
	color:#949494;
	font-size:13px;
	margin-top:12px;
}
#wrapfooter .footnav li:last-child {
	border-right:none;
}
#wrapfooter .sosmed {
	font-family:'latoregular';
	color:#fff;
	font-size:13px;
	line-height:10px;
}
#wrapfooter .footnav a {
	color:#949494;
	text-decoration:none;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;		
}
#wrapfooter .footnav a:hover {
	color:#ffae00;
}
#wrapfooter .sosmed a {
	color:#65aad1;
	text-decoration:none;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;	
}
#wrapfooter .sosmed a:hover {
	color:#999;
}
.big2 {
	font-size:24px;
}
#wrapfooter .copyright {
    color:#949494;
	font-family: 'rajdhaniregular';
    font-size:13px;
	margin-top:12px;
	padding:0;
}

#livebox {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 777;
}

@media (max-width: 767px){
	#wrapfooter  {
		text-align:center;
	}
	#wrapfooter .footnav li { margin-top:6px;}
	#wrapfooter .sosmed { margin-top:20px; }
	#wrapfooter .copyright {margin-top:20px;margin-bottom:20px;text-align:center;}

}