nav{
	display: block;
	transition: all 1s ease;
	
}


/* Main Menu */
.mainmenu{
	display: inline-block;
	cursor:pointer;
	outline:none;
	margin: -1px;
}



.mainmenu a{
	text-align:left;
	color:#1d252c;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	display:block;	
	line-height:18px;
	border-right:solid 1px #ededed;	
}

small_title{
	font-weight:normal !important;
	font-size:11px;
	color:#c8c8c8;
	text-transform: capitalize;
}


.small_show{
	display:block;
	}
	
.small_hidden{
	display:none !important;
	}	

.mainmenu_big a{
	padding:32px 20px;	
	}
.mainmenu_small a{
	padding:20px 20px;
	}
	
.mainmenu .current,  
.mainmenu:hover > a,
.mainmenu a:hover{
	color:#fff;
	background-color:#315699;
	border-top:solid 3px #2c4e8a;
	}

/* Sub Menu */
.submenu{	
	opacity:0;
	position: absolute;
	visibility:hidden;
	transition: all 0.2s ease;
	z-index: 99999;
	background-color:rgba(255,255,255, 0.9);	
	margin-top:0px;
	padding: 20px 10px;
	text-align:left;
	overflow:auto;
}

.submenu span, .submenu small{
	padding-bottom:5px;
	display:block;
}
.submenu a{
	display: block; /*change to inline-block for multi column*/
	border-radius:0px;
	padding: 5px 15px;
	border-right:none !important;	
	border-top:none !important;	
	color:#6e6e6e !important;
	font-weight: normal;
	white-space:normal;
	background-color:transparent !important;
	border-bottom:solid 1px #e2e2e2;
}

.submenu a:hover{
	color:#315699 !important;  
}
	
.submenu a:last-of-type{
	border-bottom-width: 0px;
}
/*on rollover */
.mainmenu:hover .submenu,
.mainmenu:focus .submenu{	
	opacity:1;
	visibility:visible;
	
}


.mainmenu .submenu a:focus,
{	
	color:#FFF !important;	
}



#toggle, #toggle + label{
	display:none;
	vertical-align:middle;
	cursor:pointer;
	text-align:right;
	margin-right:20px;
}

@media only screen and (max-width: 1090px) {
.hiddenbox {
	transition: all 0.5s ease;
	max-height:0px;
	overflow:hidden;
	opacity:0;
	position: absolute;
	left: 0px;
	right: 0px;
	display: block;	
}
	
divorce{
	display: none;
	}

#toggle + label{
	 display:block;
}

#toggle + label:hover {
  cursor:pointer;
  
}

#toggle:checked ~ .hiddenbox {
  max-height:9999px;
  opacity:1;
}

nav{
	max-height:99999px;	
	background-color:#FFF;
	margin-top:20px;	
}


.mainmenu{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.small_show{
	display:none;
	}

.mainmenu a{
	display:block;
	padding:10px 25px;
	color:#000;
}
.mainmenu:hover > a,
.mainmenu a:hover{

	}
.mainmenu:hover .submenu,
.mainmenu:focus .submenu{
	position:static;
}
.submenu{
	max-height:500px;

}
.submenu a{
	padding: 5px 15px;
	color:#FFF;
	
}
}