/* Themify Customize Styling */
a:hover {	
	color: #3d58b3; 
}
#header {	
	font-family: "Raleway";	font-weight:600;
	font-size:18px;
	line-height:45px;
 
}
#headerwrap a {	
	color: #333333; 
}
#headerwrap a:hover {	
	color: #3d58b3; 
}
.header-top-widgets .header-widget-full {	background: none;
	background-color: #005caa;
	color: #ffffff; 
}
.header-top-widgets .header-widget-full a {	
	color: #ffffff; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		line-height:45px;
 
}
#headerwrap.fixed-header #header {	
	color: #232323; 
}
body:not(.mobile_menu_active) #headerwrap.fixed-header #header a:hover {	
	color: #3d58b3; 
}
body[class*="themify"] #site-logo a img {		width: 300px; 
}
#site-logo {		position:absolute;

	top: 0px; 
}
#site-description {	display: none; 
}
#main-nav-wrap #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #3d58b3; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #3d58b3; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #3d58b3; 
}
#footer a:hover {	
	color: #3d58b3; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #3d58b3; 
}
@media screen and (max-width: 1280px) { /* Themify Customize Styling */
a:hover {	
	color: #3d58b3; 
}
#header {		font-weight:600;
 
}
#headerwrap a {	
	color: #333333; 
}
#headerwrap a:hover {	
	color: #3d58b3; 
}
.header-top-widgets .header-widget-full {	background: none;
	background-color: #005caa;
	color: #ffffff; 
}
.header-top-widgets .header-widget-full a {	
	color: #ffffff; 
}
#headerwrap.fixed-header #header {	
	color: #232323; 
}
body:not(.mobile_menu_active) #headerwrap.fixed-header #header a:hover {	
	color: #3d58b3; 
}
#main-nav-wrap #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #3d58b3; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #3d58b3; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #3d58b3; 
}
#footer a:hover {	
	color: #3d58b3; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #3d58b3; 
}
 }@media screen and (max-width: 768px) { /* Themify Customize Styling */
#header {		font-weight:600;
 
}
 }@media screen and (max-width: 680px) { /* Themify Customize Styling */
a:hover {	
	color: #3d58b3; 
}
#header {		font-weight:600;
 
}
#headerwrap a {	
	color: #333333; 
}
#headerwrap a:hover {	
	color: #3d58b3; 
}
.header-top-widgets .header-widget-full {	background: none;
	background-color: #005caa;
	color: #ffffff; 
}
.header-top-widgets .header-widget-full a {	
	color: #ffffff; 
}
#headerwrap.fixed-header #header {	
	color: #232323; 
}
body:not(.mobile_menu_active) #headerwrap.fixed-header #header a:hover {	
	color: #3d58b3; 
}
#main-nav-wrap #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #3d58b3; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #3d58b3; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #3d58b3; 
}
#footer a:hover {	
	color: #3d58b3; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #3d58b3; 
}
 }.mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #333333; }.mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #3d58b3; }
/* Themify Custom CSS */
#text-1004 .textwidget p{
	margin-top: 15px;
}

.transparent-header #headerwrap.fixed-header{
	background-color: rgba(255,255,255,0.9);
}

.header-widget-full .widget li a i{
	border: 1px solid rgba(255,255,255,0.4);
}

.header-widget-full .widget li{
	border-left: 1px solid rgba(255,255,255,0.4);
	border-right: 1px solid rgba(255,255,255,0.4);
}

#main-nav .highlight-link>a{
	background-color: #3d58b3;
	color: #fff;
	border: none;
	border: 1px solid transparent;
}

#main-nav .highlight-link>a:hover{
	background-color: transparent;
	color: #3d58b3;
	border: 1px solid #3d58b3;
}

.header-on-scroll .header-bar #site-logo img{
	transition: 0.4s;
	width: 200px !important;
	margin-top: 0px !important;
}

#headerwrap{
	    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.wppsac-sub-content{
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	margin-bottom: 30px !important;
}

.wppsac-post-content{
	padding: 10px 30px !important;
	margin-bottom: 30px !important;
}

.wppsac-post-date{
	position: absolute !important;
  top: 20px;
  background-color: rgba(61, 88, 179, 0.8) !important;
  color: #fff;
  z-index: 999;
  padding: 8px 30px;
	border-top-left-radius: 10px !important;
	transition: .5s;
}

.wppsac-readmorebtn{
	 padding: 10px 30px !important;
	border: 1px solid #3d58b3 !important;
	color: #3d58b3 !important;
	border-radius: 10px;
}

.wppsac-readmorebtn:hover{
	background-color: #3d58b3 !important;
	color: #fff !important;
}

.wppsac-post-carousel.design-1 .wppsac-carousel-slides{
	background-color: #fff !important;
    border-radius: 10px;
    padding: 0;
    margin: 20px 15px;
    box-shadow: 5px 5px 10px 4px rgba(0,0,0,0.1);
	  transition: transform .2s;
}

.wppsac-post-carousel.design-1 .wppsac-carousel-slides:hover{
	transform: scale(1.03);
}

.wppsac-post-carousel.design-1 .wppsac-carousel-slides:focus{
	outline: none !important;
}

.wppsac-post-image-bg img{
	  border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.wppsac-post-carousel h2.wppsac-post-title{
	  padding: 10px 30px;
    line-height: 35px;
}

#footer .ptb_module img{
	max-width: 70% !important;
}

#footer .title-news h2{
	font-size: 20px;
	letter-spacing: 0px !important;
	line-height: 25px;
}

#footer .ptb_date{
	margin-top: -15px;
}

#footer .ptb_excerpt{
	display: none;
}

#footer-logo{
	margin: 0 0 1em;
	font-size: 2.15em;
	letter-spacing: 1px;
}

@media screen and (max-width: 680px){
	#headerwrap a{
		margin-top: 30px;
	}
	.fixed-header .header-icons a span{
		margin-top: -20px;
	}
}

@media screen and (max-width: 768px){
		body[class*="themify"] #site-logo a img {
    width: 230px;
	}
}

.layanan{
	background-color: #fff;
    padding: 40px 30px;
    border-radius: 10px;
    box-shadow: 5px 5px 100px 5px rgba(255, 255, 255, 0.3);
	transition: transform .5s ease-out;
}

.layanan:hover{

	transform: scale(1.02);
	transition: 0.5s;
}

.themify_builder_content-23 .tb_6icq703.module-pro-slider .bsp-slide-excerpt p{
	background-color: rgba(53, 116, 171, 0.8);
	color: #fff !important;
	padding-left: 20px;
	max-width: 80%;
	line-height: 20px;
}

@media screen and (max-width: 768px){
	.sp-slide-text h3{
		font-size: 18px !important;
	}
	.bsp-slide-excerpt p{
		font-size: 13px !important;
		max-width: 77%;
	}
}

#sidebar .ptb_recent_entries{
	    border-left: 2px solid rgba(211, 211, 211, 0.3);
    padding-left: 30px;
}

#sidebar h2{
	   font-size: 20px !important;
    line-height: 30px !important;
}

.comment-form .form-submit .submit{
	  background-color: #3d58b3;
    border: 1px solid #3d58b3;
}

.comment-form .form-submit .submit:hover{
	background-color: transparent;
	color: #3d58b3;
}

.tanggal-post{
	    background-color: rgba(61, 88, 179, 0.95);
    color: #fff;
    padding-top: 5px;
    padding-left: 30px;
	padding-bottom: 5px;
}

.count-comment{
	background-color:rgba(255, 191, 9, 0.99);
	color: #fff;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 5px;
}

.count-comment a{
	color: #fff;
}

.ptb-post-nav .ptb-next .ptb-arrow:before, .ptb-post-nav .ptb-prev .ptb-arrow:before{
	width: 30px;
  height: 30px;
	margin-top: -14px;
}

.ptb-post-nav a{
	font-size: 18px;
	padding: 0 10px;
}

.ptb-post-nav a:hover{
	color: #3d58b3;
}

@media screen and (max-width: 768px){
	.ptb-post-nav{
		display: none;
	}
}

.laporan-tahunan{
/* 	margin-left: -100px !important; */
	margin-top: 10px;
	color: #fff;
}

.judul-laporan{
	font-size: 20px;
	font-weight: 600;
}

.judul-laporan a{
	color: #fff;
}

.icon-file{
	font-size: 70px;
	color: #fff;
}

.type-annual-report .ptb_items_wrapper .ptb_monthly-report_row .ptb_col_last ul li a span{
	font-size: 20px;
	color: #3d58b3;
	font-weight: 600;
}

.ptb_taxonomies_monthly a{
	color: currentColor;
  pointer-events: none;
  text-decoration: none;
}

.type-monthly-report .ptb_items_wrapper .ptb_monthly-report_row .ptb_col .ptb_monthly_report_icon .ptb_extra_icons .ptb_extra_icon i{
	font-size: 70px;
	color: #3d58b3 !important;
}

.type-monthly-report .ptb_items_wrapper .ptb_monthly-report_row .ptb_col_last{
/* 	margin-left: -100px; */
	margin-top: 0px;
}

.type-monthly-report .ptb_items_wrapper .ptb_monthly-report_row .ptb_col_last ul li a span{
	font-size: 20px;
	color: #3d58b3;
	font-weight: 600;
}

.style-laporan-bulanan{
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	transition: transform .5s;
}

.style-laporan-bulanan:hover{
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
	transition: .5s;
	transform: scale(1.03);
}


.style-laporan-tahunan{
	background-color: #3d58b3;
  padding: 20px;
	border-radius: 10px;
	transition: transform .5s;
}

.style-laporan-tahunan:hover{
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
	transition: .5s;
	transform: scale(1.03);
}

.module-timeline.layout-list>ul:before{
	    border-right: 3px solid #fff !important;
    border-right-color: rgba(255,255,255,0.5) !important;
}

.mobile_menu_active #headerwrap #main-nav .current_page_item>a, .mobile_menu_active #headerwrap #main-nav .current-menu-item>a{
	color: #3d58b3;
}

.fitur-layanan p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}