#navigation-wide {
	text-align: right;
	padding: 0;
	float: right;
	right:0px;
	z-index: 999;
	position: absolute;
    top:60px;
	width: auto;
	display:inline-block;
}

#navigation-wide nav#menu-wide {
	width: 100%;
	z-index: 10;
	padding: 0;
}
#navigation-wide nav#menu-wide ul {
	margin: 0;
	display: inline-block;
	background: transparent;
}
#navigation-wide nav#menu-wide ul>li {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	background: transparent;
	display: inline-block;
	float: left;
	border: 0;
		margin: 0;
	list-style: none;

}
#navigation-wide nav#menu-wide ul>li:hover, #navigation-wide nav#menu-wide ul>li.active{
	color: #fff;
	text-decoration:none;
	background: none;
	padding:0!important;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
}

#navigation-wide nav#menu-wide ul>li:hover > a {
	text-shadow: none;
	color:#333333;

}
#navigation-wide nav#menu-wide ul>li a {
    font-family: "Poppins", sans-serif;
	cursor:pointer!important;
    font-size: 18px;
	text-decoration:none;
	font-weight:500;
	color: #1e5c9a;
	display: block;
	float: left;
	line-height:70px;
	padding:0 10px 0 10px;
	text-transform: uppercase;
	-webkit-transition: background-color 300ms ease-in;
	-moz-transition: background-color 300ms ease-in;
	transition: background-color 300ms ease-in;
}


#navigation-wide nav#menu-wide ul ul {
	background: #1e5c9a!important;
	opacity:0.9;
	/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	list-style: none;
	position: absolute;
	text-align: left;
	margin: 0;
	z-index:999999;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navigation-wide nav#menu-wide ul ul li {
 /* Introducing a padding between the li and the a give the illusion spaced items */
	float: left;
	display: block;
	width: 100%;
z-index:9999;
}
#navigation-wide nav#menu-wide ul ul a {
	/* Stop text wrapping and creating multi-line dropdown items */
	display: block;
	float: left;
	color: #000;
	font-size: 16px;
	text-transform:uppercase;
	line-height:1.4;
	width: 100%;
	padding: 0!important;
	z-index:9999;
}
#navigation-wide nav#menu-wide ul li:hover ul { /* Display the dropdown on hover */
	background:#fff;
	color:#ffffff;
	background-color:#1e5c9a;
	min-width: 230px;
	top: 70px;
	height:auto;
	padding:0;
	left: 0!important; /* Bring back on-screen when needed */
}
#navigation-wide nav#menu-wide ul li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
	 font-family: 'Poppins', sens-serif;
	font-size: 16px!important;
	letter-spacing:1px;
	font-weight:400;
	text-transform:uppercase!important;
	height:auto!important;
	color:#ffffff;
	background-color:#e9c85f;
	  padding: 15px!important;
	line-height: 1.4!important;
}
#navigation-wide .nav#menu-wide ul li:hover ul li a {
	margin: 0;text-decoration: none;
	background-color:#ffffff;
	color:#1e5c9a;
}
#navigation-wide nav#menu-wide ul li:hover ul li, #navigation-wide nav#menu-wide ul li:hover ul li:hover {
	margin: 0!important;
}
#navigation-wide .nav ul ul li a:hover, #navigation-wide .nav ul ul li a:hover { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	background: none;
	color: #333333;
	border:none!important;
	text-decoration:underline;
	margin:0!important;
}
#navigation-wide nav#menu-wide ul li:hover ul li a:hover, #navigation-wide nav#menu-wide ul li:hover ul li:hover {
	color:#ffffff!important;
background:#203040!important;	
text-decoration:none;
}

.fixed {
  background: rgba(76,105,91,0.9);
 width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;

  }
  .fixed  #navigation-wide nav#menu-wide ul {
    display: block;
    float: right;
margin-right: 100px;

margin-top: -15px;
}
   .fixed #navigation-wide{
	  	    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	margin-top:20px;
	  } 
  .fixed .menu{
display:none;
	  }
  
.fixed #navigation-wide nav#menu-wide ul > li a {
    color: #ffffff;
    display: block;
	cursor:pointer!important;
    float: left;
    font-family: "brandon_grotesquemedium";
    font-size: 19px;
    font-weight: normal;
    padding: 10px 0 10px 30px !important;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 300ms ease-in 0s;
}

.fixed #navigation-wide nav#menu-wide ul ul a {
	/* Stop text wrapping and creating multi-line dropdown items */
	display: block;
	float: left;
	font-size: 16px!important;
	width: 100%;
	color: #ffffff!important;
    font-family: "Poppins", sans-serif;
	font-weight:normal;	
	margin: 0!important;
	text-transform:uppercase;
	cursor:pointer!important;
	padding:20px 15px 45px 15px!important;
	   
}

.fixed #navigation-wide nav#menu-wide ul ul {
	top:70px;
}

.fixed #navigation-wide nav#menu-wide ul>li:hover > a {
	text-shadow: none;
	color:#2c4138!important;
	font-weight:normal;
	
	

}