@import url(//fonts.googleapis.com/css?family=Roboto:400,900,700,500italic);

.logoicon{
float:left;
margin-right:4px;
color:#fc7701;
margin-top:-6px;
font-size:130%;
}
.logoico{
float:left;
margin-right:4px;
margin-top:-8px;
display:block;
}
.logoico img{
width:25px;
}
.overlay{
background-color:#013662;
background-color:#fff;
padding:15px;
max-width:450px;
margin:0px auto;
border-top:5px solid #003e57;
border-bottom:5px solid #003e57;
margin-top:10px;
min-height:500px;
}
.overlayhome{
background-color:#013662;
background-color:#fff;
padding:15px;
max-width:400px;
margin:0px auto;
border-top:5px solid #29abe0;
border-bottom:5px solid #29abe0;
margin-top:10px;
}
.splash{
padding:0em 0em;
background-color:#FFF;
background-image:url(../img/solar-9.jpg);
background-image:url(../img/pv.jpg);
background-size:cover;
-webkit-background-size: length_x length_y;
background-repeat:no-repeat;
text-align:center;
color:#8E8E8E;
}
.splashsolar{
background-image:url(../img/bg_solar7.jpg);
}
.splash .logo{
width:160px;
}
#step2, #step3, #step4{
display:none;
}
.splash h1{
font-size:2.1em;
font-weight:800;
margin:10px 0px 20px 0px;
color:#003e57!important;
}
.splash h1 u{
text-decoration:none;
}
.splash h3{
font-size:1.6em;
font-weight:500;
margin:10px 0px 22px 0px;
}
.splash h3 .thankyou{
font-size:1.7em;
font-weight:500;
color:#8e8e8e;
margin:10px 0px 22px 0px;
}
.splash h3 .thankyou u{
color:#29abe0;
text-decoration:none;
}
.smallsplash{
height:140px;
text-align:right;
padding-top:56px;
}
.splash #social{margin:2em 0}
.splash .alert{margin:2em 0}
.splash h4{
font-size:1.15em;
margin-bottom:20px;
}
.btn-white {
color: #8e8e8e;
background-color: #ffffff;
border:1px solid #ccc;
margin-bottom:6px;
text-transform:capitalize;
padding:4px 10px 2px 10px;
}
.btn-white:hover {
color: #FFFFFF;
background-color: #29abe0;
border-color: #29abe0;
border:1px solid!important;
}
.btn-cta{
margin-bottom:6px;
text-transform:uppercase;
font-size:100%!important;
color: #FFFFFF;
background-color: #013662;
border:2px solid #013662;
}
.btn-cta:hover{
color: #013662;
background-color: #FFFFFF;
border:2px solid #FFFFFF;
margin-bottom:6px;
=
}
.quicklinks a{
font-size:80%!important;
}
.outlined{
display: block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 12px 16px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
background-color: #FFF;
margin-bottom:8px;
color: #FFF;
}
.outlined-danger{
background:#f47c3c;
}
.outlined-primary{
background:#325d88;
}
.outlined-info{
background:#29abe0;
}

.btn-red {
color: #FFF;
background-color: #29abe0;
padding:9px;
border:2px solid #29abe0;
border-radius:3px;
width:260px;
}
.btn-red:hover {
background-color: #CC0000;
}
.homeselect{
text-transform:uppercase;
font-size:83%;
font-weight:500;
border:1px solid #c2c1c1;
color:#8e8e8e;
width:260px!important;
margin:0 auto;
margin-bottom:10px;
}
.inline {
display:inline-block;
}
.btn{
font-size:12px;
}
label{
color:#656565;
}
.list-group-item .glyphicon{
color:#c1c2c2;
margin-right:10px;
}
.articlesnip{
margin-top:30px;
}
.articlesnip p{
margin-top:20px;
text-align:justify;
font-size:90%;
}
.artimg img{
width:100%;
}
.art_title{
font-weight: 500;
color:#3e3f3a;
font-size:90%;
text-transform: uppercase;
text-align:center;
border-bottom:1px solid #f1f2f2;
padding:4px 0px;
display:block;
padding:10px;
min-height:58px;
}
.art_title:hover{
color:#29abe0;
}
.artcat{
background:#29abe0;
font-size: 11px;
line-height: 22px;
font-weight: 500;
text-transform: uppercase;
padding:10px;
color:#FFF;
position: absolute;
top: 17px;
left: 30px;
max-width: 192px;
padding: 6px 12px 4px 12px;
margin: 0;
}
.artcat:hover{
color:#fff;
text-decoration:none;
background:#048ac1;
}
.artcat2{
background:#FFF;
font-size: 13px;
font-weight: 400;
color:#003e57;
position: absolute;
top: 17px;
left: 30px;
min-width: 224px;
padding: 2px;
margin: 0;
text-align:center;
}
.artcat2:hover{
color:#fff;
text-decoration:none;
background:#f47c3c;
}
.artcat2 em{
font-style:normal;
display:block;
padding:5px;
}
.navbar h2{
font-size:100%;
margin:0;
margin-top:24px;
text-transform:capitalize;
}
.artavatar{
margin-top:10px;
display:table;
max-width:340px;
min-width:240px;
}
.artavatar img{
max-width:50px;
float:left;
}
.artavatar span{
font-size:80%;
float:right;
width:75%;
padding:4px 8px;
color:#8e8e8e;
}
.avatardetail{
margin:0 auto;
}
.telnumber{
color:#29abe0!important;
}
.zipbox{
text-align:center;
margin-bottom:10px;
}
.ssl{
display:block;
color:#8e8e8e;
text-transform:uppercase;
font-size:80%;
margin:0 auto;
margin-top:6px;
background:#EFEFEF;
display:table;
padding:4px;
padding-top:6px;
border:2px solid #EFEFEF;
border-radius:4px;
}
.manufacturerlogo img{
max-width:200px;
margin:0px auto;
margin-top:10px;
margin-bottom:10px;
}
.typeimg img{
max-height:100px;
margin-top:10px;
}
.ulbenefits{
color:#003e57!important;
text-align:left;
list-style-type:none;
margin:0 auto;
margin-top:14px;
margin-bottom:24px;
font-size:120%;
display:table;
padding-left:4px;
line-height:160%;
}
.interform{
border:5px solid #f1f1f1;
padding:0px;
display:table;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
}
.interform form{
border:1px dashed #ccc;
display:table;
width:100%;
background:#f1f1f1;
padding:0px 20px 20px 20px;
}
.interform h3{
margin-bottom:20px;
}
.zipbox:focus,.form-group input[type=text]:focus{
border:1px solid #003e57;
color:#545454;
}
.btn-step1{
min-width:280px!important;
margin-bottom:10px;
font-size:120%;
/*font-weight: bold;    */
}
.steps{
width:100%!important;
margin-bottom:14px;
}
a.steps{
font-size:130%;
}
.radios{
line-height:180%;
}
.rleft{
text-align:left;
}
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  color:#8e8e8e;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;top:4px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


.chkadditional{
font-weight:normal;
text-align:left;
display:block;
font-size:100%;
}

.tcpa{
color:#999;
margin-top:14px;
font-size:70%;
}

.successblock{
max-width:400px;
margin:0 auto;
margin-top:20px;
}
.guidedetail{
text-align:justify;
}

.chkgroup input[type=checkbox]{
margin:10px;
}
.chkadditional{
background:#F4F4F4;
border:1px solid #efefef;
font-weight:bold;
}
.chkadditional img{
margin-right:10px;
}

footer{
border-top:1px solid #c2c1c1;
padding-top:30px;
}
footer a{
color:#8e8e8e;
}
footer a:hover{
color:#8e8e8e;
}
footer p{
color:#8e8e8e;
}
.navbar hr:before, hr:after {
position: absolute;
content: '';
height: 6px;
top: 0;
left: 0;
right: 0;
}

.navbar hr:before {
background: linear-gradient(90deg, #1abc9c 15%, #2ecc71 15%, #2ecc71 12%, #3498db 12%, #3498db 32%, #9b59b6 32%, #9b59b6 35%, #34495e 35%, #34495e 55%, #f1c40f 55%, #f1c40f 59%, #e67e22 59%, #e67e22 63%, #e74c3c 63%, #e74c3c 82%, #ecf0f1 82%, #ecf0f1 92%, #95a5a6 92%);
background:#34495e;
}
.navbar hr{
border-color:#FFFFFF!important;
margin:0px;
padding:0px;
}
.white td{
background:#fff;
}
.i1,.i2,.i3{
text-align:center;
font-weight:900;
padding-top:240px;
color:#048ac1;
}
.i1{
background:url('../img/i_1.png') no-repeat center top;
}
.i2{
background:url('../img/i_2.png') no-repeat center top;
}
.i3{
background:url('../img/i_3.png') no-repeat center top;
}
.table-states td{
padding:10px 10px 6px 10px!important;
}
.text-question{
font-weight:700!important;
}
.generalspec span{
line-height:180%;
}
.speclabel{
clear:left;
text-align:left;
display:inline-block;
}
.specval{
text-align:right;
display:inline-block;
float:right;
clear:right;
}
.wellresults{
background:#eef7fd;
line-height:180%;
display:table;
}
.resultlabel{
font-weight:700;
clear:left;
}
.resultvalue{
text-align:right;
}
.resultlabel,.resultvalue{
padding:4px 0px;
}
.resultdivide{
display:block;
clear:both;
border-bottom:1px solid transparent;
margin:10px 0px 1px 0px;
height:1px;
}
.pvsystem{
height:410px;
background:url(../img/solar-calc.jpg) no-repeat right;
}
.wellsummary{
background:#FFF;
border:2px solid;
text-align:center;
}

.parsley-required{
    display: none;
}

.parsley-error{
    background: #f1878a;
}

.parsley-custom-error-message, .parsley-length, .parsley-type{
    font-size: x-small;
    list-style: none;
    color:#f1878a;
}

.under-text-question {
    color: #048ac1 !important;
    font-size: 130% !important;
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    .splash h1{font-size: 1.7em;}
}

#zip{
    font-size: 23px;
}

button.steps{
    font-size:17px !important;
}

.parsley-errors-list{
  display: none;
}

@media (max-width: 980px) {
	.splash.splashsolar {
		background: none;
	}	
	.splash.splashsolar .container {
		width: 100%;
	}
	.splash.splashsolar .container .hidden-xs{
		display: none;
	}
	.splash.splashsolar .container .overlay {
		width: 100%;
		max-width: 100%;
		border: none;
		padding: 15px 0 0;
		margin: 0;
	}
	.inner_splash {
		background:url(../img/bg_solar7.jpg) center top / 100% auto;
		width: 100%;
		height: 100px;
	}
	.splash h1 {
		font-size: 21pt;
	}
	.under-text-question {
		font-size: 18pt !important;
		line-height: 140%;
	}
	.splash li {
		font-size: 16pt;
		line-height: 140%;
	}
	.splash h4 {
		font-size: 16pt;
	}
	.splash #zip {
		font-size: 18pt;
		width: 60%;
		margin: 0 auto;
		height: 50px;
		padding: 0 30px;
	}
	.splash .btn-step1 {
		min-width: 60% !important;
		margin: 10px auto;
		font-size: 18pt;
		height: 50px;
		line-height: 50px;
		padding: 0;
	}
}
@media (max-width: 767px) {
	
	.splash h1 {
		font-size: 20pt;
	}
	.under-text-question {
		font-size: 18pt !important;
	}
	.splash li {
		font-size: 16pt;
	}
	.splash h4 {
		font-size: 16pt;
	}
	.splash #zip {
		font-size: 14pt;
	}
	.splash .btn-step1 {
		min-width: 80% !important;
		font-size: 14pt;
	}
}
@media (max-width: 580px) {
	
	.splash h1 {
		font-size: 13pt;
	}
	.under-text-question {
		font-size: 11pt !important;
	}
	.splash li {
		font-size: 11pt;
	}
	.splash h4 {
		font-size: 10pt;
	}
	.splash #zip {
		width: 90%;
		font-size: 12pt;
		padding: 0 15px;
	}
	.splash .btn-step1 {
		min-width: 80% !important;
		font-size: 12pt;
	}
}

@media (max-width:480px) and (max-height: 480px) {
	.inner_splash { 
		height: 80px;
	}
	.splash h1 {
		margin: 10px 0 5px;
	}
	.under-text-question {
		margin: 5px 0 10px 0;
	}
	.ulbenefits {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.splash h4 {
		margin-bottom: 10px;
	}
	.splash .btn-step1 {
		margin-bottom: 0;
	}
	.splash li {
	  font-size: 11pt;
	  line-height: 125%;
	}	
}
.bodytext a{
color:##29abe0!important;