.menu {
	float:left;z-index: 979;
}
.menu .arrow_nav {
	font-size:14px; margin-left:-2px; padding:0;}
.menu .arrow_sub_menu {display:none;}
.menu ul{
	margin-left:6px;z-index:998;
}
.menu li{
	float:left;	 border-right: 1px solid #4b4a4c;
}
.menu li a{
	 padding:7px 23px;
	 display: block;text-align:left; color:#e4e4e4;
	 font-family: 'thaisans_neuebold'; font-weight:normal; font-size:21px; letter-spacing:0.5px;text-shadow:1px 1px #666;
	 -webkit-transition: all 0.5s ease-in-out;
	 -moz-transition: all 0.5s ease-in-out;
	 -o-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;	
	 position:relative;
	 text-transform:uppercase;
}
.menu li > ul > li > ul { left:165px; position:absolute; margin-top:-42px;}
.menu li > ul > li i.arrow_nav {position: absolute; right:15px;}
.menu li > ul > li a {
	padding:7px 15px;border-bottom:1px solid #cacaca; border-top:1px solid #fbfbfb;
	font-family: 'thaisans_neueregular'; font-weight:normal; color:#000; letter-spacing:0.5px; font-size:24px;text-shadow:none;}

.menu li.active a{
	background:#474151;
}
.menu li > ul > li:hover > a{
	background:#3079d7;border-bottom:1px solid #d1e472; color:#fff; text-decoration:none;
}
.menu li i img{
	margin-bottom:-10px;margin-right:10px;
}
.menu li a span.messages{
	position:absolute;top:10px;right:20px;font-size:1em;color:#FFF;background:#e64c65;padding: 3px 0px 0px 0px;width: 25px;height: 22px;border-radius:0.8em;
	-webkit-border-radius:0.8em;
	-moz-border-radius:0.8em;
	-o-border-radius:0.8em;
}
.logo {
	margin-left:25px; font-family: 'thaisans_neueregular'; font-size:23px; color:#fff;float:inherit; overflow:hidden; color:#3e3e3e; line-height:22px; letter-spacing:0.5px;
}
.title_template span {font-weight:normal;font-family: 'thaisans_neueregular';text-shadow:1px 2px #666; color:#fff; }
.toggleMenu {
    display:none;background:none;padding:10px; float:left;height: 50px;
}
.toggleMenu:hover{
	background:#666;
}
.toggleMenu img {width:25px; border:0;}
.nav.nav_menu:before,
.nav.nav_menu:after {
    content: " "; 
    display: table; 
}
.nav.nav_menu:after {
    clear: both;
}
.nav.nav_menu ul {
    list-style: none;
}
.nav.nav_menu > li > a {
    display: block;
}
.nav.nav_menu li.active a{color:#fff;}
/* sub list menu */
.nav.nav_menu li > ul{
	display:none;opacity:0;transition:opacity 0.5s linear;position:absolute;z-index:999;
	-webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.41);
	-moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.41);
	box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.41);
	padding:0;
}
#nav .nav.nav_menu li > ul a{
	color:#6c6c6c!important;
	width:100%; display:block;padding: 5px 18px;
	font-size:21px; border-bottom:1px solid #e5e5e5;
}
#nav .nav.nav_menu li > ul a:hover{ background:#6e7b92; color:#fff!important;}
.nav.nav_menu li > ul,.nav.nav_menu li > ul li{
	width:220px;
}
.nav.nav_menu li:hover > ul {
	display:block;opacity:1;position:absolute; background:#fff;
}
@media screen and (max-width:992px) {
	.nav.nav_menu .arrow_nav { position:absolute; right:17px; font-size:17px;}
	.menu .arrow_sub_menu {display: inherit; font-size:12px; float:left; margin-right:-10px; line-height:25px;}
    .menu li a{
    	text-align:left;
    }
    .nav.nav_menu {
		 -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
		 -o-border-radius: 5px;
    }
    .nav.nav_menu:after {
		content: '';position: absolute;left: 40px;top: -9px;

	}
    .menu li a span.messages{
    	text-align:center;top:15px;
    }
    .nav.nav_menu li ul{
    	width:100%; position:static; float:left;
    }
    .nav.nav_menu > li {
        float:left;
        display:block;
		width:100%;
    }
    .nav.nav_menu li a{
    	padding:8px 25px;border-bottom:5px solid rgba(39, 39, 39, 0);border-top:1px solid #ccc; color:#515151;text-shadow:none;
    }
	.nav.nav_menu li > ul > li > a{
		padding-left:20px;border-bottom:1px solid #e1e1e1; text-indent:20px;text-shadow:none;
	}

	/* sub list menu */
	.nav.nav_menu li:hover > ul, .nav.nav_menu li a:hover > ul{
		display:none;
	}
	.nav.nav_menu li > ul,.menu li > ul, .nav.nav_menu li > ul > li {
		width:100%; position:static!important;
	}
	.nav.nav_menu li > ul {
		display:none;opacity:1; z-index:999; position:static!important;
	}
	
 }
@media all and (max-width:480px) {
	 .title_template b {font-size:23px;}
	 .title_template {margin-left:15px;}
}