@media only screen {
#navigation-wide {
	height:auto;
	text-align: left;
	padding: 0;
	float: left;
	right: 0;
	z-index: 999;
	position: relative;
   top:250px;
	width: 100%;
	max-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;
	
}

#navigation-wide.cartIt {
	
   top:0px!important;
	
	
}
.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:auto;
	padding: 0;
}
#navigation-wide nav#menu-wide ul {
	margin: 0;
	display: inline-block;
	background: transparent;
		height:56px;
}
#navigation-wide.cartIt nav#menu-wide ul {
height:auto!important;	
}
#navigation-wide nav#menu-wide ul>li {
	width:100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	background: transparent;
	display: 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;
	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: #ff2416;
text-decoration:underline!important;
}
#navigation-wide nav#menu-wide ul>li a {

		  font-family: 'nevis-Bold';
	font-size: 43px;
	font-weight:500;
		color: #fff;
	display: block;
	background:#293a8a;
	text-decoration:none;
	float: left;
	width:100%;
	text-align:center;
		height:auto;
	line-height: 1;
	
	
		padding:3px 14px 3px 14px!important;
		margin-bottom:5px;
		letter-spacing:-2px;
	-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>li a.democracy {

		 	background:#293a8a;

	color:#ff2416;
	

	
}
#navigation-wide nav#menu-wide ul>li a.democracy:hover {

		 	background:#293a8a;

	color:#fff;
	

	
}
#navigation-wide nav#menu-wide ul ul {
	background: #f6f9fa; /* 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;
	padding: 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 a {
	/* Stop text wrapping and creating multi-line dropdown items */
	display: block;
	float: left;
	color: #000;
	padding: 0px 8px 0px 8px!important;
	font-size: 13px;
	text-transform:uppercase;
		line-height:35px;
	width: 100%;
}
#navigation-wide nav#menu-wide ul li:hover ul { /* Display the dropdown on hover */
	background: #fff;
	color: #000;
	min-width: 320px;
	width:auto;
	top: 56px;
	height:auto;
	padding: 25px 20px 25px 20px;
	left: 0!important; /* Bring back on-screen when needed */
}
.row.header.sticky header.main #navigation-wide nav#menu-wide ul li:hover ul {
	background: #fafbfb;
}
#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: 11px!important;
	letter-spacing:1px;
	text-transform:uppercase;
	height:auto!important;
	color:#515151;
	line-height: 33px!important;
}
#navigation-wide .nav#menu-wide 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 {
	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!important;
	color: #000!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 li:hover ul li:hover {
color:#000!important;
background:none!important;	
text-decoration:underline;
}

}
@media only screen and (min-width: 40.063em) {
	
#navigation-wide {
	height:auto;
	text-align: left;
	padding: 0;
	float: left;
	right: 0;
	z-index: 999;
	position: relative;
   top:250px;
	width: 100%;
	max-width:40%;
	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;
	
}
#navigation-wide nav#menu-wide ul>li a {

		  font-family: 'nevis-Bold';
	font-size: 57px;
	font-weight:500;
	color: #fff;
	display: block;
	background:#293a8a;
	text-decoration:none;
	float: left;
	width:auto;
	text-align:left;
		height:auto!important;
		line-height:58px;
		padding:3px 14px 3px 14px!important;
		margin-bottom:10px;
		letter-spacing:-3px;
	-webkit-transition: background-color 300ms ease-in;
	-moz-transition: background-color 300ms ease-in;
	transition: background-color 300ms ease-in;
}	
}

@media only screen and (min-width: 1080px) {
	#navigation-wide {
	height:auto;
	text-align: left;
	padding: 0;
	float: left;
	right: 0;
	z-index: 999;
	position: relative;
   top:60px;
	width: 100%;
	max-width:50%;
	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;
	
}

#navigation-wide nav#menu-wide ul>li a {

		  font-family: 'nevis-Bold';
	font-size: 57px;
	font-weight:500;
	color: #fff;
	display: block;
	background:#293a8a;
	text-decoration:none;
	float: left;
		height:auto!important;
		line-height:58px;
		padding:3px 14px 3px 14px!important;
		margin-bottom:10px;
		letter-spacing:-3px;
	-webkit-transition: background-color 300ms ease-in;
	-moz-transition: background-color 300ms ease-in;
	transition: background-color 300ms ease-in;
}
	
}