/* ------------------------------------------
  NECESSARY STYLES FOR RESPONSIVE NAV
--------------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}








@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}


#header {
	background-color: #293173;
	padding-top: 1.0em;
	padding-bottom: .75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.875em;/*14px*/
	text-align: right;
	color: #ffffff;
}

.header-nav ul {
	width: 100%;
	margin: 0 0 0 0;
	list-style: none;
	float: right;
	}
.header-nav ul li {
	float: left;
	}
	.header-nav ul li.home {
		width: 6%;
	}
	.header-nav ul li.eod-and-tactical {
		width: 15%;
	}
	.header-nav ul li.valve-reseaters {
		width: 14%;
	}
	.header-nav ul li.injection-machine-hopper {
		width: 22%;
	}
	.header-nav ul li.hedloc-hammers {
		width: 15%;
	}
	.header-nav ul li.financing {
		width: 9%;
	}
	.header-nav ul li.about {
		width: 9%;
	}
	.header-nav ul li.contact {
		width: 8%;
	}

.header-nav ul li a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	}
	
.header-nav-collapse ul li a {
	width: 100%;
	color: #ffffff;
	text-decoration: none;
	border-bottom:  0.5em solid #ffffff;
	}
header-nav-collapse ul{
	width: 100%;
	list-style: none;
	margin-bottom: 1.0em;
	color: #ffffff;
}
.header-nav-collapse ul li {
	margin-bottom: .4em;
}
.header-nav-collapse ul li a, .header-nav-collapse ul li a:visited { 
	width:100%;
	color: #ffffff;
	text-decoration: none;
	background: #293173;
}
header-nav-collapse ul li a:hover, header-nav-collapse ul li a:active, .header-nav-collapse ul li a:focus { 
	background: #666666;
	color: #ffffff;
    width: 100%;
}
.header-nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.header-nav-collapse,
.header-nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.header-nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (max-width : 800px) {
#header {
	background-color: #293173;
	padding-top: 1.0em;
	padding-bottom: .75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.875em;/*14px*/
	font-size: 1.5vw;
	text-align: center;
	color: #ffffff;
}

.header-nav ul {
	width: 100%;
	margin: 0 0 0 0;
	list-style: none;
	float: right;
	}
.header-nav ul li {
	float: left;
	}
	.header-nav ul li.home {
		width: 8%;
	}
	.header-nav ul li.eod-and-tactical {
		width: 13%;
	}
	.header-nav ul li.valve-reseaters {
		width: 12%;
	}
	.header-nav ul li.injection-machine-hopper {
		width: 21%;
	}
	.header-nav ul li.hedloc-hammers {
		width: 12%;
	}
	.header-nav ul li.financing {
		width: 12%;
	}
	.header-nav ul li.about {
		width: 11%;
	}
	.header-nav ul li.contact {
		width: 11%;
	}
}







@media screen and (max-width : 600px) {

#header {
	background-color: #293173;
	padding-top: 1.0em;
	padding-bottom: .75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.875em;/*14px*/
	text-align: right;
	color: #ffffff;
}

.header-nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.header-nav-collapse li {
  width: 100%;
  display: block;
  
}

.js .header-nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.header-nav-collapse.opened {
  max-height: 9999px;
}
.header-nav-collapse ul {
	width: 100%;
	margin: 2% 0 2% 0;
	display: block;
	list-style: none;
	float: none;
	}
.header-nav-collapse ul li {
	width: 100%;
	float: none;
	}
	.header-nav ul li.home {
	width: 100%;
	}
	.header-nav ul li.eod-and-tactical {
	width: 100%;
	}
	.header-nav ul li.valve-reseaters {
	width: 100%;
	}
	.header-nav ul li.injection-machine-hopper {
	width: 100%;
	}
	.header-nav ul li.hedloc-hammers {
	width: 100%;
	}
	.header-nav ul li.financing {
	width: 100%;
	}
	.header-nav ul li.about {
	width: 100%;
	}
	.header-nav ul li.contact {
	width: 100%;
	}

	
.header-nav ul li a {
	width: 100%;
	padding-bottom: 0.75em;
	margin-bottom: 0.25em;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background: #293173;
	border-bottom:  0.125em solid #ffffff;
	}
header-nav ul{
	width: 100%;
	list-style: none;
	margin-bottom: .25em;
	color: #ffffff;
}
.header-nav ul li {
	padding-top: 0.75em;
	height: 40px;

}
.header-nav ul li a, .header-nav ul li a:visited { 
	width:100%;
	color: #ffffff;
	text-decoration: none;
}
header-nav ul li a:hover, header-nav ul li a:active, .header-nav ul li a:focus { 
	background: #666666;
	color: #ffffff;
    width: 100%;
}
}

@media screen and (min-width: 40em) {
  .js .header-nav-collapse {
    position: relative;
    max-height: none;
  }
  #header-nav-toggle {
    display: none;
  }
}


#header-nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  cursor: pointer;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #f4421a url("hamburger.gif") no-repeat 50% 33%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #header-nav-toggle {
    background-image: url("hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}