/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2014 */
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 300;
}
div, p, ul, ol {
    font-family: 'Source Sans Pro', sans-serif;
      font-weight: 300;
      font-size: 16px;

}

a,
a label {
    cursor: pointer;
}

a, a:link, a:visited {
  color: #2a4987;
}
a:hover {
  color: #69b1e4;
}

a.btn-primary {
  color: #fff !important;
}

#grey {
  background: #ecf0f1;
}

#solarExpertBlock {
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  padding: 10px;
  border: 1px solid #eee;
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 */


}



input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
color: #000;
border: 1px solid #aaa;
border-radius: 3px;
font-weight: 500;
}


.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #000;
font-weight: 500;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.btn.btn-default.read-more {
float: right;
border: 1px solid #E8E8E8;
color: #2a4987;
background-color: transparent;
margin-top: 10px;
border-radius: 3px;
}

.btn.btn-default.read-more:hover {
color: #FFF;
background-color: #2a4987;
}





body.home .radioLabel {
  background: rgba(0,0,0,.2);
  padding: 5px;
  display: inline-block;
  float: left;
  width: 49%;
  text-align: center;
  border-radius: 3px;
  margin: 0 1px 15px 1px;
}
body.home .radioLabel:hover {
  background: rgba(0,0,0,.4);
}

.radioLabel span {
  width: 100%;
  height: 100%;
}




label.radioLabel.checked {
     background: #69b1e4 !important;
    border: 1px solid #5499cb !important;
    color: #fff !important; 
}

.entry-meta .fa {
font-size: 14px;
margin-right: 3px;
color: #2a4987;
}
#contact {
  text-align: right;
  background: #eee;
  height: 35px;
  line-height: 35px;
  font-weight: 500;

}

#contact #social {
  margin-right: 10px;
}

#contact #social .fa {
  width: 24px;
  height: 24px;
  padding-top: 5px;
}
#contact #social li {
  width: 24px;
  margin-right: 8px;
}

#contact #social {
  margin-left: 5px;
}
#contact .btn {
  float: right;
  border-radius: 0 0 3px 3px
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
margin: 0;
width: 100%;
}
.navbar > .container .navbar-brand {
color: #f88600;
font-size: 42px;
margin: 5px 0 0 0;
padding: 0;
}
#logo img {
  float: left;
  margin: 3px 10px 0 0;
  padding: 0;
  display: inline-block;
}
.logoText {
  margin-top: 10px;
  display: inline-block;
}
#logo {
  color: #f88600;
  font-weight: 700;
  text-transform: uppercase;
}
#logo small {
font-weight: 700;
letter-spacing: 4.25px;
color: #2a4987;
text-transform: uppercase;
font-size: 16px;
margin: 0;
padding: 0;
}
.navbar {
position: relative;
min-height: 70px;
margin-bottom: 20px;
border: 1px solid transparent;
}

.navbar.navbar-default {
background-color: #fff;
font-weight: 200;
margin-bottom: 0;
margin-top: 0; 
border-bottom: 1px solid #eee;
}


.nav.navbar-nav {
float: right;
margin-top: 0;
}

.nav.navbar-nav {
  color: #82bf45;
}

.navbar-default .navbar-nav > li > a {
color: #2a4987;
line-height: 30px;
border-top: 5px solid #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #2a4987;
border-top: 5px solid #2a4987;
background: none;
-webkit-transition: border .5s ease;
  -moz-transition: border .5s ease;
  -ms-transition: border .5s ease;
  -o-transition: border .5s ease;
  transition: border .5s ease;


}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #2a4987;
border-top: 0px;
border-left: 5px solid #2a4987;
background: none;

}


.dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
background-color: #efefef;
color: #2a4987;
border-top: 0px;
border-left: 5px solid #2a4987;
}


#social {
  float: right;
  margin-left: 20px;
}
#social .fa {
  font-size: 16px;
  color: #888;
}

#social ul li {
list-style: none;
display: inline-block;
padding: 0 0;
}
.social-icon {
font-size: 19px;
margin: 6px 10px 6px 10px;
color: #E8E8E8;
}
.btn-default {
  background-color: #82bf45;
  border-radius: 5px;
  border: 1px solid #82bf45;
}
.btn-default:hover {
  background-color: #70aa35;
  border: 1px solid #70aa35;
}


.btn-primary, a.btn-primary {
  background-color: #2a4987;
  border-radius: 3px;
  border: 0;
  color: #fff;
}


.btn-warning, a.btn-warning {
background: #ffa23f; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa23f 0%, #ff8400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa23f), color-stop(100%,#ff8400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa23f 0%,#ff8400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa23f 0%,#ff8400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa23f 0%,#ff8400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa23f 0%,#ff8400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa23f', endColorstr='#ff8400',GradientType=0 ); /* IE6-9 */
  border: 0;
-webkit-transition: background .5s ease;
  -moz-transition: background .5s ease;
  -ms-transition: background .5s ease;
  -o-transition: background .5s ease;
  transition: background .5s ease;
    border-radius: 3px;
    color: #fff;
}


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



.btn-transparent {
  background: rgba(0,0,0,.2);
}
.btn-transparent:hover {
  background: rgba(0,0,0,.6);
  color: #fff;

}

.btn-small {
  padding: 5px;
  font-size: 12px;
}

.btn-transparent:active, .btn-transparent.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
background: rgba(0,0,0,.7);
}



h1,h2,h3,h4,h5 {
font-family: 'Source Sans Pro', sans-serif;
  color: #2a4987;
  font-weight: 300;
}
h2 {
  font-size: 32px;
}
#homeHead {
 /* background: url(../images/homeHead.jpg) no-repeat center center; */
  height: 100%;
  font-weight: 100;
  background: url(http://www.solar-california.org/wp-content/themes/solar-states/inc/images/happyPeople.png) right bottom no-repeat #69b1e4;
  background-size: 490px;

  height: 340px;

}


#homeHead h2 {
  color: #fff;
  font-size: 52px;
  font-weight: 100;
  text-transform: uppercase;
}
#homeHead h3 {
  color: #fff;
  font-size: 22px;
    font-weight: 100;

}


#form1, #callToAction1 {
  position: absolute;
}
#callToAction1 {
  top: 50px;
}
#form1 {
  top: 20px;
  background: rgba(0,0,0,.5);
  border-radius: 5px;
  color: #fff;
}
#form1 h3 {
  color: #69b1e4;
}




ul.checklist {
  font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    list-style: none;
    font-size: 16px;
    margin: 15px 0 15px 30px;
    padding: 0;

}
ul.checklist li {
    margin: 5px 0;
}
ul.checklist li:before {
    font-family:'FontAwesome';
 content: '\f00c';
 margin-right: 15px;

}





.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 0;
border-radius: 4px 4px 0 0;
background: rgba(0,0,0,.2);
color: #fff;
}

.nav-tabs>li>a:hover {
color: #fff;
background: rgba(0,0,0,.3);
}
.nav-tabs.nav-justified>li>a {
border-bottom: 0;
border-radius: 4px 4px 0 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #fff;
cursor: default;
background-color: #69b1e4;
border: none;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
border: 0;
}



.tab-content > .active {
  border: 0;
}

#CleanEnergyExperts_Form_ResidentialSolar_Step1a {
  background: rgba(0,0,0,.4);
  border-radius: 5px;
  color: #fff;
  padding: 20px 20px 20px 20px;
}


#CleanEnergyExperts_Form_ResidentialSolar_Step1a h3 {
  font-size: 26px;
  color: #ecab1f;
}

h3 {
  font-size: 32px;
  text-transform: none;
}
#homeFeatured {
  background: #2a4987;
  text-align: center;
  padding: 20px 0;
}
#homeFeatured h3 {
  font-size: 22px;
    color: #fff;

}
#homeFeatured h3 .fa {
  font-size: 36px;
}
#homeSub {
  padding: 45px 0;
}

#homeSub h3 {
  
  font-size: 42px;

}
#homeSub p {
  font-size: 16px;
}

#homeSub img {
  margin-top: 60px;
}
.scroll-to-top {
background: #3B3B3B;
background: rgba(0, 0, 0, 0.4);
color: #FFF;
bottom: 1%;
cursor: pointer;
display: none;
position: fixed;
right: 20px;
z-index: 999;
font-size: 16px;
padding: 2px 10px;
border-radius: 4px;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}

.scroll-to-top:hover {
background: #2a4987;
opacity: .8;
}



#content {
  margin: 0 auto;
}


/*Custom Radio Buttons and Checkboxes using Font Awesome*/
 
#CleanEnergyExperts_Form_ResidentialSolar_Step1a {

}




.electric_utility { display:none; }

#footer-area a {
color: #fff;
}


#footer-area .widgettitle {
font-size: 18px;
color: #69b1e4;
margin-top: 0px;
text-transform: uppercase;
text-align: center;
}

#footer-area .widget {
text-align: center;
}



#footer-area #text-5 .widgettitle:before {
  font-family: FontAwesome;
    content: "\f0a1";

  display: block;
  font-size: 22px
}


#footer-area #text-6 .widgettitle:before {
  font-family: FontAwesome;
    content: "\f0c0";

  display: block;
  font-size: 22px
}




#footer-area #text-7 .widgettitle:before {
  font-family: FontAwesome;
  display: block;
    content: "\f185";

  font-size: 22px
}

.footer-widget .textwidget p {
  font-size: 14px;
}


#footer-area .site-info nav ul li {
border-bottom: none;
float: left;
font-size: 12px;
}


#footer-area .textwidget a.btn-primary {
  background: #69b1e4;
}


#footer-area .textwidget a.btn-primary:hover {
  background: #4b8ebe;
}



.copyright {
  text-align: right;
  font-size: 12px;
}

.footer-nav.nav {
float: left;
margin-bottom: 2px;
}

#footer-area .site-info nav ul li {
border-bottom: none;
float: left;
}

#footer-area .nav>li>a {
position: relative;
display: block;
padding: 10px 15px 10px 15px;
}




/**** USEFUL TOOLS WIDGETS *******/
/***FOR LIVE text-6 for local text-2 ****/


ul#usefulTools {
  margin: 0;
  padding: 0;
}


ul#usefulTools li {
  display: block;

}
ul#usefulTools li a {
  display: block;
  background-color: #2a4987;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 1px;
  text-transform: uppercase;
  font-weight: 100;
  border-top: 5px solid #69b1e4;
}

ul#usefulTools li a:hover {
  display: block;
  background-color: #264075;
  color: #69b1e4;
}

ul#usefulTools li#findInstallers a:before {
  font-family: FontAwesome;
  content: "\f002";
  display: inline-block;
  font-size: 22px;
  margin-right: 10px;
}



ul#usefulTools li#solarExperts a:before {
  font-family: FontAwesome;
  content: "\f0e5";
  display: inline-block;
  font-size: 22px;
  margin-right: 10px;
}



ul#usefulTools li#solarCalculator a:before {
  font-family: FontAwesome;
  content: "\f1ec";
  display: inline-block;
  font-size: 22px;
  margin-right: 10px;
}



ul#usefulTools li#solarQuotes a:before {
  font-family: FontAwesome;
  content: "\f044";
  display: inline-block;
  font-size: 22px;
  margin-right: 10px;
}



#solarSavingsCalculator a.btn {
  border: 0;
  margin-top: 10px;
}

#solarSavingsCalculator a.btn:hover {
  border: 0;
  color: #fff;
}

#credentials {
  background: #eee;

}
#credentials img {
  width: 120px;
  margin: 2% 10%;
  
}


#credentials h3 {
 
 
  text-transform: uppercase;
  font-size: 22px;

}


#footer-area .sub-menu {
  display: none;
}
.site-footer nav {
  background: #000;
  text-align: center;
  margin: 10px 0 10px 0;
}
.footer-nav.nav {
float: none;
/* margin-bottom: 2px; */
margin: 5px auto 0px auto;
padding: 0;
background: #000;
display: inline-block;
}

#cities ul {
  list-style: none;
}

#cities ul li { 
  border-bottom: 0px solid #393939;
  font-size: 12px;

}

#cities h3 {
  color: #69b1e4;
  text-transform: uppercase;
  font-size: 22px;
}


#utilities {

}

#utilities ul {
  list-style: none;
}

#utilities ul li { 
  border-bottom: 0px solid #393939;
  font-size: 12px;

}

#utilities h3 {
  color: #69b1e4;
  text-transform: uppercase;
  font-size: 22px;
}



#partners ul {
  list-style: none;
}

#partners ul li { 
  border-bottom: 0px solid #393939;
  font-size: 12px;

}

#partners h3 {
  color: #69b1e4;
  text-transform: uppercase;
  font-size: 22px;
}


#bottomText {
  background-color: #111;
  color: 555;
  font-size: 13px;
  text-align: center;
  padding: 10px 0;
}



#footer-area a:hover {
  color:#ccc;
}




/****** SOCIAL ICONS ******/


 #social .social_icon.fa-facebook,  #social .social_icon.fa-twitter,  #social .social_icon.fa-googleplus,  #social .fa-rss {
  color: #fff;
  padding: 10px 0 0 0;
  width: 32px;
  height: 32px;
  border-radius: 3px;

}


 #social .social_icon.fa-facebook {
  background-color: #3B5998;
}
 #social .social_icon.fa-twitter {
  background-color: #4099FF;
}
 #social .social_icon.fa-googleplus {
  background-color: #D34836;
}
 #social .fa-rss {
  background-color: #FF6200;
}

 #social li {
  width: 38px;
}

/****** PAGINATION *******/
.site-main [class*="navigation"] a, .more-link {
border: 1px solid #E8E8E8;
padding: 6px 12px;
border-radius: 4px;
display: block;
background: none;
color: #69b1e4;
}

.site-main [class*="navigation"] a:hover, .more-link:hover {
color: #333;
background: #eee;
text-decoration: none;
}


.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration:none;
}

.navigation li {
  display: inline-block;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #69b1e4;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
  background-color: #3C8DC5;
}




body.page.page-id-254 {
  
}
body.page.page-id-254 #primary h1.entry-title {
  color: #fff;
} 
body.page.page-id-254 #primary {
  background-color: #2a4987;
  color: #fff;
  margin-bottom: 15px;
}

body.page.page-id-254 #primary h3 {
  color: #69b1e4;
}

body.page.page-id-254 #primary a {
  color: #69b1e4;
}

body.page.page-id-254 #primary a:hover {
  color: #fff;
}
body.page.page-id-254 #primary label.radioLabel {
border: 1px solid #ccc;
border-radius: 3px;
display: inline-block;
width: 47%;
margin-right: 32px;
padding-left: 10px;
background: #fff;
color: #555;
font-weight: 500;
}

body.page.page-id-254 #primary label.radioLabel + label.radioLabel {

margin-right: 0;

}



#form1 p.small {
  font-size: 10px;
  line-height: 15px;
}
#form1 p.small a {
  color: #fff;
}
#form1 p.small a:hover {
  color: #fff;
}
#form1 label.radioLabel {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  width: 46%;
  margin-right: 32px;
  padding-left: 10px;
  background: #fff;
  color: #555;
  font-weight: 500;
}

#form1 label.radioLabel + label.radioLabel {

  margin-right: 0;

}




label.radioLabel {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  width: 47%;
  margin-right: 32px;
  padding-left: 10px;
  background: #fff;
  color: #555;
  font-weight: 500;
}


p.small {
  color: #aaa;
}
.solarCalculatorStep {
  margin-bottom: 40px;
}

h2.stepNumber {
float: left;
display: inline-block;
background: #eee;
padding: 10px;
width: 120px;
text-align: center;
margin: 0 15px 0 0;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 52px;
font-weight: 700;
}

.solarCalculatorStep h3 {
  font-size: 22px;
  margin: 0;
}

.solarCalculatorStep p {
  font-size: 14px;
  margin: 15px 0 0 0;
}



body.page-template-solar-calculator-page-php #solar-form {
  background: #ddd;
  border-radius: 5px;
  padding: 15px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
body.page-template-solar-calculator-page-php #solar-form label {
 color: #333;
font-size: 13px;
text-align: right;
width: 100%;

}
body.page-template-solar-calculator-page-php #solar-form a {
  color: #333;
}
body.page-template-solar-calculator-page-php #solar-form p.small {
}

body.page-template-solar-calculator-page-php label.radioLabel {
margin-right: 0;
color: #000 !important;
font-size: 14px;
width: 100%;
padding: 6px;
text-align: left !important;
}


body.page-template-solar-calculator-page-php label.radioLabel + label {

margin-right: 0;

}


.alert h4 {
margin-top: 0;
color: inherit;
font-size: 32px;
}


@media (min-width: 1200px) {

#homeHead {

  background: url(http://www.solar-california.org/wp-content/themes/solar-states/inc/images/happyPeople.png) 90% bottom no-repeat #69b1e4;
  background-size: 34%;
}


}


@media (max-width: 990px) {

#homeHead {
  background: url(http://www.solar-california.org/wp-content/themes/solar-states/inc/images/happyPeople.png) right bottom no-repeat #69b1e4;
  background-size: 63%;
  background-position: 100% 50%;
}

.nav>li>a {
position: relative;
display: block;
padding: 10px 10px;

}

.navbar-default .navbar-nav > li > a {
font-size: 11px;
font-weight: 300;
padding: 10px 5px;
}

#homeHead h2 {
color: #fff;
font-size: 46px;
font-weight: 100;
text-transform: uppercase;
}

#form1 label.radioLabel {
border: 1px solid #ccc;
border-radius: 3px;
display: inline-block;
width: 46%;
margin-right: 25px;
}

}


@media (max-width: 782px) {
p {
  font-size: 16px;
}


#contact {
  text-align: center;
  background: #eee;
  height: 70px;
  line-height: 35px;
}


#contact .btn {
  border-radius: 3px;
  color: #fff;
}
.nav.navbar-nav {
float: none;
margin-top: 15px;
display: block;
clear: both;
width: 100%;
margin: 15px 0 7.5px 0;

}



#social {
  margin-left: 0;
float: left;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
background-color: transparent;
background-image: none;
border: 0;
border-radius: 4px;
}



.navbar-default .navbar-toggle .icon-bar {
background-color: #2a4987;
}


.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 4px;
border-radius: 3px;
width: 26px;
}

.navbar-collapse {
padding: 0;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: 0;
  clear: both;
}


.navbar-default .navbar-nav > li > a {
color: #2a4987;
line-height: 30px;
border-top: 0;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
border-bottom: 1px solid #fff;
}




.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #2a4987;
border-top: 0;
background: #ddd;
}


#homeHead {
background: url(http://www.solar-california.org/wp-content/themes/solar-states/inc/images/happyPeople.png) right bottom no-repeat #69b1e4;
background-size: 430px;
text-align: left;
height: 400px;
}


#homeHead h2 {
  color: #fff;
  font-size: 52px;
  font-weight: 100;
  margin-top: 100px;
  text-transform: uppercase;
}
#homeHead h3 {
  color: #fff;
  font-size: 22px;
    font-weight: 100;

}



#homeHead .btn {
  font-size: 14px;
}

#form1, #callToAction1 {
  position: absolute;
}
#callToAction1 {
  position: relative;
  top: 0;

}

#form1 {
  position: relative;
  top: 0;

}

#contact #social {
margin-left: 0;
float: left;
}
#contact {
  line-height: 30px;
}
#social {
margin-left: 0;
float: right;
}

#bottomText small {
  font-size: 12px;
  line-height: 1.2;
}


/******* FORM MOBILE ********/

#form1 {
position: relative;
top: 10px;
padding-bottom: 15px;
padding-top: 15px;
}
.radioLabel {
font-size: 12px;
}

#homeHead h2 {
color: #fff;
font-size: 42px;
font-weight: 100;
text-transform: uppercase;
}

#form1 label.radioLabel {

width: 46%;
margin-right: 24px;

}




}



@media (max-width: 520px) {
  #homeHead {
background: url(http://www.solar-california.org/wp-content/themes/solar-states/inc/images/happyPeople.png) center bottom no-repeat #69b1e4;
background-size: 80%;
text-align: center;
height: 500px;
}

#cities h3, #utilities h3 {
  text-align: left;

}

#cities ul, #utilities ul {
  margin: 0;
  padding: 0;
}

#utilities  {
  padding: 30px 0;
}


.footer-nav.nav {
float: none;
/* margin-bottom: 2px; */
margin: 5px auto 0px auto;
padding: 0;
background: #000;
display: block;
}
#footer-area .site-info nav ul li {
border-bottom: none;
float: none;
display: block;
border-bottom: 1px solid #333;
}

.copyright {
text-align: center;
font-size: 10px;
}

#social {
margin-left: 0;
float: none;
}

#form1 label.radioLabel {
width: 45%;
margin-right: 15px;
font-size: 12px;
padding: 5px;

}
.formContainer p {
  font-size: 14px;
}

.formContainer a.btn {
  margin-top
}

.formContainer input[type=radio] {
line-height: normal;
margin-left: 0;
}

.radioLabel span {
width: 100%;
height: 100%;
line-height: 1.5;
}
.form-group {
  margin: 0;
  padding: 0;
}
.form-group.row > div {
  margin: 0;
  padding: 0;
}
.formContainer input, .formContainer select {
  margin: 10px 0;
}
#homeHead .btn {
  font-size: 12px;
}


}