/* ------------------ pre header ------------------ */

.pre-header-outer {  }
.pre-header             { border-bottom: 1px #7c7c7c solid; }
.pre-header .top-links { float:right; }
.pre-header .top-links > ul { margin: 0px; padding: 0px; list-style-type:none;   }
.pre-header .top-links > ul > li { float: left; text-transform:uppercase; font-size: 11px; font-weight:bold; }
.pre-header .top-links > ul > li > a { color:black; padding: 12px 20px; display:inline-block;  }
.pre-header .top-links > ul > li > a:hover { text-decoration: none; background-color:rgba(0, 0, 0, 0.15);}

.offerid { padding: 12px; float:right; }




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

{
.pre-header-outer { display:none; }
}


















/* ------------------ logo - tollfree section ------------------ */

.header-outer { }
.header { padding: 14px 20px; }
.header .logo { float:left; width: 70%; padding: 15px; }
.header .logo img { margin-right: 10px }
.toll-area          { float:left; width: 30%; }

.toll-free { text-align:right; color:black; padding: 20px 0px 13px 0; font-size: 16px; font-weight: bold;   }
.toll-free span { font-size: 12px; font-weight: 300; margin-right: 4px; }

.toll-free a { vertical-align:middle; font-weight: 700; color:black; font-size: 18px; margin: 0px 0 0 0;  }
.toll-free a:hover { color:black; text-decoration:none; }


.social-icons           { margin: 0px; padding: 8px; }
.social-icons p         { text-align:right; margin: 0px; }
.social-icons .fa {
    color: white;
    background-color: black;
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 15px;
    text-align: center;
}

.social-icons .fa:hover {}




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

{
.toll-area,
.header .logo { width: 50%; padding: 0; }
.slogan { display: none;}
.toll-free { padding: 0px;  }
}

@media only screen and (max-width: 767px) 
{
.toll-area { display: none; }
.header .logo { width: 100%; text-align:center; }
.header .logo img { max-height: 65px; }
}































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

form.search input { padding:6px 26px 6px 6px; height: 30px; width: 130px; background-color:#7c512e; border: 1px rgba(255, 255, 255, 0.31) solid; font-size:13px; margin: 0 34px 0 0; color:#ffffff; position:relative; 
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}



form.search input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
form.search input:-ms-input-placeholder {
  color: #ffffff;
}
form.search input::-webkit-input-placeholder {
  color: #ffffff;
}

form.search button {
	position:absolute;
    background-color:#3f3f3f; padding: 7px; width: 30px; height: 30px; border: 0px #ffffff solid;
	top:0px; right:0px;
	z-index:1;
}

form.search .fa { color:white;  }










/* ------------------ navigation ------------------ */
.nav-phone { display: none; }

.navigation         { border: 0px; }
.navbar .navbar-toggle          { background-color:#494949}
.navbar .navbar-toggle .icon-bar          { background-color:white;}

.navbar .navbar-toggle:hover,          
.navbar .navbar-toggle:focus          { background-color:#e6d7c4; color:#494949}

nav.navbar { clear:both; padding: 0px; min-height: auto; border: 0px; background-color:#7c512e; -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 a { border-bottom: 1px rgba(255, 255, 255, 0.20) solid; display: inline-block; padding: 19px; color:#ffffff; font-weight: bold; font-size: 16px; line-height: 100%; float:left; width: 100%; }
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:active,
.navbar-default .navbar-nav li a:focus { background-color:rgba(0, 0, 0, 0.15); color:white;  }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color:rgba(0, 0, 0, 0.25); color:white; }



.dropdown-menu { width: 270px; background-color:#7c512e; border: 0px; }

.navbar-nav .open .dropdown-menu  { margin: 0px; padding: 0; }
.navbar-nav .open .dropdown-menu li { clear:both; }
.navbar-nav .open .dropdown-menu li a { color:white; }
.navbar-nav .open .dropdown-menu li a:hover { background-color:rgba(0, 0, 0, 0.15); color:white;  }


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

{
.navbar-default .navbar-nav li a { padding: 19px 8px; font-size: 13px;  }
}



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

{
.nav-phone { display: block; float:left; padding: 12px 0 0 15px; font-size: 20px; }
.nav-phone .fa { color:rgba(255, 255, 255, 0.50); margin-right: 8px; }
.nav-phone a { color:white; font-weight: bold; }
.nav-phone a:hover { color:white; text-decoration:underline; }
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a { padding: 12px 20px; background-color:rgba(0, 0, 0, 0.25); color:white; }
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus { background-color:rgba(0, 0, 0, 0.15); color:white; }

.navbar-default .navbar-nav li a { padding: 19px; font-size: 16px;  }


}