/*=== Bg Color ===*/
.bg-ptptn {
  background-color:#3d449a !important;
}
@media (min-width: 320px){
  .bg-ptptn {
  background-color:#3d449a !important;
}
}
/*=== Menu ===*/
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a{
	background-color: #3d449a;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
}
.sp-megamenu-parent > li > a {
	border-radius: 10px 10px 0px 0px;
}
.sp-megamenu-parent >li.active:hover > a {
	color: #fff;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li.active > a{
	font-weight: 600;
}
/*=== Menu Bila Scroll===*/
#sp-header.header-sticky {
	background-color: #3d449a 
}
#sp-header.header-sticky .sp-megamenu-parent > li > a{
	color: #fff;
}

/*=== Off-Canvas Menu ===*/
#offcanvas-toggler::before {
    content: 'MENU';
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    vertical-align: top;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.active a {
  color: white;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  padding: 0.2rem 0.5rem;
}
/*=== Side Menu ===*/
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
	line-height: 25px;
	padding: 10px;
}
.sp-module ul > li.active > a {
	background-color: #3d449a;
	color: #fff;
}
.sp-module ul > li > a:hover {
	/*background-color: #ffe205;*/
	color: #3d449a;
}
.sp-module ul > li.active > a:hover {
	/*background-color: #ffe205;*/
	color: #fff;
}
#sp-left .sp-module, #sp-right .sp-module {
	padding: 30px 5px 30px 5px;
}
/*=== Logo ===*/
#sp-logo {
  text-align: center;
}
/*=== Header ===*/
#sp-header {
 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.10);
}
@media (min-width: 1200px){
 .container{
  max-width: 1250px;
 }
}
@media (min-width: 992px){
 .menu-utama{
  float: left !important;
 }
}
.top-bar-1{
 text-align: center !important;
}
@media (min-width: 992px) {
 .top-bar-1 {
   text-align: left !important;
 }
}

.top-bar-2{
 text-align: center !important;
}
@media (min-width: 992px) {
 .top-bar-2 {
   text-align: right !important;
 }
}

.fa {
	padding: 3px;
}
#offcanvas-toggler > .fa {
  color: white;
}
/*=== Top Bar ===*/
#sp-top-bar a {
	color: #fff;
	font-weight: bold;
}
.sp-contact-info li {
	color: #fff;
	font-weight: bold;
}
/*=== Top Feature Box ===*/
@media (min-width: 992px) {
#top-box-feature .top-box1-feature {
	border-radius: 0px 10px 10px 0px;
	height: 90%;
}
#top-box-feature .top-box2-feature, .top-box3-feature {
	border-radius: 10px;
	height: 90%;
}
#top-box-feature .top-box4-feature {
	border-radius: 10px 0px 0px 10px;
	height: 90%;
}
}

/*=== Social Icon - Footer  ===*/
.social-network {
	list-style: none;
	display: flex;
	margin-left:0 !important;
	padding: 0;
}
.social-network a::before {
	content: none;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoInstagram:hover {
	background-color: #cb2899;
}
.social-network a.icoYoutube:hover {
	background-color:#BD3518;
}
.social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoInstagram:hover i,
.social-network a.icoYoutube:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}
.social-circle a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 35px;
	height: 35px;
	font-size:20px;
}
.social-circle i {
	margin:0;
	text-align: center;
}
.social-circle a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.social-circle a {  
 border: 1px solid #fff;
}
.social-circle > a {
	padding: 0;
	line-height:32px;
}

/*=== Info Terkini Slider  ===*/
.imagebox {
  background: black;
  padding: 0px;
  position: relative;
  text-align: center;
  width: 100%;
}

.imagebox img {
  opacity: 1;
  transition: 0.5s opacity;
}

.imagebox .imagebox-desc {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0px;
  color: white;
  font-size: 1.2em;
  left: 0px;
  padding: 10px 15px;
  position: absolute;
  transition: 0.5s padding;
  text-align: center;
  width: 100%;
}

.imagebox:hover img {
  opacity: 0.7;
}

.imagebox:hover .imagebox-desc {
  padding-bottom: 10%;
}
.btn-info-slider {
  	color: #fff;
	border-color: #fff;
	background-color: #3d449a;
}
.btn-info-slider:hover {
  	color: #fff;
}
.fa.fa-infoslider {
	font-size: x-large;
}
.mklmn-terkini-pd {
  padding-bottom: 7px;
}

/*=== Accordion ===*/
.card-header {
	background-color: rgba(0,0,0,0);
}
/*.card-header::after {
    content: "+";
    color: black;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.card-header > .active::after {
    content: "-";
    color: black;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}*/
.card.pt-card {
	border: none;
}
.card-body {
	background-color: rgba(0,0,0,.03);
}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f056";
    float: right;
    cursor: pointer;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f055";
    vertical-align: middle;
}

/*=== Main Box Image Overlay  ===*/
.box-image-overlay {
    background: #000;
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease-in 0s;
    -moz-transition: opacity 0.5s ease-in 0s;
    -o-transition: opacity 0.5s ease-in 0s;
    transition: opacity 0.5s ease-in 0s;
}
.box-image-overlay .sppb-addon-single-image-container:hover  {
	background-image: url('/images/feature_box_top/feature_box2_960w.jpg');
	opacity: 0.3;
}

/*=== Utama Search Box  ===*/
.mysearch {
	margin-top: 38px;
}

/*=== Countdown ===*/
.countdown_title {
	font-size: x-large;
}
/*.pt-countdown {
	border: 5px solid #d7194f; // #3d449a (blue)
}*/
.countdown_hourcount {
  font-size: 30px;
}
#clockJS1 {
  color: #fff;
}

/*=== e-Perkhidmatan Shortcut ===*/
#fast-eperkhidmatan-box .sppb-col-md-2 {
	margin-top : 5px;
	margin-bottom : 5px;
}
.fast-eperkhidmatan {
	border-style : solid;
	border-color : white;
	border-radius : 10px;
	line-height: 1.2;
}
.fast-eperkhidmatan-red {
	border-style : solid;
	border-color : #da1c5c;
	border-radius : 10px;
	line-height: 1.2;
}
.fast-eperkhidmatan:hover {
    background-color: #00000080;
}

/*=== PTPTN Footer ===*/
.ptptn-footer {
	line-height: 1;
}
.ptptn-footer > .sp-module-title {
	margin: 0 0 20px !important;
}
.sp-module-title {
	margin: 0 0 20px !important;
}
.ptptn-footer > .sp-module ul > li {
	margin-bottom: 10px !important;
}
.ptptn-footer.sp-module ul > li.active > a {
	color:#fff;
	background-color: #ffe4c400;
}

/*=== e-Perkhidmatan Page ===*/
.card.empty-card {
	border: transparent;
}
.empty-card > .card-body {
	background-color: transparent;
}

/*=== e-Perkhidmatan Card ===*/
.ptptn-card-perkhidmatan {
	background-color: #29AAE1;
	color: #fff;
}
.ptptn-card-title-perkhidmatan > a {
    color: white;
    font-weight: 600;
}

/*=== Artikel Card ===*/
.card-deck .margin-card {
  margin-bottom: 15px;
}

/*=== e-Perkhidmatan Card (Artikel e-pay)===*/
.ptptn-card-epay {
	background-color: #7e3d95;
	color: #fff;
}
.ptptn-card-title-epay > a {
    color: white;
    font-weight: 600;
}

/*=== FAQ ===*/
.faq-pointer {
	cursor: pointer;
}

/*=== Text di Table ===*/
.ptptn-table-text {
	font-size: smaller;
}

/*=== Pagination Result ===*/
.pagination-counter {
  display: none;
}
/*=== Button Custom - Laman Utama ===*/
#sppb-addon-1529728855165 #btn-1529728855165.pg-utama-btn {
  background-color: #3d449a !important;
}
#sppb-addon-1529728855165 #btn-1529728855165.pg-utama-btn:hover {
  border-color: #3d449a !important;
  background-color: #3d449a !important;
  color: #FFFFFF;
}
#sppb-addon-1529893406260 #btn-1529893406260.pg-utama-btn:hover{
  border-color: #3d449a !important;
  background-color: #3d449a !important;
  color: #FFFFFF;
}
.pg-utama-btn {
  border: 3px solid;
  font-size: 18px;
}
#sppb-addon-1531301173764 #btn-1531301173764.pg-utama-btn {
  border-color: #3d449a !important;
}
#sppb-addon-1531301173764 #btn-1531301173764.pg-utama-btn:hover {
  border-color: #3d449a !important;
  background-color: #3d449a !important;
  color: #FFFFFF;
}
/*=== PopUp ===*/
/*.gafancybox-inner {
  height: 400px !important;
}*/