.preheader-outer { background-color:#4e74a6; }
.preheader             { padding: 8px 0; font-size: 16px; color:white; }


.preheader .phones  { font-size: 21px; }



.preheader .phones .fa { background:#c9c9c9; color:#4e74a6; margin-right: 10px; vertical-align:middle; width: 35px; height: 35px; line-height: 35px; text-align:center; font-size: 19px; 
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
            border-radius: 50px; 
                         
                          }



.preheader p.toplinks {margin: 0}
.preheader p.toplinks a {display:inline-block; color:white; padding: 8px 15px; font-weight:bold; text-decoration:none; }

.preheader p.toplinks a:hover { background:rgb(0 0 0 / 0.14); color:white; text-decoration:none; }





.social-icons           { margin: 0px;  }
.social-icons p         { text-align:center; margin: 0px; }
.social-icons .fa,
.social-icons .fa-brands
{ background:#c9c9c9; color:#4e74a6; margin: 0; vertical-align:middle; width: 30px; height: 30px; line-height:30px; text-align:center; font-size: 14px; 
                    
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
            border-radius: 50px; 
}

.social-icons .fa:hover { background-color:white; color:#2d2d2d; }




.offerid { padding: 5px 0 0 0;  }

form.search { float:right; width:200px; margin:0; padding:0; border: 0px; }
form.search { position:relative; }

form.search input { padding:6px 40px 6px 6px; width: 155px; height: 35px; background-color:#ffffff; border: 1px #ffffff solid; font-size:18px; margin: 0px; color:black; position:relative; z-index:0;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

form.search button {
	position:absolute;
    background-color:#c9c9c9; color:white; width: 35px; height: 35px; line-height: 35px; border: 0px;
	top:0px; right:0px;
	z-index:1;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

form.search .fa { color:white; font-size: 20px;  }




@media only screen and (max-width: 1600px) {
.social-icons .fa,
.preheader .phones .fa { width: 25px; height: 25px; line-height: 25px; font-size: 14px; }
.preheader             { padding: 4px 0; font-size: 13px;  }

form.search input { height: 25px; font-size: 14px;}
form.search button { width: 25px; height: 25px; line-height: 25px; text-align:center; }
form.search .fa { font-size: 14px; }


}



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

.social-icons,
.offerid { display: none; }

.phones,
.preheader .col-md-5,
.preheader .col-md-7 { width: 100%;}

.preheader .col-sm-3,
.preheader .col-sm-6 { width: 33.33%; }

}



@media only screen and (max-width: 767px) {
.preheader-outer { display: none; }
}


























.header-outer { background:#bec6d4; }
.header-inner { background:white;}
.header { padding: 30px 12px; }


.header .logo { padding: 8px 20px; text-align:center; float:left; }
.header .logo img { max-height: 150px; max-width: 250px; }

.tollfree  { float:right; padding: 0 20px; }
.tollfree p { margin: 0; font-size: 14px; line-height:115%; text-align:center; }
.tollfree p.phone { font-size: 34px; margin:0; line-height:115%; }
.tollfree a { vertical-align:middle; font-weight: 900; color:#f25953;  }
.tollfree a:hover {  text-decoration:none; }


.nav-phone { display: none; }


@media only screen and (max-width: 767px) {
.header { padding: 10px 12px; }
.header .logo { text-align:center; float:none; width: 100%; }
.tollfree  { display: none;}
.nav-phone { display: inline-block; float:left; padding: 8px 0 8px 12px; }
.nav-phone p { margin: 0; font-size: 18px; }
.nav-phone a { font-weight: bold; color:#2d2d2d; text-decoration:none;  }
}






.nav-outer { float:right; }
.nav-inner { }

.navbar .navbar-toggle          { background-color:#4e74a6; border-radius:0;}
.navbar .navbar-toggle .icon-bar          { background-color:white;}

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

nav.navbar { clear:both; padding: 0px; background:transparent; min-height: auto; border: 0px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  }
nav.navbar-default .collapse      { padding: 0; }

.navbar-default .navbar-nav { margin: 0px; padding: 0px; }
.navbar-default .navbar-nav li { font-family:Montserrat;  }
.navbar-default .navbar-nav li a { border: 0px; padding: 20px; color:#2d2d2d; font-weight: bold; font-size: 17px; line-height: 100%; float:left; width: 100%; }
.navbar-default .navbar-nav li a span { float:left;   }
.navbar-default .navbar-nav li a span span { font-weight:normal; font-size: 11px; white-space:nowrap;  }
.navbar-default .navbar-nav li a:hover { background-color:#4e74a6; color:white; }
.navbar-default .navbar-nav li a:focus { padding: 20px; background-color:#0a2247; color:white;  }

.navbar-default .navbar-nav .dropdown .fa           { color:white; font-size: 17px; padding: 4px 8px 0 0; float:left; }

ul.nav { font-weight:bold; color:#ffffff; font-size: 13px; margin: 0px; padding: 0px; }
ul.nav li           { margin: 0px; }
.nav li a { color:#ffffff; margin: 0px;}

.dropdown-menu { width: 310px; background-color:#4e74a6; border: 0px; margin: 0; padding:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  }

.navbar-nav .open .dropdown-menu li { clear:both; }
.navbar-nav .open .dropdown-menu li a { color:white; padding: 15px 30px;  font-weight:normal;}
.navbar-nav .open .dropdown-menu li a:hover { background-color:#47484a; color:white;  }

.navbar-default .navbar-nav li.dropdown a:active,
.navbar-default .navbar-nav li.dropdown a:focus { background-color:#4e74a6; color:#ffffff;  }



@media only screen and (max-width: 1600px) 
{
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus { font-size: 14px; padding: 20px 10px; }
.navbar-nav .open .dropdown-menu li a { padding: 15px 10px; }

}

@media only screen and (max-width: 1300px) 

{
.navbar-default .navbar-nav .dropdown .fa           { display: none; }
}


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



@media only screen and (max-width: 991px) 
{
.header .logo { text-align:center; float:none; width: 100%; }
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus { font-size: 12px; padding: 20px 20px; }
.navbar-nav .open .dropdown-menu li a { padding: 20px 20px; }
.nav-outer { float:none;}
}




@media only screen and (max-width: 767px) 
{
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus { font-size: 17px; padding: 20px; border-bottom: 1px white solid; }
.navbar-default .navbar-nav li a span span { display: block; }
.navbar-default .navbar-nav .dropdown .fa           { display: block; float:right; }

.navbar-default .navbar-nav li  { clear: both;}
.navbar-default .navbar-nav li a { border-bottom: 1px white solid; }

.navbar-nav .open .dropdown-menu li a { padding: 15px 20px; background-color:#4e74a6; font-weight:normal; color:white; }

.navbar-nav .open .dropdown-menu  { clear:both;  }

.navbar-default .navbar-nav .open .dropdown-menu > li > a { color:white; }
}