a.logo img{
  max-width: 100%;
}

.solar_panel_block_holder{
  margin: 90px 0 0 0;
}

.solar_panel_left.mar-top80,
.solar_panel_left.mt-3,
p.go_solar_para{
  margin-top: 0px !important;
}

p.go_solar_para{
  padding-top: 0px;
  line-height: 30px;
}

.sonar_panel_block{
  margin-top: 120px;
}

.solar_panel_one{
  margin-top: 70px;
}

.solar_panel_one{
  margin:0 0 0 0;
}

.solar_panel_one .solar_panel_right{
  margin:0px 0 0 0;
}

.solar_panel_one .solar_panel_left h2{
  margin-top: 20px;
  font-size: 22px;
  line-height: 26px;
}

.solar_panel_one .solar_panel_left h2 span{
    font-size: 22px;
    line-height: 26px;
    font-family: 'HelveticaNeue-regular';
    letter-spacing: 1px;
}

.solar_panel_one .solar_panel_left h2.solar_map_special{
  font-size: 18px;
  line-height: 22px;
  margin-top: 0px;
}

.solar_panel_one .solar_panel_left h2.solar_map_special br{
  display: none;
}

.solar_panel_one .solar_panel_left p{
  /*font-family: 'HelveticaNeue-light-l';*/
  font-family: 'HelveticaNeue-regular-final', arial, sans-serif;
  font-size: 18px;
  line-height: 21px;
  padding: 16px 0 0 0;
  color: #000;
}

#gosolarForm{
  padding: 0px;
}

#solarfinalForm{
  margin: 0;
}

.sattelite_analysis{
  margin-top: 0px;
  display: inline-block;
    height: 30px;
    background: #F4C300;
    color: #000;
    font-size: 12px;
    line-height: 30px;
    font-family: 'HelveticaNeue-regular', sans-serif;
    padding: 0 6px;
    /* font-weight: 700; */
    /* font-family: 'HelveticaNeue-medium'; */
    font-family: 'HelveticaNeue-light-l';
}

.sattelite_analysis sup{
  font-size: 6px;
    font-family: 'HelveticaNeue-light-l';
    padding-left: 3px;
}

.roof_indicator{
  text-align: center;
}

.roof_indicator span{
  font-size: 16px;
    line-height: 18px;
    color: #000;
    font-family: 'HelveticaNeue-light-l', sans-serif;
    position: relative;
}

.roof_indicator span:before{
    width: 22px;
    height: 25px;
    content: "";
    background: url(../images/arrow.svg) 0px 0px no-repeat;
    position: absolute;
    right: 50%;
    top: 116%;
    transform: translateY(-13%);
    -moz-transform: translateY(-13%);
    -webkit-transform: translateY(-13%);
    -ms-transform: translateY(-13%);
    -o-transform: translateY(-13%);
    z-index: 10;
}

.calculate_home {
  text-align: right;
    /* position: absolute; */
    margin-top: -150px;
    margin-right: 101px;
    font-weight: normal !important;
}

.calculate_home span{
  position: relative;
    text-align: right;
    /* display: block; */
    /*padding-bottom: 4px;
    margin-bottom: 4px;*/
    display: inline-block;}

.calculate_home span:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -1px;
    left: 0;
    background: #F4C300;
    border-radius: 5px;
    display: none;
}

.successPanel{}

.successPanel .solar_panel_left h3{
  font-family: 'HelveticaNeue-medium';
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  color: #000;
  padding: 0;
  margin: 0;
}

.successPanel .solar_panel_left p{
  padding: 10px 0 0 0;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  font-family: 'HelveticaNeue-light-l';
}

.successPanel .solar_panel_left form{
  padding: 0;
  margin: 55px 0 0 0;
}

.sonar_panel_block.two button[type="submit"].electricBtn{
  margin: 0px;
}
.sonar_panel_block.two button[type="submit"].appointment_btn{
  margin:30px 0 0 0;
}

.successPanel .solar_panel_left form h4{
  font-size: 20px;
  line-height: 24px;
  color: #000;
  font-family: 'HelveticaNeue-bold-b', sans-serif;
  margin: 0;
  padding: 26px 0 16px 0;
}

.successPanel .solar_panel_left form input[type="email"]{
  max-width: 295px;
  height: 49px;
  border:1px solid #979797;
}

.sonar_panel_block.two button[type="submit"].send{
  margin: 14px 0 0 0;
}
.map_main_box {
  padding: 0 15px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 1;
}
.map_box {
    background-color: #F7B500;
    height: 100%;
}
.map_main_box .map_box h2 {
  font-family: 'HelveticaNeue-bold-b', sans-serif;
  font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    padding-top: 10px;
    color: #000000;
}
.map_main_box .map_box h6 {
  font-family: 'HelveticaNeue-bold-b', sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 12px;
  margin-bottom: 6px;
  color: #000000;
}
.solar-popup .modal-dialog {
  max-width: 650px;
}
.solar-popup .modal-body {
  max-width: 410px;
    margin: 0 auto;
    padding: 25px 0;
}
.solar-popup .close {
  position: absolute;
    right: 10px;
    top: 5px;
    z-index: 9;
}
.solar-popup .modal-body p {
  font-family: 'HelveticaNeue-bold-b', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #000000;
}
.solar-popup .modal-body p:last-child {
  margin-bottom: 0;
}
.solar-popup .modal-body form input {
  font-family: 'HelveticaNeue-bold-b', sans-serif;
  background-color: #f0f0f0;
    padding: 12px 10px;
    border: 3px solid #dadada;
  color: #b8b8b8;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
}
.solar-popup .modal-body form input:-ms-input-placeholder,
.solar-popup .modal-body form input::-webkit-input-placeholder,
.solar-popup .modal-body form input::placeholder {
  font-family: 'HelveticaNeue-bold-b', sans-serif;
  color: #b8b8b8;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
}
.solar-popup .modal-body form button.send {
  background-color: #fae300;
    display: block;
    padding: 20px 0;
    border: none;
    font-family: 'HelveticaNeue-bold-b', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    color: #000000;
    width: 100%;
    max-width: 295px;
    margin: 0 auto;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}
.solar-popup .modal-body form button.send:hover {
  background: #e00000;
    color: #fff;
}
.upload-file [type=file] {
  height: 0;
  overflow: hidden;
  width: 0;
}

.upload-file [type=file] + label,
a.appointment_btn {
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  width: 293px;
  background: #FAE300;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  border: 0px none;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,.5);
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  margin: 22px 0 0 0;
  padding-left: 0;
    padding-top: 0;
}
.upload-file [type=file] + label:hover,
a.appointment_btn:hover {
  background-color: #e00000;
  color: #ffffff;
}
.upload-file {
  display: flex;
}

select[name="electricbill"]{
  margin-bottom: 35px !important;
}

label#electricbill-error,
label#first_name-error,
label#last_name-error,
label#email-error,
label#phone_number-error,
label#file-error,
label#email_cc-error,
label#firstname-error,
label#lastname-error,
label#phone-error,
label#zip-error{
  margin-top: -26px;
    font-size: 14px;
    color: #f00;
}

label#electricbill-error{
  display: block;
  margin-top: -30px !important;
}

label#first_name-error,
label#last_name-error,
label#email-error,
label#phone_number-error,
label#firstname-error,
label#lastname-error,
label#phone-error,
label#zip-error{
  margin-top: -10px;
}

.upload-file{
  display: block;
}

label#file-error,
label#email_cc-error{
  margin-top: 0px;
}

.head_sp{
  font-family: 'HelveticaNeue-bold-b', sans-serif;
  font-size: 28px;
  line-height: 33px;
  color: #000;
  padding: 56px 0 50px 0;
}

.successPanel .solar_panel_left p.successmsg{
  font-size: 20px;
  line-height: 24px;
  color: #000;
  font-family: 'HelveticaNeue-light-l', sans-serif;
}

.sonar_panel_block.two .range-wrap{
    margin: 40px 0 0 0;
  }

#loaderimg{
  text-align: center;
  margin: 60px 0 0 0;
}

.sonar_panel_block.two button[type="submit"].isDisabled,
.sonar_panel_block.two button[type="submit"].isDisabled:hover{
  /*filter:grayscale(100%);*/
  background: #ddd;
  color: #000;
}

/*.sonar_panel_block.two button[type="submit"].isDisabled, 
.sonar_panel_block.two button[type="submit"].isDisabled:hover{
  background: #ddd;
}*/

button.isDisabled:hover{
  background: #ddd;
}

.sonar_panel_block.two button[type="submit"].isDisabled:hover{}

.optimal_savings{
    font-size: 12px;
    line-height: 15px;
    color: #000;
    font-family: 'HelveticaNeue-light-l', sans-serif;
    background: #F4C300;
    padding: 4px 0;
    position: absolute;
    width: 103%;
    left: -2px;
    top: -27px;
    border: 2px solid #cbcbcb;
}

.change-range .range-value{
  /*position: relative;*/
  margin-top: -10px;
  margin-top: -30px;
    margin-left: -14% !important;
    padding: 8px 14px;
    text-align: center;
    border-radius: 0px;
}

.change-range .range-value:before{
  content: '';
    position: absolute;
    top: 100%;
    left: 0;
    background: url(../images/triangle.png) 0px 0px no-repeat;
    width: 7px;
    height: 7px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    /* margin-top: -10px; */
}

#address-error, #agree-error,
label#electricbill-error, 
label#first_name-error, 
label#last_name-error, 
label#email-error, 
label#phone_number-error, 
label#file-error, 
label#email_cc-error, 
label#firstname-error, 
label#lastname-error, 
label#phone-error, 
label#zip-error{
  padding-left: 0;
}

input[type=range]{
    -webkit-appearance: none;
}

input[type=range].slider_red::-webkit-slider-runnable-track {
  /*background: #f00 !important;*/
  /*background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,86,1,1) 50%, rgba(255,197,2,1) 50%) !important;*/
}

input[type=range].slider_yellow::-webkit-slider-runnable-track {
  /*background: #ffc502 !important;*/
}

input[type=range].slider_red::-moz-range-track{
  /*background: #f00 !important;*/
  /*background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,86,1,1) 50%, rgba(255,197,2,1) 50%) !important;*/
}

input[type=range].slider_yellow::-moz-range-track {
  /*background: #ffc502 !important;*/
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/ /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}





#number_of_panel_require::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: transparent;
}

#number_of_panel_require:focus::-webkit-slider-runnable-track {
  background: transparent;
}

#number_of_panel_require::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: transparent;
}

#number_of_panel_require::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
#number_of_panel_require::-ms-fill-lower {
  background: transparent;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}
#number_of_panel_require:focus::-ms-fill-lower {
  background: transparent;
}
#number_of_panel_require::-ms-fill-upper {
  background: transparent;
  border-radius: 2.6px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}
#number_of_panel_require:focus::-ms-fill-upper {
  background: transparent;
}



.solar_footer{
  border-top: 2px solid #FFC502;
}

.solar_footer_top{
  padding: 30px 0 12px;
}

.solar_footer_top a.logo_solar_footer{
  display: inline-block;
}

.solar_footer_top a.logo_solar_footer img{
  max-width: 235px;
  height: auto;
}

.solar_footer_top p{
  font-size: 13px;
    line-height: 24px;
    color: #000000;
    /*font-family: 'HelveticaNeue-regular', sans-serif;
    font-family: 'HelveticaNeue-medium';*/
    font-family: 'HelveticaNeue-light-l';
    padding: 0;
    margin: 0;
}

.solar_footer_mid{
  padding: 14px 0;
    border-top: 1px solid #486486;
    border-bottom: 0px none
}

.solar_footer_mid p{
  /*text-align: center;*/
  font-size: 10px;
  line-height: 16px;
  font-family: 'HelveticaNeue-light-l';
  padding: 0;
  margin: 0;
}

footer .solar_footer_bottom{
  padding: 15px 0;
  border-top: 2px solid #486486;
}

footer .solar_footer_bottom p{
  font-size: 13px;
  line-height: 15px;
  color: #90939A;
  display: inline-block;
}

footer .solar_footer_bottom p a{
  color: #90939A;
}

ul.solar_footer_list{
  display: inline-block; 
  vertical-align: middle;
  margin: 0 0 0 60px; 
}

ul.solar_footer_list li{
  float: left;
  padding:0;
  margin: 0;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
  margin: 0 24px 0 0;
}

ul.solar_footer_list li a{
  color: #000000;
}

ul.solar_footer_list li a:hover{
  text-decoration: underline;
}

footer .bot ul li a {
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
}

footer .bot ul li a:hover{
  text-decoration: underline;
}

.solar_footer_top p {
  font-family: 'HelveticaNeue';
  line-height: 18px;
}
.solar_footer_mid {
  padding-bottom: 0;
}
select[name="electricbill"],
.solar_panel_left form input[type="text"],
.solar_panel_left .form-panel form input[type="email"], 
.solar_panel_left .form-panel form input[type="text"] {
  border: 2px solid #B9BFCB;
}

select[name="electricbill"]{
  background: url(../images/electric_drp_down.png) 90% 50% no-repeat #fff !important;
  border: 0px none;
  position: relative;
}

select[name="electricbill"]:before{
  content: ">";
  position: absolute;
  top: 10px;
  right: 10px;
  position: absolute;
  color: #000;
  z-index: 30;
}

.solar_panel_left form input[type="text"]#address{
  /*border:2px solid #404040; */
  border:0px none;
  background: #fff;
}

select[name="electricbill"]:focus,
.solar_panel_left .form-panel form input.valid,
.solar_panel_left .form-panel form textarea.valid,
.solar_panel_left form input.valid,
.solar_panel_left form textarea.valid,
.solar_panel_left form input[type="text"]:focus,
.solar_panel_left .form-panel form textarea:focus,
.solar_panel_left .form-panel form input[type="email"]:focus,
.solar_panel_left form textarea:focus {
  border: 2px solid #000;
}

select[name="electricbill"]:focus{
  border:0px none;
}

.blogs_holder{
  margin-top: 100px;
}

@media only screen and (max-width: 1100px) and (min-width: 767px) {
  .upload-file [type=file] + label {
    width: 90%;
  }
}

.sonar_panel_block.two button[type="submit"]{
  margin: 35px auto 0;
  display: block;
}

.sonar_panel_block.two button[type="submit"].proposal_button{
  margin: 0 auto ;
}

#uploadedfilename{
  margin-top: 10px;
    /* text-align: center; */
    color: #949494;
    margin-left: 10px;
}

.chat_gry_icn{
  /*width:34px;
  height: 34px;*/
  margin-right:30px;
}

.chat_gry_icn img{
    height: 34px;
    width: 34px;
    display: block;
    margin: 0 auto;
    display: none;
}

.chat_gry_icn h6{
    font-family: 'HelveticaNeue-light-l', arial, sans-serif;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 7px;
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase;
    text-align: center;
    padding-top: 2px;
}
/**************************************************************/
/******************** blog page starts here ******************/
/**************************************************************/

.blogs-page{}

.blogs-holder{}

.blog_thumbnail{
  font-family: 'HelveticaNeue-medium';
/*  min-height: 600px;
  background: #0f0;*/
}

.blog_text{
  position: relative;
}

.share_part{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.blog_text button.share_button{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffc502;
    border: 0px none;
}

.blog_text .fa{
  font-size: 40px;
}

.blog_thumbnail_inner{
  border-bottom: 2px solid #d9d9d9;
}


.blog_thumbnail_inner img{
    /*width: 350px;*/
    width: 100%;
    height: 253px;
    margin-bottom: 20px;
    max-width: 100%;
}

.blog_thumbnail h5,
.blog_text h5{
  font-family: 'HelveticaNeue-light-l';
  font-size: 1.2rem;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 6px 0;
}

.blog_text h5{
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 6px 0;
  font-family: 'HelveticaNeue-medium';
}

.blog_thumbnail h2,
.blog_text h2{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  font-size: 22px;
  line-height: 26px;
  color: #000;
  margin: 0 0 12px 0;
}

.srt_description{
  min-height: 70px;
}

.blog_thumbnail h3,
.blog_text h3{
  font-family: 'HelveticaNeue-light-l';
  font-size: 1rem;
  color: #000;
  margin: 0 0 12px 0;
}

.blog_thumbnail p,
.blog_text p{
  font-family: 'HelveticaNeue-light-l';
    font-size: 18px;
    line-height: 21px;
  margin: 0 0 12px 0;
}

.blog_thumbnail h4.published_date{
  margin: 35px 0 25px 0;
    font-size: 14px;
    color: #7b7979;
}

.blogs_details h2{
  font-size: 40px;
  line-height: 50px;
}

.blogs_details h6{
  margin: 20px 0;
}

.blogs_details h6 span.published_date{
  font-size: 14px;
    color: #7b7979;
    padding-right: 14px;
    border-right:1px solid #000;
}

.blogs_details h6 span.time_to_read{
  font-size: 14px;
    color: #7b7979;
    padding-left: 10px;
}

.blogs_details .author_details{
  margin: 40px 0;
}

.blogs_details .author_details .author_pic{
  padding-left: 0;
}

.blogs_details .author_details .author_pic img{
  border-radius: 50%;
}

.blogs_details .author_details .author_info{
  font-family: 'HelveticaNeue-light-l', sans-serif;
  padding-left: 0px;
}

.blogs_details .author_details .author_info p{
    /*font-size: 1.3rem;*/
    color: #000;
    margin: 0 0 0 0;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
}

.blogs_details .author_details .author_info p.blog_write{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  text-decoration: underline;
}

.blog_text p{
  font-family: 'HelveticaNeue-light-l';
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 12px 0; 
}

img.blog_thumbnail_pic{
  /* margin: 0 0 20px 0; */
  margin: 0 0 20px 0;
}

.blog_top{
  margin: 0 0 35px 0;
}

.blogs_details img.blog_thumbnail_pic{
  width: 100%;
  height: auto;
}

.blog_button {
    margin: 25px 0 25px 0;
}

.blog_button button[type="button"]{
  cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    width: 220px;
    background: #FAE300;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    border: 0px none;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 50%);
    font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
    display: block;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 0;
}

.blog_button button[type="button"]:hover{
  background-color: #e00000;
    color: #ffffff;
}

.key_take h3{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    padding-bottom: 5px;
}

.key_take p{
    font-size: 14px;
    line-height: 22px;
    color: #4e4d4d;
    font-family: 'HelveticaNeue-light-l', sans-serif;
}

.blogs_details h2 {
  font-size: 40px;
  line-height: 48px;
  padding-bottom: 0;
  /* border-bottom: 2px solid #d9d9d9; */
  margin-bottom: 26px;
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
}

.blogs_details .key_take h2{
    padding: 0;
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 32px;
} 

.blog_para_details{
  margin: 80px 0;
}

.blog_para_details h4{
  font-size: 20px;
    line-height: 26px;
    padding-bottom: 6px;
    font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
}

.blog_para_details p{
  /* font-size: 16px;
  line-height: 27px; 
  color: #4e4d4d;*/
  font-size: 18px;
  line-height: 28px;
  color: #000;
  /* font-family: 'HelveticaNeue-light-l', sans-serif; */
  font-family: 'HelveticaNeue-regular-final', arial, sans-serif;
  margin-bottom: 2.5rem;
}

.footnotes{
  margin: 0 0 50px 0;}

.footnotes .header{
  border-bottom: 2px solid #ffc500;
    padding-bottom: 10px;
}

.footnotes .header button.footnotes__toggle{
  width: 30px;
  height: 30px;
  background: #ffc502;
  border-radius: 50%;
  border:0px none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.footnotes .header button.footnotes__toggle:before{
  content: "X";
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  font-size: 14px;
  color: #fff;
  transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}

.footnotes .header button.footnotes__toggle.button_main:before{
  content: "+";
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  font-size: 14px;
  color: #fff;
  transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}


.footnotes .header h3{
  display: inline-block;
    font-size: 18px;
    /* line-height: 30px; */
    vertical-align: middle;
    font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
}

.footnotes .footnotes_body{
  padding:20px 0;
} 

.footnotes .footnotes_body ul li{
  padding: 10px;
}

.share_list {
    background: #ffc500;
    position: absolute;
    top: 0px;
    left: 50px;
    width: 100px;
}

.share_list ul li{
  display: inline-block;
  vertical-align: middle;
}

.share_list ul li .fa{
  font-size: 20px;
}


/**************************************************************/
/******************** blog page enfds here ******************/
/**************************************************************/

.circle_percent {        
  font-size: 187px;
    width: 1em;
    height: 1em;
    position: relative;
    background: #eee;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    /* margin: 20px; */
    margin: 0 auto;
    display: block;
  background: rgb(253,243,205);
  background: linear-gradient(90deg, rgba(253,243,205,1) 50%, rgba(251,233,165,1) 50%);}

.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}

.round_per {
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 1em; 
  height: 1em;
  background: #ff5024;
background: -moz-linear-gradient(top,  #ff5024 0%, #ff9500 50%, #7778df 100%);
background: -webkit-linear-gradient(top,  #ff5024 0%,#ff9500 50%,#7778df 100%);
background: linear-gradient(to bottom,  #ff5024 0%,#ff9500 50%,#7778df 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5024', endColorstr='#7778df',GradientType=0 ); 
  clip:rect(0 1em 1em .5em); 
  transform:rotate(180deg); 
  transition:1.05s;}

.round_per:before{
  content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: #ff5024;
  background: -moz-linear-gradient(top,  #ff5024 0%, #ff5024 50%, #ff9500 75%, #7778df 100%);
  background: -webkit-linear-gradient(top,  #ff5024 0%, #ff5024 50%, #ff9500 75%, #7778df 100%);
  background: linear-gradient(to top,  #ff5024 0%, #ff5024 50%, #ff9500 75%, #7778df 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5024', endColorstr='#7778df',GradientType=0 );
}

.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}

.percent_more:after {
  position: absolute; 
  left: .5em; 
  top:0em; 
  right: 0; 
  bottom: 0;  
  background: #7778df;
  background: -moz-linear-gradient(top,  #7778df 0%, #ff5024 100%);
  background: -webkit-linear-gradient(top,  #7778df 0%,#ff5024 100%);
  background: linear-gradient(to bottom,  #7778df 0%,#ff5024 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7778df', endColorstr='#ff5024',GradientType=0 );
  content:'';}

.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.percent_text {position: absolute; font-size: 36px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}

.solar_panel_one .solar_panel_left .circle_inbox h2{
text-align: center;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
    margin: 0px;
    position: relative;
    top: 0;
    margin: 54px 0 0 0;
}

.solar_panel_one .solar_panel_left .circle_inbox h3{
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    font-family: 'HelveticaNeue-medium', arial, sans-serif;
    margin: -7px 0 0 0;
}

.solar_panel_one .solar_panel_left .circle_inbox h4{
text-align: center;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    font-family: 'HelveticaNeue-light-l', arial, sans-serif;
    margin: 11px 0 0 0;
}

#rotate_value{
  transform: rotate(360deg) !important;
}

.pie_progress{
  width: 169px;
  height: 169px;
  margin: 0 auto;
}

#op_sv_ex{
  font-size: 16px;
  line-height: 19px;
  color: #000;
  text-transform: uppercase;
  font-family: 'HelveticaNeue-medium', arial, sans-serif;
  text-align: center;
  padding: 15px 0 0 0;
  margin: 0;
}

.add_info{
  font-size: 14px;
  line-height: 17px;
  color: #000;
  text-transform: uppercase;
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  text-align: center;
  padding: 11px 0 16px 0;
  margin: 0;
  position: relative;
}



.add_info a{
  color: #1C73E8;
    display: inline-block;
    position: relative;
}

.add_info a:before{
    content: '';
    position: absolute;
    left: 104%;
    top: 50%;
    z-index: 1000;
    /* transform: translateX(24%); */
    font-size: 24px;
    background: url(../images/drp_down.png) 0 0 no-repeat;
    width: 16px;
    height: 11px;
    /* display: inline-block; */
    transform: translateY(-36%);
    -moz-transform: translateY(-36%);
    -webkit-transform: translateY(-36%);
    -ms-transform: translateY(-36%);
    -o-transform: translateY(-36%);
    transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}

.add_info.open_info a:before{
  content: '';
    position: absolute;
    left: 104%;
    top: 10%;
    z-index: 1000;
    /* transform: translateX(24%); */
    font-size: 24px;
    background: url(../images/drp_down.png) 0 0 no-repeat;
    width: 16px;
    height: 11px;
    /* display: inline-block; */
    transform: translateY(-36%);
    -moz-transform: translateY(-36%);
    -webkit-transform: translateY(-36%);
    -ms-transform: translateY(-36%);
    -o-transform: translateY(-36%);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);

}

p#solar_home_owners{
  font-size: 12px;
  line-height: 14px;
  color: #000;
  font-family: 'HelveticaNeue-light-l', arial, sans-serif;
  text-align: center;
  margin: 0;
}

p#solar_home_owners span{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
}


.breadcumb_holder{
  position: relative;
  padding: 0 0 35px 0;
}

.breadcumb{
  list-style-type: none;
  /*padding: 0 0 35px 0;*/
  margin: 0;
}

.breadcumb li{
  display: inline-block;
  padding-right: 30px;
  font-size: 16px;
  line-height: 18px;
  font-family: 'HelveticaNeue-light-l', arial, sans-serif;
  color: #000;
  position: relative;
}

.breadcumb li a:after{
    content: '>';
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    top: 56%;
    transform: translateY(-56%);
    right: -23px;
    z-index: 90;

}

.breadcumb li:last-child a:after{
  display: none;
}

.breadcumb li a{
  color: #000;
  position: relative;
}

.breadcumb li a:hover{
  text-decoration: none;
}

.breadcumb li a.active:before{
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0px;
    height: 4px;
    background: #FAE400;
    width: 100%;
}

.breadcumb li a.inactive{
  color: #D8D8D8;
}

.breadcumb li a.inactive:before{
  color: #D8D8D8;
}

.map_holder{
    display: block;
    position: relative;
}

.solar_panel_thumb.upper_map{
    position: absolute;
    bottom: 24px;
    width: 100%;
    padding: 0px 30px;
}

.solar_panel_thumb.upper_map .col{
  background:#fff;
}

.solar_panel_thumb .col p{
    font-size: 12px;
    line-height: 16px;
    font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
    color: #000;
}

.solar_panel_thumb .col p br{
    display: none;
}

 /*p.solar_map_spe_para{
    color: #f7f7f7;
    font-weight: bold; 
    font-size: 14px;
    margin-top: 10px;
    background: #171717;
    padding: 10px 5px;
}

p.solar_map_spe_para span{
  font-weight: bold;
}*/

.chat-span{
  width: 37px;
    height: 37px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -18px;
  text-align: center;}

.chat-span img{
  display: block;
}

.chat-span a{
  font-size: 15px;
  line-height: 18px;
  color: #000;
  font-family: 'HelveticaNeue-medium', arial, sans-serif;
  text-align: center;
  text-decoration: none;
}

.chat-span a:hover{
  text-decoration: underline;
}




header.main .claim_class .btn.new{
  /*background: yellow !important;*/
  font-family: 'helvetica-condes-bold-final', arial, sans-serif;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    padding: 10px 30px 5px;
    max-width: 100%;
    width: auto;
    height: auto;
    border-bottom: 2px solid #8F0000;
    letter-spacing: 0;
    margin: 12px 0;
}

header.main .claim_class .btn.new:hover{
  background: #ffc502;
  border-bottom:2px solid #cb9d02;
}




/***************************************************************************************/
/************************* newly design css starts here ********************************/
/***************************************************************************************/



/*********************** get in touch starts here **************************************/
.get_in_tch{
  background: #f2f3f6;
  padding-bottom: 90px;
}

.get_in_tch_lft{

}

.get_in_tch_lft h2{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  padding:34px 0 30px 0;
  margin: 0;
}

.get_in_tch_lft #gosolarForm .form-group{
  margin-bottom: 10px;
}

.get_in_tch_lft #gosolarForm .form-control{
  width: 100%;
  height: 60px;
  background: #fff;
  line-height: 60px;
  font-size: 16px;
  line-height: 60px;
  border-radius: 0px;
}

#gosolarForm label#first_name-error,
#gosolarForm label#last_name-error,
#gosolarForm label#email-error,
#gosolarForm label#phone_number-error{
    margin-top: -19px;
    z-index: 10;
    margin-left: .75rem;
}

.get_in_tch_lft button[type="submit"]{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #FAE400;
  font-size: 16px;
  line-height: 60px;
  color: #000;
  border:0px none;
  margin: 14px 0 0 0;
  transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
cursor: pointer;
}


.get_in_tch_lft #gosolarForm button[type="submit"]:hover{
  background: #e00000;
  color: #fff;
}

.get_in_tch_lft #gosolarForm button[type="submit"].isDisabled{
  background: #ddd;
  color: #fff;
  cursor: inherit;
}

.get_in_tch_lft #gosolarForm button[type="submit"].isDisabled:hover{
  background: #c3c2c2;
  color: #fff;
  cursor: inherit;
}

.get_in_tch_lft h6{
    font-family: 'HelveticaNeue-light-l', arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    margin: 30px 0 0 0;
}

.get_in_tch_lft h6 a{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
}

.get_in_tch_lft h6 a:hover {
    text-decoration: underline !important;
    color: #000;
}

.get_in_tch_rgt{}

.get_in_tch_rgt h3{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #000;
  padding: 34px 0  20px 0;
  border-bottom: 1px solid #000;
  margin: 0 0 30px 0;
}

.get_in_tch_rgt h3 span{
    display: inline-block;
    float: right;
    font-size: 16px;
    line-height: 28px;
    vertical-align: middle;
}

.get_in_tch_rgt h3 span a{
  color: #1C73E8;
  text-decoration: underline;
}

.get_in_tch_rgt h3 span a:hover{
  text-decoration: none;
}

.get_in_tch_rgt{}

.rgt_details{
  /*background: #fff;*/
}

.rgt_details_rgt h4{
  display: none;
}

.rgt_details_inn{}

.get_in_tch_rgt{}

.rgt_details_inn{
  margin-left:0;
  margin-right: 0;
}

.rgt_details_lft.no_padding{
  padding-left: 0;
  padding-right: 0;
  background: #fff;
}

.rgt_details_rgt.no_padding{
  background: #fff;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 35px;
}

.rgt_details_lft img{
  width: 100%;
}

p.map_details{
  /*font-family: 'HelveticaNeue-regular-final', arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #90939A;
  padding: 14px 0 0 0;*/

    font-family: 'HelveticaNeue-light-l', arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #90939A;
    padding: 14px 10px;
    text-align: justify;
}

.rgt_details_rgt ul{

}

.rgt_details_rgt ul li{
    font-family: 'HelveticaNeue-regular-final', arial, sans-serif;
    padding: 23px 0;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rgt_details_rgt ul li span.items_num{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
  font-size: 29px;
  line-height: 34px;
  color: #000;
}

.rgt_details_rgt ul li span.items_des{
    font-family: 'HelveticaNeue-regular-final', arial, sans-serif;
    font-size: 18px;
    line-height: 21px;
}

.rgt_details_rgt p{
/*  font-family: 'HelveticaNeue-light-l', arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  margin: 30px 0 0 0;*/

    font-family: 'HelveticaNeue-light-l', arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 18px 0 0 0;
    color: #90939A;
}

.rgt_details_rgt p:last-child{
  /*font-size: 16px;*/
  font-size: 12px;
  line-height: 18px;
  /*font-style: italic;*/
}

.solar_map_sp_left .solar_panel_left{
  background: #fff;
}

.solar_panel_thumb .col{
  background: #F2F3F6;
  border:0px none;
}
/*********************** get in touch ends  here **************************************/

/********************** header starts here *******************/
.solar-hd2 {
  font-size:14px;
  font-weight:700;
  width: 100%;
  position: fixed;
  height: 90px;
  width: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 100;
}


a.live-chat {
    margin-right: 20px;
    display: none;
}
a.live-chat .lc {
    margin-right:15px;
    display: none;
}
.solar_panel_block_holder {
    margin: 0;
    background: #F2F3F6;
    padding: 30px 0 0 0;
}

.solar-hd2 .container,
.solar-hd2 .row{
  height: 100%;
}

.solar-hd2 .text-right{
  text-align: right;
}

.solar_panel_one .solar_panel_left p.solar_map_spe_para{
  font-family: 'HelveticaNeue-light-l', arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.solar_panel_one .solar_panel_left p.solar_map_spe_para span{
  font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
}

/********************** header ends  here *******************/


.blogs_details.after-header-m{
  margin-top: 120px !important;
}
.blogs_details .container{
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.key_take_para_block p{
  font-size: 14px;
  line-height: 22px;
  color: #000;
}


/***************************************************************************************/
/************************* newly design css ends here ********************************/
/***************************************************************************************/


@media(max-width: 1247px) {
  .blogs_details .container{
    max-width: 92.7rem;
  }

  .blog_top{
    width: calc(100% - 4.8rem);
    margin-left: 2.4rem;
  }

  .blog_text,
  .blog_thumb{
    width: 100%;
  }

  .blogs_details .author_details .author_pic{
    width: 40px;
    height: 40px;
  }

  .blogs_details .author_details {
    margin: 30px 0 20px;
  }
}

@media(max-width: 1199px) {
  .map_main_box {
    left: 0;
    right: 0;
  }
  .map_main_box {
    padding: 0 10px;
  }

  .solar_panel_left.mar-top80{
    margin-top: 0px !important;
  }

  .solar_panel_left h2 br{
    display: none;
  }

  .calculate_home{
    margin-top: -120px;
    font-size: 14px;
  }


  /**************** get in touch/go-solar  design starts here  **********/
  .get_in_tch_lft h2 br{
    display: none;
  }

  .get_in_tch_lft #gosolarForm button[type="submit"]{
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0;
  }

  .rgt_details_rgt.no_padding {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;}
  /**************** get in touch/go-solar  design ends here  **********/
}

@media(max-width: 1199px) {
  .solar_panel_thumb .col h3{
    font-size: 26px;
    line-height: 33px;
  }

  .solar_panel_one .solar_panel_left p{
    font-size: 16px;
    line-height: 18px;
  }

  .solar_panel_one .solar_panel_left br{
    display: none;
  }
}


@media(max-width: 1002px) {
  .solar_panel_thumb .col h3{
    font-size: 20px;
    line-height: 26px;
  }
}

@media(max-width: 991px) {
  .map_main_box .map_box h2 {
    font-size: 24px;
      line-height: 30px;
  }
  .map_main_box .map_box h6 {
    font-size: 8px;
  }

  .calculate_home {
    margin-top: -90px;
    margin-right: 60px;}

  /**************** get in touch/go-solar  design starts here  **********/

  .rgt_details_rgt ul li{
    padding: 12px 0;
  }

  .get_in_tch_lft #gosolarForm button[type="submit"]{
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0;
  }

  .rgt_details_rgt ul li span.items_num {
    font-size: 22px;
    line-height: 28px;}
  /**************** get in touch/go-solar  design ends here  **********/

  .solar_panel_thumb .col{
    margin: 0 4px;
  }

  .solar_panel_one .solar_panel_left p{
    font-size: 13px;
    line-height: 15px;
  }
}

/****************** solar page css starts here ***********************/
.solar_panel_left form{
  padding: 20px 0 0 0;
}
/****************** solar page css ends here ************************/

@media(max-width:829px) {
  .solar_panel_thumb .col{
    padding:16px 5px;
  }
}

@media(max-width:767px) {
  .solar_map_page .solar_panel_thumb .col h3{
    font-size: 26px;
    line-height: 33px;
  } 

  .blog_top{
    width: calc(100% - 16px);
    margin-left: 8px;
  }

  .blog_para_details p{
    margin-bottom: 1.6rem;
  }

  .blog_text, .blog_thumb {
    padding: 0;
}


.blog_para_details {
  margin: 50px 0 36px;
}

.blogs_details .key_take h2{
  margin: 0 0 30px 0;
}

.blog_para_details p{
  font-size: 16px;
  line-height: 24px;
}

.blogs_details .author_details .author_info{
  width: auto;
}

  .solar_panel_one .solar_panel_left p{
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0 0 0;
  }

  .solar_panel_one .solar_panel_left p br{
    display: block;
  }

  .solar_panel_thumb{
    padding: 0 15px;
  }

  .solar_panel_thumb .col{
    margin: 0 8px;
    padding: 10px 15px;
  }

  .solar-popup .modal-body {
    padding: 25px;
  }
  .map_main_box .map_box h6 {
      font-size: 10px;
  }
  .map_main_box {
      padding: 0px 15px;
      left: 10px;
      right: 10px;
  }
  .map_main_box .map_box h2 {
      font-size: 30px;
      line-height: 40px;
  }

  .solar_panel_left{
    text-align: center;
    margin-top: 0px !important;
  }

  .solar_panel_right{
    margin-top: 50px;
  }

  .solar_panel_left form input[type="text"], 
  .solar_panel_left .form-panel form input[type="text"], 
  .sonar_panel_block select, 
  .solar_panel_left .form-panel form input[type="email"]{
    width: 100%;
  }

  .solar_panel_left h2{
    margin-bottom: 15px;
  }

  .solar_panel_left p{
    padding: 0px 0 0 0;
  }

  .solar_panel_left form,
  .successPanel .solar_panel_left form{
    padding: 0px;
    margin: 0;
  }

  .solar_panel_left form input[type="text"]{
        margin: 0 0 10px 0;
  }

  .successPanel .solar_panel_left form input[type="email"]{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .solar_panel_left form .checkbox_holder{
    margin-bottom: 15px;
  }

  .sonar_panel_block.two .range-wrap{
    margin: 40px 0 0 0;
  }

  .range-number ul li b{
    height: auto;
  }

  .sonar_panel_block.two button[type="submit"] {
    margin: 24px 0 0;}

    #address-error, 
    #agree-error, 
    label#electricbill-error, 
    label#first_name-error, 
    label#last_name-error, 
    label#email-error, 
    label#phone_number-error, 
    label#file-error, 
    label#email_cc-error {
    text-align: left !important;
    display: block;
    margin-top: -10px;}

    label#file-error, 
    label#email_cc-error{
      max-width: 293px;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    label#electricbill-error{
      margin-top: -26px;
    }

    .text-2{
      width: auto;
    }

    .head_sp{
      padding: 0 0 10px 0;
      margin-top: 20px;
    }

    .calculate_home {
        margin: -100px auto 0;
        text-align: center;}

    .solar_panel_one .solar_panel_right{
        margin: 50px 0 0 0;
    }

    .breadcumb_holder{
        display: none;
    }

    .change-range .range-value{
        margin-top: 0px;
    }

    input[type=range]{
        margin: 50px 0 10;
    }

    .solar_panel_one{
        margin: 120px 0 0 0;
    }

    .solar_panel_block_holder{
      margin: 0px;
      padding: 0 0 0 0;
    }

    .solar_panel_block_holder .solar_panel_one{
      margin: 50px 0 0 0;
    }

    .solar_panel_block_holder .solar_panel_one.solar_sp_pge{
      margin: 0;
    }

    /**************** get in touch/go-solar  design starts here  **********/
    .get_in_tch_lft{
      padding: 0 15px !important;
    }

    .get_in_tch_lft h2{
      font-size: 20px;
      line-height: 26px;
    }

    #gosolarForm .form-group{
      margin: 0 0 20px 0;
    }

    .get_in_tch_lft #gosolarForm .form-control{
      height: 46px;
      line-height: 46px;
    }

    .get_in_tch_lft #gosolarForm .form-group{
      margin-bottom: 12px;
    }

    .get_in_tch_lft #gosolarForm button[type="submit"]{
      margin: 40px 0 0 0;
    }

    .get_in_tch_lft h6{
          margin: 33px 0 50px 0;
    }

    .get_in_tch_rgt h3{
      display: none;
    }

    .rgt_details_rgt h4{
      font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
      display: block;
      font-size: 20px;
      line-height: 24px;
      color: #000;
      background: #fff;
      padding:30px 20px 20px;
      border-bottom:2px solid #FFC501;
    }

    .rgt_details h4 span{
      font-family: 'HelveticaNeue-light-l', arial, sans-serif;
      display: inline-block;
      float: right;
      font-size: 16px;
      line-height: 28px;
      vertical-align: middle;
      color: #1C73E8;
      text-decoration: underline;
    }

    .rgt_details h4 span a{
      color: #1C73E8;
    }

    .rgt_details_rgt.no_padding{
      padding-left: 0;
      padding-right: 0;
    }

    .rgt_details_rgt ul li {
      padding: 22px 20px;
      border-bottom: 1px solid #E1E1E6;}

    .rgt_details_rgt p{
      padding: 0 20px;
    }

    .rgt_details_rgt ul li span.items_des{
      font-size: 15px;
      line-height: 17px;
    }

    .rgt_details_rgt ul li span.items_num{
      font-family: 'HelveticaNeue-medium', arial, sans-serif;
      font-size: 18px;
      line-height: 22px;
    }
    /**************** get in touch/go-solar  design ends here  **********/

    /********************** header starts here *******************/
    .solar-hd2 {display: none;}

    .col-md-5.solar_panel_left.left-fixed.mt-3.solar-map-left{
      position: relative;
      padding-bottom: 20px;
    }

    .solar-map-left:before,
    .solar-map-left:after{
      position: absolute;
      content: '';
      display: table;
      width: 100%;
      height: 100%;
      z-index: 10;
      top: 0;
      background: #fff;
    }

    .solar-map-left:before{
      left: -100%;
    }

    .solar-map-left:after{
      right: -100%;
    }

    .solar_panel_footer{
      display: none;
    }

    .solar_panel_one .solar_panel_right{
      margin-top: 0px !important;
    }

    .solar_panel_block_holder .solar_panel_one.solar_sp_pge{
      padding-bottom: 50px;
    }

    .calculate_home{
      margin: -80px auto 0;
    }

}

@media(min-width:767px) {
  .after-header-m{
    margin-top: 120px !important;
        /*margin: -70px auto 0;*/
        /*text-align: center;*/
  }

    .blogs_details.after-header-m{
        text-align: left;
    }
}

@media(max-width:500px) {
  .map_main_box .map_box h6 {
      font-size: 8px;
  }
  .map_main_box {
      left: 0px;
      right: 0px;
  }
  .map_main_box .map_box h2 {
      font-size: 20px;
      line-height: 24px;
  }
  .map_main_box .col {
      padding-right: 5px;
      padding-left: 5px;
  }
}


@media(max-width:404px) {
  .solar_panel_one .solar_panel_left p br{
    display: none;
  }

  .solar_panel_thumb{
    padding: 0 7px;
  }

  .solar_panel_thumb .col{
    padding: 10px 7px;
  }

  .solar_map_page .solar_panel_thumb .col h3{
    font-size: 21px;
    line-height: 24px;
  }

  .solar_panel_thumb .col{
    padding: 10px 4px;
    margin: 0 4px;

  }

  .solar_panel_one .solar_panel_left p{
    font-size: 15px;
    line-height: 18px;
  }
}

/* css for solar header */