/********** < Navigation */

#nav { width:100%; float: left; }

/* All Levels */ /* Style consistent throughout all nav levels */

#nav li { position:relative; text-align:left;  margin-right: 1px; }
#nav li:hover{ background: #e76453; }
#nav li.over { z-index:999999; }
#nav a{ display: block;}
#nav > li.active > a > span:before{
	 color: #fff!important; 
}

#nav > li > a.over,
#nav > li > a.over span:before,
#nav > li > a:hover { color: #fff!important; background: #e76453; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal;  }
#nav > li.parent > a > span{ padding: 15px 40px 15px 15px !important; position: relative; }
#nav > li.parent > a > span:before{
	content: "\f107"; font-family: "Fontawesome"; font-size: 16px; color: #bababa;
	position: absolute;
	top: 50%; margin-top: -7px; right: 16px; float: left;
	width: 10px; height: 10px; line-height: 100%;
}

#nav ul {
	background: #f2f2f2;
}
#nav ul li{
	border-bottom: 1px solid #fff;
}
#nav ul li:hover{ background: #e5e5e5; }
#nav ul li:hover a{ color: #666; }
#nav ul li.parent li a { }

/* 0 Level */
#nav > li > a > span{ font-size: 133.33%; }
#nav li { float:left; }
#nav > li.active > a { color:#fff; background: #e76453;}
#nav a span{ padding: 15px; }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0;  }
#nav ul li.last { }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

#nav ul li.parent a span{
	position: relative;
}
#nav ul li.parent > a > span:before{
	content: "\f105"; font-family: "Fontawesome"; font-size: 16px; color: #676767;
	position: absolute;
	top: 50%; margin-top: -8px; right: 8px; float: left;
	width: 10px; height: 10px; line-height: 100%;

}
/* 2nd Level */
#nav ul,
#nav div { position:absolute; z-index: 999999;
	min-width:172px; top:53px; 
	/*left:-10000px;*/
	opacity: 0;
	filter: alpha( opacity=0 ) ;

	-moz-box-shadow: 0 4px 4px #999;
	-webkit-box-shadow: 0 4px 4px #999;
	box-shadow: 0 4px 4px #999;

	-ms-transform: scale(0); /* IE 9 */
	-webkit-transform: scale(0); /* Chrome, Safari, Opera */
	transform: scale(0);

	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
    -ms-transition:all 0.3s ease-in-out 0s;
}
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top:0px; }

#nav ul li a { }
#nav ul li a:hover { }
#nav ul li a,
#nav ul li a:hover { }
#nav ul span,
#nav ul li.last li span { padding:10px 15px 10px 30px; }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { 
	left:0; z-index:999999;
	
	-ms-transform: scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Chrome, Safari, Opera */
	transform: scale(1);

	opacity: 1;
	filter: alpha( opacity=100 ) ;

 }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub,
#nav ul li.parent ul{ left:173px !important; }

/********** Navigation > */