@charset "utf-8";

body {
	background-color: #fff;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	color: #575757;
}
a {
	color: #00bded;
}
h1 {
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
	color: #666;
}
h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 2.1em;
	margin-top: 0;
	color: #666;
}
h3 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #666;
}
h4 {
	font-family: 'Raleway', sans-serif;
}
h5 {
	font-family: 'Raleway', sans-serif;
}

.txt-warning {
    color: #ff6d00;
}
.txt-info {
    color: #00bded;
}

.txt-white {
    color: #fff;
}
.txt-danger {
    color: #d9534f;
}

.txt-success {
    color: #5cb85c;
}
.txt-dblue {
	color: #1f3554;
}
.font-normal {
    font-weight: normal;
}

/* hide the appearance of the HTML5 number inputs spin box */
/* currently no way to hide them in opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    /* display: none; <-- Crashes Chrome on hover? */
    -webkit-appearance: none !important; /* <!-- !important is needed to support safari as well */
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance:textfield; /* <-- support for firefox */
}


.collapse-inline.in {
    display: inline;
}


.center-block {
	white-space: normal; /* fixes button wrapping */
}

.max-700 {
    max-width: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.max-500 {
    max-width: 500px;
    display: block;
    margin: auto;
}

.max-300 {
    max-width: 300px;
    display: block;
    margin: auto;
}

/* columns - removes floats to centre stacked cols */
.col-centered {
    text-align: center;
    font-size: 0;
}
.col-centered > div {
    float: none;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

/* heading variations */
.homepage_title {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
}


.title_gray_bg a {
  color: #636363 !important;
  font-weight: bold !important;
}

.title_color_bg a {
  color: #FFFFFF !important;
  font-weight: bold !important;
}

.news_publish_date {
  background-color: rgb(51,122,183);
  color: #fff;
  width: 81px;
  font-size: 12px;
  padding: 3px 0 3px 7px;
  margin: -23px 0 0;
  position: absolute;
  border-radius: 0 2px 0 0;
  opacity: .9;
}

a.read-more {
  background-color: #337ab7;
  color: #FFF;
  display: inline-block;
  zoom: 1;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

a.read-more:hover {
  opacity: .8;
  text-decoration: none;
}

#blog_iamge img {
  height: 150px !important;
}

@media only screen and (max-width: 768px) {
  #blog_iamge img {
    height: 200px !important;
  }
}

.mainbanner-parallax h2 {
  margin-left: -15px;
}

.mainbanner-parallax h2 a {
  color: #fff;
}

.mainbanner-parallax h2 a:hover {
  color: #fff;
}

.ui-widget {
    font-size: 12px !important;
}

.ui-autocomplete-category {
  font-weight: bold;
  padding: .2em .4em !important;
  margin: .8em 0 .2em !important;
  line-height: 1.5 !important;
}

.ui-autocomplete {
    max-height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
  }

.media-logo img {
      width: 100px !important;
}

#reviewajaxwrapper .installer-logo img {
    height: 103px;
    width: 120px;
}

.energy-BG1 a {
  color: #fff;
}

.inside_list .solar-panel-calculator-bg {
	width: 100%;
	margin-left: 0;
}

.form_error {
	color: #B31B1A;
	font-size: 13px;
}

.form_success {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .form-inline .installers_search_form {
      width: 300px !important;
  }
}

.shared_installer {
	padding: 5px;
	border: 1px solid #e8e8e8;
	text-align: center;
    margin-bottom: 10px;
}

.shared_installer .list-item-logo {
  height: 100px;
  width: 100px;
}

.shared_installer p {
  font-size: 13px;
}

.shared_installer .companydesc {
  height: 80px;
}

h1.company_name a {
  color: #666;
}

h1.company_name a:hover {
  color: #666;
  text-decoration: none;
}

/* back to top button */
#back-to-top {
    position: fixed;
	top: 50%;
	right: 10px;
	z-index: 9999;
	width: 0;
	height: 0;
	text-align: center;
	line-height: 30px;
	background: #999999;
	color: #444;
	cursor: pointer;
	border: none;
	border-radius: 2px;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
	padding-top: 8px;
}

#back-to-top i {
  	color: #fff;
	font-size: 21px;
}
#back-to-top:hover {
    background: #b3b3b3;
}
#back-to-top.show {
    opacity: 1;
    width: 44px;
    height: 42px;
}
@media (max-width: 992px) {
    #back-to-top {
        display: none!important;
    }
}

/* circle icons */
.btn-image {
    border: none; /* remove border and background for image buttons */
    width: 100%;
    max-width: 200px;
}
.btn-image-holder {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
.btn-image-holder .inner  {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    border: 3px solid #777;
}
.btn-image:hover .inner {
    border: 3px solid #777;
}
.btn-image:hover .inner div {
    width: 100%;
    height: 100%;
    background-color: rgba(#777,0.2);
}
.btn-image:hover .bg-primary div {
    width: 100%;
    height: 100%;
    background-color: rgba(#777,0.2);
}
.btn-image-holder .inner p {
    position: relative;
    margin: 0;
    padding: 40% 0 0 0;
}
.btn-image img {
    border: 3px solid transparent;
    margin: auto;
}
.btn-image:hover img {
    border: 3px solid #777;
}
.bg-none {
    background: transparent;
}
.bg-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-white {
    background-color: #fff;
}

/* Boostrap 4 */
.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}

/* parallax */
.parallax-container {
  min-height: 700px;
  width: 100%;
}

.badge-green {
	background-color: #74AD23;
}


#installerSocialLinks a {
	margin-left: 5px;
}

h3.company_name {
  color: #666;
}

h3.company_name a {
  color: #666;
}

div.list-item div.perwatt {
  color: #00bded;
  font-size: 23px;
  font-weight: bold;
  height: 55px;
}

div.list-item div.perwatt span {
  font-size: 14px;
  font-weight: normal;
}

div.list-item div.perwatt p {
  height: 13px;
  color: #808080;
  font-weight: normal;
}

/*Time line style */
.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container:after {
  content: '';
  display: table;
  clear: both;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#cd-timeline:before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline:before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #bdbdbd, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline-img.cd-picture {
  background: #75ce66;
}

.cd-picture i {
  	color: #fff;
    font-size: 28px;
    margin-top: 6px;
    margin-left: 6px;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }

  .cd-picture i {
      color: #fff;
      font-size: 35px;
      margin-top: 11px;
      margin-left: 13px;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #F2F2F2;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 16px;
  color: #666;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #F2F2F2;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
}

.cd-timeline-content:before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #F2F2F2;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content:before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #F2F2F2;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content:before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #F2F2F2;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.pagination > li > a i {
  margin: 2px 0;
}

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

td.gsc-input .gsc-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

td.gsc-search-button .gsc-search-button {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    padding: 7px 20px;
    letter-spacing: 1px;
    border: 2px solid #ff6f02;
    border-radius: 0;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    outline: medium none;
    transition: background-color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
    cursor: pointer;
    vertical-align: middle;
    background: #ffa800;
    background: -moz-linear-gradient(top, #ffa800 0%, #ff6f02 100%);
    background: -webkit-linear-gradient(top, #ffa800 0%,#ff6f02 100%);
    background: linear-gradient(to bottom, #ffa800 0%,#ff6f02 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#ff6f02',GradientType=0 );
    height: 33px;

}

td.gsc-search-button .gsc-search-button:hover, td.gsc-search-button .gsc-search-button:focus {
    color: #ff6100;
    text-decoration: none;
    border: 2px solid #ff6100;
    background: transparent !important;
}
@media (max-width: 991px) {
    td.gsc-search-button .gsc-search-button {
        margin-top: 5px;
    }
}

td.gsc-clear-button {
    display: none;
}

@media only screen and (max-width: 991px) {
  td.gsc-search-button {
    padding-bottom: 6px;
  }
}

@media only screen and (min-width: 991px) {
    td.gsc-search-button {
      padding-bottom: 2px;
    }
}

.gsc-control-cse {
  padding: 0 !important;
}

td.gsc-branding-text {
  display: none;
}

form.gsc-search-box {
  padding: 0 !important;
}

.mobileheader-phone {
	background-color: #f2f2f2;
	height:40px;
	width:100%;
	color:#666;
	text-align: center;
}
/* header nav - mobile tabs */
.headerTabs .nav>li {
	width: 50%;
	text-align: center;
}
.headerTabs .nav-tabs>li>a {
	margin-right: 0;
}
.headerTabs .nav-tabs, .headerTabs .nav>li {
	border: none;
}
.headerTabs .nav-tabs>li>a.consumer, .headerTabs .nav-tabs>li>a.consumer:hover, .headerTabs .nav-tabs>li>a.consumer:focus,
.headerTabs .nav-tabs>li.active>a.consumer, .headerTabs .nav-tabs>li.active>a.consumer:hover, .headerTabs .nav-tabs>li.active>a.consumer:focus {
	background-color: #01A9E8;
	color: #fff;
	border: none;
	border-radius: 0;
}
.headerTabs .nav-tabs>li>a.company, .headerTabs .nav-tabs>li>a.company:hover, .headerTabs .nav-tabs>li>a.company:focus,
.headerTabs .nav-tabs>li.active>a.company, .headerTabs .nav-tabs>li.active>a.company:hover, .headerTabs .nav-tabs>li.active>a.company:focus {
	background-color: #19325A;
	color: #fff;
	border: none;
	border-radius: 0;
}
.headerTabs .tab-content {
	padding: 0;
}
.headerTabs .tab-content .consumer {
	background-color: #01A9E8;
}
.headerTabs .tab-content .company {
	background-color: #19325A;
}
.tab-button, .tab-button:hover {
	text-align: center;
	width: 33%;
	float: left;
	display: block;
	font-size: 12px;
	padding: 10px;
	color: #fff;
}
.svgicon {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
}
.headerTabs .svgicon {
	width: 40px;
	height: 40px;
	background-size: 35px 35px;
}
.svgicon-star-white {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzEiIGQ9Im0yLjcyODcsNTguMDMyOTFsMjguMDU1OTMsMjMuNzgyNDNsLTguNzI1NTcsMzUuNzU5ODljLTEuNzE0MDIsNi42NzAyMSA1LjY0NjE3LDEyLjE0NTEgMTEuNjMxMjYsOC4zODMwMWwzMS4zMTAyNSwtMTkuMzM3NjVsMzEuMzA5MDQsMTkuMzM0MDFjNS44MTg2NywzLjU4OTU5IDEzLjE3Mjc4LC0xLjcxMDM3IDExLjYzMjQ3LC04LjM4NDIybC04LjcyNjc4LC0zNS43NTYyNWwyOC4wNTk1NywtMjMuNzgzNjRjNS4yOTk5NywtNC40NDcyMSAyLjU2NDM0LC0xMy4xNzI3OCAtNC40NDg0MiwtMTMuNjg2NjJsLTM2Ljc4NTE0LC0yLjczOTI3bC0xMy44NTY2OSwtMzQuMDQzNDVjLTIuNTY1NTYsLTYuMzMwMDggLTExLjYzMzY5LC02LjMzMDA4IC0xNC4zNzI5NiwwbC0xMy44NTY2OSwzNC4wNDQ2NmwtMzYuNzgzOTMsMi43MzkyN2MtNy4wMDkxMiwwLjY4NzU1IC05Ljc0ODM5LDkuMjQwNjIgLTQuNDQyMzUsMTMuNjg3ODN6Ii8+DQo8L3N2Zz4="); /* star */
}
.svgicon-star-yellow {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbD0iI0ZGREIwMyIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzEiIGQ9Im0yLjcyODcsNTguMDMyOTFsMjguMDU1OTMsMjMuNzgyNDNsLTguNzI1NTcsMzUuNzU5ODljLTEuNzE0MDIsNi42NzAyMSA1LjY0NjE3LDEyLjE0NTEgMTEuNjMxMjYsOC4zODMwMWwzMS4zMTAyNSwtMTkuMzM3NjVsMzEuMzA5MDQsMTkuMzM0MDFjNS44MTg2NywzLjU4OTU5IDEzLjE3Mjc4LC0xLjcxMDM3IDExLjYzMjQ3LC04LjM4NDIybC04LjcyNjc4LC0zNS43NTYyNWwyOC4wNTk1NywtMjMuNzgzNjRjNS4yOTk5NywtNC40NDcyMSAyLjU2NDM0LC0xMy4xNzI3OCAtNC40NDg0MiwtMTMuNjg2NjJsLTM2Ljc4NTE0LC0yLjczOTI3bC0xMy44NTY2OSwtMzQuMDQzNDVjLTIuNTY1NTYsLTYuMzMwMDggLTExLjYzMzY5LC02LjMzMDA4IC0xNC4zNzI5NiwwbC0xMy44NTY2OSwzNC4wNDQ2NmwtMzYuNzgzOTMsMi43MzkyN2MtNy4wMDkxMiwwLjY4NzU1IC05Ljc0ODM5LDkuMjQwNjIgLTQuNDQyMzUsMTMuNjg3ODN6Ii8+DQo8L3N2Zz4="); /* star */
}
.svgicon-calculator-white {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjE0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSJudWxsIiBkPSJtMzAuMDAwNTQsMTIwLjAwMjE2cTAsLTQuMTQwNyAtMi45Mjk3NCwtNy4wNzA0NHQtNy4wNzA0NCwtMi45Mjk3NHQtNy4wNzA0NCwyLjkyOTc0dC0yLjkyOTc0LDcuMDcwNDR0Mi45Mjk3NCw3LjA3MDQ0dDcuMDcwNDQsMi45Mjk3NHQ3LjA3MDQ0LC0yLjkyOTc0dDIuOTI5NzQsLTcuMDcwNDR6bTMwLjAwMDU0LDBxMCwtNC4xNDA3IC0yLjkyOTc0LC03LjA3MDQ0dC03LjA3MDQ0LC0yLjkyOTc0dC03LjA3MDQ0LDIuOTI5NzR0LTIuOTI5NzQsNy4wNzA0NHQyLjkyOTc0LDcuMDcwNDR0Ny4wNzA0NCwyLjkyOTc0dDcuMDcwNDQsLTIuOTI5NzR0Mi45Mjk3NCwtNy4wNzA0NHptLTMwLjAwMDU0LC0zMC4wMDA1NHEwLC00LjE0MDcgLTIuOTI5NzQsLTcuMDcwNDR0LTcuMDcwNDQsLTIuOTI5NzR0LTcuMDcwNDQsMi45Mjk3NHQtMi45Mjk3NCw3LjA3MDQ0dDIuOTI5NzQsNy4wNzA0NHQ3LjA3MDQ0LDIuOTI5NzR0Ny4wNzA0NCwtMi45Mjk3NHQyLjkyOTc0LC03LjA3MDQ0em02MC4wMDEwOCwzMC4wMDA1NHEwLC00LjE0MDcgLTIuOTI5NzQsLTcuMDcwNDR0LTcuMDcwNDQsLTIuOTI5NzR0LTcuMDcwNDQsMi45Mjk3NHQtMi45Mjk3NCw3LjA3MDQ0dDIuOTI5NzQsNy4wNzA0NHQ3LjA3MDQ0LDIuOTI5NzR0Ny4wNzA0NCwtMi45Mjk3NHQyLjkyOTc0LC03LjA3MDQ0em0tMzAuMDAwNTQsLTMwLjAwMDU0cTAsLTQuMTQwNyAtMi45Mjk3NCwtNy4wNzA0NHQtNy4wNzA0NCwtMi45Mjk3NHQtNy4wNzA0NCwyLjkyOTc0dC0yLjkyOTc0LDcuMDcwNDR0Mi45Mjk3NCw3LjA3MDQ0dDcuMDcwNDQsMi45Mjk3NHQ3LjA3MDQ0LC0yLjkyOTc0dDIuOTI5NzQsLTcuMDcwNDR6bS0zMC4wMDA1NCwtMzAuMDAwNTRxMCwtNC4xNDA3IC0yLjkyOTc0LC03LjA3MDQ0dC03LjA3MDQ0LC0yLjkyOTc0dC03LjA3MDQ0LDIuOTI5NzR0LTIuOTI5NzQsNy4wNzA0NHQyLjkyOTc0LDcuMDcwNDR0Ny4wNzA0NCwyLjkyOTc0dDcuMDcwNDQsLTIuOTI5NzR0Mi45Mjk3NCwtNy4wNzA0NHptNjAuMDAxMDgsMzAuMDAwNTRxMCwtNC4xNDA3IC0yLjkyOTc0LC03LjA3MDQ0dC03LjA3MDQ0LC0yLjkyOTc0dC03LjA3MDQ0LDIuOTI5NzR0LTIuOTI5NzQsNy4wNzA0NHQyLjkyOTc0LDcuMDcwNDR0Ny4wNzA0NCwyLjkyOTc0dDcuMDcwNDQsLTIuOTI5NzR0Mi45Mjk3NCwtNy4wNzA0NHptLTMwLjAwMDU0LC0zMC4wMDA1NHEwLC00LjE0MDcgLTIuOTI5NzQsLTcuMDcwNDR0LTcuMDcwNDQsLTIuOTI5NzR0LTcuMDcwNDQsMi45Mjk3NHQtMi45Mjk3NCw3LjA3MDQ0dDIuOTI5NzQsNy4wNzA0NHQ3LjA3MDQ0LDIuOTI5NzR0Ny4wNzA0NCwtMi45Mjk3NHQyLjkyOTc0LC03LjA3MDQ0em02MC4wMDEwOCw2MC4wMDEwOGwwLC0zMC4wMDA1NHEwLC00LjA2MjU3IC0yLjk2ODgsLTcuMDMxMzd0LTcuMDMxMzcsLTIuOTY4OHQtNy4wMzEzNywyLjk2ODh0LTIuOTY4OCw3LjAzMTM3bDAsMzAuMDAwNTRxMCw0LjA2MjU3IDIuOTY4OCw3LjAzMTM3dDcuMDMxMzcsMi45Njg4dDcuMDMxMzcsLTIuOTY4OHQyLjk2ODgsLTcuMDMxMzd6bS0zMC4wMDA1NCwtNjAuMDAxMDhxMCwtNC4xNDA3IC0yLjkyOTc0LC03LjA3MDQ0dC03LjA3MDQ0LC0yLjkyOTc0dC03LjA3MDQ0LDIuOTI5NzR0LTIuOTI5NzQsNy4wNzA0NHQyLjkyOTc0LDcuMDcwNDR0Ny4wNzA0NCwyLjkyOTc0dDcuMDcwNDQsLTIuOTI5NzR0Mi45Mjk3NCwtNy4wNzA0NHptMzAuMDAwNTQsLTI1LjAwMDQ1bDAsLTIwLjAwMDM2cTAsLTIuMDMxMjkgLTEuNDg0NCwtMy41MTU2OXQtMy41MTU2OSwtMS40ODQ0bC0xMDAuMDAxNzksMHEtMi4wMzEyOSwwIC0zLjUxNTY5LDEuNDg0NHQtMS40ODQ0LDMuNTE1NjlsMCwyMC4wMDAzNnEwLDIuMDMxMjkgMS40ODQ0LDMuNTE1Njl0My41MTU2OSwxLjQ4NDRsMTAwLjAwMTc5LDBxMi4wMzEyOSwwIDMuNTE1NjksLTEuNDg0NHQxLjQ4NDQsLTMuNTE1Njl6bTAsMjUuMDAwNDVxMCwtNC4xNDA3IC0yLjkyOTc0LC03LjA3MDQ0dC03LjA3MDQ0LC0yLjkyOTc0dC03LjA3MDQ0LDIuOTI5NzR0LTIuOTI5NzQsNy4wNzA0NHQyLjkyOTc0LDcuMDcwNDR0Ny4wNzA0NCwyLjkyOTc0dDcuMDcwNDQsLTIuOTI5NzR0Mi45Mjk3NCwtNy4wNzA0NHptMTAuMDAwMTgsLTUwLjAwMDlsMCwxMjAuMDAyMTVxMCw0LjA2MjU3IC0yLjk2ODgsNy4wMzEzN3QtNy4wMzEzNywyLjk2ODhsLTExMC4wMDE5OCwwcS00LjA2MjU3LDAgLTcuMDMxMzcsLTIuOTY4OHQtMi45Njg4LC03LjAzMTM3bDAsLTEyMC4wMDIxNXEwLC00LjA2MjU3IDIuOTY4OCwtNy4wMzEzN3Q3LjAzMTM3LC0yLjk2ODhsMTEwLjAwMTk4LDBxNC4wNjI1NywwIDcuMDMxMzcsMi45Njg4dDIuOTY4OCw3LjAzMTM3eiIgaWQ9InN2Z18xIi8+DQo8L3N2Zz4="); /* calculator */
}
.svgicon-graph-white {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSJudWxsIiBkPSJtMzYuNjI5OTYsMTI3LjQzODA5bDE3LjI5NDkyLDBsMCwtNjEuNDI1ODJsLTE3LjI5NDkyLDE3LjMwNzIzbDAsNDQuMTE4NTl6bS0yMy43Nzg5NSwtMjAuMzM3NDZsMCwyMC4zMzc0NmwxNy4yOTc2NiwwbDAsLTM3LjYzODY3bC0xMS45NDUxMiwxMS45NDgxM2wtNS4zNTI1NCw1LjM1MzA5em00Ny41NTQ2MSwyMC4zMjYyNWwxNy4yOTcxMSwwbDAsLTQ3LjQ4MTA1bC0xNy4yOTcxMSwtMTcuMjk2NTZsMCw2NC43Nzc2MmwwLDB6bTIzLjc3ODk1LC00NS40NjI4MWwwLDQ1LjQ3NDAybDE3LjI5NjI5LDBsMCwtNjIuNzc2MDVsLTEzLjU1OTQ5LDEzLjU2OTM0bC0zLjczNjgsMy43MzI3em0yMy43ODc5Nyw0NS40NzQwMmwxNy4yODU2MywwbDAsLTg2LjU1MzYzbC0xNy4yODU2MywxNy4yOTczOGwwLDY5LjI1NjI1em0tNi44Nzk5NiwtMTIxLjcyMjA3bDExLjQ2OTYxLDExLjQ3ODYzbDAuMDY2NzIsMC4wNjcyN2wtMzAuNjY3NjYsMzAuNjc4NTlsLTIzLjExNTU5LC0yMy4xMDg3NWwtNTguODQ1NjYsNTguODUzMDVsMTIuMjMyMjMsMTIuMjIyOTNsNDYuNjE0MjYsLTQ2LjYxNzU0bDIzLjExNTU5LDIzLjEwODc1bDQyLjg5ODI0LC00Mi45MDU2M2wxMS40MTM4MywxMS40MTMyOGwzLjcyNTg2LC0zOC45MDY2bC0zOC45MDc0MiwzLjcxNjAyeiIgaWQ9InN2Z18xIi8+DQo8L3N2Zz4="); /* graph */
}
.svgicon-upload-white {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzEiIGQ9Im0xMDcuOTIzMTIsMTE5LjYxNTQzcTAsLTIuMTcxODggLTEuNTg3MTQsLTMuNzU5MDJ0LTMuNzU5MDIsLTEuNTg3MTR0LTMuNzU5MDIsMS41ODcxNHQtMS41ODcxNCwzLjc1OTAydDEuNTg3MTQsMy43NTkwMnQzLjc1OTAyLDEuNTg3MTR0My43NTkwMiwtMS41ODcxNHQxLjU4NzE0LC0zLjc1OTAyem0yMS4zODQ2MiwwcTAsLTIuMTcxODggLTEuNTg3MTQsLTMuNzU5MDJ0LTMuNzU5MDIsLTEuNTg3MTR0LTMuNzU5MDIsMS41ODcxNHQtMS41ODcxNCwzLjc1OTAydDEuNTg3MTQsMy43NTkwMnQzLjc1OTAyLDEuNTg3MTR0My43NTkwMiwtMS41ODcxNHQxLjU4NzE0LC0zLjc1OTAyem0xMC42OTIzMSwtMTguNzExNTVsMCwyNi43MzA3OHEwLDMuMzQxMzUgLTIuMzM4OTQsNS42ODAyOXQtNS42ODAyOSwyLjMzODk0bC0xMjIuOTYxNTksMHEtMy4zNDEzNSwwIC01LjY4MDI5LC0yLjMzODk0dC0yLjMzODk0LC01LjY4MDI5bDAsLTI2LjczMDc4cTAsLTMuMzQxMzUgMi4zMzg5NCwtNS42ODAyOXQ1LjY4MDI5LC0yLjMzODk0bDM1LjY2ODg5LDBxMS43NTQyMSw0LjY3Nzg5IDUuODg5MTMsNy42ODUxdDkuMjMwNDcsMy4wMDcyMWwyMS4zODQ2MiwwcTUuMDk1NTYsMCA5LjIzMDQ3LC0zLjAwNzIxdDUuODg5MTMsLTcuNjg1MWwzNS42Njg4OSwwcTMuMzQxMzUsMCA1LjY4MDI5LDIuMzM4OTR0Mi4zMzg5NCw1LjY4MDI5em0tMjcuMTQ4NDUsLTU0LjEyOTgzcS0xLjQyMDA3LDMuMzQxMzUgLTQuOTI4NDksMy4zNDEzNWwtMjEuMzg0NjIsMGwwLDM3LjQyMzA5cTAsMi4xNzE4OCAtMS41ODcxNCwzLjc1OTAydC0zLjc1OTAyLDEuNTg3MTRsLTIxLjM4NDYyLDBxLTIuMTcxODgsMCAtMy43NTkwMiwtMS41ODcxNHQtMS41ODcxNCwtMy43NTkwMmwwLC0zNy40MjMwOWwtMjEuMzg0NjIsMHEtMy41MDg0MSwwIC00LjkyODQ5LC0zLjM0MTM1cS0xLjQyMDA3LC0zLjI1NzgxIDEuMTY5NDcsLTUuNzYzODJsMzcuNDIzMDksLTM3LjQyMzA5cTEuNTAzNjEsLTEuNTg3MTQgMy43NTkwMiwtMS41ODcxNHQzLjc1OTAyLDEuNTg3MTRsMzcuNDIzMDksMzcuNDIzMDlxMi41ODk1NCwyLjUwNjAxIDEuMTY5NDcsNS43NjM4MnoiLz4NCjwvc3ZnPg=="); /* upload */
}
.svgicon-useraccount-white {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjE0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzEiIGQ9Im0xMzQuMDAwMDEsMTE2LjA5MDkyYzAsNy4yNzI3MyAtMi4yMTIwOSwxMy4wMTUxOCAtNi42MzYzNiwxNy4yMjcyN3MtMTAuMzAzLDYuMzE4MTggLTE3LjYzNjM2LDYuMzE4MThsLTc5LjQ1NDU1LDBjLTcuMzMzMzYsMCAtMTMuMjEyMDksLTIuMTA2MDkgLTE3LjYzNjM2LC02LjMxODE4cy02LjYzNjM2LC05Ljk1NDU1IC02LjYzNjM2LC0xNy4yMjcyN2MwLC0zLjIxMjA5IDAuMTA2MDksLTYuMzQ4NDUgMC4zMTgxOCwtOS40MDkwOXMwLjYzNjM2LC02LjM2MzY0IDEuMjcyNzMsLTkuOTA5MDlzMS40MzkzNiwtNi44MzMzNiAyLjQwOTA5LC05Ljg2MzY0czIuMjcyNzMsLTUuOTg0ODIgMy45MDkwOSwtOC44NjM2NHMzLjUxNTE4LC01LjMzMzM2IDUuNjM2MzYsLTcuMzYzNjRjMi4xMjExOCwtMi4wMzAyNyA0LjcxMjA5LC0zLjY1MTU1IDcuNzcyNzMsLTQuODYzNjRzNi40MzkzNiwtMS44MTgxOCAxMC4xMzYzNiwtMS44MTgxOGMwLjU0NTQ1LDAgMS44MTgxOCwwLjY1MTU1IDMuODE4MTgsMS45NTQ1NXM0LjI1NzU1LDIuNzU3NTUgNi43NzI3Myw0LjM2MzY0YzIuNTE1MTgsMS42MDYwOSA1Ljc4NzkxLDMuMDYwNjQgOS44MTgxOCw0LjM2MzY0czguMDc1NzMsMS45NTQ1NSAxMi4xMzYzNiwxLjk1NDU1czguMTA2MDksLTAuNjUxNTUgMTIuMTM2MzYsLTEuOTU0NTVzNy4zMDMsLTIuNzU3NTUgOS44MTgxOCwtNC4zNjM2NGMyLjUxNTE4LC0xLjYwNjA5IDQuNzcyNzMsLTMuMDYwNjQgNi43NzI3MywtNC4zNjM2NHMzLjI3MjczLC0xLjk1NDU1IDMuODE4MTgsLTEuOTU0NTVjMy42OTcsMCA3LjA3NTczLDAuNjA2MDkgMTAuMTM2MzYsMS44MTgxOHM1LjY1MTU1LDIuODMzMzYgNy43NzI3Myw0Ljg2MzY0YzIuMTIxMTgsMi4wMzAyNyA0LDQuNDg0ODIgNS42MzYzNiw3LjM2MzY0czIuOTM5MzYsNS44MzMzNiAzLjkwOTA5LDguODYzNjRzMS43NzI3Myw2LjMxODE4IDIuNDA5MDksOS44NjM2NHMxLjA2MDY0LDYuODQ4NDUgMS4yNzI3Myw5LjkwOTA5czAuMzE4MTgsNi4xOTcgMC4zMTgxOCw5LjQwOTA5em0tMjkuMDkwOTEsLTgxLjE4MTgyYzAsOS42MzYzNiAtMy40MDkwOSwxNy44NjM2NCAtMTAuMjI3MjcsMjQuNjgxODJzLTE1LjA0NTQ2LDEwLjIyNzI3IC0yNC42ODE4MiwxMC4yMjcyN3MtMTcuODYzNjQsLTMuNDA5MDkgLTI0LjY4MTgyLC0xMC4yMjcyN3MtMTAuMjI3MjcsLTE1LjA0NTQ2IC0xMC4yMjcyNywtMjQuNjgxODJzMy40MDkwOSwtMTcuODYzNjQgMTAuMjI3MjcsLTI0LjY4MTgyczE1LjA0NTQ2LC0xMC4yMjcyNyAyNC42ODE4MiwtMTAuMjI3MjdzMTcuODYzNjQsMy40MDkwOSAyNC42ODE4MiwxMC4yMjcyN3MxMC4yMjcyNywxNS4wNDU0NiAxMC4yMjcyNywyNC42ODE4MnoiLz4NCjwvc3ZnPg=="); /* useraccount */
}
.svgicon-controlpanel-white {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzEiIGQ9Im05My4zMzMzMyw3MGMwLC02LjQ0MSAtMi4yNzg2NSwtMTEuOTQwMSAtNi44MzU5NCwtMTYuNDk3NHMtMTAuMDU2MzksLTYuODM1OTQgLTE2LjQ5NzQsLTYuODM1OTRzLTExLjk0MDEsMi4yNzg2NSAtMTYuNDk3NCw2LjgzNTk0cy02LjgzNTk0LDEwLjA1NjM5IC02LjgzNTk0LDE2LjQ5NzRzMi4yNzg2NSwxMS45NDAxIDYuODM1OTQsMTYuNDk3NHMxMC4wNTYzOSw2LjgzNTk0IDE2LjQ5NzQsNi44MzU5NHMxMS45NDAxLC0yLjI3ODY1IDE2LjQ5NzQsLTYuODM1OTRzNi44MzU5NCwtMTAuMDU2MzkgNi44MzU5NCwtMTYuNDk3NHptNDYuNjY2NjcsLTkuOTM0OWwwLDIwLjIzNDM4YzAsMC43MjkxNyAtMC4yNDMwOSwxLjQyNzk4IC0wLjcyOTE3LDIuMDk2MzVzLTEuMDkzNzUsMS4wNjM0IC0xLjgyMjkyLDEuMTg0OWwtMTYuODYxOTgsMi41NTIwOGMtMS4xNTQ1NCwzLjI4MTI1IC0yLjMzOTQ0LDYuMDQ1OTggLTMuNTU0NjksOC4yOTQyN2MyLjEyNjcxLDMuMDM4MTYgNS4zNzc2LDcuMjMwODcgOS43NTI2LDEyLjU3ODEzYzAuNjA3NjcsMC43MjkxNyAwLjkxMTQ2LDEuNDg4NjggMC45MTE0NiwyLjI3ODY1cy0wLjI3MzQ0LDEuNDg4NjggLTAuODIwMzEsMi4wOTYzNWMtMS42NDA2MywyLjI0ODI5IC00LjY0ODQ0LDUuNTI5NTQgLTkuMDIzNDQsOS44NDM3NXMtNy4yMzA4Nyw2LjQ3MTM1IC04LjU2NzcxLDYuNDcxMzVjLTAuNzI5MTcsMCAtMS41MTkxMywtMC4yNzM0NCAtMi4zNjk3OSwtMC44MjAzMWwtMTIuNTc4MTMsLTkuODQzNzVjLTIuNjczNTgsMS4zOTc1NCAtNS40Mzg0LDIuNTUyMDggLTguMjk0MjcsMy40NjM1NGMtMC45NzIyNSw4LjI2MzkyIC0xLjg1MzI3LDEzLjkxNDk2IC0yLjY0MzIzLDE2Ljk1MzEzYy0wLjQyNTM4LDEuNzAxNDIgLTEuNTE5MTMsMi41NTIwOCAtMy4yODEyNSwyLjU1MjA4bC0yMC4yMzQzOCwwYy0wLjg1MDY2LDAgLTEuNTk1MDUsLTAuMjU4MjIgLTIuMjMzMDcsLTAuNzc0NzRzLTAuOTg3MzgsLTEuMTY5NjcgLTEuMDQ4MTgsLTEuOTU5NjRsLTIuNTUyMDgsLTE2Ljc3MDgzYy0yLjk3NzQ2LC0wLjk3MjI1IC01LjcxMTg0LC0yLjA5NjM1IC04LjIwMzEzLC0zLjM3MjRsLTEyLjg1MTU2LDkuNzUyNmMtMC42MDc2NywwLjU0Njg4IC0xLjM2NzE5LDAuODIwMzEgLTIuMjc4NjUsMC44MjAzMWMtMC44NTA2NiwwIC0xLjYxMDI3LC0wLjMzNDIzIC0yLjI3ODY1LC0xLjAwMjZjLTcuNjU2MjUsLTYuOTI3MDggLTEyLjY2OTI3LC0xMi4wMzEyNSAtMTUuMDM5MDYsLTE1LjMxMjVjLTAuNDI1MzgsLTAuNjA3NjcgLTAuNjM4MDIsLTEuMzA2MzkgLTAuNjM4MDIsLTIuMDk2MzVjMCwtMC43MjkxNyAwLjI0MzA5LC0xLjQyNzk4IDAuNzI5MTcsLTIuMDk2MzVjMC45MTE0NiwtMS4yNzYwNCAyLjQ2MDk0LC0zLjI5NjQ3IDQuNjQ4NDQsLTYuMDYxMnMzLjgyODEzLC00LjkwNjY1IDQuOTIxODgsLTYuNDI1NzhjLTEuNjQwNjMsLTMuMDM4MTYgLTIuODg2MzIsLTYuMDQ1OTggLTMuNzM2OTgsLTkuMDIzNDRsLTE2LjY3OTY5LC0yLjQ2MDk0Yy0wLjc4OTk2LC0wLjEyMTUgLTEuNDI3OTgsLTAuNTAxMyAtMS45MTQwNiwtMS4xMzkzMnMtMC43MjkxNywtMS4zNTE5NyAtMC43MjkxNywtMi4xNDE5M2wwLC0yMC4yMzQzOGMwLC0wLjcyOTE3IDAuMjQzMDksLTEuNDI3OTggMC43MjkxNywtMi4wOTYzNXMxLjA2MzQsLTEuMDYzNCAxLjczMTc3LC0xLjE4NDlsMTYuOTUzMTMsLTIuNTUyMDhjMC44NTA2NiwtMi43OTUxNyAyLjAzNTU2LC01LjU5MDI1IDMuNTU0NjksLTguMzg1NDJjLTIuNDMwNTksLTMuNDYzNTQgLTUuNjgxMzksLTcuNjU2MjUgLTkuNzUyNiwtMTIuNTc4MTNjLTAuNjA3NjcsLTAuNzI5MTcgLTAuOTExNDYsLTEuNDU4MzMgLTAuOTExNDYsLTIuMTg3NWMwLC0wLjYwNzY3IDAuMjczNDQsLTEuMzA2MzkgMC44MjAzMSwtMi4wOTYzNWMxLjU3OTgzLC0yLjE4NzUgNC41NzI1MSwtNS40NTM1MyA4Ljk3Nzg2LC05Ljc5ODE4czcuMjc2NDUsLTYuNTE2OTMgOC42MTMyOCwtNi41MTY5M2MwLjc4OTk2LDAgMS41Nzk4MywwLjMwMzc5IDIuMzY5NzksMC45MTE0NmwxMi41NzgxMyw5Ljc1MjZjMi42NzM1OCwtMS4zOTc1NCA1LjQzODQsLTIuNTUyMDggOC4yOTQyNywtMy40NjM1NGMwLjk3MjI1LC04LjI2MzkyIDEuODUzMjcsLTEzLjkxNDk2IDIuNjQzMjMsLTE2Ljk1MzEzYzAuNDI1MzgsLTEuNzAxNDIgMS41MTkxMywtMi41NTIwOCAzLjI4MTI1LC0yLjU1MjA4bDIwLjIzNDM4LDBjMC44NTA2NiwwIDEuNTk1MDUsMC4yNTgyMiAyLjIzMzA3LDAuNzc0NzRzMC45ODczOCwxLjE2OTY3IDEuMDQ4MTgsMS45NTk2NGwyLjU1MjA4LDE2Ljc3MDgzYzIuOTc3NDYsMC45NzIyNSA1LjcxMTg0LDIuMDk2MzUgOC4yMDMxMywzLjM3MjRsMTIuOTQyNzEsLTkuNzUyNmMwLjU0Njg4LC0wLjU0Njg4IDEuMjc2MDQsLTAuODIwMzEgMi4xODc1LC0wLjgyMDMxYzAuNzg5OTYsMCAxLjU0OTQ4LDAuMzAzNzkgMi4yNzg2NSwwLjkxMTQ2YzcuODM4NTQsNy4yMzA4NyAxMi44NTE1NiwxMi4zOTU4MyAxNS4wMzkwNiwxNS40OTQ3OWMwLjQyNTM4LDAuNDg2MDggMC42MzgwMiwxLjE1NDU0IDAuNjM4MDIsMi4wMDUyMWMwLDAuNzI5MTcgLTAuMjQzMDksMS40Mjc5OCAtMC43MjkxNywyLjA5NjM1Yy0wLjkxMTQ2LDEuMjc2MDQgLTIuNDYwOTQsMy4yOTY0NyAtNC42NDg0NCw2LjA2MTJzLTMuODI4MTMsNC45MDY2NSAtNC45MjE4OCw2LjQyNTc4YzEuNTc5ODMsMy4wMzgxNiAyLjgyNTUyLDYuMDE1NjMgMy43MzY5OCw4LjkzMjI5bDE2LjY3OTY5LDIuNTUyMDhjMC43ODk5NiwwLjEyMTUgMS40Mjc5OCwwLjUwMTMgMS45MTQwNiwxLjEzOTMyczAuNzI5MTcsMS4zNTE5NyAwLjcyOTE3LDIuMTQxOTN6Ii8+DQo8L3N2Zz4NCg0KDQo="); /* cog */
}



/* ------- Navigation - Mega Menu ------- */
.nav-box-shadow {
    width: 100%;
    display: block;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.navbar {
	margin-bottom: 0;
    border-radius: 0;
}
.navbar-default {
	border: none;
	background-color: #fff;
}
.nav>li>a {
	padding: 0 13px;
    font-size: 14px;
	line-height: 36px;
}
.btn-navbar {
	width: 100%;
	border-radius: 0;
	background: transparent;
	font-size: 20px;
}

.nav-slogan {
    font-size: 0.8em;
}

.active_menu {
  color: #00bded !important;
}
p.news_title {
	font-size: 12px;
}
.text-indent {
	padding-left: 15px;
}

/* Override for new top right sub nav menu 13th Dec 2018 */
.nav-box-shadow .btn {
    padding: 6px 9px;
}

@media (max-width: 991px) {
	/* mobile tweaks */
    .navbar{
        min-height: 50px;
    }
	.navbar-nav {
		margin: 0;
	}
    .navbar-standard .navbar-nav {
        margin: 0 -15px 7.5px -15px;
    }
	.navbar-default .navbar-collapse {
		background-color: #fff;
        margin: 0 -15px;
	}

    .navbar-default .navbar-brand {
        float: none;
    }

	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		background-color: #f0f0f0;
	}
	.navbar-nav>li>.dropdown-menu {
		padding: 0;
	}
	.nav>li {
		border-bottom: 1px solid #e2e2e2;
	}
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 0 13px 0 26px; /* submenu padding */
		line-height: 36px;
		white-space: normal;
	}
	.navbar-nav .open .dropdown-menu>li {
		border-bottom: 1px dotted #e2e2e2;
	}
	.navbar-nav .open .dropdown-menu>li:last-child {
		border-bottom: none; /* no border on last submenu */
	}
	ul.nav li.dropdown a i {
		margin-top: 11px;
	}
}

@media (min-width: 992px) {
	/* centre nav on desktop view*/

    .navbar{
        min-height: 60px;
    }
	.navbar .navbar-nav {
		display: inline-block;
        margin: 5px 0 0 0;
        float: right;
	}
	.navbar .navbar-collapse {
		text-align: right;
	}

    .navbar-default .navbar-brand {
        padding: 0 0 0 15px;
        position: absolute;
        left: 0;
    }

    .navbar-standard .navbar-collapse {
        text-align: center;
    }
    .navbar-standard .navbar-nav {
        float: none;
    }

	/* these 3 cause the dropdown to extend full width */
	#mainnav .nav > li.dropdown.open { position: static; }
	#mainnav .nav > li.dropdown.open .dropdown-menu { display:table; width: 100%; text-align: center; left:0; right:0; }
	#mainnav .dropdown-menu>li { display: table-cell; }

	#mainnav {
        padding:0;
	}
	#mainnav .dropdown-menu {
		padding: 0;
		border-radius: 0;
		border: none;
		color: #fff;
		background: #0a243a;
		/* Horizontal gradient */
		background: -moz-linear-gradient(left,  #12223e 0%, #12223e 50%, #0e3454 50%, #0e3454 100%);
		background: -webkit-linear-gradient(left,  #12223e 0%,#12223e 50%,#0e3454 50%,#0e3454 100%);
		background: linear-gradient(to right,  #12223e 0%,#12223e 50%,#0e3454 50%,#0e3454 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12223e', endColorstr='#0e3454',GradientType=1 );
	}
	#mainnav .dropdown-menu a {
		color: #fff;
	}
	#mainnav .dropdown-menu a:hover {
		color: #00bded;
		text-decoration: none;
	}
	#mainnav .container {
		text-align: left;
	}
}

/* image button in column 4 */
.navmenu_promo_area {
  height: 100px;
  width: 100%;
  text-align: center;
  background-color: #1a1a1a;
  color: #fff;
  border: 1px solid #494e56;
  display: table;
  overflow: hidden;
  padding: 10px;
}
.navmenu_promo_area_valign {
  display: table-cell;
  vertical-align: middle;
}
.navmenu_promo_area_bg1 {
  background: url('../jpg/solar-companies-menu-bg.jpg');
}
.navmenu_promo_area_bg2 {
  background: url('../jpg/solar-panels-menu-bg.jpg');
}
.navmenu_promo_area_bg3 {
  background: url('../jpg/solar-power-system-data-menu-bg.jpg');
}
.navmenu_promo_area_bg4 {
  background: url('../jpg/solar-leads-menu-bg.jpg');
}
.navmenu_promo_area_bg5 {
  background: url('../jpg/solar-energy-menu-bg.jpg');
}
.navmenu_promo_area_bg6 {
  background: url('../jpg/solar-power-menu-bg.jpg');
}
.navmenu_promo_area_bg7 {
  background: url('../jpg/contact-menu-bg.jpg');
}
/* end Navigation - Mega Menu */


/* ------- style for submenu at middle - suggested reading topics   ------- */
.submenu_middle {
  background-color: #F0F0F0;
}
.submenu_middle a {
  color: #666;
}
.submenu_middle .media-left {
  font-size: 25px;
}
.submenu_middle .media-body p.desc {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}
.submenu_middle .media-heading {
    margin-bottom: 0;
}
.submenu_middle .wrapper {
  width: 30px;
  height: 30px;
  text-align: center;
}
.submenu_middle .wrapper a {
  color: #575757;
  padding: 0;
  margin: 0;
  font-size: 22px;
}
.submenu_middle .wrapper a i, .submenu_middle .wrapper a span {
  margin-top: 5px;
  font-size: 22px;
}

/* Style for submenu modal */
#solar_panel_submenu, #solar_lead_submenu {
  position: absolute !important;
  width: 100% !important;
  top: 156px;
  left: 1px;
  overflow: hidden;
}



.search-filter {
    background-color: #F5F5F5;
    padding: 13px;
    margin-bottom: 20px;
    border-radius: 3px;
    border: 1px solid #ccc !important;
}

/* ----- Solar Power System Cost Data ----- */
.ttop:hover {
  cursor: pointer; /* tool tip cursor */
}
.ui-tooltip, .arrow:after {
  background: #575757;
  border: none;
}
.ui-tooltip {
  padding: 10px 10px;
  color: white;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0 0 4px black;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}


/* solar power system cost list page and main styling (list/details/home) */
.costdata_listdisplay {
  border: 5px solid #e8e8e8;
  padding: 0;
  margin: 0;
  width: 100%;
}
.costdata_listdisplay {
  font-size: 12px;
  margin-bottom: 15px;
}
.costdata_listdisplay .title {
  font-size: 16px;
}
.costdata_listdisplay .sub_title {
  font-size: 12px;
}

.system_cost {
  background-color: #e8e8e8;
}
.system_link .title {
  font-size: 32px;
}
.costdata_listdisplay .nopadding {
	padding-left: 0;
	padding-right: 0;
}

.costdata_listdisplay .system_panel, .costdata_listdisplay .system_inverter, .costdata_listdisplay .system_cost, .costdata_listdisplay .system_size {
  padding: 7px;
}
.costdata_profile .system_panel, .system_inverter {
  border-left: 2px solid #e8e8e8;
}

.mhprescreen {
	font-size: 1.3em;
}
.brand_name {
	line-height: 22px;
}

.listdisplay_price {
	border: 1px solid #858585;
	padding: 3px;
	background-color: #F9F9F9;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	/* center the text in grey box */
	height: 100px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
@media (max-width: 991px) {
	.costdata_listdisplay .system_cost {
	  padding: 7px 0 0 0;
	}
	.listdisplay_price {
		margin-bottom: 0;
	}
}
.listdisplay_price .title {
	font-size: 20px;
}

.costdata_profile .profile_system_cost {
  width: 100%;
  padding: 15px;
  background-color: #FCFBE8;
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
	.costdata_profile .profile_system_cost {
		height: 328px;
	}
}

.costdata_profile p.title, .costdata_profile p.sub_title {
  margin-bottom: 0;
}

/* solar power system cost details page */
.system_link .price_per_watt, .system_link .pay_back_period {
	width: 100%;
	background-color: #F5F5F5;
	border: 2px solid #858585;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.system_link .pay_back_period {
	background-color: #FFF5CD;
	border: 2px solid #FFCC00;
}
.system_link .pay_back_period .sub_title {
	font-size: 20px;
	margin-bottom: 0;
}
.system_link .break_even_year {
	font-size: 17px;
}
@media only screen and (max-width: 991px) {
  .costdata_listdisplay .system_panel, .costdata_listdisplay .system_inverter {
	 border-left: none !important;
  }
  .costdata_listdisplay .system_size {
	  height: 110px;
  }
}
.panel_highlighted, .inverter_highlighted, .system_size_highlighted {
  background-color: #fefbeb;
}

/* .costdata used on home page carousel and solar-power-system-cost */
@media (min-width: 992px) {
	#installation_home .system_cost, #installation_home .system_inverter {
		min-height: 228px;
	}
}
@media (min-width: 1200px) {
	#installation_home .system_cost, #installation_home .system_inverter {
		min-height: 215px;
	}
}


#installers-sortby button {
  color: #00bded;
}

#installers-sortby button.active {
  color: #8C8C8C !important;
  cursor: none;
}
.solar-panel-calculator-image-bg h2 {
  font-size: 25px;
}

.solar-panel-calculator-image-bg h2 a {
  color: #fff;
  font-weight: bold;
}

.solar-panel-calculator-image-bg h2 a:hover {
  color: #fff;
  text-decoration: underline;
}
.solar_estimate_panel {
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}
.calculation_box {
  display: inline-block;
  padding: 10px 10px 0 10px;
  background-color: #FFF3D9;
  color: #003358;
  width: 48%;
  margin-bottom: 10px;
  text-align: center !important;
}

.calculation_box .heading {
  color: #F17A02;
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
}

.calculation_box .content {
    color: #003355;
    font-weight: bold;
    font-size: 34px;
    margin-top: -12px;
}

@media (max-width: 480px) {
    .calculation_box .content {
        font-size: 24px;
    }
}

.calculation_box_left {
  margin-right: 7px;
}
.solar-panel-calculator p a {
  color: #fff !important;
  font-weight: bold !important;
}
.solar-panel-calculator p a:hover {
  text-decoration: underline !important;
}
.solar-panel-calculator-bg .calculation_box {
    background-color: #d9edf7 !important;
    border: 1px solid #bce8f1;
}
.solar-panel-calculator-bg p a {
    color: #575757 !important;
    font-weight: bold !important;
}
.solar-panel-calculator-bg p a:hover {
    text-decoration: underline !important;
}
@media (max-width: 620px) {
	#installation_home .costdata_listdisplay .title {
		height: 45px;
	}
}


@media only screen and (max-width: 768px) {
  .top100_badge {
    margin-left: -20px;
  }
  .prescreen_badge {
    margin-left: -12px;
  }
}


/* -------  css from header  ------- */
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
  width: 1037px;
}
#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 640px;
  height: 530px;
  display: none;
  z-index: 9999;
  padding: 20px;
}
#boxes #dialog {
  width: 675px;
  padding: 10px;
  background-color: #ffffff;
}
#xtable tbody {
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#menu {
  -webkit-text-size-adjust: none;
  font-family: arial, serif !important;
}
#installers-sortby ul li a, #installers-sortby ul li.text-muted {
  padding: 2px 5px;
  border: 1px solid #999;
  background-color: #e6e6e6;
}
#installers-sortby ul li a, #installers-sortby ul li.text-muted {
  padding: 2px 5px;
  border: 1px solid #999;
  background-color: #e6e6e6;
}
.search_bar_wrapper .search_bar_button {
  color: #666;
  cursor: pointer;
  padding: 10px 15px;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 217px;
  z-index: 1000;
}
.search_bar_wrapper .search_bar_button span {
  margin-right: 10px;
}
.sortby_form1 {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  .sortby_form1 {
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .sortby_form2 {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}


/* -------  css for solar system and top10 question section at home  ------- */

.link_section ul {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.link_section ul li {
  padding: 0 15px;
  margin: 0;
  width: 100%;
  background-color: #008CBF;
  list-style: none;
  display: block;
}
.link_section ul li:hover {
  background-color: #01A9E8;
}
.link_section ul li:first-child a {
  border-top: 0;
}
.link_section ul li a {
  color: #fff;
  display: block;
  width: 100%;
  padding: 25px 0;
  font-size: 14px;
  border-top: 1px solid #01A9E8;
}
.link_section ul li a p {
  margin: 0;
  padding: 0;
}
.link_section ul li a .left_p {
  margin-right: 10px;
  width: 90%;
}

@media (min-width: 992px) {
	.link_section ul li {
	  padding: 0 30px 0 15px;
	}
	#top_10_questions .link_section ul li a {
	  padding: 12px 0;
	}
}
@media (max-width: 991px) {
	.link_section ul li {
	  padding: 0 15px 0 15px;
	}
	.link_section {
	  width: 100%;
	}
	.link_section ul li a {
	  padding: 12px 0;
	}
}

/* -------  css for latest review section at home  ------- */
.review_wrapper {
  height: 252px;
  text-align: center;
}
.review_box {
  position: relative;
  height: 220px;
  border: 2px solid #cbcbcb;
  text-align: center;
  z-index: 1;
  margin-top: -28px;
}
.review_wrapper img.reviewer_avatar {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #FCD800;
  z-index: 1000;
  margin: 0 auto;
}
.review_box .company_image {
  position: relative;
  width: 100%;
  height: 100px;
  margin-bottom: 7px;
  z-index: 1;
  background-size: cover;
  background-position: center;
}
.review_text {
  font-size: 12px;
  margin: 7px 0;
  height: 48px;
}
.review_text_footer {
  font-size: 12px;
}

/* installers and manufacturers */
.product-carousel {
	height: 187px;
	border: 2px solid #cbcbcb;
	padding: 10px;
}

/* -------  style for installer's profile page  ------- */
.installation_call_to_action_section {
  background-color: #27c5e7;
  border: 3px solid #149ab8;
  padding: 15px 10px;
  color: #fff;
  min-height: 294px;
  text-align: center;
}
.installation_call_to_action_section .btn {
  font-size: 0.8em;
  padding: 7px 15px;
}
.installation_call_to_action_section .btn-green:hover {
  color: #FFFFFF !important;
}
.installation_call_to_action_section .bottom_section {
  margin-top: 30px;
}
.installer-panel-prescreened-icon {
    margin-right: 5px;
}

/* from old style_SR_v2.2.css */

.navbar-collapse {
	box-shadow: none;
}
.pad80 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.pad50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pad4040 {
    padding: 40px;
}
.pad30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pad3030 {
    padding: 30px;
}
.pad2020 {
    padding: 20px;
}
.pad20 {
	padding: 20px 0;
}
.pad1010 {
    padding: 10px;
}
.pad10 {
	padding-top: 30px;
	padding-bottom: 10px;
}
.padL15 {
    padding-left: 15px;
}
.padtop30 {
	padding-top: 30px;
}
.padtop80 {
    padding-top: 80px;
}
.padT15 {
	padding-top: 15px;
}
.padbot80 {
	padding-bottom: 80px;
}
.padbot30 {
	padding-bottom: 30px;
}
.padbot20 {
	padding-bottom: 20px;
}
.padTB10 {
	padding: 10px 0;
}
.pad15 {
	padding: 15px;
}
.pad5 {
	padding: 5px;
}
.padT10B5 {
	padding-top: 10px;
	padding-bottom: 5px;
}
.padT5B5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.marginT20  {
	margin-top: 20px;
}
.marginT25  {
	margin-top: 25px;
}
.marginTB30  {
	margin: 30px 0;
}
.marginTB10  {
	margin: 10px 0;
}
.marginTB1510  {
	margin: 15px 0 10px 0;
}
.marginT50 {
    margin-top: 50px;
}
.marginT30 {
	margin-top: 30px;
}
.marginT28 {
	margin-top: 28px;
}
.marginT15 {
  margin-top: 15px;
}
.marginT10 {
	margin-top: 10px;
}
.marginL7 {
	margin-left: 7px;
}
.marginR20 {
	margin-right: 20px;
}
.marginR7 {
	margin-right: 7px;
}
.marginR4 {
	margin-right: 4px;
}
.margin15{
	margin: 15px;
}
.margin0{
    margin:0;
}
.marginb30 {
    margin-bottom: 30px;
}
.marginb20 {
    margin-bottom: 20px;
}
.marginb15 {
    margin-bottom: 15px;
}
.marginb10 {
    margin-bottom: 10px;
}
.marginb5 {
    margin-bottom: 5px;
}
.marginb0 {
    margin-bottom: 0px;
}
.small {
	font-size: 0.8em;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
.hrblue {
	border-top: 1px solid #00bded;
	margin-top: 30px;
}
.hrgreydot {
	border-top: 1px dotted #ccc;
	margin-top: 30px;
	margin-bottom: 30px;
}
.hrgrey15 {
	border-top: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 15px;
}
.hrgrey10 {
    border-top: 1px dashed #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.hrgray {
	border-top: 1px solid #CCC;
	margin: 0;
}


/* ------- Colors ------- */
.white, .text-white {
	color: #fff;
}
.blue, .lblue, .text-blue {
	color: #00bded;
}
.lgrey, .text-lgrey {
	color: #929292;
	font-weight: normal;
}
.lgrey a:hover {
	color: #929292;
	text-decoration: none;
}
.red, .text-red {
  color: #B31B1A;
  font-size: 16px;
}
.yellow, .text-yellow {
  color: #f6c83c;
}
.orange, .text-orange {
  color:#ff6f02;
}

/* ------- Font Sizes ------- */
.font11 {
  font-size: 11px;
}
.font12 {
  font-size: 12px;
}
.font13 {
  font-size: 13px;
}
.font14 {
  font-size: 14px;
}
.font15 {
    font-size: 15px;
}
.font16 {
    font-size: 16px;
}
.font17 {
  font-size: 17px;
}
.font20 {
  font-size: 20px;
}

/* ------- font family ------- */
.font-family-raleway{
  font-family: 'Raleway', sans-serif;
}

/* ------- BG Colors ------- */
.bg-blue {
  background-color: #01A9E8;
}
.bg-lblue {
  background-color: #cfe1e5;
}
.bg-blue-gradient {
  background: #D8F2FF;
  background: -moz-linear-gradient(top, #D8F2FF 0%, #F2F2F2 100%);
  background: -webkit-linear-gradient(top, #D8F2FF 0%,#F2F2F2 100%);
  background: linear-gradient(to bottom, #D8F2FF 0%,#F2F2F2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8F2FF', endColorstr='#F2F2F2',GradientType=0 );
}
.bg-grey {
  background-color: #f2f2f2;
}
.bg-lgrey {
  background-color: #e8e8e8;
}
.bg-ltgrey {
    background-color: #f4f7f6;
}
.bg-darkblue {
  background-color: #0e3454;
}
.bg-darkblue a {
  color: #fff;
}
.bg-darkblue a:hover {
  color: #d1e1ef;
  text-decoration: none;
}
.bg-lgreyblue {
  background-color: #d7e4e9;
}
.bg-dkgreyblue {
	background-color: #7a8c99;
}
.bg-greyblue {
  background-color: #85c7dd;
}
.bg-peach {
  background-color: #ff945c;
}
.bg-aqua {
  background-color: #5cc1c9;
}
.bg-green {
  background-color: #acd373;
}
.bg-white {
  background-color: #fff;
}
.bg-orange {
    background-color: #ff8f43;
}

/* ------- Borders ------- */
.border-grey {
	border: 5px solid #e8e8e8;
}

.box {
	padding: 20px;
}
@media (min-width: 482px) and (max-width: 991px) {
  .box {
    min-height: 250px;
    min-height: auto !important;
    height: 250px;
  }
}
@media (min-width: 992px) {
  .box {
    min-height: 200px;
    min-height: auto !important;
    height: 200px;
  }
}

.error {
  color: #F00;
}
.error_message {
  color: #B31B1A;
  font-size: 12px;
}
.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0;
}
.large_text {
  font-size: 36px;
}
.basedon {
  font-size: 11px;
  color: #999;
}
ul.indent {
	padding-left: 15px;
}

/* ------- Parallax BG  ------- */
.leads-form-PBG {
  background-image: url(../jpg/pic_blue.jpg);
  background-position: bottom center;
  color: #fff;
}
.leads2-PBG {
  background-image: url(../jpg/features_bg.jpg);
  background-position: bottom center;
  color: #fff;
}
.leads-parallax2 {
  min-height: 400px;
  height: auto !important;
  width: 100%;
}
.leads-parallax3 {
  min-height: 200px;
  height: auto !important;
  width: 100%;
}


/* ------- Buttons ------- */
.text-wrap {
	white-space: normal !important;
	word-wrap: break-word;
}
.btn-aqua {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 0.8em;
  width: 100%;
  letter-spacing: 1px;
  border: 2px solid #1ac5d9;
  border-radius: 0;
  background-color: #1ac5d9;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  outline: medium none;
  transition: background-color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
  cursor: pointer;
  vertical-align: middle;
}
.btn-aqua a {
  color: #FFF;
}
.btn-aqua:hover, .btn-aqua:focus {
  color: #1ac5d9;
  text-decoration: none;
  border: 2px solid #1ac5d9;
  background-color: transparent !important;
}
@media(min-width: 0px) and (max-width: 1000px) {
  .btn-aqua {
    margin-top: 15px;
  }
}

.btn-grey-h {
  font-family: 'Raleway', sans-serif;
  font-size: 0.85em;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 5px 20px;
  margin-bottom: 10px;
  border: 2px solid #bdbdbd;
  border-bottom: 5px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #bdbdbd;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  outline: none;
  transition: background-color 0.1s ease-out, border-color 0.1s ease-out;
  cursor: pointer;
  vertical-align: middle;
}
.btn-grey-h a {
  color: #FFF;
}
.btn-grey-h:hover, .btn-grey-h:focus {
  color: #FFF;
  text-decoration: none;
  border: 2px solid #999;
  background-color: #999;
}

.btn-grey {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 0.8em;
  width: 100%;
  letter-spacing: 1px;
  border: 2px solid #8b8b8b ;
  border-radius: 0;
  background-color: #8b8b8b;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  outline: medium none;
  transition: background-color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
  cursor: pointer;
  vertical-align: middle;
}
.btn-grey a {
  color: #FFF;
}
.btn-grey:hover, .btn-grey:focus {
  color: #8b8b8b;
  text-decoration: none;
  border: 2px solid #8b8b8b;
  background-color: transparent !important;
}

.btn-grey-invert {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 0.8em;
  padding: 7px 20px;
  letter-spacing: 1px;
  color: #8b8b8b;
  text-decoration: none;
  border: 2px solid #8b8b8b;
  border-radius: 0;
  background-color: transparent;
  text-transform: uppercase;
  text-align: center;
  outline: medium none;
  transition: background-color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
  cursor: pointer;
  vertical-align: middle;
}
.btn-grey-invert a {
  color: #8b8b8b;
}
.btn-grey-invert:hover, .btn-grey-invert:focus {
  color: #FFF;
  border: 2px solid #8b8b8b;
  background-color: #8b8b8b;
}

.btn-green-header {
  font-family: 'Raleway', sans-serif;
  font-size: 0.85em;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 5px 20px;
  margin-bottom: 10px;
  border: 2px solid #AAD545;
  border-bottom: 5px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #AAD545;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  outline: none;
  transition: background-color 0.1s ease-out, border-color 0.1s ease-out;
  cursor: pointer;
  vertical-align: middle;
}
.btn-green-header a {
  color: #FFF;
}
.btn-green-header:hover, .btn-green-header:focus {
  color: #FFF;
  text-decoration: none;
  border: 2px solid #8cb135;
  background-color: #a0c940;
}

.btn-green {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 0.8em;
  padding: 7px 20px;
  letter-spacing: 1px;
  border: 2px solid #6ca021;
  border-radius: 0;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  outline: medium none;
  transition: background-color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
  cursor: pointer;
  vertical-align: middle;
  background-color: #7ebd26;
  background: -moz-linear-gradient(top, #7ebd26 0%, #6ca021 100%);
  background: -webkit-linear-gradient(top, #7ebd26 0%,#6ca021 100%);
  background: linear-gradient(to bottom, #7ebd26 0%,#6ca021 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7ebd26', endColorstr='#6ca021',GradientType=0 );
}
.btn-green a {
  color: #FFF;
}
.btn-green:hover, .btn-green:focus {
  color: #8cb135;
  text-decoration: none;
  border: 2px solid #8cb135;
  background: transparent !important;
}



.btn-green-inputgroup {
  border: 1px solid #6ca021;
  color: #FFF;
  background-color: #7ebd26;
  background: -moz-linear-gradient(top, #7ebd26 0%, #6ca021 100%);
  background: -webkit-linear-gradient(top, #7ebd26 0%,#6ca021 100%);
  background: linear-gradient(to bottom, #7ebd26 0%,#6ca021 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7ebd26', endColorstr='#6ca021',GradientType=0 );
}
.btn-green-inputgroup a {
  color: #FFF;
}
.btn-green-inputgroup:hover, .btn-green-inputgroup:focus {
  color: #8cb135;
  text-decoration: none;
  border: 1px solid #8cb135;
  background: transparent !important;
}
.btn-orange-inputgroup {
    border: 1px solid #ff6f02;
    color: #FFF;
    background: #ffa800;
    background: -moz-linear-gradient(top, #ffa800 0%, #ff6f02 100%);
    background: -webkit-linear-gradient(top, #ffa800 0%,#ff6f02 100%);
    background: linear-gradient(to bottom, #ffa800 0%,#ff6f02 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#ff6f02',GradientType=0 );
}
.btn-orange-inputgroup a {
    color: #FFF;
}
.btn-orange-inputgroup:hover, .btn-orange-inputgroup:focus {
    color: #ff6100;
    text-decoration: none;
    border: 1px solid #ff6100;
    background: transparent !important;
}

.btn-orange {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 0.8em;
  padding: 7px 20px;
  letter-spacing: 1px;
  border: 2px solid #ff6f02;
  border-radius: 0;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  outline: medium none;
  transition: background-color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
  cursor: pointer;
  vertical-align: middle;
  background: #ffa800;
  background: -moz-linear-gradient(top, #ffa800 0%, #ff6f02 100%);
  background: -webkit-linear-gradient(top, #ffa800 0%,#ff6f02 100%);
  background: linear-gradient(to bottom, #ffa800 0%,#ff6f02 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#ff6f02',GradientType=0 );
}
.btn-orange a {
  color: #FFF;
}
.btn-orange:hover, .btn-orange:focus {
  color: #ff6100;
  text-decoration: none;
  border: 2px solid #ff6100;
  background: transparent !important;
}
@media (max-width: 991px) {
  .btn-orange {
    margin-top: 5px;
  }
}

.btn-orange-invert {
    padding: 7px 20px;
    font-family: 'Raleway', sans-serif;
    color: #ff6f02;
    font-weight: 600;
    font-size: 0.8em;
    letter-spacing: 1px;
    border-radius: 0;
    border: 1px solid #ff6f02;
    background: transparent !important;
    text-transform: uppercase;
}
.btn-orange-invert a {
    color: #ff6f02;
}
.btn-orange-invert:hover, .btn-orange-invert:focus, .btn-orange-invert a:hover, .btn-orange-invert a:focus {
    color: #fff;
    border: 1px solid #ff6f02;
    background-color: #ff6f02 !important;
}



.btn-white-invert {
  padding: 15px 35px;
  font-family: 'Raleway', sans-serif;
  color: #FFF;
  font-weight: 600;
  font-size: 1.2em;
  letter-spacing: 1px;
  border-radius: 0;
  border: 2px solid #FFF;
  background: transparent !important;
  text-transform: uppercase;
}
.btn-white-invert a {
  color: #FFF;
}
.btn-white-invert:hover, .btn-white-invert:focus, .btn-white-invert a:hover, .btn-white-invert a:focus {
  color: #001d33;
  border: 2px solid #FFF;
  background-color: #FFF !important;
}

.btn-white-cyan-invert {
    font-family: 'Raleway', sans-serif;
    color: #001d33;
    font-weight: 700;
    font-size: 1.2em;
    letter-spacing: 1px;
    border-radius: 0;
    border: 2px solid #FFF;
    background: transparent !important;
    text-transform: uppercase;
}
.btn-white-cyan-invert a {
    color: #001d33;
}
.btn-white-cyan-invert:hover, .btn-white-cyan-invert:focus, .btn-white-cyan-invert a:hover, .btn-white-cyan-invert a:focus {
    color: #FFF;
    border: 2px solid #00bded;
    background-color: #00bded !important;
}

.btn-icon, .btn-badge {
  min-width: 40px;
  width: auto !important;
  margin-bottom: 5px;
}
.btn-icon2, .btn-badge2 {
  padding: 6px 6px;
  margin-bottom: 5px;
}

.btn-cyan-invert {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #00bded;
  border: 2px solid #00bded;
  border-radius: 0;
  background-color: transparent;
  text-transform: uppercase;
}
.btn-cyan-invert a {
  color:#8b8b8b;
}
.btn-cyan-invert:hover {
  color: #FFF;
  border: 2px solid #00bded;
  background-color: #00bded;
}
.btn-cyan-invert:focus {
  color: #FFF;
  border: 2px solid #00bded;
  background-color: #00bded;
}

.btn-navyblue {
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  font-size: 0.8em;
  padding: 7px 20px;
  letter-spacing: 1px;
  border: 2px solid #2b406e;
  border-radius:0px;
  color: #FFF;
  text-transform: uppercase;
  outline: medium none;
  transition: background-color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
  vertical-align: middle;
  background: #3B5999;
  background: -moz-linear-gradient(top, #3B5999 0%, #2b406e 100%);
  background: -webkit-linear-gradient(top, #3B5999 0%,#2b406e 100%);
  background: linear-gradient(to bottom, #3B5999 0%,#2b406e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5999', endColorstr='#2b406e',GradientType=0 );
}

.btn-navyblue a {
  color: #FFF;
}

.btn-navyblue:hover {
  color:#476bb8;
  text-decoration:none;
  border: 2px solid #476bb8;
  background:transparent !important;
}

.btn-navyblue:focus {
  color:#476bb8;
  text-decoration:none;
  border: 2px solid #476bb8;
  background:transparent !important;
}


.btn-massive {
    font-size: 22px;
    padding: 20px;
}

.btn-massive .glyphicon {
    margin-right: 15px;
    position: relative;
}

.btn-number {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}

/* ------- Dropdown panel search menus ------- */
.panel.panel-info.dropdown-menu {
  min-width: 250px;
  padding: 0;
}
.panel.panel-info.dropdown-menu label {
  font-size: 0.80em;
  color: #666;
}
.panel.panel-info.dropdown-menu p {
  margin: 6px 0;
}
.panel.panel-info.dropdown-menu .btn {
  margin-top: 10px;
}

/* ------- Modal search menus ------- */
.nav .modal-dialog label {
  font-size: 0.80em;
  color: #666;
}
.nav .modal-dialog p {
  margin: 6px 0;
}
.nav .modal-dialog .btn {
  margin-top: 10px;
}


/* ------- Flexbox ------- */
/* remove flex on mobile/tablet or weird things happen in bootstrap */
@media (min-width: 991px) {
	.flexbox-container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: stretch;
        align-items: stretch;
        flex-wrap: wrap;
	}

    .flexitem {
        flex: 1; /* default 0 */
    }

    .flexitem-utilitylogo {
        flex: 1 1 20%; /* default 0 */
    }

	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-flex-flow: row wrap;
	  flex-flow: row wrap;
	  -webkit-align-content: flex-end;
	  align-content: flex-start;
	}
	.flex-align-bottom {
		position: absolute;
		align-self: flex-end;
	}
	/* hack fix positioning */
	.costdata_listdisplay .flex-align-bottom {
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 0 7px 7px 7px;
	}
}


/* ------- Social ------- */
.facebook {
  color: #3c5899;
}
.twitter {
  color: #28a9e0;
}
.instagram {
  color: #a27355;
}
.pinterest {
  color: #cb2027;
}
.tumblr {
  color: #56bc8a;
}
.linkedin {
  color: #0177b5;
}
.rss {
  color: #ffaf04;
}
.twitter-share-button {
  margin-right: 10px;
}

/* ------- Header ------- */
#headerWrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
#headerLogo {
  text-align: center;
}
#headerLogo h1 {
  font-size: 0.8em;
  color: #223e7c;
  text-align: center;
}
#headerLogo h4 {
    font-size: 0.8em;
    color: #223e7c;
    text-align: center;
}
#headerSocial ul li {
  display: inline-block;
  float: left;
  padding: 0 0 0 5px;
}
@media (max-width: 768px) {
  #headerSocial {
    padding-bottom: 10px;
  }
}

.logo {
  margin-bottom: 10px;
}

/* ------- General -------*/
.breadcrumb {
  font-size: 11px;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
  overflow-x: auto;
}
.formContactbg {
  border: 2px solid #153B7C;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: transparent linear-gradient(to bottom, #0783BE 49%, #153A7D 100%) repeat scroll 0 0;
  margin-top: 20px;
}

/* ------- Sign In modal ------- */
.modalSignIn-Top {
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.modalSignIn-Left {
  border-right: 1px dotted #ccc;
}
.modalSignIn-Left label {
  font-size: 0.80em;
  color: #666;
}
.modalSignIn-Left .forgot-password-link {
  padding: 10px 0 10px 0;
  margin-bottom: 0;
}
.modalSignIn-Left .forgot-password-link a:visited,
.modalSignIn-Left .forgot-password-link a:hover,
.modalSignIn-Left .forgot-password-link a:focus,
.modalSignIn-Left .forgot-password-link a:active {
  color: #01A8D2;
  text-decoration: none;
}
.modalSignIn-Right #fbloginerror-modal,
.modalSignIn-Right #fbloginerror-login {
  margin-top: 10px;
}

.modalSignIn-Right #fbloginerror-modal .loginerror,
.modalSignIn-Right #fbloginerror-login .loginerror {
  color: #F00;
}

/* ------- Registration modal ------- */
@media (min-width: 768px) {
	.modRegistration .modal-dialog {
		width: 700px;
	}
}
.modalRegistration-Top {
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
@media (max-width: 991px) {
	.modalRegistration-FAQ {
	  margin-top: 15px;
	  padding-top: 15px;
	  border-top: 1px dotted #ccc;
	}
}
.modalRegistration-FAQ dd {
	margin-bottom: 10px;
}
@media (min-width: 991px) {
	.modalRegistration-Left {
	  border-right: 1px dotted #ccc;
	}
}
.modalRegistration-Left label {
  font-size: 0.80em;
  color: #666;
}
.modalRegistration-Right #fbregistererror-modal,
.modalRegistration-Right #fbregistererror-register {
  margin-top: 10px;
}
.modalRegistration-Right #fbregistererror-modal .registererror,
.modalRegistration-Right #fbregistererror-register .registererror {
  color: #F00;
}


.installerReviewsMenu  a {
  display: block;
  padding: 7px 20px;
  border-bottom: 1px dotted #ccc;
  color: #333;
  text-decoration: none;
}
.installerReviewsMenu a:hover {
  display: block;
  background-color: #f5f5f5;
  text-decoration: none;
}

/*------- Solar Panels Menu Icons ------- */
.solarpanelsmenu h5 {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.circle {
  display: block;
  text-align: center;
  width: 60px;
  height: 60px;
  border: 2px solid #FFF;
  border-radius: 100%;
  margin: 0 auto;
}
.circle a i, .circle a span {
  font-size: 20px;
    line-height: 60px;
  color: #FFF;
}




/* ------ Main Banner - Home page ------- */
#mainsearch h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 2.2em;
  font-weight: normal;
  color: #FFF;
  margin-bottom: 15px;
}
#mainsearch p {
	color: #fff;
	margin-bottom: 15px;
}
#mainsearch p a {
	color: #fff;
}
#mainsearch p a:hover {
	color: #fff;
	text-decoration: underline;
}
@media (max-width: 481px) {
  #mainsearch .btn-orange {
    text-align: center;
  }
}

/* ------ Banner ------- */
.banner-calculator-bg {
  background-color: #f2f2f2;
  padding: 20px 0;
  margin-top: 20px;
}


/* ------ Img Panels ------- */
.solar-panel-calculator {
  padding: 35px 0;
  color: #fff;
  background-color: #0f6289;
}
.solar-panel-calculator h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8em;
  color: #fff;
  text-align: center;
  padding-bottom: 15px;
  margin-top: 0;
}
.img-panel-1-bg {
  background-image: url("../jpg/main-bg-1.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}
.img-panel-2-bg {
  background-image: url("../jpg/main-bg-2.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}
.img-panel-3-bg {
  background-image: url("../jpg/main-bg-3.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}
.img-panel-4-bg {
  background-image: url("../jpg/main-bg-4.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}
.img-panel-5-bg {
  background-image: url("../jpg/main-bg-5.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}
.img-panel-6-bg {
  background-image: url("../jpg/main-bg-6.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}
.img-panel-7-bg {
  background-image: url("../jpg/bg-solarpanels-flare.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.main-bg-SPI {
  background-image: url("../jpg/main-bg-spi-1.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}
@media (max-width: 991px) {
  .button#button1_1.bt.btn-orange {
    margin: 10px auto 0 auto;
  }
}

/* ----- Search Banners -----*/
.search-bg {
  background-color: #f2f2f2;
  padding: 30px 0;
  margin-bottom: 20px;
}
.search-bg h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8em;
  text-align: center;
  padding-bottom: 15px;
  margin-top: 0;
}
.search-companies-bg h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8em;
  color: #666;
  text-align: center;
  padding-bottom: 15px;
  margin: 0;
}

/* ------ What we do - Home page ------- */
#whatwedo h5 {
  margin-top: 15px;
}
.circle150 {
  width: 150px;
  height: 150px;
  padding: 10px;
  margin: auto !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 3px solid white;
  text-align: center;
}
.circle150:hover {
  background-color: #26bddd;
  cursor: pointer;
}
.valign {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
@media (max-width: 480px) {
  #whatwedo {
    display: none;
  }
}

/* ------ News feed - Home page ------- */
.block-title-grey {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
    margin-bottom: 26px;
}
.block-title-grey span {
  background-color: #929292;
  padding: 10px 15px;
  border-bottom: 2px solid #929292;
}
.line {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
}
.solid-line {
  border-top: 1px solid #CCC;
}

/* ------ Owl Carousel ------*/
.btn-carousel {
	line-height: 37px;
	padding: 7px 10px;
	cursor: pointer;
}

/* ------ Top 50 Solar Companies | Top 20 Solar Panel Brands ------*/
#top-solar-companies-wrapper h2, #top-solar-panels-wrapper h2 {
  font-size: 3.25em;
  padding-bottom: 30px;
}

/* ------ List Boxes ------*/

.list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#top-solar-companies-wrapper .list-item, #top-solar-panels-wrapper .list-item {
  padding: 1rem;
  color: #474D51;
  background-color: #FFF;
  border: 1px solid #DDD;
  text-align: center;
  margin-bottom: 30px;
  height: 355px;
}

.list-item {
  padding: 1rem;
  color: #474D51;
  background-color: #FFF;
  border: 1px solid #DDD;
  text-align: center;
  margin-bottom: 30px;
}
.list-item-logo {
  height: 147px;
  width: 147px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.list-item-logo img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  align-self: center;
}
.list-item h3 {
  font-size: 18px;
  height: 40px;
  margin: 10px 0;
  overflow: hidden;
}
.list-item p {
  font-size: 12px;
  height: 35px;
  color: #666;
}

@media (max-width: 481px) {
  .list-item {
    margin-bottom: 10px;
    height: auto !important;
  }
  .list-item-logo {
    width: auto !important;
  }
  .list-item h3 {
    height: 22px;
    overflow: hidden;
  }
  .list-item p {
    height: 18px;
    overflow: hidden;
  }
}


/* ------ Media Company List ------*/
.media .btn-orange {
  white-space: normal !important;
  word-wrap: break-word;
  padding: 7px 10px;
}
.media .btn-orange, .media .btn-green, .media .btn-grey-invert {
  width: 200px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .media .btn-orange, .media .btn-green, .media .btn-grey-invert {
    margin-left: 0;
    width: 100%;
  }
}

.carousel .media {
  border: 1px solid #ccc;
  padding: 5px;
  min-height: 180px;
  height: auto !important;
}
.carousel .media-logo {
  min-height: 75px;
  height: auto !important;
  margin-bottom: 5px;
}
.carousel h4 {
  font-family: 'Lato', sans-serif;
}

/* Regsistration page */
#companyregisterwrapper h2 {
  font-size: 1.3em;
}
#companyregisterwrapper h3 {
}
#companyregisterwrapper #companyregisteraccordion h3 {
  margin-top: 0;
}
#companyregisterwrapper .breadcrumb>.active {
  font-weight: bold;
  color: #13aded;
}
#companyregisterwrapper .breadcrumb .registertick {
  color: #51B812;
}
#companyregisterwrapper .needhelp {
  font-weight: bold;
  margin: 0 0 15px 0;
}
#companyregisterwrapper .registeras {
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 1.1em;
  border-bottom: 1px solid #d9d9d9;
}
#companyregisterwrapper .companyregisterformwrapper {
  margin-bottom: 20px;
}
#companyregisterwrapper .registertestimonial {
  margin-bottom: 15px;
}
#companyregisterwrapper .registerwhy h2 {
  font-size: 1.5em;
  margin-top: 15px;
}
#companyregisterwrapper .registerwhy h3 {
  margin-top: 0;
}
.currentserviceareas {
  padding-bottom: 20px;
}
#showhidenewzone {
  padding-bottom: 20px;
}

.registermodalppad {
  margin: 15px 0;
  font-weight: bold;
  color: #666;
}

#paymentmethodwrapper h2 {
  font-size: 1.3em;
  font-weight: bold;
  padding-top: 20px;
}

#paymethodheader {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}

/* ----- Installer Reviews pages ----- */


@media (min-width: 992px) {
    .installer-call-to-action {
        width: 200px;
        float: right;
    }
}
.installer-call-to-action p {
    font-weight: bold;
    color: #7ebd26;
    text-align: center;
    margin: 10px 0 5px 0;
}
.installer-call-to-action-orange p, .installer-call-to-action-orange a {
    color: #ff6f02;
}

#installerswrapper .installer-wrapper {
    padding: 10px 0 0 0;
}
#installerswrapper h2 {
  font-size: 1.3em;
}
#installerswrapper h3, #inverterwrapper h3 {
  font-family: Arial, serif;
  font-weight: normal;
  margin-top: 0;
}
#installerswrapper .modal-body h3 {
  margin-top: 0;
}
#installerswrapper .list-group {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#installerswrapper .btn-badge, #installerswrapper .btn-badge2 {
  color: #fff;
  cursor: default;
}
#installerswrapper .badge {
  background-color: #337ab7;
}
#installerswrapper .badge-blue {
  background-color: #337ab7;
}
#installerswrapper .badge-lblue {
  background-color: #6cb0eb;
}
#installerswrapper .badge-mblue {
  background-color: #5195d0;
}
#installerswrapper a.list-group-item, #installerinfowrapper a.list-group-item {
  color: #01A8D2;
}

/* ----- Solar Panels Cost - System Size ----- */
#installerswrapper .thumbnail {
  height: 140px;
  position: relative;
}
#installerswrapper a.thumbnail {
  text-decoration: none;
}
#installerswrapper a:hover.thumbnail {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
  text-decoration: none;
}
#installerswrapper .thumbnail_content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#installerswrapper .systemsize {
  font-size: 2.1em;
  line-height: 1em;
  padding-bottom: 10px;
}
#installerswrapper .legend {
  display: flex;
    justify-content: center;
}
#installerswrapper .legend h3 {
  font-size: 1.2em;
  margin-bottom: 0;
}
#installerswrapper .legend .media-body {
  vertical-align: middle;
}
#installerswrapper .box1 {
  min-height: 118px;
  height: auto !important;
  display: flex;
  justify-content: center;
}
.inner {
  align-self: center;
}

/* ----- Installers List -----  */
#installers-list {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 15px;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #installers-list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #installers-list {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}

#installerswrapper .installer {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#installerswrapper .installer-item {
  padding: 10px 0 0 0;
  margin-bottom: 0;
  border-top: 5px solid #e8e8e8;
  border-right: 5px solid #e8e8e8;
  border-left: 5px solid #e8e8e8;
}
#installerswrapper .installer-div {
  border-top: 1px solid #e8e8e8;
  margin-bottom: 10px;
}
#installerswrapper .installer-review {
  margin-top: 0;
  padding: 10px;
  border-right: 5px solid #e8e8e8;
  border-left: 5px solid #e8e8e8;
  border-bottom: 5px solid #e8e8e8;
}
#installerswrapper .logo-label {
	margin-bottom: 3px;
}
#installerswrapper .installer-logo img {
	width: 150px;
	height: auto !important;
	margin: 0 auto 10px auto;
	display: block;
}
#installerswrapper img.reviewimg {
  width: 40px;
  margin: 0;
}
#installerswrapper .installer-buttons {
  margin-bottom: 10px;
}
@media (min-width: 991px) {
  #installerswrapper .installer-buttons  {
    text-align: right;
  }
}
#installerswrapper .installer-buttons .alert {
  text-align: left;
}
#installerswrapper .resultslogoblank {
  display: block;
  width: 125px;
  height: 125px;
  padding: 5px;
  margin: 0 auto 10px auto;
  background-image: url("../png/solarreviews-icon_125x125.png");
  background-repeat: no-repeat;
}
#installerswrapper .resultsreviewlogoblank {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../png/solarreviews-icon_150x150.png");
  background-repeat: no-repeat;
  background-size: 40px 40px;
}


#installerswrapper .installer-body h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 7px;
}
#installerswrapper .installer-body h2.mhprescreen {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 7px;
}
#installerswrapper .pscrnaddress {
  margin-bottom: 10px;
}
#installerswrapper .rqstquote {
  margin-bottom: 10px;
}
#installerswrapper .installer-address-detail {
  margin-top: 7px;
    font-size: 14px;
}
#installerswrapper .avgtext, #installerdetailwrapper .avgtext {
  margin: 7px 0;
}
@media (min-width: 991px) {
  #installerswrapper .avgtext {
    display: inline-block;
    position: absolute;
    width: 200px;
    top: 30px;
    left: 140px;
    margin-left: 10px;
    color: #8b8b8b;
    font-size: 12px;
    font-weight: normal;
  }
  #installerdetailwrapper .avgtext {
    display: inline-block;
    position: absolute;
    width: 200px;
    top: 40px;
    left: 140px;
    margin-left: 10px;
    color: #8b8b8b;
    font-size: 12px;
    font-weight: normal;
  }
  #installerswrapper .installer-body .review-title, #installerdetailwrapper .installer-body .review-title {
    font-weight: bold;
    margin-bottom: 0;
  }
}

@media (min-width: 742px) {
    #installerdetailwrapper .installer-body {
        min-height: 216px;
        display: block;
    }
}

#installerswrapper .marginT15 {
  margin-top: 15px;
}
#installerswrapper .list-group-item {
  padding: 5px 10px;
}
#installerswrapper .alert-blue h3 {
  color: #fff;
}
#installerswrapper .alert-blue {
  border-color: #337ab7;
  background: #337ab7;
  background: -moz-linear-gradient(top, #337ab7 0%, #165992 100%);
  background: -webkit-linear-gradient(top, #337ab7 0%,#165992 100%);
  background: linear-gradient(to bottom, #337ab7 0%,#165992 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#337ab7', endColorstr='#165992',GradientType=0 );
}
#installerswrapper .alert-orange h3 {
  color: #fff;
}
#installerswrapper .alert-orange h3 a {
  color: #fff;
}
#installerswrapper .alert-orange h3 a:hover {
  color: #fff;
  text-decoration: underline;
}
#installerswrapper .alert-orange {
  border-color: #ffa800;
  background: #ffa800;
  background: -moz-linear-gradient(top, #ffa800 0%, #ff6f02 100%);
  background: -webkit-linear-gradient(top, #ffa800 0%,#ff6f02 100%);
  background: linear-gradient(to bottom, #ffa800 0%,#ff6f02 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#ff6f02',GradientType=0 );
}
#installerswrapper .alert-green h3 {
  color: #fff;
}
#installerswrapper .alert-green h3 a {
  color: #fff;
}
#installerswrapper .alert-green h3 a:hover {
  color: #fff;
  text-decoration: underline;
}
#installerswrapper .alert-green {
  border-color: #7ebd26;
  background: #7ebd26;
  background: -moz-linear-gradient(top, #7ebd26 0%, #6ca021 100%);
  background: -webkit-linear-gradient(top, #7ebd26 0%,#6ca021 100%);
  background: linear-gradient(to bottom, #7ebd26 0%,#6ca021 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7ebd26', endColorstr='#6ca021',GradientType=0 );
}

/* ------ Installer Reviews Details ------*/
#installerdetailwrapper h1 {
  font-size: 2em;
}
#installerdetailwrapper .installer-logo-bg, #viewreviewwrapper .installer-logo-bg {
	border: 3px #f2f2f2 solid;
	padding: 3px;
	margin-bottom: 10px;
}
#installerdetailwrapper .logo-label {
	margin-bottom: 2px;
}
#installerdetailwrapper .installer-logo, #viewreviewwrapper .installer-logo {
	width: 200px;
    height: 200px;
	margin: auto !important;
}
#installerdetailwrapper .installer-logo img, #viewreviewwrapper .installer-logo img {
	width: 200px;
	height: auto !important;
    margin: 0 auto;
}
#installerdetailwrapper .prescreen_badge {
    height: 100px;
    width: 100px;
    margin-left: auto;
}
#installerdetailwrapper .top100_badge {
    width: 100px;
    margin-left: auto;
}
#installerdetailwrapper .installer-prescreen {
    text-align: center;
}
@media (max-width: 767px) {
    #installerdetailwrapper .installer-prescreen {
        text-align: center;
    }
}
#installerdetailwrapper .accreditationImages img {
    max-height: 80px;
    margin-bottom: 5px;
    max-width: 190px;
}
#installerdetailwrapper .installer-buttons .btn {
  float: right;
  width: 100%;
  margin-bottom: 7px;
}
@media (max-width: 991px) {
  #installerdetailwrapper .installer-buttons .btn {
    float: left;
    width: 100%;
  }
}
#installerdetailwrapper .installer-call-to-action {
    width: 100%;
}
#installerdetailwrapper .description {
  margin-bottom: 20px;
}
#installerdetailwrapper .installerinfowrapper .srvgroup, #installerdetailwrapper .installerinfowrapper .accgroup {
  margin-right: 5px;
}
#installerdetailwrapper .registerhere {
  float: right;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  #installerdetailwrapper .registerhere {
  float: left;
  }
}

/* ------ Panels ------- */
.solar-panel-calculator-bg {
  background-color: #f2f2f2;
  padding: 50px 0;
}
.solar-panel-calculator-bg p a {
  color: #fff;
  text-decoration: underline;
}
.profile-calculator-bg {
  padding: 15px 0 20px 0;
  background-image: url(../jpg/profile-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #5ebfd2;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 5px solid #e8e8e8;
  border-radius: 15px;
}
.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.solar-panel-calculator-bg h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.5em;
  color: #636363;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 0;
}
.profile-calculator-bg h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 2em;
  color: #ffffff;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 0;
}
#calcDetails {
  text-align: left;
  margin-top: 20px;
  display: none;
}
.month {
  float: left;
  display: block;
  margin-left: 10px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 5px 0 0;
    line-height: normal;
}
.size10 {
  font-family: Arial, sans-serif;
  font-size: 10px;
}
.TCPA {
  font-size: 11px;
}

/* Would you Recommend? - Radio options */
#installerdetailwrapper ul.recommended_rating li {
  padding-bottom: 8px;
}
#installerdetailwrapper ul.recommended_rating li img {
  width: 25px;
  height: 25px;
}
#installerdetailwrapper ul.recommended_rating li p {
  margin: 0 0 0 5px;
}
#installerdetailwrapper ul.recommended_rating p.recommended_type {
  width: 50px;
  margin-left: 10px;
}

/* Write a Review - Recommend radio options */
#installerdetailwrapper #add_review h3 {
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

#installerdetailwrapper ul.recommended_options li {
  padding-bottom: 5px;
}
#installerdetailwrapper ul.recommended_options li label {
  margin-top: 11px;
  margin-left: 5px;
}
#installerdetailwrapper .termsMessage {
  margin-top: 10px;
}


.form-collapse .panel-heading {
    background-color: transparent;
    border: 0;
}
.form-collapse .panel-default {
    border: 0;
}
.form-collapse .panel {
    box-shadow: none;
}
.form-collapse .panel-collapse {
    border-bottom: 1px solid #eee;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
}


/* ------ Solar Panels Cost pages ------*/
#solarpanelscostwrapper {
  margin-bottom: 20px;
}

#solarpanelscostwrapper h2 {
  font-size: 1.5em;
}
#solarpanelscostwrapper h3 {
  margin-top: 0;
}
#solarpanelscostwrapper .modal-body h3 {
  margin-top: 0;
}

.solarpanelscost-statelist1 {
  margin-bottom: 0;
}
.solarpanelscost-statelist2 {
  margin-bottom: 0;
}
.solarpanelscost-statelist3 {
  margin-bottom: 0;
}

#solarpanelscost-citylist {
  margin-top: 20px;
}
#solarpanelscost-zipcodelist {
  margin-top: 20px;
}
#solarpanelscost-zipcodelist p {
  margin-top: 10px;
}

#solarpanelscostwrapper .list-group {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#solarpanelscostwrapper a.list-group-item {
  color: #01A8D2;
}

#solarpanelscostwrapper .btn-link.backbutton {
  color: #01A8D2;
  white-space: normal;
  text-align: left;
}
#solarpanelscostwrapper .badge {
  background-color: #337ab7;
}
.highlight_yellow_box {
  width: 100%;
  background-color: #FFF5CD;
  border: 2px solid #FFCC00;
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
}

/* Installer Request Quote Form */
#requestquoteform .btn.btn-warning {
  margin-top: 15px;
  margin-bottom: 15px;
}
p.rqreturnlink {
  margin-bottom: 20px;
}

#requestquoteinfo #img_1, #requestquoteinfo #img_2, #requestquoteinfo #img_3,
#requestquoteinfo #img_4, #requestquoteinfo #img_5, #requestquoteinfo #img_6 {
  background-repeat: no-repeat;
  background-position: top center;
  height: 172px;
}
#requestquoteinfo #img_1 {
  background-image: url("../jpg/1-01.jpg");
}
#requestquoteinfo #img_2 {
  background-image: url(../jpg/2-01.jpg);
}
#requestquoteinfo #img_3 {
  background-image: url(../jpg/3-01.jpg);
}
#requestquoteinfo #img_4 {
  background-image: url(../jpg/4-01.jpg);
}
#requestquoteinfo #img_5 {
  background-image: url(../jpg/5-01.jpg);
}
#requestquoteinfo #img_6 {
  background-image: url(../jpg/6-01.jpg);
}

#requestquoteinfo .quote_h4 {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  margin-top: 130px;
}

/* ----- User Profile page ----- */
#userprofilewrapper .profilepicture img {
  width: 150px;
  height: auto !important;
  margin: 0 auto 10px auto;
  display: block;

}
#userprofilewrapper .userprofilesortby {
  padding: 0 0 10px 0;
  margin: 10px 0;
  border-bottom: 1px dotted #ccc;
}
#userprofilewrapper .userprofilereviews {
  border-top: 1px dotted #ccc;
  margin: 20px 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
#userprofilewrapper .userprofilesortby h4, #userprofilewrapper .userprofilesortby p {
  padding: 0;
  margin: 0;
}

/* ----- User Profile review listing styles ----- */
#userProfileListWrapper .userProfile-item {
  padding: 10px 0;
  margin-bottom: 10px;
  border: 2px solid #e8e8e8;
}

#userProfileListWrapper .userProfile-logo img {
  width: 150px;
  height: auto !important;
  margin: 0 auto 10px auto;
  display: block;
}
#userProfileListWrapper .review-user {
  font-size: 0.85em;
  font-weight: bold;
  text-align: center;
}
#userProfileListWrapper .review-location {
  font-size: 0.85em;
  font-weight: normal;
  text-align: center;
}

#userProfileListWrapper  #review-blank {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  background-image: url("../png/solarreviews-icon_150x150.png");
  background-repeat: no-repeat;
}

#userProfileListWrapper .userProfile-address h2 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}
#userProfileListWrapper .userProfile-buttons .review-title {
  font-weight: bold;
  margin-bottom: 0;
}
#userProfileListWrapper .userProfile-buttons .review-comments {
  margin-bottom: 5px;
}
#userProfileListWrapper .userProfile-buttons .review-type {
  margin-bottom: 0;
}
#userProfileListWrapper .media-body .review-date {
  margin-left: 15px;
}
#userProfileListWrapper a.showmorelink,
#userProfileListWrapper a.showmorelink:hover,
#userProfileListWrapper a.showmorelink:focus,
#userProfileListWrapper a.showmorelink:active,
#userProfileListWrapper a.showmorelink:visited {
  color: #01A8D2;
  text-decoration: none;
}
#userProfileListWrapper a.viewcommentlink,
#userProfileListWrapper a.viewcommentlink:hover,
#userProfileListWrapper a.viewcommentlink:active,
#userProfileListWrapper a.viewcommentlink:visited {
  color: #01A8D2;
  text-decoration: none;
}

#userProfileListWrapper a.addcommentlink {
  margin-right: 18px;
}
#userProfileListWrapper .viewcommentsicon,
#userProfileListWrapper .showmoreicon {
  color: #999;
  margin-left: 4px;
  margin-bottom: 0;
}
#userProfileListWrapper .media-body .well {
  margin-top: 5px;
}


/* ----- Profile page (Logged in) ------ */
#profilewrapper h1 {
  margin-bottom: 15px;
}
#profilewrapper h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}

#profilewrapper .validatesection {
  margin-bottom: 10px;
}
#profilewrapper .statesubmit, #profilewrapper .validatesubmit,
#profilewrapper .updateprofilepic, #profilewrapper .uploadprofilepic {
  margin-top: 5px;
}


/* REVIEW PHOTOS */
#reviewPhotos {
  margin: 0 0 15px 0;
}
#reviewPhotosGalleyHome {
  background-color: #e4eedc;
  width: 670px !important;
  padding: 10px 10px 0 10px;
  margin: 0;
}
.reviewPhotoHome {
  float: left;
  padding: 0;
  margin: 0 10px 10px 0;
}
/* Solar Power Company Directory */
.solarPowerCompanyDirectoryCOL {
  float: left;
  width: 162px;
  padding: 0;
  margin: 0 10px 0 0;
}

/* Reviews of Solar Companies */
.reviewsSolarCompaniesCOL {
  float: left;
  width: 162px;
  padding: 0;
  margin: 0 10px 0 0;
}


/*--- Bullets ---*/
.bullet {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size: 12px;
}
.bullet li {
  padding-left: 10px;
  background-image: url(../jpg/green-bullet.jpg);
  background-repeat: no-repeat;
  background-position: 0;
  line-height: 17px;
}
.bullet li a {
  text-decoration: none;
}
.bullet li a:hover {
  text-decoration: underline;
}
.li-square {
  list-style-type: square;
}

/* ----- Solar leads Page ----- */
.circle150DB {
  width: 150px;
  height: 150px;
  padding: 10px;
  margin: auto !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 3px solid white;
  text-align: center;
}
.circle150DB-active {
  width: 150px;
  height: 150px;
  padding: 10px;
  margin: auto !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 3px solid white;
  text-align: center;
  background-color: #1e486d;
}
.circle150DB:hover {
  background-color: #1e486d;
  cursor: pointer;
}
.circle150LB {
  width: 150px;
  height: 150px;
  padding: 10px;
  margin: auto !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 3px solid white;
  text-align: center;
}
.circle150LB:hover {
  background-color: #97bbcc;
  cursor: pointer;
}
#register-leads .companyregisterwrapper {
  color: #fff;
}
.leads-PBG {
  background-image: url(../jpg/leads-bg.jpg);
  background-position: bottom center;
  color: #fff;
}

/* ----- Sub Menu ----- */
.submenu {
  border-left: 1px solid #325572;
  border-right: 1px solid #325572;
  border-bottom: 1px solid #325572;
}
.submenu-active {
  border-left: 1px solid #325572;
  border-right: 1px solid #325572;
  border-bottom: 1px solid #325572;
  background-color: #235077;
}
.submenu-icon {
  width: 17px;
  height: 17px;
}

/* ----- Solar Energy Page ----- */
.energy-BG1 {
  background-image: url(../jpg/leads-bg.jpg);
  background-position: bottom center;
  color: #fff;
}
.energy-BG2 {
  background-image: url(../jpg/energy2-bg.jpg);
  background-position: top center;
}
.energy-BG3 {
  background-image: url(../jpg/energy3-bg.jpg);
  background-position: top center;
}
.circle90DB {
  width: 88px;
  height: 88px;
  margin: auto !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 2px solid white;
  text-align: center;
}
.circle90DB-active {
  width: 88px;
  height: 88px;
  margin: auto !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 2px solid white;
  text-align: center;
  background-color: #1e486d;
}
.circle90DB:hover {
  background-color: #1e486d;
  cursor: pointer;
}
.circle90DB-icon {
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 2px solid white;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
}
.circle90DB-icon-active {
  display: block;
  text-align: center;
  width: 88px;
  height: 88px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 2px solid white;
  margin: 0 auto;
  padding-top: 20px;
  background-color: #1e486d;
}

/* ------ Solar Power page ------*/
.solarpower-numbers {
	height: 89px;
}
.solarpower-number1 {
	background-color: #f2f2f2;
}
.solarpower-number2 {
	background-color: #b4d9ee;
}
.solarpower-number3 {
	background-color: #6cc1df;
}
.solarpower-numimage {
	position: relative;
	height: 89px;
}
.solarpower-numimage-position {
	position: absolute;
	bottom: 0;
	width: 90%;
}
.solarpower-numimage-position {
	text-align: right;
}
.solarpower-numtext {
	margin: 34px 0;
}
.solarpower-number2 .solarpower-numtext {
	margin: 24px 0;
}
@media (min-width: 400px) and (max-width: 991px) {
	.solarpower-number1 .solarpower-numimage-position {
		text-align: left;
	}
	.solarpower-numtext, .solarpower-number2 .solarpower-numimage-position {
		text-align: center;
	}
}
@media (max-width: 400px) {
	.solarpower-numtext, .solarpower-numimage-position {
		text-align: center;
	}
}

/* ------ Solar Incentives page ------*/
@media (min-width: 992px) {
	.incentives-title {
		text-align: right;
		margin: 15px 0;
	}
}



/* ----- Footer ----- */
#footerWrapper {
  background-color: #19325a;
  color: #eef4ff;
  padding-top: 30px;
}

#footerWrapper a { color: #dee8f9; }

#footerWrapper a:hover { color: #33aae1; text-decoration: none; }

#footerWrapper h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.4em;
  color: #fff;
}
#footerWrapper h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  color: #fff;
}
#footer-col4 ul {
  font-size: 0.85em;
}
.collapse-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.6em;
  color: #fff;
  margin-left: 10px;
}
.footer-menu {
  margin-top: 10px;
}
#footer-col1, #footer-col2, #footer-col3 {
  padding-bottom: 25px;
}
#footer-col2 .dropdown-menu a {
  color: #333;
}
#footerAbout {
  margin-bottom: 20px;
}
.footer-logo {
  padding-top: 25px;
}
.footer-col-divider {
  display: block;
  height: 10px;
  margin: 10px auto 0 auto;
  width: 100%;
  border-top: 1px solid #3e629d;
}
#footerBottom {
  background-color: #12223e;
  color: #eef4ff;
  padding-top: 15px;
  padding-bottom: 10px;
}
.social_facebook {
  color: #3B5998 !important;
}
.social_twitter {
  color: #00ACED !important;
}
.social_youtube {
  color: #CD332D !important;
}
.social_linkedin {
  color: #007FB1 !important;
}

@media (min-width: 768px) and (max-device-width: 991px) {
  #footer-col4 ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
}
@media (max-width: 991px) {
  #footerWrapper {
    padding-top: 0;
  }
  #footerWrapper .list-unstyled {
    padding-left: 30px;
  }
  .footer-menu-button {
    padding: 10px 0;
    border-bottom: 1px solid #3e629d;
  }
  .footer-main {
    background-color: #19325a;
    border-bottom: none !important;
  }
  .footer .btn {
    text-shadow: none;
  }
  #footerWrapper button {
    background-color: #19325a;
    border: none;
    border-radius: 0;
  }
  #footer-col1, #footer-col2, #footer-col3, #footer-col4 {
    padding-bottom: 0;
  }
  #footerBottom {
    font-size: 0.8em;
  }
  .footerSocial {
    margin-top: 10px;
    text-align: center;
  }
}
@media (min-width: 991px) {
    #footerWrapper .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1200px) {
    #footer-col4 {
    padding-top: 0;
    border-top: none;
  }
}
@media (max-width: 480px) {
    #footerCopyright {
    padding-bottom: 70px;
    text-align: center;
    }
}

/* ----- Blog ----- */
@media (max-width: 767px) {
  .content-img-responsive  img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}


/* ----- Google Maps ----- */
@media (min-width: 1200px) {
  .google-maps {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/* ----- Solar Quoting ---- */
.box-SQ {
  min-height: 80px;
  height: auto !important;
}
@media (min-width: 991px) {
  .box-SQ {
    margin-bottom: 2px;
  }
}
.box-SQ h5 {
  font-family: 'Lato', sans-serif;
}
.count {
  color: #12aaed;
  font-size: 30px;
}

/* ----- Solar Power System Cost Data ----- */
#solarpowersystemcostdatawrapper .data-item {
  border: 5px solid #e8e8e8;
  padding: 0;
  margin-bottom: 10px;
}
.data-item-title {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}
.data-item-subtitle {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  color: #00bded;
}
.data-item-cost {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  color: #333;
  font: 36px;
}
.data-item-perwatt {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  color: #333;
  font: 18px;
}
.data-item-amount {
  font-family: 'lato', sans-serif;
  font-weight: bold;
  color: #575757;
  font: 18px;
}
.data-item-logo img {
  width: 50px;
}
.borderR {
  border-right: 1px solid #e8e8e8;
}
.search-filter {
  border: 2px solid #575757;
}

/* ----- USA MAP ------ */
#usamap {
  width: 700px;
  height: 433px;
  padding: 0;
  margin: 0;
}

.pricelistrequest_table_name {
  width: 100px;
  margin: 0;
  padding: 0;
}
.pricelistrequest_table_value {
  width: 100px;
  margin: 0;
  padding: 0;
}
.pricelistrequest_table_error {
  width: 300px;
  margin: 0;
  padding: 0;
}
#pricelist-request tr td {
  border-top: 1px solid #e7e7e7;
  padding: 5px;
  margin: 0;

}
#pricelist-request  {
  padding: 0;
  margin: 0;
}

#latestSolarNews {
  padding: 0;
  margin: 0 0 20px 0;
}
#topRatedSolarInstallers {
  padding: 0;
  margin: 0;
}

/******* Right-hand Sidebar *******/


/**** SR Quote Form ****/
#SR-Form-Container {
  background-image: url('../png/quoteformbackground-trans.png');
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #153B7C;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
}
@media (min-width: 1200px) {
  #SR-Form-Container {
    min-height: 250px;
  }
}

#SR-Form-Title {
  min-height: 60px;
  padding: 0 0 0 70px;
  margin-bottom: 10px;
  text-shadow: 1px 1px 0 rgba(0,0,0,.4);
}
#SR-Form-Title p {
  color: #FFF;
}

#SR-Form-Container label {
  color: #fff;
  font-weight: normal;
}
@media (min-width: 768px) {
  #SR-Form-Container .form-group {
    margin-bottom: 10px;
  }
  #SR-Form-Container .form-horizontal .control-label {
    padding-top: 4px;
    margin-bottom: 0;
    text-align: left;
  }
}

/**** Facebook Feed ****/
.fb-like-box, .fb-like-box span, .fb-like-box span iframe {
  width: 100% !important;
}

/**** Installer - recommended products ****/
#sidebar-InstallerRecommended h3 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#sidebar-InstallerRecommended .media {
  border-bottom: 1px solid #eee;
}
#sidebar-InstallerRecommended .media-heading h4 {
  font-size: 1.1em;
  margin-top: 0;
}
#sidebar-InstallerRecommended .media-left .resultslogoblank {
  display: block;
  width: 75px;
  height: 75px;
  background-color: #fff;
}
#sidebar-InstallerRecommended #avgText {
  margin-bottom: 0;
}
#sidebar-InstallerRecommended #basedonText {
  margin-top: 5px;
}

/**** Installer - Installers that service your area ****/
#sidebar-InstallerService h3 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#sidebar-InstallerService .media {
  border-bottom: 1px solid #eee;
}
#sidebar-InstallerService .media-heading h4 {
  font-size: 1.1em;
  margin-top: 0;
}
#sidebar-InstallerService .media-left .resultslogoblank {
  display: block;
  width: 75px;
  height: 75px;
  background-color: #fff;
}
#sidebar-InstallerService #avgText {
  margin-bottom: 0;
}
#sidebar-InstallerService #basedonText {
  margin-top: 5px;
}

/*-------  Intaller Profile page ------- */
#installerwrapper h2 {
  font-size: 1.3em;
}
#installerwrapper .installerLogo {
  margin-bottom: 10px;
}
#installerwrapper .installerLogoRemote {
  margin-bottom: 10px;
  max-height: 150px;
  max-width: 150px;
}
#installerwrapper .installerLogoPlaceholder {
  margin-bottom: 10px;
  width: 150px;
  height: 112px;
}

#installerwrapper #installerSocialLinks, #installerdetailwrapper #installerSocialLinks {
  margin: 10px 0 5px 0;
}
#installerwrapper #installerSocialLinks img, #installerdetailwrapper #installerSocialLinks img {
  margin-right: 5px;
}
#installerwrapper .btn.instQuoteReviewBtn {
  margin-top: 5px;
  margin-bottom: 10px;
}
#installerwrapper #avgText {
  margin-left: 130px;
  margin-bottom: 0;
}
#installerwrapper #basedonText {
  margin-top: 0;
  margin-bottom: 0;
}
#installerwrapper .installermsg {
  margin: 15px 0;
}
#installerHeaderLinks {
  padding: 10px 0 0 0;
  margin: 10px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
#installerHeaderLinks .list-inline {
  margin-bottom: 0;
}
#installerHeaderLinks .list-inline li {
  margin-bottom: 10px;
}
#installerimageswrapper {
  position: relative;
}
#installerimageswrapper .imageopenicon {
  position: absolute;
  /* Currently Slick slider images have a max z-index value of 900
   * and Dropdown menus/Panel have a value of 1000. Need to set a value here of
   * somewhere in-between for the icon to be visible */
  z-index: 990;
  top: 5px;
  right: 20px;
  color: #FFF;
  font-size: 1.3em;
  text-shadow:
    -1px -1px 0 rgba(0,0,0,.5),
    1px -1px 0 rgba(0,0,0,.5),
    -1px 1px 0 rgba(0,0,0,.5),
    1px 1px 0 rgba(0,0,0,.5);
}
#installerimageswrapper .installer_mainimage.slick-slider {
  margin-bottom: 10px;
}
#installerimageswrapper .installer_mainimage img {
  width: 100%;
}
#installerimageswrapper .installer_imagenav {
  position: relative;
}
#installerimageswrapper .installer_imagenav.slick-slider {
  margin-bottom: 10px;
}
#installerimageswrapper .installer_imagenav img {
  width: 83px;
  opacity: 0.7;
}
#installerimageswrapper .installer_imagenav .slick-center img {
  opacity: 1;
  border: 3px solid #F90;
}
#installerimageswrapper .installer_imagenav .slick-dots {
  position: inherit;
  bottom: auto;
}
#installerwrapper p.companyshortdesc {
  margin-bottom: 0;
}
#installerwrapper div.companydesc {
  margin-top: 20px;
}
#installerwrapper a.showmorelink,
#installerwrapper a.showmorelink:hover,
#installerwrapper a.showmorelink:focus,
#installerwrapper a.showmorelink:active,
#installerwrapper a.showmorelink:visited {
  color: #01A8D2;
  text-decoration: none;
}

#installerwrapper .showmoreicon {
  color: #999;
  margin: 0 0 20px 4px;
}
#installerwrapper .installerinfowrapper {
  padding: 0 0 20px 0;
}
#pvmodules-list {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #pvmodules-list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #pvmodules-list {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}
#pvmodules-list a.list-group-item {
  color: #01A8D2;
}
#other-list {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 15px;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #other-list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #other-list {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}
#other-list a.list-group-item {
  color: #01A8D2;
}

.installerinfoimage {
  margin-right: 5px;
}
#installerwrapper .installerpartner, #installerdetailwrapper .installerpartner {
  width: 60px;
  font-size: 12px;
  font-weight: bold;
}

#installerwrapper .installeraltcompany {
  background-color: #fdfed4;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #FC0;
}

#installerwrapper .installeraltcompany h3 {
  margin: 5px 0;
}

#installerwrapper .installeraltcompany .mostReviewLogo {
  text-align: center;
}
#installerwrapper .installeraltcompany .showmoreicon {
  margin-bottom: 0;
}

#installerwrapper #installerReviewsHeader {
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

#installerwrapper .review_col1,
#installerwrapper .review_col2,
#installerwrapper .review_col3 {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #installerwrapper .review_col1 {
    border-right: #d9d9d9 solid 1px;
  }
}
@media (min-width: 1200px) {
  #installerwrapper .review_col1 {
    min-height: 220px;
  }
  #installerwrapper .review_col2 {
    border-right: #d9d9d9 solid 1px;
    min-height: 220px;
  }
}

/* Overall Ratings */
#installerwrapper .overall_rating #installerdetailwrapper .overall_rating {
  padding-bottom: 5px;
}
#installerwrapper .overall_label, #installerdetailwrapper .overall_label {
  width: 85px;
  padding-right: 10px;
  margin: 0;
}
#installerwrapper .overall_bar_bg, #installerdetailwrapper .overall_bar_bg {
  display: block;
  height: 12px;
  background-color: #d9d9d9;
  margin-right: 10px;
  margin-top: 3px;
}
#installerwrapper .overall_bar_fill, #installerdetailwrapper .overall_bar_fill {
  height: 12px;
  background-color: #0985BF;
}
#installerwrapper .overall_count, #installerdetailwrapper .overall_count {
  margin: 0;
}

/* Would you Recommend? - Radio options */
#installerwrapper ul.recommended_rating li {
  padding-bottom: 5px;
}
#installerwrapper ul.recommended_rating li p {
  margin: 11px 0 0 5px;
}
#installerwrapper ul.recommended_rating p.recommended_type {
  width: 50px;
  margin-left: 10px;
}

/* Write a Review - Recommend radio options */
#installerwrapper #add_review h3 {
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

#installerwrapper ul.recommended_options li {
  padding-bottom: 5px;
}
#installerwrapper ul.recommended_options li label {
  margin-top: 11px;
  margin-left: 5px;
}
#installerwrapper .termsMessage {
  margin-top: 10px;
}

/* ------- Installer Reviews List ------- */
#installerwrapper #installerReviewsListHeader {
  padding: 10px 0;
  margin: 10px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
#installerwrapper #installerReviewsListHeader h2 {
  margin-bottom: 0;
}
#installerwrapper .sortbyText {
  font-size: 0.8em;
}
@media (min-width: 768px) {
  #installerwrapper .sortbyText {
    float: right;
  }
}

.instprodhead {
  padding: 10px 0 0 0;
  margin: 10px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

/* ----- Reviews feed - Installer page ----- */
#installer-review-list-wrapper {
  padding-top: 10px;
}
#installer-review-list-wrapper .media {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}

#installer-review-list-wrapper .media-left img {
  width: 75px;
}
#installer-review-list-wrapper .media-left .review-user {
  font-size: 0.85em;
  font-weight: bold;
}
#installer-review-list-wrapper .media-left .review-location {
  font-size: 0.85em;
  font-weight: normal;
}

#installer-review-list-wrapper .media-left #review-blank {
  display: block;
  width: 75px;
  height: 75px;
  background-image: url("../png/solarreviews-icon_150x150.png");
  background-repeat: no-repeat;
}

#installer-review-list-wrapper .media-body h3 {
  margin-bottom: 0;
}
#installer-review-list-wrapper .media-body .review-title {
  font-weight: bold;
  margin-bottom: 0;
}
#installer-review-list-wrapper .media-body .review-comments {
  margin-bottom: 5px;
}
#installer-review-list-wrapper .media-body .review-type {
  margin-left: 15px;
  margin-bottom: 0;
}
#installer-review-list-wrapper .media-body .review-date {
  margin-left: 15px;
}
#installer-review-list-wrapper a.showmorelink,
#installer-review-list-wrapper a.showmorelink:hover,
#installer-review-list-wrapper a.showmorelink:focus,
#installer-review-list-wrapper a.showmorelink:active,
#installer-review-list-wrapper a.showmorelink:visited {
  color: #01A8D2;
  text-decoration: none;
}
#installer-review-list-wrapper a.viewcommentlink,
#installer-review-list-wrapper a.viewcommentlink:hover,
#installer-review-list-wrapper a.viewcommentlink:active,
#installer-review-list-wrapper a.viewcommentlink:visited {
  color: #01A8D2;
  text-decoration: none;
}

#installer-review-list-wrapper a.addcommentlink {
  margin-right: 18px;
}
#installer-review-list-wrapper .viewcommentsicon,
#installer-review-list-wrapper .showmoreicon {
  color: #999;
  margin-left: 4px;
  margin-bottom: 0;
}
#viewcomments-wrapper {
  margin-right: 10px;
}
#installer-review-list-wrapper .media-body .well {
  margin-top: 5px;
}

h5#commentInstallerName {
  font-weight: bold;
  margin: 0;
}
#intallerCommentModalRating a.star_rating_positive {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  display: block;
  float: left;
  background-image: url("../jpg/star.jpg");
  background-repeat: no-repeat;
  background-position: 0 -32px !important;
}
#intallerCommentModalRating .star_rating_neutral {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  display: block;
  float: left;
  background-image: url("../jpg/star.jpg");
  background-repeat: no-repeat;
}
#addcommentform {
  margin-top: 20px;
}

/*-------  Tabs ------- */
.tab-content {
  padding: 10px;
}

/*-------  Installer View Review ------- */
#viewreviewwrapper .reviewInstallerLogo {
  margin-bottom: 10px;
}
#viewreviewwrapper .reviewInstallerLogoRemote {
  margin-bottom: 10px;
  max-height: 150px;
  max-width: 150px;
}
#viewreviewwrapper .reviewInstallerLogoPlaceholder {
  margin-bottom: 10px;
  width: 150px;
  height: 112px;
}

#viewreviewwrapper .media-body h3 {
  margin-bottom: 10px;
}
#viewreviewwrapper a.showmorelink,
#viewreviewwrapper a.showmorelink:hover,
#viewreviewwrapper a.showmorelink:focus,
#viewreviewwrapper a.showmorelink:active,
#viewreviewwrapper a.showmorelink:visited {
  color: #01A8D2;
  text-decoration: none;
}
#viewreviewwrapper a.viewcommentlink,
#viewreviewwrapper a.viewcommentlink:hover,
#viewreviewwrapper a.viewcommentlink:active,
#viewreviewwrapper a.viewcommentlink:visited {
  color: #01A8D2;
  text-decoration: none;
}

#viewreviewwrapper a.addcommentlink {
  margin-right: 18px;
}
#viewreviewwrapper .viewcommentsicon,
#viewreviewwrapper .showmoreicon {
  color: #999;
  margin-left: 4px;
  margin-bottom: 0;
}
#viewreviewwrapper #viewcomments-wrapper {
  margin-right: 10px;
}
#viewreviewwrapper .media-body .well, #viewcomments-wrapper .media-body .well {
  margin-top: 10px;
}

#viewreviewwrapper .media {
  border-top: 1px dotted #d9d9d9;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #d9d9d9;
}
#viewreviewwrapper .socialLinks {
  margin: 20px 0;
}
#viewreviewwrapper #viewreviewsummary {
  padding: 10px 10px 0 10px;
  margin-bottom: 30px;
  border: 5px solid #e8e8e8;
}
#viewreviewwrapper #viewreviewsummary .media-left #viewreview-blank {
  display: block;
  width: 125px;
  height: 125px;
  background-image: url("../jpg/solarreviews-icon_125x125.jpg");
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto 5px auto;
}
#viewreviewwrapper #viewreviewsummary .media-left #viewreview-pic {
  display: block;
  width: 150px;
  height: 75px;
  margin: 0 auto 5px auto;
}

@media (max-width: 768px) {
  #viewreviewwrapper .reviewInstallerLogo {
    width: 75px;
    height: auto
  }
  #viewreviewwrapper .reviewInstallerLogoRemote {
    max-height: 75px;
    max-width: 75px;
  }
  #viewreviewwrapper .reviewInstallerLogoPlaceholder {
    width: 75px;
    height: auto;
  }
  #viewreviewwrapper #viewreviewsummary .media-left #viewreview-pic {
    width: 75px;
    height: auto;
  }
}

#viewreviewwrapper .viewreviewratings .averagetext {
  margin-left: 7px;
  font-weight: bold;
  line-height: 25px;
}
#viewreviewsummary .averagetext {
  margin-left: 7px;
  font-weight: bold;
  line-height: 25px;
}
#viewreviewwrapper .viewreviewratings .descriptiontext {
  margin-left: 15px;
}

#viewreviewwrapper #viewreviewcomments {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #d9d9d9;
}
#viewreviewwrapper #viewreviewcomments h3 {
  font-size: 1.6em;
}

#sidebarreviewlist h4 {
  font-size: 1em;
  margin-bottom: 0;
}
.reviewlistitemwrapper {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #d9d9d9;
}
.reviewlistitemwrapper a.showmorelink,
.reviewlistitemwrapper a.showmorelink:hover,
.reviewlistitemwrapper a.showmorelink:focus,
.reviewlistitemwrapper a.showmorelink:active,
.reviewlistitemwrapper a.showmorelink:visited {
  color: #01A8D2;
  text-decoration: none;
}
.reviewlistitemwrapper a.viewcommentlink,
.reviewlistitemwrapper a.viewcommentlink:hover,
.reviewlistitemwrapper a.viewcommentlink:active,
.reviewlistitemwrapper a.viewcommentlink:visited {
  color: #01A8D2;
  text-decoration: none;
}

.reviewlistitemwrapper a.addcommentlink {
  margin-right: 18px;
}
.reviewlistitemwrapper .viewcommentsicon,
.reviewlistitemwrapper .showmoreicon {
  color: #999;
  margin-left: 4px;
  margin-bottom: 0;
}
.addreviewcompanyname {
  font-size: 1.3em;
  font-weight: bold;
}
.addreviewoverallrating {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sliderformgroup {
  margin-bottom: 0;
}
.choiceformgroup {
  margin-top: 15px;
}

.slidercolumn {
  padding-top: 7px;
}
.addreviewquestiondescription {
  padding-left: 10px;
}

/* ----- Add Review - Register/Login modal popup ----- */

#registerdiv h5, #logindiv h5 {
  font-weight: bold;
  padding-top: 5px;
}
#logindiv .forgot-password-link {
  padding: 10px 0 10px 0;
  margin-bottom: 0;
}
#logindiv .forgot-password-link a:visited,
#logindiv .forgot-password-link a:hover,
#logindiv .forgot-password-link a:focus,
#logindiv .forgot-password-link a:active {
  color: #01A8D2;
  text-decoration: none;
}

/* ----- Estimator_div_form ----- */
  .solarestimate_error { color: red;}
  .solarestimate_image { display: none;}

/*------- Press Release ------- */
@media (max-width: 480px) {
  .press-release-img {
    margin: auto !important;
  }
}
#prescreened-list a.list-group-item {
  color: #01A8D2;
}

/*------- Comments ------- */
.comments {
  border-top: 1px dotted #ccc;
  margin-top: 30px;
}


/*-------  Search Results ------- */

.installers-sortby {
  margin-top: 25px;
}

@media  (max-width: 992px) {
    .installers-sortby {
        float: left !important;
        margin: 10px 0;
    }
}

/*-------  Filter Area for Search Results ------- */
#installers-filters.well {
  padding: 8px 15px;
  margin-bottom: 15px;
}

/* Search Results Pager */
#installers-pager {
  margin-top: 20px;
}
#installers-pager .pagination {
  margin-top: 0;
}

/*------- Products reviews ------- */
.prodreviewbtn {
  margin-top: 15px;
  margin-bottom: 15px;
}
#prodinfowrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
#prodinfowrapper h2 {
  font-size: 1.4em;
}
#prodinfowrapper h2.prodreviewstitle {
  font-size: 1.5em;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
}

#prodinfowrapper h3 {
  margin-top: 15px;
}
#prodinfowrapper .table {
  margin-top: 20px;
}

#prodinfowrapper .table {
  margin-top: 20px;
}
#prodinfowrapper .media {
  border-bottom: 1px dotted #ccc;
}

#prodinfowrapper a.showmorelink,
#prodinfowrapper a.showmorelink:hover,
#prodinfowrapper a.showmorelink:focus,
#prodinfowrapper a.showmorelink:active,
#prodinfowrapper a.showmorelink:visited {
  color: #01A8D2;
  text-decoration: none;
}

#prodinfowrapper .showmoreicon {
  color: #999;
  margin: 0 0 20px 4px;
}

/****** News/Blog ******/
.post-title h3 {
  margin-top: 0;
}

#sidebar-Subscribe h3, #sidebar-Contribute h3, #sidebar-Categories h3, #sidebar-Archives h3, #sidebar-search h3 {
  font-family: 'Raleway', sans-serif;
  color: #5D5D5D;
  font-size: 1em;
  margin-bottom: 19px;
  padding: 9px 16px;
  background-color: #EFEFEF;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#sidebar-Subscribe p, #sidebar-Contribute p, #sidebar-Categories p, #sidebar-Archives p, #sidebar-search p {
  color: #999;
}
#sidebar-Subscribe li a, #sidebar-Contribute li a, #sidebar-Categories li a, #sidebar-Archives li a, #sidebar-search li a {
  color: #999;
}
#sidebar-Subscribe li a:hover, #sidebar-Contribute li a:hover, #sidebar-Categories li a:hover, #sidebar-Archives li a:hover, #sidebar-search li a:hover {
  color: #00bded;
}
#sidebar-Subscribe h4, #sidebar-search h4 {
  font-size: 1em;
  font-weight: bold;
  color: #337ab7;
  margin-bottom: 5px;
}
#sidebar-Categories .glyphicon, #sidebar-Archives .glyphicon {
  color: #999;
}

.list-tweets {
  padding-right: 15px;
}
.tweet {
  list-style-image: url("../png/tweet.png");
}
.hash {
  font-weight: bold;
}

/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
  -webkit-text-size-adjust: 140%;
}
code {
  -webkit-text-size-adjust: 160%;
}
#menu,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
  -webkit-text-size-adjust: 120%;
}
#site-description {
  -webkit-text-size-adjust: none;
}

.clear, .cleaner {
  clear: both;
  height: 0;
  overflow: hidden; }

/* Solar Estimate estimator images */
#contentLeft-SolarEstimate1 {
  width: 704px;
  height: 250px;
  margin-bottom: 20px;
  padding: 0;
  background-image: url('../jpg/solar-estimate-bg-1.jpg');
  background-repeat: no-repeat;
}
#contentLeft-SolarEstimate2 {
  width: 704px;
  height: 250px;
  margin-bottom: 20px;
  padding: 0;
  background-image: url('../jpg/solar-estimate-bg-2.jpg');
  background-repeat: no-repeat;
}
#contentLeft-SolarEstimate-right {
  float: right;
  width: 410px;
}
#contentLeft-SolarEstimate-logo {
  float: left;
  width: 250px;
  padding: 0;
  margin: 55px 0 0 0;
  text-align: center;
}
#contentLeft-SolarEstimate-content {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFF;
  padding: 15px 10px 0 0;
  margin: 0;
}
#contentLeft-SolarEstimate-form form {
  padding: 0;
  margin: 0;
}
#contentLeft-SolarEstimate-form {
  margin-top: 150px;
  padding: 15px 10px 0 0;
  font-size: 14px;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
}
#estimatemysystem-button-contentLeft {
  font-family: 'Open Sans', sans-serif;
  margin-left: 15px;
  text-align: center;
  padding: 7px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background: #ff9400; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff9400 0%, #ff6700 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9400), color-stop(100%,#ff6700)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff9400 0%,#ff6700 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff9400 0%,#ff6700 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff9400 0%,#ff6700 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ff9400 0%,#ff6700 100%); /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff9400', endColorstr='#ff6700',GradientType=0 ); /* IE6-8 */
}

label.radio_button > input {
  visibility: hidden;
  position: absolute;
}

label.radio_button > input + img {
  cursor: pointer;
}

/* style for add review page */
.smalltext{
  font-size: 12px !important;
  margin-bottom: 0 !important;
}

.smallrating{
  float:left;
}

.smallratingtext{
  float:left;
  margin-left:-25px;
}

.btn-blue-with-icon{
  padding: 3px 11px !important;
}

.btn-blue-with-icon i{
  height:25px;
  width:25px;
  border-radius: 50%;
  background-color: #fff;
  color: #3B5999;
  line-height: 26px;
  font-size: 14px;
  font-weight: bold;
}

.btn-blue-with-icon:hover i{
  background-color: #3B5999;
  color: #fff;
}

.rating_label{
  padding-top: 0 !important;
}

#ajaxcheck{
  padding: 10px;
  margin-bottom: 5px;
}

/* match a link style to the text/heading colour */
.color-match {
  color:  inherit;
}

/* -------  css for cityscape background - background image is 500px tall. sky will overflow  ------- */
.city_scape{
  background: #D8F2FF url('../png/city_background.png') bottom center repeat-x;
}

/* create 5 equal columns within bootstrap framework */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

/* create 7 equal columns within bootstrap framework */
.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-7ths {
  width: 14.28%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-7ths {
    width: 14.28%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-7ths {
    width: 14.28%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-7ths {
    width: 14.28%;
    float: left;
  }
}

.solar-companies-button .btn-default {
  border: none;
  white-space: normal; /* prevents no-wrap on these buttons */
  min-height: 85px; /* fakes buttons to the same height */
  margin-bottom: 5px;
  font-size: 12px;
}
.solar-companies-button .btn-default img {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .solar-companies-button .btn-default {
    min-width: 160px;
  }
}
@media (min-width: 768px) {
  .solar-companies-button .btn-default {
    min-height: 85px; /* fakes buttons to the same height */
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .solar-companies-button .btn-default {
    min-height: 120px; /* fakes buttons to the same height */
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .solar-companies-button .btn-default {
    min-height: 100px; /* fakes buttons to the same height */
    margin-bottom: 0;
  }
}

/* solar quoting banner */

#sharequotebanner{
	overflow: hidden;
	position: relative;
	height: 300px;
}
.sharequotebanner1 {
	background: #d8f2ff;
	background: -webkit-linear-gradient(top, #d8f2ff 0%, #fff 100%);
	background: -linear-gradient(top, #d8f2ff 0%, #fff 100%);
	background: -moz-linear-gradient(top, #d8f2ff 0%, #fff 100%);
}
.sharequotebanner2 {
	background: #88d7ff;
	background: -webkit-linear-gradient(top, #88d7ff 0%, #ccc 100%);
	background: -linear-gradient(top, #88d7ff 0%, #ccc 100%);
	background: -moz-linear-gradient(top, #88d7ff 0%, #ccc 100%);
}
.sharequotebanner3 {
	background: #d8f2ff;
	background: -webkit-linear-gradient(top, #d8f2ff 0%, #d8f2ff 15%, #00abeb 100%);
	background: -linear-gradient(top, #d8f2ff 0%, #d8f2ff 15%, #00abeb 100%);
	background: -moz-linear-gradient(top, #d8f2ff 0%, #d8f2ff 15%, #00abeb 100%);
}
/* Cloud shape in pure css */
.cloud {
	width: 200px; height: 60px;
	background: #fff;
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	position: relative;
	z-index: 2;
}
.cloud:before, .cloud:after {
	content: '';
	position: absolute;
	background: #fff;
	width: 75px; height: 75px;
	position: absolute; top: -20px; left: 20px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}
.cloud:after {
	width: 100px; height: 100px;
	top: -50px; left: auto; right: 20px;
}
/* variation 3 - cutouts uses a png, not pure css */
.sharequotebanner3 .cloud {
	background: transparent url("../png/cloud_cutout.png") no-repeat;
	background-size: contain;
}
.sharequotebanner3 .cloud:before, .sharequotebanner3 .cloud:after {
	background: transparent;
}

/* Animate clouds using pure css */
.cloud1 {
	top: 30px;
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}
/*variable speed and position of clouds for realistic effect :3 */
.cloud2 {
	left: 200px; top: 0;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	/*More the speed. Less the time in 's' = seconds*/
	-webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
}
.cloud3 {
	left: -250px; top: -30px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-animation: moveclouds 27s linear infinite;
	-moz-animation: moveclouds 27s linear infinite;
	-o-animation: moveclouds 27s linear infinite;
}
.cloud4 {
	left: 470px; top: -60px;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-animation: moveclouds 23s linear infinite;
	-moz-animation: moveclouds 23s linear infinite;
	-o-animation: moveclouds 23s linear infinite;
}
.cloud5 {
	left: -150px; top: -90px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite;
	-o-animation: moveclouds 25s linear infinite;
}
@-webkit-keyframes moveclouds {
	0% {margin-left: 100%;}
	100% {margin-left: -100%;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 100%;}
	100% {margin-left: -100%;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 100%;}
	100% {margin-left: -100%;}
}
.cityscape {
	z-index: 1;
	position: absolute;
	width: 100%;
	bottom: 0;
}
.cityimage {
	background-position: bottom;
	background-repeat: repeat-x;
	height: 200px;
	background-size: contain;
}
.sharequotebanner1 .cityimage {
	background-image: url("../png/city_silhouette_lt.png");
}
.sharequotebanner2 .cityimage {
	background-image: url("../png/city_silhouette_dk.png");
}
.sharequotebanner3 .cityimage {
	background-image: url("../png/city_silhouette_cutout.png");
}
.sharequotebanner_text {
	text-align: center;
	z-index: 4;
	margin: 25px 0;
	position: absolute;
	width: 100%;
}
.sharequotebanner_text .btn {
	width: 200px;
	margin-top: 10px;
}
/* END solar quoting banner */

/* style for ask a question banner on installer's profile page */
.ask-question-banner{
  position: relative;
}
.ask-question-banner h3{
  margin-top: 0;
}
.ask-question-banner-desktop{
  width: 250px;
  position: fixed;
  right: 3px;
  bottom: 3px;
  border-radius: 5px 5px 0 0;
  background: #10abeb url(../call-us.html) no-repeat;
  background-size: 120px 140px;
  background-position: 130px 100px;
  z-index: 1000;
}

.ask-question-banner-mobile{
  background-color: #10abeb;
  width: 100%;
  display: table;
  table-layout: fixed;
}

.text-div{
  display: table-cell;
  max-width: 75%;
}

.image-div{
  display: table-cell;
  max-width: 25%;
  background: #10abeb url(../call-us.html) no-repeat right bottom;
}

/* Upload System on Installers profile page */
.upload-system {
	background-image: url("../jpg/bg-upload-system.jpg");
	background-position: bottom;
}
.opacityBlue {
	background-color:rgba(49,74,96,0.9);
}

/* style for star rating on add review page - jQuery.Rating Plugin CSS */
div.rating-cancel,div.star-rating{
	float:left;
	width: 20px;
	height: 20px;
	text-indent:-999em;
	cursor:pointer;
}
div.rating-cancel{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIwIiBoZWlnaHQ9IjIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KICA8cGF0aCBmaWxsPSIjYzRjNWM3IiBkPSJtMTA5LjQ5NDQ0LDBjLTYwLjQ3MDQzLDAgLTEwOS40OTQ0NCw0OS4wMjI3MyAtMTA5LjQ5NDQ0LDEwOS40OTk1N2MwLDYwLjQ3NzI3IDQ5LjAyNDAxLDEwOS40OTcwMSAxMDkuNDk0NDQsMTA5LjQ5NzAxYzYwLjQ3Mzg1LDAgMTA5LjQ5OTU3LC00OS4wMjE0NCAxMDkuNDk5NTcsLTEwOS40OTcwMWMwLC02MC40NzY4NSAtNDkuMDI0NDQsLTEwOS40OTk1NyAtMTA5LjQ5OTU3LC0xMDkuNDk5NTdtLTc4LjY4OTkyLDg5Ljc5ODAxbDE1Ny4zODQxMiwwbDAsMzkuMzkwNzNsLTE1Ny4zODQxMiwwbDAsLTM5LjM5MDczeiIgLz4NCjwvc3ZnPg=="); /* cancel-grey */
	background-size: 14px 14px;
	background-position: center;
	background-repeat:no-repeat;
	display: inline-block;
}
div.rating-cancel:hover{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIwIiBoZWlnaHQ9IjIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KICA8cGF0aCBmaWxsPSIjZmYyZDAzIiBkPSJtMTA5LjQ5NDQ0LDBjLTYwLjQ3MDQzLDAgLTEwOS40OTQ0NCw0OS4wMjI3MyAtMTA5LjQ5NDQ0LDEwOS40OTk1N2MwLDYwLjQ3NzI3IDQ5LjAyNDAxLDEwOS40OTcwMSAxMDkuNDk0NDQsMTA5LjQ5NzAxYzYwLjQ3Mzg1LDAgMTA5LjQ5OTU3LC00OS4wMjE0NCAxMDkuNDk5NTcsLTEwOS40OTcwMWMwLC02MC40NzY4NSAtNDkuMDI0NDQsLTEwOS40OTk1NyAtMTA5LjQ5OTU3LC0xMDkuNDk5NTdtLTc4LjY4OTkyLDg5Ljc5ODAxbDE1Ny4zODQxMiwwbDAsMzkuMzkwNzNsLTE1Ny4zODQxMiwwbDAsLTM5LjM5MDczeiIgLz4NCjwvc3ZnPg=="); /* cancel-red */
}
div.star-rating,div.star-rating a{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMwIiBoZWlnaHQ9IjIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KICA8cG9seWdvbiBmaWxsPSIjYzRjNWM3IiBzdHJva2U9IiNiNGI0YjQiIHN0cm9rZS13aWR0aD0iOCIgcG9pbnRzPSIxMTIsMSAxMTYsMSAxNTAsNzIgMjI3LDgxIDIyOSw4NSAxNzIsMTM4IDE4NiwyMTUgMTg0LDIxOCAxMTUsMTc5IDQ3LDIxOCA0NCwyMTUgNTgsMTM4IDEsODUgMyw4MCA3OCw3MiIgLz4NCjwvc3ZnPg=="); /* star-grey */
	background-size: 20px 20px;
	background-position: center;
	background-repeat:no-repeat;
	display: inline-block;
}
div.rating-cancel a,div.star-rating a{
	display:block;
}
div.star-rating-on a, div.star-rating-hover a{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMwIiBoZWlnaHQ9IjIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KICA8cG9seWdvbiBmaWxsPSIjZmZkYjAzIiBzdHJva2U9IiNmYmNhMDciIHN0cm9rZS13aWR0aD0iOCIgcG9pbnRzPSIxMTIsMSAxMTYsMSAxNTAsNzIgMjI3LDgxIDIyOSw4NSAxNzIsMTM4IDE4NiwyMTUgMTg0LDIxOCAxMTUsMTc5IDQ3LDIxOCA0NCwyMTUgNTgsMTM4IDEsODUgMyw4MCA3OCw3MiIgLz4NCjwvc3ZnPg==") !important; /* star-yellow */
}
/* Read Only CSS */
div.star-rating-readonly a{
	cursor:default !important
}
/* END jQuery.Rating Plugin CSS */


/* SVG Rating Stars */
.ratingWrapper {
	margin: 3px auto;
	text-align: center;
}
.ratingWrapper.pull-left {
	text-align: left;
}
.rating-maxwidth {
	max-width: 150px;
}
.rating {
	width: 100px;
	height: 19px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMwIiBoZWlnaHQ9IjIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KICA8cG9seWdvbiBmaWxsPSIjYzRjNWM3IiBzdHJva2U9IiNiNGI0YjQiIHN0cm9rZS13aWR0aD0iOCIgcG9pbnRzPSIxMTIsMSAxMTYsMSAxNTAsNzIgMjI3LDgxIDIyOSw4NSAxNzIsMTM4IDE4NiwyMTUgMTg0LDIxOCAxMTUsMTc5IDQ3LDIxOCA0NCwyMTUgNTgsMTM4IDEsODUgMyw4MCA3OCw3MiIgLz4NCjwvc3ZnPg=="); /* star-grey */
	background-size: 20px 19px;
	background-repeat:repeat-x;
	display: inline-block;
}
.star-fill {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMwIiBoZWlnaHQ9IjIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KICA8cG9seWdvbiBmaWxsPSIjZmZkYjAzIiBzdHJva2U9IiNmYmNhMDciIHN0cm9rZS13aWR0aD0iOCIgcG9pbnRzPSIxMTIsMSAxMTYsMSAxNTAsNzIgMjI3LDgxIDIyOSw4NSAxNzIsMTM4IDE4NiwyMTUgMTg0LDIxOCAxMTUsMTc5IDQ3LDIxOCA0NCwyMTUgNTgsMTM4IDEsODUgMyw4MCA3OCw3MiIgLz4NCjwvc3ZnPg=="); /* star-yellow */
	background-size: 20px 19px;
	background-repeat:repeat-x;
	float: left;
}
.rating-lg .rating {
	background-size: 25px 24px;
	height: 24px;
	width: 125px;
}
.rating-sm .rating {
	background-size: 18px 17px;
	height: 17px;
	width: 90px;
}
.rating-text {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	padding: 4px;
}
.rating-lg .rating-text {
	font-size: 12px;
	padding: 6px;
}
.rating-sm .rating-text {
	font-size: 11px;
	padding: 3px;
}
.rating-xl .rating {
    background-size: 100px 99px;
    height: 99px;
    width: 500px;
}
.rating-individual .rating {
    background-size: 100px 99px;
    height: 99px;
    width: 100px;
}

/* text after stars on installer/manufacturer detailed ratings */
.rating_desc {
	margin: 0 0 0 5px;
	font-size: 0.8em;
	line-height: 33px;
}
.star_rating_text {
	color: #999;
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 33px;
}

/* text after stars on installer/manufacturer reviews */
.rating-label {
  color: #999999;
  margin-left: 10px;
  line-height: 30px;
  font-weight: bold;
}

/* text after stars on /solar-panels/ page */
.rating-review {
    min-height: 50px;
    overflow: hidden;
    margin: 5px 0;
}

/* reset jquery dataTable css */
table.dataTable thead th{
  border-bottom: 1px solid #ddd !important;
  border-left: 0;
}

table.dataTable thead th:last-child{
  border-right: 0;
}

table.dataTable tbody td{
  border-bottom: 0;
  border-left: 0;
}

table.dataTable tbody td:last-child{
  border-right: 0;
}

table.dataTable.no-footer{
	border: 1px solid #ddd !important;
}

/* style for system deals */
#systemDeals .singleItem {
    padding: 10px;
    color: #474D51;
    background-color: #FFF;
    border: 2px solid #DDD;
    text-align: center;
    height: 333px;
}

#alternateSystemDeals .singleItem {
    padding: 7px;
    color: #474D51;
    background-color: #FFF;
    border: 2px solid #DDD;
    text-align: center;
    min-height: 375px;
    min-height: auto !important;
    height: 375px;
}

#systemDeals .singleItem p{
	margin:0;
}

#systemDeals .singleItem .systemData, #alternateSystemDeals .singleItem .systemData {
	color: #003355;
	font-weight: bold;
	font-size: 33px;
	height: 36px;
}

/* style for system deals marketing page */
.promotionalBatch{
    background-color: #55bcc3;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    position: absolute;
    right: 60px;
    top: -20px;
    opacity: 0.9;
    font-size: 28px;
    letter-spacing: 2px;
    padding-top: 40px;
}

.uploadSolarSystem .btn-orange, .uploadSolarSystem .btn-green{
    text-transform: none;
    font-size: 16px;
}


/*------- Testimonials ------- */
.bubble {
	position: relative;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 25px;
}
.bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #efefef transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -15px;
	left: 41px;
}


/* custom bootstrap grid gutter */
.customGutter .row{
  margin: 0 -5px;
}
.customGutter .col{
  padding-right:5px;
  padding-left:5px;
}


/* solar leads calculator*/



.tooltip-inner {
    min-width: 210px;
    text-align: left;
}
.tooltip-icon {
    color: #666;
}

.popover-parent, .popover-parent-halfwidth {
    position: relative;
}
.calc-error-popover {
    background: #d9534f;
    color: #fff;
    max-width: 300px;
    width: 250px;
}
.calc-error-popover.bottom > .arrow {
    border-bottom-color: #ae423f;
    /* there are styles from elsewhere on SR bleeding into here */
    overflow: visible;
}
.calc-error-popover.bottom > .arrow:after {
    border-bottom-color: #d9534f;
    /* there are styles from elsewhere on SR bleeding into here */
    transform: none;
    left: 50%;
    background: none;
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.calc-leads-return-input-panel {
    background: rgba(255,255,255,0.9);
    color: #000;
    padding: 10px;
    margin: 15px 0;
    border-radius: 3px;
}

.calc-recalculate-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    z-index: 2;
}

.ui-autocomplete-loading {
    background: white url("../ajax-loader.html") right center no-repeat;
}

.ui-autocomplete .ui-menu-item{
    font-size: 10px;
}

.ui-autocomplete .activeBuyingLeadsCompany{
    font-size: 11px;
    font-weight: bold;
    color: #01A9E8;
}

.ui-autocomplete .activeCompany{
    font-weight: bold;
}

.installer-phone-number {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    margin-top: 5px;
}

.installer-item .installer-phone-number {
    max-width: 200px;
}

@media (max-width: 991px) {
    .installer-item .installer-phone-number {
        max-width: none;
    }
}

.color-orange{
    color: #ff9900;
}

.color-blue{
    color: #00bded;
}

.blog-post-list {
    display: flex;
    flex-wrap: wrap;
}

.blog-post-list .blog-post {
    padding-left: 0;
    padding-right: 30px;
    float: none;
}

@media (max-width: 765px) {
    .blog-post-list .blog-post {
        padding-right: 0;
        margin-bottom: 20px;
    }
}

.blog-post-list .post-thumbnail {
    margin-bottom: 10px;
}

.blog-post-list .post-title {
    display: block;
    font-weight: bold;
}

.blog-post-list .read-more {
    margin-left: 0;
}

.blog-post-list .post-thumbnail-container {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
}

.blog-post-list .post-thumbnail {
    width: 100%;
    max-width: 265px;
}

.blog-post-list .post-date {
    background: rgb(51,122,183);
    color: #FFF;
    padding: 2px 6px;
    position: absolute;
    bottom: 0;
    left: 0;
}

body.blog-post-view .post-details {
    position: relative;
    padding: 15px 0;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
    vertical-align: middle;
    margin-bottom: 20px;
}

body.blog-post-view .post-details .details-right {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
}

body.blog-post-view .post-details .post-author {
    font-weight: bold;
}

body.blog-post-view .post-details .author-thumbnail {
    max-height: 45px;
    max-width: 45px;
    margin-right: 10px;
    border-radius: 3px;
    vertical-align: middle;
}

body.blog-post-view .post-content img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 992px) {
    .blog-index .post-list-wrapper {
        margin-bottom: 30px;
        text-align: center;
    }

    .blog-index .post-list-wrapper:after {
        content: '';
        display: block;
        clear: both;
    }


    .blog-post-list .post-thumbnail-container {
        max-width: 265px;
        margin: 0 auto;
    }
}


@media (max-width: 770px) {
    .blog-post-list .blog-post {
        padding-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .blog-post-list .blog-post .post-summary {
        max-width: 250px;
        margin: 0 auto;
    }
}

body.blog-section #content {
}
.blog-section .h3 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #666;
}
body .basic-slider-calc .container {
  width: 100%;
}

body .basic-slider-calc .includes-incentives {
  display: none;
}


body.blog-section #content:after {
    clear: both;
    content: '';
    display: block;
}

body.blog-section .sidebar .categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.blog-section .sidebar h5 {
    font-family: 'Raleway', sans-serif;
    color: #5D5D5D;
    font-size: 1em;
    margin-bottom: 19px;
    padding: 9px 16px;
    background-color: #EFEFEF;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

body.blog-section .sidebar .recent-posts a, .company-related-posts a {
    display: block;
    margin-bottom: 10px;
    line-height: 1em;
    vertical-align: middle;
}

body.blog-section .sidebar .post-title, .company-related-posts .post-title{
    display: inline-block;
    margin-left: 5px;
    max-width: 185px;
    vertical-align: middle;
}

body.blog-section .sidebar .post-thumbnail, .company-related-posts .post-thumbnail {
    max-width: 50px;
    max-height: 50px;
}

body.blog-section .sidebar .categories a {
    color: #999;
}

.social-share-container {
    position: absolute;
    right: 0;
    top: 13px;
    text-align: right;
    width: 100%;
}

@media (max-width: 690px) {
    .social-share-container {
        position: relative;
        top: 0;
        text-align: left;
    }
}

.social-share-button {
    display: inline-block;
    padding: 0 15px;
    border-radius: 3px;
    color: #FFF;
    background-image: url('../png/social-icons-blog.png');
    vertical-align: middle;
}

@media (max-width: 690px) {
    .social-share-button {
        padding: 0 8px;
    }
}

.social-share-button:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    background-image: url('../png/social-icons-blog.png');
    background-repeat: no-repeat;
}

.social-share-button[href*=google] {
    background: #DB4437;
}

.social-share-button[href*=google]:before {
    background-position-x: -60px;
}

.social-share-button[href*=facebook] {
    background: #435794;
}

.social-share-button[href*=twitter] {
    background: #4A9DED;
}

.social-share-button[href*=twitter]:before {
    background-position-x: -30px;
}

.social-share-button[href*=linkedin] {
    background: #4473AE;
}

.social-share-button[href*=linkedin]:before {
    background-position-x: -45px;
}

.social-share-button[href*=plus] {
    background: #CD5B4A;
}

.social-share-button[href*=plus]:before {
    background-position-x: -60px;
}

/* style for accordion */
.panel-default>.panel-heading {
    background-color: #fff;
    border-color: #ddd;
}
.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    float: right;
    color: #999999;
    font-size: 14px;
}

.panel-heading .accordion-toggle.collapsed:after, .top5-accordion .collapsed .accordion-toggle:after {
    content: "\2b";
}
.panel-heading .accordion-toggle.collapsed:after, .accordion-content .collapsed .accordion-toggle:after {
    content: "\2b";
}

/* style for top5 panel brand accordion */
.top5-accordion .panel-title {
    position: relative;
}
.top5-accordion .accordion-toggle {
    position: absolute;
    right: 10px;
    top: 10px;
}
.top5-accordion .panel-heading a {
    text-decoration: none;
    color: #575757;
}

.top5-accordion .panel-heading img {
    height: 40px;
}

.top5-accordion .panel-heading span {
    display: inline-block;
}


/* home page styles */
#home_introduction .navbar-nav, #home_introduction .dropdown {
    width: 100%;
}
#home_introduction .dropdown-menu {
    border: none;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 992px) {
    #home_introduction .nav>li:last-child {
        border-bottom: none;
    }
    #home_introduction img {
        width: 350px;
        margin: auto;
    }
}
/* home page review box flex styles */
.home-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.home-flex-item {
    display: block;
    padding: 0 15px 20px 15px;
    width: 25%;
    max-width: 25%;
}

.home-reviews {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    box-shadow: 3px 3px 5px #ccc;
    min-height: 150px;
}
.home-reviews .review-title h4 {
    margin-top:0;
    text-align: center;
    font-weight: bold;
}
.home-reviews .review-text {
    width: 100%;
    flex-grow: 1;
    margin-bottom: 10px;
}

.expert-reviews {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
}
.expert-reviews .review-text {
    width: 100%;
    flex-grow: 1;
    margin-bottom: 10px;
    text-align: left;
}

.top-question, .tesla-link {
    width: 20%;
    max-width: 20%;
}
.top-question a, .tesla-link a {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100px;
    padding: 15px;
    white-space: normal;
    justify-content: space-around;
    text-transform: inherit;
}

.tesla-link img {
    max-width: 153px;
    margin: auto;
}

@media (max-width: 1200px) {
    .home-flex-item, .top-question {
        width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 580px) {
    .home-flex-item, .top-question {
        width: 100%;
        max-width: 100%;
    }
}

.most-searched-background {
    background-color: #f7fcff;
    background-image: url('../hands-holding-phone.html');
    background-repeat: no-repeat;
    background-position: calc(50% - 760px) bottom;
}

/* mini call out - generic 2 styling */
.cta-banner {
    background-color: #efefef;
    color: #333;
    padding: 20px 30px;
    border-radius: 4px;
    font-weight: bold;
}
.cta-banner p, .cta-banner span, .cta-banner h1, .cta-banner h2, .cta-banner h3, .cta-banner h4, .cta-banner h5 {
    color: #333;
    font-weight: bold;
}
.cta-banner img {
    float: left;
    margin: auto 20px auto 0;
    max-height: 75px;
    max-width: 75px;
}
.cta-banner .btn {
    font-weight: bold;
}
.cta-banner .form-group {
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 411px) {
    .cta-banner {
        display: flex;
        align-items: center;
    }
    .cta-banner p, .cta-banner span, .cta-banner h1, .cta-banner h2, .cta-banner h3, .cta-banner h4, .cta-banner h5 {
        flex: 1;
    }
    .cta-banner img {
        flex-grow: 0;
    }
}
@media (max-width: 410px) {
    .cta-banner img {
        display: none;
    }
}

/* mini call out - Review us on Google */
.cta-review-google {
    background-color: #efefef;
    color: #333;
    padding: 20px 30px;
    border-radius: 4px;
    font-weight: bold;
}
.cta-review-google h3 {
    margin-top: 0;
}
.cta-review-google .btn {
    font-weight: bold;
}

/* chartist extras */
.ct-legend {
    position: relative;
    z-index: 10;
    list-style: none;
    text-align: center;
    margin-top: -10px;
}

.ct-legend  li {
    position: relative;
    padding-left: 28px;
    margin-right: 10px;
    margin-bottom: 3px;
    cursor: pointer;
    display: inline-block;
}

.ct-legend  li:before {
    width: 24px;
    height: 18px;
    position: absolute;
    left: 0;
    content: '';
    border: 1px solid transparent;
    border-radius: 1px;
}

.ct-legend  li.inactive:before {
    background: transparent;
}

.ct-series-0:before {
    background-color: #2EAAE1;
    border-color: #2EAAE1;
}

.ct-series-1:before {
    background-color: #FF6D00;
    border-color: #FF6D00;
}

.ct-series-2:before {
    background-color: #F4C63D;
    border-color: #F4C63D;
}

@media (max-width: 550px) {
    .ct-legend {
        text-align: left;
        display: table;
        margin: auto;
    }
    .ct-legend li {
        display: block;
    }
}

.ct-legend .ct-legend-inside {
    position: absolute;
    top: 0;
    right: 0;
}

.ct-legend .ct-legend-inside li{
    display: block;
    margin: 0;
}

.ct-series rect.ct-bar {
    stroke: none;
    stroke-width: 1px;
    fill: none;
}

.ct-series.ct-series-a rect.ct-bar /*:nth-of-type(4n+1)*/
{
    stroke: #2EAAE1;
    fill: #2EAAE1;
}

.ct-series.ct-series-b rect.ct-bar /*:nth-of-type(4n+1)*/
{
    stroke: #FF6D00;
    fill: #FF6D00;
}

.ct-series.ct-series-c rect.ct-bar /*:nth-of-type(4n+1)*/
{
    stroke: #F4C63D;
    fill: #F4C63D;
}

.ct-tooltip-position-resultGraphAverageCost {
    margin-top: 20px;
}

.chart-holder {
    max-width: 750px;
    margin: 0 auto 30px;
}

#resultGraphCaliforniaSavings, #resultGraphCitySavings {
    height: 300px;
    padding: 10px 0;
    max-width: 750px;
    margin: 0 auto 30px;
}
#resultGraphAverageCost {
    height: 300px;
    max-width: 750px;
    padding: 20px 0;
    margin: 0 auto 30px;
    position: relative;
}
@media (max-width: 550px) {
    #resultGraphCaliforniaSavings, #resultGraphCitySavings {
        margin: 0 auto 100px;
    }
    #resultGraphAverageCost {

    }
}

.utility-related-posts p {
    padding: 10px 0 20px 0;
}

.utility-related-posts img {
    max-height: 150px;
}

.utility-related-posts p a {
    color: #575757;
    font-size: 12px;
    line-height: 18px;
    font-family: Lato;
}


.affix {
    top: 0;
}
#affix-cities.affix-bottom {
    position: absolute;
}
#affix-cities {
    max-width: 265px;
}
#affix-cities.affix {
    margin-top: 5px;
}


/** CSS for mini panel calculator */
.mini-panel-calculator {
    max-width: 500px;
    text-align: left;
}

.mini-panel-calculator .panel-calculator-form label {
    padding-right: 10px;
}

.mini-panel-calculator .panel-calculator-form em {
    font-weight: bold;
}

.mini-panel-calculator .panel-calculator-container-result {
    text-align: center;
}

.mini-panel-calculator .panel-calculator-container-result p {
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
}

.mini-panel-calculator .panel-calculator-container-result .panel-calculator-result {
    color: #ff6d00;
    font-weight: 700;
}

.mini-panel-calculator .panel-calculator-container-result i {
    font-size: 22px;
    font-weight: 500;
    color: #2eaae1;
}

.mini-panel-calculator .panel-calculator-container-result button {
    margin-top: 30px;
}

.mini-panel-calculator input[type=range] {
    -webkit-appearance: none;
    margin-top: 10px;
    width: 100%;
    height: 12px;
    border-radius: 50px;
    background: #aaaaaa;
    outline: none;
    opacity: 0.7;
    transition: opacity .2s;
    border: 1px solid #555555;
}

.mini-panel-calculator input[type=range]:hover {
    opacity: 1;
}

.mini-panel-calculator input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 30px;
    height: 20px;
    border-radius: 10%;
    background: #7fbc24;
    cursor: pointer;
    border: 1px solid #555555;
}

.mini-panel-calculator input[type=range]::-moz-range-thumb {
    width: 30px;
    height: 20px;
    border-radius: 10%;
    background: #7fbc24;
    cursor: pointer;
    border: 1px solid #555555;
}

.mini-panel-calculator input[type=range]::-ms-thumb {
    width: 30px;
    height: 20px;
    border-radius: 10%;
    background: #7fbc24;
    cursor: pointer;
    border: 1px solid #555555;
}

.mini-panel-calculator input[type=range]::-moz-range-track {
    background-color: transparent;
}


/* New Nov 2018 - Installer Registration */
.category-slug:after {
    content: ', '
}
.category-slug:last-child:after {
    content: '';
}
.related-blog-post .post-header {
    padding-top: 3px;
    display: flex;
    flex-direction: column;
    height: 70px;
    padding-left: 3px;
}
.related-blog-posts .media-heading, .related-blog-posts-row .media-heading {
    font-size: 16px;
    max-height: 35px;
    overflow: hidden;
}
.related-blog-posts .post-body p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.related-blog-posts .related-blog-post {
    margin-bottom: 5px;
}
.related-blog-posts-row .thumbnail {
    margin: 0 auto 10px;
}
.related-blog-posts-row .post-body {
    text-align: center;
}
.why-solar-reviews h3 {
    text-align: center;
    font-size: 2.5rem;
    color: #1f3554;
}
.why-solar-reviews img {
    width: 100%;
    height: auto;
}
.testimonial .testimonial-image {
    height: 145px;
	line-height: 145px !important;
    border: 1px solid #f5f5f5;
}
.testimonial-img {
	vertical-align: middle;
	max-width: 100%;
}
.testimonial .testimonial-body {
    background: #f5f5f5;
    padding: 10px;
    text-align: center;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonial .testimonial-body.small {
    height: 40px;
    font-size: 14px;
    line-height: 0;
}
.testimonial .testimonial-company {
    padding: 10px 0;
    font-weight: bold;
}


.center-flex-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.bg-usa-map {
    background: url(../png/usa-map-white.png) no-repeat top center;
	background-size: 80%;
}

.why-solar-reviews {
    background: rgb(216,242,255);
    background: -moz-radial-gradient(center, ellipse cover, rgba(216,242,255,1) 0%, rgba(255,255,255,1) 75%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(216,242,255,1) 0%,rgba(255,255,255,1) 75%);
    background: radial-gradient(ellipse at center, rgba(216,242,255,1) 0%,rgba(255,255,255,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f2ff', endColorstr='#ffffff',GradientType=1 );
    color: #1f3554;
    padding-top: 20px;
}

.solar-reviews-why-image {
    position: relative;
}

.solar-reviews-why-image .tablet-image {
    z-index: 2;
    position: absolute;
}

.solar-reviews-why-image .display-img-why{
    position: absolute;
    top: 20px;
    width: 145px;
    transform: translate(-50%, 0%);
    left: 50%;
    z-index: 1;
    background: #fff;
}

.call_to_action_placeholder {
    background: -moz-radial-gradient(center, circle cover, rgba(59, 121, 206, 0.85) 0%, rgba(15, 62, 126, 0.85) 60%);
    background: -webkit-radial-gradient(center, circle cover, rgba(59, 121, 206, 0.85) 0%, rgba(15, 62, 126, 0.85) 60%);
    background: radial-gradient(circle at center, rgba(59, 121, 206, 0.85) 0%, rgba(15, 62, 126, 0.85) 60%);
    color: #fff;
    min-height: 340px;
}

.smooth-scroll {
    scroll-behavior: smooth
}

.review-pagination {
    text-align: center;
}

/*Company search styles*/
.company-search .default-background {
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(circle, rgba(59, 121, 206, 0.85), rgba(15, 62, 126, 0.85) 60%);
    background: radial-gradient(circle, rgba(59, 121, 206, 0.85), rgba(15, 62, 126, 0.85) 60%);
    background-size: cover;
    color: #fff;
    font-size: 18px;
}

.company-search .state-background {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 18px;
}

.company-search h3 {
    font-family: "Poppins", "Raleway", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    line-height: 1.1;
    color: inherit;
    font-size: 31px;
}

.company-search p {
    font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: inherit;
    font-size: 18px;
    line-height: 1.25;
}

/*
 * These styles are from Bootstrap 4 and are needed to show the panel carousel on non-bootstrap pages, i.e
 * the blog posts.
 */
#solarPanels .d-flex {
    display: flex !important;
}
#solarPanels .overflow-auto {
    overflow: auto !important;
}
#solarPanels .ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
#solarPanels .container {
    width: 100%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
}
#solarPanels .row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100%;
    margin: 0;
}
#solarPanels .align-items-center {
    align-items: center !important;
}
#solarPanels .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
#solarPanels .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
#panelCarousel {
    height: 400px;
}
#panelCarousel .tick-icon {
    fill: #00c10e;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 140px;
    left: 85px;
}
#panelCarousel .current .slide-content {
    border: 3px solid #00c10e;
    border-radius: 3px;
    padding: 3px;
}
#panelCarousel .current .tick-icon {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s linear;
}
#panelContent .panel-detail {
    display: none;
}
#panelContent .panel-detail.current {
    display: block;
}
#panelContent .panel-detail.current .row {
    margin: 0;
}
#panelContent .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#panelContent .mb-5 {
    margin-bottom: 3rem !important;
}
#panelContent .mt-3 {
    margin-top: 1rem !important;
}
#panelContent .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
#panelContent .border-left {
    border-left: 1px solid #dee2e6 !important;
}
#panelContent .border-top {
    border-top: 1px solid #dee2e6 !important;
}
#panelContent .company-logo-image {
    margin: 0 auto;
}
#panelContent p {
    font-size: 14px;
}
.p-3 {
    padding: 1rem !important;
}
@media (min-width: 767px) {
    #panelContent .border-top {
        border-top: none !important;
    }
}
@media (max-width: 767px) {
    #panelContent .col {
        flex: 0 0 100%;
        border-left: none !important;
    }
    #panelContent .col .border-top {
        padding-top: 2rem;
    }
}

.bg-light {
    background-color: #f1f1f1 !important;
}


/**Solar Panel Cost page compare Buttons*/
.solar-panel-cost-button-container {
    padding: 30px 0;
    margin-top: 50px;
    margin-bottom: 30px;
}

.solar-panel-cost-button-container a:hover {
    text-decoration: none;
}

.solar-panel-cost-button-container div {
    margin-bottom: 10px;
}

.solar-panel-cost-button-container div:not(:first-child) {
    height: 120px;
}

.solar-panel-cost-button-container button {
    height: 100%;
    white-space: normal;
}

.solar-panel-cost-button-container h3 {
    margin-top: 10px;
    color: #fff;
}

.text-divider {
    position: relative;
    display: inline-block;
    color: #bdc5d1;
}
.text-divider::before, .text-divider::after {
    width: 10rem;
    height: 0.0625rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    content: "";
}
.text-divider::before {
    right: 100%;
    background-image: linear-gradient(45deg, transparent 0%, #bdc5d1 100%);
    background-repeat: repeat-x;
    margin-right: .625rem;
}
.text-divider::after {
    left: 100%;
    background-image: linear-gradient(45deg, #bdc5d1 0%, transparent 100%);
    background-repeat: repeat-x;
    margin-left: .625rem;
}
@media (max-width: 767.98px) {
    .text-divider::before, .text-divider::after {
        width: 4rem;
    }
}

/**
 * ---------------------------------------------------------------------
 * Styles for responsive table javascript
 * Styles are applied to class .table-responsify
 * ---------------------------------------------------------------------
 */
.table-responsify td::before {
    display: none;
}

@media (max-width: 991.98px) {
    .table-responsify {
        max-width: 100%;
        border: 0;
        display: block;
        box-shadow: none;
    }

    .table-responsify thead {
        position: absolute;
        opacity: 0;
    }

    .table-responsify tr:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .table-responsify tbody {
        display: contents;
        width: 100%;
    }

    .table-responsify tr {
        border-top: 2px solid #dee2e6;
        border-bottom: 2px solid #dee2e6;
        display: grid;
        grid-template-columns: 50% auto;
    }

    .table-responsify tr th {
        display: none;
    }

    .table-responsify td {
        display: block;
        padding: 0.5rem;
        border-top: none;
        border-bottom: 1px solid #dee2e6;
    }

    .table-responsify td::before {
        display: block;
        font-weight: bold;
    }
}

@media (max-width: 767.98px) {
    .table-responsify tr {
        display: block;
    }
}
/** end .table-responsify */

/** styles for kits table displayed in blog */
.blog-kits-table-container .h-75 {
    height: 75% !important;
}
.blog-kits-table-container .h-50 {
    height: 50% !important;
}
.blog-kits-table-container .flex-div {
    display: flex;
    align-items: center;
}
.blog-kits-table-container .kit-image img{
    margin: auto;
    max-width: 150px !important;
    max-height: 150px !important;
}
/** end blog kits table */

.author-post-image {
    position: relative;
}
.author-post-image span {
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 2px 5px;
    opacity: 0.8;
}

.system-deals-container .system-deal {
    padding: 10px;
    border: 2px solid #ddd;
    margin-bottom: 10px;
    text-align: center;
}

.system-deals-container .manufacturer {
    height: 115px;
}

@media only screen and (max-width: 991px) {
    .system-deals-container .manufacturer {
        height: auto;
    }
}

.system-deals-container .installation-type {
    background: #6ca021;
    color: #fff;
    width: 90px;
    margin: auto;
    text-align: center;
    display: block;
    padding: 2px;
}

.system-deals-container .system-price-container {
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.system-deals-container .system-size, .system-deals-container .system-price {
    color: #003355;
    font-weight: bold;
    font-size: 25px;
}