
.nav-wrap-main { clear:both; display:block; margin:0; padding:0; width:100%; position:relative; }
.nav-wrap { width:100%; position:absolute; clear:both; display:block; margin:0; padding:0; z-index:999999;}
.nav {
	position:relative;
	display:inline-block;
	font-size: 1.2em;
	font-weight:300;
	font-family: 'Conv_HelveticaNeueLTCom-LtCn', Arial, sans-serif;
	width:100%;
	text-align: center;
}
.nav-list {
	text-align: center;
}
.nav-item {
	display:inline-block;	
	*display:inline;
	zoom:1;
	position:relative;
	text-align:left;
}
.nav-item a {
	display:block;
	color:#f0f0f0;
	background-color:transparent;
	border-bottom:0;
	margin:0;
	padding:0 30px;
	border-right:1px solid #396ba2;
}
.nav-item:first-child a{ padding-left:0;}
.nav-item:last-child a{ background-image:none; border:0;}

.nav-item > a:hover {
	background-color: transparent;
}
.nav-item:hover .nav-submenu {
	display:block;
}

.span-drop:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent;
				border-bottom: none;
				border-top-color: #ffffff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; 
			}
			
.uparrow:after
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				border-top: none;
				border-bottom-color: rgba(57,107,162,1);
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: absolute;
				left:3em; margin-top:-0.9em; 
			}			

/* Navigation submenu code by bobby */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	min-width:230px;
	z-index:999;
}
.nav-submenu span{ position:relative; margin:14px 0 0 0; display:block;}
.nav-submenu-item a {
	background:#396ba2;
	border-bottom:1px solid #5984b3;
	border-left:1px solid #5984b3;
	border-right:1px solid #5984b3;
	display:block;
	padding:7px;
}
.nav-submenu-item:first-child a{border-top:1px solid #5984b3;border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0;}
.nav-submenu-item:last-child a{border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px;}

.nav-submenu-item a:hover {
	background:#7fb842; color:#ffffff;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	background:#396ba2 url(../images/nav-icon.png) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #5984b3;
	height:40px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:40px;
	width:50px;
	background:#7fb842 url(../images/m-drop.png) no-repeat center center;

}
.nav-click:hover {
	background-color:#396ba2;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (min-width:1024px) {
.nav-list {
display: block !important;
}

}
@media screen and (min-width:960px) {
.nav-list {
display: block !important;
}

}

@media only screen and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0; margin-top:-20px;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:10px; border-right:0;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
.span-drop:after{display:none;}	
.nav-item:first-child a{ padding-left:10px;}
.nav-item a, .nav-item:last-child a{ background:#396ba2;border-bottom:1px solid #5984b3;  border-right:0;}
.nav-item > a:hover {
	background-color:#7fb842;
}
.nav-submenu-item a{background:#7fb842; border-bottom:1px solid #99d459 !important; padding:10px;border:0; border-radius:0;}
.nav-submenu-item:first-child a{ border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.nav-submenu-item:last-child a{ border:0 !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.nav-submenu-item a:hover{background:#396ba2; color:#ffffff;}
.nav-submenu span{display:none;}

}