#nav{
	background: transparent;
	/* border-color: #131313; */
}


@font-face {
  font-family: 'fontello';
  src: url('fontello.eot?68673724');
  src: url('fontello.eot?68673724#iefix') format('embedded-opentype'),
       url('fontello.woff2?68673724') format('woff2'),
       url('fontello.woff?68673724') format('woff'),
       url('fontello.ttf?68673724') format('truetype'),
       url('fontello.svg?68673724#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none; 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 1.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}
 
.icon-down-open:before { content: '\f004'; } 
.icon-up-open:before { content: '\f005'; } 
.icon-right-open:before { content: '\f006'; }
.icon-left-open:before { content: '\f007'; } 
.icon-menu:before { content: '\f008'; } 

#mainnav-icon, #mainnav-toggle {
	display: none;
}

#mainnav-menu {
	float: left;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	padding: 0;
	margin-bottom: 0;
	line-height: inherit;
}
#mainnav-menu li{
	float: left;
	position: relative;
	list-style: none;
}


#mainnav-menu li.menu-item-has-children a{
	padding-right:40px
}


#mainnav-menu a {
	display: block;
	padding: 0 1.4em;
	text-decoration: none;
	line-height: 57px;
}
#mainnav-menu a:link, #mainnav-menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	/* text-transform: uppercase; */
	font-weight: 500;
	font-size: 18px;
}
#mainnav-menu a:hover {
	background: transparent;
	text-decoration:underline;
}
#mainnav-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	padding: 0;
}

.sub-menu{
	line-height:19px;
	background: #131313ad;
}
#mainnav-menu ul li{
	margin: 0;
	border: none;
}
#mainnav-menu ul a {
	display:inline-block;
	min-width:280px;
	float: left;
}
#mainnav-menu ul a:link, #mainnav-menu ul a:visited{
	color: #cecece;
	text-decoration: none;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#mainnav-menu ul a:hover {
	text-decoration:underline;
}
#mainnav-menu li ul ul {
	margin-left: 100%;
}
#mainnav-menu li ul ul a {
	border-left: 3px solid rgba(255, 255, 255, 0.1);
}
#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul{
	display:none;
}
#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul{
	display:block;
}
#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
	text-decoration: underline;
	/* background: #989898; */
	color: #ffffff;
	/* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.49); */
}
#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
	text-decoration: none;
}
#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
	text-decoration: underline;
}
#mainnav-menu ul li.current_page_item ul li a, #mainnav-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}
/* Tablets (landscape) | <960px */
@media only screen and (max-width: 991px) {
	/* Mobile Main Navigation */
	
	/* Reset */
	#mainnav, #mainnav-menu, #mainnav-menu li, #mainnav-menu a, #mainnav-menu ul, 
	#mainnav-menu ul a, #mainnav-menu ul ul, #mainnav-menu li ul ul {
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: 0;
		left: 0;
	}
	#mainnav .container{
		padding:0;
	}
	#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul,
	#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul
	{
		display: inline;
	}
	
	#mainnav-mobile-menu {
		background: #252525;
	}
	#mainnav-toggle {
		display: block;
		/* width: 75px; */
		margin: 0;
		height: 100%;
		padding: 10px 20px !important;
		text-decoration: none;
		color: #ffffff;
		background: #00568f;
		border: none;
		font-size: 1.05em;
		font-weight: 600;
		text-align: left;
		float: right;
		border-radius: 0;
		right: 0;
		top: 0;
		/* position: absolute; */
	}
	#mainnav-toggle:hover {
		cursor: pointer;
		background: #1b1b1b;
		color: #fff;
	}
	#mainnav-toggle:after {
		float: right;
		margin: 0;
		float: right;
		margin: 0;
	    font-family: "fontello";
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    content: "\f008";
	}
	
	#mainnav-menu {
		display: none;
		width: 100%;
		/* background: #252525; */
	}
	#mainnav-menu a {
		display: block;
		padding: .9em;
		color: #464646;
		text-decoration: none;
		font-size: 1em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		/* background: rgba(0, 0, 0, 0.15); */
		clear: left;
	}
	#mainnav-menu a:link, #mainnav-menu a:visited {
		color: #eeeeee;
	}
	#mainnav-menu a:hover {
		background: rgba(0, 0, 0, 0.25);
	}
	#mainnav-menu ul {
		width: 100%;
	}
	#mainnav-menu ul a {
		display: block;
		width: 100%;
		padding: 1em 1em 1em 2em;
		font-size: 0.9em;
		background: rgba(0, 0, 0, 0.06);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	#mainnav-menu ul a:hover {
		background: rgba(0, 0, 0, 0.15);
	}
	#mainnav-menu ul li ul {
		float: left;
		padding: 0;
		width: 100%;
	}
	#mainnav-menu ul li ul a {
		padding-left: 4em;
	}
	#mainnav-menu ul li ul li ul a{
		padding-left: 6em;
	}
	#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
		text-decoration: underline;
	}
	#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
		text-decoration: none;
	}
	#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
		text-decoration: underline;
	}
	
	#mainnav-menu .submenu-dropdown-toggle {
		float: right;
		display: block;
		margin: 0;
		padding: 0.2em 1.4em;
		background: rgba(0, 0, 0, 0.07);
		line-height: 48px;
		position: absolute;
		right: 0;
	}
	#mainnav-menu .submenu-dropdown-toggle:hover {
		cursor: pointer;
		background: rgba(0,0,0,0.15);
	}
	#mainnav-menu .submenu-dropdown-toggle:before {
		font-size: 16px;
		line-height: 50px;
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		content: "\f004";
		color: #fff;
		vertical-align: middle;
	}
	#mainnav-menu .submenu-dropdown-toggle.active:before {
		content: '\f005';
	}
	#mainnav-menu ul .submenu-dropdown-toggle {
	}
	#mainnav-menu ul .submenu-dropdown-toggle:before {
		font-size: 16px;
	}	
}

/* Big Screens Navi Fix | >720px */
@media only screen and (min-width: 992px) {
	/* ensure #nav is visible on desktop version */
	#topnav-menu, #mainnav-menu {
		display: block !important;
	}
	#mainnav-menu li.menu-item:hover a {
		/* background: rgba(0, 0, 0, 0.15); */
	}
	#mainnav-menu li.menu-item:hover ul a:hover {
		background: rgba(0, 0, 0, 0.25);
	}
	#mainnav-menu .menu-item-has-children .submenu-dropdown-toggle:after {
	    font-size: 0.7em;
	    line-height: 1;
	    font-family: "fontello";
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    content: "\f004";
	    color: #cecece;
	    position: absolute;
	    right: 0.6em;
	    top: 2.1em;
	    margin-right: 0px;
	}


	#mainnav-menu .menu-item-has-children ul .submenu-dropdown-toggle:after {
	    transform:rotate(-90deg);
	}
	


	
}


@media screen and (max-width:992px){
#mainnav {
	display:block;
	max-height: 80vh;
	overflow-y: auto;
	width: 100%;
	text-align: center;
}
#nav{
	padding:0;
}
}