@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito&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;
}
.fleft{float:left;}.fright{float:right;}.just_float{width:100%;float:left;}
.fontbold{
	font-weight:bold;
}
.fontsize_80{
	font-size:80%;
}
.fontsize_70{
	font-size:70%;
}
.fontsize_85{
	font-size:85%;
}
.fontsize_90{
	font-size:90%;
}
.fontsize_100{
	font-size:100%;
}
.fontsize_110{
	font-size:110%;
}
.fontsize_120{
	font-size:120%;
}
.fontsize_130{
	font-size:130%;
}
.fontsize_140{
	font-size:140%;
}
.fontsize_160{
	font-size:160%;
}
.fontsize_180{
	font-size:180%;
}
.fontsize_200{
	font-size:200%;
}
.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: 'Saira', sans-serif;
}
.bg_bar_even:nth-child(odd){
	background-color:#f5f5f5;
}
.bg_bar_even:nth-child(even){
	background-color:#fff;
}
h1,h2,h3,h4,h5{
	font-family: 'Nunito', sans-serif;
}
.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;
}
.my-outline{
	text-shadow:0px 2px 2px #333;	 
	/* -webkit-text-stroke: 1px #333; */
	
}
/*
.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;
}
*/


@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:180% !important;	}
	h2{font-size:160% !important;	}
	h3{font-size:140% !important;	}
	h4{font-size:120% !important;	}
	h5{font-size:100% !important;	}
	h6{font-size:90% !important;	}
	
	/* menu atas */
	ul.ulnav_top{
		margin:0px;
		padding:2px 0px 0px 0px;
		text-align:right;
	}
	ul.ulnav_top li{
		margin:0px 0px 0px 30px;
		padding:10px 0px;
		list-style:none;
		display:inline-block;
		font-size:16px;
		font-family: 'Source Sans Pro', sans-serif;
		 
	}
 
	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:#fff !important;
		
		
	}

	ul.ulnav_top li.li_parent{
		padding:10px 0px;
		list-style:none;
		display:inline-block;
		color:#fff !important;
		 
		display:inline-block;	
		
	}
	ul.ulnav_top li a:hover{
	
		list-style:none;
		display:inline-block;
		text-decoration:none;
		color:#fadf88 !important;
	}
	ul.ulnav_top li.li_parent:hover{
		cursor:pointer;
		color:#fadf88 !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:140% !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;	}
}