body{
	margin-top:85px;
	padding:-5px;
	color:#000;
	background-color:#f5f5f5;
	background-image: url('../img/bg.jpg')
}

.menum{
	background-color:transparent}
	
.menum:hover{
	background-color:rgba(0,0,0,.1)}

.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:30px;
	right:40px;
	background-color:#25d366;
	color:#fff;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow:2px 2px 3px #999;
	z-index:100
}

.my-float{
	margin-top:5px}
	
.btn:focus,
.btn:active{
	outline:none!important;
	box-shadow:none
}

.btn:hover{
	opacity:.8!important
}

a:link{
	text-decoration:none;
	color:#007ee5
}

a:visited{
	text-decoration:none;
	color:#007ee5
}

a:hover{
	text-decoration:none;
	color:#007ee5
}

a:active{
	text-decoration:none;
	color:#007ee5
}

.panel-title{
	color:#fff;
	font-weight:700;
	font-size:20px
}

.panel{
	text-align:center}
	
.panel:hover{
	box-shadow:0 1px 5px rgba(0,0,0,.4),0 1px 5px rgba(130,130,130,.35)}

.panel-body{
	padding:0;
	text-align:center
}

.the-price{
	padding:24px;
	margin:0;
	font-size:40px;
	color:#fff;
	font-weight:600
}

.the-price h1{
	line-height:1em;
	padding:0;
	margin:0;
	font-size:30px
}

.subscript{
	font-size:25px}
	
.rupiah:before{
	content:'Rp.';
	font-size:.4em;
	vertical-align:top
}

.bawah-logo{
	font-size:75%;
	text-align:center;
	margin-top:5px
}

.harga-bulanan{
	font-size:290%;
	font-weight:700;
	margin-bottom:-15px;
	color:#ed1c24
}

.copyright-teks{
	font-size:75%;
	text-align:center;
	margin-top:1440px
}

.sedang{
	font-size:75%;
	text-align:center;
	margin-top:5px
}

.sedang-faq{
	font-size:75%}
	
.besar{
	font-size:90%;
	text-align:center;
	font-weight:900;
	margin-top:-10px
}

.kolom-input{
	font-size:12px;
	font-weight:600;
	margin-bottom:5px;
	border-radius:2px!important;
	width:99%
}

.kolom-inputdsuser{
	font-size:12px;
	font-weight:600;
	text-align:center;
	margin-bottom:5px;
	border-radius:2px!important;
	width:99%
}

.kolom-inputdspass{
	font-size:12px;
	font-weight:600;
	text-align:center;
	margin-bottom:7px;
	border-radius:2px!important;
	width:99%
}

hr{
	border-top:1px dotted #555}
	
.example6 

.navbar-brand{
	background:url('../img/logonav.png') left/contain no-repeat;
	width:200px
}

.navbar-nav>li>.dropdown-menu{
	background-color:#0065B3}
	
.dropdown-menu>li>a:hover{
	background-color:#137eb8!important;
	color:#fff!important;
	background-image:none
}

.dodown{
	background-color:transparent!important}
	
.navbar{
	background-color:#0065B3;
	border-bottom:none
}

.nav>li>a:hover{
	background-color:#137eb8!important;
	color:#fff!important;
	background-image:none
}

.navbar,a{
	color:#fff!important;
	font-weight:500
}

.link-aktif{
	color:#fff!important;
	font-weight:700;
	background-color:#137eb8!important
}

.tanpa-link{
	color:#fff!important;
	font-weight:400
}

.tombol-nav{
	background-color:transparent!important;
	border:none
}

.sr-only{
	background-color:#fff!important}
	
.icon-bar{
	background-color:#fff!important}
	
.navbar 

.icon-bar{
	background-color:#fff}

.box-utama{
	border:3px solid rgba(10,114,169,.4);
	border-radius:0;background-color:#fff
}

.tombol-49{
	width:49%;
	white-space:nowrap;
	border:1px solid #fff;
	border-radius:2px;
	color:#fff!important;
	font-size:12px;
	font-weight:600;
	margin-top:3px
}

.tombolchat-harga{
	white-space:nowrap;
	border:none;
	border-radius:0;
	color:#fff!important;
	font-size:12px;
	font-weight:600
}

.tombol-33{
	width:32%;
	white-space:nowrap;
	border:none;
	border-radius:4px;
	color:#fff!important;
	font-size:12px;
	font-weight:600
}

.tombol-paket{
	width:65%;
	white-space:nowrap;
	border:none;
	border-radius:4px;
	color:#fff!important;
	font-size:14px;
	font-weight:600;
	margin-top:5px;
	margin-bottom:-16px
}

.merah{background-color:#ff4c4c}
.hijaumuda{background-color:#7ac70c}
.hijau{background-color:#89ba16}
.orange{background-color:#f48924}
.biru-muda{background-color:#0099e5}
.biru{background-color:#0a72a9}
.abutua{background-color:#666!important}
.ungu{background-color:#8e43e7}
.kuning{background-color:#f4ad00}
.tosca{background-color:#71c6c1}
.coklat{background-color:#8a7967}
.pink{background-color:#ff4f81}
.birumuda{background-color:#0389ff}
.navy{background-color:#489f28}

.border-biru{border:1px solid #0a72a9}
.bg-biru{
	background-color:#0a72a9!important;
	border:1px solid #0a72a9!important
}

.border-hijau{border:1px solid #89ba16}
.bg-hijau{
	background-color:#89ba16!important;
	border:1px solid #89ba16!important
}

.border-ungu{border:1px solid #8e43e7}
.bg-ungu{
	background-color:#8e43e7!important;
	border:1px solid #8e43e7!important
}

.border-kuning{border:1px solid #fdb813}
.bg-kuning{
	background-color:#fdb813!important;
	border:1px solid #fdb813!important
}

.border-orange{border:1px solid #f48924}
.bg-orange{
	background-color:#f48924!important;
	border:1px solid #f48924!important
}

.border-abutua{border:1px solid #0065B3}
.bg-abutua{background-color:#0065B3!important;
border:1px solid #0065B3!important
}

.border-pink{border:1px solid #ff4f81}
.bg-pink{
	background-color:#ff4f81!important;
	border:1px solid #ff4f81!important
}

.border-merah{border:1px solid #ff4c4c}
.bg-merah{
	background-color:#ff4c4c!important;
	border:1px solid #ff4c4c!important
}

.border-tosca{border:1px solid #71c6c1}
.bg-tosca{
	background-color:#71c6c1!important;
	border:1px solid #71c6c1!important
}

.border-coklat{border:1px solid #8a7967}
.bg-coklat{
	background-color:#8a7967!important;
	border:1px solid #8a7967!important
}

.blink{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}@media(min-width:992px){body{margin-top:100px}}