.pre-header-outer { padding: 15px 15px 0 15px; }
.pre-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 */

padding: 8px;

}
.pre-header .top-links { float:left; }
.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:700; font-family:Lato; }
.pre-header .top-links > ul > li > a { color:#545454; padding: 14px 15px;  }
.pre-header .top-links > ul > li > a:hover { text-decoration: none; 
                                             
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                                             
                                             
                                             }



.header-outer { padding: 8px;}


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

.toll-area          { float:right; padding: 0px; }
.toll-free { text-align:right; color:#ffffff; font-size: 22px; font-weight: 900;   }
.toll-free a { color:#6fb1a1; margin: 0;  }
.toll-free a:hover { color:#599284; text-decoration:none; }

.advantage          { clear:both; padding-top: 20px; }
.advantage a          { border: 1px #7cc0af solid; padding: 6px 15px; }
.advantage a:hover          { background:#7cc0af; text-decoration:none; color:white;  }


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


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

.social-icons .fa-facebook { background-color:#4867aa; color:#ffffff; }
.social-icons .fa-instagram {
background: #293cf0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #293cf0 0%, #b71e9a 38%, #ff0000 68%, #ffc600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #293cf0 0%,#b71e9a 38%,#ff0000 68%,#ffc600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #293cf0 0%,#b71e9a 38%,#ff0000 68%,#ffc600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293cf0', endColorstr='#ffc600',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.navigation         { 

    clear:both;
background: #7cc0af; /* Old browsers */
background: -moz-linear-gradient(top,  #7cc0af 51%, #8dcebe 53%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#7cc0af), color-stop(53%,#8dcebe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7cc0af 51%,#8dcebe 53%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7cc0af 51%,#8dcebe 53%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7cc0af 51%,#8dcebe 53%); /* IE10+ */
background: linear-gradient(to bottom,  #7cc0af 51%,#8dcebe 53%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc0af', endColorstr='#8dcebe',GradientType=0 ); /* IE6-9 */


box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.50);

margin: 0 15px;


}



.signup-win {  max-width: 1200px; margin: 0 auto; }


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



.navbar-right li                { background-color:black; }
.navbar-right li a               { padding: 10px 20px; }

.navbar-right li a .fa                { font-size: 34px; color:white; }
.navbar-right li:hover                { background-color:#fbb480;}
.navbar-right li:hover a                { background-color:transparent;}


.navbar-default .navbar-nav { margin: 0px; padding: 0px; border-right: 1px #abd7cc solid;}
.navbar-default .navbar-nav li a { border: 0px; padding: 20px 27px; color:black; border-right: 1px #5f9487 solid; border-left: 1px #abd7cc solid; font-size: 15px; font-weight:900; line-height: 100%; float:left; width: 100%; }
.navbar-default .navbar-nav li a:hover { background-color:#a0e2d2;  }
.navbar-default .navbar-nav li a:focus { padding: 20px 27px; background-color:#a0e2d2; color:#000000;  }



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:#a0e2d2; border: 0px; }
.navbar-nav .open .dropdown-menu li { border-bottom: 1px #7cc0af dotted; clear:both; }
.navbar-nav .open .dropdown-menu li a { color:#000000; padding: 10px 27px; font-weight:normal; white-space:normal;  line-height: 125%;}
.navbar-nav .open .dropdown-menu li a:hover { background-color:#c3ede3; 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 20px 15px; clear:both; 

}





.signup-area { 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: 6px; }
.offerid span           { color:#0150a6; font-weight:bold; font-size: 12px; padding: 0px 10px 0 0; display:inline-block; text-transform:uppercase; }

.offerid-footer { display:none;}


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

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

form.search button {
	position:absolute;
    background-color:#fbb480; padding: 7px; height: 29px; 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;   }


.win-area       { padding: 10px; }
.win-area p { font-size: 14px; text-align:center; }
.win-area p span { font-size: 16px; }
.signup-area { padding: 10px }
.signup-area p { font-size: 14px; text-align:center; }
.signup-area p span { font-size: 16px;  }







}


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

{
.header .logo-area { widtH: 50% }
.pre-header-outer,
.navigation             { padding: 0px; margin: 0;}

}


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

{


}


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

{

.win-area       { widtH: 100%; }
.signup-area { width: 100%; border-top: 1px #cacaca dotted; }


.toll-area          { padding-top: 15px;}

.toll-free { font-size: 18px;  }


}






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

{

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


.offerid-header         { display:none;}
.offerid-footer { display:block;}

.header { padding: 0px; }

.header .logo-area { widtH: 100%; text-align:center; }

.toll-area,
.toll-free          { float:none; width: 100%; text-align:center; font-size: 14px;}





.win-area .fa,
.signup-area .fa            { font-size: 20px; margin: 0 4px;}



}



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

{




}




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

{

.offerid span           { display:none; }
.signup-area p span { display:block; }


.header-outer { padding: 8px; height: auto; }


}