@charset "utf-8";
/* CSS Document */


#lowerBar {
/*	margin-bottom: .5vw;*/
}

/***********************
Main Mobile Code
***********************/
#hamburgerIcon {
	display: block;
	float: right;
	width: 8%;
	position: absolute;
	top: 0;
	right: 0;
	margin: 3.5vw;
	padding: 2vw;
	z-index: 98;
	border: solid 1px #ccc;
	border-radius: 5%;
	opacity: .85;
}

#mobileMenu { 
	display: block;
	list-style-type: none; 
	height: auto; 
	padding: 0; 
	margin: 0;
	margin-top: .75vw;
	position: absolute;
	z-index: 98;
}
.lowerDrop, .insideUL { 
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
#mobileMenu .upperLI { 
	width: 100%;
	float: left; 
	padding: 0; 
	background: #1e1e1e;
	font-size: 6vw; 
	line-height: 2.75em;
	height: auto;
}
#mobileMenu .upperLI:hover { 
	background-position: 0 -40px; 
}
#mobileMenu .upperLI a { display: block; padding: 0 15px; color: #ccc; text-decoration: none; }
#mobileMenu .upperLI a:hover { color: #e29718 /*#1e1e1e*/; /*background: #e29718;*/}
#mobileMenu .upperLI .lowerDrop { 
	/*display: none;  */
	left: 0; 
	width: 100%;
	max-height: 0;
	overflow: hidden;
	background: #1e1e1e/*555*/; 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	color: #e29718/*1e1e1e*/;
	text-indent: 18vw;
	-webkit-transition: max-height .8s .2s ease-in-out ; 
	-webkit-transform: translateZ(0);
	transition: max-height .8s .2s ease-in-out ; 
	transform: translateZ(0);
	font-size: 5vw;
	line-height: 2.4em;
}
#mobileMenu .upperLI:hover .lowerDrop {
	display: list-item;
	height: auto;
	-webkit-max-height: 1000px;
	max-height: 1000px;
	list-style-type: none; 
	border-top: solid 1px rgba(255,255,255,.25);
}
.upperLI:hover .lowerDrop {
}
#mobileMenu .upperLI .lowerDrop .dropLI { float: none; position: static; height: auto; background: #1e1e1e/*555*/; text-indent: 10vw;}
/*#mobileMenu .upperLI:hover .lowerDrop .dropLI { height: 30px; line-height: 30px; }*/
#mobileMenu .upperLI .lowerDrop .dropLI a { color: #ccc; height: 100%; }
#mobileMenu .upperLI .lowerDrop .dropLI a:hover { color: #e29718/*1e1e1e*/; }
#mobileMenu .upperLI .lowerDrop .dropLI .insideUL { opacity: 1; background: #1e1e1e/*555*/; line-height: 2em; }
#mobileMenu .upperLI .lowerDrop .dropLI .insideUL .insideLI { text-indent: 18vw; }
.insideLI:hover { color: #e29718/*1e1e1e*/; background: #1e1e1e/*c60*/;}
.upperLI .insideLI a:hover { color: #1e1e1e; }