body {
	margin-top: 5%;
	padding-bottom: 60px;
	font-family: 'Arial', sans-serif;
	background-color: #fff;
	
}





.border{
border-top:3px solid #66afe9;
margin:1px auto 10px auto;
}

hr {border-bottom:dotted 1px #cccccc; border-top:0px;border-left:0px;border-right:0px;}

.colored { width: 100%; height:4px; overflow:hidden; position:relative; top:0px; left:0px ;}
.colored div{ height:4px; width:20%; float:left;}
.black{background-color: #000000;}
.blue{background-color: #327EA3;}
.aqua {background-color: #4CA5D0;}
.green{ background-color: #DAA520;}
.yellow {background-color: #B8860B;}
.red {background-color: #E82C0C;}





.container {
	max-width: 860px;
	
}
.halamanabout{
	margin-top: 6%;
	max-width: 1000px;
	font-size: 13px;
}
.halamanlogin{
	margin-top: -2%;
	max-width: 1000px;
	font-size: 13px;
	
	
}
.halamanstatus{
	margin-top: -2%;
	max-width: 1000px;
	font-size: 13px;
}
.halamanlogout{
	margin-top: -2%;
	max-width: 400px;
	font-size: 13px;
}
.halamaniklan{
	margin-top: 5%;
	max-width: 1200px;
	font-size: 13px;
	}
.halamanmember{
	margin-top: 15%;
	max-width: 500px;
	font-size: 10px;
}	
.halamanexpired{
	margin-top: 5%;
	max-width: 400px;
	font-size: 10px;
}
.halamanfaq{
	margin-top: -2%;
	max-width: 1000px;
	font-size: 13px;
}
.halamaninformasi{
	margin-top: -2%;
	max-width: 1200px;
	font-size: 13px;
}
.halamanvoucher{
	margin-top: -2%;
	max-width: 1000px;
	font-size: 13px;
}
.halamaninternet{
	margin-top: 3%;
	max-width: 1200px;
	font-size: 13px;
}
.wrapper1 {
	background: rgba(0,0,0, 0.6) ;
	border: 3px  solid #FCFCEA;
	border-radius: 8px;
	margin:-1px;
	font-size: 12px;
	box-shadow:0 10px 15px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}




.wrapper {
	background: #FCFCEA ;
	border: 3px  solid #3C4C21;
	border-radius: 8px;
	margin:-1px;
	font-size: 12px;
	box-shadow:0 10px 15px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}
	
	-moz-background-clip: border;     /* Firefox 3.6 */
	-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
	background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

	-moz-background-clip: content;     /* Firefox 3.6 */
	-webkit-background-clip: content;  /* Safari 4? Chrome 6? */
	background-clip: content-box; 

}
.bg-eee{background-color: #EEE;}
.p15{padding-top:15px;}
.form-control {
    border-radius: 3px;
	text-align: center;
    margin-bottom: 1px;
}
.mks1 {
	margin-right:0px;
	margin-left:0px
}
.mks {
	margin-right:25px;
	margin-left:25px
}
.loin > h3 {
	color: #2196F3;
	margin-bottom: 0px;
}
.login > form > .checkbox {
    margin-top: 0px;
    margin-bottom: 20px;
}
.alert {
    padding: 7px;
}
.alert1{
    padding: 5px;
	font-size: 21px;
	text-align: justify;
}

.btn-block {
	display:block;
	width:104%;
	font-weight: bold;
}
.btn-block+.btn-block {
	margin-top:5px
}
.btn-block3 {
	display:block;
	width:100%;
	font-weight: bold;
}
.btn-block3+.btn-block3 {
	margin-top:50px
}



.btn-inline{
width: 49%;

}

.btn-log {
	color:#fff;
	background-color:#3C4C21;
	border-color:#3C4C21;	
	
}
.btn-log:hover {
	color:#fff;
	background-color:#242E11;
	border-color:#242E11;	
	
}
.btn-free {
	color:#fff;
	background-color:#286090;
	border-color:#286090;	
	
}
.btn-free:hover {
	color:#fff;
	background-color:#1A476E;
	border-color:#1A476E;	
}
label {
    font-weight: 400;
}

.img{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.copy{
	margin: 3px 0px 15px 0px;
	font-size: 11px;
	color: #999;
}
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
}
.item {
	border-radius: 4px;
}

.item .col-price{
	border-top: 1px solid #ddd; font-size: 20px;	
}
.item .col-price .price{
	float: left; width: 70%; padding: 5px; border-right: 1px solid #ddd;
}
.item .col-price .cart {
	padding: 5px;
}
.item .list-group-image {
	margin-top: 10px;
}
.item .list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item .list-group-item-heading {
    color: #3CA6E2;
}
.item .list-group-item-text {
	font-size: 80%;
}
.running-text{
background:  ;
margin: 1px 10px 1px ;
padding:1px 8px 1px 8px;
font-size:11px;
color:#FFF;
}
.running-text1{
background: ;
margin: 0px 5px 5px ;
padding:-10px 8px 1px 8px;
font-size:12px;
color:#FFF;
}
.faq{
padding: 10px 10px;
}
.faq h3{
font-size: 14px;
color: #FFF;
padding-top: 0;
padding-bottom: 1px;
}
.faq .panel{ /* silahkan custom kalau perlu */

}
.faq .panel-heading{ /* silahkan custom kalau perlu */

}
.faq .panel-body{ /* silahkan custom kalau perlu */
font-size: 12px;
}
/* start style paket internet/voucher */
h3.paket-title {
font-size: 20px;
color: #FFF;
text-align: center;
margin: 0 auto 10px auto;
text-transform: uppercase;
}
h5.paket-title {
font-size: 11px;
color: #FFF;
text-align: center;
margin: 0 auto 10px auto;
text-transform: uppercase;
}
.paket{
margin-bottom: 10px;
}
.paket .panel:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}
.bg-panel1{
color:#ffffff;
background-color:#A0D468  !important;
}
.border-panel1{
border:2px solid #8CC152 !important;
}
.bg-panel2{
color:#ffffff;
background-color:#FFCE54   !important;
}
.border-panel2{
border:2px solid #F6BB42  !important;
}
.bg-panel3{
color:#ffffff;
background-color:#FC6E51  !important;
}
.border-panel3{
border:2px solid #E9573F !important;
}
.bg-panel4{
color:#ffffff;
background-color:#11bcf1  !important;
}
.border-panel4{
border:2px solid #0daadb !important;
}
.bg-panel5{
color:#ffffff;
background-color:#ff81c6   !important;
}
.border-panel5{
border:2px solid #ff67ae !important;
}
.bg-panel6{
color:#ffffff;
background-color:#AC92EC    !important;
}
.border-panel6{
border:2px solid #967ADC !important;
}
.harga {
font-size: 2.5rem;
font-weight: 300;
}
.masa-aktif {
font-weight: 500;
font-size: 1rem;
}
.masa-aktif::before {
content: '/';
margin-right: 2px;
}
.beli{
min-width: 100px;
margin-top:3px;
}

}
.habis{
min-width:100px;
margin-top:3px;
}
/* end style paket internet/voucher */


@media (min-width: 768px) {
	.navbar {
		min-height: 70px;
	}
	
	.navbar-brand {
		padding: 20px 15px;
	}
	
	.navbar-nav>li>a {
		margin-top: 15px;
	}
	
	.img{
		border-bottom-left-radius: 0px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
}