

.navrow {
    width: 100%;
}

.navblock {
	width: 100%;
}



#navheader {
	width: 100%;
	background: #000000;
	z-index: 999;
	display:none;
}

#navheader .columns {
	padding: 0px;
}

#navheadermenu {
	list-style:none;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float:left;
}

#navheadermenu li {
	float:left;
	display:block;
}

#menulink0 {
	width: 10%;
}

#menulink1 {
	width: 10%;
}

#menulink2 {
	width: 10%;
}

#menulink3{
	width: 10%;	
}

#menulink4 {
	width: 10%;
}

#menulink5{
	width: 10%;	
}

#menulink6 {
	width: 10%;
}

#menulink7 {
	width: 10%;
}

#menulink8 {
	width: 10%;
}


#menulink9 {
	width: 10%;
}




#navheadermenu li a {
	line-height: 42px;
	
	display:block;
	text-align:center;
	
	margin: 0px;
	width: 100%;
	background: #515171;
	transition: background-color 0.5s ease;
	color: #ffffff;
	font-size: 15px;
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
}

#navheadermenu li a:hover, #navheadermenu .is-hover a{
	background: #2f2f4c;	
	transition: background-color 0.5s ease;
}


 #navheadermenu .is-hover .hasdropdownarrow,  #navheadermenu li a:hover .hasdropdownarrow {
	 border-color: #ffffff transparent transparent transparent;
 }

#navheadermenu .submenu {
	display:none;
	position:absolute;
	top: 42px;
	z-index: 9999;
	padding: 0px;
	margin: 0px;
}

#navheadermenu li:hover .submenu  {
	display:block;
	opacity: 1;
}

#navheadermenu .subsubmenu {
	display:none;
	position:absolute;
	top: 0px;
	z-index: 9999;
	padding: 0px;
	margin: 0px;
	left: 320px;
}

#navheadermenu li .submenu li:hover .subsubmenu  {
	display:block;
	opacity: 1;
}

#navheadermenu .submenu li {
	float:left;
	width: 320px;
	clear:both;
}

#navheadermenu .submenu li a {
	line-height: 14px;
	padding: 16px 10px;
	height: auto;
	background: #515171;
}

#navheadermenu .submenu li a:hover {
	background: #2f2f4c;		
}

#navheadermenu .closedrop,  #navheadermenu .closedroptwo {
	display:none;
}

#showmobilemenu {
	display:none;
}

.hasdropdownarrow {
	display:block;
	float:right;
	margin-top: 16px; /*half height - half arrow height */
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
}

.hassidearrow {
	display:block;
	float:right;
	margin-top: 0px; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ffffff;
}





/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}


#shownavmenublock {
	display:none;
}


@media only screen and (max-width: 768px) { 
	.navg {
		display:none;
	}
	
	#desktopemail {
		display:none;
	}


	#navheader {
		text-align:center;
		background: #515171;	
		display:block;
		width: 90%;
		margin-left: 5%;
	}
	
	#shownavmenublock {
		display:block;
	}

	#verytopheader p {
		text-align:center;
	}
	
	.hasdropdownarrow {
		display:block;
		float:right;
		margin-top: 0px; 
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 10px;
		border-color: transparent transparent transparent #ffffff;
	}
	
	#navheadermenu .is-hover .hasdropdownarrow,  #navheadermenu li a:hover .hasdropdownarrow {
		border-color: transparent transparent transparent #ffffff;
	}

	
	.mobileemail {
		width: 90%;
		float:left;
	}
	
	
	#showmobilemenu {
		cursor: pointer;
		display: block;
		position: relative;
		float:right;
		width: 10%;
	}
	
	#showmobilemenu .bar1, #showmobilemenu .bar2, #showmobilemenu .bar3 {
		width: 35px;
		height: 5px;
		background-color: #000000;
		margin: 6px 0;
		transition: 0.4s;
	}
	

	#navheadermenucontainer {
		display:none;
	}
	
	#navheadermenu li, #menulink0, #menulink1, #menulink2, #menulink3, #menulink4, #menulink5, #menulink6, #menulink7, #menulink8{
		width: 100%;
	}
	
	#navheadermenu {
		position:relative;		
	}
	

	#navheadermenu li a {
		line-height: 12px;
		height: auto;
		padding: 20px 12px;
		
	}
	
	#navheadermenu .submenu {
		width: 100%;
		padding: 0px;
		margin-left: 100%;
		top: 0;
		position:absolute;
		display:none;
	}

	#navheadermenu .submenu li {
		width: 100%;
	}
	
	#navheadermenu .subsubmenu {
		width: 100%;
		padding: 0px;
		margin-left: 100%;
		top: 0px;
		left: 0px;
		position:absolute;
		display:none;
		
	}

	#navheadermenu .subsubmenu li {
		width: 100%;
	}

	#navheadermenucontainer {
		overflow:hidden;
		width: 100%;
		background: #515171;
	}
	
	#navheadermenu .closedrop,  #navheadermenu .closedroptwo {
		display:block;
	}
	
	#headerlogo {
		text-align:center;
	}
	
	#headerlogo img {
		height: 100%;
		width: auto;
	}
	
	
	#navheadermenu .submenu {
		top: 0px;
	}
} 