/*!
Theme Name: Solar Bridge-theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: solar-bridge-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Solar Bridge-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#000; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:400; line-height:1.5; background-color:#F8F8F8;display: flex;flex-wrap: wrap; }
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2;font-weight:700; font-family: inherit;}
.h1, h1 {font-size:40px; margin-bottom: 20px;}
.h2, h2 {font-size:36px; margin-bottom: 20px; line-height: 43px; font-weight: 700;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:18px; margin-bottom: 17px;}
.h5, h5 {font-size:20px; margin-bottom: 15px;}
.h6, h6 {font-size:18px; margin-bottom: 10px;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}
p { color:#000; font-size:16px; font-weight:400; line-height:1.6;  margin-bottom:15px; }
p:last-child { margin-bottom:0; }
ul,
ol{ margin: 0;padding: 0;margin-left: 17px;}
ul li,
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }
blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }
hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}
img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}
/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}
/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input,
textarea,
button { font-family: 'Poppins', sans-serif;  }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:7px 10px; color:#000; font-size:16px;font-weight: 400; width: 100%;}
textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #66afe9}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: #cbcbcb; padding: 0 15px; height: 40px; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 600; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #66afe9; color: #fff;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
.gray_bg { background-color: #EBEBEB ;}
.black_bg { background-color: #000000 ;}
/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }
.form-group {margin-bottom: 30px;}
/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 6px 12px;font-size: 14px; font-weight: 600; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }
.btn:hover,
.btn:focus { color: #fff; background-color: #019852; border-color: #019852;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }
/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th,
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}
/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1135px;}
/*---- header ----*/
.main-header {    width: 100%;    height: auto;    position: relative;    z-index: 10;    box-shadow: 1px 1px 11px rgba(0,0,0,0.1); background: #fff;} 
.main-header .header_upper {  height: 50px; background: #E8E8E8; width: 100%;}
.main-header .help_link {    font-size: 16px;    color: #000000;    line-height: 25px;    padding: 12px 32px;    display: inline-block;    vertical-align: top; text-decoration:none !important;}
.main-header .head_phone {    font-size: 20px;    font-weight: 700;    color: #000;    text-decoration: none !important;    padding: 10px 0 10px 41px;    display: inline-block;    background: url(assets/images/phone_Icon.svg) no-repeat left center;}
.header_lower {    width: 100%;    height: 75px;}
.header_lower a.logo {    position: static;    padding: 13px 0 0 0;    float: left;    max-width: 262px;    width: 100%;}
/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent}
.hamburger:not(.close){position: absolute;top: 20px;right: 20px;z-index: 99;}
.hamburger:hover,
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px;height: 4px;background-color: #e67e22;display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 10px;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: 0;left: -100%;width:80%;height: 100%;background-color: #3ab4a6;max-width: 450px;transition: all 0.3s ease-in-out;z-index: 999;}
#mobilenav.is-open #menu{left: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute;top: 3px;right: 2px;cursor: pointer;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: #fff;}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #ffffff;background: #3ab4a6;border-bottom: 1px solid #fff}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: #dddddd;background: #49505a; }
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 80px);overflow-y: auto;padding-bottom: 60px;}

.top-phone {    float: right;    margin: 18px 0 0 29px;}
.top-phone a {    font-size: 25px;    color: #f50; text-decoration:none !important;    font-weight: 700;}
.top-phone a i {    margin-right: 11px;}
/* nav */
.navigation { height:auto; float: right;}
.navigation ul{ padding: 0; margin: 0; list-style: none; float: right;}
.navigation ul li{ padding: 0; margin: 0; list-style: none; float: left;}
.navigation ul li a { font-size: 16px; color: #000000; padding: 24px 16px; display: block; text-decoration: none; font-weight: 400;}
.navigation ul li a:hover { color: #FF5500;}
.navigation ul li:last-child a { padding-right: 0px;}
/*---- footer ----*/
.main-footer { width:100%; height:auto; line-height: normal; background:#fff;}
.main-footer .space-small { padding: 60px 30px;}
.fo_nav {	overflow: hidden;	padding: 0 0 30px;	border-bottom: #707070 solid 1px;	margin-bottom: 31px;}
.fo_nav ul { margin: 0px; padding: 0px;}
.fo_nav ul li { list-style: none; float: left; margin-right: 25px;}
.fo_nav ul li a{ display: block; font-size: 16px; color: #707070; font-weight: 400; text-decoration: none;}
.fo_nav ul li a:hover { color: #000;}
.bt_footer p{color: #707070; font-size: 12px;}
.fo_link { margin: 0px; padding: 0px 0px 30px;}
.fo_link a{ font-size: 14px; color: #707070; display: inline-block; vertical-align: top;}
.fo_link a + a { margin-left: 20px;}
.bt_footer p { margin: 0px; padding: 0px 0px 30px;}
.bt_footer p:last-child { padding-bottom: 0px;} 
/*--------- home page ------------*/
/* banner part */
.home_banner {    background: #BAECEA; padding: 100px 0 100px 0;}
.home_banner .homebanner_l{background-color: #000000;}
.home_banner .homebanner_l .homebanner_l_img{ display: block; text-align: center; }
.homebanner_l .homebanner_l_text{ padding: 30px 40px; }
.homebanner_l .homebanner_l_text p{color: #FFFFFF; font-size: 32px; font-weight: 700; line-height: 1.4;}
.homebanner_l .homebanner_l_text p img{ vertical-align: middle; margin-right: 20px; margin-top: 0; margin-bottom: 0; }
.homebanner_l .homebanner_l_text p strong{ font-size: 100px; font-weight: 700; line-height: 1;}
.homebanner_r{ background: #FDB432 url(assets/images/Sun_Rays.svg) right bottom no-repeat; box-shadow: 0px 0px 20px #0000004D; -webkit-box-shadow: 0px 0px 20px #0000004D; padding: 50px 40px; margin: 0 0 0 -150px; background-size: contain;}
.homebanner_r h1{ color: #000000; font-size: 42px; font-weight: 700; }
.banner_content p{ color: #000000; font-size: 20px; line-height: 28px; }
.banner_content ul{ margin: 30px 0; padding: 0; }
.banner_content ul li {    color: #000000;    font-size: 20px;    background: url(assets/images/list-icon.png) 0 8px no-repeat;    list-style: none;    margin: 0 0 12px;    padding: 0 0 0 27px;    background-size: 15px;}
.banner_content .btn{ background-color: #000000; box-shadow: 0px 0px 10px #FF880080; -webkit-box-shadow: 0px 0px 10px #FF880080; border-radius: 2px; -webkit-border-radius: 2px; display: block;  font-size: 20px; font-weight: 700; padding:15px 10px;}
.banner_content .btn:hover{ background-color: #fff; color: #000; }
.home_banner .banner_bottom_text{ margin-top:20px; }
.home_banner .banner_bottom_text p{ color: #000000; font-size: 12px; line-height: 18px; }
.banner_form { width: 100%; max-width: 450px;  background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 40px #00000033; border-radius: 8px; opacity: 1;  padding: 35px 30px;}
.banner_form input[type="text"],.banner_form input[type="email"],.banner_form input[type="tel"] {height: 50px;background: #F8F8F8 ; border: 1px solid #E3E3E3;border-radius: 4px;color: #3F4346;  font-size: 15px; padding: 0 18px;   }
.banner_form .wpcf7-form-control-wrap  { display: block; margin-bottom: 15px; }
.banner_form br { display: none; }
.banner_form h3 { font-size: 22px; font-weight: 700; margin: 0px 0px 25px; padding: 0px; }
.banner_form input[type="submit"] {height: 55px;background: #FF5500; box-shadow: 0px 0px 20px #FF550066; border-radius: 2px;opacity: 1; font-size: 20px; font-weight: 400; color: #fff; text-transform: inherit; width: 100%; margin: 10px 0 0; font-weight: 600;}
.banner_form .wpcf7-not-valid { border:red solid 1px !important; }
.banner_form .wpcf7-not-valid-tip { display: none; }
.banner_form .ajax-loader { position: absolute; }
/******why savvy*****/
.why_savvy { padding: 42px 0; text-align: center;}
.why_savvy h2 { text-align: center; margin: 0px 0px 20px; padding: 0px;}
.why_savvy h3 { font-size: 16px; margin: 0px 0px 15px; padding: 0px; font-weight: 700;}
.why_savvy p { font-size: 16px; font-weight: 400; line-height: 26px; }
.why_savvy [class*="col-"]:nth-child(n+4) { margin-top: 30px;}
.why_savvy .img_block { display: inline-block; width: 100px; height: 100px; /*border: #000 solid 1px; */border-radius:100%; margin-bottom: 20px;}
/******why savvy*****/
.page_sec  { padding: 50px 0;}
.page_sec .heading_col {    max-width: 532px;    float: left;    width: 100%;}
.page_sec .col_8 {    width: calc(100% - 577px);    float: right;}
.page_sec p { line-height: 32px; font-size: 18px; font-weight: 500;}
.brands_slider {    margin: 0 -10px;}
.brands_slider  .slick-arrow{ width: 50px;height: 50px; font-size: 0;text-indent: -999em;position: absolute;padding: 0;right: 0;bottom: -80px;z-index: 9;background-position: center;background-repeat: no-repeat;padding: 0;background-color: transparent;box-shadow: none;-webkit-box-shadow: none;background-size: contain;border: 1px solid #FF5500;
background-color: #F8F8F8; box-shadow: 0px 0px 10px rgba(255, 180, 50, 0.5);}
.brands_slider  .slick-arrow:focus{ outline: none; }
.brands_slider .slick-prev { right: 65px; background-image: url(assets/images/l_arrow.jpg); background-position: center center; background-size: inherit;}
.brands_slider .slick-next {background-image: url(assets/images/r_arrow.jpg); background-position: center center;  background-size: inherit;}
.brands_slider .slick-disabled { opacity: 0.5;   filter: alpha(opacity=50);}
.brands_sec {    background: #BAECEA;}
.brands_slider .slick-slide > div {    padding: 9px 10px;}
/*.brands_slider .slick-slide > div + div { margin-top: 20px;}*/
.brands_slider .slick-slide .item { background-color: #fff; text-align: center; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); min-height: 60px; border-radius:4px;  }
.brands_slider .slick-slide .item .img_block{ display: flex; align-content: center; justify-content: center; height: 70px; flex-wrap: wrap; padding: 0 15px;}
.brands_slider .slick-slide .item .img_block img{ max-height: 35px; }
.brands_sec  .brands_logo {    padding: 0 0 80px;}
/******residential_system********/
.commercial_sec .system_blk { clear: both;}
.system_blk .img_blk{ width: 100%; height: 200px; background-color: #E1E1E1; display: block;}
.system_blk .img_blk img { width: 100%; height: 100%; object-fit:cover;}
.system_blk [class*="col-"] { margin-top: 30px;}
.system_blk .content_blk {	margin: -68px 20px 0;	padding: 20px;	background: #fff; position: relative;}
.system_blk .content_blk  ul { margin: 0px; padding: 0px;}
.system_blk .content_blk  ul li { list-style: none; font-size: 14px; position: relative; padding-left: 20px;}
.system_blk .content_blk  ul li + li { margin-top: 8px; }
.system_blk .content_blk  ul li:before { width: 8px; height: 8px; background-color: #000; content: ''; position: absolute; left: 0px; border-radius:100%; top: 7px;}
.system_blk .content_blk p { line-height: 26px; font-size: 16px;}
.system_blk .content_blk h4 { font-size: 26px; line-height: 32px; color: #333; margin: 0px 0px 15px; padding: 0px;}
.cta_btn{ background-color: rgba(255, 136, 0, 1); box-shadow: 0px 0px 10px rgba(255, 136, 0, 0.5); border-radius: 2px ; height: 60px; display: block; font-size: 18px; font-weight: 700; padding: 17px 15px; color: #fff; text-align: center; text-decoration: none !important;}
.cta_btn:hover { background-color: rgba(0, 0, 0, 1); color: #fff;}
.system_blk .cta_btn { margin-top: 20px;}
/*******Take the next step towards solar********/
.step_sec { color: #fff;}
.step_sec h2 { color: #fff;}
.step_sec h3 { color: #fff; font-size: 22px;}
.step_sec p { color: #fff; font-size: 16px; font-weight: 300; margin: 0px; padding: 0px 0px 20px; line-height: 26px;}
.step_sec .cta_btn { max-width: 280px; width: 100%;}
/********Help & support*************/
.support_sec  h2{ max-width: 165px; width: 100%; float: left;	}
.accordion_call {	width: calc( 100% - 343px);	float: right;	margin: 10px 0 0;}
.accordion_call .acc__panel { display:none;}
.accordion_call .acc__card { margin-bottom:0px;}
.accordion_call .acc__title { 	padding: 18px 60px 18px 0px;		font-size: 16px;	font-weight: 500;	 cursor: pointer; color:#fff; line-height:24px;  position:relative; color:#000000;  border-bottom:#cdcdcd solid 1px;}
.accordion_call .i-blk {	position: absolute;	width: 20px;	height: 20px;		right: 0;	top: 50%;	transform: translate(0,-50%);}
/*.accordion_call .i-blk i { width:100%; height:1px; background:#fff; display:block; position:absolute; top:10px; left:0px; } */
.accordion_call i.fa.fa-chevron-down {    color: #2765CF;}
.accordion_call .i-blk i + i { width:1px; height:20px; background:#fff; display:block; position:absolute; top:0px; left:50%; transform: translate(-50%,0);}
.accordion_call .acc__title.active i + i { display:none;}
.accordion_call .acc__panel {	background: #fff;	padding: 30px 0;}
.accordion_call .acc__title.active {		color: #000;}
.acc__panel, .acc__panel p { font-size:16px; color:#333333;}
.accordion_call ul,  .accordion_call ol {margin-left: 28px;}
.accordion_call .acc__title.active span.i-blk {     transform: rotate(-180deg);     top: 33%;    right: 5px;}
/******additional_sec *********/
.additional_sec h3{ margin:  0px 0px 20px; padding: 0px; font-size: 30px; font-weight: 500;}
.additional_sec p {    font-size: 12px;    font-weight: 400;    line-height: 22px;}
/******Residential Solar *********/
.nav_sticky {	background: #f8f8f8;	padding: 0; width: 100%; left: 0px; z-index: 10000; overflow: hidden; /*position: sticky; position: -webkit-sticky; top: 0;*/  transition: all 0.3s; -webkit-transition: all 0.3s;}
.nav_sticky.fixed {	background: none;	padding: 0; position:fixed; top: 0;}
.nav_sticky.fixed .page_nav{ margin:20px auto;  }
.page_nav {	height: 85px;	background: rgba(255, 255, 255, 1);	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);	padding:0 0px;	z-index: 10000;	max-width: 1134px;	margin: 50px auto; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; width: 94%;}
.page_nav ul#nav { margin: 0px; padding: 0px;}
.page_nav ul#nav li { list-style: none; float: left; margin: 0; padding: 0px;}
.page_nav ul#nav li a {	display: block;	font-size: 18px;	font-weight: 500;	color: #000;	padding: 29px 12px 25px; text-decoration: none; border-bottom: transparent solid 5px;}
.page_nav ul#nav li a.active { border-color: #FF8800;}
.page_nav .cta_btn {width: 250px;	position: absolute;	right: 14px; top: 12px; font-size: 20px; padding: 15px;}
.residential-solar {	padding: 56px 0;  background:#F8F8F8; }
.residential-solar h2 {	text-align: center;	font-size: 32px;	margin: 0 0 27px;	padding: 0;	line-height: 1;}
.residential-solar center { margin: 0 auto 40px; max-width: 850px; width: 100%; }
.residential-solar center p { font-size: 18px; line-height: 32px; }
.residential-solar ul.tabs {    max-width: 550px;    height: 80px;    background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;    box-shadow: 0px 0px 30px rgba(255, 85, 0, 0.1);    border: 1px solid rgba(255, 85, 0, 1);    border-radius: 40px;    margin: 0 auto 30px; padding: 7px;}
.residential-solar .resp-tabs-list li {    width: 25%;    border-radius: 37px;       height: 64px;    text-align: center;    font-size: 20px;    font-weight: 500; padding: 0px;}
.residential-solar .resp-tabs-list li.resp-tab-active { background:#FF5500;  }
.residential-solar h2.resp-accordion a{ text-decoration: none !important; }
.residential-solar.commercial-solar .resp-tabs-list li.resp-tab-active { background:#FFB997;  }
.residential-solar.commercial-solar .resp-tabs-list li.resp-tab-active a{color: #000 !important; }
.residential-solar .resp-tabs-list li a {    color: #707070;    display: block;    padding: 17px 0;    text-decoration: none;    font-weight: 500;}
.residential-solar .resp-tabs-list li.resp-tab-active a{ color: #fff; }
.residential-solar .resp-tab-content { background: none; padding: 0px; }
/*
ul.tabs {    margin: 0;  padding: 0;   list-style: none;  height: auto;  width: 100%; display: flex;}
ul.tabs li {  float: left;  margin: 0;  cursor: pointer;  padding: 0px 21px;  height: 31px;  line-height: 31px;    background-color: #D6D6D6 ;  color: #ccc;  overflow: hidden;  position: relative; width:25%; height: 100px; font-size: 18px; font-weight: 600 ; text-transform: uppercase; color: #000; border-right: #fff solid 1px; }
ul.tabs li:last-child{ border-right: none; }
ul.tabs li a {   	color: #333;   	display: block;   	text-align: center;   	padding: 35px 0; text-decoration: none !important; }
ul.tabs li.tab_last{  /*border-right: 1px solid #333;*/ /*border-right: 0px ;}*/
/*
ul.tabs li:hover {  background-color: #ccc;  color: #333;}
ul.tabs li.resp-tab-active {  background-color: #fff;  color: #333;  border-bottom: 1px solid #fff;  display: block;}
*/
/*.tab_container {   border-top: none;  clear: both; width: 100%;  background: #fff;  box-shadow: 0px 10px 10px #0000001A; -webkit-box-shadow: 0px 10px 10px #0000001A;}*/
.tab_container {clear: both; width: 100%;  background:none ; }
.tab_container .tab_blk {    background-repeat:no-repeat; background-color:#fff;  background-size: cover; background-position: center;    padding: 35px;    border-radius: 8px; min-height: 650px; position: relative;}
.tab_container  article {    max-width: 450px;    background: #fff;    padding: 35px 25px;    border-radius: 8px;}
.tab_container .tab_blk h3 { font-size: 30px; color: #FF5500; font-weight: 700; }
.tab_container .tab_blk p{ font-size: 16px; color: #000; line-height: 26px; }
.tab_container span.link_popup {	font-size: 16px;	color: #0058FF;	display: inline-block;	cursor: pointer;	background: url(assets/images/puls-icon.png) no-repeat;	background-size: 25px;	padding: 7px 0 5px 34px;	background-position: left 6px;}
.tab_container .specification_blk {    padding-top: 48px; padding-bottom: 43px; }
.tab_container .specification_blk ul { list-style: none; }
.tab_container .specification_blk ul li { font-size: 16px; list-style: none; }
.btn_org {    display: block;    height: 55px;    background: rgba(255, 85, 0, 1) 0% 0% no-repeat padding-box;    box-shadow: 0px 0px 20px rgba(255, 85, 0, 0.4);    border-radius: 2px;    font-size: 20px;    color: #fff !important;    font-weight: 600;    text-align: center;    padding: 17px 0;    line-height: 1;    text-decoration: none !important;}
.btn_org:hover { background:#000;  } 
.tab_content {  padding: 20px;  display: none;}
.tab_drawer_heading {  display: none;}
.tab-popup {	position: absolute;	width: 100%;	top: 0;	left: 0;	background: #fff;	height: 100%;	padding: 60px;	overflow: auto;	opacity: 0;	visibility: hidden;	
transform: scale(0.2); transition: all 0.5s ease 0s, color 0.5s ease 0s; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); border-radius: 8px;}
.tab-popup.active { transform: scale(1); opacity: 10; visibility: visible; } 	
.tab-popup  .close_blk {	position: absolute;	right: 30px;	top: 20px; color: #0058FF; cursor: pointer; font-size: 16px; }
.tab-popup .p-btn {    max-width: 320px;    width: 100%;    margin-top: 42px;}
.tab-popup .p-btn a.btn_org{ font-size: 18px; font-weight: 500;   padding: 18px 0;}
.tab-popup span.icon_blk {    width: 125px; display: block; margin:0 auto 20px;}
.tab-popup span.icon_blk img { /* width: 100%; */}
.tab-popup h5 { font-size: 16px; line-height: 22px; margin: 0px; padding: 0px; }
.tab-popup .col-md-3 { text-align: center; }
.tab-popup .solar_box {    padding: 62px 0 0;}
@media screen and (max-width: 480px) {
.tabs {    display: none;  }
.tab_drawer_heading {    background-color: #ccc;    color: #fff;    border-top: 1px solid #333;    margin: 0;    padding: 5px 20px;    display: block;    cursor: pointer;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;  }
.d_active {    background-color: #666;    color: #fff;  }
}
.residential-solar .packages-sec {	margin: 100px 0 0 !important; width: 100%;}
.packages-sec .col_8 {	width: calc(100% - 367px);	float: right;}
.packages-sec h2 {	max-width: 320px;	float: left;	width: 100%;	line-height: 1.3;}
.packages-sec .package_con {	overflow: hidden;	margin: 0 0 41px;}
.packages-sec .package_con p{ font-size: 18px; line-height: 32px; color: #000; font-weight: 500;}
.packages-sec .con_blk { padding: 0 25px;}
.packages-sec .con_blk p { font-size: 18px; line-height: 32px; font-weight: 500;}
.packages-sec .con_blk ul { margin: 10px 0px 0px; padding: 0px;}
.packages-sec .con_blk ul li { list-style: none; font-size: 16px; color: #333333; line-height: 32px;}
.price_blk {	background: #000;	height: auto;	display: block !important;	padding: 33px 15px; }
.price_blk .kw-bk p{ font-size: 22px; color: #fff; font-weight: 500; margin: 0;}
.price_blk .kw-bk {    padding-right: 300px;}
.price_blk .cta_btn {	width: 250px;	position: absolute;	right: 20px;	top: 7px; font-size: 20px;}
.price-call {	display: block;	color: #fff;	font-size: 40px;	font-weight: 600;	text-align: center;}
body.page-template-about .homebanner_r p, body.page-template-contact .homebanner_r p{ margin-bottom: 50px; }
/*******************Blog page*************************/
.blog-sec {	padding: 80px 0 80px; background: #EBEBEB;}
.blog-sec .entry-meta {	color: #B1B3C2;	font-size: 11px;	padding: 10px 0;}
.blog-sec .entry-meta .author_blk {		background-repeat: no-repeat;	padding: 0 0 0 16px;	background-position: 0px 3px; margin-right:22px;}
.blog-sec .entry-meta .date_blk {		background-repeat: no-repeat;	padding: 0 0 0 16px;	background-position: 0px 3px;}
.blog-list h2 {	margin: 0px;	padding: 0px;	line-height: 28px;	min-height: 65px;	display: flex;	align-items: center; font-weight:normal;}
.blog-list h2 a{ font-size: 22px;	color: #000000;	line-height: 33px; text-decoration:none !important; text-transform:inherit;  }
.blog-list .entry-content {	color: #505050;	font-size: 16px;	font-weight: 400;	margin: 14px 0px 0px;	line-height: 28px; }
.blog-list .cta_btn { margin: 25px 0 0 }
.blog-list .w-padd {	border-radius: 27px;	overflow: hidden;	box-shadow: 0px 0px 20px #0000000D;border: 1px solid #E9E9E9;border-radius: 0px;  height:100%;}
.blog-list .c_padd { padding:15px 22px 27px; background-color:#fff; }
.blog-list [class*="col-"] { margin-bottom:46px;}
.blog-list .post-thumbnail {	height: 201px;	display: block; width:100%; overflow:hidden;}
.blog-list .post-thumbnail  img { width:100%; height:100%; object-fit: cover;  }
.blog-list .thumbnail_img { position:relative;}
.blog-list .thumbnail_img .date_blk {	background: #FFBF4E;	border-radius: 0px 0px 0px 0px;	opacity: 1;	min-width: 123px;	height: 40px;	right: 0px;	top: 0px;	position: absolute;	text-align: center;	padding: 7px 15px 0; font-size: 18px; font-weight: 500;}
.blog-list .read-link-b {	font-size: 18px;	color: #2765CF;	padding: 20px 0 0 !important;	display: block;	text-decoration: none !important;}
.navigation-page {	text-align: center; width:100%;}
.navigation-page ul { margin:0px; padding:0px;}
.navigation-page ul li { display:inline-block; margin:0px; }
.navigation-page ul li a{ display:block; padding:2px 15px; text-decoration:none !important;}
.navigation-page ul li a {	display: block;	padding: 6px 13px 0;		background: none;	color: #26003f;	border-radius: 64px;	display: inline-block;	min-width: 50px;	min-height: 50px;	margin: 0 3px; background: #F7F7F7 ; border: 1px solid #707070; opacity: 1; font-size:22px; line-height:36px; color:#707070;  }
.navigation-page ul li.active a {	border: 2px solid #FF7400;	background: #F7F7F7;	color: #707070;}
.navigation-page ul li.next_d a{ border:none; background:none;}
.navigation-page .next_d {	width: 27px;	height: 26px;	background: ;	position: relative;	left: 5px;	top: 3px;}
.navigation-page .previous_d {	width: 27px;	height: 26px;	background: ;	position: relative;	right: 5px;	top: 3px;}
.navigation-page .fa { font-size:34px;  }
.navigation-page .fa {color:#505050;}
.navigation-page .next_d .fa  {color:#2765CF;}
.navigation-page .next_d span {	position: absolute;	left: 0;	top: 0;	width: 30px;	height: 40px;	overflow: hidden;	opacity: 0;}
.navigation-page .previous_d span {	position: absolute;	left: -12px;	top: -7px;	width: 38px;	height: 40px;	overflow: hidden;	opacity: 0;}
.single-list .post-thumbnail {	border-radius: 27px;	overflow: hidden;	width: 100%;	height: 341px;	margin-bottom: 38px;}
.single-list .post-thumbnail img { width:100%; height:100%;object-fit: cover; }
.single-list .single-post-dv {    max-width: 100%;    padding: 40px 30px 40px;    height: 100%;    border-radius: 0;}
.single-list .single-post-dv p {    color: #000;    font-size: 16px;    font-weight: 400;    margin: 20px 0px 20px;    line-height: 28px;}
.single-list .single-post-dv ul {    margin: 0px;    padding: 0px 0px 0px 24px;	}
.single-list .single-post-dv ul li {    font-size: 16px;    font-weight: 400;    margin: 0px 0px 0px;    line-height: 28px;    color: #000;    list-style: none;}
.single-list .b_left h3 { color:#092E6E; font-size:18px; line-height:40px;}
.single-list  .single-post-dv { position:relative;}
.single-list .date_blk { padding: 0 0 0 26px; background-size:17px;}
.single-list .date_blk {	background: #F7F7F7;	border-radius: 0px 10px 0px 0px;	opacity: 1;	min-width: 123px;	height: 40px;	right: 0px;	top: 0px;	position: absolute;	text-align: center;	padding: 9px 15px 0;}
.request_callback_text_blog {	margin-top: 30px;}
.blog-sec.single-list  .entry-meta {	color: #B1B3C2;	font-size: 19px;	padding: 2px 0 30px 0;	font-weight: 500;}
.blog-sec.single-list  .entry-meta .author_blk, .blog-sec.single-list  .entry-meta .date_blk { padding: 0 0 0 26px; background-size:17px;}
.single-post-dv {background: #FFFFFF; box-shadow: 0px 0px 20px #0000000D; border: 1px solid #E9E9E9; border-radius: 10px; opacity: 1;}
.single-post-dv h2  { 	font-size: 26px;	color: #000;	line-height: 38px;	text-decoration: none !important; font-weight: 600;		}
.tag_share_dv { overflow:hidden;}
.tag_share_dv .tag_left {	float: left;}
.tag_share_dv .tag_title {	font-size: 20px;	display: block;	color: #4757CD;	font-weight: 700;	margin: 0;	padding: 0 0 8px;}
.tag_share_dv  .tag_left a {	display: inline-block;	border: #BCC4FF solid 1px;	padding: 8px 10px;	border-radius: 8px;	color: #848CC4 !important;	font-weight: 500;	font-size: 16px;	text-decoration: none !important;	margin-right: 6px; t}
#secondary .widget-title {	font-size: 20px;	font-weight: normal; line-height:28px; text-transform: uppercase; color:#FF7400;	margin: 0;	padding: 0 0 9px;}
#secondary .rpwwt-widget ul li {	padding: 0;	margin: 0 0 5px;}
#secondary .rpwwt-widget ul li a{text-decoration:none !important}
#secondary .wp-post-image  {	width: 105px;	height: ;	border-radius: 6px;}
#secondary  .rpwwt-post-title {	font-size: 17px;	color: #26003F;	font-weight: 600;	display: ;}
#secondary .rpwwt-post-date {	color: #747582;	font-size: 13px;	padding: 5px 0 0;}
#secondary {	max-width: 100%;	float: right;	margin: 0 0 0; width:100%;}
.b_white_bg  { background: #FFFFFF ;box-shadow: 0px 0px 20px #0000000D;border: 1px solid #E9E9E9;border-radius: 0px;opacity: 1; padding:30px;} 
#secondary .b_white_bg + .b_white_bg { margin-top: 30px; }
#secondary .b_white_bg .widget-title {    font-size: 22px;    font-weight: 600;    line-height: 33px;    text-transform: uppercase;    color: #000;    margin: 0;    padding: 0 0 16px;}
.recent-post-nav ul { margin:0px; padding:0px;}
.recent-post-nav ul li { list-style:none; margin: 0px; padding:0px; }
.recent-post-nav ul li + li { margin-top:25px;}
.recent-post-nav ul li a {    font-size: 18px;    font-weight: 400;    color: #1A73E8;    text-decoration: none !important;    line-height: 7px;}
.recent-post-nav span.post-date {    font-size: 14px;    color: #666666;    display: block;    padding: 5px 0 0;}
.categ-nav ul{ margin: 0px; padding: 0px;}
.categ-nav ul li { list-style: none; position: relative; margin: 0px; padding: 0px; }
.categ-nav ul li + li { margin-top: 8px; }
.categ-nav ul li a{ color: #000; font-size: 16px; font-weight: 400; padding: 5px 0; display: inline-block; }
.categ-nav ul li a:hover { text-decoration: none; color:#1A73E8; }
.categ-nav .post-count { position: absolute; right: 0px; width: 35px; height: 35px; background:#E5E5E5 	 ; color: #1A73E8; font-size: 16px;  text-align: center;    line-height: 35px;}	
.button-blog-n-b {    text-align: right;    padding: 15px 0 0;}
.button-blog-n-b .previous-button, .button-blog-n-b .next-button { display: inline-block; vertical-align: top;}
.button-blog-n-b .previous-button a{ display: block; width: 80px; height: 50px; background: #FFFFFF ; border: 2px solid #1A73E8; border-radius: 2px; color: #000000; text-align: center; vertical-align: top;}
.button-blog-n-b a {    display: block;    padding: 11px 0;    color: #000 !important;    text-decoration: none !important;}
.button-blog-n-b .next-button a{ display: block; width: 80px; height: 50px; background: #FFFFFF ; border: 2px solid #1A73E8; border-radius: 2px; color: #000000; text-align: center; margin: 0 0 0 20px;}
@media(min-width:1200px) {
.single-list .col-lg-8 {	width: 67.3%;}
.single-list .col-lg-4 {	width: 31%;}
}
.blog-inner .post-thumbnail {	height: 526px;	overflow: hidden;}
.post-thumbnail img { 	width: 100%;	height: 100%;	object-fit: cover;}
.home_banner.blog-inner {background: #ebebeb;	padding: 48px 0 0px 0;}
body.single-post .blog-sec { padding-top: 50px; }
.blog-inner .homebanner_r .entry-title{ font-size: 42px; line-height: 50px; }
.blog-inner .homebanner_r {	padding: 50px 35px 130px;	min-height: 477px;	margin-bottom: -48px; position: relative;}
.blog-inner .list_btn {	position: absolute;	width: 100%;	left: 0;	padding: 0 30px;	bottom: 50px;}
/* Edit by @R */
.RequestFreeQuote, #RequestCallBack{ display: none; }
.fancybox-content.modal-popup {max-width: 815px; width: 94%; overflow: hidden; transform: translateY(-50px); transition: all .7s; display: none; box-shadow: 0px 0px 40px #00000033; -webkit-box-shadow: 0px 0px 40px #00000033; border-radius: 10px; -webkit-border-radius: 10px; padding: 0; display: flex; flex-wrap: wrap; }
.fancybox-content.modal-popup .row {margin: 0; }
.fancybox-content.modal-popup .modal-img {background-repeat: no-repeat; background-size: cover; background-position: center top; width: 41%; }
.fancybox-content.modal-popup .modal_r {width: 59%; }
.fancybox-content.modal-popup .modal_con {padding: 30px 35px 25px; }
.modal_con h4 {color: #000; font-size: 22px; font-weight: 700; margin: 0 0 15px;}
.modal_con h4 span {    font-size: 20px;    font-weight: 400;   display: block;    padding: 10px 0 0;    color: #000;}
.fancybox-content.modal-popup .row {margin: 0; }
.modal_con form .row .col-md-12 {padding: 0; }
.modal_con form label {display: block; color: #000000; font-size: 16px; font-weight: 400; line-height: 1; margin: 15px 0 5px;}
.modal_con form input[type=text], .modal_con form input[type=password], .modal_con form input[type=email], .modal_con form input[type=tel], .modal_con form input[type=search], input[type=number], .modal_con form textarea {	height: 50px; 	background: #F8F8F8;	border: 1px solid #E3E3E3;	border-radius: 4px; 	color: #3F4346;	font-size: 15px;	padding: 0 18px;}
.modal_con form .wpcf7-not-valid-tip{ display: none; }
.modal_con form input.wpcf7-not-valid{ border-color: red !important; }
.modal_con form input[type=submit]{ 	height: 55px;	background: #FF5500 !important;	box-shadow: 0px 0px 20px #FF550066;	border-radius: 2px;	opacity: 1;	font-size: 20px;	font-weight: 400;	color: #fff;	text-transform: inherit;	width: 100%;	margin: 10px 0 0 !important;	font-weight: 600;}
.modal_con form input[type=submit]:hover{ background-color: #000; }
.modal_con form .radio-blk [type=radio]:checked+.radio-box {    background-color: #FFE4D6;    border: #ff7400 solid 2px !important;}
.fancybox-slide--html .fancybox-close-small {color: #000 !important; font-weight: 700; width: 55px; height: 55px; }
.modal_con .fancybox-slide1 br {    display: none;}
.modal_con .wpcf7-form-control-wrap {    display: block;    margin-bottom: 15px;}
.modal-popup-custom { position: fixed; top: 0; left: 0px; bottom: 0px; right: 0px; }
.fancybox-slide1 {    position: fixed;    top: 0;    bottom: 0;    left: 0;    right: 0;    z-index: 99999999;    text-align: center;    display: flex; opacity: 0;    visibility: hidden; transition: all 0.3s ease 0s, color 0.3s ease 0s;   overflow: auto;  }
.fancybox-slide1.active {    opacity: 1;    visibility: visible;}
.fancybox-slide1 .fancybox-content.modal-popup.modal-popup-custom {    max-width: 815px;    width: 94%;    overflow: hidden;    transform: translateY(-50px);    transition: all .7s;    display: none;    box-shadow: 0px 0px 40px #00000033;    -webkit-box-shadow: 0px 0px 40px #00000033;    border-radius: 10px;    -webkit-border-radius: 10px;    padding: 0;    display: block;    flex-wrap: wrap;    align-content: center;    align-self: center;    align-items: center;    margin: auto;   transform: translateY(0);}
.fancybox-slide1  button.fancybox-button.fancybox-close-small.f-close {    top: 4px;    right: 8px;}
.f_btn_org { cursor: pointer; }
.residancy_back_bg {    background: rgba(0,0,0,0.7);    bottom: 0;    left: 0;    right: 0;    z-index: 9999999;    position: fixed;    top: 0;   transition: all 0.3s ease 0s, color 0.3s ease 0s;  opacity: 0; visibility: hidden;   }
.residancy_back_bg.active { opacity: 1; visibility: visible; }
.fancybox-slide1 h3 {	font-size: 22px;}
.fancybox-slide1 input[type="text"], .fancybox-slide1 input[type="email"], .fancybox-slide1 input[type="tel"] {	height: 50px; 	background: #F8F8F8;	border: 1px solid #E3E3E3;	border-radius: 4px; 	color: #3F4346;	font-size: 15px;	padding: 0 18px;}
.fancybox-slide1 .wpcf7-form-control-wrap {    display: block;    margin-bottom: 15px;}
.fancybox-slide1 br {    display: none;}
.fancybox-slide1 input[type="submit"] { 	height: 55px;	background: #FF5500 !important;	box-shadow: 0px 0px 20px #FF550066;	border-radius: 2px;	opacity: 1;	font-size: 20px;	font-weight: 400;	color: #fff;	text-transform: inherit;	width: 100%;	margin: 10px 0 0 !important;	font-weight: 600;}
.product-desr-section  h2.resp-accordion.resp-tab-active a{ color: #fff !important ; text-decoration: none; }
.modal_con form .radio-blk .wpcf7-radio {display: flex; flex-wrap: wrap; margin: 0; border: #919194 solid 1px; border-radius: 4px; overflow: hidden; margin-bottom: 15px;}
.modal_con form .radio-blk .wpcf7-list-item {display: block; position: relative; margin: 0; width: 25%; padding: 10px 0; }
.modal_con form .radio-blk .wpcf7-list-item.first [type=radio]:checked+.radio-box{ border-left: none; }
.modal_con form .radio-blk .wpcf7-list-item.last [type=radio]:checked+.radio-box{ border-right: none; }
.modal_con form .radio-blk .wpcf7-list-item .radio-wrap {width: calc(100% - 0px); height: calc(100% - 0px); margin: auto; display: block; left: 0; right: 0; top: 0; bottom: 0; padding: 0; position: absolute;}
.modal_con form .radio-blk .wpcf7-list-item .radio-wrap .radio-wrap input[type=radio] {opacity: 0; position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer; }
.modal_con form .radio-blk .wpcf7-list-item .radio-wrap .radio-box {width: 100%; height: 100%; border: none; border-radius: 0; -webkit-border-radius: 0px; display: block;}
.modal_con form .radio-blk .wpcf7-list-item .radio-wrap input[type=radio] {opacity: 0; position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer; margin: 0; padding: 0;}
.modal_con form .radio-blk .wpcf7-list-item .wpcf7-list-item-label {display: block; color: #000; font-size: 12px; text-align: center; padding: 7px 0; position: relative; font-weight: 400; }
.fancybox-content.modal-popup .modal-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
width: 41%;
box-shadow: 1px 1px 14px 7px rgba(0,0,0,0.1);
}
.modal_con form .radio-blk [type=radio]:checked+.radio-box {background-color: #ffcfa7; border-left: #ff7400 solid 1px; border-right: #ff7400 solid 1px; }
.modal_con form .radio-blk label {    color: #FF5500;    font-size: 18px;    font-weight: 700;    margin: 10px 0 15px;}
.nav_sticky.stick ~ #sticky-anchor{ height: 150px; }
.step_sec.yellow_bg{ background-color: #FDB432; }
.step_sec.yellow_bg h2, .step_sec.yellow_bg p, .step_sec.yellow_bg h3{ color: #000000; }
.step_sec.yellow_bg .cta_btn{ background-color: #000000; }
.special-price{ display: block; font-size: 16px; color: #FFFFFF; background-color: #5DA22C; text-align: center; display: block; font-weight: 400; padding: 13px 25px; position: absolute; top: -60px; left: -13px; opacity: 0; visibility: hidden;}
.special-price:after{ content: '';  width: 0; height: 0; border-style: solid; border-width: 0 13px 13px 0; border-color: transparent #1f4a00 transparent transparent; position: absolute; left: 0; bottom: -13px;}
.special-price.selected{ opacity: 1; visibility: visible; }
.aboutus_sec{ background-color: #EBEBEB; padding: 70px 0;}
.aboutus_sec h2{ font-size: 40px; color: #000000; font-weight: 700; }
.aboutus_sec p{ font-size: 18px; color: #000000; line-height: 32px; font-weight: 500; }
.aboutus_sec .container > .row:first-child{ margin-bottom: 50px; }
.aboutus_sec .aboutus_l{ background-color: #fff; box-shadow: 0px 10px 10px #0000001A; -webkit-box-shadow: 0px 10px 10px #0000001A; padding: 50px 40px; margin-right: -30px; position: relative; z-index: 1;}
.aboutus_sec .aboutus_l h3{ color: #000000; font-size: 30px; font-weight: 700; margin: 0 0 30px; padding: 0;}
.aboutus_sec .aboutus_l ul{ margin: 0; padding: 0; }
.aboutus_sec .aboutus_l ul li{ margin: 20px 0; padding: 0; list-style: none; font-size: 18px; color: #000; position: relative; display: flex; flex-wrap: wrap; align-items: center;}
.aboutus_sec .aboutus_l ul li .list_image{ margin-right: 20px; }
.aboutus_sec .aboutus_l ul li .list_image img{ max-width: 100%; display: block; }
.aboutus_sec .aboutus_l ul li p{width: calc(100% - 120px);}
.aboutus_sec .aboutus_r{box-shadow: 0px 10px 10px #0000001A; -webkit-box-shadow: 0px 10px 10px #0000001A; background-color: #fff; padding: 50px 40px; min-height: 500px;}
.customer_reviews{padding: 70px 0;}
.customer_reviews h2{ font-size: 40px; color: #000000; font-weight: 700; }
.customer_reviews p{ font-size: 18px; color: #000000; line-height: 32px; font-weight: 500; }
.needhelp_sec{ background-color: #EBEBEB; padding: 70px 0; }
.needhelp_sec h2{ font-size: 40px; color: #000000; font-weight: 700; }
.needhelp_sec p{ font-size: 18px; color: #000000; line-height: 32px; font-weight: 500; }
.needhelp_sec .container > .row:first-child{ margin-bottom: 50px; }
.needhelp_sec .needhelp_l{ background-color: #fff; box-shadow: 0px 10px 10px #0000001A; -webkit-box-shadow: 0px 10px 10px #0000001A; padding: 50px 40px; margin-right: -30px; position: relative; z-index: 1;}
.needhelp_sec .needhelp_l form p{ margin: 0; padding: 0; }
.needhelp_sec .needhelp_l form label{ display: block; color: #000000; font-size: 18px; margin: 0 0 5px; font-weight: 500;}
.needhelp_sec .needhelp_l form input[type="text"], .needhelp_sec .needhelp_l form input[type="email"], .needhelp_sec .needhelp_l form input[type="tel"]{background-color: #F2F2F2; border: 1px solid #707070; border-radius: 2px; -webkit-border-radius: 2px; height: 49px; margin: 0 0 20px;}
.needhelp_sec .needhelp_l form input[type="submit"]{ background-color: #FF8800; border-radius: 2px; -webkit-border-radius: 2px; height: 60px; width: 100%; font-size: 18px; font-weight: 600; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin:10px 0 0 0; }
.needhelp_sec .needhelp_l form input[type="submit"]:hover{ background-color: #000; }
.needhelp_sec .needhelp_l form .wpcf7-not-valid-tip{ display: none; }
.needhelp_sec .needhelp_l form input.wpcf7-not-valid{ border-color: red; }
.needhelp_sec .needhelp_l .wpcf7 form .wpcf7-response-output{ margin: 0; }
.needhelp_sec .needhelp_r{box-shadow: 0px 10px 10px #0000001A; -webkit-box-shadow: 0px 10px 10px #0000001A; background-color: #fff; padding: 50px 40px; }
.needhelp_sec .needhelp_r h3{ font-size: 30px; }
.needhelp_sec .needhelp_r table{ width: 100%; margin: 20px 0;}
.needhelp_sec .needhelp_r table tr{ border-bottom: #000 solid 1px; }
.needhelp_sec .needhelp_r table tr td{ padding: 15px 0; font-size: 18px;}
.needhelp_sec .needhelp_r table tr td a{ color: #000; }
.needhelp_sec .needhelp_r table tr td strong{ font-weight: 700; }
.needhelp_sec .needhelp_r table tr td:last-child{ text-align: right; }
.state_residence{padding: 70px 0;}
.state_residence h2{ font-size: 40px; color: #000000; font-weight: 700; }
.state_residence p{ font-size: 18px; color: #000000; line-height: 32px; font-weight: 500; }
.state_residence .state_row{ display: flex; flex-wrap: wrap; }
.state_residence .state_row .state_blk{ width: 50%; padding: 50px 0;}
.state_residence .state_row .state_blk .img_block{ float: left; }
.state_residence .state_row .state_blk .img_block img{ max-width: 87px; }
.state_residence .state_row .state_blk .state_blkdet{ margin-left: 112px; }
.state_residence .state_row .state_blk .state_blkdet h4{ color: #000000; font-size: 20px; font-weight: 700; margin: 0 0 15px; padding: 0;}
.state_residence .state_row .state_blk .state_blkdet p{ font-size: 16px; line-height: 25px; }
.template_banner{ padding: 90px 0; background-color: #f9f9f9;}
.template_banner .template_banner_cap{ background: #FDB432 url(assets/images/Sun_Rays.svg) right bottom no-repeat; background-size: 160px; padding: 30px 50px; }
.template_banner h1{ color: #000000; font-size: 42px; font-weight: 700; margin: 0 0 15px; padding: 0;}
.template_banner p{ color: #000000; font-size: 18px; font-weight: 500; }
.content-wrapper{ background-color: #EBEBEB; padding: 100px 0;}
.content-wrapper .content-wrap{box-shadow: 0px 10px 10px #0000001A; -webkit-box-shadow: 0px 10px 10px #0000001A; background-color: #fff; padding: 50px 30px;}
/* Tabs */
ul.resp-tabs-list {margin: 0px; padding: 0px; }
.resp-tabs-list li {font-weight: 600; font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; }
h2.resp-accordion {cursor: pointer; padding: 5px; display: none; }
.resp-tab-content {display: none; padding: 15px; }
.resp-tab-active {}
.resp-tab-active {border-bottom: none; background-color: #fff; }
.resp-content-active, .resp-accordion-active {display: block; } 
.resp-tab-content { }
h2.resp-accordion {font-size: 13px; margin: 0px; padding: 10px 15px; background-color: #F1F1F1;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; }
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important; background: blue; 
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li {display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container {padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content {border: none; }
.resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; }
.resp-arrow {width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }
h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; }
/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB !important; }
.resp-easy-accordion  h2.resp-accordion {display: block; } 
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit {width: 100%; margin: 0px; }
.resp-tab-content-active {display: block; }
.cnt-tab-1-accordion .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1; }
.cnt-tab-1-accordion .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none; }
.cnt-tab-1-accordion .resp-accordion-closed {display:none !important; }
.cnt-tab-1-accordion .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
ul.resp-tabs-list {display: none; }
h2.resp-accordion {display: block; }
.cnt-tab-1-accordion ul.resp-tabs-list {display: none; }
.cnt-tab-1-accordion h2.resp-accordion {display: block; }
.resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed {display:none !important; }
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important; }
}
#content-tab{ display: flex !important; flex-wrap: wrap; }
#content-tab .resp-tabs-list{ width: 35%; border-right: #ebebeb solid 1px;}
#content-tab .resp-tabs-list li{ float: none; display: block; border-left: transparent solid 4px; border-top:none; border-right:none; font-size:16px; font-weight: 400; padding:8px 20px;}
#content-tab .resp-tabs-list li.resp-tab-active{ border-left-color: #FDB432;  }
#content-tab .resp-tabs-list h2{ font-size: 30px; line-height: 1.5;}
#content-tab .resp-tabs-container{ width: 65%; clear: none; padding-left: 5%;}
#content-tab .resp-tabs-container .resp-tab-content{ border:none; }
#content-tab .resp-tabs-container .resp-tab-content h3{ font-size: 26px; margin: 0 0 20px; font-weight: 400;}
#content-tab .resp-tabs-container .resp-tab-content p{ font-size: 16px; line-height: 28px; }
.additional_sec.gray_bg{ background-color: #fafafa; }
body.page-id-23 .step_sec, body.page-id-23 .support_sec{ display: none; }
.aboutus_sec .aboutus_r table{ width: 100%; margin: 20px 0;}
.aboutus_sec .aboutus_r table tr{ border-bottom: #000 solid 1px; }
.aboutus_sec .aboutus_r table tr td{ padding: 15px 0; font-size: 18px;}
.aboutus_sec .aboutus_r table tr td a{ color: #000; }
.aboutus_sec .aboutus_r table tr td strong{ font-weight: 700; }
.aboutus_sec .aboutus_r table tr td:last-child{ text-align: right; }
body.page-id-229 .step_sec, body.page-id-229 .support_sec, body.page-id-229 .additional_sec{ display: none; }
body.page-id-229 .home_banner{ padding-bottom: 40px; }
.inner_con{ padding:70px 0;}
div#page {    width: 100%;}
.org_light_bg {    background: #F5F0E0;}
.speak-sec h3{ color: #000; font-size: 32px; font-weight: 700; }
.speak-sec p { font-size: 16px; font-weight:400; line-height: 32px; padding: 0px; margin: 0px 0px 30px;  }
.speak-sec .container  { position:relative;}
.speak-sec .speak_block {	max-width: calc(100% - 281px);	float: right;}
.speak-sec .img-col {	position: absolute;	left: 0;}
@media( max-width:1279px ){
.speak-sec .img-col { 	left: 43px;}	
}
.btn_black {    width: 300px;    height: 55px;    background: rgba(0, 0, 0, 1) 0% 0% no-repeat padding-box;    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);    border-radius: 2px;    opacity: 1;    font-size: 16px;    color: #fff !important;    display: inline-block;    text-align: center;    padding: 15px 0;    text-decoration: none !important;}
.btn_black:hover{ background-color:#FF5500;  }
.inner_banner {	min-height: 353px;	background-size: cover;	padding: 94px 0 94px 0;}

.inner-page {	padding: 70px 0;}

.inner_banner h2 {	color: #fff;	font-size: 36px;}
.inner_banner h1 {	color: #fff;	font-size: 36px;}
.inner_banner p {	max-width: 627px;	font-size: 20px;	color: #fff;}

.why_solar {	padding: 70px 0; background: #fff;}
.why_solar h2 { font-size:36px; color:#000; line-height:43px; margin:0px 0px 25px; padding:0px;}
.why_solar p { color:#000000; font-size:20px; line-height:32px;}
.why_solar  center { max-width:800px; margin:auto; padding:0 0 0px}

.why_solar .padd {text-align: center;}
.why_solar h3 {	font-size: 18px;	text-align: center;	color: #FF5500;	max-width: 210px;margin: auto;}
.why_solar .col-md-6{	margin-top: 57px;}
.why_solar .icon-img {	margin: 0 0 13px;}
.feedback_sec {	background: #f6f0e0;	text-align: center;	padding: 40px 0;}
.feedback_sec h2{ font-size:36px; color:#000; line-height:43px; margin:0px 0px 25px; padding:0px;}

.story_sec {	padding: 50px 0;background: #F8F8F8;}
.story_sec .tab_container article {max-width: 480px;}

.story_sec .tab_container article ul li {	font-size: 16px;}

.contact_us_page {	background: #fff;	margin-bottom: 20px;	padding: 50px 0;}
.contact_us_page h2 { font-size:36px; font-weight:700; color:#000;}
.contact_us_page .contact_blk p{ font-size:18px; font-weight:400; color:#000; margin:0 0 0; padding:0px;}
.contact_us_page .contact_blk ul { margin:0px; padding:0px;}
.contact_us_page .contact_blk ul li { list-style:none; color:#707070; font-size:20px;}
.contact_us_page .contact_blk ul li + li { margin-top:20px;}
.contact_us_page .contact_blk h3 { margin:0px; padding:0 0 12px; font-size:16px; font-weight:700;}
.contact_us_page .contact_blk ul li p{color:#707070; font-size:16px; font-weight:400; color:#707070;}
.contact_us_page .contact_blk ul {	margin: 40px 0 0;	padding: 0px;}
.contact_us_page .contact_blk ul li .fa {	color: #FF5500;	font-size: 26px;	width: 30px;}



/*******404****/
.error-tab { overflow:hidden; clear: both;}
.not-found  .intro.intro-small { display:none;}
.not-found {	background: #f9510f;	padding: 90px 0 110px;	text-align: center;	color: #fff;	width: 100%;	float: left;	margin-bottom: 0px;	font-size: 20px;	text-transform: uppercase;	font-weight: 700;}
.not-found .not-four {	display: block;	font-size: 250px;	line-height: 1.2;	color: #fff;	font-weight: 900;	text-shadow: 1px 19px 46px rgba(0,0,0,0.4);	padding: 0px 0 0;}
.not-found  p, .error-404  a  { color:#fff; font-size:16px; text-transform:uppercase; display:block; padding-top:20px;}
.not-foundh1 { color:#fff;}
.not-found h1 { color:#fff !important;}
@media(max-width:767px) {
.not-found .not-four {	font-size: 87px;}
.not-found h1  { font-size:20px;}
.not-found { font-size:16px;}
.not-found  p, .not-found  a  { font-size:14px;}
.not-found  .page-content {	padding: 0 20px;}

} 
/**************/
.home_banner { position:relative;}
.home-banner-bg {	position: absolute;	width: 100%;	height: 100%;	top: 0;	background-size: cover;}	
.home_banner.on-bg h2, .home_banner.on-bg p, .home_banner.on-bg ul li {	color: #fff;}
.home_banner.on-bg .banner_content ul li {     background: url(assets/images/list-icon-w.png) 0 8px no-repeat; background-size: 15px; }

@media (min-width:768px) and (max-width:1199px) {	
.m_logo {
    width: 261px;
    margin: 6px 0 0;
}
}