body{text-align:center;}
hr, .hide{display:none;}
abbr, acronym{border-bottom:1px dotted #999;cursor:help;}
img{vertical-align:bottom;max-width:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

a{color:#17549c;text-decoration:none;}
a:hover, a:active{color:#199dd7;}

h1, h2, h3, h4, h5, h6{font-weight:normal;line-height:1.5em;margin:0;padding:0;}
strong{font-weight:normal;}
em{font-style:italic;}
input, textarea, select{font:1.1em Arial, Helvetica, sans-serif;}
.title{font-size:24px;font-weight:normal;margin:10px 0;padding:0;display:block;font-weight:bold;}
.title-hide{display: none;}
img{max-width:100%;}
nav ul{margin:0;padding:0;list-style-type:none;}
body{background:#fff !important;}
.menu-mobile { display: none; }
.menu-desktop { display: block; }
.content_detail{width:960px !important;}
/*header.banner{width:100%;height:135px;background:url(../images/banner-header.png) repeat-x;}*/
header.banner{position: relative;background: #eee;width: 100%;padding: 0;/*min-height: 144px;*/border-bottom: 1px solid #9ea2a2;}
.video1 video[poster]{height:100%;width:100%; max-width: 10px;}
.main{float:left;clear:both;width:100%;padding:20px 0;}
.breadcrumb2{font-size:24px;font-weight:bold;float:left;margin-top:10px;max-width:65%;}
.pad_main{padding:8px 0;}
.float_left{float:left;}
.float_left strong{font-size:12px;}
.float_left h2{font-size:22px;line-height:26px;font-weight:bold;margin:6px 0 7px;}
.float_right{float:right;max-width:100%;padding:10px 0;}
.content1{color:#FFF;background-color:#003781;}
.content1 h4{background:transparent url('../images/ic_buttons.png') -140px -52px no-repeat;padding:6px 11px 8px;}
.deskripsi{padding:6px 11px 8px;height:230px;display:none;z-index:2;}
.contact,.newsletter,.rss,.social{font-size:16px;line-height:20px;color:#fff;padding:5px 12px;display:none;}
.aktif1{display:block;}
.isi_contact{background:transparent url('../images/ic_buttons.png') -263px -206px no-repeat;display:block;padding:0 0 0 30px;color:#fff;font-size:18px;line-height:20px;}
.content1 h4{font-weight:bold;}
.content2{background:#FFF;}
.content2 td{padding:5px 2px;}
.content2 table td{width:25%;font-size:12.5px;text-align:center;}

.navi .aktif{background-color:#199dd7;}
.aktif .nav_menu{color:#fff;}
.item .image{float:right;width:30%;font-size:14px;}
.image img{width:90%;}
.peduli{float:left;}
.boxes-view .items-container .content-profil{width:98% !important;height:auto !important;}
.desc-profil{width:70%;padding:0px 25px !important;}
.text-profil{width:70% !important;}
.content-profil img{width:273px;margin-right:10px;}
.bold{font-weight:bold;}
.navi li{cursor:pointer;}
.navi li:hover .nav_menu{background-color:#199dd7;color:#fff;}
.content-profil table tr td{padding-right:10px;}
.content-profil .description ul{float:left;list-style:none;}
.modal_kiri{width:33.33%;float:left;}
.modal_kanan{width:66.66%;float:right;}
.modal_kanan h3{font-size:13px;font-weight:bold;color:#33539C;}
.modal-edit h2{text-align:center !important;color:#33539C;}
.modal-edit .modal_kiri img{display:block;margin:0 auto;}
.modal-edit ul li{list-style:none !important;background:transparent url('../images/ic_download_service.png') -233px 5px no-repeat !important;left:0 !important;padding-left:20px !important;padding-top:1px !important;color:#666 !important;}
.modal-edit hr{display:block !important;}
.mitra_ul ul{padding-top:0px !important;padding-bottom:0px !important;margin-top:0px !important;margin-bottom:12px !important;padding-left:10px;}
.mitra_ul ul li{list-style:none !important;background:transparent url('../images/ic_download_service.png') -233px 5px no-repeat !important;left:0 !important;padding-left:20px;padding-top:1px;}
.modal-product ul{list-style:disc !important;display:block !important;}
.modal-body ul{list-style:none;display:inline;}
.modal-body ul li{margin-right:10px;margin-bottom:10px;}
.modal-body ul li.left{float:left;margin:10px 50px;}
.modal-body ul li.right{float:right;margin:10px 50px;}
.module-child-footer-wrap{float: left;width: 100%;}
footer.contentinfo{width:100%;clear:both;/*background:#656565;*/background-color: #54585A;}
.container{position:relative;text-align:left;margin:0 auto;padding:0 15px;width:100%;}
.weblogo{display:block;width:180px;height:80px;margin:0;padding:0;overflow:hidden;position:absolute;left:15px;top:30px;bottom:28px;z-index:9999;text-indent:-9999px;background:#003781;}
.weblogo span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/weblogo.png) no-repeat center;cursor:pointer;background-size:78%;}
nav.primary{font-size:.9em;z-index:999;position:absolute;padding:0 5px;left:0;top:0px;width:100%;}
nav.primary .toggle-menu{display:none;}
nav.primary .menu-level1{margin-bottom:7px;position: absolute;top:0px;}
nav.primary .menu-level1 > ul > li{float:left;height: 48px;padding: 0;line-height: 22px;}
nav.primary .menu-level1 > ul > li:last-child{border:none;}
nav.primary .menu-level1 > ul > li > a{color:#414141;display:block;padding:14px .2em 0;margin:0 10px;font-size: 18px;/*border-bottom:5px solid #F5F6F6;*/line-height: 22px;}
nav.primary .menu-level1 > ul > li.active > a, nav.primary .menu-level1 > ul > li.active a:hover{color:#0077c8;}
nav.primary .menu-level1 > ul > li:hover,nav.primary .menu-level1 > ul > li.active{border-bottom:6px solid #0077c8;cursor:pointer;color: #0077c8;}
nav.primary .menu-level1 > ul > li.open a.active {color: #0077c8;}
nav.primary > ul > li > a:hover{color:#003781;}
nav.primary .menu-level2{/*background:#656565;*/ background-color: #54585A;color:#fff;position:absolute;left:0;top:100%;width:100%;padding:20px;display:none;overflow:hidden;z-index: 999999;}
nav.primary .menu-level2.active{display:block !important;}
nav.primary .menu-level2 .back{display:none;}
nav.primary .menu-level2 > ul{float:left;margin-right:15px;margin-bottom: 5px;width:145px;/*height:400px;*/height:auto;/*border-left:1px solid #7f7f7f;*/padding-left:20px;}
nav.primary .menu-level2 > ul.noborder{border:0 none;}
nav.primary .menu-level2 > ul > li{padding:4px 0;}
nav.primary .menu-level2 > ul > li > a{display:block;color:#fff;font-size:14px;line-height:1rem;margin-left:9px;}
nav.primary .menu-level2 > ul > li > a:hover{/*color:#119dd7;*/color: #cbcdcd;}
/*nav.primary .menu-level2 > ul > li > a:before{content:'\203A\00a0';position:absolute;margin-left:-10px;font-size:14px;}*/
nav.primary .search{padding:4px 0;height:38px;}
.banner .search form{text-align:right;float:right;}
.banner .search form .input-text{border:1px solid #c7c7cc;font-size:.8em;padding:.4em .5em;-webkit-border-radius:3px;border-radius:3px;background:#fff;color:#111;width:230px;height:30px;float:left;margin-right:3px;}
.banner .search form .icon-search{border:1px solid #c7c7cc;-webkit-border-radius:3px;border-radius:3px;background:#F5F5F5 url(../images/magnify.png) no-repeat center;height:30px;width:40px;text-indent:-9999px;float:left;}
.minibar{position:absolute;right:-5px;font-size:.75em;}
.minibar .minilogo{float:left;margin-right:5px;margin-top:3px;}
.minibar .toolbar{float:left;background:#4A4A4A;-webkit-border-radius:0px;border-radius:0px;background:-webkit-gradient(linear,left top,left bottom,from(#676767),to(#414141));background:-moz-linear-gradient(top,#676767,#414141);background:-o-linear-gradient(top,#676767,#414141);background:-ms-linear-gradient(top,#676767,#414141);background:linear-gradient(top,#676767,#414141);height:30px;}
.minibar .toolbar > ul > li{float:left;}
.minibar .toolbar .deactive li{float: none !important;}
.minibar .toolbar > ul > li:last-child{border:none;}
.minibar .toolbar > ul > li a{display:block;padding:7.5px 10px;color:#fff;}
.minibar .toolbar > ul > li > ul{display:none;}
.menutitle{font-weight:bold;padding:10px 0;clear:both;font-size:16px;height:55px;line-height:20px;margin: 0 0 20px;border-bottom: 1px solid #74787b;}
a .menutitle{font-weight:bold;padding:10px 0;clear:both;font-size:16px;height:50px;line-height:20px;margin-bottom:10px;}
.btn-orange{-webkit-border-radius:3px;border-radius:3px;display:block;padding:0;text-align:left;background:none;color:#fff;position:absolute;bottom:0px;left:15px;height:16px}
.btn-orange-2{-webkit-border-radius:3px;border-radius:3px;display:block;padding:1em;text-align:left;background:#F56323;color:#fff;bottom:0px;left:15px;}
.btn-orange:hover{color:#fff;}
.btn-orange span{display:inline-block;text-align:left;background:url(../images/arrow_oval.png) no-repeat left;padding-left:20px;}
.main .wrapper{background:#fff;padding:15px;margin-bottom:20px;}
.main .wrapper-special{}
header.banner > .container.fluid{height:50px; margin-top:0px;}
thead.head-table {background: #eee;}

.tab-layanan-anda{width:28% !important;}
.tab-kontak{width:22% !important;}
.tab-sosmed{width:25.01% !important;}
.tab-download{width:25% !important;}
.bold-list li{font-weight:bold;background:url('../images/ic_buttons.png') -263px -210px no-repeat !important;padding:0px 10px 2px 20px !important;}

@media only screen and (min-width:960px){body{/*font-size:100%;*/}
.container{width:960px;}
nav.primary .menu-level2s{display:none;}
nav.primary .menu-level2{width:1030px;padding:20px;left:-30px;}
}
@media only screen and (max-width:320px){
    .heading.pagenav.pagenavBerita{width: 290px;}
    #quicklinks .tab-button ul li a{font-size: 10px;}
}
@media only screen and (max-width:959px){body{}
/*header.banner{background:none;}*/
.weblogo{width:150px;height:60px;left:37px;top:32px;}
.weblogo span{}
/*nav.primary .toggle-menu{/*display:block*/;position:absolute;left:0;top:38px;width:100%;background:#414141;color:#fff;font-size:1em;padding:10px 15px;cursor:pointer;}*/
nav.primary .toggle-menu span{background:url(../images/menu_toggle_down.png) no-repeat right;display:block;height:23px;}
nav.primary .toggle-menu:hover{color:#199dd7;}
/*nav.primary .menu-level1{position:absolute;padding-left:0;left:0;top:80px;background:#414141;width:100%;font-size:1em;border-top:1px solid #fff;display:none;}*/
nav.primary .menu-level1.active{display:block;}
/*nav.primary .menu-level1 > ul > li{float:none;border-right:none;position:relative;position: inherit;height:auto;}*/
/*nav.primary .menu-level1 > ul > li > a{padding:10px 15px;color:#fff;border-bottom:1px solid #fff;font-size: 14px;}*/
nav.primary .menu-level1 > ul > li > a:hover{color:#199dd7;}
nav.primary .menu-level2{position:relative;background:#414141;padding:0;}
nav.primary .menu-level2 > ul{margin:0;float:none;width:100%;}
nav.primary .menu-level2 > ul > li{padding:0;margin: 10px 0;}
nav.primary .menu-level2 > ul > li > a{padding:10px 15px;border-bottom:1px solid #fff;}
nav.primary .menu-level2 > ul > li > a:hover{color:#199dd7;}
.banner .search form{padding-left:120px;}

@media only screen and (max-width:959px) and (min-width:481px){body{}
.banner .minibar{right:10px;}
#quicklinks{float:none;width:100%;}
.tips-item-kanan{right:0;}
}
@media only screen and (max-width:768px){.heading.clearfix.pagenav #quicklinks {display: block;}
.wrapper-special.clearfix #quicklinks {display: block !important;}
.backgroundBatik .pagenav {height:80px;}
.searching {display: none;}
}
@media only screen and (max-width:640px){body{/*font-size:90%;*/}

@media only screen and (max-width:360px){.visimisi{font-size:13px;}
.boxes-view .items-container .item .description{font-size:13px !important;width:100% !important;}
.boxes-view #item-right.item, .boxes-view .items-container .item_visimisi{max-width:300px;}
.visi_kiri img, .visi_kanan img{width:90px;padding-right:10px;}
label div.float_tujuan_finansial{width:200px;}
label div.radio_tujuan_finansial{width:15px;}
.s-sbar-ct a:hover .authr-ttl,.s-sbar-ct a:hover .authr-ttl-virgin2{color:#2b78e4 !important;}
.s-row.crmb.cus-crmb{display:block !important;}
.crmb.cus-crmb .cus-li a{display:table-cell !important;padding:10px !important;text-align:center !important;vertical-align:middle !important;color:#fff;line-height:3.2rem;text-transform:uppercase;font-weight:normal;}
.crmb li.cus-li{width:150px;height:150px;background-size:150px 150px;background-repeat:no-repeat;}
.container .ojk-img{float:left;margin-left:0;margin-top:5px;}
.container .ojk-desc p{margin:5px auto auto 5px;width:140px;float:right;}
}
.cusZindex{z-index: 999;}
ul.ulCustomerOnline li.liCustomerOnline a{color: #000;}
ul.ulCustomerOnline li.liCustomerOnline a:hover{color: #FFF;background: #414141;}

ul.ulLanguage li.liLanguage a{color: #000;}
ul.ulLanguage li.liLanguage a:hover{color: #FFF;background: #414141;}

.liCustomerOnline, .liLanguage{width: 100%;border-color: #CCC #CCC !important;border-width: 0px 1px !important;border-style: none solid !important;border-color: -moz-use-text-color #CCC float: none !important;background: #F5F6F6;/*background:#4A4A4A;-webkit-border-radius:0px;border-radius:0px;background:-webkit-gradient(linear,left top,left bottom,from(#676767),to(#414141));background:-moz-linear-gradient(top,#676767,#414141);background:-o-linear-gradient(top,#676767,#414141);background:-ms-linear-gradient(top,#676767,#414141);background:linear-gradient(top,#676767,#414141);*/}

.show-mobile{
  display:none
}
  .btn-dropmenu {
    width: 100%;
    padding: 6px 6px 3px;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }
  .btn-dropmenu span {
    margin: 0 5px;
    font-size: 16px;
    color: #fff;
  }
  /* megamenu */
  .megamenu {
    position: relative;
      top: -49px;
  }
  .menu-parent {
    padding-left: 185px;
      margin-bottom: 7px;
      margin-top: 0;
      list-style: none;
  }
  .menu-parent li {
    float: left;
      /* border-right: 1px solid #ccc; */
      height: 48px;
      padding: 0;
      font-size: 18px;
      line-height: 22px;
  }
  .menu-parent li a {
    color: #414141;
      display: block;
      padding: 14px 14px 6px;
  }
  .menu-parent li a.active, .menu-parent li a:hover, .module ul li a.heading:hover, .searching.open {
    color: #0077c8;
    border-bottom: 6px solid !important;
  }


  .banner .search form .input-text{
    width:100px
  }


  nav.primary .menu-level2>ul{
    height:auto;
    margin:15px 0
  }


/* CSS login pop up Akbar */
.popup-asn .modal-sm {
    width: 100%;
}
.form-signin label.popup-asn-label {
  float: left;
} 
.modal-vertical-centered {
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important; /* IE 9 */
    -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
  }
  
/* CSS login pop up Akbar */
@media only screen and (max-width: 960px) {
  .agent-header {
    top: -27px;
  }
  nav.primary .menu-level1 {
    padding-left: 14em;
  }

}
@media only screen and (max-width: 900px) {
  .menu-mobile { display: block; }
  .menu-desktop { display: none; }
  .weblogo { top: 10px !important; }

  .mobile li.active { border-bottom: 1px solid #76797b !important; }
  .mobile li.menu-desktop.active { display: none !important; }
  .mobile li.active a, .mobile li.active a:hover { color: #fff !important; }
  nav.primary .menu-level1 {
    display: none;
    width: 100%;
    padding-left: 0;
    left: 0;
    z-index: 9999;
  }
  nav.primary .menu-level1 > ul > li, li.mobile-parent li.mobile-child { 
    width: 100%;
    line-height: 22px;
    color: #fff;
    /*min-height: 48px;*/
    height: auto;
    padding: 15px 0 11px;
    font-size: 16px;
    border-bottom: 1px solid #76797b;
}
  li.mobile-child a { margin: 0 30px !important; }
  li.last-child a { margin: 0 60px !important; }
  li.mobile-parent li.mobile-child { border: none; }
  li.mobile-parent li.mobile-child a { margin: 0 30px; color: #fff; } 
  nav.primary .menu-level1 > ul > li > a { padding: initial; }
  nav ul.mobile { background-color: #54585a; padding: 0 10px 10px;}
  nav.primary .menu-level1 > ul > li > a {
    font-size: 16px;
    color: #fff;
  }
  /*nav.primary .menu-level1.open {
    display: block;
  }*/
  header.banner {
    background: none;
    border-bottom: none !important;
  }
  header.banner > .container { height: 100px; }


}