.pre-header-outer {
    padding: 0px 15px;
    background: rgb(51,51,51);
    background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 50%);
    max-width: 100%;
}
.pre-header             { max-width: 1300px; margin: 0 auto; padding: 7px;}

.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: 12px; font-weight:normal; font-family: Montserrat;  }
.pre-header .top-links > ul > li > a { color:#ffffff; padding: 14px 15px;  }
.pre-header .top-links > ul > li > a:hover { text-decoration: none; color:white; background-color:#bfa32f; }
.header-outer { padding: 8px;}

.pre-header .header-win            { float:left; }
.pre-header .header-win > p          { font-family: Tinos; font-size: 20px; color:#ffffff; margin: 0 }
.pre-header .header-win > p span     { font-family: Montserrat; font-size: 16px; color:#bfa32f; font-weight:bold; }


.header-outer { background:#000000;}


.header { max-width: 1300px; margin: 0 auto; }


.header .logo-area { padding: 10px; float:left; }
.header .logo-area img { max-width: 100%; margin-right: 10px }

.toll-area          { float:right; }
.toll-free { text-align:right; color:#ffffff; font-size: 22px; font-family: Lato; font-weight: 300; padding-top: 25px;   }
.toll-free a { color:#bfa32f; margin: 0; padding: 0 8px; font-family: Montserrat; font-size: 28px; font-weight:bold; }
.toll-free a:hover { color:#ffffff; text-decoration:none; }

.social-icons           { padding: 8px; }
.social-icons p         { text-align:right; margin: 0px; }
.social-icons .fa {
    color: #ffffff;
    background-color: transparent;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    border: 0px;
}


.social-icons .fa:hover         { background-color:#666666; color:#ffffff; }



.navigation {
    background: #000000; /* Old browsers */

    background: rgb(51,51,51);
    background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 30%);
}




nav.navbar { clear:both; padding: 0px; margin: 0 auto; min-height: auto; max-width: 1300px; background-color:transparent; border: 0;  }
nav.navbar-default .collapse      { padding: 0; }




.navbar-default .navbar-nav { margin: 0px; padding: 0px; }
.navbar-default .navbar-nav li a { border: 0px; padding: 20px 27px; color:#ffffff; font-size: 17px; font-weight:900; line-height: 100%; float:left; width: 100%; }
.navbar-default .navbar-nav li a:hover { background-color:#000000; color:#ffffff;  }
.navbar-default .navbar-nav li a:focus { padding: 20px 27px; background-color:#000000; color:#ffffff;  }



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





.dropdown-menu { width: 270px; background-color:#000000; border: 0px; }
.navbar-nav .open .dropdown-menu li { border-bottom: 1px #7cc0af dotted; clear:both; }
.navbar-nav .open .dropdown-menu li a { background:black; color:#ffffff; padding: 10px 27px; font-weight:normal; }
.navbar-nav .open .dropdown-menu li a:hover { background-color:#bfa32f; color:#ffffff;  }


.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #000000;
}




















.offerid-header             {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

margin: 0 15px; clear:both; 


}





.signup-area { float:left; padding: 5px 15px 0 15px;}
.signup-area p { font-size: 16px; font-weight:bold; font-style:italic; color:black; margin: 0px; }
.signup-area a { font-size: 16px; font-weight:900; font-style:normal; color:white; background-color:#fbb480; display: inline-block; padding: 3px 10px; margin: 0 8px;  }
.signup-area a:hover { background-color:black; color:#fbb480; text-decoration:none;  }















.offerid { padding: 12px; }
.offerid-footer { display:none;}


form.search { width:140px; margin:0; padding:0; border: 0px; }
form.search { position:relative; }

form.search input { padding:6px 26px 6px 6px; height: 29px; background-color:white; border: 1px #9d9d9d solid; height:auto; width: 138px;  font-size:13px; margin: 0px; color:white; position:relative; z-index:0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

form.search button {
	position:absolute;
    background-color:#000000; padding: 7px; height: 30px; border: 1px #9d9d9d solid;
	top:0px; right:0px;
	z-index:1;
}

form.search .fa { color:white;  }












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

{


.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:focus { padding: 16px 12px;}


.navbar { clear:both; float:none;     }


.navbar-right li a               { padding: 12px; }
.navbar-right li a .fa                { font-size: 20px;   }







}


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

{

.toll-area .social-icons,
.toll-free span,
.pre-header-outer { display:none; }

.header .logo-area { width: 40%; }
.toll-area          { width: 60%; }
}


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

{


}


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

{


}






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

{






}



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

{

.logo-area              {}

.header .logo-area,
.toll-area          { width: 100%; clear:both; float:none; text-align:center; padding: 0px; }
.toll-free { text-align:center;   }


}




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

{


}