@charset "utf-8";
/* CSS Document */




.carousel {
	position:absolute;
  height: 550px;
  width:100%;
   z-index:-99;
  
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 550px;
  width:100%;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 550px;}






@media(max-width:701px) {
	.carousel {
		
height: 100%;
  width:100%;
   z-index:-99;
  
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 100%;
  width:100%;
  background-color: #777;
}
.carousel-inner > .item > img {

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}
	}





.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}







.title {
text-align: center;
margin-top: 0px;
padding: 10px;
text-shadow: 2px 2px #000;
color: #FFF;
}

.panel-heading {
padding: 0;

}
.panel-heading a {
display: block;
padding: 20px 10px;

}
.panel-heading a.collapsed { 
background: #003;
color:#FFF;
}
.panel-heading a {
background: #003;
border-radius: 5px;
color:#F60;
}
.panel-heading a:after {
content: ''
}
.panel-heading a.collapsed:after {
content: ''
}

.nav.nav-tabs li.active > a:active {
border-bottom-width: 0px;
outline: none;
color:#fff;
}

.nav.nav-tabs li a,
.nav.nav-tabs li.active > a:hover,
.nav.nav-tabs li.active > a:active,
.nav.nav-tabs li.active > a:focus {
border-bottom-width: 0px;
outline: none;

}
	
.nav.nav-tabs li a {
padding-top: 20px;
}

.tab-pane {
background-color: rgba(245, 245, 245, 0.6);
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
border-top-right-radius:10px;

border: 1px solid #ddd;
}
.tab-pane hr {
	color:#003;	
	}

.tab-pane h2{
	color:#000;
    font-size:19px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	text-shadow: 0.5px 0.5px #CCC !important; 
	}
.tab-pane h3{
	color:#000;
	}
.tab-pane h4{
	margin-top:20px;
	font-size:17px;
	font-weight:bold;
	color:#000;
	-webkit-text-stroke: 1px white; 
	text-shadow: 4px 4px #FFFFFF; 
	}









/* used for sidebar tab/collapse*/
@media (max-width: 700px) {
.visible-tabs {
display: none;
}


}

@media (min-width: 701px) {
.visible-tabs {
display: block !important;
}


}

@media (min-width: 701px) {
.hidden-tabs {
display: none !important;
}

}

#cabang{
	margin-top:60px;
	}