@font-face
{
  font-family: '__Helvetica Neue LT Std_5';
  src: url('fonts/helvetica-neue-lt-std-45-light.eot'),url('fonts/helvetica-neue-lt-std-45-light.woff') format('woff'), url('fonts/helvetica-neue-lt-std-45-light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face
{
  font-family: '__Helvetica Neue LT Std_5';
  src: url('fonts/helvetica-neue-lt-std-75-bold.eot'), url('fonts/helvetica-neue-lt-std-75-bold.woff') format('woff'), url('fonts/helvetica-neue-lt-std-75-bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face
{
  font-family: '__Helvetica Neue LT Std_5';
  src: url('fonts/helvetica-neue-lt-std-65-medium.eot'), url('fonts/helvetica-neue-lt-std-65-medium.woff') format('woff'), url('fonts/helvetica-neue-lt-std-65-medium.svg') format('svg');
  font-weight: 500;
  font-style: normal;
}

.padding-right-0{
	padding-right:0!important;
}
.padding-left-0{
	padding-left:0!important;
}
.padding-top-32{
	padding-top:25px;
}
.overflowhidden{
  overflow: hidden;
  height:10px;
}

.cek{
  /*border: 1px solid rebeccapurple !important;*/
  padding:0 20px;
  overflow: hidden;
}
body {
    font-family: '__Helvetica Neue LT Std_5';
    font-weight: 100;
}
body.modal-open {
    overflow: hidden;
}
#wrapper-header {
  position: relative;
}
#header-right-menu{
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	margin-top:-2px;
}
.navbar-toggle{
  float:left;
}

.h2banner{
  position: absolute;
  color: #fff;
  z-index: 10;
  left: 15%;
  top: 37%;
  font-size: 47px;
  line-height: 40px;
  font-weight: 300;
  display:none;
}
.contentredensial b.head{
  font-size: 19px;
  line-height: 22px;
  font-weight: 500;
  display: block;
  margin:0 0 5px 0;
  color:#4e606e;
}
.contentredensial b.headfirst{
  color: #01aef0;
  font-size: 29px;
  margin: 30px 0;
  display: block;
  font-weight: 100;
}
/*#wrapper-header{
  padding: 20px;
}
.navbar-header{
  margin-top:85px;
}*/
#header-logo{display: block;text-align: left;}
.language,.language-divider{margin-top: -5px;}
.language-divider{ padding:0px!important;}
li a.language, li a.language-divider {
	float:left;
}
.lang-li{margin-top:4px;}
#header-search{padding:0px;}
.header_text{text-transform: uppercase;line-height: 13px;color: #4E606E;font-size: 11px;margin-left:15px;}

.search-popup {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  margin: 0 auto;
  margin-bottom: -20px;
  z-index: 10000;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  display: none;
}
.search-popup input[type=search] {
  width: 100%;
  border: 0;
  padding: 10px 20px;
  font-size: 24px;
  color: #4e606e;
  padding-right: 50px;
}
.search-popup input[type=search]:focus {
  outline: none;
}
.search-popup button.button-search {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #4e606e;
  border: 0;
}
.search-popup button.button-search i {
  color: white;
  display: block;
  font-size: 24px;
  width: 50px;
}

/*.header_text{margin-left:15px;}
#navbar{margin-left:15px;}*/
.header_text{
  font-size:8px;
}


.dropdownactive{
  background-color:#01aef0 !important;
  color:#fff !important;
}
.hr{
  background: #01aef0 url(../../images/line-header.jpg) no-repeat bottom left;
  padding: 0;
  height: 9px;
  background-size:cover;
  background-position:center;
}
.faq_wrapper .panel-heading a{
  text-decoration: none;
}

.navbar-inverse{
  background-color:#fff;
  border-radius: 0;
  margin:0;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    color: #666;
    background-color: #fff;
}
.navbar-nav>li>a:hover{
	color : #00ADEF!important;
}
.nav-bar-main-menu li{
	padding-right:4px;
}
/*.navbar-inverse .navbar-nav>.active>a:hover{
  background-color: #fff;
  color:#01aef0;
}*/


.navbar-nav>li>a:hover{
  color:#01aef0;
  background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
  border-color:#fff;
}
.navbar-inverse .navbar-toggle{
  -border-color:#01aef0;
  border: 0;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
  background-color:#fff;
}

.navbar-inverse .navbar-nav>.open>a {
  background-color: #fff;
  color: #555;
}
.navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav > li > a:hover {
  color:#01aef0;
  background-color: #fff;
}
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #fff;
  color: #555;
}
.navbar-inverse .navbar-nav > li > a {
  background-color: #fff;
  color: #555;
}
.navbar-inverse .navbar-nav > li > a:focus {
  color: #555;
}
.brd{
  border:0px solid red;
  padding:0;
  margin-top:0px;
}
.brd>ul.navbar-nav{
	margin-left:3px;
}

.navbar-inverse .navbar-toggle .icon-bar{
  background-color: #4E606E;
}

.hide {
  display: none !important;
}
.show {
  display: block !important;
}
#expand-search {
  width: 100%;
  min-width: 320px;
  max-width: 767px;
  height: 40px;
  float: right;
  margin-top: 0;
  position: absolute;
  top: 105px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.75);
}
#expand-search input {
  border-radius: 0;
  height: 40px;
  width: 90%;
  font-style: italic;
  font-size: 11px;
  border: 1px solid #fff;
  margin-left: -20px;
}
.btn-expand-search {
  background-color:#4e606e;
  color:#fff;
  height: 40px;
  border-radius: 0;
}
.btn-expand-search:hover, .btn-expand-search:focus {
  background-color:#4e606e;
  color: #fff;
}
.expand-search-wrapper {
  float: left;
}
.flag-wrapper {
  float: right;
}
.dropdown .glyphicon {
  color: #bbb;
}
.pt-20 {
  padding-top: 20px !important;
}
.btn-search {
  background-color:#4e606e;
  color:#fff;
  height: 22px;
  padding: 0px 8px;
}
.btn-search:hover, .btn-search:focus {
  color:#fff;
}
#breadcrumb{
	width: 100%; 
	height: 70px;  
	margin-top:-70px;
	background-color: rgba(0, 173, 239, 0.8);
    position: relative;
    bottom: 0;
    z-index: 1;
}
#breadcrumb-container{
	position:relative;
	font-family: '__Helvetica Neue LT Std_5';	
	font-size:20px;
	max-width:1024px;
	margin:0 auto;
	padding-top:20px;
}
.breadcrumb{
	background-color: rgba(0, 173, 239, 0.0);
	 max-width:1024px;	 
	 color:#fff;
	 margin:0;
	 padding:0;
	 border-radius:0;
}
.breadcrumb>li>a,.breadcrumb>li:after{
	color:#fff;
}
.breadcrumb>.active {
    color: #fff;
	font-weight:500;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #327CBA;
}

@media only screen and (min-width:320px) and (max-width:480px) {
  #search input {
    padding-bottom: 0px;
  }
  .dropdown .glyphicon {
    padding-top: 3px;
  }
  .btn-search {
    padding: 0px 8px;
  }
  .h2banner {
    font-size: 28px !important;
    top: 24% !important;
  }
  .footer_text {
    font-size: 10px;
    margin: 0;
  }
  .footer_bg {
    background-position: 10% !important;
  }
  #sitemap_wrapper h2 {
    font-size: 18px !important;
    margin-left: -11px !important;
  }
  #sitemap_wrapper {
    margin-right: -10px !important;
  }
  ul.left-menu li {
    padding-right: 10px !important;
  }
  #breadcrumb{
	  height:40px!important;
	  margin-top:-40px!important;
  }
  #breadcrumb-container{
	padding-left:20px;
	padding-top:10px!important;
	font-size:12px!important;
  }
}
@media only screen and (min-width:360px) and (max-width:480px) {
  .header-title-sm {
    font-size: 8px !important;
	left:60px!important;
  }
}
@media(max-width:1024px){
	.no-pd-mobile{
	  padding:0!important;
	  overflow-x:hidden;
	}
	.no-margin-mobile{
	  margin:0!important;	  
	}
	#breadcrumb-container{
		padding-left:20px;
	}
}
@media(max-width:767px){
	#wrapper-header .brd{
		margin-top:0;
	}
  .header-title-sm {
    position: absolute;
    top: 18px;
    left: 70px;
    margin: 0;
    float: right;
    font-size: 13px;
    font-weight: 500;
  }
  .navbar-toggle{
	  padding:9px 0px;
  }
  .navbar-fixed-top .navbar-collapse {
    min-height: 570px;
  }
  .navbar-nav{
    margin:0;
  }
  .wrapper_line{
    margin:20px 0 0px;
    overflow:hidden;
  }
  .lapan {
    height: 10px;
    background-color: #01aef0;
  }

  .empat {
    height: 10px;
    background-color: #355989;
  }

  #header-right-menu{
	margin-top:0;
    padding:0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
  }


  #sitemap_wrapper h2{
    font-size: 32px;
    margin-top: -10px;
  }
  #wrapper-header{
    margin-bottom: 47px;
    padding:0 !important;
  }
  /*.navbar-inverse{
    background-color: #eee;
  }*/
  #mobile_menu{
    padding:20px 0 0 0;
  }
  .flagger img{
	  float:left
  }
  .btnclose{
    cursor: pointer;
    background-image: url('../../images/close-btn.png');
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
  }
  .mobile_logo{
    width: 50px;
  }
  .mobile_bottom_box{
    margin:20px 0 10px;
  }
  .nav>li{
    border-bottom:1px solid #ccc;
  }
  .header_text{
    font-size: 12px;
  }
  .navbar-inverse .navbar-nav>li>a{
    color:#555;
    font-weight:500;
    text-indent: 7px;
  }
  .dropdown-menu>li>a{
    font-weight: 300;
    font-size:12px;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
    color: #fff;
    background-color: #355989;
    border-bottom: 1px solid #eee;
    text-indent: 0;
    font-weight: 500;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
    color: #000;
    background-color: transparent;
  }
  .dropdown-menu{
    padding:0;
  }

  .header_text{
    text-transform: capitalize;
  }
  #breadcrumb{
	  height:50px;
	  margin-top:-50px;
  }
  #breadcrumb-container{
	padding-left:20px;
	padding-top:12px;
	font-size:18px;
  }
  
  .copyright{
    margin-top:10px;
  }
  .marginright{
    margin-right:20px;
  }
  .mobile_menu_footer{
    padding: 20px 20px 7px;
  }

}
@media(max-width:568px){
	#sitemap_wrapper h2{
		font-size:26px;
	}
}
@media(max-width:600px){
	#sitemap_wrapper h2{
		font-size:26px;
	}
}
@media(min-width:768px){
  #navbar{
    font-size:8px;
    margin-left:15px;padding:0;
  }
  #sitemap_wrapper h2{
    font-size: 36px;
    text-align: center;
    font-weight: 500;
  }
  .navbar-nav>li:not(:last-child) a{
    border-right:1px solid #4E606E;
  }
  .navbar-nav>li:not(:first-child) a{
	padding-left:10px;
  }
  .navbar-nav>li:nth-child(2) a{
    padding-right:11px;
  }
  .navbar-nav>li:nth-child(3) a{
    padding-left:12px;
  }

  .navbar-nav>li>a{
    padding:0 10px;
    color: #666 !important;
    background-color: #fff;
  }
  .nav-bar-main-menu>li>a{
	padding-right:15px;
  }
  #wrapper-header{
    padding: 20px;
  }
  #navbar{
    font-size:8px;
  }
  .brd>ul.navbar-nav{
		margin-left:0px;
	}

  .navbar-header{
    margin-top:85px;
  }
  .header_text{
    font-size:8px;
  }
  #breadcrumb{
	  height:50px;
	  margin-top:-50px;
  }
  #breadcrumb-container{
	padding-left:20px;
	padding-top:12px;
	font-size:18px;
  }
  
  
  #footer>.container{
	  border-top: 1px solid #000;
	  width:750px;
	}
}
@media(min-width:992px){

  #navbar, .header_text{
        font-size:11px;
  }
}
@media(min-width:1200px){


    #navbar,.header_text {
        font-size: 11px;
    }

  #wrapper-header{
      width:1024px;
      padding: 20px 0px 22px;
  }
  #navbar{margin-left:34px;}
  .brd>ul.navbar-nav{
		margin-left:4px;
	}
  #bottom_menu{
    margin-left:30px;
  }

  .container.custom{
    /*width:1226px !important;*/
    width:1254px !important;	
  }
  .header_text{
     /*margin-top: 2px;*/
  }
  .header_text:last-child{
      margin-top: 35px;
  }
  #footer>.container{
	  width:979px;
	  border-top: 1px solid #000;
	}
}

#sitemap_wrapper{
  text-align: center;
  margin: 40px 0 5px 0;
  font-size: 36px;
  font-weight: 500;
  color: #4E606E;

}

#sitemap_wrapper .sitemap_text{
  font-size: 14px;
  font-weight: 500;
  color: #4E606E;
}
#sitemap_wrapper .sitemap_link:hover{
  text-decoration: none;
}

#sitemap_acc{
  overflow-x:hidden;
}

#footer{
  margin-top: 15px;
}
#footer ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  color:#666;
}
#footer h3{
  text-align:left;
  margin:30px 0 10px;padding:0;
  font-size: 12px;
  text-transform: capitalize;
}

#footer ul li a{
  display:block;
  font-size:10px;
  color:#666;
  padding:3px 0;
}

#footer ul li a:hover{
  color:#003d80;
  text-decoration:none;
}
#footer>.container{
  border-top: 1px solid #000;
}

#search1{
  width:100%;
  float: right;
  margin-top: 0;
}

#search1 input{
  border-radius: 0;
  height:35px;
  font-style: italic;
  font-size: 11px;
  border: 1px solid #555;
}
#search1 button{
  background-color:#4e606e;color:#fff;height: 35px;padding: 2px 8px;
}

#search{
  width:92px;
  float: right;
  margin-top: 0;
}

#search input{
  border-radius: 0;
  height:22px;
  width:92px;
  font-style: italic;
  font-size: 11px;
  border: 1px solid #555;
  padding-left: 7px;
  padding-bottom:7px;
}
@-moz-document url-prefix() {
    #search input{
	  border-radius: 0;
	  height:22px;
	  width:92px;
	  font-style: italic;
	  font-size: 11px;
	  border: 1px solid #555;
	  padding-left: 7px;
	  padding-bottom:6px;
	}
}

#search button, #search1 button{
  border-radius: 0;
}

.contact-career-img{
	text-align:right;
}

.footer_bg{
  background-image: url('../../images/footer.jpg');
  background-repeat: no-repeat;
  background-position: right 0;
  padding:20px;
  text-align: center;
  color:#fff;
  background-size: cover;
}

#bottom_menu .navbar-nav>li:not(:last-child) a{
  border-right: none;
}
.footer{
  width: 100%;
}
a.sitemap_link{
  text-decoration: none;
}

.sitemap_btn{
  margin-top: -40px;
}
#sitemap_acc {
    transition: all 500ms ease-out;
}
@media (max-width: 359px) {
	#sitemap_wrapper h2 {
    font-size: 16px !important;
    margin-left: -11px !important;
	}
	.header-title-sm {
		font-size: 6px !important;
		left:49px!important;
	}
	#breadcrumb{
	 height: 40px!important;
	 margin-top: -40px!important;  
	}
	#breadcrumb-container{
	  font-size:12px;
	  padding-top:10px;
	}
}

@media(max-width:1200px){
  .container{width:100% !important;}
  .header_text:last-child {
    margin-top: 35px;
  }
}