.w-100 {
    width: 100%!important;
    height: 400px;
}
.animate1 .show{
	opacity: 0;
	transition: 2s;
	transform: translate(0,-80px);
}
.animate1 .show.active{
	opacity: 1;
	transform: translate(0,0);
}
.animate2 .show{
	opacity: 0;
	transition: 2s;
	transform: translate(0,-80px);
}
.animate2 .show.active{
	opacity: 1;
	transform: translate(0,0);
}
.kotak-kanan {
	background-color : #eee;
	border : 2px solid #3333331a;
	min-height : 200px;
	margin-bottom : 10px;
	border-radius : 5px 5px 10px 10px;
	
}
.kontak a {
	margin : 0 10px;
}
.kontak a img {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.8);
}
.slide-kanan {
	padding-left : 10px;
	list-style : none;
	height : 300px ;
	font-size : 16px;
	font-weight : 500;
	overflow : hidden;
}
.slide-kanan  li {
	padding : 5px 10px;
	border-bottom : 2px solid #ddd;
}
.kotak-kanan  li span  {
	display : inline-block;
	font-size : 14px;
	font-weight : bold;
	
	
	
}
.kotak-kanan  li p {
	display : inline;
	line-height  : 20px;
}

.menu {
	padding : 15px 0;
	background-image : url('https://bimakab.go.id/img/web/8.jpg');
	background-repeat : no-repeat;
	background-size : cover;
	background-position : center;
	background-attachment : fixed;
	border-top : 5px solid #fff;
	border-bottom : 5px solid #fff;
}

.menu h3{
	color : #fff;
	background-color : #20c997;
	padding : 10px 10px;
	text-transform : uppercase;
	display : block;
	width :100%;
	font-size : 28px;
	text-align : center;
	margin-top: -10px;
}
.menu a p {
	margin-top : 5px;
	font-size : 16px;
	font-weight : bold;
	color: white;
	text-shadow: 0px 2px 4px  rgba(0,0,0,0.8);
}
.menu img {
	width : 90px;
	height : 90px;
	border : 3px solid #fff;
	border-radius : 50%;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.8);
}

.galery {
	text-align : center;
	padding-bottom : 60px;
	padding-top : 20px;
	padding-left: auto;
	padding-right : auto;
	border-bottom : 5px solid #ccc;
	
	
}
.galery img {
	width : 200px;
	height : 200px;
	margin-bottom:  10px;
	border : 2px solid #eee;
	border-radius: 8px;
	box-shadow : 0px 2px 6px rgba(0,0,0,0.7);
}

.kaki {
	background-color : white;
	padding: 20px 0;
}
.alamat img {
	display: block;
	margin : 0 auto;
	width: 50px;
	height : 50px;
}

.kaki p{
	display : block;
	width : 100%;
	font-size : 12px;
	text-align : center;
	margin-top : 10px;
	padding-right: 0 10px;
	
	font-weight : bold;
}
footer{
	background-color : #000;
	color : white;
	height : 100px;
	
	
	
}
footer p{
	padding :15px;
	text-align : center;
}




.news-ticket {
	color : white;
	font-size : 16px;
	font-weight : 500;

	
	width : 100%;
	background-color : #0B6E45;
	margin-top : 2px;
	
	position : relative;
	
}
.news-ticket .container .left {
	
	display : inline-block;
	padding-left : 4px;
	min-height : 35px; 
	width : 30%;
	border-right : 2px solid white;
}
.news-ticket .container .right {
	display : inline-block;
	overflow : hidden;
	height : 35px;
	width : 60%;
}
.news-ticket .container .right ul li{
	list-style : none;
	padding-top : 10px;
	margin-bottom : 20px;
	margin-left : -25px;
}



body{
	background-color : #e8e8e8;
	position : relative;
	height: 100%;
}

header .container {
	padding : 0;
}
.h-con {
	padding-top : 25px;
	padding-bottom : 20px;
	text-align : center;
	
}
.h-con img{
	width : 90px;
	height : 110px;
	display : block;

	margin-left : auto;
	margin-right : auto;
	

	
	
}
.h-con .judul-atas{
	display : block;
	
	
}
.h-con h3{
	text-transform : uppercase;
	color : #fff;
	font-weight : bold;
	font-size : 22px;
	padding-top : 5px;
	text-shadow : 2px 2px 2px rgba(0,0,0,0.7);
}
.h-con p {
	font-size :10px;
	font-weight : bold;
	letter-spacing : 1px;
	line-height : 1.5;
}
.nav-link {
	color : #fff !important;
	
}
.nav-link:hover {
	background-color : #113bd4 !important;
	padding-left : 10px;
}
.dropdown-menu .nav-link{
    color : #3f3e3e !important;
    padding : 0 5px;
    font-size:  14px;
    text-transform: capitalize;
    padding : 10px 5px;
}



.title-slide {
	height : 100px;
	
}
.title-slide.active {
	height : 300px;
	width : auto;
}
.title-slide img {
	display : inline;
	width : 32.6%;
	height : auto;
}
.wrap {
	background-color : #ddd;
	margin-top : -10px;
	padding-top : 20px;
	
}
.wrap .berita .b-1 {

	margin-top: 10px;
	border-right : 5px solid transparent;
	margin-bottom: 10px;
	padding : 5px;
	border-radius : 5px;
	text-align : center;
	background-color : #eaeaea;
}
.wrap .berita .b-1 h3 {
	font-size : 16px;
	font-weight : bold;
	letter-spacing : 0;
	border-bottom : 1px solid #333;
}
.wrap .berita .b-1 span {
	font-size : 14px;
	line-height : 1px;
	font-weight : 500;
	color : #888;
	
}
.bg-biru{
	background-color : #3E4095;
}
.bg-hijau{
	background-color : #00AFEF;
}
.judul {
	/* height : 40px; */
	padding : 10px 5px;
	color : white;
	text-align : center;
	font-weight : 500;
	font-size : 18px;
}



.rt-box {
	position : relative;
	background-color : #3E4095;
	
	width : 100%;
	margin-left : auto;
	margin-bottom : 2px;
}

.h-con div {
	position : relatif;
	bottom : -115px;
	
	
}




.br-j ul{
	list-style : none;margin: 2px;padding-left:1px;

}
.br-j ul li{
	margin-top : 3px;
	margin-bottom : 14px;
}
footer{
	background-color : #000;
	color : white;
	width : 100%;

	
}
footer p{
	padding :15px;
	text-align : center;
}

/*/ Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.menu h3{
	color : #fff;
	background-color : #20c997;
	padding : 5px 10px;
	text-transform : uppercase;
	display : inline-block;
	
	
}
.kaki {
	background-color : white;
	padding : 30px 50px;
}
.kaki p{
	display : inline-block;

	font-weight : bold;
	text-align : left;
}

.h-con {
	position : relative;
	height : 170px;
	text-align : left;
	padding-top : 0px;
	
}
.h-con img{
	width : 90px;
	height : 110px;
	display : inline-block;
	margin-top : -58px;
	margin-left : 45px;
	
	
	
}
.h-con .judul-atas{
	display : inline-block;
	margin-top : 15px;
	
}

.h-con h3{
	
	
	text-transform : uppercase;
	color : #fff;
	font-weight : bold;
	font-size : 22px;
	text-align : left;
	padding-top : 5px;
	text-shadow : 2px 2px 2px rgba(0,0,0,0.7);
}
.h-con p {
	
	font-size :10px;
	font-weight : bold;
	letter-spacing : 1px;
	line-height : 1.5;
	
}





.rt-box1::before{
	width : 30px;
	content : "";
	position : absolute;
	left : -30px;
	top : -10px;
	border-bottom:40px solid #3E4095;
     border-left:30px solid transparent;
     border-right:0 solid transparent;
	 
	 
}
.rt-box1 {
	position : relative;
	background-color : #3E4095;
	height : 30px;
	margin-left : auto;
	margin-bottom : 2px;
	bottom : 0;
	right : 0;
}


.rt-box::before{
	width : 40px;
	height : 100%;
	content : "";
	position : absolute;
	left : -40px;
	top : 0;
	border-bottom:50px solid #3E4095;
     border-left:40px solid transparent;
     border-right:0 solid transparent;
	 
	 
}
.rt-box {
	position : relative;
	background-color : #3E4095;
	height : 50px;
	margin-left : auto;
	
	width : 72%;
	margin-top : -50px;
	
}



.nav-link {
	color : #fff !important;
	text-transform : uppercase;
	font-weight : 500;
/*margin-top : -5px;*/
}
.nav-link:hover {
	color : #00AFEF !important;
	border-bottom : 2px solid #00AFEF;
	margin-bottom : -2px !important;
}

.news-ticket {
	color : white;
	font-size : 16px;
	font-weight : 500;

	
	width : 100%;
	background-color : #0B6E45;
	
	padding : 10px;
	position : relative;
	
}
.news-ticket .container .left {

	overflow : hidden;
	display : inline-block;

	height : 30px; 
	width : 20%;
	border-right : 2px solid white;
}
.news-ticket .container .right {
	display : inline-block;
	overflow : hidden;

	height : 30px;
	width :75%;
}
.news-ticket .container .right ul li{
	list-style : none;
	margin-top : -10px;

	
}
.alamat img {
	display: block;
	margin-left : 30%;
}








}