@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i');
@import url('font-awesome.min.css');

/*call fonts
	font-family: 'Open Sans', sans-serif;
	font-family: 'Lora', serif;
end*/

/*slick carousel 1.5.9*/
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*end slick-carousel*/

/*global*/
.visible-xs{
	display:none;
}
@media(max-width:767px){
	.hidden-xs{
		display:none
	}
	.visible-xs{
		display:block
	}
}
/*global*/
.table{
	border:0;
	border-collapse:collapse;
}
.container:before,
.container:after,
.form-group:before,
.form-group:after,
.clearfix:before,
.clearfix:after,
.section-col:before,
.section-col:after{
	display: table;
	content: " ";
}
.container:after,
.form-group:after,
.clearfix:after,
.section-col:after{
 	clear: both;
}

*, 
*:after, 
*:before{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
:focus{
	outline:none;
	box-shadow:none;
}
a{
	text-decoration:none;
	color:#231f20;
}
input{
	-webkit-appearance: none;
	box-shadow:none !important;
}
.input-group{
	display:table;
}
.input-group .form-control,
.input-group .input-group-btn{
	display:table-cell;
	vertical-align:middle;
}
.input-group .input-group-btn{
	width:1%;
}
.input-group .form-control{
	width:100%;
	border: 0;
	border-radius:0;
	padding:0;
}
img{
	border:0;
	vertical-align:middle;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.list-unstyled,
.list-inline{
	margin:0;
	padding:0;
	list-style:none;
}
.list-inline > li{
	display:inline-block;
	vertical-align:middle;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}
input{
	-webkit-appearance: none;
}
:hover,
:focus {
    outline:none;
}
.img-full{
	width:100%;
}
.img-max{
	max-width:100%;
	margin:0 auto;
	display:block;
}
.full-width {
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p{
	line-height: 1.4em;
	font-weight:normal;
	margin:0;
}
.img-block{
	position:relative;
	display:block;
}
.img-block > img{
	width:100%;
}
body{
	position:relative;
	margin:0;
	padding:0;
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%; 
	font-size:14px;
	color:#000;
}
.container{
    width:100%;
	max-width:100%;
	margin:0 auto;
}
/*header*/
.header{
	padding:30px 15px;
	display:table;
	width:100%;
}
.header-right span{
	margin-left:10px;
}
@media (max-width:359px){
	.header-left .logo > img,
	.header-right .img-partner > img{
		height:40px
	}
	.header-right span{
		margin-left:5px;
	}
}
/*end header*/
/*navbar*/
.navbar{
	background: #00a4e4;
	background: -moz-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #00a4e4), color-stop(100%, #03306a));
	background: -webkit-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -o-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -ms-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: linear-gradient(to bottom, #00a4e4 0%, #03306a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4e4', endColorstr='#03306a', GradientType=0 );
	position:relative;
}
.navbar .list-navbar{
	display:table;
	/*margin:0 auto;*/
	margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: 0px;
}
.navbar .list-navbar > li{
	float:left;
	position:relative;
}
.navbar .list-navbar > li > a{
	display:table-cell;
	vertical-align:middle;
	padding:0 30px;
	height:50px;
	color:#fff;
	font-size:15px;
	font-weight:600;
	position:relative;
}
.navbar .list-navbar > li.dropdown-menu > a:after{
	display:inline-block;
	vertical-align:middle;
	background:url(../img/arrowdown.png) no-repeat;
	width:16px;
	height:16px;
	content:"";
	margin-top:-3px;
	margin-left:5px;
}
.navbar .list-navbar > li:hover > a,
.navbar .list-navbar > li.active > a{
	background:#00A4E4;
}
.navbar .list-navbar > li.dropdown-menu:hover > a:after{
	transform:rotate(-180deg);
}
.navbar .list-navbar > li > .list-dropdown{
	background:#fff;
	position:absolute;
	left:0;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	z-index:12;
	display:none;
}
.navbar .list-navbar > li:hover > .list-dropdown{
	display:block;
}
.navbar .list-navbar > li > .list-dropdown > li{
	border-bottom:1px solid #ececec;
}
.navbar .list-navbar > li > .list-dropdown > li a{
	display:block;
	padding:10px 15px;
	font-size:13px;
	white-space:nowrap;
}
.navbar .list-navbar > li > .list-dropdown > li a:hover{
	background:#00A4E4;
	color:#fff;
}
.menu-toggle{
	display:table-cell;
	vertical-align:middle;
	width:1%;
	padding:0 15px;
	color:#fff;
	height:50px;
	position:relative;
	display:none;
}
.menu-toggle:after{
	float:right;
	background:url(../img/menu.png) no-repeat;
	width:26px;
	height:18px;
	background-size:26px;
	content:"";
}
.navbar .list-navbar.open{
	display:block;
}
@media(max-width:1026px){
	.navbar .list-navbar > li a{
		padding:0 15px;
	}
}
@media(max-width:767px){
	.menu-toggle{
		display:table-cell;
	}
	.navbar .list-navbar{
		position:absolute;
		width:100%;
		left:0;
		right:0;
		background:#04387D;
		z-index:10;
		display:none;
	}
	.navbar .list-navbar > li{
		float:none;
		border-bottom:1px solid #00a4e4;
	}
	.navbar .list-navbar > li > a{
		width:1%;
	}
	.navbar .list-navbar > li > .list-dropdown{
		position:static;
		right:0;
	}
	.navbar .list-navbar > li > .list-dropdown > li{
		white-space:normal;
	}
}
/*end navbar*/
/*headline*/
.slick-slider{
	display:none;
}
.slick-slider.slick-initialized{
	display:block;
}
.slider-headline .item{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	height:715px;
	position:relative;
}
.slick-arrow{
	position:absolute;
	background-repeat:no-repeat;
	width:64px;
	height:64px;
	top:50%;
	margin-top:-32px;
	z-index:2;
	cursor:pointer;
	border:0;
	background:none;
	text-indent:-9999px;
}
.slick-arrow.slick-prev{
	background-image:url(../img/prev.png);
	left:0;
}
.slick-arrow.slick-next{
	background-image:url(../img/next.png);
	right:0;
}
@media(max-width:767px){
	.slider-headline .item{
		height:300px;
	}
}
.marquee-item{
	background:#3375AD;
	color:#fff;
	overflow:hidden;
}
.marquee-item span{
    display:table-cell;
	vertical-align:middle;
	height:40px;
	padding:0px 15px;
}
@media(max-width:767px){
	.marquee-item span{
		display:block;
		height:100%;
		padding:5px 15px;
	}
}
/*end headline*/
/*section*/
.section-col{
	margin:30px 0;
}
.section-col .col-left{
	float:left;
	width:50%;
	padding-right:15px; 
}
.section-col .col-right{
	float:right;
	width:50%;
	padding-left:15px;
}
@media(max-width:1026px){
	.section{
		padding:0 15px;
	}
}
@media (max-width:767px){
	.section-col .col-left,
	.section-col .col-right{
		float:none;
		width:100%;
		padding:0;
	}
	.section-col .col-right{
		margin-top:30px;
	}
}
.col-box{
	margin-top:30px;
}
.col-box:first-child{
	margin-top:0;
}
.header-box{
	display:table;
	width:100%;
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
	overflow:hidden;
}
.header-box .title-radius{
	background: #00a4e4;
	background: -moz-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #00a4e4), color-stop(100%, #03306a));
	background: -webkit-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -o-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -ms-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: linear-gradient(to bottom, #00a4e4 0%, #03306a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4e4', endColorstr='#03306a', GradientType=0 );
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	height:40px;
	padding-left:15px;
	padding-right:90px;
	border-top-right-radius:90px;
	position:relative;
	font-size:16px;
	font-weight:600;
}
.header-box .link-right{
	float:right;
	font-size:14px;
	margin-top:10px;
	color:#03306a;
	font-weight:600;
}
.slider-produk .item{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	height:500px;
	position:relative;
}
.slider-produk .deskrip-produk{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(51, 117, 173, 0.9);
	color:#fff;
	padding:15px;
}
.slider-produk .deskrip-produk h6{
	font-size:15px;
	font-weight:600;
	margin-bottom:5px;
}
.slider-produk .deskrip-produk a{
	color:#fff;
}
.slider-produk .deskrip-produk p{
	font-size:13px;
	font-weight:300;
}
.slider-produk .deskrip-produk .next-link{
	float:right;
	color:#fff;
	font-weight:600;
}
@media(max-width:767px){
	.slider-produk .item{
		height:300px;
	}
}
.list-article > li{
	margin-top:15px;
}
.list-article > li:first-child{
	margin-top:0;
}
.img-left,
.deskrip-right{
	display:table-cell;
	vertical-align:top;
}
.deskrip-right{
	padding-left:15px;
}
.img-left .img-thumbnail{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	width:200px;
	height:125px;
	display:block;
}
.list-article > li .deskrip-right h6{
	font-size:15px;
	font-weight:600;
	margin-top:-3px;
	margin-bottom:5px;
}
.list-article > li .deskrip-right .date{
	font-size:12px;
	color:#999;
}
.list-article > li .deskrip-right p{
	font-size:13px;
	font-weight:600;
	margin-top:5px;
}
.list-article > li .deskrip-right .next-link{
	float:right;
	margin-top:15px;
	font-weight:600;
	color:#03306a;
	font-size:13px
}
@media(max-width:767px){
	.img-left .img-thumbnail{
		width:150px;
		height:75px;
	}
}
.list-link > li{
	margin-top:15px;
}
.list-link > li:first-child{
	margin-top:0;
}
.list-link > li a{
	font-weight:600;
	color:#03306a;
}
/*end section*/
/*footer*/
.footer{
	margin-top: 30px;
}
.footer-top{
	background: #00a4e4;
	background: -moz-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #00a4e4), color-stop(100%, #03306a));
	background: -webkit-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -o-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: -ms-linear-gradient(top, #00a4e4 0%, #03306a 100%);
	background: linear-gradient(to bottom, #00a4e4 0%, #03306a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4e4', endColorstr='#03306a', GradientType=0 );
	color:#fff;
	display:table;
	width:100%;
	padding:0 15px;
}
.footer-top .copyright,
.footer-top .footer-nav{
	display:table-cell;
	vertical-align:middle;
	height:50px;
}
.footer-top .footer-nav a{
	color:#fff;
	margin-left:5px;
	display:inline-block;
	vertical-align:middle;
}
@media (max-width:767px){
	.footer-top{
		padding:15px;
	}
	.footer-top > div{
		float:none;
		text-align:center;
	}
	.footer-top .copyright,
	.footer-top .footer-nav{
		height:100%;
		display:block;
	}
	.footer-top .footer-nav{
		margin-bottom:5px;
	}
	.footer-top .footer-nav a{
		margin-right:5px;
		font-size:11px;
	}
}
.footer-bottom{
	display:table;
	width:100%;
	padding:30px 15px;
}
.footer-bottom .footer-col{
	display:table-cell;
	vertical-align:middle;
	width:1%;
	white-space:nowrap
}
.footer-bottom .footer-col.text-center{
	width:100%;
	padding:0 15px;
}
.footer-bottom .footer-col .address{
	margin-top:30px;
	color:#03306a;
	font-weight:600;
}
.footer-bottom .footer-col .address:first-child{
	margin-top:0;
}
.footer-bottom .footer-col .integrated{
	color:#03306a;
	font-weight:600;
}
.footer-bottom .list-sosmed > li a{
	text-align:center;	
	background:#016DAA;
	border-radius:50%;
	width:40px;
	height:40px;
	line-height: 40px;
	font-size: 20px;
	margin-left: 5px;
	color:#fff;
	margin-left:5px;
	display:block;
}
@media(max-width:767px){
	.footer-bottom .footer-col{
		display:block;
		width:100%;
		white-space:normal;
		margin-top:30px;
		text-align:center;
	}
	.footer-bottom .footer-col:first-child{
		margin-top:0;
	}
	.footer-bottom .footer-col.text-left{
		display:table;
	}
	.footer-bottom .footer-col .integrated br{
		display:none;
	}
	.footer-bottom .footer-col .address{
		float:left;
		width:50%;
		padding-left:5px;
		margin-top:0;
		font-size:10px;
		text-align:right;
	}
	.footer-bottom .footer-col .address:first-child{
		padding-right:5px;
		padding-left:0;
		text-align:left;
	}
	.footer-bottom .list-sosmed a{
		margin-right:5px;
	}
}

/*detaill*/
.breadcrumb{
	padding:10px;
}
.breadcrumb > li{
	display:inline-block;
	vertical-align:middle;
	color:#000;
	margin:5px;
}
.breadcrumb > li a{
	color:#03306a;
}
@media (max-width:767px){
	.breadcrumb{
		margin-left:-15px;
		margin-right:-15px;
		padding:12px;
	}
	.breadcrumb > li{
		margin:3px;
		font-size:13px;
	}
}
.section-wrapper{
	margin-bottom:60px;
}
.section-wrapper .header-box{
	margin-bottom:30px;
}
.section-wrapper .header-box h3.title-radius{
	padding-right:30px;
	min-width:200px;
	border-top-right-radius:60px;
	font-family:'Lora', serif;
	font-size:20px;
}
@media(max-width:767px){
	.section-wrapper .header-box h3.title-radius{
		font-size:16px;
	}
}
.body-paragraph img{
	max-width:100%;
	margin:0 auto;
	display:block;
	margin-bottom:30px;
}
.body-paragraph > p{
	margin-top:30px;
	margin-bottom:30px;
	font-size:16px;
	line-height:1.6em;
	text-align:justify;
}
.section-600{
	max-width: 600px;
	margin:0 auto;
}
.col-visimisi{
	width:100%;
	margin:30px 0;
}
.col-visimisi .header-box{
	margin-bottom:15px;
}
.col-visimisi .body-wrapper{
	text-align:center;
	padding-bottom:15px;
}
.col-visimisi .body-wrapper .img-border{
	width:100%;
	border:5px solid #000;
	margin-bottom:15px;
}
.col-visimisi .body-wrapper h5{
	font-size:20px;
	line-height:1.6em;
	font-weight:600;
}
.img-body{
	margin-bottom:30px;
	width:100%;
}
.col-full{
	margin-bottom:30px;
}
.list-number{
	padding-left:18px;
}
.list-number > li{
	font-size:16px;
	line-height:1.6em;
	text-align:justify;
	margin-bottom:15px;
}
.list-number > li strong{
	display:block;
}
.photo-direksi{
	max-width:600px;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:60px;
}
.photo-direksi .list-direksi{
	margin:0 -10px;
}
.photo-direksi .list-direksi > li{
	float:left;
	width:33.33%;
	padding:0 10px;
}
.photo-direksi .list-direksi > li:first-child + li{
	margin-top:-30px;
}
.photo-direksi .list-direksi > li > img{
	width:100%;
}
.photo-direksi .list-direksi > li .bg-direksi{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:250px;
	border-radius:10px;
}
.photo-direksi h6{
	font-size:16px;
	font-weight:600;
	margin-top:10px;
}
.item-direksi{
	display:table;
	table-layout:fixed;
	width:100%;
	margin-bottom:15px;
}
.item-direksi > div{
	display:table-cell;
	vertical-align:middle;
	border-radius:10px;
	padding:15px;
	height:150px;
}
.item-direksi .item-left{
	background:#9FD3EB;
	color:#005398;
	width:200px;
	text-align:center;
}
.item-direksi .item-left h3{
	font-weight:600;
	font-size:18px;
}
.item-direksi .item-left h6{
	font-size:14px;
	font-weight:600;
}
.item-direksi .space{
	width:15px;
	padding:0;
	border-radius:0;
}
.item-direksi .item-right{
	background:#eee;
	vertical-align:top;
	font-size:16px;
}
@media (max-width:767px){
	.photo-direksi .list-direksi > li .bg-direksi{
		height:175px;
	}
	.item-direksi > div{
		display:block;
		height:100% !important;
		width:100% !important;
	}
	.item-direksi .item-left{
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
	}
	.item-direksi .space{
		display:none;
	}
	.item-direksi .item-right{
		border-top-left-radius:0px;
		border-top-right-radius:0px;
	}
	.photo-direksi h6,
	.item-direksi .item-right{
		font-size:14px;
	}
}
@media(max-width:479px){
	.photo-direksi .list-direksi > li .bg-direksi{
		height:125px;
	}
}
.list-komisaris > li{
	margin-top:30px;
}
.list-komisaris > li .bg-komisaris{
	width:200px;
	height:250px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.list-komisaris > li .deskrip-right h3{
	font-weight:600;
	font-size:18px;
	color:#005398;
}
.list-komisaris > li .deskrip-right h6{
	font-size:13px;
	font-weight:600;
}
.list-komisaris > li .deskrip-right p{
	font-size:14px;
	margin-top:10px;
}
@media(max-width:767px){
	.list-komisaris > li .bg-komisaris{
		width:100px;
		height:125px;
	}
	.list-komisaris > li .deskrip-right h3{
		font-size:16px;
	}
}
.col-border{
	display:table;
	table-layout:fixed;
	border:3px solid #ddd;
	margin:30px 0;
	width:100%;
}
.col-border > div{
	display:table-cell;
	vertical-align:top;
	height:150px;
	position:relative;
}
.col-border .col-border-left{
	width:150px;
	text-align:center;
	vertical-align:middle;
	text-align:center;
	border-right:3px solid #ddd;
}
.col-border .col-border-left img,
.col-border .col-border-right p,
.col-border .col-border-right h2{
	padding:10px;
}
.col-border .col-border-right h2{
	font-size:18px;
	border-bottom:3px solid #ddd;
	background: #eee;
}
.list-gallery{
	margin:-15px;
	margin-bottom:30px;
	text-align:center;
}
.list-gallery > li{
	width:25%;
	padding:15px;
	display:inline-block;
	vertical-align:top;
}
.list-gallery > li a{
	display:block;
	border:1px solid #ddd;
	text-align:center;
}
.list-gallery > li > a > img{
	width:100%;
}
.list-gallery > li > a > .bg-produk{
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
}
.list-gallery > li > a > p{
	font-size:16px;
	font-weight:600;
	padding:10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.list-gallery > li > a:hover > p{
	color:#03306a;
}
.list-note{
	padding-left:18px;
	margin-top:30px;
}
.list-note > li{
	margin-top:10px;
	font-size:16px;
	line-height:1.6em;
}
@media(max-width:767px){
	.list-gallery > li{
		width:50%;
	}
	.list-gallery > li > a > .bg-produk{
		height:150px;
	}
	.list-gallery > li p{
		font-size:13px;
	}
}
@media(max-width:359px){
	.list-gallery > li{
		width:100%;
	}
	.list-gallery > li > a > .bg-produk{
		height:200px;
	}
}
.img-jangkauan{
	margin-bottom:30px;
	text-align:center;
}
.img-jangkauan img{
	border-radius:10px;
	border:5px solid #00A4E4;
	max-width:100%;
	margin:0 auto;
}
.img-jangkauan span{
	display:block;
	padding:10px;
	font-size:16px;
}
.list-network{
	text-align:center;
	margin-top:30px;
}
.list-network > li{
	text-align:center;
	vertical-align:top;
	display:inline-block;
	width:150px;
	margin:10px;
}
.list-network > li > div{
	display:table-cell;
	vertical-align:middle;
	height:100px;
	width:150px;
}
.list-network > li img{
	max-width:100%;
}
.list-network > li p{
	margin-top:10px;
}
@media(max-width:767px){
	.list-network > li{
		width:100px;
	}
	.list-network > li p{
		display:none;
	}
	.list-network > li > div{
		display:block;
		width:100%;
		height:100%;
	}
}

.left-sidebar,
.right-column{
	float:left;
	min-height:300px;
}
.right-column{
	width:75%;
	padding-left:30px;
}
.left-sidebar{
	background:#005398;
	color:#fff;
	border-radius:10px;
	padding:30px;
	width:25%;
}
.list-sidebar > li a{
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:600;
	padding:10px;
	border-bottom:1px solid #00A4E4;
}
.list-sidebar > li:first-child a{
	padding-top:0;
}
.list-sidebar > li.active a,
.list-sidebar > li a:hover{
	color:#00A4E4;
}
.title-item{
	color:#005398;
	padding-bottom:10px;
	font-size:20px;
	font-weight:600;
	border-bottom:1px solid #005398;
	margin-bottom:30px;
}
.list-karir > li {
	margin-top:30px;
}
.list-karir > li:first-child{
	margin-top:0;
}
.list-karir > li h3{
	font-weight:600;
	font-size:16px;
	margin-bottom:5px;
	color:#005398;
}
.list-karir > li h6{
	font-size:15px;
}
.list-karir > li h3 a,
.deskrip-right h6 a{
	color:#005398;
}
@media(max-width:767px){
	.left-sidebar,
	.right-column{
		float:none;
		width:100%;
		min-height:100%;
	}
	.left-sidebar{
		padding:30px 15px;
	}
	.right-column{
		margin-top:15px;
		padding-left:0;
	}
}
.col-csr {
	margin-top:0;
}
.col-csr .col-csr-bg{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
}
.col-csr .col-border-right p{
	padding-bottom:30px;
}
.col-csr .link-bottom{
	position:absolute;
	bottom:5px;
	right:5px;
	color:#005398;
	font-size:12px;
}
@media(max-width:767px){
	.col-csr > div{
		display:block;
		width:100% !important;
	}
	.col-csr .col-border-left{
		border-right:0;
		border-bottom:3px solid #ddd;
	}
}
/*detail*/
.detail-headline{
	margin-top:30px;
	margin-bottom:30px;
}
.detail-headline h1{
	font-size:30px;
	color:#005398;
	margin-bottom:15px;
	line-height:1.4em;
	font-weight:600;
}
.detail-headline .date{
	color:#999;
}
.detail-img img{
	width:100%;
}
.detail-img .copyright{
	padding:10px;
	background:#ececec;
	display:block;
}
@media(max-width:767px){
	.detail-headline h1{
		font-size:22px;
	}
}
.form-search {
	width:250px;
	border:1px solid #ddd;
	border-bottom:0;
}
.form-search .form-control,
.form-search .btn-search{
	height:40px;
	border:0;
	margin:0;
	padding:0;
	background:none;
}
.form-search .form-control{
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	padding:0 10px;
	color:#999;
}
.form-search .btn-search{
	width:40px;
	border-left:1px solid #ddd;
	cursor:pointer;
}
.list-indexing-article > li{
	margin-bottom:30px;
}
.list-indexing-article > li .deskrip-right h6{
	font-size:17px;
	color:#005398;
	font-weight:600;
	margin-top:-3px;
}
.list-indexing-article > li .deskrip-right .date{
	margin-top:5px;
	color:#999;
	display:block;
}
.list-indexing-article > li .deskrip-right p{
	margin-top:5px;
}
.list-indexing-article > li .deskrip-right .next-link{
	font-size:13px;
	margin-top:10px;
	display:table;
	color:#005398;
}
.list-pagination{
	display:table;
	margin:0px auto;
	margin-top:60px;
}
.list-pagination > li{
	float:left;
	margin:5px;
}
.list-pagination > li a{
	padding:10px 15px;
	color:#005398;
	border:1px solid #005398;
	display:block;
}
.list-pagination > li.active a,
.list-pagination > li a:hover{
	background:#005398;
	color:#fff;
}
.videoprofil {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-height: 250px;
}
.imageprofil {
	aspect-ratio: 1 / 1;
	width: 100%;
	max-height: 250px;
}
@media(max-width:767px){
	.form-search{
		border-bottom:1px solid #ddd;
		width:100%;
		float:none !important;
		margin-bottom:15px;
	}
}
.maps-left,
.maps-right{
	float:left;
	width:60%;
	padding-left:15px;
}
.maps-left{
	padding-left:0;
	padding-right:15px;
	width:40%;
}
.maps-col{
	background:#eee;
	padding:15px;
	margin-bottom:15px;
}
.maps-col h6{
	font-size:14px;
	font-weight:600;
	margin-bottom:5px;
}
.form-maps{
	background:#fff;
}
.form-maps .form-control,
.form-maps .btn-maps{
	height:35px;
	background:none;
	margin:0;
	padding:0;
	border:0;
	font-family:'Open Sans', sans-serif;
	padding:0 15px;
	color:#999;
}
.form-maps .btn-maps{
	background:#005398;
	color:#fff;
	cursor:pointer;
}
.maps-col .item-maps{
	display:table;
	margin-bottom:15px;
}
.maps-col .item-maps address{
	margin:0;
	padding:0;
	font-style:normal;
	line-height:1.4em;
}
.maps-col .item-maps address a{
	color:#005398;
	text-decoration:underline;
}
.maps-col .list-chat > div{
	line-height:1.4em;
	margin-left:5px;
}
.online{
	color:#090;
}
.offline{
	color:#F00;
}
@media (max-width:767px){
	.maps-left,
	.maps-right{
		float:none;
		width:100%;
		padding:0;
	}
	.maps-frame{
		height:300px;
	}
}
.form-contact{
	padding:60px;
	background:#eee;
	margin:30px auto;
}
.form-contact .form-group{
	margin-bottom:30px;
}
.form-contact .form-group label{
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
	display:block;
}
.form-contact .form-group .form-control{
	background:#fff;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	padding:10px;
	border:0;
	width:100%;
	border:1px solid #ddd;
}
.btn-contact{
	background:#005398;
	font-size:18px;
	padding:10px 30px;
	border:0;
	color:#fff;
	cursor:pointer;
}
.btn-contact:hover{
	background:#00A4E4;
}
/*sitemap*/
.list-sitemap{
	padding-left:18px;
}
.list-sitemap > div{
	float:left;
	margin-right:30px;
}
.list-sitemap li{
	margin-bottom:5px;
}
.list-sitemap li > a{
	margin-bottom:5px;
	font-weight:600;
	color:#005398;
	line-height:1.6em;
}
.list-sitemap li .list-sub > li a{
	line-height:1.6em;
	font-weight:normal;
	color:#00A4E4;
}

/*tambahan*/
@media(max-width:479px){
	.header-box .title-radius {
		padding-right: 30px;
		border-top-right-radius:30px;
	}
	.list-article .img-left,
	.list-indexing-article .img-left,
	.list-article .deskrip-right,
	.list-indexing-article .deskrip-right{
		display:table;
		width:100%;
		padding:0;
	}
	.list-indexing-article .deskrip-right,
	.list-article .deskrip-right{
		margin-top:15px;
	}
	.img-left .img-thumbnail {
		width:100%;
		height:200px;
	}
	.list-indexing-article > li,
	.list-article > li {
		margin-top:30px;
	}
	.col-border > div {
		display:table;
		width:100%;
	}
	.col-border .col-border-left {
		border-right:0;
		width:100%;
		height:100%;
	}
	.col-csr .col-csr-bg {
		height:150px;
	}
}