body, h1, h2, h3, h4, h5, p, li         { font-family: Ubuntu; }



h1                  { font-weight:bold; color:#3e8aad; letter-spacing: -1px; font-size: 32px; }
h2                  { font-size: 28px; }
h3                  { font-size: 24px; color:#3e8aad; font-weight:bold; letter-spacing: -1px;   }


a               { color:#3e8aad; }
a:hover         {color:black; text-decoration: underline; }


img {max-width: 100%; }


div         {box-sizing: border-box;}

.preheader          { padding: 8px;}
.preheader ul        {float:left; margin: 0px; padding: 0px; list-style-type:none; font-size: 12px; margin-top: 6px; }
.preheader li       { margin: 0 40px 0px 0px; float:left; list-style-type:none; font-size: 12px; }
.preheader li a     { color:#3e8aad; }
.preheader .social      { float:right;  }
.preheader .social ul     { margin: 0px; padding: 0px; }

.preheader .social li     { font-size: 16px; margin: 0 8px; }
.preheader .social .fa      { color:#797979; }


.logo              { float:left; padding: 25px 0px 25px 0px;   }
.logo img           { float:left; }
.logo p.slogan      { font-weight:500; font-style:italic; margin: 50px 0px 0px 0px; font-size: 17px; color:#c2c2c2; float:left; }


.collapse           {  clear:both;}

.header             { padding: 0px;

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

}




.header_inner       { max-width: 1150px; margin: 0 auto; }



.header .tollfree       { float:right; text-align:center; padding: 50px 25px 0px 25px; }
.header .tollfree p      { margin: 0px; color:#3e8aad; font-size: 12px; line-height: 150%; }
.header .tollfree p span     { font-size: 24px; font-weight:bold;  }

.header .navbar         { margin: 0 auto; padding: 5px 0px; max-width: 1150px; clear:both; background-color:#3e8aad;}
.header .navbar ul.nav      { float:none; }
.header .navbar ul.nav li      { font-size: 16px; font-weight:normal; }
.header .navbar ul.nav li a     { color:white;}
.header .navbar ul.nav li a:hover     { color:white; background-color:#054663}


.header .navbar ul.nav li ul.dropdown-menu     { background-color:#054663;}
.header .navbar ul.nav li ul.dropdown-menu li     { color:red;}


.offerid_outer              { max-width: 1150px; margin: 0 auto; border-top: 1px #ffffff solid; background-image:url('https://www.losgatostravel.com/images/header/offerid_bg.png'); background-position: top right; background-repeat: no-repeat; }
.offerid                    { float:left; padding:10px; width:20%;}
.offerid  .input-group .form-control        { max-width: 145px; border-right: 0px; }
.offerid  .input-group .btn-u           { background-color:white; border: 1px #cacaca solid; padding: 5px 10px;}
.offerid  .input-group .btn-u .fa           { color:#454545; font-size: 16px; font-weight:normal;}

.win            { float:left; padding: 15px; width:80%; }
.win p          { margin: 0px; text-align:left; line-height: 110%; font-style:italic; color:#8a8a8a; font-size: 13px; font-weight:500; margin: 0px;   }
.win p span     { font-size:20px; color:#054663; font-weight:bold; font-style:normal; letter-spacing:-1px; margin-right: 10px; }










/* ------------ CONTENT ------------------------*/




.content_area {max-width:1150px; margin:0 auto; padding:25px 0;}

.shadow             { height: 12px; border-top: 1px #cacaca solid;}

.main                   { max-width: 1150px; margin: 0 auto; padding: 20px 0px; }
.main p                   { font-size: 16px; font-weight:300; margin-bottom: 18px;}




.contactinfo > .ggmap                     { width: 100%; clear:both; margin: 20px 0px; }
.contactinfo > .ggmap > iframe            { width: 100%; height: 275px; margin-bottom: 0px; }



.features           { background-color: #559cbe; padding: 30px 0px; margin-bottom: 40px; }
.features > .container > .row    { padding: 12px 0px;}






.panel-group                      { border: 0px; padding: 0px; }
.panel                      { margin: 0px; border: 0px;  }
.panel-default               { margin: 0px; border: 0px;  }


.panel > a > .panel-heading              { border-top: 1px #cacaca solid; padding: 12px 24px; color:#454545;

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




}
.panel > a > .panel-heading > h4.panel-title               { text-transform:uppercase; font-size:16px; }

.panel > a > .panel-heading:hover       { background:none; background-color:rgb(226,226,226); }
.panel > a:hover       {  text-decoration: none; }

.panel .img-responsive          { width: 100%; }






.zoomer-text         { padding: 10px 20px; position: relative; top: 50%; transform: translateY(-50%); }
.zoomer-text h2         { text-align:center; text-transform:uppercase; font-size:18px; color:black; border-bottom: 2px black solid; margin: 0px 30px 15px 30px; }
.zoomer-text p         {  text-align:center; font-size: 12px; font-style:italic; color:black; }
.zoomer-text p.more         {  text-align:center; font-size: 14px; font-style:normal; color:white; }
.zoomer-text p.more span        { background-color:black; display:inline-block; padding: 5px 10px; text-transform:uppercase; }




.clear-fix              { clear:both; }



.contactinfo  div           { float:left; width: 50%; }
.contactinfo .quote { font-size: 16px; font-weight:bold; font-style:italic;}
.contactinfo .quote a { background-color:#3e8aad; color:white; padding: 6px 13px;    }
.contactinfo .quote a:hover { color:white; background-color:black; text-decoration:none;   }


.search-open .input-group .form-control         { max-width: 200px;}



p.content-needed  {color:red; font-size:28px;}






/* ------------ FOOTER ------------------------*/
.footer_inner               { max-width: 1150px; margin: 0px auto; }
.footer                     { background-color:#054a61; clear:both;  }
.footer h2                  { color:white; margin-top: 10px; }
.footer p                  { margin: 3px 0px; font-size: 16px; font-weight: 300;  }
.footer a                  { color:white; }
.footer a:hover                  { color:white; text-decoration:underline; }

.footer .contact h3             { color:white; font-weight:300; font-size: 28px; margin: 25px 0px;}
.footer .contact .tr           { clear:both; padding-bottom: 20px; }
.footer .contact .th           { width: 100%; color:white; text-transform:uppercase; font-weight:300;  }
.footer .contact .td           { width: 100%; }
.footer .contact .td .formfield         { padding: 5px; width: 100%; background-color:transparent; border: 1px #3e8aad solid; font-size: 18px; color:white; }
.footer .contact .td .formbutton        { background-color:#3e8aad; padding: 7px 21px; font-size: 20px; font-weight:300;   }
.footer .contact .goright               { text-align:right;  padding-top: 10px; }


.footer .contact .col50             { float:left; width: 50% }
.footer .contact .pad-right20   { padding-right: 20px;}

.footer .col70                  { float:left; width: 70%; padding-right: 55px; }
.footer .col30                  { float:left; width: 30%; padding-left: 20px; }
.footer .col70 .col33                  { float:left; width: 33.33%; padding: 20px; }


.footer .col30 .address         { background-color:#3e8aad; padding: 25px }
.footer .col30 .address img     { margin-bottom: 30px; }


.footer .col30 .address .tr         { clear:both; }
.footer .col30 .address .th         { width: 35px; float:left; padding-top: 5px; }
.footer .col30 .address .td         { width: 85%; float:left; }

.footer .col30 .address .fa         { font-size: 20px; color:white; }

.footer .col30 .address .soc          { margin: 20px 0px; }
.footer .col30 .address .soc .fa         { background-color:#184a61; font-size: 20px; height: 40px; width: 40px; line-height: 40px; text-align:center; color:white; }
.footer .col30 .address .soc .fa:hover         { background-color:#265a72;}


.stn .asta  { float:right;}

.footer .col30 .address p         { color:#ffffff; font-size: 16px; margin: 0px 20px 12px 0px; font-weight: 300;  }
.footer .col30 .address p.hours         { font-size: 13px;  }
.footer .col30 .address p.sig           { text-align:right; margin-bottom: 0; }
.footer .col30 .address p.sig  img      {margin:0; }


.copyright                  { padding: 20px 10px;

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





}
.copyright p                { font-size: 12px; }
.copyright a                { color:#3e8aad; margin: auto 8px; }

p.linkback			{ text-align:center; font-size: 10px;  }
p.linkback a			{ color:gray; }



































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



.topbar > .container > ul.loginbar > li > a        { font-size: 12px; }
.topbar > .container > ul.loginbar > li > a:hover        { font-size: 12px; }





}






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

.footer .col70                  { float:none; clear:both; width: 100% }
.footer .col30                  { float:none; clear:both; width: 100%; padding-left: 0px; }

}



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


    

.logo               { margin: 0px; clear:both; max-width: 400px;}

.logo p.slogan      { margin: 58px 0px 0px 80px; font-size: 14px;  }


.loginbar  { display:none}
.win        { display:none;}

.offerid    {float:none; width:100%;}




}




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

.logo               { margin: 0px; clear:both; max-width: 350px}
.logo p.slogan      { display:none;  }

.header .tollfree       { padding: 30px 15px 0px 10px; }


.preheader          { padding: 3px;}
.preheader li       { margin: 0 12px 0px 0px;}

    
.footer .col70 .col33 h3               { font-size: 18px; }
.footer .col70 .col33 p               { font-size: 13px; }


}







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

.logo               { margin: 0px; clear:both; float:none; width: 100%; max-width: 100%; padding: 10px; text-align:center; }
.logo img           { float:none; }
.header .tollfree       { clear:both; width: 100%; margin: 0px; padding: 0px 0px 10px 0; }


}






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

.footer .col70 .col33                  { float:none; clear:both; width: 100%; border-top: 1px #ffffff dotted;  }
.contactinfo div                       {  float: none; width: 100%;}
.copyright p                           { text-align:center; }

.topbar > .container > ul.loginbar        { margin: 0px; padding: 0px; width: 100%; }
.topbar > .container > ul.loginbar > li       { width: 100%; display:block; margin: 0; padding: 0px; text-align:center; }


footer                 { font-size: 10px; }

}