@font-face {
    
	font-family: "DancingScriptRegular";
    font-style: normal;
    font-weight: normal;
    src: url(DancingScript-Regular.otf), url(DancingScript-Regular.ttf);
	
}
.container { width: @container-desktop !important; }
@screen-xs: 0; 
@screen-xs-min: @screen-xs;
@screen-phone: @screen-xs-min;
@screen-sm: 0; 
@screen-sm-min: @screen-sm;
@screen-tablet: @screen-sm-min;


#main-top{
	width:100%;
	float:left;
	
}
#sidebar img:hover{
	opacity:0.7;
}
.main-home{
	height:100vh; 
}
.main-singel{
	height:200px; 
 
} 

.main-home .slider img,
.main-singel .slider img
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1;
	
}

.main-home .slider img{
	height:100vh;
}	
.main-singel .slider img{
	height:150px;
}
.custom_font{
	font-family:"DancingScriptRegular";
	font-weight:bold;	
	
}

.container{
	width:75%;
}

#logo{
	margin-top:30px;
	margin-bottom:40px;
}
#logo img{
	width:90px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#nama_kabupaten{
	color:#FFF !important;
	font-weight:bold;
	font-size:140%;	
}

 
#main-menu #nav {
	float:left;
	width:100%;
	background:rgba(236, 240, 241,0.9) !important;
	list-style-type:none;
	padding:0; 
	margin:0;
	padding:15px 0;
	border-top:2px solid #e74c3c;
	position:relative;
}
#main-menu #nav li a:hover,
#main-menu #nav li a.aktiv
{
	background-color:rgba(231, 76, 60, 0.8);
	color:#FFF;
	text-decoration:none;
}
#main-menu #nav ul{
	position:absolute;
	margin:0 !important;
 	list-style-type:none;
	background-color:rgba(231, 76, 60, 0.9);
 	z-index:99;
	top:50px;
	padding:0px;
	display:none;
	transition: background-color 0.5s ease;
	
}
#main-menu #nav ul li{
	float:left;
	width:100%;
	line-height:2em;
	border-bottom:1px solid #FFF;
	transition: background-color 0.5s ease;
	padding:0;
}
#main-menu #nav ul li a:hover{
	background:none;
}

#main-menu #nav li{
	float:left;
	border-right:2px solid #bdc3c7;
}
#main-menu #nav li a{
	margin-bottom:30px;
	padding:17px 20px;
 	font-weight:bold;
	color:#34495e;
	transition: background-color 0.5s ease;
}
#main-menu #nav ul li a:hover{
 	text-decoration:none;
	background-color:#ecf0f1;
	color:#34495e;
}
#main-menu #nav li:hover > ul {
	display:block;
}
#main-menu #nav ul li{
	height:40px;
	
}

#main-menu #nav ul li a{
	color:#FFF;
 	float:left;
	width:100%;
	padding:5px 20px;
	transition: background-color 0.5s ease;
}

#informasi{
	position:relative;
	top:60px;
}
 
#main-content {
		margin-top:30px;
		margin-bottom:100px;
}
#profil_kep img{
 	width:100%;   
	 height:180px;
}
#bagian_berita .foto img{
	width:100% !important;
	height:80px;
}
 

#profil_kep .judul{
	width:100%;
	float:left;
	position:absolute;
	padding:10px;
	left:0;
	bottom:-22%;
  	color:#FFF;	
	margin-bottom:40px;
 	text-align:center;
}
#profil_kep .judul2{

	position:absolute;
	top:35%;
	color:#FFF;
	left:45%;
	text-align:center;

}

#profil_kep .img2{
	overflow:hidden;
 
}


#profil_kep .img2 .judul{
	width:91%;
}
 
#profil_kep .img:hover .judul{
	top:0px;
	height:100%;
	font-weight:bold;
	text-decoration:none;
 }
 #profil_kep .img .judul2{
	 font-size:200%;
	 display:block;
 }
 #profil_kep .img:hover .judul2{
	display:block !important	;
 }
#profil_kep .judul2_{
	width:91% !important;
	left:4.5%;
}
#profil_kep .judul3

{
	width:96% !important;
	left:4%;
} 
 
#bagian_berita .judul{
	background:#ecf0f1;
	margin:0;
	padding:10px 10px;
	float:left;
	width:100%;
	font-weight:bold;
	border-bottom:1px solid #e74c3c;
	margin-bottom:20px;
}
#bagian_berita ul {
	margin:0;
	padding:0;
	list-style:none;
}
#bagian_berita ul li{
	width:100%;
	float:left;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ecf0f1;
}
#bagian_berita ul li a
{
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}
#bagian_berita ul li img{
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
}
#bagian_berita ul li .tgl{
	margin-bottom:5px;
	display:block;
	width:100%;
	background:#ecf0f1;
	font-size:90%;
	font-style:italic;
	padding:5px;
}
#sidebar img{
	height:100%;
	width:100%;
}
#sidebar .banner{
	margin-bottom:30px;
}
#footer {
	width:100%;
	padding:15px;
	background:#ecf0f1 !important;
}


#berita_detail a,
.berita_detail a
{ 
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	font-size:130%;
}
#berita_detail img,
.berita_detail img
{
	max-width:100%;
	max-height:400px;
 	margin-right:10px;
	display:block;
	margin-bottom:25px;
}
#berita_detail .tgl,
.berita_detail .tgl
{
	margin-bottom:25px;
	display:block;
	width:100%;
	background:#ecf0f1;
	font-size:90%;
	font-style:italic;
	padding:5px;
}
p{
	font-size:95%;
	line-height:1.5em;
}
#baca_juga{
	margin-left:20px !important;
}
#baca_juga a{
	color: #34495e !important;
}
.berita_detail{
	border-bottom:1px solid #CCCCCC;
	margin-bottom:20px;
}
.koor{
	color:#34495e;
	display:block;
	margin-bottom:20px;
}
.judul_halaman {
	background:#ecf0f1!important; 
	padding:10px;
	font-weight:bold;
	font-size:130%;
	border-top:2px solid Red;
	margin-bottom:30px;

}
#kontak ul li{
	font-size:120%;
	color:#2980b9;
 	line-height:1.5em;
}
.judul_halaman a{
	color:#3498db;
	font-weight:normal;
}
.judul_halaman a.aktiv{
	font-weight:bold;
	text-decoration:underline;
 }
 
 
.laporan_kegiatan ul {
	list-style-image:circle !important;
}
.laporan_kegiatan li {
	border-bottom:none !important;
}
 

@media screen and (min-width: 1200px) {
	#menu2{
		display:none;
	}	
	#nav_mobil{
		display:none;
	}
	
}

@media screen and (max-width: 1200px) {
    #nav{
		display:none;
	}
	.container{
		width:90%;
	}
	#nav_mobil{
		display:block;
		background:#FFF;
		padding:60px;
		z-index:9999;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:99999999999999999999999999999;
	}
	#nav_mobil li{
		line-height:2.5em;
	}
	#nav_mobil li{
		font-weight:bold;
	}
	 
}




/* add by candra pinuyut */

 #marquee-vertical {
	 list-style-type:none;
	 margin:0;
	 padding:0;
 }
 #marquee-vertical li div {
	 float:left;
	 margin-left:5%;
	 width:75%;
 }
 #marquee-vertical li div span.bold{
	 font-weight:bold;
 	 display:block;
 }
 #marquee-vertical li {
	 float:left;
	 width:100%;
 	 padding-bottom:10px;
	 border-bottom:1px dotted #CCCCCC;
  }
 
.side h4{
	border-bottom:2px solid #EEE;
	margin-bottom:10px;
}
.side{
  margin-bottom:20px;
}
.side img.banner-right{
  margin-bottom:40px;
}
.nopadding{
 	padding:0 !important;
}