.footaddress .social-icons           { display:none; }


.wereopen { position:fixed; right: 0; top: 150px; background:#890020; padding: 7px 25px; z-index: 90; }
.wereopen p { margin: 0; font-size: 14px; color:white; text-align:center; font-weight:bold; }


.preheader-outer { background-color:#e5e5e5; }
.preheader             {  }
.preheader .top-links {  }
.preheader .top-links > ul { margin: 0px; padding: 0px; list-style-type:none;  }
.preheader .top-links > ul > li { float: left; text-transform:uppercase; font-size: 13px; margin: 0; }
.preheader .top-links > ul > li > a { color:#000000; padding: 12px 20px; display:inline-block;  }
.preheader .top-links > ul > li > a:hover { text-decoration: none; background-color:#115a61; color:#ffffff}


@media only screen and (max-width: 767px) {
.preheader-outer { display: none; }

}





.social-icons           { margin: 0px; padding: 12px; clear:both; width: 100%; }
.social-icons p         { text-align:right; margin: 0px; }
.social-icons .fa {
    color: #9c9c9c;
    background-color:transparent;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
}

.social-icons .fa:hover { background-color:#9c9c9c; color:#ffffff; }





.offerid { padding: 12px 12px 40px 12px; }

form.search { float:right; width:150px; margin:0; padding:0; border: 0px; }
form.search { position:relative; }

form.search input { padding:6px 40px 6px 6px; width: 125px; height: 30px; background-color:#ffffff; border: 1px #9c9c9c solid; font-size:15px; margin: 0px; color:black; position:relative; z-index:0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

form.search button {
	position:absolute;
    background-color:#115a61; padding: 7px; width: 30px; height: 30px; border: 0px transparent solid;
	top:0px; right:0px;
	z-index:1;
}

form.search .fa { color:white;  }





@media only screen and (max-width: 1100px) {

.top-links { width: 100%; }

.offerid { display: none; }
}




.header-outer {  }
.header-inner { background:white;}
.header { padding: 20px 12px; }

.header .logo { }
.header .logo #mylogos { max-width: 233px; margin: 0 auto;  }

.header .frosch  { text-align:right; padding-top: 20px; }
.header .frosch img { clear:both; margin: 7px 0; }


.tollfree  { float:right; padding: 10px 20px; }
.tollfree p { margin: 0; font-size: 14px; line-height:115%; text-align:right; }
.tollfree p.phone { font-size: 18px; margin:0; line-height:115%; }
.tollfree p.phone .fa { color:#890020; margin: 0 10px; }
.tollfree a { font-weight: 900; color:#000000;  }
.tollfree a:hover {  text-decoration:none; color:#115a61; }


.nav-phone { display: none; }
.header-quote { display:none; }

@media only screen and (max-width: 767px) {
.header-outer .crate,
.header-inner,
.header-outer .crate-outer,
.header .col-sm-3 {padding: 0; margin: 0; }


.carousel-inner { margin: 0; }
.header { padding: 10px 0px; }
.header .col-sm-3 { padding: 0 !important; margin: 0 !important; }
.header .logo { text-align:left; float:left; width: auto; padding: 10px 0; margin: 0  }

.header .frosch  { display: none; }


.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 .fa { color:rgba(255, 255, 255, 0.46); margin-right: 10px;  }
.nav-phone a { font-weight: bold; color:#ffffff; text-decoration:none;  }

.header-quote { display: inline-block; float:right; width: auto; padding: 30px 5px 5px 5px;   }
.header-quote a { background:#890020; color:white; display:inline-block; padding: 4px 15px; font-size: 17px; font-weight:bold; }
.header-quote a:hover { background:#115a61; text-decoration:none; }
.social-icons { float:right; display:none; }

}






.nav-outer { background:rgba(17, 90, 97, 0.70); position: absolute; width: 100%; z-index:9; }
.nav-inner {  }

.navbar .navbar-toggle          { background-color:#115a61; border-radius:0;}
.navbar .navbar-toggle .icon-bar          { background-color:white;}

.navbar .navbar-toggle:hover          { background-color:#890020}
.navbar .navbar-toggle:focus          { background-color:#890020}

nav.navbar { clear:both; padding: 0px; min-height: auto; border: 0px;  background-color:transparent; -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 {  }
.navbar-default .navbar-nav li:first-child a { border-left: 1px rgba(255, 255, 255, 0.50) solid;  }
.navbar-default .navbar-nav li a { border: 0px; padding: 40px 20px 20px 20px; color:#ffffff; border-right: 1px rgba(255, 255, 255, 0.50) solid; font-weight: bold; font-size: 15px; line-height: 100%; float:left; width: 100%; }
.navbar-default .navbar-nav li a:hover { background-color:#2d2d2d; color:white; }
.navbar-default .navbar-nav li a:focus { padding: 20px; background-color:#0a2247; color:white;  }

.navbar-default .navbar-nav .dropdown .fa           { color:rgba(255, 255, 255, 0.50); font-size: 18px; padding: 0px 0 0 15px; float:right; }

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:#115a61; 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 20px; border: 0;  font-weight:normal;}
.navbar-nav .open .dropdown-menu li a:hover { background-color:#2d2d2d; color:white;  }

.navbar-default .navbar-nav li.dropdown a:active,
.navbar-default .navbar-nav li.dropdown a:focus { background-color:#115a61; color:#ffffff;  }



@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: 14px; padding: 20px 10px; }
.navbar-default .navbar-nav li a span span { display: none; }
.navbar-nav .open .dropdown-menu li a { padding: 15px 10px; }

}



@media only screen and (max-width: 767px) 
{


.nav-outer { background:rgba(17, 90, 97, 1); position: relative;  }


.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:#115a61; border:0; font-weight:normal; color:white; }
.navbar-nav .open .dropdown-menu li a:hover,
.navbar-nav .open .dropdown-menu li a:focus      { color:#890020; border: 0; }

.navbar-nav .open .dropdown-menu  { clear:both; margin-bottom: 25px; }

.navbar-default .navbar-nav .open .dropdown-menu > li > a { color:white; }

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus      { background-color:#890020; color:white; border: 0; }




}


