/* -------------------- header styles ---------------------- */



.preheader-outer        { position: fixed; top:0; left: 0; z-index:88; width: 100%; background:#585858; padding: 3px;}

.preheader              {  }


.tollfree               { padding-top: 6px; margin:0;  }
.tollfree p             { font-family:'Open Sans'; color:#999999; margin: 0; text-transform: uppercase; font-size:12px; font-weight: 900; }
.tollfree .tel         { font-size: 16px; font-weight:900; margin:0;  }
.tollfree .tel a       { color:#ffffff; }
.tollfree .tel .fa       { color: #ffffff; }



.social-icons                 { padding: 3px; text-align:center; }
a.social								{  display:inline-block;  width:28px; height:28px; line-height:28px;  font-size:18px; text-align:center;  background:#ffffff;  color:#585858;  margin: 0 2px 0 0; text-decoration:none;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s; }

a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube-square:hover 		{ background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
a.social.rounded 						{ width:38px; height:38px; line-height:38px; }




.offerid { padding: 3px; 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: #5b6ca3; padding: 7px; height: 29px; width: 29px; border: 1px #ffffff solid;
	top:0px; right:0px;
	z-index:1;
}

form.search .fa { color:white;  }









header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 90;
    background: rgba(255, 255, 255, 0.60);
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
header #logo {
    height: 150px;
    line-height: 150px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


header.smaller {
    height: 70px;
    background: rgba(255, 255, 255, 0.65);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
header.smaller #logo {
    max-height: 60px;
    padding-top: 5px;
    line-height: 60px;
}

header.smaller #logo img { max-height: 100px;
}



header.smaller nav a {
    line-height: 69px;
}





@media all and (max-width: 767px) {
    header #logo {
   
        max-height: 100px;
        line-height: 100px;
        text-align: center;
    }
   header #logo img {
   
        max-height: 70px;
    }
    header.smaller {
        height: auto;
        max-height: 75px;
    }
    header.smaller #logo {
        line-height: 40px;
    }

}





































.header-outer { }





.navbar-header .phone { display: none; }




.navbar .navbar-toggle          { background-color:#5b6ca3;}
.navbar .navbar-toggle .icon-bar          { background-color:white;}

.navbar .navbar-toggle:hover          { background-color:#000000}
.navbar .navbar-toggle:focus          { background-color:#000000}

nav.navbar { padding: 0px; border: 0px; min-height: auto; margin:0; background-color:transparent; float:right;  }
nav.navbar-default .collapse      { padding: 0; margin: 0 }



.navbar-default .navbar-nav { margin: 0px; padding: 0px; }
.navbar-default .navbar-nav li { text-transform: uppercase;}
.navbar-default .navbar-nav li a { border: 0; padding: 28px 20px ; color:#000000; font-weight:bold; font-size: 13px; line-height: 100%; float:left; width: 100%;  }
.navbar-default .navbar-nav li a:hover { background:#5b6ca3; color:white; }
.navbar-default .navbar-nav li a:active,
.navbar-default .navbar-nav li a:focus { padding: 28px 20px; background:#5b6ca3; 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:#5b6ca3; border: 0px; padding: 0; margin:0; border-radius: 0; left: auto; right: 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:black;  }

.navbar-default .navbar-nav li.dropdown {  }
.navbar-default .navbar-nav li.dropdown a:active,
.navbar-default .navbar-nav li.dropdown a:focus { background:#5b6ca3;  color:white;  }









@media screen and (max-width:1300px) {
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:focus { padding: 12px 9px; font-size: 12px; }
}




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

#hh-preheader        { display:none; }



.navbar-header  {  }

.navbar-header .phone { display: block; float:left; padding: 12px 0 0 10px; font-size: 16px; }
.navbar-header .phone .fa { color:#5b6ca3; margin-right: 5px; }
.navbar-header .phone a { font-weight:bold; color:black; }





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:#5b6ca3; 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:black; 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:'Open Sans Condensed'; }
.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; }


}