#navigation-wide {
	height:46px;
	text-align: right;
	padding: 0;
	float: right;
	right: 0;
	z-index: 99999;
	position: relative;
   top:0px;
	width: 100%;
	display:inline-block;
		 -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;
		-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
	
}
.row.header.sticky header.main #navigation-wide {
   top:0px;	
	 -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;
		-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
#navigation-wide nav#menu-wide {
	width: 100%;
	z-index: 10;
	height:46px;
	padding: 0;
}
#navigation-wide nav#menu-wide ul {
	margin: 0;
	display: inline-block;
	background: transparent;
		height:46px;
}
#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;
min-width: auto!important;
}
#navigation-wide nav#menu-wide ul>li:hover, #navigation-wide nav#menu-wide ul>li.active{
	color:#1BEDDE!important;
	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: #1BEDDE;
	text-decoration:none!important;
	background: #000;
}
#navigation-wide.home nav#menu-wide ul>li a {
	color:#ffffff;
border:0 none!important;
  text-align:left!important;
  margin:0!important;
  border:0 none!important;
  text-align:left!important;
  min-width: auto!important;
}
#navigation-wide nav#menu-wide ul>li a {
border:0 none!important;
  text-align:left!important;
  margin:0!important;
  border:0 none!important;
  text-align:left!important;
min-width: auto!important;
  border-radius:0!important;
	font-size: 16px;
	font-weight:400;
	
	display: block;
	text-decoration:none;
	float: left;
		height:46px;
		line-height:46px;
		padding:0 14px 0 14px!important;
color:#ffffff;
	
	-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;
}
.row.header.sticky #navigation-wide nav#menu-wide ul>li a {
	font-size: 16px;
	color:#fff;
}
/*#navigation-wide nav#menu-wide li:last-child a {
   text-decoration:underline;
    color: #000;
}

#navigation-wide nav#menu-wide .nav-bar > li:last-child a:hover {
    background: #5bbbe8 none repeat scroll 0 0;
}*/

#navigation-wide nav#menu-wide ul ul {
	background: #000000; /* 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;
	top:40px!important;
	height:auto;
	padding: 0 10px;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navigation-wide nav#menu-wide ul ul ul {
	background: #000000; /* 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: relative;
	text-align: left;
	margin: 0;
	height:auto;
	top:0px!important;
	padding: 0 10px;
	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%;

}

#navigation-wide nav#menu-wide ul ul ul li {
 /* Introducing a padding between the li and the a give the illusion spaced items */
	float: left;
	display: block;
	width: 100%;

}
#navigation-wide nav#menu-wide ul ul a {
	/* Stop text wrapping and creating multi-line dropdown items */
	display: block;
	float: left;
	height: auto;
	color: #fff!important;
	padding: 8px!important;
	font-size: 13px!important;
	text-transform:uppercase;
		line-height:15px;
	width: 100%;
			 -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;
border:0 none!important;
  text-align:left!important;
  margin:0!important;
  border:0 none!important;
  text-align:left!important;
  
}
navigation-wide nav#menu-wide ul ul ul a {
	/* Stop text wrapping and creating multi-line dropdown items */
	display: block;
	color: #fff!important;
	padding: 0px 8px 0px 8px!important;
	font-size: 13px!important;
	text-transform:uppercase;
		line-height:15px;
	width: 100%;
			 -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;
  border:0 none!important;
  text-align:left!important;
  margin:0;
}



#navigation-wide nav#menu-wide ul li:hover ul { /* Display the dropdown on hover */
	background: #000;
	color:#fff;
	min-width: 240px;
	width:auto;
	height:auto;
	top:40px!important;
	padding: 10px;
	left: 0!important; /* Bring back on-screen when needed */
}

.row.header.sticky header.main #navigation-wide nav#menu-wide ul li:hover ul {
	background: #000;
	color: #1BEDDE!important;
}
#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-size: 13px!important;
	letter-spacing:1px;
	text-transform:uppercase;
	height:auto!important;
	color:#1BEDDE;
	line-height: 15px!important;
}

#navigation-wide .nav#menu-wide ul li:hover ul li a, #navigation-wide .nav#menu-wide ul ul li:hover ul li a {
	margin: 0;
}
#navigation-wide nav#menu-wide ul li:hover ul li, #navigation-wide nav#menu-wide ul li:hover ul li:hover, #navigation-wide nav#menu-wide ul 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: #B004AE!important;
	color: #1BEDDE!important;
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 ul ul li:hover ul ul ul li:hover {
	color: #1BEDDE!important;
background:none!important;	
text-decoration:underline;
}