/** add by rizal for mobile horizontal menu **/
#btn-mobile-nav-toggle:hover {cursor:pointer;cursor:hand;}
#mob-hor-navigation-menu{}
#mob-hor-navigation-wrapper ul li {width:100%;border:none;border-bottom:1px dotted #222;padding:0;height:34px; text-transform: uppercase;}
#mob-hor-navigation-wrapper .last-menu{border-bottom:0px dotted #222;}
#mob-hor-navigation-wrapper ul li:hover{border:none;border-bottom:1px dotted #222;background-color:#353131;padding:0;height:34px;}
#mob-hor-navigation-wrapper ul li a{width:100%;display:inline-block;margin:0;padding:10px;height:34px;}
#mob-hor-navigation-wrapper ul li a:hover {cursor:pointer;cursor:hand;margin:0;padding:10px;height:34px;}
#mob-hor-navigation-wrapper ul ul {display:none;}

#submenu-slider{background-color:#000;}
#submenu-slider ul li{width: 50%;}





@media only screen and (max-width: 1018px) {
	#hor-navigation-search-wrapper{margin-top:0px;}
}	
@media only screen and (min-width: 1019px) {
	#mob-hor-navigation-menu{display:none;}
}

.menu-slider-wrap{
	position:relative;
	display: inline-block;
	width:33.33%;
	float:left;
}

.offset-parent {
	width:300%;
	float:left;
	position: relative;
}

#slides {
	display:none;
	position: relative;
	overflow: hidden;
}

#mob-hor-navigation-wrapper a {color:#fff!important;line-height:auto; background: #353131; font-family:'Muli', sans-serif!important; text-transform: uppercase; }
a.sub-title{border-bottom:1px dotted #222;width:100%;display:inline-block;height:34px;padding:5px 10px;margin-top:-8px;line-height:auto;font-weight:bold;text-align:center; font-family:'Muli', sans-serif!important; text-transform: uppercase;}
a.sub-title:hover{text-decoration:none; color:#222; }
.icon-back1,.icon-back2{display:none;} 



#mob-hor-navigation-wrapper ul li ul li{width:50%;}





/** add by rizal for mobile vertical menu **/
#ver-slides{display:none;}
@media only screen and (max-width: 768px) {
	#ver-nav-wrapper{display:none;}
	.ver-menu-slider-wrap{
		position:relative;
		display: inline-block;
		width:33.33%;
		float:left;
	}

	.ver-offset-parent {
		width:300%;
		float:left;
		position: relative;
	}

	#ver-slides {
		display: inline-block;
		position: relative;
		overflow: hidden;
		width:100%;
		background: #e3e3e3;
	}

	a.ver-sub-title{
		border-bottom:1px solid #bbb;
		width:100%;display:inline-block;
		padding:7px 10px 4px 10px;
		font-weight:bold;
		background-color:#e0e0e0;
		text-align:center;
		color:#2ba6cb;
	}
	a.ver-sub-title:hover{text-decoration:none;color:#f99000; }
	
	.ver-icon-back1,.ver-icon-back2{display:none;} 
}


.ver-nav-container ul {margin: 0px;width:100%}
.ver-nav-container li {border-top: 1px dotted #ccc;}
.ver-nav-container li a {padding: 4px 0px 4px 8px}
.ver-nav-container li a.active {background: #ef8027; color: #fff; }

.ver-nav-container ul li{list-style: none; background: #fff;  margin: 0px; background: #e3e3e3}
.ver-nav-container ul li a{color: #015ba9; font-size: 14px; display: block}
.ver-nav-container ul li a:hover{color: #f99000; background: #f5f5f5}

.ver-nav-container ul li ul li {list-style: none; background: #f9f9f9; margin: 0px; background: #f3f3f3;}
.ver-nav-container ul li ul li a{color: #ef8027; font-size: 14px; display: block; padding-left: 12px}
.ver-nav-container ul li ul li a:hover{color: #015ba9; background: #f6f6f6}
.ver-nav-container ul li ul li a.active {background: #d7d7d7; color: #ef8027}

.ver-nav-container ul li ul li ul li {list-style: none; background: #f2f2f2;  margin: 0px; }
.ver-nav-container ul li ul li ul li a{color: #4084be; font-size: 14px; display: block; padding-left: 16px}
.ver-nav-container ul li ul li ul li a:hover{color: #ef8027; background: #f7f7f7}

.ver-nav-container li.last {border-bottom: 1px dotted #ccc;}

.ver-nav-container ul ul{display:none;}

.ver-gchild-trigger ul{display:none;}


#ver-submenu-slider, #ver-subsubmenu-slider{background: #e3e3e3;}
#ver-submenu-slider ul, #ver-subsubmenu-slider ul {margin: 0px;width:100%}
#ver-submenu-slider ul li, #ver-subsubmenu-slider ul li { 
	list-style: none; background: #e3e3e3;
	margin: 0px; font-size: 14px; 
	border-bottom: 1px dotted #ccc;
}
#ver-submenu-slider ul li a, #ver-subsubmenu-slider ul li a{ color: #015ba9;width:100%;display:inline-block;padding: 4px 0px 4px 8px;}
#ver-submenu-slider ul li a:hover, #ver-subsubmenu-slider ul li a:hover{color: #f99000; background: #f5f5f5}