body{
	background:#FFFFFF;
	}
.container{
	width:75%;
	}
.footer {
width:100%;
position: relative;
clear:both;
padding-top:10px;
padding-bottom:20px;
}

.header{
	text-align:center;

	}
.header-logo{
	text-align:center;
	width:100%;
	}
.header a.judul{
	font-size:200%; 
	color:#fff;
	}

hr {
  margin-top: 0px;
  margin-bottom: 0px;
}
.header_img{
	margin-top: 0px;
}
.header_sosmed{
width:100%;
position:absolute;
float:left;
margin-top:-40px;
margin-left:40px;
}
.fb_sosmed{
float:left;
margin-right:10px;
width:29px;height:29px;
}
.tw_sosmed{
float:left;
margin-right:10px;
width:29px;height:29px;
}
.in_sosmed{
float:left;
width:29px;height:29px;
}
.header_flag{

float:right;
margin-right:80px;
color:#FFFFFF;
}
.ind_flag{
float:right;
width:5px;
}
.eng_flag{
width:45px;
}

.header_menu{
float:left;
margin-top:15px;
width:100%;
}
.navbar{
	background:#000000;
	border:#000000;
	text-align:center;
	border-radius:0px;
	
	}
.collapse{
	background:#000000;
	text-align:left;
	}
.navbar-collapse{
	text-align:left; }
/*****************************************
Main Menu CSS
******************************************/
.nav-menu {
margin: 0 auto;
padding: 0;
width: 100%;
z-index: 299;
padding-bottom:0px;
}
.nav-menu>div {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
position: relative;
}
.nav-menu>div:after {
position: absolute;
bottom: -5px;
width: 100%;
left: 0;
height: 4px;
display: block;
content: '';
background: 0 0;
background: -moz-radial-gradient(farthest-side at center top,rgba(0,0,0,.1),rgba(255,255,255,0));
background: -webkit-radial-gradient(farthest-side at center top,rgba(0,0,0,.1),rgba(255,255,255,0));
background: -o-radial-gradient(farthest-side at center top,rgba(0,0,0,.1),rgba(255,255,255,0));
background: -ms-radial-gradient(farthest-side at center top,rgba(0,0,0,.1),rgba(255,255,255,0));
background: radial-gradient(farthest-side at center top,rgba(0,0,0,.1),rgba(255,255,255,0));
}
.nav-menu ul {
list-style-type: none;
padding: 0;
margin: 0 auto 2px;
height: 40px;
font-size: 0;
display: inline-block;
position: relative;
left: 1px;
}
.nav-menu ul li {
display: inline-block;
line-height: 1;
list-style: none outside none;
padding: 0;
text-align: left;
background-image: url(http://waspthemes.com/themes/bernate/wp-content/themes/Bernate/assets/images/menu-border.png);
background-repeat: no-repeat;
padding-left: 16px;
}
.nav-menu ul li:first-child{
background:none;
}
.nav-menu li a {
text-decoration: none;
display: block;
padding: 8px 10px 18px;
position: relative;
z-index: 77;
border-width: 0;
font-size: 17px;
border-color: #E0E0E0;
font-weight: 600;
color: #363636;
letter-spacing: .1px;
}
.selectnav{display:none}

/*-------------------
Search field ------------------*/

.line1 {
border-bottom:solid 1px #FFCC00;
width:283px;
margin-top: 30px;
}
.line2 {
border-bottom:solid 1px #FFCC00;
margin-top: 10px;
width:339px;
}
.line3 {
border-bottom:solid 1px  #FFCC00;
margin-top: 0px;
width:339px;
}
.line4 {
border-bottom:solid 1px  #FFCC00;
width:283px;
margin-top: 10px;
}

.linem1{
 border-top:3px solid rgba(62, 62, 62, 1); 
 width: 100%; 
 margin-top:10px;
 }
 .linem2{
 border-top:3px solid rgba(62, 62, 62, 1); 
 width: 100%; 
 margin-top:-20px;
 }
 
.slide-header{
	width: auto; height: auto;
	}
.slide-folow{
width: auto; height: auto;
}
.col-md-3{
	margin:0px;
	padding:0px;
	}
	
.col-md-4{
	margin:0px;
	padding:0px;
	}
.col-md-6{
	margin:0px;
	padding:0px;
	}
	
@media screen and (max-width: 400px) {
	@-ms-viewport {
    width: 320px;
  	}


}
@media (max-width: 768px) {

	.container {
    width: auto;
	padding-right: 10px;
  	padding-left: 10px;
  	}
	.nav-menu{overflow:hidden;}
	#main-nav {display:none;}
	.selectnav{display:block;}
	#selectnav1{color:#363636;width:100%;margin:0 0 10px;padding:6px 5px 5px;border:1px solid #21CDEC;}

  	.slide-header{
	width: 100%; height: 200px;
	}
	
	.slide-folow{
	width: 100%; height: 200px;
	}
	.header{
	text-align:left;
	padding-top:20px;
	}
	
	.linem1{
 	border-top:3px hidden #FF0000; 
 	width: 100%; 
 	}
 	.linem2{
 	border-top:3px hidden #FF0000; 
 	width: 100%; 
 	}
	.line1 {
	border-bottom:solid 1px #FFCC00;
	width:80%;
	margin-top: 30px;
	}
	.line2 {
	border-bottom:solid 1px #FFCC00;
	margin-top: 10px;
	width:100%;
	}
	.line3 {
	border-bottom:solid 1px  #FFCC00;
	margin-top: 0px;
	width:100%;
	}
	.line4 {
	border-bottom:solid 1px  #FFCC00;
	width:80%;
	margin-top: 10px;
	}
	/*---------------------*/
	.header_sosmed{
	float:left;
	margin-top:15px;
	margin-left:5px;
	width:70%;
	}
	.fb_sosmed{
	float:left;
	margin-right:5px;
	width:24px;height:24px;
	}
	.tw_sosmed{
	float:left;
	margin-right:5px;
	width:24px;height:24px;
	}
	.in_sosmed{
	float:left;
	width:24px;height:24px;
	}
	/*---------------------*/
	.header_flag{
	float:left;
	margin-top:5px;
	margin-left:20px;
	margin-right:0px;
	color:#FFFFFF;
	}
	.ind_flag{
	float:right;
	width:5px;
	}
	.eng_flag{
	width:45px;
	}
	/*---------------------*/
	.clear-menu{
	padding:100px;
	}
	

}
@media (min-width: 768px) {

	.header{
	text-align:left;
	padding-top:20px;
	}
	.slide-header{
	background:#CCCCCC;
	width: 70%; height: 405px;
	}
	.slide-folow{
	background:#CCCCCC;
	float:left;
	width: 30%; height: 405px;
	}
	
	.clear-menu{
	padding:10px;
	}
	.navbar-center {
	position:absolute;
	left:33%;
	display:block;
	text-align:center;
	}
  	
}
@media (min-width: 992px) {
	.header{
	text-align:left;
	padding-top:20px;
	}
}
@media (min-width: 1200px) {
	.header{
	text-align:left;
	padding-top:20px;
	}
}
.content{
	background:#ddd; 
	min-height:400px; 
	padding:10px;
	}
	
.s4 {border-bottom:2px solid rgba(234, 203, 0, 1);}
.s5 {border-bottom:2px solid rgba(234, 203, 0, 1);}


/*-------------------------*/

#tabel {
	background: rgba(62, 62, 62, 1);
	color:#FFFFFF;
	font-size:18px;
	width:40%;
	font-family:"Helvetica Neue", Tahoma, "Trebuchet MS", Georgia, "Times New Roman";
}

.tbl_log{
height:50px;
}

#tabel input {
	width:260px;
	}
/*-------------------------*/