/*HEADER*/
.stickyNavBar {
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 3;
	}
.stickyNavBar li {
		padding: 0;
		margin: 0;
	}
.stickOut {
    top: -100px;
}
.stickyNavBar.stick {
		display: block;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: fixed;
		width: 100%;
		opactiy: 1;
		box-shadow: 0 5px 10px 0px rgba(0,0,0,.45);
		-webkit-transition: top .25s;
		-webkit-transition-timing-function: linear;
		transition: top .25s ease-in;
		transition-timing-function: linear;
	}	
#header #topNav{
		width: 100%;
		text-align: right;
	}
#header #topNav ul{
		padding: .5rem 0;
	}
#header #topNav li{
		display: inline-block;
		margin-bottom: 0;
	}
#header #topNav a,
#header #topNav input{
	text-decoration: none;
	margin-left: 1rem;
}
#header #topNav a:hover{text-decoration: underline;}
#header .innerConatiner{
	width: 80%;
	margin: 0 auto;
}
#header hr{
	padding: 0;
	margin: 0;
	visibility: hidden;
}
#hwaLogo {
	display: inline-block;
	vertical-align: middle;
	text-indent: -10000000px;
	background:url(../../../images/hwa/logos/hwa.png) no-repeat 0 center;
	width: 25%;
	height: 7rem;
	background-size: contain;
	margin: 1rem 0;
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#hwaLogo:hover {
	opacity: .65;
	}
.stick #hwaLogo{
	height: inherit;
}
#auxNav{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	position: relative;
	width: 75%;
}
#auxNav a{text-decoration: none;}
#auxNav ul {margin: 0;}
#auxNav ul li{
	display: inline-block;
	margin-right: 1rem;
	position: relative;
}
#auxNav ul li:last-of-type{
	margin-right: 0;
}
#auxNavPhoneNumber{
	background: url(../../../images/hwa/icons/contactBubbleSm.png) no-repeat .75rem 1.125rem;
	padding: 1rem 0 1rem 3rem;
}
a {transition: color .25s ease-in-out;
}
.primaryButton, button.button {transition: background .25s ease-in-out;}
#auxNavPhoneExp {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	transition: visibility linear 0.5s,opacity 0.5s ease-in-out;
	width: 120%;
	padding: 1rem 1rem 1rem 1.75rem;
	border-radius: .5rem;
	margin-top: 1rem;
	text-align: center;
	left: 0;
	z-index: 101;
	background-image: url(../../../images/hwa/icons/contactPhoneIcon.png);
	background-repeat: no-repeat;
	background-position: .75rem .85rem;
	border: .125rem #fff solid;
}
#auxNavPhoneExp:after {
	bottom: 100%;
	left: 47%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #999;
	border-width: 10px;
	margin-left: -10px;
}
#auxNavPhoneNumber:hover > #auxNavPhoneExp {
	visibility: visible;
	opacity:1;

}
#auxNavPhoneNumberMobile {display: none !important;}
#auxNavPhoneExp a {text-decoration: underline;}
#auxNavPhoneExp a:hover {text-decoration: none;}
#auxNavFreeQuote{
}
#mainNav ul {
	width: 80%;
	margin: 0 auto;
	position: relative;
}
#mainNav {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 100;
	background-color: #f7f7f7;
	border-bottom: 2px #F05D21 solid;
}
#mainNav a{text-decoration: none;}
#mainNav li {
	padding-right: 1rem;
	display: inline-block;
	position: relative;
}
#mainNav li.noSub {
	padding-right: 0;
}
#mainNav li.auxNavSearch  {
	position: absolute;
	right: 0;
	top: .4rem;
	padding-right: 0;
}
#mainNav li a {
	display: inline-block;
	padding: 0.75rem 1rem;
	background: url(../../../images/hwa/downArrow.png) no-repeat right 0.85rem;
	background-size: 1rem;
	padding-right: 1.25rem;
}
#mainNav li.noSub a {
	display: inline-block;
	padding: 0.75rem 1rem;
	background: none;
	padding-right: 1rem;
}
#mainNav li.hover a {
	background: url(../../../images/hwa/downArrowWht.png) no-repeat right 0.85rem;
	background-size: 1rem;
}
#mainNav li.noSub:hover a {
	background: none;
}
#mainNav li.hover {padding-right: 1rem;}
#mainNav li.noSub:hover {padding-right: 0;}
#mainNav li.auxNavSearch:hover {
	background-color: inherit;
	padding-right: 0;
}
#mainNav .hover .subNav{display: inline-block;}
#mainNav .subNav{
	position: absolute;
	top:2.5rem;
	left: 0;
	display:none;
	width:14rem;
}
#mainNav .subNav li{
	display: block;
	margin-right: 0;
}
#mainNav .subNav a{
	background: none;
}
#mainNav li.hover .subNav a{background: none;}

#mainNav .subNav {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 15rem;
	opacity: 0;
	padding: 0;
	display: inline-block;
	-webkit-transition: max-height 1.25s, visibility 1.25s; /* Safari */
	transition: top .25s ease-in-out, visibility .25s, opacity .25s;

}
#mainNav li:hover .subNav{
	visibility: visible;
	top: 2.75rem;
	opacity: 1;

}
#mainNav .subNav a{
	display: block;
	width: 12.5rem;
	padding: .75rem 1rem;
	text-align: left;
}
	
/*FOOTER*/
footer{
	border-top: solid 1px #ddd;
	padding-top: 2rem;
	margin: 3rem 0 2rem 0;
}
footer a{text-decoration: none;}
	footer a:hover{text-decoration: underline;}
.footerInner{
	width: 80%;
	margin: 0 auto;
}
.footerInner label{
	position: absolute;
	right: 1.5rem;
	top: 1rem
}
.footerInner input{
	position: absolute;
	right: 0;
	top: 2.2rem
}
#footerLeft {
		width: 76%;
		display: inline-block;
		vertical-align: top;
	}
#footerLeft ul {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1rem;
	list-style: none;
}
#footerLeft ul li{margin: 0 0 .35rem 0;}
#footerLeft ul .header{margin-bottom: .5rem;}
#footerRight {
		width: 22%;
		display: inline-block;
		vertical-align: top;
		text-align: right;
	}
#footerBottom{
	border-top: solid 1px #ddd;
	text-align: center;
	padding-top: 2rem;
	margin-top: 2rem; 
}
#footerBottom img{
	margin: 0 1rem 1.5rem;
}
.socialIcons {
		background: url(../../../images/hwa/socialIcons.png);
		width: 50px;
		height: 50px;
		display: inline-block;
		vertical-align: top;
		text-indent: -10000000px;
		margin-bottom: 1rem;
		opacity: .5;
		transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-webkit-transition: opacity .5s ease-in-out;
	}
.facebook {background-position: 0 0;}
.facebook:hover {background-position: 0 50px; opacity: 1;}
.youTube {background-position: 200px 0;}
.youTube:hover {background-position: 200px 50px; opacity: 1;}
.twitter {background-position: 350px 0;}
.twitter:hover {background-position: 350px 50px; opacity: 1;}
.linkedIn {background-position: 100px 0;}
.linkedIn:hover {background-position: 100px 50px; opacity: 1;}