#navbar{margin:0;}

#navbar>li{position:relative;padding:0;margin:0;list-style:none;display:inline-block;}
#navbar li>a{text-decoration:none;display:inline-block;text-transform:uppercase;font-size: 18px;padding:0 10px;line-height: normal;color:#5f6f4d;font-weight:300;}
#navbar li.last>a{padding-right:0;}
#navbar>li>a:hover, #navbar>li.parent>a{color:#ca8865;}
#navbar > li.haschild>a{padding:0  5px 0 15px;}
#navbar > li.haschild:after{}

#navbar .subLevel{display:none;position:absolute;left:0;background:#5f6f4d;z-index:4;width:auto;padding:20px 0;}
/*#navbar>li:hover .subLevel{display:block;}*/
#navbar .subLevel ul{margin:0;padding:0;}
#navbar .subLevel li{list-style:none;padding:0;margin:0;}
#navbar .subLevel li > a {color: White !important;white-space: nowrap;padding: 0 30px;display: block;line-height: 35px;position: relative;left:0;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
}
#navbar .subLevel li>a:hover{text-decoration:none;left:25px;}
#navbar .subLevel li>a:before{content: "";display: inline;-moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;position: absolute;left: 4px;opacity: 0;}
#navbar .subLevel li>a:hover:before{content:"⇀";opacity: 1;}

@media only screen and (max-width: 990px) {
	#navbar li>a{font-size:14px;}
}

@media only screen and (max-width: 767px){
	nav{display:none;}
}