@import url("fonts.css");

body{
	font-family: 'Montserrat Regular';
	font-size: 14px;
	line-height:normal !important;
}

/****/
.area-top-2{ 
	*background: #f8f8f8;
	background: #ededed url(../images/bg-header-2.png) top right no-repeat;
	display:inherit; 
	*top:35px;
	top:60px;
	z-index:99;
	
	height:60px;
}
@media screen and (max-width:767px) {
	.area-top-2{
		top: auto;
		position: relative;
	}
}
/*.area-top-2 .slicknav_menu{
	display:none;
}*/

/****/
.nama-domain{
	*background:cyan;
	font-family: 'Montserrat Light';
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#01057b;
	
	float:left;
	height:60px;
	
	
}
.nama-domain > a{
	*color:#01057b;
	color:#FFF;
	height:60px;
	line-height:60px;
	display:inline-block;
	padding:0 15px;
}
.nama-domain > a:hover{
	color:#FFF;
	background:rgba(0,0,0,0.5);
	
}
.navbar li a.nav-link{
	font-family: 'Montserrat Light';
	font-size:11px;
}
/*.navbar-expand-lg .navbar-nav .nav-link{
	color:#01057b;
}
.navbar-expand-lg .navbar-nav .nav-link:focus, 
.navbar-expand-lg .navbar-nav .nav-link:hover {
    *color: #FFF/*fe8e2d* !important;
}
.navbar li.active a.nav-link {
    color: #FFF/*fe8e2d* !important;
}*/

@media screen and (max-width:767px) {
	.nav.navbar-nav.navbar-right{
		width:100%;
	}
}

/****/
.area-login-medsos{
	*background:pink;
}
.area-login-medsos img{
	height:18px;
	margin-left:10px;
}
@media screen and (max-width:767px) {
	.area-login-medsos{
		position:absolute;
		top:60px;
		width:100%;
		
		background:rgba(0,0,0,0.7);
		
		height:34px;
		line-height:30px;
		padding-right:15px;
		
		z-index:1;
	}
	.area-login-medsos img{
		vertical-align:middle;
	}
}

/****/
#event-slides{
	background:#7bb8fd url(../images/bg-home-profile.png);
	background-size:100%;
}

/****/
#main-slide .carousel-item .carousel-caption .heading {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
	
	font-family: 'Montserrat SemiBold';
	font-size:24px;
	font-weight:normal;
	margin-top:0px;
}
#main-slide .carousel-item .carousel-caption p {
    font-family: 'Montserrat Light';
	font-size: 15px;
	
}
@media screen and (max-width:767px) {
	#main-slide .carousel-item .carousel-caption p {
		font-size: 8px;
		padding: 0 20px;
	}
}
#main-slide .carousel-item .carousel-caption p .italic{
	font-family: 'PlayfairDisplay Regular';
	font-style:italic;
}
.carousel-item a.btn{
	background-color: #7bb8fd;
	color: rgba(255,255,255,0.8);
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	
	margin-top:100px !important;
}
.carousel-item a.btn:hover{
	color: rgba(255,255,255,1);
}
.carousel-item a.available-dock{
	*background-color:transparent;
	background-color: rgba(0,0,0,0.3);
	*border:2px solid red !important;
}
.carousel-item a.available-dock:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.2);
}

/****/
.judul-section{
	font-family: 'Montserrat SemiBold';
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
}
@media screen and (max-width:767px) {
	.judul-section{	
		margin-bottom:5px;
	}
}
.judul-info{
	font-family: 'Montserrat Bold';
	font-size:30px;
}
.judul-info .font-italic{
	font-family: 'PlayfairDisplay Regular';
	font-size:30px;
}
.judul-info div.font-italic{
	margin-top:21px;
}
@media screen and (max-width:767px) {
	.judul-info{
		font-size:18px;
	}
	.judul-info .font-italic{
		font-size:18px;
	}
}

/****/
.putih{
	color:#FFF;
}
.biru-muda{
	color:#7bb8fd;
	
}

/****/
.area-header-berita{
	background:#e8e8e8 url(../images/bg-header-berita.png) top right no-repeat;
	background-size:562px;
	
	padding: 45px 0 20px;
}
@media screen and (max-width:767px) {
	.area-header-berita{
		background-size: 70%;
	}
}

/****/
.services-item{
	height:100%;
}
.area-berita-home{
	
}
.area-berita-home .waktu{
	*border:1px solid red;
	float:left;
	*width:100%;
}

.area-berita-home .waktu .tgl,
.area-berita-home .waktu .bln,
.area-berita-home .waktu .thn,
.area-berita-home .waktu .jam{
	background:#7bb8fd;
	color:#FFF;
	
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	float:left;

}
.area-berita-home .waktu .bln{
	background:#01057b;
	

}
.area-berita-home .waktu .thn{
	background:#999;
	

}
.area-berita-home .waktu .jam{
	*float:right;
	margin-left:10px;
	background-color:transparent;
	border:1px solid #999;
	color:#999;
	
}

/****/
.area-berita-home .waktu{
	
}
.area-berita-home .waktu i{
	
	color:#7bb8fd;
	margin-right:15px;
}
.area-berita-home .waktu span.tanggal{
	font-family: 'Montserrat Light';
	font-size:13px;
}
.area-berita-home .waktu span.bulan{
	font-family: 'Montserrat Light';
	font-size:13px;
	text-transform:uppercase;
}
.area-berita-home .waktu span.tahun{
	font-family: 'Montserrat Light';
	font-size:13px;
}

.area-berita-home .judul{
	clear:both;
	text-align:left;
	*padding-left:60px;
	
	font-size:18px;
	
	*padding-top:20px;
	margin-top:20px;
	margin-bottom:20px;
	*background:pink;
	
	border-left:10px solid rgba(0,0,0,0.1);
	border-left:10px solid #7bb8fd;
	padding-left:20px;
	
	float:left;
	width:100%;
}
.area-berita-home .judul a{
	color: rgba(33,33,33,0.7);
	*color:#7bb8fd;
}
.area-berita-home .judul a:hover{
	color: #212121;
	text-decoration:none;
}

.area-berita-home .isi{
	clear:both;
	text-align:left;
	*padding-left:60px;
	
	color:rgba(0,0,0,0.5);
	
	
}
.area-berita-home.detil .judul{
	font-size:18px;
	margin-bottom:20px;
	letter-spacing:1px;
}
.area-berita-home.detil .isi p{
	font-size:14px !important;
	margin-bottom:20px;
}


/****/
.selengkapnya.lihat-semua-berita{
	*position:absolute;
	*bottom:95px;
	*text-align:center;
	text-align: left;
	padding-top:30px;
	padding-bottom: 20px;
	
	clear:both;
	float:left;
	width: 100%;
}
.selengkapnya.lihat-semua-berita a{
	background:#7bb8fd;
	color: rgba(255,255,255,0.8);

	
	height:50px;
	line-height:50px;
	
	padding:0 30px;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px; 
	
	display:inline-block;

}
.selengkapnya.lihat-semua-berita a:hover{
	color: #FFF;
	text-decoration:none;
}

/****/
/*.area-video-home{
	float:left;
	width:100%;
	border:2px solid red;
	position:relative;
	
	
	background:#686d77;
}
.area-video-home .row .col-12{
	padding-left:0px;
	padding-right:0px;
}
.area-video-home .video{
	float:left;
	width:calc(60% + 80px);
	*border:1px solid cyan;
	
	position:relative;
	padding-top:95px;
	padding-bottom:95px;
	*z-index:9;
	
	border:2px solid cyan;
}

.area-video-home .bd-example{
	*width:80%;
	*height:600px;
	
}
.area-video-home .bd-example > .embed-responsive{
	*border:1px solid cyan;
	*width:70% !important;
}
.area-video-home .title{
	clear:right;
	float:right;
	width:40%;
	*height:790px;
	background:#01057b url(../images/bg-video.png) bottom center no-repeat;
	background-size:100%;
	border:1px solid yellow;
	*z-index:8;
	
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	padding-left:120px;
	padding-top:95px;
	
}
.area-video-home .title .selengkapnya{
	*position:absolute;
	*bottom:95px;
}
.area-video-home .title .selengkapnya a{
	background:#FFF;
	color: rgba(33,33,33,0.8);

	
	height:50px;
	line-height:50px;
	
	padding:0 30px;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px; 
	
	display:block;
	
	float:right;
	margin-right:40px;
	margin-top:20px;

}
.area-video-home .title .selengkapnya a:hover{
	color: #212121;
	text-decoration:none;
}

.area-video-home .title .judul-video{
	position:absolute;
	bottom:95px;
	color:#FFF;
	*padding:40px 40px 40px 0;
	padding:30px 40px 30px 0;
	
	border:1px solid rgba(255,255,255,0.2);
	border-left-width:0px;
	margin-right:40px;
	
	-webkit-border-radius: 25px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 25px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 25px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.area-video-home .title .judul-video:before{
	content:"▸ ";
	font-size:20px;
	color:#7bb8fd;
}*/

/****/
/*.area-video-lain{
	
}
.area-video-lain .video-lain{
	border:10px solid red;
	*z-index:99999 !important;
	*position:absolute;
}*/

/****/
.area-video-home{
	background:#686d77;
	height:100%;
	padding-bottom:0px;
}
.area-video-home > .container-fluid,
.area-video-home > .container-fluid > .row,
.area-video-home > .container-fluid > .row > .col-md-7{
	height:100%;
	*border:1px solid yellow;
	
	
}
.area-video-home > .container-fluid > .row > .col-md-7,
.area-video-home > .container-fluid > .row > .col-md-5{
	padding-left:0px;
	padding-right:0px;
}
@media screen and (max-width:767px) {
	.area-video-home > .container-fluid{
		padding-left:0px;
		padding-right:0px;
	}
}
.area-video-home .judul-video-terbaru{
	*width:670px;
	width: calc(100% - 150px);
	float:right;
	
	padding-top:50px;
	padding-bottom:30px;
}
@media screen and (max-width:767px) {
	.area-video-home .judul-video-terbaru{
		width:100%;
		padding-top:0px;
		padding-bottom:0px;
		
		padding:15px 30px;
	}
}
.area-video-home .video-terbaru{
	background:url(../images/bg-shadow-video.png) top right no-repeat;
	background-size:90% auto;
}
@media screen and (max-width:767px) {
	.area-video-home .video-terbaru{
		background-size:100% auto;
	}
}
.area-video-home .video-terbaru .keterangan{
	width:670px;
	float:right;
	padding-top:25px;
	padding-bottom:50px;
}
@media screen and (max-width:767px) {
	.area-video-home .video-terbaru .keterangan{
		width:100%;
		padding:15px 30px;
	}
}
.area-video-home .video-lain{
	background:#01057b url(../images/bg-video.png) bottom center no-repeat;
	background-size:100%;
	height:100%;
	
}
.area-video-home .video-lain > .inner{
	width:470px;
	*border:1px solid pink;
}
@media screen and (max-width:767px) {
	.area-video-home .video-lain{
		padding:15px;
	}
	.area-video-home .video-lain > .inner{
		width:100%;
		float:left;
		*border:1px solid red;
		*background:rgba(0,0,0,0.1);
		*background:rgba(255,255,255,0.2);
		border-top:1px solid rgba(255,255,255,0.2);
	}
}
.area-video-home .video-lain > .inner > .item{
	*border:1px solid yellow;
	padding-left:40px;
	
	float:left;
	width:100%;
	clear:both;
	margin-bottom:50px;
}
@media screen and (max-width:767px) {
	.area-video-home .video-lain > .inner > .item{
		padding:15px;
		margin-bottom:20px;
		
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
}
.area-video-home .video-lain > .inner > .item > .thumb-video{
	float:left;
	width:160px;
	*border:1px solid cyan;
	background:rgba(0,0,0,0.2);
	background:rgba(255,255,255,0.15);
}
.area-video-home .video-lain > .inner > .item > .thumb-video:hover{
	cursor:pointer;
}
.area-video-home .video-lain > .inner > .item > .keterangan{
	float:left;
	width:calc(100% - 160px);
	*border:1px solid yellow;
	padding-left:25px;
}
.area-video-home .video-lain > .inner > .item .btn{
	background:#007bff/*01057b*/;
}

.area-video-home .video-lain > .judul-video-lain{
	width:470px;
	text-align:right;
	padding-top:50px;
	padding-bottom:30px;
}
@media screen and (max-width:767px) {
	.area-video-home .video-lain > .judul-video-lain{
		width:100%;
		padding:15px;
		text-align:inherit;
	}
	.area-video-home .video-lain > .judul-video-lain > .judul-section{
		margin-bottom:0px;
	}
	.area-video-home .video-lain > .judul-video-lain > .judul-info{
		display:none;
	}
}
.area-video-home .video-lain > .judul-video-lain > .judul-info span{
	opacity:0;
}

.area-video-home .nama{
	color:#FFF;
	font-size:18px;
}
.area-video-home .publish{
	font-family: 'Montserrat Light';
	*font-size:10px;
	font-size:14px;
	color:rgba(255,255,255,0.3);
	line-height:20px;
}


.area-video-home .video-lain > .inner .selengkapnya{
	*position:absolute;
	*bottom:95px;
}
.area-video-home .video-lain > .inner .selengkapnya a{
	background:#FFF;
	color: rgba(33,33,33,0.8);

	
	height:50px;
	line-height:50px;
	
	padding:0 30px;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px; 
	
	display:block;
	
	float:right;
	margin-right:40px;
	margin-top:20px;

}
.area-video-home .video-lain > .inner .selengkapnya a:hover{
	color: #212121;
	text-decoration:none;
}
@media screen and (max-width:767px) {
	.area-video-home .video-lain > .inner .selengkapnya{
		*position:relative;
		*border:1px solid yellow;
		clear:both;
		padding-bottom:15px;
	}
	.area-video-home .video-lain > .inner .selengkapnya a{
		
		display: inherit;
		
		float: none;
		margin-right: 15px;
		margin-left:15px;
		margin-top: auto;
		
		text-align:center;
	
	}
}

/****/
.area-produk-baru{
	clear:both;
	*padding-top:0px;
	padding-bottom: 120px;
}
.area-produk-baru .judul-info{
	margin-bottom:50px;
}

/****/
.judul-produk{
	font-family: 'Montserrat Bold';
	font-size:18px;
	*background:pink;
	padding-right:40px;
}
@media screen and (max-width:767px) {
	.judul-produk{
		font-size:14px;
	}
}

/****/
.area-partner{
	background:#fe8e2d;
	padding-top:0;
	padding-bottom:0;
	
}

/****/
.area-header-partner{
	background:#192231 url(../images/bg-header-partner.png) top right no-repeat;
	background-size: auto 100%;
	
	padding: 45px 0 20px;
	margin-bottom:50px;
	
}

/****/
.container-area-partner{
	*border:1px solid red;
}
@media screen and (max-width:767px) {
	.container-area-partner > .row > .col-md-2.col-sm-2.col-xs-12{
		width:50%;
	}
}

/****/
.area-footer-partner{
	background:rgba(0,0,0,0.1);
	padding-top:25px;
	padding-bottom:25px;
}
.area-footer-partner .partner-kategori{
	*border:1px solid red;
	float:left;
	
	height:50px;
	line-height:50px;
	
	padding:0 30px 0 0;
	
	font-family: 'Montserrat Regular';
	font-size:14px;
	text-transform:uppercase;
}
@media screen and (max-width:767px) {
	.area-footer-partner .partner-kategori{
		height: auto;
		line-height: normal;
		padding:0 0px 0 0px;
		
	}
}
.area-footer-partner .partner-kategori img.arrow-right{
	height:19px;
	margin-right:20px;
	*background:cyan;
}
.area-footer-partner .partner-selengkapnya {
	*border:1px solid red;
	float:right;
}
@media screen and (max-width:767px) {
	.area-footer-partner .partner-selengkapnya {
		float: left;
		width:100%;
		margin-top:10px;
	}
}
.area-footer-partner .partner-selengkapnya a{
	background: none;
	color: #FFF;
	border:1px solid rgba(255,255,255,0.2);

	
	height:50px;
	line-height:50px;
	
	padding:0 30px;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px; 
	
	display:block;
	
	font-family: 'Montserrat Regular';
	text-transform:uppercase;

}
.area-footer-partner .partner-selengkapnya a:hover{
	color: #FFF;
	border:1px solid rgba(255,255,255,1);
	text-decoration:none;
}

/****/
.area-contact-form{
	position:absolute;
	*left:0;
	top:0;
	bottom:0;
	*width:350px;
	width:33.33%;
	max-height:100%;
	overflow:auto;
	
	*background:#b6bdcc;
	*background:rgba(182,189,204,0.9);
	background:rgba(182,189,204,1);
	
	padding-left:50px;
	padding-right:50px;
	padding-top:40px;
	padding-bottom:40px;
	
	text-align:center;
}
/*.area-contact-form{
	position:absolute;
	top:140px;
	bottom:80px;
	width: calc(30% - 0px);
	max-height:100%;
	overflow:auto;
	
	background:rgba(182,189,204,0.9);
	padding-left:40px;
	padding-right:20px;
	padding-top:20px;
	
	text-align:center;
	
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}*/
@media screen and (max-width:767px) {
	.area-contact-form{
		width:100%;
		position:relative;
		padding:20px 30px;
		
		top: auto;
		bottom: auto;
		
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;

	}
}
.area-contact-form .container-form {
    left: 0%;
    padding: 0 0;
    margin-left: 0px;
    z-index: 99;
}
.area-contact-form .container-form .form-wrapper {
    background-color: transparent;
    padding: 0 0;
    box-shadow: none;
}
.area-contact-form .container-form .form-wrapper > form > .row {
	margin-left:0px;
	margin-right:0px;
}
.area-contact-form .container-form .form-wrapper > form > .row > .col-md-12{
	padding-left:0px;
	padding-right:0px;
}
.area-contact-form .container-form .form-wrapper > form > .row > .col-md-12 > .form-group{
	*margin-bottom: 5px;
	margin-bottom: 17px;
}

.area-contact-form .container-form .form-wrapper input.form-control{
	*height:32px;
	*line-height:32px;
	height:45px;
	line-height:45px;
	background:rgba(0,0,0,0.1);
	
	border: 1px solid rgba(255,255,255,0.4) !important;
	padding: 0px 20px;
	*border-radius: 16px;
	border-radius: 23px;
}
.area-contact-form .container-form .form-wrapper textarea.form-control{
	background:rgba(0,0,0,0.1);
	
	border: 1px solid rgba(255,255,255,0.4) !important;
	padding: 15px 20px;
	*border-radius: 20px;
	border-radius: 23px;
}
.area-contact-form .container-form .form-wrapper button[type=submit]{
	background:#01057b;
	*color: rgba(255,255,255,0.8);
	color:#FFF;

	
	/*height:36px;
	line-height:36px;
	
	padding:0 30px;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; */
	
	height:50px;
	line-height:50px;
	
	padding:0 30px;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px; 
	
	display:inline-block;
}
.area-contact-info {
	position:absolute;
	right:0;
	bottom:0;
	
	width:33.33%
}
@media screen and (max-width:767px) {
	.area-contact-info {
		width:100%;
		position:relative;
		*border:1px solid red;
	}
}
.area-contact-info .header{
	background:rgba(1,5,123,0.9);
	padding-left:50px;
	padding-top:45px;
	padding-bottom:20px;
}
.area-contact-info .isi{
	*background:rgba(104,109,119,0.9);
	*background:rgba(104,109,119,1);
	background: #71757f;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:45px;
	color:#FFF;
}
.area-contact-info .isi span{
	font-family: 'Montserrat Light';
	*letter-spacing:4px;
	display:inline-block;
	width:100px;
}
@media screen and (max-width:767px) {
	.area-contact-info .header{
		padding-left:30px;
		padding-top:20px;
	}
	.area-contact-info .isi{
		padding-left:30px;
		padding-bottom:20px;
	}
}

/****/
.site-info p{
	font-family: 'Montserrat Light';
}

/****/
a.navbar-brand{
	height:60px;
	
	padding-top:10px;
	padding-bottom:10px;
	
}
@media screen and (max-width:767px) {
	a.navbar-brand{
		*width:calc(100% - 60px);
		*position:relative;
		display:inline-block;
		
		*float:left;
		
		margin-right:0px;
		white-space:normal;
	}
	
}
img.bumn-untuk-negeri{
	height:40px;
	width:auto;
}
a.navbar-brand > img.logo{
	width: auto;
	height:40px;
	
	
}
@media screen and (max-width:767px) {
	a.navbar-brand > img{
		*border:1px solid green;
	}
}

@media screen and (max-width:767px) {
	a.navbar-brand.bumn{
		*border:1px solid red;
		float:left;
		width:90px;
		
		position: absolute;
		left:0;
	}
	a.navbar-brand.bumn > img.bumn-untuk-negeri {
		height: auto;
		width: 100%;
	}
	a.navbar-brand.iki{
		*border:1px solid yellow;
		float:left;
		
		*position:relative;
		/*width:calc(100% - 150px);
		
		position: absolute;
		left:90px;*/
		
		width: calc(100% - 130px);
		position: absolute;
		left: 70px;
		
	}
}

.area-nama-perusahaan{
	*background:cyan;
	*float:left;
	*clear:both;
	
	display:inline-block;
	vertical-align:middle;
	
	border-left:1px solid #01057b;
	margin-left:20px;
	padding-left:20px;
}
@media screen and (max-width:767px) {
	.area-nama-perusahaan{
		*border:2px solid cyan;
		width:calc(100% - 50px);
		white-space:normal;
		padding-left:10px;
		*display:inherit;
		margin-left:0px;
	}
}
.area-nama-perusahaan .nama{
	font-family: 'Montserrat Regular';
	font-size:13px;
	color:#01057b;
	letter-spacing:2px;
}
.area-nama-perusahaan .tagline{
	font-family: 'Montserrat Regular';
	font-size:10px;
	color:#01057b;
	letter-spacing:2px;
}
@media screen and (max-width:767px) {
	.area-nama-perusahaan .nama{
		font-size:9px;
		letter-spacing:normal;
	}
	.area-nama-perusahaan .tagline{
		font-size:8px;
		letter-spacing:normal;
	}
}

/****/
.btn-login{
	*background:cyan;
	border-left:1px solid #919191;
	margin-left:20px;
	padding-left:20px;
	padding-right:20px;
	
	color:#333333;
}
.btn-login b{
	font-family: 'Montserrat Light';
	font-size:12px;
	letter-spacing:2px;
}

/** JUDUL HALAMAN DETIL **/
.area-judul-halaman{
	overflow: hidden;
	position: relative;
	
	margin-top:90px;
	*padding-top:35px;
	padding-top:60px;
	/*
	padding-bottom:25px;*/
	
	*height:175px;
	height:200px;
}
@media screen and (max-width:767px) {
	.area-judul-halaman{
		*margin-top:0px;
		margin-top:34px;
		padding-top:10px;
		padding-bottom:10px;
		height:auto;
		
		padding-top:45px;
	}
}
.area-judul-halaman > .container-fluid > .row > .col-12{
	padding-left:0px;
	padding-right:0px;
}
.area-judul-halaman.histori{
	background:#7bb8fd url(../images/bg-histori.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.manajemen{
	background:#7bb8fd url(../images/bg-manajemen.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.informasi{
	background:#7bb8fd url(../images/bg-informasi.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.download{
	background:#7bb8fd url(../images/bg-download.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.image-gallery{
	background:#7bb8fd url(../images/bg-image-gallery.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.video-gallery{
	background:#7bb8fd url(../images/bg-video-gallery.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.hubungi-kami{
	background:#7bb8fd url(../images/bg-hubungi-kami.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.bangunan-baru{
	background:#7bb8fd url(../images/bg-produk-bangunan-baru.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.gcg{
	background:#7bb8fd url(../images/bg-gcg.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.visi-misi{
	background:#7bb8fd url(../images/bg-visi-misi.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.fasilitas{
	background:#7bb8fd url(../images/bg-fasilitas.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.lokasi{
	background:#7bb8fd url(../images/bg-lokasi.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.testimoni{
	background:#7bb8fd url(../images/bg-testimoni.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.so{
	background:#7bb8fd url(../images/bg-so.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.kegiatan-perusahaan{
	background:#7bb8fd url(../images/bg-kegiatan-perusahaan.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.registrasi{
	background:#7bb8fd url(../images/bg-registrasi.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.karir{
	background:#7bb8fd url(../images/bg-karir.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.profil{
	background:#7bb8fd url(../images/bg-profil.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.sdm{
	background:#7bb8fd url(../images/bg-sdm.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.peralatan{
	background:#7bb8fd url(../images/bg-peralatan.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.partner{
	background:#7bb8fd url(../images/bg-partner.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.klien{
	background:#7bb8fd url(../images/bg-klien.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.lain-lain{
	background:#7bb8fd url(../images/bg-lain-lain.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.whistleblower{
	background:#7bb8fd url(../images/bg-whistleblower.png);
	background-attachment: fixed;
	background-size:100%;
}
.area-judul-halaman.histori,
.area-judul-halaman.manajemen,
.area-judul-halaman.informasi,
.area-judul-halaman.download,
.area-judul-halaman.image-gallery,
.area-judul-halaman.video-gallery,
.area-judul-halaman.hubungi-kami,
.area-judul-halaman.bangunan-baru,
.area-judul-halaman.gcg,
.area-judul-halaman.visi-misi,
.area-judul-halaman.fasilitas,
.area-judul-halaman.lokasi,
.area-judul-halaman.testimoni,
.area-judul-halaman.so,
.area-judul-halaman.kegiatan-perusahaan,
.area-judul-halaman.registrasi,
.area-judul-halaman.karir,
.area-judul-halaman.profil,
.area-judul-halaman.sdm,
.area-judul-halaman.peralatan,
.area-judul-halaman.partner,
.area-judul-halaman.klien,
.area-judul-halaman.lain-lain{
	
	
}
@media screen and (max-width:767px) {
	
	.area-judul-halaman.histori{
		background:#7bb8fd url(../images/bg-mobile-histori.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.manajemen{
		background:#7bb8fd url(../images/bg-mobile-manajemen.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.informasi{
		background:#7bb8fd url(../images/bg-mobile-informasi.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.image-gallery{
		background:#7bb8fd url(../images/bg-mobile-image-gallery.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.video-gallery{
		background:#7bb8fd url(../images/bg-mobile-video-gallery.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.hubungi-kami{
		background:#7bb8fd url(../images/bg-mobile-hubungi-kami.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.bangunan-baru{
		background:#7bb8fd url(../images/bg-mobile-produk-bangunan-baru.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.gcg{
		background:#7bb8fd url(../images/bg-mobile-gcg.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.visi-misi{
		background:#7bb8fd url(../images/bg-mobile-visi-misi.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.fasilitas{
		background:#7bb8fd url(../images/bg-mobile-fasilitas.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.lokasi{
		background:#7bb8fd url(../images/bg-mobile-lokasi.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.testimoni{
		background:#7bb8fd url(../images/bg-mobile-testimoni.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.so{
		background:#7bb8fd url(../images/bg-mobile-so.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.kegiatan-perusahaan{
		background:#7bb8fd url(../images/bg-mobile-kegiatan-perusahaan.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.registrasi{
		background:#7bb8fd url(../images/bg-mobile-registrasi.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.karir{
		background:#7bb8fd url(../images/bg-mobile-karir.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.profil{
		background:#7bb8fd url(../images/bg-mobile-profil.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.sdm{
		background:#7bb8fd url(../images/bg-mobile-sdm.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.peralatan{
		background:#7bb8fd url(../images/bg-mobile-peralatan.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.partner{
		background:#7bb8fd url(../images/bg-mobile-partner.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.klien{
		background:#7bb8fd url(../images/bg-mobile-klien.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
	.area-judul-halaman.lain-lain{
		background:#7bb8fd url(../images/bg-mobile-lain-lain.png);
		background-position:right bottom;
		background-size:100% 100%;
	}
}

/****/
.section-main{
	*min-height:calc(100vh - 90px - 175px - 75px); /** header - header halaman - footer **/
	min-height:calc(100vh - 90px - 200px - 75px); /** header - header halaman - footer **/
	*border:1px solid red;
	background:#ececed;
}
@media screen and (max-width:767px) {
	.section-main{
		min-height:calc(100vh - 252px); /** header - header halaman - footer **/
		*border:1px solid red;
	}
}
@media screen and (max-width:767px) {
	.section-padding.section-main{
		padding:0 0;
	}
}
.section-visi-misi{
	*padding-top:40px;
}
.section-padding-top-0{
	padding-top:0px !important;
}
.judul-main{
	font-family: 'Montserrat Bold';
	font-size:16px;
	*padding-bottom:40px;
	text-transform:uppercase;
}
@media screen and (max-width:767px) {
	.judul-main{
		padding-top: 20px;
	}
}
.container-area-histori{
	
}
.area-histori{
	margin-top:20px;
	clear:both;
}
.area-histori .list{
	float:left;
	width:100%;
	margin-bottom:25px;
}
.area-histori .list .tahun{
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	background:#7bb8fd; 
	color:#FFF;
}
.area-histori .list .keterangan{
	float:left;
	width:calc(100% - 50px);
	padding-left:40px;
	padding-top:16px;
}

/****/
.row-direktur{
	margin-top:40px;
}

/** LOGIN **/
#login-dp{
	min-width: 250px;
	padding: 14px 14px 0;
	overflow:hidden;
	background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
	font-size:12px    
}
#login-dp .bottom{
	background-color:rgba(255,255,255,.8);
	border-top:1px solid #ddd;
	clear:both;
	padding:14px;
}
#login-dp .social-buttons{
	margin:12px 0    
}
#login-dp .social-buttons a{
	width: 49%;
}
#login-dp .form-group {
	margin-bottom: 10px;
}

@media(max-width:768px){
	#login-dp{
		background-color: inherit;
		color: #fff;
	}
	#login-dp .bottom{
		background-color: inherit;
		border-top:0 none;
	}
}

/****/
.area-menu-atas{
	*background:rgba(206,206,206,0.8);
	*background:#7bb8fd;
	background:rgba(123,184,253,0.9);
}
@media screen and (max-width:767px) {
	.area-menu-atas{
		display:none;
		*border:2px solid red;
	}
}

/****/
.menu-utama{
	*border:1px solid red;
	position:relative;
}
.menu-utama > ul{
	*float:right !important;
	*border:1px solid yellow;
	width:auto !important;
	
	float:right !important;
}
.menu-utama > ul > li{
	background-color:transparent !important;
	 
	*float:right !important;
	
	*display: block !important;
	*float: right !important;
}
.menu-utama > ul > li > a{
	height:35px;
	line-height:35px;
	
	display:block;
	
	*font-family: 'Montserrat Light';
	*font-size: 11px;
	text-transform: uppercase;
	*letter-spacing: 2px;
	*color: #01057b;
	color:#FFF;
	
	font-family: 'Montserrat Regular';
	font-size:13px;
	letter-spacing: 1px;
	
	*padding-left:15px;
	*padding-right:15px;
	
	padding-left:7px;
	padding-right:7px;
	
}
.menu-utama > ul > li > a:hover{
	background:rgba(0,0,0,0.5);
	color:#FFF !important;
}
.menu-utama > ul > li:last-child > a{
	*border:1px solid green;
	*padding-right:0px;
}
.menu-utama > ul > li > a > b.caret{
	color:rgba(255,255,255,0.4);
}

/****/
.ul-submenu{
	*border:1px solid green;
	width:100% !important;
	
	position:absolute;
	top:35px;
	left:0px;
	right:0px;
	
	padding:0 0 !important;
	background-color:transparent !important;
}
.area-submenu{
	*border:1px solid red;
	width:100%;
	
	float:left;
	clear:both;
	background:rgba(255,255,255,1) !important;
	*background:rgba(0,0,0,0.6) !important;
}
.area-submenu .banner{
	float:left;
	*width:300px;
	*width:200px;
	*width:25%;
	width:20%;
	height:400px;
	background:#f5f5f5;
	overflow:hidden;
	
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: baseline; /* align vertical */
	
	*border:10px solid red;
	
	display: flex;
	justify-content: flex-end; /* align horizontal */
	align-items: flex-start; /* align vertical */


}
.area-submenu .banner > img{
	*width:100%;
	min-height: 100%;
	min-width: 100%;
	width: auto;
}
.area-submenu .item{
	float:left;
	*width:calc(100% - 300px);
	*width:calc(100% - 200px);
	*width:75%;
	width:80%;
	height:400px;
	padding:20px;
}
.area-submenu .item > a{
	float:left !important;
	*width:calc(33.33% - 1px);
	*margin-right:1px;
	*margin-bottom:1px;
	width:calc(33.33% - 20px);
	margin:1px 10px 1px;
	*margin-bottom:1px;
	*border:1px solid red !important;
	
	*background:#1a508b;
	border-bottom:1px solid #1a508b !important;
	border-bottom:1px solid rgba(0,0,0,0.1) !important;
	*color:#FFF;
	text-align:center;
	
	font-size: 13px;
	*padding-left:0px;
	*padding-right:0px;
	
	padding:15px 0;
	color:#454545;
}
.area-submenu .item > a:hover{
	background:#0e3f72;
	background:#1a508b;
	color:#FFF;
}
@media screen and (max-width:767px) {
	.area-submenu .item > a:hover{
		background:#ababab;
	}
}
.area-submenu .item > a span.sertifikat{
	*display:inline-block;
	width:100%;
	padding:10px 20px;
	
	*border:1px solid red;
	float:left;
}
.area-submenu .item > a span.sertifikat img{
	width:100%;
}

/****/
.area-pagination {
	text-align:center;
	margin-top:30px;
}
.area-pagination a{
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #999;
	
	display: inline-block;
	margin: 0 5px;
	width: 45px;
	text-align: center;
	padding: 12px 0;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	letter-spacing: 0;
}
.area-pagination a:hover{
	border-radius: 4px;
	background: none;
	opacity: 1;
	border: 1px solid #7bb8fd;
	color: #7bb8fd;
}

/****/
.container-hubungi-kami{
	*left: 0%;
	padding: 0px 15px 0px;
	margin-left: -15px;
	*z-index: 99;
}
@media screen and (max-width:767px) {
	.container-hubungi-kami{
		padding:30px 30px;
	}
}
.container-hubungi-kami button[type=submit]{
	background:#01057b;
}

/****/
.area-alamat-perusahaan{
	
}
@media screen and (max-width:767px) {
	.area-alamat-perusahaan{
		padding:0px 15px 30px;
	}
}
.area-alamat-perusahaan .nama{
	font-family: 'Montserrat Bold';
	font-size: 14px;
	*padding-bottom: 40px;
	text-transform: uppercase;
	
}
.area-alamat-perusahaan .alamat{
	margin-bottom:40px;
}
.area-alamat-perusahaan .telp,
.area-alamat-perusahaan .fax,
.area-alamat-perusahaan .email{
	font-family: 'Montserrat Light';
	font-size: 18px;
	letter-spacing:2px;
	
	margin-bottom:10px;
}
@media screen and (max-width:767px) {
	.area-alamat-perusahaan .telp,
	.area-alamat-perusahaan .fax,
	.area-alamat-perusahaan .email{
		font-size: 13px;
		letter-spacing: 1px;
	}
}
.area-alamat-perusahaan .fax{
	
}

.area-alamat-perusahaan .email{
	
}
.area-alamat-perusahaan .telp span,
.area-alamat-perusahaan .fax span,
.area-alamat-perusahaan .email span{
	display:inline-block;
	width:150px;
	font-size: 10px;
	*color:#7bb8fd;
	color:rgba(0,0,0,0.4);
}
.area-alamat-perusahaan i{
	background:#7bb8fd;
	*border:2px solid #7bb8fd;
	color:#FFF;
	*color:#7bb8fd;
	
	display:inline-block;
	
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	
	margin-left:20px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	font-size:20px; 

}
@media screen and (max-width:767px) {
	.area-alamat-perusahaan .telp span,
	.area-alamat-perusahaan .fax span,
	.area-alamat-perusahaan .email span{
		width: 90px;
		*background: pink;
	}
	.area-alamat-perusahaan i{
		margin-left:0px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}

/****/
/* BANGUNAN BARU */
#produk {
  *background: url(../img/background/bg-pricing.jpg);
  *background:url(../../../../images/bg-produk.png);
  *background-attachment: fixed;
  overflow: hidden;
  position: relative;
  
  *background-size:100%;
}

#produk .section-title-header .section-title {
  color: #fff;
}

#produk .section-title-header p {
  color: #fff;
}

#produk .price-block-wrapper {
  text-align: center;
  display: inline-block;
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  padding: 30px;
  padding: 0 0 30px;
  
}
@media screen and (max-width:767px) {
	#produk .price-block-wrapper {
		
	}
}


#produk .price-block-wrapper .icon {
  padding: 20px;
}

#produk .price-block-wrapper .icon i {
  font-size: 60px;
  color: #E91E63;
}

#produk .price-block-wrapper .colmun-title {
  *margin-top: 15px;
  margin-top:0px;
}

#produk .price-block-wrapper .colmun-title h5 {
  font-size: 18px;
  line-height: 30px;
  color: #212121;
  margin-bottom: 5px;
  font-weight: 700;
  background: #ffffff;
  text-transform: uppercase;
  
  *border-bottom:2px solid #7bb8fd;
  background:#01057b/*7bb8fd*/;
  color:#FFF;
  
  height:100px;
  line-height:normal;
  
  padding:0 20px;
  
  display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */

}

#produk .price-block-wrapper .price {
  padding-bottom: 10px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}
@media screen and (max-width:767px) {
	#produk .price-block-wrapper .price {
		padding-left:15px;
		padding-right:15px;
	}
}

#produk .price-block-wrapper .price h2 {
  *font-size: 38px;
  color: #5c5c5c;
  *line-height: 42px;
  margin: 0;
  
  font-family: 'Montserrat Light';
  font-size:15px;
  line-height:normal;
  padding-top:15px;
  margin-bottom:20px;
  
  font-weight:normal;
  
}
#produk .price-block-wrapper .price h2 span{
	display:inline-block;
	width:100%;
	text-transform:uppercase;
	color: #5c5c5c;
	border-bottom:1px solid rgba(0,0,0,0.1);
	
	font-family: 'Montserrat Regular';
	font-size:17px;
	padding-bottom:20px;
	
}

#produk .price-block-wrapper .price p {
  font-size: 15px;
  color: #5c5c5c;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}

#produk .price-block-wrapper .pricing-list {
  *padding: 10px  60px 10px 78px;
  text-align: left;
  
  padding: 10px  30px 10px 35px;
}

#produk .price-block-wrapper .pricing-list ul {
  padding-bottom: 15px;
}

#produk .price-block-wrapper .pricing-list ul li {
  font-size: 15px;
  color: #212121;
  font-weight: 400;
  padding: 2px 0px;
  
  font-family: 'Montserrat Light';
}

#produk .price-block-wrapper .pricing-list ul li i {
  margin-right: 7px;
  font-size: 12px;
  *color: #E91E63;
  color:#7bb8fd;
}

#produk .price-block-wrapper .btn i {
  font-size: 12px;
  margin-right: 5px;
}

/****/
.area-produk-item{
	
}
@media screen and (max-width:767px) {
	.area-produk-item:nth-child(1){
		margin-top:20px;
	}
}

.area-produk-item .foto{
	height: 160px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.area-produk-item .foto img{
	width:100%;
}
.area-produk-item a.btn{
	background:#7bb8fd;
}

/****/
/*.area-visi-misi .col-md-12{
	margin-bottom:40px;
}
.area-visi-misi .item{
	border:1px solid rgba(255,255,255,0.5);
	
}
.area-visi-misi .item:hover{
	border:1px solid rgba(255,255,255,1);
}
.area-visi-misi .icon i{
	color:#fe8e2d;
	font-size:80px;
}
*/
.area-visi-misi{
	
}
.area-visi-misi .item{
	float:left;
	width:100%;
	height:240px;
	clear:both;
	
	margin-bottom:50px;
}
.area-visi-misi .item .gambar{
	float:left;
	width:30%;
}
@media screen and (max-width:767px) {
	.area-visi-misi .item{
		height:auto;
		margin-bottom:0px;
		padding:30px 15px;
		
	}
	.area-visi-misi .item:nth-child(1){
		border-bottom:1px solid rgba(0,0,0,0.1);
	}
	.area-visi-misi .item .gambar{
		width:100%;
	}
}
.area-visi-misi .item .gambar img{
	width:100%;
}
.area-visi-misi .item .keterangan{
	float:left;
	width:70%;
	height:100%;
	
	*border:1px solid cyan;
	padding:0 40px;
	
	*display: flex;
	*justify-content: center; /* align horizontal */
	*align-items: center; /* align vertical */
	
	text-align:center;
	
	background:rgba(255,255,255,0.2);
	border:1px solid rgba(255,255,255,0.2);

}
@media screen and (max-width:767px) {
	.area-visi-misi .item .keterangan{
		width:100%;
	}
}
.area-visi-misi .item:hover .keterangan{
	border:1px solid rgba(255,255,255,1);
}
.area-visi-misi .item .keterangan h3 a{
	color:#333 !important;
}
.area-visi-misi .item .keterangan .icon {
	*color:#fe8e2d;
	font-size:80px;
	color:#7bb8fd;
}
.area-visi-misi .item .keterangan .icon i{
	font-size:30px !important;
	
	border:1px solid #7bb8fd;
	width:60px;
	height:60px;
	line-height:60px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 

	
}

/****/
.container-sdm{
	
}
@media screen and (max-width:767px) {
	.container-sdm{
		padding:30px 45px;
		*border:1px solid red;
	}
}

/****/
.area-sdm{
	text-align:left;
}
.area-sdm .inner{
	float:left;
	width:100%;
	clear:both;
}
.area-sdm .inner .data{
	float:left;
	width:70%;
	padding-right:50px;
}
.area-sdm .inner .grafik{
	float:left;
	width:30%;
}
.area-sdm .inner .grafik img{
	width:70%;
}
@media screen and (max-width:767px) {
	.area-sdm .inner .data{
		width:100%;
		padding-right:0px;
	}
	.area-sdm .inner .grafik{
		width:100%;
		padding-top:20px;
		
		display: flex;
		justify-content: center; /* align horizontal */
		align-items: center; /* align vertical */

	}
	.area-sdm .inner .grafik img{
		*margin:0 auto;
	}
}
.area-sdm ul li{
	list-style: square;
	list-style-position:inside;
}
.area-sdm .total-employee{
	float:left;
	width:100%;
	clear:both;
	background:rgba(0,0,0,0.4);
	color:rgba(255,255,255,0.8);
	
	margin-top:40px;
}
.area-sdm .total-employee .item{
	padding:10px 20px;
}
.area-sdm .total-employee .item:nth-child(1){
	float:left;
	width:40%;
}
.area-sdm .total-employee .item:nth-child(2){
	float:left;
	width:30%;
	background:rgba(0,0,0,0.5);
}
.area-sdm .total-employee .item:nth-child(3){
	float:left;
	width:30%;
	background:rgba(0,0,0,0.7);
}
@media screen and (max-width:767px) {
	.area-sdm .total-employee{
		margin-top:20px;
	}
	.area-sdm .total-employee .item:nth-child(1),
	.area-sdm .total-employee .item:nth-child(2),
	.area-sdm .total-employee .item:nth-child(3){
		width:100%;
	}
}

/****/
.area-fasilitas .item{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:20px;
}
.area-fasilitas .item .judul-main{
	margin-bottom:20px;
}
.area-fasilitas .gambar {
	float:left;
	width:350px;
}
.area-fasilitas .gambar img{
	width:350px;
}
@media screen and (max-width:767px) {
	.area-fasilitas .gambar {
		width:100%;
		text-align:center;
	}
	.area-fasilitas .gambar img{
		width:60%;
	}
}
.area-fasilitas ul {
	float:left;
	width:calc(100% - 350px);
	margin-top:20px;
	margin-bottom:40px;
}
.area-fasilitas ul li{
	list-style:square;
	list-style-position:inside;
}
@media screen and (max-width:767px) {
	.area-fasilitas ul {
		width:calc(100% - 0px);
		*padding:0 30px;
	}
}

/****/
.area-partner-perusahaan{
	*border:1px solid red;
}
@media screen and (max-width:767px) {
	.area-partner-perusahaan{
		padding:30px;
	}
}
.area-partner-perusahaan ul{
	padding-top:20px;
	padding-bottom:50px;
}
.area-partner-perusahaan ul li{
	display:inline-block;
	background:rgba(255,255,255,0.6);
	padding:20px 40px;
	margin-bottom:4px;
}
.area-partner-perusahaan ul li:hover{
	background:#FFF;
	*cursor:pointer;
}
.area-partner-perusahaan ul li img{
	height:50px;
}
@media screen and (max-width:767px) {
	.area-partner-perusahaan ul li{
		padding:10px 10px;
	}
}

/****/
.container-lokasi{
	
}
@media screen and (max-width:767px) {
	.container-lokasi{
		padding:30px 15px;
	}
}
.area-lokasi{
	
}
.area-lokasi img.lokasi{
	max-width:100%;
}
@media screen and (max-width:767px) {
	.area-lokasi{
		padding:30px;
		overflow:auto;
	}
	.area-lokasi img.lokasi{
		max-width:200%;
	}
}

/****/
.area-profil p{
	margin-bottom:20px;
}
@media screen and (max-width:767px) {
	.area-profil {
		padding:30px 15px;
	}
}

/****/
.area-video-gallery{
	
}
@media screen and (max-width:767px) {
	.area-video-gallery{
		border-bottom:1px solid rgba(0,0,0,0.1);
		padding-bottom:20px;
	}
}

.area-video-gallery > a:hover{
	cursor:pointer !important;
}
.area-video-gallery > a > img{
	background:rgba(0,0,0,0.1);
}

/****/
.area-gcg a{
	float:left;
	width:calc(25% - 40px);
	height:140px;
	*border:1px solid red;
	text-align:center;
	
	margin:0 20px 20px;
	background:rgba(255,255,255,0.5);
	color:#333;
	
	
}
.area-gcg a:hover{
	background:rgba(255,255,255,1);
}
.area-gcg a i{
	display:inline-block;
	width:100%;
	
	background:#1a508b;
	color:#FFF;
	font-size:36px;
	
	padding:10px 0;
	margin-bottom:20px;
}

/****/
.area-registrasi{
	
}
@media screen and (max-width:767px) {
	.area-registrasi{
		padding:30px;
	}
	.area-registrasi ~ .btn{
		margin:0 auto;
		display:inline-block;
		width:calc(100% - 60px);
		margin:0px 30px 15px;
	}
}
.area-registrasi .inner{
	*padding-left:10px; 
	*padding-right:10px; 
	*overflow-y:scroll;
	*overflow-x:hidden; 
	*height:420px; 
	*font-family:Arial, Helvetica, sans-serif; 
	*font-size:11px; 
	*border:solid 1px #CCC;
}
.area-registrasi .inner ol{
	padding-left:40px;
	margin:20px 0;
}
.area-registrasi .inner ol li{
	list-style:square;
	*list-style-position:inside;
}

/****/
.area-ketersediaan-dock{
	
}
.area-ketersediaan-dock .inner{
	*border:2px solid red;
	display:inline-block;
	width:100%;
}
.area-ketersediaan-dock .inner .judul-main{
	*border:1px solid green;
	background:#1a508b;
	color:#FFF;
	
	height:40px;
	line-height:40px;
	padding:0 20px;
	
	clear:both;
}
.area-ketersediaan-dock .inner .item{
	border-bottom:1px solid rgba(255,255,255,1);
	padding:20px 0;
	float:left;
	width:100%;
	clear:both;
}
.area-ketersediaan-dock .inner .item .ikon{
	float:left;
	width:120px;
	height:100px;
	line-height:100px;
	background:#FFF;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	text-align:center;
}
@media screen and (max-width:767px) {
	.area-ketersediaan-dock .inner .item .ikon{
		width:calc(100% - 60px);
		margin:0 auto;
		float:none;
	}
}
.area-ketersediaan-dock .inner .item .data{
	float:left;
	width:calc(100% - 120px - 300px);
	*background:cyan;
}
@media screen and (max-width:767px) {
	.area-ketersediaan-dock .inner .item .data{
		width:calc(100% - 0px);
	}
}
	.area-ketersediaan-dock .inner .item .data .nama{
		padding-left:40px;
		padding-right:40px;
	}
	.area-ketersediaan-dock .inner .item .data .nama span{
		border-bottom:1px solid rgba(0,0,0,0.2);
		padding-bottom:20px;
		display:inline-block;
		width:100%;
	}
	.area-ketersediaan-dock .inner .item .data .status{
		font-family: 'Montserrat Light';
		
		padding-top:20px;
		padding-left:40px;
		padding-right:40px;
	}
	@media screen and (max-width:767px) {
		.area-ketersediaan-dock .inner .item .data .nama span{
			padding-top:10px;
			padding-bottom:10px;
		}
		.area-ketersediaan-dock .inner .item .data .status{
			padding-top:10px;
			padding-bottom:10px;
		}
	}
.area-ketersediaan-dock .inner .item .sejak{
	float:left;
	width:300px;
	*background:yellow;
	
	text-align:center;
	text-transform:uppercase;
	
	border:1px solid rgba(0,0,0,0.2);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	height:100px;
	font-size:18px;
	
	padding-top:18px;
	position:relative;
	
}
@media screen and (max-width:767px) {
	.area-ketersediaan-dock .inner .item .sejak{
		width:calc(100% - 60px);
		margin:0 auto;
		float:none;
		clear:both;
		height: auto;
		padding-top:10px;
		padding-bottom:10px;
	}
}
.area-ketersediaan-dock .inner .item .sejak i{
	font-size:14px;
	color:#7bb8fd;
	
	position:absolute;
	top:10px;
	left:10px;
}
.area-ketersediaan-dock .inner .item .sejak span{
	font-family: 'Montserrat Light';
	font-size:14px;
	text-transform:none;
}
/*.area-ketersediaan-dock .inner .item .status{
	
}*/

/****/
.area-karir{
	
}
.area-karir .card{
	margin-bottom:20px;
}
.area-karir .card-header h4{
	font-size:20px;
	text-transform:uppercase;
}
.area-karir .card-header h5.name{
	font-size:16px;
	color:#999;
}
.area-karir .location{
	font-family: 'Montserrat Light';
}

/****/
.area-bahasa{
	background:rgba(0,0,0,0.1);
	float:left;
	height:35px;
	
	*padding-right:10px;
}
.area-bahasa a{
	float:left;
	
	padding:0px 10px;
	height:35px;
	border-right:1px solid rgba(255,255,255,0.2);
}
.area-bahasa a:hover{
	background:rgba(0,0,0,0.1);
}
.area-bahasa a:nth-child(2){
	*margin-right:0px;
	*margin-left:5px;
	border-right: none;
}
.area-bahasa a img{
	height:14px;
	margin-top:10px;
}
@media screen and (max-width:767px) {
	.area-bahasa{
		background:rgba(0,0,0,0.3);
		width:100%;
		height: auto;
		padding:5px 5px;
	}
	.area-bahasa a{
		height: auto;
		padding:0px 7px;
		border:1px solid rgba(255,255,255,0.3);
	}
	.area-bahasa a:nth-child(2){
		border:1px solid rgba(255,255,255,0.3);
	}
	.area-bahasa a img{
		margin-top:0px;
	}
}

/****/
.container-area-manajemen{
	
}
@media screen and (max-width:767px) {
	.container-area-manajemen{
		padding:30px 15px;
	}
}
.container-area-manajemen .modal-dialog{
	margin-top:120px;
}
.container-area-manajemen .modal-dialog > .modal-content{
	
}
.container-area-manajemen .modal-dialog > .modal-content > .modal-header{
	*border:1px solid red;
	background:#01057b;
	
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.container-area-manajemen .modal-dialog > .modal-content > .modal-header > button{
	float:right;
	color:#FFF;
}
.container-area-manajemen .modal-dialog > .modal-content > .modal-header > h4{
	float:left;
	font-size:16px;
	color:#FFF;
}
.container-area-manajemen .modal-dialog > .modal-content > .modal-body{
	
}
.container-area-manajemen .modal-dialog > .modal-content > .modal-footer{
	background:rgba(0,0,0,0.2);
	border-top:1px solid rgba(0,0,0,0.1);
}
.container-area-manajemen .modal-dialog > .modal-content > .modal-footer > button{
	background:#7bb8fd;
	color:#FFF;
}
.container-area-manajemen .team-overlay{
	*position:relative;
	*z-index:99999;
	
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	
	*border:10px solid red;

}
.container-area-manajemen .team-overlay i{
	color:#FFF;
	margin-top:-50px;
	background:rgba(255,255,255,0.2);
	
	width:40px;
	height:40px;
	line-height:40px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 

}
.container-area-manajemen .team-overlay a{
	*position:fixed;
	border:1px solid red;
	*z-index:999;
	*display:block;
	*left:0px;
	*right:0;
}

/****/
.area-profil-manajemen{
	
}
.area-profil-manajemen h3.nama{
	font-size:22px;
	text-transform:uppercase;
}
.area-profil-manajemen table{
	font-size:14px;
}

/****/
.container-kegiatan-perusahaan{
		
}
.container-kegiatan-perusahaan .gallery-box .img-thumb{
			
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	
	background:#FFF;
	padding:20px 20px;
}
#gallery .gallery-box .overlay-box {
	padding-top: inherit;
	
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */

}

/****/
.container-testimoni{
	
}
.container-testimoni .overview{
	padding-top:20px;
}
.container-testimoni .overview .nama{
	
}
.container-testimoni .overview .jabatan{
	font-family: 'Montserrat Light';
}

/****/
.container-video{
	
}
.container-video .judul-video{
	padding-top:20px;
}
@media screen and (max-width:767px) {
	.container-video{
		padding-top:20px;
	}
}

/****/
.container-image-category{
	
}
@media screen and (max-width:767px) {
	.container-image-category{
		padding-top:20px;
	}
}

.container-image-category .gallery-box{
	position:relative;
}
.container-image-category .gallery-box .jumlah{
	position:absolute;
	top:0;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	padding:20px;
}
.container-image-category .gallery-box .nama{
	position:absolute;
	bottom:0;
	
	
	width:100%;
}
.container-image-category .gallery-box .nama a{
	padding:20px;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	display:block;
}
.container-image-category .gallery-box .nama a:hover{
	background:rgba(1,5,123,0.7);
	
}

/****/
.area-welcome-image{
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	
	*border:1px solid red;

}
.area-welcome-image > img.img-welcome{
	*width:360px;
	*width:80%;
	*width:120px;
	*height:120px;
	
	display:inline-block;
	width:300px;
	height:300px;
}



/****/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/****/
/*.container-lain-lain .gallery-box .img-thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    padding: 20px 20px;
}*/

/****/
.area-booking-form{
	
}
.area-booking-form table td{
	padding:10px;
}
@media screen and (max-width:767px) {
	.area-booking-form .btn{
		display:inline-block;
		width:100%;
		margin-bottom:10px;
	}
}

/****/
.area-header-sertifikat{
	*background:red;
}
.area-header-sertifikat span{
	border:1px solid #FFF;
	background:rgba(255,255,255,0.7);
	display:inline-block;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	padding:5px 13px;
	box-sizing:border-box;
	
	box-shadow: 0 8px 6px -7px rgba(0,0,0,0.1);
}
.area-header-sertifikat span:hover{
	background:rgba(255,255,255,1);
}
.area-header-sertifikat img{
	height:30px;
	*height:40px;
	*margin-left:20px;
}
@media screen and (max-width:767px) {
	.area-header-sertifikat{
		*background:red;
		background:rgba(0,0,0,0.2);
		padding:10px;
		width:100%;
	}
	.area-header-sertifikat span{
		width:calc(25% - 3px);
	}
}

/****/
.halaman{
	
}
.halaman a {
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #999;
    display: inline-block;
    margin: 0 5px;
    width: 45px;
    text-align: center;
    padding: 12px 0;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
    letter-spacing: 0;
}
@media screen and (max-width:767px) {
	.halaman{
		padding:0 15px 10px;
		font-size: 12px;
		width:100%;
	}
	.halaman span.menampilkan,
	span.menampilkan{
		display:inline-block;
		width:100%;
		text-align:center;
		
		font-size: 12px;
		padding-bottom:7px;
	}
	.halaman span.cd-pagination,
	span.cd-pagination{
		display:inline-block;
		width:100%;
		text-align:center;
		
		padding-top:7px;
		border-top:1px solid rgba(255,255,255,0.7);
		
		font-size: 12px;
	}
	.halaman a {
		margin: 0 2px;
		width: 30px;
		
		font-size: 12px;
		line-height: 5px;
	}
}

/****/
@media screen and (max-width:767px) {
	.slicknav_nav ul{
		margin:0 15px;
	}
	.slicknav_nav > li{
		border-bottom:1px solid #01057b;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	.slicknav_nav .banner{
		/*border:1px solid red;
		float: left;
		width: 100%;
		height: 100px;
		background: #f5f5f5;
		overflow: hidden;*/
		display:none;
	}
	.slicknav_nav .area-submenu .item {
	
		float: left;
		*width: calc(100% - 300px);
		width: calc(100% - 0px);
		height: auto;
		padding: 0px;
		
		max-height:80vh;
		overflow:auto;
	
	}
	.slicknav_nav .area-submenu .item > a {

		float: left !important;
		*width: calc(33.33% - 20px);
		width:100%;
		margin: 0 auto;
		border-bottom: 1px solid rgba(0,0,0,0.1) !important;
		text-align: center;
		font-size: 12px;
		padding: 5px 0;
		color: #454545;
	
	}
}

/****/
.area-fasilitas{
	
}
@media screen and (max-width:767px) {
	.area-fasilitas{
		float:left;
		width:100%;
		padding:30px;
	}
}

/****/
/*.area-pencarian{
	*border:1px solid red;
}
.area-pencarian > input[type=text] {
    width: 130px;
	height:34px;
	
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	
	/****
	width: 130px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	background-color: white;
	background-image: url('searchicon.png');
	background-position: 10px 12px;
	background-repeat: no-repeat;
	padding: 12px 20px 12px 40px;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% *
.area-pencarian > input[type=text]:focus {
    width: 100%;
} */



.area-pencarian {
  float: right;
  margin-left:20px;
}

.area-pencarian input[type=text] {
  padding: 6px;
  *margin-top: 8px;
  *font-size: 17px;
  border: none;
  
  height:35px;
}

.area-pencarian button {
  float: right;
  padding: 6px 10px;
  *margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  
  height:35px;
}

.area-pencarian button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .area-pencarian {
    float: none;
  }
  .area-pencarian input[type=text], 
  .area-pencarian button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .area-pencarian input[type=text] {
    border: 1px solid #ccc;  
  }
}

.area-shortcut-slider{
	*border:1px solid red;
	position:absolute;
	right: 100px;
	bottom:30px;
	
}
@media screen and (max-width:767px) {
	.carousel-inner{
		*padding-bottom: 100px;
	}
	.area-shortcut-slider{
		*border: 2px solid red;
		*position:relative;
		*clear:both;
		*background:pink;
		bottom:0px;
		*bottom:-100px;
		width:100%;
		*height: 100px;
		padding-bottom:10px;
		
		*background:rgba(0,0,0,0.4);
		right: 0px;
	}
	.area-shortcut-slider a{
		font-size:11px;
	}
	.area-shortcut-slider a.btn {
		*background-color: #7bb8fd;
		*color: rgba(255,255,255,0.8);
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		*-webkit-border-radius: 25px;
		*-moz-border-radius: 25px;
		border-radius: 25px;
		*display: inline-block;
		margin-top: 10px !important;
	}
}

/****/
.modal{
	*border: 2px solid green;
	
	*display: flex;
	*justify-content: center; /* align horizontal */
	*align-items: center; /* align vertical */
}
.modal-dialog.modal-lg{
	*border: 1px solid red;
	
	*position: absolute;
	*top: auto;
	*bottom: auto;
	*left: 0;
	*right: 0;
	
	*z-index: 999999;
	
	margin: calc(50vh - 250px) auto auto;
}

/** 04 122018 **/
.area-buku-produk-baru{
	*border: 2px solid red;
	height: 400px;
	*position: relative;
}
.area-buku-produk-baru > .bb-custom-wrapper{
	*border: 2px solid cyan;
}
.area-buku-produk-baru > .bb-custom-wrapper > .bb-bookblock{
	*border: 2px solid red;
}
.area-buku-produk-baru > .bb-custom-wrapper > .bb-bookblock > .bb-item{
	*border: 2px solid blue;
}
.area-buku-produk-baru > .bb-custom-wrapper > .bb-bookblock > .bb-item > .bb-custom-side{
	*border: 2px solid orange;
}

.area-buku-produk-baru .sisi-kiri{
	background: #FFF url(../images/bg-buku-kiri.jpg) !important;
	*border: 1px solid yellow;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}
.area-buku-produk-baru .sisi-kiri img{
	width:75%;
	height: auto;
	max-height: 80%;
}
.area-buku-produk-baru .sisi-kanan{
	background: #FFF url(../images/bg-buku-kanan.jpg) !important;
	*border: 1px solid green;
	
	width: 100%;
	height: 100%;
}

/****/
.area-buku-produk-baru .judul-produk{
	padding: 15px 20px 0;
	text-align: center;
}
.area-buku-produk-baru.detil .judul-produk{
	padding-top: 0px;
}
.area-buku-produk-baru .area-spek {
	*border: 1px solid cyan;
	padding: 20px;
	float: left;
	width: 100%;
}
.area-buku-produk-baru .area-spek > .item{
	*border: 1px solid red;
	width: calc(33.33% - 2%) !important;
	margin: 1% 1%;
	padding: 2% 0;
	float: left;
	text-align: center;
	
	background: rgba(255,255,255,0.5);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	*box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
}
.area-buku-produk-baru.detil .area-spek > .item{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
@media screen and (max-width:767px) {
	.area-buku-produk-baru.detil .area-spek > .item{
		width: calc(50% - 2%) !important;
	}
}
.area-buku-produk-baru .area-spek > .item > .ikon{
	margin-top: 8px;
}
.area-buku-produk-baru .area-spek > .item > .title{
	margin-bottom: 8px;
}
.area-buku-produk-baru .area-spek > .item > .title span{
	display: inline-block;
	*border-bottom: 2px solid #7bb8fd;
	border-bottom: 2px solid rgba(0,0,0,0.1);
	font-size: 12px;
	padding: 0 4px 5px;
}
.area-buku-produk-baru .area-spek > .item > .nilai{
	margin-bottom: 8px;
}

/****/
.area-produk-slide > .responsive .item-produk{
	background: rgba(255,255,255,1);
	*background: #F4F4F4;
	padding: 15px;
	*height: 200px;
	
}

.area-produk-slide > .responsive .item-produk .judul-produk{
	padding-bottom: 10px;
	height: 60px;
	
	text-align: center;
	
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */

}
.area-produk-slide > .responsive .item-produk .foto-produk{
	width: 100%;
	height: 200px;
	*min-height: 100px;
	*border: 1px solid red;
	
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	
	padding: 15px 0;
	margin-bottom: 15px;
	
}
.area-produk-slide > .responsive .item-produk img{
	*border: 1px solid rgba(255,255,255,0.7);
	*margin-bottom: 5px;
	
	*height: 100%;
	*width: auto;
	
	max-width: 100%;
	max-height: 100%;
	min-height: 100%;
	
	width: auto;
	height: auto;
}
.area-produk-slide .area-spek{
	
}
.area-produk-slide .area-spek .item{
	border-bottom: 1px solid rgba(255,255,255,0.7);
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding: 5px 0;
}
.area-produk-slide .area-spek .item .ikon{
	*border: 1px solid red;
	float: left;
	width: 30px;
}
.area-produk-slide .area-spek .item .title{
	*border: 1px solid cyan;
	float: left;
	width: calc(100% - 30px - 80px);
}
.area-produk-slide .area-spek .item .nilai{
	*border: 1px solid yellow;
	float: left;
	width: 80px;
	text-align: right;
}

/****/
.section-gallery-detil{
	*border: 1px solid red;
}
@media screen and (max-width:767px) {
	.section-gallery-detil .col-md-6.col-sm-6.col-lg-4:first-child{
		margin-top: 30px;
	}
	.section-gallery-detil .selengkapnya.lihat-semua-berita {
		padding-top: 0px;
		
	}
}

/****/
.area-whistleblower{
	
}
.area-whistleblower ol,
.area-whistleblower ul{
	list-style-position: inside;
	padding-left: 20px !important;
}
.area-whistleblower ol li{
	list-style: decimal;
	*border: 1px solid cyan;
	padding: 4px 0;
}
.area-whistleblower ul li{
	list-style: circle;
	*border: 1px solid red;
	padding: 4px 0;
}
.area-whistleblower ol li > ol li {
	list-style-type: lower-alpha ;	
}