/* bootstrap 3 helpers */

.navbar-form input, .form-inline input {
	width:auto;
}

/* end */

/* custom theme + Bootstrap resets */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import url('http://fonts.googleapis.com/css?family=Oswald:300,400:latin,latin-ext');
header {
}
h1,h2,h3,h4,h5,.highlight,.navbar a,#masthead h4,.panel-heading,.accordion-heading {
  font-family:'Oswald',arial narrow,sans-serif;
}
h2 {
	margin-top: 22px;
}
.konten{
	margin-top: 20px;
}
/* only apply sticky columns on wider screens */
@media (min-width: 1200px) {
  #sidebar {
 	margin-left:15px;
  }
	#main {
		padding: 0px 15px;
	}
  #content {
 	padding-right:15px;
  }
#content .well {
	min-height:800px;
}
  #sidebar.affix-top {
      position: static;
  }
  
  #sidebar.affix {
      position: fixed !important;
      top: 50px;
      width:200px;
  }

  #midCol.affix-top {
      position: static;
  }

  #midCol.affix-bottom {
      padding-top:0;
  }
  
  #midCol.affix {
      position:fixed !important;
  	  top: 20px;
  	  width:292px;
  }
}

.affix {
      position:static;
}

body {
  font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
  font-weight:300;
  color:#676767;
/*   background-color:#efefef; */
    background: -webkit-radial-gradient(circle,#fff, #eeeeee, #e1e1e1);
	background: -moz-radial-gradient(circle, #fff, #eeeeee, #e1e1e1);
	background: -o-radial-gradient(circle, #fff, #eeeeee, #e1e1e1);
	background: radial-gradient(circle,#fff, #eeeeee, #e1e1e1);
}

a,a:hover {
	color:#072f52;
  	text-decoration:none;
}

.highlight-bk {
	background-color:#77CCDD;
    padding:1px;
    width:100%;
}

.highlight {
	color:#77CCDD;
}
  
h3.highlight  {
	padding-top:13px;
    padding-bottom:14px;
  	border-bottom:2px solid #77CCDD;
}
.dropdown-backdrop {
    position: static;
}

.navbar2 {
	background: none !important;
	min-height: 50px !important;
}
.navbar2 .navigasi {
	background: #072f52;
	padding-left: 15px;
}
.navbar {
  	color:#ffffff;
  	border-radius:0;
  	background-color:#072f52;
}

@media (max-width:460px){
	.navbar-brand {
	max-width: 80%;
	}
}
.navbar-fixed-top{
	background-color:#072f52;
	-moz-box-shadow: 0 0 7px #aaa;
 	-webkit-box-shadow: 0 0 7px #aaa;
  	box-shadow: 0 0 7px #aaa;
	min-height: 54px !important;
  }
.navbar2 .navbar-brand:hover{
  	background-color:#f39c12;
  	color: #fff;
}
.navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
  	border-left:1px solid #0a4476;
}
.navbar-nav > li:last-child > a {
  	border-right:1px solid #0a4476;
}
.navbar2 .navbar-nav{
  	background-color:#072f52;
}
.navbar2 .navbar-nav > li > a {
  	color:#fff;
  	padding-left:10px;
  	padding-right:10px;
  	border-left:1px solid #083760;
}
.navbar2 .navbar-nav > li:last-child > a {
  	border-right:1px solid #083760;
}

.navbar-nav li a:hover {
  	background-color:#f39c12;
}
.accordion-inner .nav>li>a {
	padding: 5px !important; 
}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	color: #000;
  	opacity:.9;
}

.navbar-brand {
	color:#fff;
}

.accordion-group {
	border-width:0;
}

.dropdown-menu {
	min-width: 250px;
}
.dropdown-menu>li>a {
	background: #fff !important;
}
.dropdown-menu>li>a:hover {
	background: #f39c12 !important;
}

.caret {
	color:#fff;
}

.navbar-toggle {
	color:#fff;
    border-width:0;
}
  
.navbar-toggle:hover {
	background-color:#fff;
}

.panel,.panel-heading {
  	border-radius:0;
  	border-width:0;
  	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 3px  rgba(0, 0, 0, 0.09);
}

.thumbnail {
	margin-bottom:8px;
	border-radius:0;
}
.pull-left {
	margin: 3px 10px 10px 0px;
	border-radius:0;
}
.well {
  	border-radius:0;
}
.isi {
padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);display: table;min-height: 529px; width: 100%;
}
.isi h2 {
	margin-top: 30px;
}

.accordion-heading .accordion-toggle, .accordion-inner, .nav-stacked li > a {
	padding:3px 1px !important;
	font-family:'Oswald',arial narrow,sans-serif;
	border-bottom: 1px dashed #e1e1e1;
}
.accordion-heading {
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom: 1px dashed #e1e1e1;
}

footer {
	color: #f39c12 !important;
	min-height:50px;
  	background-color:#000;
  	color:#888;
  	margin-top:20px;
  	padding: 20px;
  	font-size: 10px;
}
footer a{
	color: #f39c12 !important;
}
@media (min-width: 992px) {
  .no-gutter.row > div[class*='col-md'] {
    padding-left: 0;
    padding-right: 0;
  }
  .no-gutter.row > .col-md-12 {
    width: 99.99999999999999%;
    *width: 99.93055555555554%;
  }
  .no-gutter.row .col-md-11 {
    width: 91.66666666666666%;
    *width: 91.59722222222221%;
  }
  .no-gutter.row > .col-md-10 {
    width: 83.33333333333331%;
    *width: 83.26388888888887%;
  }
  .no-gutter.row > .col-md-9 {
    width: 74.99999999999999%;
    *width: 74.93055555555554%;
  }
  .no-gutter.row > .col-md-8 {
    width: 66.66666666666666%;
    *width: 66.59722222222221%;
  }
  .no-gutter.row > .col-md-7 {
    width: 58.33333333333333%;
    *width: 58.263888888888886%;
  }
  .no-gutter.row > .col-md-6 {
    width: 49.99999999999999%;
  }
  .no-gutter.row > .col-md-4 {
    width: 33.33333333333333%;
  }
  .no-gutter.row > .col-md-3 {
    width: 24.999999999999996%;
    *width: 24.930555555555554%;
  }
  .no-gutter.row > .col-md-2 {
    width: 16.666666666666664%;
    *width: 16.59722222222222%;
  }
  .no-gutter.row > .col-md-1 {
    width: 8.333333333333332%;
    *width: 8.263888888888888%;
  }
}

/* end custom theme */

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  margin-left: 15px;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gall {
	list-style: none;
	display: table;
	padding-left: 0px;
}
.gall li{
	height: auto;
	float: left;
	margin-right: 5%;
}
#google_translate_element{
	padding-top: 10px;
}
.hcsb_container{
	margin:0 auto !important;
}
.sst {
	margin-bottom: 10px;
}
.goog-te-gadget-icon {
	display: none !important;
}