@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
*{
	margin:0px;
	padding:0px;
	
}
a img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
a{
	color:#666 !important;
	text-decoration: none;	
}
.img_full img{
	width:100% !important;
	height:auto !important;
}
.hover_color_gray:hover{
	color:#ccc !important;
}
.ishovered:hover{
	cursor:pointer;	
}
.btn_theme{
	color:#fff !important;
	background-color:#233E60;
}
.btn_theme:hover{	
	background-color:#666;
}
.color_red{
	color:#f00;
}
 
.fontbold{
	font-weight:bold;
}
 
.set_shadow_{
	box-shadow:0px 1px 5px #3f3f3f;
}
.set_shadow_light{
	box-shadow:0px 1px 5px #f5f5f5;
}

/* paging  */
.paging {
	padding:5px;
	text-align  : center;	
	font-size   : 12px;	
}
.paging a{
	padding:6px 10px 6px 10px;
	margin:4px;
	border              : 1px solid #666;
	text-decoration     : none; 
	font-size			:12px;
	color :#fff !important;
	background:#666;
	border-radius:4px;
	text-align:center;
}
.paging a:hover{
	border           : 1px solid #fff;
	background-color : #333;
	color			 : #fff;
	box-shadow:0px 0px 2px #666;
}
.paging span.current{
	padding:6px 10px 6px 10px;
	margin:4px;
	color			 :#fff;
	border           : 0px solid #333;
	background-color : #333;
	border-radius:5px;	
}
.paging span.disabled{
	border       : 1px solid #ccc;
	color        : #666;
	padding:6px 10px 6px 10px;
	margin:4px;
	margin:2px;
	border-radius:5px;
	background-color : #dedede;
} 
a.link_theme{
	text-decoration:none; 
	display:inline-block;
	padding:5px 10px;
	margin:5px 5px 5px 0px;
	border-radius:6px;
}
a.link_theme:hover{ 	 
	color:#ccc;
}
body{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	color:#333;
	font-weight: 400;
}
.bg_bar_even:nth-child(odd){
	background-color:#f5f5f5;
}
.bg_bar_even:nth-child(even){
	background-color:#fff;
}
 
.jumbotron{	
	
	position:static;
	/* background-image:linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0));*/
}
.main-home{
	margin-top:-50px;
	border-radius: 8px;
}
 
/*
.jumbotron::after{
	padding:0px ;
	margin:60px 0px 0px 0px ;
	content:'';
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
	background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));	
	z-index:1;
}
*/
.sub-judul{
	font-weight: 500;
}
ul.ulfootmenu{
	margin:0px;
	padding:0px;	
}
ul.ulfootmenu  li{
	list-style:none;
	padding:4px 5px 4px 0px;
	 
	display:block;
}
ul.ulfootmenu li a{
	color:#f5f5f5 !important;
}
ul.ulfootmenu li a:hover{
	color:#FFCA2C !important;
	text-decoration:none;
}
.text-white-me{
	color:#f5f5f5;
}
a.link-sosmed{
	color:#f5f5f5 !important;
}
a.link-sosmed:hover{
	color:#FFCA2C !important;
}
h1,h2,h3,h4,h5,h6{
	 
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
	 
}
@media screen and (min-width:1000px){	 
	.show_on_mobile{display:none;}.show_on_desk{display:block;}		 
	h1,h2,h3,h4,h5,h6{
		margin:0px 0px 30px 0px;
	}
	p {
		margin:0px 0px 30px 0px;
	}
	h1{
		font-size: 60px;
	}
	/* menu atas */
	ul.ulnav_top{
		margin:0px;
		padding:2px 0px 0px 0px;
		text-align:right;		 
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-style: normal;
		 
	}
	ul.ulnav_top li{
		margin:0px 0px 0px 30px;
		padding:10px 0px;
		list-style:none;
		display:inline-block;
	}
 
	ul.ulnav_top li.sp_login{
		margin:0px 0px 0px 30px;
		padding:10px 0px;
		list-style:none;
		display:none;
 
		
	}
	ul.ulnav_top li a{
		padding:0px 0px;
		list-style:none;
		display:inline-block;
		color:#333 !important;	
		font-size:16px;
	}
	a.btn-menu-login:hover{
		background-color:#FFCA2C !important;
 
	}
	ul.ulnav_top li.li_parent{
		padding:10px 0px;
		list-style:none;
		display:inline-block;
		color:#333 !important;
		 
		display:inline-block;	
		
	}
	ul.ulnav_top li a:hover{
	
		list-style:none;
		display:inline-block;
		text-decoration:none;
		color:#996f0d !important;
	}
	ul.ulnav_top li.li_parent:hover{
		cursor:pointer;
		color:#996f0d !important;
	
	}

	ul.ulnav_top li ul{
		position:absolute;
		background:#fff;
		text-align:left;
		margin:10px 0px 0px -75px;
		padding:10px;
		display:none;
		border:solid 1px #dedede;
		border-radius:5px;
		box-shadow:0px 0px 3px #ccc;
	}
	ul.ulnav_top li ul.ulright{
		margin:10px 0px 0px -100px;
	}	
	ul.ulnav_top li ul li{
		display:list-item;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border-bottom:solid 1px #dedede;
	}
	ul.ulnav_top li ul li:last-of-type{		 
		border-bottom:solid 0px #dedede;
	}
	ul.ulnav_top li ul li:hover{
		background:#f5f5f5;
	}
	ul.ulnav_top li ul.ulright li{
		text-align: right;
	}
	ul.ulnav_top li ul li a{
		padding:5px 10px;
		list-style:none;
		display:block;
		font-size:15px;
		font-weight:normal;
		width:200px;
		color:#333 !important;
	
	}
	ul.ulnav_top li ul li a:hover{
		color:#333 !important;
	}
	ul.ulnav_top li ul li:hover ul{
		display:block;
		
	}
	ul.ulnav_top li ul li ul{
		position:absolute;
		background:#ccc;
		text-align:left;
		margin:-33px 0px 0px 250px;
		padding:0px 0px 0px 0px;
		display:none;	
	}
	ul.ulnav_top li ul li ul li{
		display:list-item;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border-bottom:solid 0px #999;
	}
	ul.ulnav_top li ul li ul li:hover{
		background:#eee;
	}
	
	 
}
@media screen and (max-width:999px){
	.show_on_mobile{display:block;}.show_on_desk{display:none;}	
	h1,h2,h3,h4,h5,h6{
		margin:0px 0px 20px 0px;
	}
	p {
		margin:0px 0px 20px 0px;
	}
	h1{font-size:180% !important;	}
	h2{font-size:160% !important;	}
	h3{font-size:140% !important;	}
	h4{font-size:120% !important;	}
	h5{font-size:120% !important;	}
	h6{font-size:120% !important;	}
}