/********************
* main menu styles
*/
#main-menu ul {
	margin: 0;
}
#main-menu > ul > li {
	margin-bottom: 0;
}
.acc-links #main-menu li ul {
	margin-left: 0;
	padding-left: 0;
}
#main-menu > ul > li:hover .submenu {
	display: block;
}
#main-menu .submenu {
	margin-left: 0;
	width: 100%;
  	z-index: 99999999 !important;
}
#main-menu .submenu {
	position: absolute;
	background: #f2f3f3;
	z-index: 5;
	display: none;
	width: auto;
	left: 0px;
	top: 100%;
	padding-bottom: 25px;
}
#main-menu li.green .submenu
{
	background: #289728;
}
#main-menu li.purple .submenu
{
	background: #7c3961;
}
#main-menu li.orange .submenu
{
	background: #F4400A;
}
#main-menu li.blue .submenu
{
	background: #147EA1;
}
#main-menu li.grey .submenu
{
	background: #83847B;
}

#main-menu .submenu > li > a {
	font-size: 16px !important;
	display: block;
	margin-bottom: 10px;
}
#main-menu .submenu .submenu-item > li > a {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	padding: 0.4em 0;
	display: block;
}
#main-menu .submenu .submenu-item > li > a:hover {
	text-decoration: underline;
}
#main-menu .submenu > li {
	display: block;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin: 20px;
}

#main-menu ul ul li a {
	padding: 0;
	border: none;
	margin: 0;
}
#main-menu .submenu > li > a {
	line-height: 20px;
}
#main-menu .submenu .submenu-item > li > a {
	line-height: 15px;
}
#main-menu ul ul li {
    float: none;
}
#main-menu ul ul ul li {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
	margin-left: 0;
	line-height: 1.2;
}

#main-menu li a {
	margin: 0;
	padding-left: 31px;
	line-height: 40px;
	margin-left: 0px;
	text-decoration: none;
	padding-right: 12px;
}

#main-menu > ul > li > a {
	font-size: 17px;
	background-position: 10px 50%;
	display: inline-block;
	font-weight: 600;
}

#main-menu > ul > li:last-child > a {
	padding-right: 10px;
}

.main-link:hover a {
	border-bottom: 1px solid #f2f3f3;
	z-index: 10;
	position: relative;
}

#main-menu span {
	border-radius: 50%;
	height: 19px;
	width: 19px;
	display: inline-block;
	background: red;
	background-image: url('../images/navarrow.png');
	background-repeat: no-repeat;
	background-position: 45% 50%;
}

#main-menu .main-link .submenu > li > a,
#main-menu .main-link a
{
	-moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

#main-menu .main-link.green > a {
	color: #289728;	
}
#main-menu .main-link.orange > a {
	color: #f4400a;
}
#main-menu .main-link.blue > a {
	color: #147EA1;
}
#main-menu .main-link.purple > a {
	color: #7c3961;
}
#main-menu .main-link.grey > a {
	color: #83847b;
}

#main-menu .main-link > a:hover,
.main-link:hover,
{
	color: #fff;
}
.main-link:hover > a
{
	color: #fff !important;
}
#main-menu .main-link.green > a:hover
{
	background: #289728;
}
#main-menu .main-link.orange > a:hover 
{
	background: #f4400a;
}
#main-menu .main-link.blue > a:hover
{
	background: #147EA1;
}
#main-menu .main-link.purple > a:hover
{
	background: #7c3961;
}
#main-menu .main-link.grey > a:hover
{
	background: #83847b;
}

.main-link.blue:hover, #main-menu .main-link.blue.active {
	background: #147EA1;
}
.main-link.green:hover, #main-menu .main-link.green.active {
	background: #289728;
}
.main-link.orange:hover, #main-menu .main-link.orange.active {
	background: #f4400a;
}
.main-link.purple:hover, #main-menu .main-link.purple.active {
	background: #7c3961;
}
.main-link.grey:hover, #main-menu .main-link.grey.active {
	background: #83847b;
}

#main-menu .main-link.purple.active a,  
#main-menu .main-link.blue.active a,
#main-menu .main-link.green.active a,
#main-menu .main-link.orange.active a,
#main-menu .main-link.grey.active a
{
	color: #fff;
}


#main-menu .main-link .submenu > li > a:hover {color: #fff !important; text-decoration: underline;}
#main-menu .main-link.green .submenu > li > a { color: #fff}
#main-menu .main-link.orange .submenu > li > a { color: #fff}
#main-menu .main-link.blue .submenu > li > a { color: #fff;}
#main-menu .main-link.purple .submenu > li > a { color: #fff}
#main-menu .main-link.grey .submenu > li > a { color: #fff}
.breadcrumbs {
	border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 -1px 0 #E4E4E4 inset;
}





/*******************************************************
* special overrides for acc-nav when used externally
********************************************************/
.acc-links {
	height: auto;
}
.acc-links li {
	margin-left: 10px;
}
#main-menu .plain .submenu .submenu-item > li > a {
	color: #000 !important;
}
#main-menu ul ul ul li {
}
.acc-links .search-widget-wrap {
	display: none;
}
.acc-links.collapsed .search-widget-wrap {
	display: block;
}
#main-menu>ul>li>a {
	font-size: 14px;
}
#main-menu .main-link > a {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
#main-menu .main-link.plain > a {
	color: #032941;
}
#main-menu .main-link.plain >a:hover {
	color: #126ba2 !important;
}
#main-menu .nav-divider span {
	background: none;
	border-right: 1px solid #fff;
	display: inline-block;
	height: 30px;
	width: 1px;
	border-left: 1px solid #ddd;
	border-left: 1px solid #bbb;
	margin-top: 5px;
}
.acc-links {
	height: 40px;
	-webkit-transition: 450ms all;	
	-moz-transition: 450ms all;	
	transition: 450ms all;
}
.acc-links.nav-open { 
	background: #F6F7F7;
	height: 132px;
	box-shadow: 0 -1px 0 #DEDEDE inset;
}


 .collapsed  #main-menu>ul>li>a {
	padding-left: 18px !important;
	padding-right: 18px !important;
}
.acc-links.collapsed .mobilewrap > img.mobile {
	display: inline-block;
	position: relative;
	top: 20px;
	cursor: pointer;
}
.acc-links.collapsed #main-menu {
	top: 64px;
	display: none;
	position: absolute;
	z-index: 10;
	width: 100%;
	left: 0;
	padding-bottom: 0px;
	background-color: #F6F7F7;
}
.acc-links.uncollapsing #main-menu {
	display: block;
}
.acc-nav-toggler {
	display: none;
}
.acc-nav-toggler.navbar-toggle .icon-bar {
	background: navy;
}
.acc-nav-toggler.navbar-toggle {
  border-radius: 6px;
  border: 1px solid #ddd;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 0px;
	border-radius: 4px;
	width: auto;
	top: 8px;
	right: 8px;
	position: absolute;
	height: auto;	
}
@media only screen and (min-width: 1200px) {
	#main-menu>ul>li>a {
		font-size: 14px;
	}
}
@media only screen and (max-width: 959px) {

	#main-menu li .submenu > li {
		margin: 15px;
	}
	#main-menu li .submenu {
		margin-top: 48px;
	}
/*
}

@media only screen and (max-width: 768px) {
*/
	#main-menu {
		display: none;
	}
	#main-menu ul {
		padding: 0;
	}
	#main-menu > ul > li {
	  margin-bottom: 0;
	  width: 100%;
	  display: block;
	  border-bottom: 1px dotted #ccc;
	margin-left: 0;
	}
	#main-menu .main-link > a {
		line-height: 45px;
		display: block;
		padding-left: 0 !important; 
		padding-right: 0 !important; 
		text-align: center;
	}
	#main-menu.open {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		display: block;
		position: absolute;
		z-index: 9999;
		left: 0;
		top: 60px;
		background: #fff;
		border-top: 1px dotted #ccc;
	}
	#main-menu.open .submenu {
		display: none !important;
	}
	.acc-nav-toggler.navbar-toggle {
		display: block;
	}
	#main-menu .main-link > a {	
		padding-left: 10px;
		padding-right: 10px;
	}
}
