/*-------------------------------------------------------------- # Top Bar --------------------------------------------------------------*/
#topbar {padding: 0.1em 0 0.1em 0;font-size: 1em;background: transparent;height: auto;}
#topbar .social,#topbar .social-links{display:block;height:auto;}
#topbar .social-links a{ color: #fff; padding: 1px 0 0 0; margin: 0; margin-right: 0.01em; display: inline-block; line-height: .5em; font-size: .9rem;}
#topbar .social-links span{margin: 0;line-height: 1em;display: inline-block;}
#topbar .social-links a.sos{margin-right: 0.01em;}
#topbar .social-links a.sos i{margin-bottom : 0.25em;}
#topbar .social-links a i{ margin-left : 0;	padding : .2em .1em .1em .1em; width: 1.4em;}
#topbar .social-links ul{padding: 0;margin: 0;line-height: 0;}
#topbar .social-links ul.mitra a:first-child {border-left: 0; margin: 0 0 0 -9px;}
#topbar .social-links a:first-child{ border-left: 0; margin: 0 0.01em 0 0;}
#topbar .social-links a.sos:first-child{margin-right: 0.01em;}
/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/
#header {padding: 0;height: 5.9em; z-index: 997;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
#header #logo h1 {font-size: 1.2em; margin:0; padding: 0;line-height: 1em;font-family: inherit;font-weight:100;text-shadow: 1px 1px 2px #000;text-align:left;vertical-align:middle;color: #fff;display: inline-block;}
#header #logo h1 a { color: #FFF; line-height: 1; display: inline-block;}
#header p{font-size: .75em; padding: 0;margin: 0;text-align:left;font-family: Verdana, Geneva, sans-serif;line-height: 1.6em;text-shadow: 1px 1px 2px #000;display: block;}
#header #logo h1 a span { color: #76ff03;}
#header #logo img { padding: 0 5px 0 0; margin: 0;}
@media (max-width: 768px) {#pilihan .dropdown-item{ font-size:12px;} }
/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
.nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none;}
.nav-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99;}
.nav-menu li { position: relative; white-space: nowrap;}
.nav-menu > li { float: left;}
.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul { display: block;}
.nav-menu ul ul { top: 0; left: 100%;}
.nav-menu ul li { min-width: 180px;}
#nav-menu-container { float: left; margin: 0;}
.nav-list > li {float: left;width: 7.5em;margin: 0.5em;background: transparent;}
@media (max-width: 768px) { #nav-menu-container {   display: none; } .nav-list{  width: 100%;  margin-left:auto;  margin-right:auto; } .nav-list > li {  margin: 2% 0;  width: 25%; } }
/* Nav Meu Styling */
.nav-menu a { padding: 5px; text-decoration: none; display: block; color: #FFF !important; font-family: Tahoma, Geneva, sans-serif; font-weight: 600; text-transform: uppercase; font-size: 12px; outline: none;}
.nav-menu > li { margin-left: 2px;}
.nav-menu ul { margin: 0 0 0; padding: 10px; box-shadow: 2px 2px 5px #000;}
.nav-menu ul li { transition: 0.3s;}

.nav-menu ul li a { padding: .9em; color: #333; transition: 0.2s; display: block; font-size: 11px; font-weight:100; text-transform: uppercase; line-height: .75em;}
.nav-menu ul ul {margin: 0;}
/* Mobile Nav Toggle */
#mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 1.9em 1em 0 0; border: 0; background: none; font-size: 22px; display: none; transition: all 0.4s; outline: none; cursor: pointer;}
#mobile-nav-toggle i { color: #FFF;}
@media (max-width: 768px) {
#mobile-nav-toggle {display: inline;}
#menuku{display:block;height:auto;}
#menuku .menu-text{font-size:12px;}
#pilihanku select{max-width: 200px;}
}
/* Mobile Nav Styling */
#mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 998; left: -80%; width: 80%; overflow-y: auto; transition: 0.4s;}
#mobile-nav ul { padding: 0; margin: 0; list-style: none;}
#mobile-nav ul li { position: relative;}
#mobile-nav ul li a { color: #fff; font-size: 13px; overflow: hidden; padding: 5px 22px 5px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; text-transform: uppercase;}
#mobile-nav ul li li { padding-left: 30px;}
#mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding: 7px 10px; cursor: pointer; color: #fff;}
#mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(121, 85, 72, 0.7); display: none;}
/* Mobile Nav body classes */
body.mobile-nav-active { overflow: hidden;}
body.mobile-nav-active #mobile-nav { left: 0;}
body.mobile-nav-active #mobile-nav-toggle { color: #fff;}
#main{margin-top: 3px;}
/*--------------------------------------------------------------# END--------------------------------------------------------------*/