@charset "utf-8";


/*bootstrap-ovr*/
.navbar {padding: 0px; -webkit-box-shadow: 0px 3px 10px 0px rgba(161,161,161,1); -moz-box-shadow: 0px 3px 10px 0px rgba(161,161,161,1); box-shadow: 0px 3px 10px 0px rgba(161,161,161,1);}
.navbar-light {background-color: #fff !important;}
.header-col-aduan-hmf {font-size: 18px !important; color: red !important;}
/*Global UI*/
.hmf-main-aduan-menu {margin-right: 20px;}
.ubah-riwayat {padding-left: 15px;}
.input-hmf-aduan {margin-top: 15px;}
.header-aduan-modal {margin-bottom: 15px;background-color: palegreen;padding: 15px;}
.status-statistik {font-size: 18px; color: blue;font-weight: 900;}
.hmf-announcement {background-color: #db2925;color: #fff; transition: 0.3s all;display: none;}
.hmf-announcement-scrolled {display: none; transition: 0.3s all;}
.nav-bar-hmf {margin-top: 0px; height: 70px; transition: 0.3s all;}
.nav-bar-hmf-scrolled {margin-top: 0px; height: 50px; transition: 0.3s all;}
.container-announcement {height: 50px;}
.logo-area-hmf {max-width: 250px; transition: 0.3s all;}
.header-section-pengaduan {margin-bottom: 25px;}
.logo-area-hmf-scrolled {max-width: 200px;}
.menu-area-hmf {float: right;margin-right: 20px; transition: 0.3s all;}
.top-icon-hmf {float:right;}
.hmf-banner-main-container {height: 400px;background-color: #ccc;margin-top: 70px;}
.hmf-inside-banner-main-container {height: 200px;background-color: #ccc;margin-top: 70px;background-image: url("../images/hasjrat-pattern-bg-red-left-diamond2.jpg");background-size: cover; background-repeat: no-repeat;}
.hmf-shortcut-teaser {margin: -35px auto 45px auto; background-color: #fff; padding: 35px;-webkit-box-shadow: 0px 3px 10px 0px rgba(161,161,161,1); -moz-box-shadow: 0px 3px 10px 0px rgba(161,161,161,1); box-shadow: 0px 3px 10px 0px rgba(161,161,161,1);}
.hmf-main-content-area {margin: -35px auto 45px auto; background-color: #fff; padding: 35px;-webkit-box-shadow: 0px 3px 10px 0px rgba(161,161,161,1); -moz-box-shadow: 0px 3px 10px 0px rgba(161,161,161,1); box-shadow: 0px 3px 10px 0px rgba(161,161,161,1);}
.icon-teaser-hmf {font-size: 45px; font-weight: 100; margin-bottom: 20px;color: #178084;}
.about-teaser-area {background-color: #db2925; padding-top: 60px;padding-bottom: 60px;margin-top: 50px;background-image: url("../images/hasjrat-pattern-bg-red.jpg");background-size: cover;background-position: right;background-repeat: no-repeat;}
.testimoni-teaser-area {background-color: #fff; padding-top: 60px;padding-bottom: 60px;}
.footer-area {background-color: #af1511; padding-top: 60px;padding-bottom: 60px;margin-top: 50px;}
.hmf-bars {    font-size: 32px;
    margin-left: 20px;
    float: right;}

/*Global Typo*/
.h2-hmf {font-size: 20px; font-weight: 800; color: #777777;}
.h2-hmf-section {font-size: 25px; font-weight: 800; }
.hmf-announcement-link, a.hmf-announcement-link:hover {font-weight: 800;color: #fff;}
.hmf-putih {color: #fff;}
.hmf-motto {font-size: 30px; color: #fff;}
.p-footer {font-size: 14px;}
.h1-hmf-title {font-weight: 800; color: #fff; }
.hmf-breadcrumb, a.hmf-breadcrumb:hover, a.hmf-breadcrumb:visited {font-size: 14px; font-weight: 100; color: #fff;}


@media (min-width: 1200px){
	.hmf-main-mobile {display: none;}
	.header-hmf {padding-right: 0px;}
	.pad-header {padding-right: 0px;}
}

@media (min-width: 992px) and (max-width: 1199.98px){
	.hmf-main-mobile {display: none;}
	.header-hmf {padding-right: 0px;}
	.pad-header {padding-right: 0px;}

}

@media (min-width: 768px) and (max-width: 991.98px){
	.hmf-desktop {display: none;}
	.hmf-main-mobile {display: none;}
	.header-hmf {padding-right: 0px;}
	.pad-header {padding-right: 0px;}
	
}

@media (min-width: 576px) and (max-width: 767.98px){
	.hmf-desktop {display: none;}
	.hmf-main-desktop {display: none;}
	.logo-area-hmf {max-width: 50px; transition: 0.3s all;}
	.navbar-expand-lg {padding-left: 15px;padding-right: 15px;}
	.hmf-teaser-placeholder {margin-top: 25px;border-bottom: thin #ccc solid;
    padding-bottom: 25px;}
	.mobile-pad {padding-right: 0px;}
	.header-hmf {padding-right: 0px;}
	.pad-header {padding-right: 0px;}
	
}

@media (max-width: 575.98px){
	.hmf-desktop {display: none;}
	.hmf-main-desktop {display: none;}
	.hmf-shortcut-teaser {margin-top: 0px;}
	.logo-area-hmf {max-width: 50px; transition: 0.3s all;}
	.navbar-expand-lg {padding-left: 15px;padding-right: 15px;}
	.hmf-teaser-placeholder {margin-top: 25px;border-bottom: thin #ccc solid;
    padding-bottom: 25px;}
.header-hmf {padding-right: 0px;}
	.pad-header {padding-right: 0px;}
	.hmf-main-content-area {margin: 0px auto 0px auto; background-color: #fff; padding: 35px 15px 15px 15px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
}