/*
Theme Name: solarpowerrocks
Theme URI: https://solarpowerrocks.com
Author: Solar Power Rocks
Author URI: https://solarpowerrocks.com/
Description: We rock solar power hard. so hard. You should get it on your house because it saves so many ducats.
Version: 3.81
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: yellow
Text Domain: solarpowerrocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


*, html, body { 
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}

form.search-form {
display:none;
}


.dude {
	height: auto;
	max-width: 100%;
}
	
@media (max-width:730px) {
.dude {
    	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-top: 170px;
}}


@media (max-width:1056px) {
div.bottomofpost.side_bar {
	display: none;
}}

@media (max-width:1056px) {
aside#intelliwidget-2.widget.widget_intelliwidget {
	display: none;
}}

@media (max-width:1056px) {
aside#text-2.widget.widget_text {
	display: none;
}}

@media (max-width:730px) {
div.bottomofpost {
background-color: #ff9c0f;
color: #FFFFFF;
padding: 30px;
padding-bottom: 110px;
margin: 30px 0px 0px 0px;
width: 100%
}}

.socialbox {
	text-align: center; 
	float: right;
	width: 36%; 
	height: 100%; 
	padding: 1%; 
	margin-left: 3%; 
	margin-right: 3%;
        background-color: #f1f1f1;
}


@media (max-width:680px) {
.socialbox {
	float: none;
	width: 90%;
}}

.socialbox2 {
	text-align: center; 
	float: left;
	width: 30%; 
	height: 100%; 
	padding: 1%; 
	margin-left: 3%; 
	margin-right: 0;
        background-color: #f1f1f1;
}


@media (max-width:1000px) {
.socialbox2 {
    float: none;
    width: 90%;
    clear:both;
}}


.socialtable {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 1;
	width: 100%;
	margin: 0 auto;
	background-color: #f1f1f1;
}

.socialtable td {
	vertical-align: top;
	text-align: center;
	border: none;
	padding: 0px;
}		

.socialtable tbody {
	border: none;
}


div.stretch {
background-image: url(/wp-content/uploads/2015/01/lb2.png);
height: 565px;
padding: 20px 30px 30px 30px;
position: relative;
border:1px solid #ff9c0f;
}

div.stretcha {
overflow: auto;
max-width: 98%;
padding: 3% 1% 2% 1%;
border: 1px solid #ff9c0f;
text-align: center;
}

div.stretcha a {
    width: 12%;
    min-height: 87px;
    display: inline-table;
    text-align: center;
    background: #339900;
    line-height: 1.2em;
    color: white;
    text-decoration: none;
    font-size: 20px;
    padding: 2%;
    margin: 1%;
    font-weight: 600;
}

div.stretcha a:hover {
background-color: #004D00;
}

@media (max-width:800px) {
div.stretcha a {
padding:3% 2%;
}}

div.stretchy1 {
background-color: #eeeeee; 
width: 690px;
height: 270px;
margin: 0px 0px 35px 35px;
padding: 15px 20px 20px 20px;
border-radius: 8px;
    /* positioning */
position: absolute;
bottom:0;
left:0;
}

div.stretchy1 h2{
color: #FF9C0F
}

div.stretchy1 a button {
  background-color:#fff !important;
  border:none !important;
  color:green !important;
  cursor:pointer !important;
  display:inline-block !important;
  font-size:12px !important;
  height:12px !important;
  line-height:10px !important;
  margin:auto !important;
  max-width:70px !important;
  padding:none !important;
  text-align:left !important;
  text-decoration:none !important;
  width:100% !important;
}

div.stretch a {
display: inline-block;
text-decoration: none;
color: #FAFAFA;
padding: 16px 2px 0px 2px;
margin: 6px 6px 6px 6px;
width: 100%;
max-width: 151px;
line-height: 24px;
height: 80px;
font-size: 22px;
background-color: #339900;
cursor: pointer;
border: none;
border-radius: 8px;
text-align: center;
}

.stretchtable {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 1;
	width: 100%;
	table-layout: fixed;
}

.stretchtable td {
	border: none;
	padding: 0px;
}		

.stretchtable tbody {
	border: none;
}

div.ultwrap {
width: 100%;
}

div.ultimate {
padding: 10px 30px;
margin-bottom: 0px;
overflow: auto;
}


div.ultimate H2, div.popup H3 {
color: #FAFAFA;
}

div.ultimate H2 {
margin-top: 0px;
font-size: 31px;
line-height: 44px;
}

div.ultimate H3 {
font-size: 22px;
line-height: 20px;
}

div.ultimate img {
display: inline-block;
position: relative;
float: left;
width: 46%;
}

div.ultimate a {
display: inline-block;
text-decoration: none;
color: #FAFAFA;
padding: 0px 30px 0px 30px;
margin: 0px 0px 30px 30px;
width: 100%;
max-width: 400px;
line-height: 166px;
height: 166px;
font-size: 29px;
background-color: #FF0000;
cursor: pointer;
border: none;
border-radius: 3px;
text-align: center;
}

div.stretch a:hover {
background-color: #004D00;
}

div.ultimate a:hover {
background-color: #CC0000;
}

#mc_embed_signup {
	background:#ff9c0f; 
	width:52%; 
	float:right; 
	font:18px Helvetica,Arial,sans-serif;
	padding: 0px 20px;
}

@media (max-width:860px) {
#mc_embed_signup h2 {
	font-size: 20px !important;
	line-height: 25px;
}}

@media (max-width:620px) {
#mc_embed_signup h2 {
	font-size: 18px !important;
	line-height: 22px !important;
}}

@media (max-width:500px) {
#mc_embed_signup {
	width: 100%;
	float: none;
	clear: both;
}}

@media (max-width:500px) {
div.ultimate img {
	width: 100%;
}}

@media (max-width:830px) {
#mc_embed_signup .button {
	font-size: 20px !important;
	height: 43px !important;
}}

@media (max-width:615px) {
#mc_embed_signup .button {
	font-size: 18px !important;
	height: 35px !important;
}}


/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:30px;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #ff0f15; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:28px; font-weight: bold; height: 63px; line-height: 32px; margin-top: 6%; margin-bottom: -5%; margin-left: 44%; transform: translate(-50%, -50%); padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#ff0e4c;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; font-size:19px; margin-bottom:-19px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

div.popup {
background-color: #FF9C0F;
padding: 30px;
margin-bottom: 0px;
}

div.popup H2, div.popup H3 {
color: #FAFAFA;
}

div.popup H2 {
margin-top: 0px;
font-size: 31px;
}

div.popup H3 {
font-size: 22px;
}

div.popup img {
display: inline-block;
float: left;
}

div.popup a {
display: inline-block;
text-decoration: none;
color: #FAFAFA;
padding: 0px 30px 0px 30px;
margin: 0px 0px 30px 30px;
max-width: 400px;
line-height: 166px;
height: 166px;
font-size: 29px;
background-color: #FF0000;
cursor: pointer;
border: none;
border-radius: 3px;
text-align: center;
}

div.popup a:hover {
background-color: #CC0000;
}

div.popupbounce {
    background-color: #fff;
    color: #333;
    padding: 30px;
    margin-bottom: 0px;
    border: none;
}

div.stretchy {
background-color: #FF9C0F;
padding: 30px;
margin-bottom: 0px;
}

div.popupbounce H2 {
    color: #333;
    margin-top: 0px;
    font-size: 25px;
    line-height: 35px;
}

.wbounce-modal .wbounce-modal-sub {
    border-radius: 0px!Important;
    box-shadow: 2px 2px 12px black;
}

div.popupbounce H3 {
font-size: 22px;
line-height: 20px;
}

div#wbounce-modal-sub {
    min-width: 600px;
}

div.popupbounce img {
    display: inline-block;
    float: left;
    margin-top: 23px;
    margin-left: 11px;
}

div.popupbounce a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 48px 30px 0px 30px;
    margin: 23px 0px 30px 30px;
    width: 100%;
    max-width: 280px;
    font-weight: 600;
    line-height: 36px;
    height: 166px;
    font-size: 25px;
    background-color: #339900;
    cursor: pointer;
    border: none;
    text-align: center;
}

.wbounce-modal p {
    color: #333!Important;
    font-size: 17px;
    max-width: 95%;
    margin: 0 auto;
}

.modal-footer p {
    font-size: 15px;
}

div.stretchy a {
display: inline-block;
text-decoration: none;
color: #FAFAFA;
padding: 15px 30px 0px 30px;
margin: 0px 0px 0px 20px;
width: 100%;
max-width: 280px;
line-height: 24px;
height: 80px;
font-size: 26px;
background-color: #FF0000;
cursor: pointer;
border: none;
border-radius: 3px;
text-align: center;
}

div.stretchy a:hover {
background-color: #CC0000;
}

div.popupbounce a:hover {
background-color: #206000;
}

div.archived-state-stuff {
padding-left: 10px;
padding-right: 10px;
}

div.state_tooltip p {
font-style: italic;
background-color: beige !important;
font-size: 12px !important;
line-height: 19px !important;
text-align: left !important;
}

div.state_tooltip {
background-color: beige !important;
width: 100%;
max-width: 720px;
margin: 0 auto;
text-align: left;
padding: 10px;
}

div.state_custom_info {
text-align: left !important;
font-size: 16px !important;
line-height: 26px !important;
margin-top: 10px !important;
max-width: 100% !important;
}

div.byline {
	float:left;
	font-style: italic;
	margin-right: 30px;
	margin-bottom: 10px;
}

p#wp-email-required {
display: none;
}

h1.entry-title a {
text-decoration: none !important;
}

.spr_error {
font-size:1.5em;
font-weight:bold;
text-align:center;
margin:32px 16px;
}

div.fb_share {
float: left;
margin-left: 0px;
}

div.google_share {
float: left;
margin-top: 4px;
margin-left: 15px;
vertical-align: sub;
}

div.twitter_share {
float: left;
margin-top: 4px;
margin-left: 15px;
}

input.sidebarbutton {width: 100%;}

div.share_buttons {
	width: 100%;
	max-width: 710px;
	margin: 0px 0px 20px 0px;
	padding-left: 20px;
}

div.state_introduction p, div.statecolumn p {
padding-left: 10px;
padding-right: 10px;
}

div.state_introduction h2 {
color: #339900;
font-weight: bold;
font-size: 40px;
padding: 0px 5px;
}

@media (max-width: 600px) {
div.state_introduction h2 {
font-size: 30px;
}}


div.frontbottoms {
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 1040px;
}

div.frontbottoms h2 {
	font-size: 30px !important;
	margin-right: auto;
	margin-left: auto;
}

div.content-wrapper {
margin-right: auto;
margin-left: auto;
margin-top: 30px;
width: 100%;
max-width: 1040px;
}

@media (max-width: 960px) {
div.content-wrapper {
margin-top:70px;
}}

div.content-area {
display: inline-block;
margin: 0px;
width: 100%;
max-width: 1040px;
}

@media (max-width:1070px) {
div.content-area {
padding-left: 2%;
padding-right: 2%;
}}

div.magnet_inner a {
color: #000;
font-weight: 700;
text-decoration: none;
}

div.magnet_inner {
padding: 6px;
margin-left: auto;
margin-right: auto;
}


div.magnet {
background-color: #fafafa;
border-bottom:2px solid #ff9c0f;
width: 100%;
text-align:center;
margin-bottom: 10px;
}

.magnet:hover {
background-color: #efefef;
}

@media (max-width: 959px) {
div.magnet {
margin-top: 57px;
}}

div.privacy {
font-size: 10px;
width: 100% !important;
margin-top: 30px !important;
margin-bottom: 30px;
}

div.privacy2 {
font-size: 10px !important;
width: 840px !important;
text-align: justify;
margin-top: 12px !important;
margin-bottom: 3px !important;
margin-left: auto;
margin-right: auto;
}

div.privacy3 {
font-size: 10px!important;
width: 402px!important;
text-align: justify;
margin-top: -3px !important;
margin-bottom: 3px!important;
margin-left: auto;
margin-right: auto;
}

ul.homepage li a {
color: #232323;
}

div.menu-hot-solar-states-info-pages-container ul li a, div.menu-hot-solar-cities-container ul li a {
color: #FAFAFA;
}

div.bottomofpost.side_bar {
    padding: 15px;
    margin: 12px 0px 0px 0px;
    width: 100%;
    background-color: #fafafa;
    color: #000;
    text-align: center;
    border: 2px solid #ff9c0f;
}

.bottomofpost.side_bar img {
    margin-top: 10px;
    max-width: 67%;
}

div.bottomofpost h2 {
	font-size: 20px !important;
	margin-bottom: 0px!Important;
	margin-top: 0px;
	padding-top: 0px;
}

div.bottomofpost {
    background-color: #ff9c0f;
    color: #fff;
    padding: 30px;
    width: 91%;
    overflow: auto;
    margin: 0 auto;
}

div.bottomfront {
background-color: #ff9c0f;
color: #FFFFFF;
position:absolute;
left:0;
right:0;
}


div.comment-body p a, div.comment-body p, div.comment-meta, aside ul li a {
-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

width:100%;
}

div#comments {
background-color: #d9d9d9;
margin-top: 20px;
padding: 5px 30px 15px 30px;
clear: both;
}

input#email.required.email {
padding: 10px 10px 10px 30px;
}

input#author.commenter {
padding: 10px 10px 10px 30px;
margin-bottom: .5em;
}


input#comment {
width:100%;
height: 100px;
padding: 30px;
margin-top: 10px;
}


a.cs_import {
padding: 10px;
}


img.home-link {
margin-left: auto;
margin-right: auto;
display: block;
width: 250px;
max width: 100%;
min width: 40%;
margin-top: 24px;
margin-bottom: 15px;
}

a.home-link {
display: block;
width: 100%;
}

@media (max-width:980px) {
img.home-link {
content: url(https://solarpowerrocks.com/wp-content/uploads/2013/04/sprlogogood.png);
max-height: 370px !important;
max-width: 294px !important;}}

div.state_header_outer {
box-sizing: border-box;
width: 100%;
max-width: 1040px;
padding: 0px;
margin: 0px 0px 0px 0px;
background-color: #339900;
overflow: auto;
}

div.state_header_inner_left h2, div.state_header_inner_left h3 {
margin: 0% 1%;
padding: 8px 0px 7px 0px;
width: 100%;
text-align:center;
color: #FAFAFA;
}

@media (max-width: 1057px) {
div.state_header_inner_left h2, div.state_header_inner_left h3 {
margin: 0%;
}}

div.state_header_inner_left {
display: inline-block;
box-sizing: border-box;
height: 354px;
width: 100%;
max-width: 360px;
float: left;
padding: 3% 2%;
margin: 0px;
}

div.state_header_inner_right {
display: inline-block;
box-sizing: border-box;
height: 354px;
width: 100%;
max-width: 680px;
float: right;
padding: 20px 0px 20px 0px;
margin: 0px;
background-color: rgba(80, 80, 80, 0.65);
background-image: url(https://solarpowerrocks.com/wp-content/uploads/2013/12/sedona1.png);
background-repeat: no-repeat;
background-position: top right;
}

h3.value.happyface {color: #339900 !important;}
h3.value.sadface {color: #FF0000 !important;}

.break {
margin-top: 30px;
display: inline-block;
}

.clear {
	clear: both;
}

div.savings_clear {
clear:both;
width: 100%;
height: 1px;
}

div.savings_area h3.value {
clear: none;
text-align: right;
float: right;
width: 20%;
padding: 0px 20px 0px 0px !important;
margin: 0px !important;
font-weight: 600;
color: #232323;
font-size: 18px;
}

div.savings_area {
padding: 10px 0px 10px 0px;
max-width: 440px;
margin: 0 auto;
}

div.savings_area h3.rightheader {
clear: none;
text-align: left;
float: left;
width: 80%;
line-height: 1.3em;
padding: 0px 0px 0px 20px;
margin: 0px;
font-weight: bold;
font-size: 18px;
color: #232323;
}

div.statecolumn {
background-color: #FFFFFF;
font-size: 12px;
text-align: left;
display: block;
float: left;
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
margin-bottom: 20px;
}

div.state_header_inner_left h3.value.big {
background-color: #DDDDDD;
margin-bottom: 10px;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: white;
}

div.statecolumn h3 {
background-color: #FFFFFF;
color: #339900;
}

div.state_header_inner_left h3.value {
font-size: 60px;
text-align: center;
color: #232323;
}

div.statecolumn p, div.statecolumn ul {
font-size: 16px;
text-align:left;
background-color: #FFFFFF;
}

h3.widget-title {
margin-top: 0px;
text-align: center;
font-size: 24px !important;
}

h3.rightheader.bottom {
padding: 0px 0px 10px 0px;
font-weight: normal;
}

h3.rightheader {
margin: 0px;
color: #339900;
padding: 38px 10px 10px 10px;
font-weight: bold;
}

div.statecolumn h3.value {
padding: 5px 15px 15px 15px;
margin: 0px;
color: #232323;
font-size: 22px;
font-style: italic;
}

.mb-style-3 {
    width: 100%;
    height:0px;
}

.mb-style-3 .mb-attribution {
    text-align: right;
    padding: 20px 100px 20px 20px;
    position: relative;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

article {
display: inline-block;
float:left;
width: 100%;
max-width: 740px;
padding: 10px;
}

@media (max-width: 1069px) {
article {
display: block;
float: none;
margin: 0 auto!important;
padding: 0px;
}}


frontarticle {
display: inline-block;
float:left;
width: 100%;
max-width: 1040px;
padding: 10px;
}


audio,
canvas,
video {
	display: inline-block;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	font-family: 'Open Sans', sans-serif;
}

html,
button,
input,
select,
textarea {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}

body {
	color: #232323;
	line-height: 1.4;
	margin: 0;
	min-width:400px;
}

a {color: #1122CC;}
a:hover {color: #0000ff;}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
	clear: both;
	width: 100%;
}


a.bottomofpost-button {
    width: 100%;
    max-width: 450px;
    display: inline-block;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin-top: 2%;
    background: red;
    padding: 10px;
    color: white;
    text-decoration: none!important;
}

a.bottomofpost-button:hover {
    background:#cc0000;
}

a.bottomofpost-dudebutton {
    width: 46%;
    float: right;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    margin-top: 60px;
    margin-right: 7%;
}

@media (max-width:730px) {
a.bottomofpost-dudebutton {
	float: none;
	margin: 0 auto;
	margin-top: 220px;
}}

a.frontpage-button {
	max-width: 80%;
	float: right;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 56px;
	margin-top: 2%;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 5%;
}

@media (max-width:1080px) {
a.frontpage-button {
width: 60%;
	max-width: 650px;
	float: right;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 40px;
}}

@media (max-width:960px) {
a.frontpage-button {
width: 60%;
	max-width: 500px;
	float: right;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}}

@media (max-width:800px) {
a.frontpage-button {
width: 40%;
	max-width: 400px;
	float: right;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}}

@media (max-width:576px) {
a.frontpage-button {
width: 35%;
	max-width: 200px;
	float: right;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	margin-top: 0%;
	margin-right: 4%;
	margin-left: 4%;
}}

@media (max-width:540px) {
a.frontpage-button {
width: 100%;
	max-width: 200px;
	float: none;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-left: 0%;
}}

a.phone-button {
	width: 100%;
	max-width: 400px;
	margin-left: auto;
        margin-right: auto;
        display: block;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

a.sidebar-button {
	display: block;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	font-size: 19px;
	text-decoration: none!important;
	color: white;
	background-color: #339900;
	padding: 10px 15px;
}

a.sidebar-button:hover {
background-color: #206000;
}

h2.tagline_test.side_bar {
font-size: 24px;
}

p.tagline_test_sub.side_bar {
    text-align: center;
    width: 160px;
    padding-top: 15px;
    margin: 0 auto;
}

h2.tagline_test_magnet.state_middle_magnet, h2.tagline_test_magnet.state_top_magnet, h2.magnet_drop {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
display: inline-block;
text-align:center;
}

a h2.tagline_test_magnet.state_middle_magnet, a h2.tagline_test_magnet.state_top_magnet {
margin-right: 0px;
margin-left: 0px;
text-decoration: none !important;
display: inline-block;
text-align:center;
}

h2.tagline_test_magnet.state_middle_magnet, h2.tagline_test_magnet.state_top_magnet {
display: inline-block;
font-style: italic;
width: 100%;
margin: 0px;
text-align: center;
padding: 10px;
background-color: #FFFFFF;
border-top: 1px solid: #CCCCCC;
border-bottom: 1px solid: #CCCCCC;
}

h2.tagline_test, h2.tagline_test_magnet.magnet_drop {
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
font-size: 20px;
text-align:center;
}

h1.site-title, h2.site-description {display: none !important;}

h1.screen-reader-text {
display: none;
}

h1, h1.entry-title {
    font-size: 28px;
    margin: 0px 0px 0px 0px;
    padding-top: 15px;
    width: 100%;
}


@media (max-width:700px) {
h1, h1.entry-title {
	font-size: 36px !important;
}}


@media (max-width:500px) {
h1, h1.entry-title {
	font-size: 30px !important;
}}


@media (max-width:400px) {
h1, h1.entry-title {
	font-size: 22px !important;
}}


div.state_header_inner_right h1 {
box-sizing: border-box;
width: 100%;
color: #FAFAFA;
float: right;
margin: 0px;
padding: 0px 30px 0px 30px;
}

h2 {
	font-size: 24px;
	margin: 25px 0px 10px 0px;
	font-weight:600;
}

@media (max-width:985px) {
h2.tagline_test, h2.tagline_test_magnet.magnet_drop, a h2.tagline_test_magnet.state_middle_magnet, a h2.tagline_test_magnet.state_top_magnet
{
	font-size: 18px !important;
}}

@media (max-width:503px) {
h2.tagline_test, h2.tagline_test_magnet.magnet_drop, a h2.tagline_test_magnet.state_middle_magnet, a h2.tagline_test_magnet.state_top_magnet {
	font-size: 17px !important;
}}


@media (max-width:453px) {
h2.tagline_test, h2.tagline_test_magnet.magnet_drop, a h2.tagline_test_magnet.state_middle_magnet, a h2.tagline_test_magnet.state_top_magnet {
	font-size: 16px !important;
}}

@media (max-width:420px) {
h2.tagline_test, h2.tagline_test_magnet.magnet_drop, a h2.tagline_test_magnet.state_middle_magnet, a h2.tagline_test_magnet.state_top_magnet {
	font-size: 15px !important;
}}

@media (max-width:389px) {
h2.tagline_test, h2.tagline_test_magnet.magnet_drop, a h2.tagline_test_magnet.state_middle_magnet, a h2.tagline_test_magnet.state_top_magnet {
	font-size: 14px !important;
}}


h3 {
	font-size: 20px;
	margin: 22px 0px 0px 0px;
	font-weight:600;
}

h4 {
	font-size: 18px;
	margin: 30px 0 -5px;
	color: #339900
}

h5 {
	font-size: 18px;
	margin: 25px 0 -5px;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

p, em, strong {
line-height: 1.4em;
}

pre {
	background: #FAFAFA;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote {
font-style: italic;
background-color: rgba(206,206,183,.5);
font-size: 12px;
line-height: 19px;
text-align: left;
  margin-top: 14px;
  margin-bottom: 14px;
  margin: 0 auto;
  padding: 7px 15px;
  width: 100%;
}

@media (max-width: 600px) {
blockquote {
width:95%;
}}

blockquote ul {
font-style: italic;
background-color: #ffffff !important;
font-size: 12px !important;
line-height: 21px !important;
text-align: left !important;
padding-top: 15px;
padding-right: 8px;
padding-bottom: 5px;
}

ul li, ol li {
text-align:left;
margin-bottom: 10px;
}

ul {
list-style-image: url('https://solarpowerrocks.com/wp-content/uploads/2014/07/solar-power-bullet1.png');
}

ul.homepage {
font-size: 14px;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure { 
display: inline-block; 
position: relative; 
overflow: hidden;
width:100%;
height: auto;
}

figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.75); 
  color: white; 
  padding: 10px 20px; 
  opacity: 0;
  bottom: 0; 
  left: -30%;
}

figure:hover figcaption {
  opacity: 1;
  left: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #CCCCCC;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

input,
select {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 0px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #CCCCCC;
	padding: 6px;
}

ins {
	background: #FF9C0F;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}

.menu-toggle {display: none;}

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	display: inline-block;
	vertical-align: text-bottom;
}

.clear:after,
.attachment .entry-header:after,
footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}

a[type="button"]:hover, input[type="submit"]:hover {
background-color: #206000;
}

a[type="button"], input[type="submit"] {
	cursor: pointer;
	border: none;
	border-radius: 3px;
	padding: 15px;
	background-color: #339900;
	color: #FFFFFF;
}

a[type="button"] {
text-decoration: none;
}


.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.hero_image {
max-width: 720px;
width: 100%;
height: auto;
max-height: 365px;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
	margin-top: 25px;
	border: 1 px solid #cccccc
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

iframe.summary_vid {
	padding-left: 10px !important;
	padding-right: 10px !important;
	width: 100%;
	max-width: 720px;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.left50 {
float: left;
margin-right: 10px;
width: 50%;
}

.alignleft {
	margin: 5px 20px 5px 0;
	float: left;
}

.alignright {
	margin: 5px 0 5px 20px;
	float: right;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {

	font-size: 14px;
	font-style: italic;
	font-weight: 600;
    text-align: center;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.site {
	background-color: #FAFAFA;
	margin: 0 auto;
	width: 100%;
}

.main-sidebar {
	display: inline-block;
	float:left;
	width: 100%;
	max-width: 300px;
	padding: 0px 0px 0px 15px;
	margin-left: auto;
	margin-right: auto;
}

.nolease-main-sidebar {
	display: inline-block;
	float:left;
	width: 28%;
	padding: 0px 15px 0px 15px;
	margin-left: auto;
	margin-right: auto;
}

div.menu-top-level-nav-container {
text-align:center;
border-bottom: 1px solid #232323;
margin-top: 5px;
}

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1040px;
	min-height: 20px;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0px;
}

.nav-menu li {
	display: inline-block;
	position: relative;
	margin-bottom: 0px;
	max-width: 7em;
	text-align: center;
	vertical-align: middle;
}

.nav-menu li a {
	color: #232323;
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 10px 10px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
	background-color: #FF9C0F;
	color: #fafafa;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fafafa;
	margin: 0;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #FF9C0F;
}

ul.nav-menu ul a:active,
.nav-menu ul ul a:hover {
	background-color: #FF9C0F;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.navbar {
	margin: 0 auto;
	width: 100%;
}


.nolease-entry-header {
	margin: 0px;
	padding: 0px 10px;
	max-width: 740px;
	margin-bottom: 0px;
	float: left;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0px;
	padding: 0px;
	max-width: 740px;
	width: 100%;
}

.entry-content {clear: both;}

.entry-thumbnail img {
	display: block;
	margin: 0 auto 10px;
}

.entry-header {
	margin-bottom: 0px;
}

.entry-meta {
	font-size: 14px;
}

.entry-meta > span {
	margin-right: 20px;
}

.entry-meta > span:last-child {
	margin-right: 0;
}

.entry-meta .author a:before {
	position: relative;
	top: -1px;
}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
	display: none;
}

.page-links {
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;
}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
	background: none;
}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;
}

div.footer-wrapper {
max-width: 1120px;
width: 100%;
background-color: #ff9c0f;
margin:auto;
overflow:hidden;
}

div.footerfront {
background-color: #ff9c0f;
font-size: 14px;
padding: 30px;
width: 100%;
margin-bottom: 0px;
clear: both;
}

#footer-sidebar {
width: 100%;
color: #FAFAFA;
}


#footer-sidebar1 {
color: #FAFAFA;
width: 100%;
}

#footer-sidebar2 {
width: 100%;
color: #FAFAFA;
}

#footer-sidebar3 {
color: #FAFAFA;
width: 100%;
}

#danner-sidebar4 {
color: #FAFAFA;
width: 100%;
}


@media all and (min-width: 800px) {
    #footer-wrapper {

        width: 980px;
        margin: auto;
    } 
    	.footer-sidebar1 {
	width: 30%;
	float: left;
    }
	.footer-sidebar2 {
	width: 30%;
	float: left;
    }
	.footer-sidebar3 {
	width: 40%;
	float: left;
    }
}




div.footer-widgets {display: inline-block;}

div.footer-widgets aside {
color: #FAFAFA;
width: 100%;
max-width: 300px;
float: center;
margin: 0px;
text-align: left;
}

aside#recent-posts-4.widget.widget_recent_entries ul li a {
color: #FAFAFA;
}

aside#nav_menu-2 ul li a {
    list-style-type: none;
    color:#FAFAFA;
}

aside#nav_menu-2 ul li {
list-style-image: url('https://solarpowerrocks.com/wp-content/uploads/2014/10/footerbullet.png');
}

aside#nav_menu-4 ul li {
list-style-image: url('https://solarpowerrocks.com/wp-content/uploads/2014/10/footerbullet.png');
}


aside#text-6 {
text-align: center;
}

.blog .format-link:first-of-type,
.single .format-link:first-of-type {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-status .categories-links,
.format-status .tags-links {
	display: none;
}

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.paging-navigation {
	background-color: #FF9C0F;
	padding: 40px 0;
}

.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 740px;
	width: 100%;
}

.paging-navigation a {
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
}

.paging-navigation .meta-nav {
	border-radius: 50%;
	color: #fafafa;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
	padding: 17px 0 23px;
	width: 80px;
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}

div.pagination a {
font-size: 1.5em;
font-weight: bold;
font-style: italic;
}

div.pagination {
max-width: 740px;
margin-bottom: 30px;
}

div.pagination_left {
float: left;
padding-left: 10px;
}

div.pagination_right {
float: right;
padding-right: 30px;
}

.post-navigation {
	background-color: #fafafa;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	padding: 20px 0;
}

.archive-meta {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: -15px;
	padding: 0 0 11px;
}

.widget {
	display: inline-block;
	float: left !important;
	word-wrap: break-word;
	margin-top: 20px;
}

#nav_menu-2 {border:none;}
#archives-3 {border:none;}

footer {
	background-color: #ff9c0f;
	font-size: 14px;
	padding: 30px;
	width: 100%;
	margin-bottom: 0px;
	clear:both;
}

div.footer-widgets ul {
width: 100%;
max-width: 300px;
margin-right: auto;
margin-left: auto;
}


.SPRTable {
	table-layout: fixed;
        padding-top: 20px;
	width: 100%;
        margin:2px;
	border: none;
}

.SPRTable th, td {
	overflow: hidden;
}

.SPRTable tr:hover td{
	}

.SPRTable tr:nth-child(odd) { 
	background-color:#E6E6E6; 
}

.SPRTable tr:nth-child(even) { 
	background-color:#ffffff; 
}

.SPRTable td {
	vertical-align:middle;
	border:1px solid #e6e6e6;
	border-width:1px 1px 1px 1px;
	text-align:center;
	padding:3px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}

.SPRTable tr:first-child td{
	background:-o-linear-gradient(bottom, #339900 5%, #339900 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #339900) );
	background:-moz-linear-gradient( center top, #339900 5%, #339900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#339900", endColorstr="#339900");	
        background: -o-linear-gradient(top,#339900,339900);
        background-color:#339900;
	border:0px solid #000000;
	text-align:center;
	border-width:1px 1px 1px 1px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

@media (max-width: 600px) {
.SPRTable tr:first-child td{
font-size: 14px;
}}

.SPRTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #339900 5%, #339900 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #339900) );
	background:-moz-linear-gradient( center top, #339900 5%, #339900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#339900", endColorstr="#339900");	
	background: -o-linear-gradient(top,#339900,339900);
	background-color:#339900;
}


.imgctr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 100%;
}

div.leadform {
padding: 10px;
max-width: 860px;
margin-left:auto;
margin-right:auto;
}

div.wrapperform {
padding-top: 17px;
width: 462px;
margin-left:auto;
margin-right:auto;
}

.wrapperform .fscf-div-error {
font-size: 8pt;
line-height: 1;
}

.wrapperform .fscf-div-field-left {
float: left;
margin-left: 23px;
margin-right: 4px;
width: 194px;
height: 82px;
line-height: 23px;
}

.wrapperform .fscf-input-text {
height: 40px;
font-size: 115%;
}

.wrapperform .fscf-input-select {
height: 40px;
width: 194px;
font-size: 115%;
}

.wrapperform .fscf-div-label {
margin-left: 2px;
}

.wrapperform .fscf_div_field1_11, .fscf_div_field1_15 {
height: 20px !important;
}

.wrapperform input#fscf_submit1, select#fscf_submit1 {
border-radius: 16px;
width: 422px;
height: 90px;
margin-top: -30px;
margin-left: 21px;
font-size: 44px;
background: #ff0000;
}

.wrapperform input#fscf_submit1:hover, select#fscf_submit1:hover {
 border: 2px solid #ff0000;
 background: #FF198C;
}

.wrapperform input#fscf_submit3, select#fscf_submit3 {
border-radius: 16px;
width: 422px;
height: 90px;
margin-top: -30px;
margin-left: 21px;
font-size: 44px;
background: #ff0000;
}

.wrapperform input#fscf_submit3:hover, select#fscf_submit3:hover {
 border: 2px solid #ff0000;
 background: #FF198C;
}

.wrapperform .fscf-div-form {
padding-bottom: 14px;
width: 462px;
margin-left:auto;
margin-right:auto;
background-color:#CCCCCC;
}

div.novform {
padding-right: 37px;
padding-left: 37px;
padding-bottom: 14px;
max-width: 920px;
margin-left:auto;
margin-right:auto;
background-color:#CCCCCC;
}

div.tellus {
max-width: 920px;
margin-left:auto;
margin-right:auto;
background-color:#CCCCCC;
}

div.actionbar {
width: 100%;
height: 230px;
text-align: center;
font-size: 24px;
font-weight: bolder;
text-color: #ffffff;
}

div.profitbullets {
padding: 10px;
max-width: 800px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

div.profitbullets h4 {
margin: 10px 0;
}


div.leadbullets {
padding: 10px;
max-width: 340px;
margin-left:auto;
margin-right:auto;
}

@media (max-width:540px) {
div.leadbullets {
padding: 10px;
width: 320px;
margin-left:auto;
margin-right:auto;
}}

div.ausleadbullets {
margin-top: 24px;
padding-left: 61px;
padding-top: 102px;
max-width: 500px;
height: 438px;
margin-left:auto;
margin-right:auto;
background-image: url(https://solarpowerrocks.com/wp-content/uploads/2015/05/aus-bullets-back-500.png);
}

@media (max-width:540px) {
div.ausleadbullets {
padding: 14px;
width: 320px;
height: 280px;
margin-left:auto;
margin-right:auto;
background-image: url(https://solarpowerrocks.com/wp-content/uploads/2015/05/aus-bullets-back-320.png);
}}

.auslogo {
padding-top: 5px;
}

@media (max-width:540px) {
.auslogo {
padding-top: 72px;
padding-left: 30px;
max-width: 272px;
}}

.auslist {
margin-bottom: 30px;
font-weight: bold;
padding-left: 82px;
}

@media (max-width:540px) {
.auslist {
margin-bottom: 30px;
font-weight: bold;
padding-left: 82px;
line-height: 1em;
}}

.fscf-div-form {
width: 100%;
}

.fscf-div-field-left {
float: left;
margin-right: 2%;
width: 23%;
}

div.novform input[type="text"], div.novform select {
width: 100% !important;
height: 30px;
margin-bottom: 5px;
}

div.leadform input[type="text"], div.leadform select {
width: 100% !important;
height: 30px;
margin-bottom: 5px;
}

div.leadform div {
margin-top: 5px;
}

.fscf-div-error {
text-align:left;
color: #990000;
}

input#fscf_submit3 {
width:98.5%;
}

input#fscf_submit3, select#fscf_submit3 {
margin-top: 30px;
font-size:30px;
}

select#fscf_submit3 {width: 100%;}

input#fscf_submit1 {
width:98.5%;
}

input#fscf_submit1, select#fscf_submit1 {
margin-top: 30px;
font-size:30px;
}

select#fscf_submit1 {width: 100%;}

@media (max-width:667px) {
.fscf-div-form {
width: 300px;
}}

@media (max-width:667px) {
div.leadform {
padding: 10px;
width: 320px;
margin-left:auto;
margin-right:auto;
}}

@media (max-width:667px) {
.fscf-div-field-left {
margin-right: auto;
margin-left: auto;
width: 100%;
}}

 
 #landingbackground 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto; 
	 width: 1262px;
	 height: 1780px; 
	 overflow: hidden;
	 z-index:0;
	} 

 #lpbackground 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: absolute; 
	 width: 1262px;
	 height: 2260px;
	 z-index:1;
} 

 #lpfooter 
{ 
	 left: 0px; 
	 top: 2202px; 
	 position: absolute; 
	 width: 1262px;
	 height: 59px;
	 z-index:2;
} 

 #lptestimonials 
{ 
	 left: 150px; 
	 top: 1008px; 
	 position: absolute; 
	 width: 602px;
	 height: 605px;
	 z-index:8;
} 

 #lpform 
{ 
	 left: 710px; 
	 top: 371px; 
	 position: absolute; 
	 width: 463px;
	 height: 1358px;
	 z-index:9;
	 background-color: #CCCCCC;
} 

#lpformintro 
{ 
	 left: 710px; 
	 top: 281px; 
	 position: absolute; 
	 width: 463px;
	 height: 140px;
	 z-index:8;
	 background-color: #CCCCCC;
} 

 #lpundervideo 
{ 
	 left: 90px; 
	 top: 617px; 
	 position: absolute; 
	 width: 582px;
	 height: 1124px;
	 font-weight: 700;
         z-index:10;
} 

 #lpvideo 
{ 
	 left: 90px; 
	 top: 281px; 
	 position: absolute; 
	 width: 569px;
	 height: 323px;
	 z-index:11;
} 

 #lpheadline 
{ 
	 left: 0px; 
	 top: 125px; 
	 position: absolute; 
	 width: 1262px;
	 height: 110px;
	 line-height: 57px;
         font-weight: 700;
	 z-index:12;
} 

 #lpheader 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: absolute; 
	 width: 1262px;
	 height: 97px;
	 z-index:13;
}
#map_canvas_2 {
width: 180%;
height: 160%;
margin-left: -35%;
margin-top: -7%;
}

div.leadform #fscf_form4 div {
display: inline-block;
}
 #fscf_form4 .fscf-div-field-left{
width:100%;
}

.cityctr {
text-align: center;
margin-bottom: -19px;
}

.caption {
font-size: smaller;
font-weight: 600;
font-style: italic;
}

div.decision {
background-color: #EEE;
border: solid 1px black;
border-radius: 12px;
padding: 15px;
text-align: center;
width: 100%;
margin: 0 auto;
margin-top: 1.5em;
margin-bottom: 1em;
}

#decision .dt_display_title {
display: none;
}

#decision .dt_button {
background: #ff9c0f;
border-color: #ff9c0f;
font-size: 16px;
font-weight: 600;
width: 80%;
max-width: 600px!important;
}

@media (max-width:600px) {
#decision .dt_button {
width:90%;
}}

#decision .dt_radio_choice:hover {
background-color: #CC6900;
border-color: #CC6900;
}

#decision .dt_display_info {
width: 80%;
text-align: left;
margin-top: 15px;
}

#decision .dt_display_question {
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.25em;
padding-left: 5%;
padding-right: 5%;
}

#decision .dt_display_answer {
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.25em;
}

.decision_tree_area .answer-restart {
background-color: #777!Important;
border-color: #777!Important;
}

div.solar_strategy h2 {
color: #339900;
font-size: 26px!Important;
margin-bottom: 10px;
margin-top: 40px;
}

div.xyz-popup {
background-color: #fafafa;
text-align: center;
padding: 11px 35px;
margin-bottom: 0px;
min-width: 400px;
}

.xyz-popup img {
    max-width: 182px;
}

div.xyz-popup H2 {
color: #339900;
margin-top: 0px;
font-size: 40px!Important;
}

div.xyz-popup H3 {
color: black;
font-size: 30px;
}

div.xyz-popup a {
display: inline-block;
text-decoration: none;
color: #FAFAFA;
padding: 20px 30px;
margin: 0 0 20px 0;
width: 100%;
font-size: 29px;
font-weight: 600;
background-color: #339900;
cursor: pointer;
border: none;
border-radius: 3px;
text-align: center;
}

div.xyz-popup a:hover {
background-color: #206000;
}

div.xyz-popup p {
color: #000;
text-align: center;
font-size: 20px;
font-weight: 600;
padding-bottom: 10px;
}

.spg {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #ffffff;
}
.spg table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	font-size: 18px!Important;
}.spg tr:last-child td:last-child {
	
}
.spg table tr:first-child td:first-child a {
	font-size: 20px!Important;
}
.spg table tr:first-child td:last-child {
	
}.spg tr:last-child td:first-child{
	
}.spg tr:hover td{
	background-color:#ff9c0f;
		

}
.spg td {
	vertical-align:middle;
	background-color:#AAAAAA;
	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:center;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#fafafa;
	padding: 10px;
}

.spg tr:last-child td{
	border-width:0px 1px 0px 0px;
	height: 85px;
}.spg tr td:last-child{
	border-width:0px 0px 1px 0px;
	height: 85px;
}.spg tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
	height: 85px;
}
.spg tr:first-child td {
	font-size: 26px!Important;
	background:-o-linear-gradient(bottom, #339900 5%, #339900 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #339900) );
	background:-moz-linear-gradient( center top, #3399005%, #339900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#339900", endColorstr="#339900");
	background: -o-linear-gradient(top,#339900,339900);
	background-color:#339900;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:19px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.spg tr:first-child a {
	font-size: 18px!Important;
}

.spg tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #1A4C00 5%, #1A4C00 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1A4C00), color-stop(1, #1A4C00) );
	background:-moz-linear-gradient( center top, #1A4C005%, #1A4C00100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A4C00", endColorstr="#1A4C00");
	background: -o-linear-gradient(top,#1A4C00,1A4C00);
	background-color:#1A4C00;
}
.spg tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
	height: 113px;
	max-height: 113px;
}
.spg tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
	height: 76px!Important;
}

.spg td {
padding: 0px 18px;
}

div.spgdiv {
width: 33%;
float: left;
margin-bottom: 26px;
}

div.main_state_page_guide {
margin: 0 auto;
}

.spgdiv a {
    text-decoration: none;
    color: #fafafa;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 1.4em;
}

div.main_state_page_guide h2 {
    color: #390;
    font-size: 26px!important;
    margin-bottom: 0px;
}

div.spga {
width: 33%;
float: left;
margin-bottom: 26px;
}

a.spga1 {
 display: block;
  width: 98%;
  height: 72px;
  background: #339900;
  padding: 10px;
  text-align: center;
  font-weight: 600;
  border-radius: 2px;
  color: #FAFAFA;
  margin: 1%;
  text-decoration: none;
}

a.spga2 {
 display: block;
  width: 98%;
  height: 72px;
  background: #AAAAAA;
  padding: 10px;
  text-align: center;
  font-weight: 600;
  border-radius: 2px;
  color: #FAFAFA;
  margin: 1%;
  text-decoration: none;
}

a.spga2:hover {
background-color: #ff9c0f;
}

@media (max-width:660px) {
.spg tr:first-child td {
font-size: 18px;
}}

@media (max-width:630px) {
.spg tr:first-child td {
font-size: 17px;
}}

@media (max-width:600px) {
.spg tr:first-child td {
font-size: 16px;
}}

@media (max-width:630px) {
.spg td {
font-size: 13px;
}}

@media (max-width:588px) {
div.spgdiv {
display: none;
}}

@media (min-width:587px) {
div.spgmobile {
display: none;
}}

.spgmotable {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}

.spgmotable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}

.spgmotable tr:hover td{
	background-color:#1A4C00;
		

}

.spgmotable td{
	vertical-align:middle;
	
	background-color:#339900;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:5px;
	font-size:19px;
	font-family:Arial;
	font-weight:bold;
	color:#fafafa;
}

.spgmotable td a {
	display: block;
	width: 100%;
	font-size:19px;
	font-weight:bold;
	color:#fafafa;
	text-decoration: none;
}

.leadlogo {
margin-top: 15px;
}

div.xyz-mobile {
    padding: 11px 35px;
    margin-bottom: 0px;
    text-align: center;
}

div.xyz-mobile H2 {
color: #339900;
margin-top: 0px;
}

div.xyz-mobile a {
    display: inline-block;
    text-decoration: none;
    color: #FAFAFA;
    width: 100%;
    padding: 20px 30px;
    margin: 0 0 20px 0;
    font-weight: 600;
    background-color: #339900;
    line-height: 1em!Important;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    text-align: center;
}

div.xyz-mobile a:hover {
background-color: #206000;
}

div.xyz-mobile p {
    color: black;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 10px;
}

.xyz-mobile img {
    width: 70%;
    max-width: 200px;
}

.reportmain {
width: 100%;
border: 2px solid #339900;
}

div.reportleft {
position: relative;
float: left;
width: 60%;
margin: 1%;
}

.reportleft iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border: none;
}

@media (max-width:640px) {
div.reportleft {
width: 100%;
}}

.reportimg {
max-width: 100%;
}

div.reportright {
float: left;
width: 35%;
margin: 1%;
}

@media (max-width:640px) {
div.reportright {
width: 100%
}}

.rpt100 {
display: block;
width: 100%;
height: auto;
}


div.ranking-content-area {
display: inline-block;
margin: 1%;
width: 100%;
max-width: 1040px;
min-width: 960px;
}


h1.report-entry-title {
	font-size: 60px;
	margin: 20px 0;
	color: #000 !Important;
	text-decoration: none !Important;
}

h1.report-entry-title a {
text-decoration: none !Important;
color: #000 !Important
}

div.report-content-wrapper {
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 1040px;
}

div.reportframe {
position: relative;
width: 1040px;
margin: 0 auto;
overflow: auto;
display: none;
}

div.reportframe iframe {
width: 960px;
height: 772px;
border: none;
}

div.rptnav ul {
list-style: none;
}

div.rptnav li {
display: inline-table;
position: relative;
background-color: #ff9c0f;
color: #fff;
font-weight: 600;
padding: 5px;
}

div.rptnav a {
color: #fff !important;
text-decoration: none;
}

div.rpttable{
width: 33%;
float: left;
margin-bottom: 13px;
}

div.outcometable {
margin-bottom: 26px;
}

.outcometable a {
    text-decoration: none;
    color: #fafafa;
    width: 100%;
    display: block;
}

.rpttable a {
    text-decoration: none;
    color: #fafafa;
    width: 100%;
    display: block;
}

@media (max-width:730px) {
div.rpttable{
width: 100%;
}}

@media (min-width:700px) {
.spg td {
height: 60px!Important;
}}

.StateTable {
	width: 100%;
	border: none;
	margin-bottom: 0px!Important;
}

.StateTable th, td {
	overflow: hidden;
}

.StateTable td {
	vertical-align:middle;
	padding-left:2%;
	padding-right:2%;
	font-weight:normal;
	color:#000000;
	text-align: -webkit-center;
}

.StateTable tr:first-child td{
	background-color: #e6e6e6;
	text-align:center;
	border-width:1px 0px 1px 0px;
	font-size:16px;
	font-weight:600;
	color:#000;
}

.StateTable tr:nth-child td {
	padding-top: 2%;
	padding-bottom: 1%;
}

div.statearound {
overflow: auto;
outline: 1px solid;
}

.rptbutton {
  color: #fff;
  border-color: #fff;
  font-weight: 600;
  font-size: 26px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  margin-bottom: .2em;
  display: inline-block;
  padding-top: 10px;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  }

.rptbutta {
  color: #fff;
  border-color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-color:#339900;
  font-weight: 600;
  font-size: 26px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  margin-bottom: .2em;
  display: inline-block;
  padding-top: 10px;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  }

.rptbuttb {
  color: #fff;
  border-color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-color: #8acc64;
  font-weight: 600;
  font-size: 26px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  margin-bottom: .2em;
  display: inline-block;
  padding-top: 10px;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  }

.rptbuttc {
  color: #fff;
  border-color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-color: #ffd700;
  font-weight: 600;
  font-size: 26px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  margin-bottom: .2em;
  display: inline-block;
  padding-top: 10px;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  }

.rptbuttd {
  color: #fff;
  border-color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-color: #ff9c0f;
  font-weight: 600;
  font-size: 26px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  margin-bottom: .2em;
  display: inline-block;
  padding-top: 10px;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  }

.rptbuttf {
  color: #fff;
  border-color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-color: #ff0000;
  font-weight: 600;
  font-size: 26px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  margin-bottom: .2em;
  display: inline-block;
  padding-top: 10px;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  }

.button-circle {
  border-radius: 100%; }

 .button-circle.button-jumbo {
	width: 60px;
	height: 60px;
}

div.statebuttons {
margin-bottom: 20px;
margin-top: 25px;
}

.rptbutton a{
text-decoration: none!Important;
color: #fff;
}

.chooseyouradventure a {
    text-decoration: none;
    color: #fafafa;
    display: block;
    overflow: auto;
}

div.chooseyouradventure {
width: 100%;
}

.choosetable {
	padding: 0px;
	width: 33%;
	border: 1px solid #ffffff;
	float: left;
	margin-bottom: 6%;
}

.choosetable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:33%;
	height:100%;
	margin:0px;padding:0px;
	font-size: 18px!Important;
}

.choosetable tr:last-child td:last-child {
	
}
.choosetable table tr:first-child td:first-child {
	font-size: 20px!Important;
}

.choosetable tr:hover td{
	background-color:#ff9c0f;
}

.choosetable td{
	vertical-align:middle;
	
	background-color:#AAAAAA;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:14px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#fafafa;
}.
choosetable tr:last-child td{
	border-width:0px 1px 0px 0px;
	height: 85px;
}
.choosetable tr td:last-child{
	border-width:0px 0px 1px 0px;
	height: 85px;
}
.choosetable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
	height: 85px;
}
.choosetable tr:first-child td{
	font-size: 20px!Important;
	background:-o-linear-gradient(bottom, #339900 5%, #339900 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #339900) );
	background:-moz-linear-gradient( center top, #3399005%, #339900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#339900", endColorstr="#339900");
	background: -o-linear-gradient(top,#339900,339900);
	background-color:#339900;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:19px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.choosetable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #1A4C00 5%, #1A4C00 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1A4C00), color-stop(1, #1A4C00) );
	background:-moz-linear-gradient( center top, #1A4C005%, #1A4C00100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A4C00", endColorstr="#1A4C00");
	background: -o-linear-gradient(top,#1A4C00,1A4C00);
	background-color:#1A4C00;
}
.choosetable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
	height: 113px;
	max-height: 113px;
}
.choosetable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
	height: 69px!Important;
}

@media (max-width:740px) {
.choosetable {
	height: 110px;
}}

@media (max-width:476px) {
.choosetable {
	height: 150px;
}}

.reportcard {
outline: solid 2px #ececec;
}

.imgright {
	float: right;
	margin: margin: 5px 0px 5px 5px;
}

.spgrpt {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #ffffff;
}

.spgrpt table {
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	font-size: 18px!Important;
}

.spgrpt tr:last-child td:last-child {
	
}

.spgrpt table tr:first-child td:first-child {
	font-size: 20px!Important;
}

.spgrpt table tr:first-child td:last-child {
	
}

.spgrpt tr:last-child td:first-child{
	
}

.spgrpt tr:hover td {
	background-color:#ff9c0f;
}

.spgrpt td {
	vertical-align:middle;
	
	background-color:#AAAAAA;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:center;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#fafafa;
}

.spgrpt tr:last-child td{
	border-width:0px 1px 0px 0px;
	height: 50px;
}

.spgrpt tr td:last-child {
	border-width:0px 0px 1px 0px;
	height: 50px;
}

.spgrpt tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
	height: 50px;
}

.spgrpt tr:first-child td {
	font-size: 20px!Important;
	background:-o-linear-gradient(bottom, #339900 5%, #339900 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #339900) );
	background:-moz-linear-gradient( center top, #3399005%, #339900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#339900", endColorstr="#339900");
	background: -o-linear-gradient(top,#339900,339900);
	background-color:#339900;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:19px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.spgrpt tr:first-child:hover td {
	background:-o-linear-gradient(bottom, #1A4C00 5%, #1A4C00 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1A4C00), color-stop(1, #1A4C00) );
	background:-moz-linear-gradient( center top, #1A4C005%, #1A4C00100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A4C00", endColorstr="#1A4C00");
	background: -o-linear-gradient(top,#1A4C00,1A4C00);
	background-color:#1A4C00;
}

.spgrpt tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
	height: 113px;
	max-height: 113px;
}
.spgrpt tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
	height: 53px!Important;
}

@media (max-width:660px) {
.spgrpt tr:first-child td {
font-size: 18px;
}}

@media (max-width:630px) {
.spgrpt tr:first-child td {
font-size: 17px;
}}

@media (max-width:600px) {
.spgrpt tr:first-child td {
font-size: 16px;
}}

@media (max-width:630px) {
.spgrpt td {
font-size: 13px;
}}

@media (min-width:700px) {
.spgrpt td {
height: 45px!Important;
}}

.noborder table {
border: none;
font-size: 20px;
}

.noborder td {
border: 12px solid #FFF;
text-align: center;
background: #339900;
}

.noborder a {
text-decoration: none;
color: #FFF;
}

.noborder a:hover {
text-decoration: underline;
}

.statestable td {
text-align: center;
    width: 20%;
    padding: 1%!Important;
}

.mobilestates td {
text-align: center;
width: 33%;
padding: 1%!Important;
    border-top: none!Important;
    border-bottom: 1px solid #CCC;
}

@media (min-width:600px) {
div.mobilestates {
display: none;
}}

@media (max-width:601px) {
div.statestable {
display: none;
}}

.mobilestates th {
text-align: center;
width: 33%;
padding: 1%!Important;
}

.statestable th {
text-align: center;
    width: 20%;
    padding: 1%!Important;
}

.yarpp-related {
float: left;
}

.yarpp-thumbnail {
    max-width: 164px!important;
    width: 50%!Important;
    min-width: 120px;
margin: 5px 5px!Important;
padding: 10px!Important;
height: auto!Important;
}

.yarpp-thumbnails-horizontal img {
margin: 0 auto!Important;
margin-bottom: 10px!Important;
}

.yarpp-thumbnail-title {
width: 100%!Important;
overflow: visible!Important;
text-align: center!Important;
margin: 0px!Important;
}

img.dude {
margin-top: 20px;
float:left;
}

@media (min-width:720px) {
.statecolumn img {
max-width: 504px;
}}

.greysurround {
    background: #d9d9d9;
    width: 100%;
    padding: 30px 0px;
    overflow: auto;
}

.fb-page.fb_iframe_widget {
    width: 285px;
}

._2p3a {
    width: 285px;
}

@media (max-width:690px) {
.innerupper {
    float: left;
    width: 48%;
    margin: 0% 1%;
}}

@media (max-width:690px) {
.innerlower {
    float: left;
    width: 48%;
    margin: 0% 1%;
}}

@media (max-width:690px) {
div.state_header_inner_left {
height: auto;
max-width: 100%;
display: none;
}}

@media (min-width:691px) {
div.state_header_inner_left {
width: 34%!Important;
}}

@media (min-width:691px) {
div.state_header_inner_right {
width: 66%!Important;
}}

@media (min-width:691px) {
.state_header_mobile_inner_left {
display: none;
}}

@media (max-width:690px) {
div.state_header_mobile_inner_left h2, div.state_header_mobile_inner_left h3 {
margin: 0px;
padding: 8px 0px 7px 0px;
width: 100%;
text-align:center;
color: #FAFAFA;
}}


.innerlower h2 {
font-size: 22px;
line-height: 1.45em;
}

@media (max-width:500px) {
.innerlower h2 {
line-height: 1.3em;
}}

@media (max-width:500px) {
div.state_header_mobile_inner_left h2 {
font-size:19px;
}}

@media (max-width:690px) {
div.state_header_mobile_inner_left {
display: inline-block;
box-sizing: border-box;
width: 100%;
height: auto;
padding: 30px 15px;
}}

div.state_header_mobile_inner_left h3.value.big {
background-color: #DDDDDD;
margin-bottom: 10px;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: white;
}

div.state_header_mobile_inner_left h3.value {
font-size: 60px;
text-align: center;
color: #232323;
}

.factorcircles img {
    max-width: 504px;
    width: 100%;
}

.dot {
    width: 30px!important;
    float: left!IMPORTANT;
    margin-right: 10px!important;
    margin-bottom: 0px!Important;
    margin-left: 0px!Important;
}

.fullwidth-statepage {
max-width: 900px;
margin: 0 auto;
padding: 1px 10px;
}

@media (min-width: 899px) {
.fullwidth-statepage {
width: 100%
}}

.fullwidth-statepage img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 504px;
    height: auto;
}

.payback_charts img {
    width: 100%;
    max-width: 600px;
    float: right;
    margin-left: 25px;
    margin-bottom: 25px;
}

.home_state_table {
	width: 100%;
	border: none;
	margin-bottom: 30px;
	float: left;
	padding-right: 10px; 
}

.home_state_table table {
margin: 50px 0px 20px 0px;
}

.home_state_table th, td {
	overflow: hidden;
}

.home_state_table td {
	vertical-align:middle;
	padding-left:2%;
	padding-right:2%;
	font-weight:normal;
	color:#000000;
	text-align: -webkit-center;
	border-top: none!Important;
	border-bottom: 1px solid #ccc;
}

.home_state_table tr:nth-child td {
	padding-top: 2%;
	padding-bottom: 1%;
}

.homeleft {
width: 65%;
float: left;
}

div.google-visualization-tooltip-item {
    margin-top: -117px!Important;
    margin-left: 103px!Important;
}

#iwm_map_canvas {
    overflow: visible!Important;
    margin-top: 20px;
}

div.bottomofpost_home {
	background-color: #ff9c0f;
	color: #FFFFFF;
	padding: 0px 30px 30px 30px;
	width: 85%;
	margin-left: 5%;
	overflow: auto;
	margin-bottom: 30px;
}

@media (max-width:850px) {
div.bottomofpost_home {
display: none;
}}

@media (max-width:850px) {
.homeleft {
width: 100%;
padding: 10px;
}}

@media (max-width:850px) {
#iwm_map_canvas {
   margin-top: 0px;
}}

@media (max-width:850px) {
.home_state_table {
	width: 100%;
}}

@media (max-width:850px) {
.home_state_table table {
    margin: 0 auto;
    width: 85%;
}}

.fronth4 {
margin: 8px 0px 0px 0px!Important;
color: #339900;
text-align: center;
}

a.bottomoffront-dudebutton {
	width: 46%;
	float: right;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
	margin-top: 55px;
	margin-right: 4%;
}

.widget_intelliwidget h3.intelliwidget-title {
    margin: 0 auto!Important;
    font-size: .9em;
    width: 69%;
    margin-top: 5px!Important;
}

.wbounce-modal .modal-footer {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0px!Important;
}

.homehead {
    padding: 0px 15px;
    font-size: 36px!Important;
    color: #339900;
    text-align: center;
}

@media (max-width: 985px) {
.homehead {
	padding: 0px 15px;
	font-size: 32px!Important
}}

@media (max-width: 880px) {
.homehead {
	padding: 0px 25px;
	font-size: 36px!Important
}}

@media (max-width: 590px) {
.homehead {
	padding: 0px 10px;
	font-size: 32px!Important
}}

@media (max-width: 500px) {
.homehead {
	padding: 0px 5px;
	font-size: 24px!Important
}}

@media (max-width: 500px) {
.fronth4 {
font-size: 14px;
}}

@media (max-width: 400px) {
.fronth4 {
display: none;
}}

.guidelink {
text-decoration: none!Important;
color: #339900;
}

a.guidelink:hover {
color: #004D00;
}

input#fscf_submit1 {
background-color: #339900;
}

input#fscf_submit1:hover {
background-color: #004D00;
}

.applylogo {
margin-right: 130px;
}

div.applydecision {
    background-color: #eee;
    border: solid 1px black;
    border-radius: 5px;
    padding: 15px;
    width: 93%;
    height: auto;
    margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 1em;
    clear: both;
}

#applydecision .dt_display_title {
display: none;
}

#applydecision .dt_button {
background: #ff9c0f;
border-color: #ff9c0f;
font-size: 16px;
font-weight: 600;
max-width: 100%;
width: 80%;
}

#applydecision .dt_radio_choice:hover {
background-color: #CC6900;
border-color: #CC6900;
}

#applydecision .dt_display_info {
width: 80%;
text-align: left;
margin-top: 15px;
}

#applydecision .dt_display_question {
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.25em;
padding-left: 5%;
padding-right: 5%;
}

#applydecision .dt_display_answer {
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.25em;
}

.decision_tree_area .answer-restart {
background-color: #777!Important;
border-color: #777!Important;
}

.applyring {
    float: left;
    width: 504px;
    margin-right: 49px;
}

.applycopy {
	width:92%;
	margin-top: 30px;
	margin-right:auto;
	margin-left:auto;
}

.applycopy h3 {
color: #ff9c0f!Important;
clear: none!Important;
}

.applymain {
	width: 1040px;
	margin-bottom: 30px;
}

.borderme {
border: 1px solid black;
}

.nicesave {
float: left;
width: 41%;
margin-bottom: 30px;
}

.nicesave img {
width: 96%;
float: left;
}

.savecopy {
float: left;
width: 593px;
padding: 0px 34px;
}

.savecopy li {
margin-left: -20px;
padding-left: 5px;
line-height: 1.75;
}

.savecopy h1 {
    margin: -23px 0px 17px 0px;
    font-size: 40px;
    line-height: 1.2;
}

div.ctapplydecision {
    background-color: #eee;
    border: solid 1px black;
    border-radius: 5px;
    padding: 15px;
    width: 93%;
    height: auto;
    margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 1em;
    clear: both;
}

#ctapplydecision .dt_display_title {
display: none;
}

#ctapplydecision .dt_button {
background: #ff9c0f;
border-color: #ff9c0f;
font-size: 16px;
font-weight: 600;
max-width: 100%;
width: 80%;
}

#ctapplydecision .dt_radio_choice:hover {
background-color: #CC6900;
border-color: #CC6900;
}

#ctapplydecision .dt_display_info {
width: 80%;
text-align: left;
margin-top: 15px;
}

#ctapplydecision .dt_display_question {
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.25em;
padding-left: 5%;
padding-right: 5%;
}

#ctapplydecision .dt_display_answer {
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.25em;
}

small.ng-scope {
display: none;
}

.imgcaption {
font-size: small;
font-weight: 600;
font-style: italic;
text-align: center;
}

.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-1px);
    margin: 5% auto;
    margin-top: 0;
    max-width: 777px;
    text-align: center;
    color: #fff;
}

.parallax {
  perspective-origin-x: 100%;
}
.parallax__layer {
  transform-origin-x: 100%;
}

div.beautiful-copy {
    margin: 0 auto;
    margin-top: 0;
    max-width: 777px;
    text-align: center;
    color: #fff;
}

@media (orientation:portrait), (max-width:790px) {
div.beautiful-copy {
margin: 1% 5% 1% 5%;
}}

.beautiful-back {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: -250px;
    z-index: -999;
}

@media (orientation:portrait), (max-width:790px) {
.beautiful-back {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -999;
}}

.beautiful-copy h1 {
    font-size: 300%;
}

.beautiful-copy h2 {
    font-size: 200%;
    margin: 5px 0px;
}

.homeighead {
    margin: 15px 0px 0px 0px;
}

@media (max-width: 510px) {
.homeighead {
    font-size: 16px;
}}

@media (max-width: 400px) {
.homeighead {
    font-size: 14px;
}}

@media (max-width: 640px) {
.infonarrow {
display: none;
}}

@media (min-width: 640px) {
.infotaller {
display: none;
}}

img.infotaller {
margin-top: -20px;
}

li.columnlist:nth-child(odd) {
    float: left;
	width: 33%;
	padding-right: 20px;
}

li.columnlist:nth-child(even) {
    float: left;
	width: 33%;
	padding-right: 20px;
}

@media (max-width: 540px) {
    li.columnlist {
        float: none;
        width: 100%!Important;
    }
}

.visbutt {
display: block;
width: 250px;
padding: 8px;
background-color: #339900;
color: white;
text-decoration: none;
font-weight: 600;
}

a.visbutt:hover {
color:white;
}

.ultxyzimg {
float: left;
margin: 20px 0px 20px 20px;
}

.ultcopynbutt {
float: left;
width:50%;
}

.ultcopynbutt h2 {
    float: left;
    text-align: left;
    font-size: 32px;
    color: white;
    margin: 40px 15px 30px;
}

div.ultcopynbutt a {
display: inline-block;
text-decoration: none;
color: #FAFAFA;
padding: 15px 30px 0px 30px;
width: 100%;
max-width: 280px;
line-height: 24px;
height: 80px;
font-size: 26px;
background-color: #FF0000;
cursor: pointer;
border: none;
border-radius: 3px;
text-align: center;
}

div.stretchy a:hover {
background-color: #CC0000;
}

.keycnav {
width: 100%;
overflow: auto;
text-align: center;
}

.keycnav a {
    float: left;
    display: inline-block;
    background-color: #339900;
    width: 316px;
    color: white;
    text-decoration: none;
    height: 70px;
    margin: 0 3% 0 3%;
    font-weight: 600;
    padding: 13px;
}

@media (max-width: 758px) {
.keycnav a {
    width: 80%;
    min-width: 260px;
    margin: 0 0 2% 0;
    float: none;
}}

.keycnavfirst {
width: 100%;
overflow: auto;
text-align: center;
}

.keycnavfirst a {
    display: inline-block;
    background-color: #339900;
    width: 316px;
    color: white;
    text-decoration: none;
    min-height: 70px;
    margin: 0 3% 0 3%;
    font-weight: 600;
    padding: 13px;
}

@media (max-width: 758px) {
.keycnavfirst a {
    width: 80%;
    min-width: 260px;
    margin: 0 0 2% 0;
    float: none;
}}

div.fribbon {
    background: #ff9c0f;
    padding: 10px 0px;
    text-align: center;
    font-size: large;
}

.fribbon h3 {
    padding: 3px;
    font-size: 35px;
    color: white;
    background: #ff9c0f;
    margin-top: -15px;
}

@media (max-width:500px) {
.fribbon h3 {
    font-size: 14px;
}}

@media (max-width:800px) {
.fribbon h3 {
    font-size: 30px;
}}

.fribmage {
    max-width: 80%;
    height: auto;
    margin: 10px 5px;
}

.fribbon p {
    font-size: 14px;
    margin: 0 auto;
    max-width: 77%;
}

input.ng-pristine.ng-valid {
    max-width: 60%;
    margin-left: 2%;
}

calculoid-formula.ng-isolate-scope {
    color: #339900;
    font-weight: 600;
    font-size: larger;
    line-height: 1.5em;
    text-shadow: 1px 1px #545454;
}

.calculoid-container input[type=number], .calculoid-container input[type=text], .calculoid-container select {
    max-width: 20%;
    margin: -6px 0px -10px 10px;
}

.jvectormap-tip {
    border: 1.5px solid #868686;
    border-radius: 0px!Important;
    font-size: 0px!important;
    padding: 0px!Important;
    background: #fff!important;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);
}

div#usa-map-19869 {
    margin-top: -10%;
}

.jvectormap-zoomin {
    top: 15%!Important;
    padding: 1%!Important;
}
	
.jvectormap-zoomout {
    top: 20%!Important;
    padding: 1%!Important;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: auto!Important;
    right: 10px!Important;
    border-radius: 3px;
    background: #292929;
    opacity: .75;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

a.greenbutt {
    display: inline-block;
    padding: 2%;
    background: #339900;
    color: white;
    text-decoration: none;
    font-weight: 600;
    max-width: 40%;
    margin-left: 30%;
    text-align: center;
    font-size: large;
}

@media (max-width:766px) {
a.greenbutt {
    max-width: 70%;
    margin-left: 15%;
}}

a.greenbutt:hover {
background: #004D00;
}

.npvppa {
	padding: .5% 5%;
	background: #4E80BD;
	color: white;
	font-family: arial;
	margin: 0 auto;
	font-size: large;
	text-align: center;
	font-weight: 600;
	padding: 1% 0%;
}

.npvloan {
	padding: .5% 5%;
	background: #FF9C0F;
	color: white;
	font-family: arial;
	margin: 0 auto;
	font-size: large;
	text-align: center;
	font-weight: 600;
	padding: 1% 0%;
}

.npvpurch {
	padding: .5% 5%;
	background: #339900;
	color: white;
	font-family: arial;
	margin: 0 auto;
	font-size: large;
	text-align: center;
	font-weight: 600;
	padding: 1% 0%;
}

.greyh1 {
    background: rgba(0,0,0,.5);
    padding: 1% 4%!Important;
}

div#showit {
	display: none;
	background: #ededed;
	padding: 3%;
	border: 1px solid #999;
}

.npvdiv {
	border: 1px solid #bababa;
	margin: 2% 0%;
	
}

.npvdiv p {
padding-left: 2%;
padding-right: 2%;
}

.landpagediv {
    overflow: auto;
    min-width: 500px;
    max-width: 100%;
    margin-top: -2%;
    margin-left: -2%;
}

.landpagediv img {
max-width:100%;
}

.landhead {
    position: relative;
}

@media (min-width:1040px) {
.landhead {
    margin-top: -2%;
}}

.landhead h1 {
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: 10%;
    padding: .5% 2%;
    color: white;
    font-size: 211%;
}

.landingcopy {
    font-size: large;
    margin: 2%;
}

.landingcopy h2 {
margin-top:30px;
margin-bottom:0px;
font-size: 150%;
}

a.landingbutt {
    color: white;
    background: #339900;
    padding: 20px 100px;
    text-decoration: none;
    font-weight: 600;
    font-size: 120%;
    border-radius: 8px;
    text-shadow: 1px 1px 3px black;
    box-shadow: 1px 1px 3px black;
}

a.landingbutt:hover {
    background: #004D00;
}

.ctr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

.btndiv {
    text-align: center;
    bottom: 0%;
    position: fixed;
    left: 0%;
    background: white;
    width: 100%;
    height: 86px;
    padding: 28px;
    box-shadow: 0px 0px 10px #666;
}

div.slidedefault .slider {
    border-radius: 4px!Important;
    border: 0!Important;
    height: 1.3em!Important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px!Important;
    -webkit-border-top-left-radius: 4px!Important;
    -khtml-border-top-left-radius: 4px!Important;
    border-top-left-radius: 4px!Important;
}

div.multilead {
padding: 10px;
max-width: 860px;
margin-left:auto;
margin-right:auto;
}

div#fbuilder_1 {
    text-align: center;
}

#fbuilder .fields, #fbuilder .fform {
    margin: 0% 0%;
}

.cffminithank #fbuilder label {
    font-size: 1.5em;
    margin: 20px 0 15px;
    font-weight: 300;
    display: inline-block;
    max-width: 80%;
}

div.slidedefault #fieldname13_1_caption {
    text-align: center;
    margin: 0 0 5px 0;
    font-size: 2.5em;
    color:#ff9c0f;
}

div.slidedefault #fieldname17_1_caption {
    text-align: center;
    margin: 0 0 5px 0;
    font-size: 2.5em!important;
    color:#ff9c0f;
}

div#result {
    font-size: 1.25em;
    color: red;
    margin-top: -2%;
    max-width: 60%;
    margin: 0 auto;
    font-size: 18px;
}

#fbuilder .pbNext {
    float: none!Important;
    font-size: 1.5em!Important;
    width:80%Important;
	max-width: 200px;
margin: 0 auto!Important;
margin-top: 2%!Important;
}

#fbuilder .pbPrevious {
    float: none!Important;
    font-size: 1.5em!Important;
    width:80%Important;
	max-width: 200px;
margin: 0 auto!Important;
margin-top: 2%!Important;
}

div#fieldname13_1_slider {
    margin: 0 auto;
}

div#fieldname48_1_slider {
    margin: 0 auto;
}

/* Blocked because it's destroying everything!
input#fieldname35_1 {
    text-align: center;
    border-bottom: none!important;
}
*/

span.cp_cff_dark_notebook_radio{
visibility:hidden;
position:absolute;
}

.side_by_side input:checked + img {
    background: rgba(84, 252, 0, 0.3);
}

.cfficon:hover {
background: rgba(150,150,150,.5)
}

#fbuilder .side_by_side {
width:23%;
display: inline-block;
float:none!important;
vertical-align:top;
margin: 1%!important;
}

#fbuilder .side_by_side label {
font-size: 16px!important;
}

.cff_spr_white #fbuilder {
padding-bottom: 30px!Important;
}

@media (max-width:500px) {
#fbuilder .side_by_side label {
font-size: 12px!important;
}}

img.cfficon {
    margin: 5px 0px;
}

#fbuilder .top_aligned .fields .dfield {
    margin: 1% 0%;
}

@media (max-width:500px) {
#fbuilder .top_aligned .fields .dfield {
    margin: 0% 0%;
}}

h1.cffh1 {
font-size: 50px!important;
font-weight: 400;
margin-top:-3%!important;
}

@media (max-width: 500px) {
h1.cffh1 {
font-size: 26px!Important;
}}

span.cffcaption {
    font-size: 17px;
    font-weight: 400;
    color: #339900!important;
}

@media (max-width: 500px) {
span.cffcaption {
font-size: 15px!Important;
}}

.fieldname54_1 {
margin-top: 2%;
}

input#fieldname54_1 {
    text-align: center;
}

@media (max-width:500px) {
div#result {
    font-size: 1em;
}}

.dfield input {
    text-align: center;
}

p.netrec {
    color: #DED65E;
    font-style: italic;
    font-size: 16px;
    margin: 0% 8%;
}

@media (max-width:600px) {
p.netrec {
    font-size: 14px;
    margin: 0% 3%;
}}

/*deal with this later
div#fieldname76_1 {
    margin: -6% 0%!important;
}
*/

div#ppaguide {
    float: right;
    width: 33%;
    background: #fafafa;
    padding: 1% 3%;
}

@media (max-width:860px) {
div#ppaguide {
    float: none;
    width: 100%;
    background: none;
    padding: 0px 0px;
}}

div#ppamain {
    float: left;
    width: 66%;
    padding-right: 2%;
}

@media (max-width:860px) {
div#ppamain {
    float: none;
    width: 100%;
    padding-right: 0%;
}}

.billslider {
display: none;
}

.calcresult {
    color: #ff9c0f;
    font-size: 22px;
    font-weight: 600;
}

@media (max-width:600px) {
.calcresult {
    font-size: 18px;
}}

.sprsocialbar {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: grey;
    height: 40px;
}


#csbwfs-bottom .csbwfs-responive-div {
    width: 100%!Important;
}

@media (max-width: 500px) {
#csbwfs-bottom .csbwfs-sbutton {
    width: 20%!important;
}}

@media (max-width: 500px) {
#csbwfs-social-inner .csbwfs-sbutton a {
    width: 100%!important;
}}

#responsive-menu-pro-header {
    box-shadow: -3px -2px 9px black!Important;
}

.pointermenu {
    cursor: pointer;
}

#responsive-menu-pro-container {
    margin-top: 57px!Important;
}

aside#text-1 {
    padding-top: 10px;
}

div#lbx_light_9 {
    min-width: 100%;
}

#closediv_9 {
   width: 26px;
}

.spr_share_donate {
    overflow: auto;
    margin: 17px 0px -10px 0px;
}

.spr_share_donate a {
    display: block;
    width: 30%;
    font-style: normal;
    font-size: 16px;
    margin-left: 2%;
    float: left;
    padding: 16px;
    text-align: center;
    text-decoration: none!important;
    background: #ff9c0f;
    color: white;
    font-weight: 600;
    border-radius: 28px;
}

.spr_share_donate a:hover {
background: #dd880f;
}

.donateform {
width: 30%;
text-align: center;
float: left;
margin-left: 3%;
}

.paypaldonate {
    background: #ff9c0f;
    width: 100%;
    border: none;
    border-radius: 28px;
    color: #ffffff;
    padding: 17px;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 601px) {
.paypaldonate {
font-size: 15px;
}}

@media (max-width: 549px) {
.paypaldonate {
font-size: 14px;
}}

@media (max-width: 601px) {
.spr_share_donate a {
font-size: 14px;
}}

.paypaldonate:hover {
background: #dd880f;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg {
    max-height: 20vmax;
    height: auto;
    margin-bottom: 15px!important;
}

.wpswp-post-comments {
    display: none;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-readmorebtn {
    font-size: 16px;
    float: right;
	background: #339900;
    color: white!Important;
}

.wpspw-post-grid-content p {
    margin: 0px;
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content h2 a {
    color: #333!Important;
    font-size: 26px!Important;
}

.wpspw-post-content {
    margin-top: 5px;
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content {
    border: 1px solid #555!Important;
    box-shadow: 1px 2px 10px #aaa;
}

.sp_wpspwpost_static {
    margin: 10px -15px 0 -15px!Important;
}

.full-wrapper {
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    background: #ebebeb;
    min-width: 455px;
}

@media (max-width:988px) {
.full-wrapper {
    font-size: 18px;
}}

.headingbar {
    margin: 0;
    color: white;
    overflow: auto;
    min-height: 200px;
}

.headingbar h1 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 200;
    max-width: 80%;
    margin: 0 auto;
    color: white;
    font-size: 52px;
    text-decoration:none;
}

.headingbar h1 strong {
    font-size:26px;
    text-transform: uppercase;
    font-weight: 900;
}

.headingbar h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 200;
    max-width: 80%;
    margin: 2rem auto;
    color: white;
    font-size: 40px;
    text-decoration: none;
}

.headingbar h2 strong {
    font-size:26px;
    text-transform: uppercase;
    font-weight: 900;
}

.headerhalf {
    float: left;
    width: 50%;
    padding: 2rem 4rem 2rem 0;
    text-align: left;
    font-family: 'Work Sans', sans-serif;
}

.headerfull {
    padding: 1rem 0;
    text-align: left;
    font-family: 'Work Sans', sans-serif;
}

.makeblue {
    background: #247eff;
}

.makeitso {
    background: #0DA863;
}

.makecadet {
    background: #238487;
}

.makegrey {
    background: #8a8a8a;
}

.makegreen {
    background: #339900;
}

.makepurple {
    background: indigo;
}

.makebrown {
    background: #FF8200;
}

.makeyellow {
    background: #006C3B;
}

.full-content {
    font-family: 'Work Sans', sans-serif;
    text-align: left;
    background: white;
    margin: 0 auto;
    width: 80%;
    padding: 2rem 3rem;
    max-width: 1040px;
}

@media (max-width:988px) {
.full-content {
    width: 90%;
}}

@media (max-width:500px) {
.full-content {
    width: 100%;
    padding: 2rem 2rem;
}}

img.logo-2017 {
    margin-left: 1rem;
    display: block;
    height: 55px;
    padding: 6px 0;
}

.fullwidth-head-inner {
    width: 80%;
    max-width: 1040px;
    margin: 0 auto;
}

.full-wrapper p {
    font-family: 'Work Sans', sans-serif;
    text-align: left;
}

.full-wrapper a {
    color: #ff9c0f;
    font-weight: 600;
}

.heading-inner-wrapper {
    width: 80%;
    margin: 2rem auto 0;
    overflow: auto;
    border-top: 1px solid rgba(0,0,0,.15);
    max-width: 1040px;
    padding: 1rem 3rem 2rem;
}

.offgridwrapper ul {
    margin-top: 0px;
}

@media (max-width:988px) {
.heading-inner-wrapper {
    width: 90%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}}

@media (max-width:988px) {
.headerhalf {
    width: 100%;
    padding: 0;
}}

@media (max-width:500px) {
.heading-inner-wrapper {
    width: 100%;
}}

.heading-inner-right-image {
    float: right;
    width: 45%;
    padding-top: 2rem;
    max-width: 330px;
}

@media (max-width:988px) {
.heading-inner-right-image {
    float: none;
    width: 100%;
    padding-top: 2rem;
    max-width: 430px;
    margin: 0 auto;
}}

.heading-inner-left-graph {
    float: left;
    width: 50%;
    padding-top: 1rem;
    margin-right: 5%;
}

@media (max-width:988px) {
.heading-inner-left-graph {
    float: none;
    width: 100%;
    margin-right: 0;
}}

.contents-item {
    display: inline-block;
    vertical-align: top;
    width: 21%;
    margin: .5% 3%;
    color: #232323;
    text-decoration: none!important;
    padding: 1rem 0;
}

@media (max-width:750px) {
.contents-item {
    width: 40%;
    padding: 1.5rem;
    margin: 3%
}}

@media (max-width:555px) {
.contents-item {
    width: 100%;
    padding: 2rem;
    margin: 0 3%
}}

.contents-item a {
    font-family: 'Work Sans', sans-serif;
    font-weight:400;
    color: #232323;
    text-decoration: none!important;
}

.contents-item a strong {
    text-transform: uppercase;
    font-weight: 600;
}

.full-content h3 {
    font-size: 31px;
    text-align: center;
}

.full-content h4 {
    font-size: 22px;
}

.full-content h6 {
    font-size: 17px;
    margin: 30px 0 0;
}

.headerhalf h3 {
    font-size: 24px;
    padding:0;
    margin-top:0;
}

@media (max-width: 555px) {
img.off-grid-icon {
    max-width:180px;
}}

img.chapterhead-icon {
    max-width: 180px;
    margin-top: 30px;
    margin-bottom: -20px;
}

img.chaptersubhead-icon {
    max-width: 180px;
    margin-top: 30px;
    margin-bottom: -10px;
}

.equestion {
    margin-top: 1rem;
    background: #fff5e7;
    padding: 1rem 1.5rem;
    font-style: italic;
}

.chartoverlay {
   background:transparent; 
   position: absolute; 
   width:100%;
   height:300px; /* your iframe height */
   top:300px;  /* your iframe height */
   margin-top:-300px;  /* your iframe height */
}

.samplesystem {
    text-align: center;
}

.samplesystem p {
    text-align: center;
    margin: 0 auto;
    margin-top: 0.25em;
    margin-bottom: 2em;
    max-width: 363px;
}

.samplesystem h3 {
    font-size: 2rem;
    margin-bottom: 2em;
}

.samplesystem h4 {
    color: white;
    text-align: center;
    font-size: 21px;
    margin-top: .25em;
    max-width: 302px;
    margin: 0 auto;
}

span.compprice {
    font-size: 40px;
    line-height: 1.25em;
    color: lightblue;
    font-weight: 600;
}

.offgridresult input {
    font-size: 33px;
    border: none;
}

@media (max-width: 700px) {
.offgridresult input {
    font-size: 26px;
    height:auto;
}}

@media (max-width: 550px) {
.offgridresult input {
    font-size: 22px;
    line-height: 2em;
}}

.offgridresultsub {
    margin-top: -20px!important;
}

.offgridresultsub input {
    font-size: 20px;
    border: none;
}

@media (max-width:790px) {
.offgridresultsub input {
    font-size: 18px;
    border: none;
    margin-top: 3px;
    margin-bottom: 2px;
}}

@media (max-width:630px) {
.offgridresultsub input {
    font-size: 15px;
    border: none;
    margin-bottom: 6px;
}}

table.offgridtable {
    max-width: 400px;
    margin: 0 auto;
}

table.offgridtable th {
    text-align: center;
}

table.offgridtable td {
    border: 1px solid;
    text-align: center;
    width: 50%;
    font-size: 17px;
}

table.offgridtable1 {
    margin: 0 auto;
}

table.offgridtable1 th {
    text-align: center;
vertical-align: middle;
    line-height: 1.2em;
}

table.offgridtable1 td {
    border: 1px solid;
    text-align: center;
    font-size: 17px;
}

table.offgridtable2 {
    margin: 0 auto;
    margin-top:15px;
}

table.offgridtable2 th {
    text-align: center;
vertical-align: middle;
    line-height: 1.2em;
}

table.offgridtable2 td {
    text-align: center;
    font-size: 17px;
}

@media (max-width: 600px) {
table.offgridtable1 td {
    font-size: 12px;
}}

@media (max-width: 600px) {
table.offgridtable1 th {
    font-size: 12px;
}}

@media (max-width:739px) {
.latterappliance {
    border-top: 1px solid #ccc;
    margin-top: 25px!important;
    padding-top: 20px!Important;
}}

.add-row {
    width: 100%!important;
}

.man-add-row {
    width: 100%!important;
}

div.addARowBtn {
    float: left!important;
    position: relative;
}

.addARowBtn input {
    color: white;
    background: #ff9c0f;
    padding: 7px 11px;
    border: none;
    font-family: 'Work Sans', sans-serif;
}

.rowAddButtons {
    width: 100%!important;
}

@media (max-width: 739px) {
div.addARowBtn {
    float: none!important;
    clear: both!important;
    margin: 15px 0!important;
}}

div#fbuilder {
    text-align: center;
}

div#cffresult {
    padding: 1% 0;
    border: 1px solid #ccc;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

div#cffresult p {
    display: inline-block;
    display: -webkit-inline-box;
    font-size: 33px;
    text-align: center;
}

#cffresult legend {
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin: 0 auto;
    margin-top: -30px;
    background: white;
    white-space: normal;
    font-size: 20px;
}

@media (max-width:988px) {
#cffresult legend {
    margin-top:-1.6rem;
}}

#offgridloadform.pbreak .pbPrevious, .pbreak .pbNext, .pbSubmit {
    background: #339900!important;
    color: white!important;
    float: none!important;
    margin: 0 auto!important;
    margin-bottom: 45px;
}

p.description {
    font-size: 15px;
    max-width: 600px;
    width: 85%;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: .5rem;
}

.ogloadcalc h2 {
    font-size: 33px;
}

div.twointhree {
    width: 100%!important;
}

span.ogdef {
    margin-left: 43px;
    display: block;
    font-size: 16px;
}

.little-dic-icon {
    width: 33px;
    float: left;
    margin: 0 10px 0 0!important;
}

.shadowbox {
    box-shadow: 0px 0px 10px;
}

.greenfieldset fieldset {
    border: 1px solid #339900!important;
}

.greenfieldset legend {
    border: 1px solid #339900!important;
}

.ahabulb {
    float: left;
    max-height: 44px;
    margin-top: -7px!important;
}

.ahablock {
    display: block;
    margin-left: 45px;
}

.yourinfoset fieldset {
    border: 2px solid #efefef!Important;
    border-radius: 15px;
    padding: 30px 0 30px!important;
    margin: 0 15px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #232323;
    background: #efefef;
}

.yourinfoset legend {
    background: white!important;
    color: #232323!important;
    border: 1px solid #339900!important;
}

.bigresultnum {
    font-size: 120%;
    font-weight: 400;
    color: #ff9c0f;
}

div.yourinfoset img {
    max-width: 90%;
}

div.yourinfoset p {
    max-width: 90%!important;
    text-align: left!important;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 0;
}

.cff_spr_white_radio {
display: none!important;
}

.cffformpage1 fieldset {
    border:none!important;
}

img.blockquoteimg {
float:left;
margin: 1% 5% 3% 0;
max-width:15%;
}

blockquote.blogquote {
overflow:auto;
background: #339900;
font-size: 16px;
line-height:1.5em;
}

blockquote.blogquote p {
    margin: 10px 10px;
    padding: 5px;
    line-height: 1.7em;
    color:white;
}

span.blogdateline {
    font-style: italic;
}

ol.boldol {
    font-weight: 600;
}

.readerquestion {
    border-left: 2px solid #339900;
    padding-left: 2%;
}

.cffmini {
    background: #efefef;
    padding-bottom: 10px;
}

.cff-mini-head {
    margin-top: -3.5rem;
    background: #4E80BD;
    color: white;
    padding: 12px 0 0;
    clear:both;
    text-align:center;
}

.cff-mini-head h2 {
    margin: 0;
    padding: 5px 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    text-transform: uppercase;
}

@media (max-width:500px) {
.cff-mini-head h2 {
    font-size:2rem;
}}

.cff-mini-head h3 {
    margin: 0;
    padding: 10px 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
}

.gosolarh4 {
    background: #ff9c0f;
    margin: 13px 0 0;
    overflow: auto;
}

.gosolarh4 h4 {
    margin: 0;
    padding: 8px 20px;
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

.cffmini select {
    height: 30px;
}

.cffmini fieldset {
    border: none!important;
}

.cffmini input {
    height: 2em;
}

@media (min-width:1020px) {
.threeacross {
    max-width: 93%;
    margin: 0 auto!important;
}}

.cffmini #fbuilder .ui-slider-handle {
    height: 2em;
    box-shadow: 0px 1px 5px #999;
}

.cffmini #fbuilder .ui-widget-header {
    background: #4E80BD;
}

.cffmini #fbuilder .uh_phone {
    margin-top: 0;
}

.cffmini div#result {
    margin-top: -20px;
}

@media (max-width: 520px) {
.cffmini div#result {
    margin-top: -10px;
}}

.hidden {
    display: none;
}

.cffmini .privacy {
    max-width: 83%;
    text-align: left;
    font-size: 9px;
    margin: 0 auto;
}

.cffmini #fbuilder input[type="button"] {
    background: #339900;
    color: white;
    border: none;
    padding: 15px 20px;
    height: auto;
    margin-top: 10px;
    box-shadow: 0 3px #ccc;
}

.cffmini #fbuilder input[type="button"]:hover {
    cursor: pointer;
    background: #226600;
}

.cffmini #fbuilder input[type="button"]:active {
    box-shadow: 0 1px #ccc;
    transform: translateY(2px);
}

.cffmini .progressbar {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    max-width:500px;
    list-style: none;
    -webkit-padding-start: 0px;
}

.cffmini .progressbar li {
    list-style-type: none;
    width: 33.33%;
    float: left;
    position: relative;
    height: auto;
    z-index: 10;
    text-align: center;
    padding-left: 10%;
    font-size: 3rem;
    line-height: 1.1em;
    font-weight: 300;
}

.progressbar li span {
    background: #dfe0e1;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
    display: table-cell;
    font-size: 40px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    vertical-align: bottom;
    width: 52px;
    z-index: 30;
}

.cffmini .progressbar li span:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #dfe0e1;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: -1;
}

.progressbar li.active span {
    background: #339900;
}

.cffmini .progressbar li.active span:before {
    background: #339900;
}

.cffminithank legend {
    border: none!important;
    color: white!important;
    width: 100.8%;
    margin-left: -1px;
    text-transform: capitalize;
    font-size: 28px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    background: #4E80BD!important;
    padding: 10px 0px!important;
}

.cffminithank .firstchild legend {
    width:100.4%;
}

.cffminithank #fbuilder .ui-slider-handle {
    height: 2em;
    box-shadow: 0px 1px 5px #999;
}

.yourinfoset .thankyoufirstblock fieldset {
    margin: 0;
    padding: 0px!important;
}

.calctidbit label {
    display: none!important;
}

.tidbitlabel h2 {
    margin: 0;
    font-weight: 300;
    display: inline-block;
    max-width: 90%;
}

.calctidbit input {
    border: none;
    background: none;
    font-size: 2.5em;
    color:#ff9c0f
}

.boldgreen input {
    color:#339900;
    font-weight:600;
}

.green400 {
    color:#339900;
    font-weight:400;
}

.tidbitwrap {
    display:inline-block;
    margin: 0 2.5% 2.5%!important;
    max-width: 45%;
    background: white;
    padding: 25px 0 30px!important;
    border-radius: 10px;
    border: 2px solid #4E80BD;
}

@media (max-width:760px) {
.tidbitwrap {
    max-width:60%;
}}

@media (max-width:550px) {
.tidbitwrap {
    max-width:100%;
}}

.tidbitwrap2 {
    display:inline-block;
    margin: 0 2.5% 2.5%!important;
    max-width: 45%;
    background: white;
    padding: 25px 0 30px!important;
    border-radius: 10px;
    border: 2px solid #4E80BD;
}

@media (max-width:760px) {
.tidbitwrap2 {
    max-width:60%;
}}

@media (max-width:550px) {
.tidbitwrap2 {
    max-width:100%;
}}

.calctidbit {
    padding:0!important;
}

.calctidbit .dfield {
    margin:0!important;
}

.tidbitlabel {
    padding:0!important;
}

.tidbitlabel .dfield {
    margin:0!important;
}

.noheight {
    height: 0!important;
    overflow: hidden;
    margin: -95px;
}

a.recalc.link {
    text-decoration: none;
    color: #339900;
    font-weight: 400;
    text-transform: lowercase;
    font-size: 16px;
}

p#adjust {
    margin-top:-90px;
}

.nopad {
    padding: 1px!important;
    margin-top: -94px!important;
    margin-bottom: 80px!important;
}

a.gototop {
    display: inline-block;
    background: #339900;
    text-decoration: none;
    padding: 15px 20px;
    color: white;
    box-shadow: 0px 4px #ccc;
}

a.gototop:active {
    box-shadow: 0 1px #ccc;
    transform: translateY(2px);
}

a.gototop:hover {
    cursor: pointer;
    background: #226600;
}

.tidbitlabel p {
    margin-top: 15px!important;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    width: 80%!important;
    font-size: 17px!important;
}

.cffminithank fieldset#fieldname89_1 {
    max-width: 97%;
    margin: 0 auto;
}

.cffminithank h3 {
    margin: 10px 0 5px;
    font-size: 24px;
    font-weight: 400;
    color: #232323;
}

.yourinfohalfwidth {
    overflow: auto;
}

@media (min-width: 700px) {
div.cffcontactinfo {
    max-width: 600px;
    margin: 0 auto!important;
}}

@media (min-width: 700px) {
div.cff_resp_p1 {
    max-width: 600px;
    margin: 0 auto!important;
}}

.cff_form_img {
    text-align: center;
    margin-top:15px;
}

@media (max-width:500px) {
.cffmini #fbuilder .dfield .slider {
    margin-top: 10px;
}}

.tyhalf {
width: 67%;
float:left;
}

@media (max-width: 1000px) {
.tyhalf {
width:100%;
}}

.tyhalf h2 {
margin-top: 0;
font-size:28px;
}

.halfwidth {
    width: 47%;
    float: left!important;
    margin: 1.5%;
}

@media (max-width: 680px) {
.halfwidth {
    width: 100%;
    margin: 1.5% 0;
}}

.skyblue {
    background: #4E80BD;
    width: 100%;
    position: relative;
    overflow: auto;
    z-index: 1;
}

@media (max-width: 680px) {
.skyblue {
    background: skyblue;
}}

.grassgreen {
    background: #339900;
    height: 13%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.grassblue {
    background: #4E80BD;
    height: 13%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

@media (max-width: 680px) {
.grassblue {
    background: #339900;
}}

.skyblue img {
    width: 80%;
    padding: 0 0 6px;
}

.skyblue h2 {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    color: white;
    font-size: 2.5rem;
    font-weight: 300;
    margin: 0;
    padding: 20px;
}

@media (max-width: 500px) {
.skyblue h2 {
    font-size: 2rem;
}}

.skyblue ul {
    display: table;
    padding: 0!important;
    margin: 0 auto;
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    max-width:70%;
}

.skyblue li {
    margin: 0 auto;
    padding-bottom: 10px;
}

.leftthird {
width:33%;
float:left;
}

.twothirds {
width: 65%;
float:left;
margin-top:-1px;
}

@media (max-width:680px) {
.leftthird {
width:100%;
}}

@media (max-width:680px) {.twothirds {
width: 100%;
}}

.greendiv {
    background: #339900;
    overflow:auto;
    margin-top:1.5%;
    padding-bottom:2%;
}

@media (max-width:680px) {
.greendiv {
    padding-bottom:0;
}}

.bluediv {
    background: #4E80BD;
    overflow:auto;
    margin-top:1.5%;
    padding-bottom:2%;
}

@media (max-width:680px) {
.bluediv {
    padding-bottom:0;
}}


.sliver {
    width: 2%;
    height: 487px;
    float: left;
}

@media (max-width:680px) {
.sliver {
    display: none;
}}

.newform-calchead {
    background: #4E80BD;
    width: 100%;
    height: auto;
}

@media (max-width: 680px) {
.newform-calchead {
    background: skyblue;
}}

.newform-calchead h2 {
    text-align: center;
    padding: 20px;
    color: white;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
}

.redbuttondiv #fbuilder input[type="button"] {
    background: red;
}

.redbuttondiv #fbuilder input[type="button"]:hover {
    background: darkred;
}

.clearboth {
clear:both;
}

.margin20 .cff-mini-head {
    margin-top: -15px!important;
}

.post-15613 .cffmini {
    display: none;
}

.post-6424 .cffmini {
    display: none;
}

.main-sidebar .cffmini {
    margin-top: 35px;
    background: #fafafa;
    border: 2px solid #ff9c0f;
}

.main-sidebar .pbSubmit {
    padding: 15px 0;
    max-width: 90%;
    font-weight: 600;
    font-size: 20px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    border-radius: 4px;
}

.main-sidebar input {
margin-top:15px!important;
}

p.img-attrib {
    margin-top: -15px;
    text-align: right;
    color: #aaa;
    font-size: 12px;
}

.margin20 .cff-mini-head {
    display: none;
}