

/* -------------------- header styles ---------------------- */



.preheader-outer        { width: 100%; background-color:#8c8c8c; }
.preheader              {  }





@media screen and (max-width:900px) {

#hh-preheader { display: none; }

    
}




.toplinks ul { list-style-type:none; margin: 0; padding: 0;}
.toplinks ul li { float:left; margin: 0; font-size: 14px; text-transform:uppercase; font-weight: 600; }
.toplinks ul a { color:white; padding: 12px 20px; display: inline-block; }
.toplinks ul a:hover { background:#585858;}




.tollfree               { float:left; margin:0;  }
.tollfree p             { font-family:'Source Sans Pro'; font-size:20px; color:#ffffff; margin: 0; text-transform: uppercase; font-weight: normal; }
.tollfree .tel         { margin:0;  }
.tollfree .tel a       { color:#ffffff; font-weight: bold; }
.tollfree .tel .fa       { color: #ffffff; }





.offerid { padding: 6px; margin:0 }
form.search { float:right; margin:0; padding:0; border: 0px; }
form.search { position:relative; }

form.search input { max-width:110px; padding:6px 6px 6px 6px; height: 29px; background-color:#ffffff; border: 1px #ffffff solid; font-size:13px; margin: 0px 30px 0 0; color:#585858; position:relative; z-index:0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}


form.search button {
	position:absolute;
    background: #585858; padding: 7px; height: 29px; width: 29px; border: 1px #ffffff solid;
	top:0px; right:0px;
	z-index:1;
}

form.search .fa { color:white;  }




































.header-outer { padding: 20px 0;}

.logo { text-align:center; padding: 20px; }
.logo img  { max-height: 70px;}



@media screen and (max-width:767px) {

.logo { padding: 0 0 20px 0px; }

}

.navbar-header .phone { display: none; }




.navbar .navbar-toggle          { background-color:#8c8c8c;}
.navbar .navbar-toggle .icon-bar          { background-color:white;}

.navbar .navbar-toggle:hover          { background-color:#585858}
.navbar .navbar-toggle:focus          { background-color:#585858}

nav.navbar { padding: 0px; border: 0px; min-height: auto; margin:0;  background-color:transparent; clear:both;  }
nav.navbar-default .collapse      { padding: 0; margin: 0 }

nav.navbar-default { max-width: 767px; margin: 0 auto; clear:both;}


.navbar-default .navbar-nav { margin: 0px; padding: 0px; }
.navbar-default .navbar-nav li { text-transform: uppercase;}
.navbar-default .navbar-nav li a        { border-top: 2px transparent solid; padding: 18px; color:#585858; font-weight:900; font-size: 15px; line-height: 100%; float:left; width: 100%;  }
.navbar-default .navbar-nav li a:hover  { border-top: 2px #8c8c8c solid; }
.navbar-default .navbar-nav li a:active,
.navbar-default .navbar-nav li a:focus { padding: 18px; background:#585858; border-top: 2px #8c8c8c solid; color:white;  }




ul.nav { color:#3e3e3e; font-size: 13px; margin: 0px; padding: 0px; }
ul.nav li           { margin: 0; padding: 0; }
.nav li a { color:#3e3e3e; margin: 0px; }

.nav li a:hover { background:rgba(0, 0, 0, 0.40); }

.navbar-nav .open .dropdown-menu { width: 310px; background:#585858; border: 0px; padding: 0; margin:0; border-radius: 0; right: auto; left: 0px;}
.navbar-nav .open .dropdown-menu li { border: 0px; padding: 2px 0 0 0; clear:both; width: 100%; }
.navbar-nav .open .dropdown-menu li a { color:white; padding:15px 20px; border: 0;}
.navbar-nav .open .dropdown-menu li a:hover { color:white; background:#8c8c8c;  }

.navbar-default .navbar-nav li.dropdown {  }
.navbar-default .navbar-nav li.dropdown a:active,
.navbar-default .navbar-nav li.dropdown a:focus { background:#585858;  color:white;  }













@media screen and (max-width:767px) {




.navbar-header  {  }

.navbar-header .phone { display: block; float:left; padding: 12px 0 0 10px; font-size: 16px; }
.navbar-header .phone .fa { color:#8c8c8c; margin-right: 5px; }
.navbar-header .phone a { font-weight:bold; color:#585858; }





header { height: auto; top: 0; position: relative; }
nav.navbar { float:none; width: 100%; background:white; min-height: auto; height: auto; border-top: 1px #cacaca solid; border-bottom: 1px #cacaca solid; }
.dropdown .dropdown-toggle {  }

.navbar-default .navbar-nav li { margin-right: 0px; text-align:left; font-weight:bold; }



.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:active,
.navbar-default .navbar-nav li a:focus { padding: 20px; font-size: 18px; }


.navbar-nav .open .dropdown-menu li a {  padding:20px; }


.navbar-default .navbar-nav li.dropdown { clear:both; display: inline-block; width: 100%; }

.navbar-default .navbar-nav .open .dropdown-menu { color:white; width: 100%; }
.navbar-default .navbar-nav .open .dropdown-menu > li {  display:block; padding:0; border-top: 1px rgba(255, 255, 255, 0.34) solid; margin: 0; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { padding: 13px 13px 13px 35px; display: block; background:#585858; color:white; margin:0;  font-size: 15px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:active,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { padding: 13px 13px 13px 35px; color:#585858; display:inline-block; background:white; text-shadow:none; }


}



























.signup-win { background:rgba(0, 0, 0, 0.10); margin: 0; padding: 14px; }
.signup-win p { margin: 0; font-size: 17px; color:#ed8702; font-weight: bold; font-family:'Source Sans Pro'; }
.signup p { text-align:right; }






@media screen and (max-width:992px) {
.signup p,
.signup-win p { text-align:center; font-size: 15px; margin: 10px; }

.signup { border-top: 1px #cacaca solid; }


}









