/*!
Theme Name: DS Theme
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
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 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/
*/
@charset "utf-8";


/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
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: "Google Sans", sans-serif;  font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap;}
div#page {	width: 100%;}
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2;font-weight:700; font-family: inherit;   font-family: "Google Sans", sans-serif;}
.h1, h1 {font-size:40px; margin-bottom: 20px;}
.h2, h2 {font-size:28px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:20px; 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:#203161; 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: "Google Sans", 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: normal; 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: #1b3264 ;}

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;}

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #666; }
:-moz-placeholder { opacity: 1 !important; color: #666; }
::-moz-placeholder { opacity: 1 !important; color: #666; }
:-ms-input-placeholder { opacity: 1 !important; color: #666; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn {display: inline-block;vertical-align: top;padding: 14px 40px;	font-size: 18px;font-weight: normal;line-height: 1.52857143;text-align: center;	border: none;color: #fff;font-family: 'CircularStdBlack';outline: none !important;background: #2765CF;box-shadow: 0px 0px 25px rgba(92, 169, 191, 0.2);	border-radius: 5px;	height: auto;}
.btn:hover,
.btn:focus { background-color: #092E6E; color: #fff; border-color: #092E6E;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: c az100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1175px;}

.logo_pull { width: 235px; margin: 6px 0 0;}

/*---- header ----*/
body { margin-top: 96px; }
.main-header { width:100%; height:auto; padding: 20px 0; position: fixed; z-index: 999; background-color: #fff; top:0px;}
.main-header.fixed {box-shadow: 0px 0px 25px rgb(0 0 0 / 25%); -webkit-box-shadow: 0px 0px 25px rgb(0 0 0 / 25%);}

.main-header .container { max-width: 100%; padding: 0 40px; }
.main-header .logo{ /*max-width: 200px;*/ display: block; }
.main-header .logo img{ display: block; }
.main-header .head_right{ display: flex; align-items: center; justify-content: space-between;}
 
.main-header .head_right .btn { background: #2765CF; box-shadow: 0 0 10px #2765CF80;
border-radius: 5px; 	   font-family: "Google Sans", sans-serif;	font-weight: 700;	text-transform: none;	font-size: 18px;	padding: 14px 17px;	border-radius: 4px;	-webkit-border-radius: 4px;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); margin: 0 0 0 20px;}
.main-header .head_right .btn:hover{ background-color: #092E6E; }
.main-header .head_right .head_phone{ color: #00326b;   font-family: "Google Sans", sans-serif; font-weight: 700; font-size: 22px; display: flex; align-items: center; padding: 0px 17px; 	 height: 55px; border-radius:5px;  margin-left: 0px; }
.main-header .head_right .head_phone i{ line-height: 1;  position: relative; z-index: -1;}

.main-header .head_right .head_phone:hover{ text-decoration: none; }

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent; position: fixed;top: 14px;right: 20px;z-index: 1000;}
.hamburger:not(.close){}
.hamburger:hover, 
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px;height: 4px;background-color: #ff5500;display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 0;}
.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: #ff5500;}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: -100%;left: 0;width:100%;height: 100%;transition: all 0.3s ease-in-out;z-index: 999; padding-top: 60px;}
#menu .row.no-gutters{ background-color: #fff; }
#mobilenav.is-open #menu{top: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav .nav-logo img{ max-width: 160px; }
#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;border-bottom: 1px solid rgb(255 255 255 / 20%);}
#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; background-color: #ff5500;}

/* nav */
.navigation { /*width:100%;*/ height:auto; }
.navigation ul{ padding: 0; margin: 0; list-style: none; }
.navigation ul li{ padding: 0 8px; margin: 0; list-style: none; display: inline-block; vertical-align: top;}
.navigation ul li a { color: #00326b; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal; }
.navigation ul li a:hover{ text-decoration: none; color: #1b3264  ;}

.navigation ul li:hover .sub-menu{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible; pointer-events: auto; top: 100%;}
.navigation ul li{ position: relative; }
.navigation ul li.current_page_item > a, .navigation ul li.current-page-ancestor > a{ color: #074224; }
.navigation ul li > a:after{content: '';position: absolute; width: 100%;height: 40px;left: 0;bottom: -40px;}
.navigation ul li .sub-menu{ position: absolute; left: 0; top: 90%; min-width: 250px; background: #fff; z-index: 99; padding:20px 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; visibility: hidden; pointer-events: none; box-shadow: 0px 0px 10px #00000029; -webkit-box-shadow: 0px 0px 10px #00000029; margin: 25px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 6px; -webkit-border-radius: 6px;}
.navigation ul li .sub-menu:before{ content: ''; position: absolute; left: 60px; top: -19px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #ffffff transparent; z-index: 1; }
.navigation ul li .sub-menu:after{ content: ''; position: absolute; left: 60px; top: -20px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #00000029 transparent; }
.navigation ul li .sub-menu li{ padding: 5px 0; margin: 0; display: block;}
.navigation ul li .sub-menu li:first-child{ border-top:none; }
.navigation ul li .sub-menu li a{ padding: 8px 17px; border-radius: 0; -webkit-border-radius: 0; color: #333333; background: none; text-transform: none;  }
.navigation ul li .sub-menu li.current-menu-item, .navigation ul li .sub-menu li:hover{ color: #1b3264 ;}
.navigation ul li .sub-menu li.current-menu-item a, .navigation ul li .sub-menu li:hover a{ color: #1b3264 ; }


/*---- footer ----*/
.main-footer { width:100%; height:auto; background:#00326b url(assets/images/footer-bg.png) no-repeat bottom center; line-height: normal; position: relative; padding: 50px 0 40px; z-index: 1; background-repeat: repeat; border-top: #1b3264  solid 6px; background: rgb(96 96 96);}
/*.main-footer::before {	content: ''; 	position: absolute; 	top: 0; 	width: 100%; 	height: 108px; 	background: url(assets/images/fo-bg.jpg) top center;	z-index: -1;	background-size: 100% 108px;}*/
.fo_review .fr_dv { float: right; }
.fo_review .fr_dv a{ float: left; }
.fo_review .fr_dv a + a { margin-left: 20px; }
.top_footer {	padding: 0 0 29px;	border-bottom: #ADB8C3 solid 1px;}
.top_footer .fo_phone .phone_f i {	width: 38px;	display: inline-block;	margin-right: 12px;	vertical-align: top;	position: relative;	top: 8px;}
.top_footer .fo_phone .phone_f  {	font-size: 38px;	color: #074224;	display: block;   font-family: "Google Sans", sans-serif;  text-decoration:none !important; }

.middle_footer {	padding: 0px 0 0px;	border-bottom: #cae2ea solid 1px;}
.middle_footer h3 { color: #fff; font-size: 20px; margin: 0px 0px 15px; padding: 0px; }
.middle_footer ul { margin: 0px; padding: 0px; }
.middle_footer ul li { list-style: none; }
.middle_footer ul li a{ color: #fff; font-size: 16px; text-decoration: none; }
.middle_footer ul li a:hover {color: #183f6d;}

.social-icons .fa {	width: 40px;	height: 40px;	background: #3261a8;	border-radius: 100%;	text-align: center;	line-height: 41px;	font-size: 20px;	color: #fff;}

.main-footer h2{ color: #333333;   font-family: "Google Sans", sans-serif;  font-weight: 700; font-size: 20px; margin: 0 0 10px; }


.main-footer .foo_contact{ margin-bottom: 30px; }
.main-footer .foo_contact p{     font-family: "Google Sans", sans-serif;  font-weight: normal; font-size: 16px; position: relative; padding-left: 40px; line-height: 1.4; min-height: 30px; display: flex; align-items: center; flex-wrap: wrap; word-break: break-word; color: #fff;}
.main-footer .foo_contact p a{ color: #fff; }
.main-footer .foo_contact p i{ padding-right: 15px; position: absolute; left: 0; top: 5px;}
.main-footer .social-icons ul{ margin: 0; padding: 0; }
.main-footer .social-icons ul li{ margin: 0 5px 0 0; padding: 0; list-style:none; display: inline-block; vertical-align: top; }
.main-footer .social-icons ul li a{ display: block;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.social-icons .fa.fa-twitter {	background: #3DB5F9;}
.social-icons .fa.fa-youtube-play {	background: #CC1C1C;}
.main-footer .social-icons ul li a:hover{ color: #fff; }
.main-footer .rs_nav ul { margin-bottom: 15px; }
.main-footer .foo_copyright{ text-align: center; border-top: 1px solid #D5D5D5;}
.main-footer .foo_copyright p{color: #333333; font-size: 14px; margin: 0; padding: 20px 0;    font-family: "Google Sans", sans-serif;  font-weight: normal;}
.main-footer .foo_copyright p a{ color: #FF5500; }
.main-footer .footer_l{ padding:50px 0 30px;  }
.main-footer .footer_r{ padding:50px 0 30px 30px;  }
.main-footer .footer_r h2{ margin-bottom: 20px; }

.bottom_footer { padding: 25px 0; border-bottom: 1px solid #D5D5D5; overflow: hidden; margin: 0px; }
.bottom_footer .cer_box { float: left; }
.bottom_footer .cec_box { float: left; margin-left: 25px; }
.bottom_footer .b_left { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.bottom_footer .b_right { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.fo_terms {padding: 30px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.copy {	text-align: center;	padding: 30px 0 0 0;color: #fff;}

/*--------- home page ------------*/
/* banner part */
.home_banner{ position: relative;  background-repeat: no-repeat; background-size: cover; background-position: right center; padding: 0px 0 0 0; background: #fff !important ;}
.hero_banner {	width: 100%;	background: #00326b;	padding: 60px 0;}
.hero_banner h1 {	font-size: 45px;	color: #fff;	  font-family: "Google Sans", sans-serif;	margin: 0px 0px 25px;	padding: 0px;	font-weight: 700;}
.hero_banner ul { margin: 0px 0px 0px; padding: 0px;}
.hero_banner ul li { list-style: none; font-size: 20px; margin: 0px 0px 8px; padding: 0px;  position: relative; padding-left: 30px;}
.hero_banner ul li::before {content: '\f058 ';   font-family:'FontAwesome'; position: absolute; left: 0px; color: #29588F;}
.hero_banner  .banner_content {    padding: 0 0 60px;}
.benefit_solar_banner .padd-b{ padding: 40px; height: 600px; }
.benefit_of_solar_banner h1 { font-size: 35px; }
.home_banner .col-md-5{ text-align: right; }
.home_banner .home_banner_img{ display: block; margin-left: -200px;}
.hero_banner p {	color: #fff;font-size: 24px;font-weight: 700;}
.hero_banner p strong {	font-weight: 700;background: #1b3264 ;padding: 5px 17px;	text-transform: uppercase;	font-size: 32px;border-radius: 6px; position: relative;}
.hero_banner p strong::before {content: '';	position: absolute;	width: 20px;height: 20px;background: #1b3264 ;left: 40px;top: -10px;	transform: rotate(45deg);}
.home_banner .col-md-12 p{ padding: 15px 0; }
.home_banner .col-md-5, .inner_banner .col-md-5{ text-align: right; }
.banner_tream {	background: #D8DEE3;	padding: 10px 0;	font-size: 12px;}
.banner_tream p {    font-family: "Google Sans", sans-serif;  font-weight: normal; color: #000; font-size:12px;}
.banner_tream article {	max-width: calc(100% - 489px);	position: relative;}

/*****banner new  *****/

.home_banner .home_banner_img {    display: block;    margin-left: -0px;    position: absolute;    bottom: 0;    left: 0;    width: calc( 60% - 133px);}
.home_banner .col-md-7 {position: inherit;}
.home_request_form {	width: 100%;	background: #fff;	padding: 30px 30px 1px;	position: relative;	max-width: 461px;	border-radius: 5px;	}
.home_request_form .container { position: relative; }
.home_request_form .polygon_img_l {	width: 128px;	height: 140px;	background: url(assets/svg/form_polygon.svg) no-repeat;	position: absolute;	top: -25px;	left: 0;}
.home_request_form .polygon_img_l {  -webkit-animation: cog 5s infinite;			 -moz-animation: cog 5s infinite; -ms-animation: cog 5s infinite; 			 animation: cog 5s infinite; -webkit-animation-timing-function: linear;	 -moz-animation-timing-function: linear;		 -ms-animation-timing-function: linear; animation-timing-function: linear;   }
.polygon_img_l.polygon_img_right {	left: auto;	right: 0px;	width: 100px;	height: 110px;	background-size: 100px;	top: -10px;}
@media(min-width: 1279px) {
.polygon_img_l.polygon_img_right  {	right: -40px;}
}

.red_polygon {	width: 86px;	height: 106px;	background: url(assets/svg/polygon-red.svg) no-repeat center;	position: absolute;	left: 30px;	background-size: 100%;	z-index: 10;	margin-top: -35px;}
.p_ani { -webkit-animation: cog 5s infinite;			 -moz-animation: cog 5s infinite; -ms-animation: cog 5s infinite; 			 animation: cog 5s infinite; -webkit-animation-timing-function: linear;	 -moz-animation-timing-function: linear;		 -ms-animation-timing-function: linear; animation-timing-function: linear;  }
.red_polygon.red_polygon_right {	margin: -69px 0 0;	left: auto;	right: 30px;}
.red_polygon.fo_red_polygon {	margin-top: -52px;}

.home_request_form h2 {	font-size: 35px;	font-weight: 700;	text-align: left;	  font-family: "Google Sans", sans-serif;	line-height: 1;	margin: 0 0 8px;}
.home_request_form h2 span { color: #074224; }
.home_request_form form input[type="text"], .home_request_form form input[type="email"], .home_request_form form input[type="tel"]
{background: #FFFFFF; border: 1px solid #CACACA; border-radius: 2px; -webkit-border-radius: 2px; color: #333333; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal; padding: 0 20px; margin-bottom: 15px;
-webkit-border-radius: 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 55px;}

textarea {background: #FFFFFF; border: 1px solid #CACACA; border-radius: 2px; -webkit-border-radius: 2px; color: #333333; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal; padding: 15px 20px; margin-bottom: 15px;
-webkit-border-radius: 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 100px;  }


.home_request_form form input:hover, .home_request_form form input:focus {border: #F36F21 solid 1px;box-shadow: 0px 0px 15px rgb(255, 238, 211);}

form input.wpcf7-not-valid{ border-color: red !important;  }
form .wpcf7-not-valid-tip{ display: none; }
.home_request_form form input[type="submit"] {	background: #2765CF; box-shadow: 0px 0px 25px rgb(92 169 191 / 20%); border-radius: 5px;font-weight: normal;font-size: 22px;color: #fff;	text-transform: none;	width: 100%;	display: block;	height: 55px;	line-height: 1;	padding: 0 10px;margin: 0;	transition: all 0.3s ease-in-out;	-webkit-transition: all 0.3s ease-in-out; border-radius:5px; border: none !important;}
.home_request_form form input[type="submit"]:hover{ background-color: #092E6E;  box-shadow: 0px 0px 25px rgb(51 51 51 / 46%); -webkit-box-shadow: 0px 0px 25px rgb(51 51 51 / 46%);}
.home_request_form form .ajax-loader{ position: absolute; right: 0; bottom: 0; }
.home_request_form form p{position: relative;    font-family: "Google Sans", sans-serif;  font-weight: normal; color: #333333; font-size: 16px; line-height: 1.4; padding: 0 0 25px 0;}
.home_request_form form p a{color: #333333; text-decoration: underline;}
.home_request_form form .text-center p{ font-size: 18px; }
.home_request_form form .form_phone{ font-family: 'CiutadellaBold'; font-weight: normal; color: #333333; font-size: 22px; background: url(assets/svg/phone-black.svg) 0 center no-repeat; padding: 0 0 0 40px; position: relative; z-index: 1;}
.home_request_form form .form_phone:before{ content: ''; position: absolute; left: -10px; top: -5px; width: 34px; height: 34px; border-radius: 50%; -webkit-border-radius: 50%; background: #FFEDE4; z-index: -1; opacity: 0.5;}
.home_request_form .row {  }
.home_request_form .row .col-lg-3 { padding-left:8px; padding-right:8px; }
.home_request_form .sub_btn {	position: relative;	width: 100%;	margin: 10px 0 10px;}
.home_request_form .wpcf7-spinner {	position: absolute;}
.home_request_form .tc_box {   font-family: "Google Sans", sans-serif;  font-weight: normal; font-size: 14px; text-align: center;}


.social-review { 
/* 	background: #00326b; border-top: #6B9D84 solid 1px;  */
	padding: 30px 0; }
.social-review  .row { margin-left: -10px; margin-right: -10px; }
.social-review .col {  padding: 0 10px; width: 20%; }
.social-review .col .w-box {	width: 100%;	height: 85px;	background: #fff;	border-radius: 5px;	display: flex;	flex-wrap: wrap;	align-content: center;	justify-content: center;}

/********Commercial and Residential *********/

.residebtial_sec { padding: 160px 0 80px; overflow: hidden; }
.residebtial_sec h2 {text-align: center;  font-family: "Google Sans", sans-serif;color: #000;}
.residebtial_sec p { color: #333;    font-family: "Google Sans", sans-serif;  font-weight: normal;  line-height: 26px;}
.residebtial_sec center {	padding: 0 0 20px;}

ul.selectsolar-tabs {     margin: 0px auto 50px;    padding: 0;    display: table;    background: #fff;    border-radius: 54px;    border: #002652 solid 1px;}
ul.selectsolar-tabs li {
    border: 0;
    box-sizing: border-box;
    border-radius: 0;
    width: auto;
    height: auto;
    list-style: none;
    float: left;
    font-size: 18px;
	font-weight: 500;
    color: #333;
      font-family: "Google Sans", sans-serif;
    text-align: center;
    padding: 15px 45px;
    cursor: pointer;
    position: relative;
}

ul.selectsolar-tabs li::after { display: none;	content: ''; width: 20px;	height: 20px;	position: absolute;	background: #F36F21;	bottom: -11px;	left: 50%;	transform: rotate(45deg);	margin-left: -12px; opacity: 0; visibility: hidden;}
ul.selectsolar-tabs li.active::after { visibility: visible; opacity: 10; }
ul.selectsolar-tabs li.active {
    border-color: #002652;
    background: #002652;
    color: #fff;
    border-radius: 54px;
}
ul.selectsolar-tabs .home_icon {	position: absolute;	top: 7px;	left: 35px; z-index: 1;}	
ul.selectsolar-tabs .home_icon::before {	background: #FDD407;	width: 28px;	height: 28px;	border-radius: 100%;	content: '';	position: absolute;	z-index: -1;	left: -15px;	top: 3px;}
ul.selectsolar-tabs li.active .home_icon::before { background: #074224; }

ul.selectsolar-tabs .home_icon path { color: #000; fill: #000; }
ul.selectsolar-tabs li.active .home_icon path { color: #fff; fill: #fff; }
.residebtial_sec .selectsolar_container { padding: 0 0 10px; }
.residebtial_block_design .white_bg { cursor: pointer; box-sizing: border-box; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 8px; margin: 20px 15px 10px; padding: 30px 25px 25px;background: #FFF;border: 1px solid #D9CEC4;border-radius: 10px; box-shadow: 1px 1px 10px rgba(0,0,0,.2); border: 2px solid #fff;}

.residebtial_block_design .white_bg:hover {
    border: 2px solid #2765CF;
}

.selectsolar_content {
    max-width: 92%;
    margin: 0 auto;
}

.residebtial_block_design  .slick-list {margin: 0 -15px;}
.residebtial_block_design span.icon_blk {display: table;margin: 9px auto 10px; position: relative; max-width: 120px; }
/*.residebtial_block_design span.icon_blk::after {	content: '';	position: absolute;	width: 167px;	height: 167px;	background: url(assets/images/polygon-kw.png) no-repeat top left;	border-radius: 25px;	left: -40px; 	top: -26px;}*/
.residebtial_block_design span.icon_blk::after {	content: '';	position: absolute;	width: 80px;	height: 80px;	background: url(assets/images/polygon-kw.png) no-repeat top left;	border-radius: 25px;	left: -20px;	top: -16px;	background-size: 100%;}
/*.residebtial_block_design .kw_blk { margin-bottom: 20px; }*/
.residebtial_block_design .kw_blk span {font-size: 28px;display: block;	color: #000;	text-align: center;	  font-family: "Google Sans", sans-serif;line-height: 1;	font-weight: 700;}
.residebtial_block_design .kw_blk sup { font-size: 55%;  margin: 0 0 0 -7px;  position: relative;  top: -18px;}
.residebtial_block_design .home_blk {background: rgba(41,88,143,0.1);text-align: center;padding: 10px;border: #29588F solid 1px;border-radius: 6px;	margin: 0 0 18px; color: #29588F; font-size: 20px;    font-family: "Google Sans", sans-serif; }
.residebtial_block_design .content_kw{ padding-bottom: 15px; padding-top: 20px; border-top: 1px solid #ccc; }
.residebtial_block_design .content_kw ul { margin: 0px; padding: 0px; text-align: center; }
/*.residebtial_block_design .content_kw ul li { list-style: none; font-size: 18px; }*/
.residebtial_block_design .content_kw ul li {
    list-style: none;
    font-size: 15px;
    text-align: left;
    padding: 5px 0 5px 22px;
    font-weight: 500;
    color: #333;
	position: relative;
}

.residebtial_block_design .content_kw ul li::before {
    content: '\f058 ';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    color: #002652;
}

/* .residebtial_block_design .content_kw ul li + li { border-top:#ccc solid 1px; } */
.residebtial_block_design .link_more {	display: table;	margin: 0 auto;color: #000;font-size: 16px;text-decoration: underline !important; }
.residebtial_block_design .rq_btn {
    background: #fff;
    box-shadow: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #1b3264 ;
    height: auto;
    text-align: center;
      font-family: "Google Sans", sans-serif;
    padding: 10px 40px 10px;
    text-decoration: none;
    border: 1px solid #1b3264 ;
    display: table;
    margin: 0 auto;
}

.residebtial_block_design .white_bg:hover .rq_btn {
    background: #1b3264 ;
    color: #fff;
}
.residebtial_sec .selectsolar_container { position: relative;  }
.residebtial_sec .selectsolar_container::before {	content: '';	position: absolute;	width: 384px;	height: 384px;	background: url(assets/images/shap-round.png) no-repeat top left;	left: -159px;	top: -143px;	z-index: -1;	background-size: contain;}
.residebtial_sec .selectsolar_container::after {	content: '';	position: absolute;	width: 384px;	height: 384px;	background:#FEF5F5;		right: -139px;	bottom: -83px;	z-index: -1;	background-size: contain; border-radius:100% ;}
.residebtial_sec  .kw_price {padding: 25px 0 10px; margin: -25px -25px 0;	border-radius: 10px 10px 0 0;}


.residebtial_block_design span.icon_blk::after{  -webkit-animation: cog 5s infinite;			 -moz-animation: cog 5s infinite; -ms-animation: cog 5s infinite; 			 animation: cog 5s infinite; -webkit-animation-timing-function: linear;	 -moz-animation-timing-function: linear;		 -ms-animation-timing-function: linear; animation-timing-function: linear;   }

@-webkit-keyframes cog { 100%{ -webkit-transform: rotate(360deg)} }
@-moz-keyframes cog { 100%{ -webkit-transform: rotate(360deg)} }
@-ms-keyframes cog { 100%{ -webkit-transform: rotate(360deg)} }
@keyframes cog {
100%{   -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}
}

.residebtial_block_design .white_bg {    transition: 0.3s ease;}

.residebtial_block_design .rq_btn {    background: #1b3264 ;    color: #fff;    border: navajowhite; width: 100%; margin-bottom: 15px;}
.residebtial_block_design .rq_btn:hover { background:#002652; }
.residebtial_block_design .white_bg:hover .rq_btn {    background: #002652;    color: #fff;}
.residebtial_block_design .white_bg:hover .rq_btn {
    background: #002652;
    color: #fff;
}



/*******best_sec*********/

.best_sec { width: 100%; background: #fff; padding: 60px 0px 30px; overflow: hidden; position: relative;  z-index: 1;}
/*.best_sec::before {	content: '';	position: absolute;	top: 0;	width: 100%;	height: 108px;	background: url(assets/images/shap-t.jpg) top center;	z-index: -1;	background-size: 100% 108px;}
.best_sec::after {	content: '';	position: absolute;	bottom: 0;	width: 100%;	height: 108px;	background: url(assets/images/shap-b.jpg) bottom; center;	z-index: -1;	background-size: 100% 108px;}
*/
.best_sec h2{ text-align: center;    font-family: "Google Sans", sans-serif; }
.best_sec h2 strong { font-weight: 700; color: #1b3264 ; }
.best_sec center {	position: relative;	z-index: 2;	max-width: 1070px;	margin: 0 auto 31px;}
.best_sec  .heading-blk h3 {  font-size: 24px; color: #666;}
.best_sec .heading-blk h3 span {display: block;	color: #000;}


.best_sec .row { position: relative; z-index: 1; }
.best_sec center p { text-align: center; color: #333;  font-size: 17px;}
.best_sec .row {  padding: 20px 0px 50px; }
.best_sec .col-md-6 { margin-top: 20px; }
.best_sec .list_best {	list-style: none;	background: #FFFFFF;	border: 1px solid #D5D5D5;	box-sizing: border-box;	border-radius: 4px;	font-size: 22px;	  font-family: "Google Sans", sans-serif; 	font-weight: normal;	padding: 20px; height:100%; }
.best_sec .list_best .heading-blk  {	align-items: center; display: -webkit-box;display: -ms-flexbox;display: block;}

.best_sec .quote_btn {	display: block;	background: #074224;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	border-radius: 5px;	font-size: 18px;	color: #fff;	height: 60px;	text-align: center;	font-family: 'CircularStdBlack';	padding: 16px 0;	text-decoration: none;}
.buttom_center { max-width: 380px; margin: auto; }
.best_sec .icon_blk {	margin: -22px 14px 0 0;	width: 84px;}




/***************/

/* Brands We Install */
.brands_install .container { margin-top: 20px;	padding-top: 47px; padding-bottom: 60px; }

.brands_install h2 {   font-family: "Google Sans", sans-serif;color: #000;margin: 0px; padding: 0px 0px 10px;}
.brands_install p{font-size: 20px; color: #333333;}
.brands_install center { margin-bottom: 25px; }
.brands_install .brands-slider{}
.brands_install .brands-slider .brand_img {
    padding: 7px 0;
    margin: 12px 12px 6px;
    border-radius: 6px;
    cursor: pointer;
    border: #e7e7e7 solid 1px;
}
.brands_install .brands-slider .brand_img img {
   /* filter: gray;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .6;*/
	max-width: 90%;
    margin: 0 auto;
}
.brands_install .brands-slider .brand_img img:hover {
    filter: none;
    opacity: 1;
    -webkit-filter: grayscale(0);
}

.brands-slider .slick-arrow{ font-size: 0; text-indent: -999em; width: 60px; height: 60px; border: 1px solid #FF5500; background-color: #fff; padding: 0; background-position: center; background-repeat: no-repeat; position: absolute; bottom: 0;}
.brands-slider .item{ padding: 0; }
.brands-slider .slick-arrow.slick-prev{ background-image: url(assets/svg/arrow-left.svg); left: -400px;}
.brands-slider .slick-arrow.slick-next{ background-image: url(assets/svg/arrow-right.svg); left: -320px;}
.brands-slider .slick-arrow.slick-disabled{filter: grayscale(1); -webkit-filter: grayscale(1); opacity: 0.5; cursor: default;}
.slick-dots { text-align: center; margin: 0px; padding: 40px 0px 0px; }
.slick-dots li { list-style: none; display: inline-block; line-height: 6px; padding: 0; }
.slick-dots li button {	width: 15px;	height: 6px;	margin: 0 5px;	background: #C4C4C4;	overflow: hidden;	text-indent: 500px; border-radius: 6px;}
.slick-dots li.slick-active button { background: #e1a542; }

/* ===== Slick Modern Dots ===== */

.slick-dots{
    display:flex !important;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:35px;
    padding:0;
    list-style:none;
}

.slick-dots li{
    margin:0;
    padding:0;
    line-height:0;
}

.slick-dots li button{
    width:14px;
    height:14px;
    border-radius:50%;
    border:none;
    background:#c7c7c7;
    font-size:0;
    padding:0;
    cursor:pointer;
    position:relative;
    transition:all 0.35s ease; outline: none !important;
}

/* Hover Effect */
.slick-dots li button:hover{
    background:#7b86ff;
    transform:scale(1.15);
}

/* Active Dot */
.slick-dots li.slick-active button{
    width:42px; 
    border-radius:30px;
    background:linear-gradient(135deg, #1b3264 , #0036b0);
    box-shadow:0 4px 14px rgba(79,91,213,0.35);
}

/* Optional Glow Animation */
.slick-dots li.slick-active button::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:30px;
    animation:pulseDot 2s infinite;
}

@keyframes pulseDot{
    0%{
        box-shadow:0 0 0 0 rgba(79,91,213,0.4);
    }
    70%{
        box-shadow:0 0 0 10px rgba(79,91,213,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(79,91,213,0);
    }
}

/* Mobile */
@media(max-width:768px){

    .slick-dots{
        gap:10px;
        margin-top:25px;
    }

    .slick-dots li button{
        width:12px;
        height:12px;
    }

    .slick-dots li.slick-active button{
        width:34px;
    }
}




/* solar power specialists */
.power_specialist{ padding: 100px 15px 60px; text-align: center; background: linear-gradient(290.1deg, #0C2147 10.36%, #053DA2 86.81%); box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-border-radius: 6px; position: relative; z-index: 1; max-width: 1600px; margin:0 auto; width: 94%;}
.power_specialist:after{content: 'SB'; color: rgba(255, 255, 255, 0.1); font-size: 540px; font-family: 'Work Sans', sans-serif; font-weight: 600; position: absolute; right: 0; top: 0; line-height: 0.8; z-index: -1;}
.power_specialist .container{ max-width: 800px; }
.power_specialist h2{font-size: 50px;  font-family: "Google Sans", sans-serif;  font-weight: 700; margin: 0 0 30px; padding: 0; color: #fff;}
.power_specialist p{font-size: 22px; color: #fff;    font-family: "Google Sans", sans-serif;  font-weight: normal;}
.power_specialist p a{ color: #FF5500; }
.power_specialist .btn{ background: #FF5500; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); border-radius: 5px; -webkit-border-radius: 5px; font-size: 18px; color: #fff; text-transform: none; font-family: 'Arimo', sans-serif; font-weight: 700; padding: 14px 37px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin: 20px 0;}
.power_specialist .btn:hover{ background-color: #fff; color: #FF5500;}
.power_specialist .specialist_phone{ color: #fff; font-family: 'CiutadellaBold'; font-weight: normal; font-size: 22px; display: flex; align-items: center;}
.power_specialist .specialist_phone i{ line-height: 1; margin-right: 5px; position: relative; z-index: 1;}
.power_specialist .specialist_phone i img{filter: brightness(0) invert(1);}
.power_specialist .specialist_phone i:before{ content: ''; position: absolute; left: -10px; top: -5px; width: 34px; height: 34px; border-radius: 50%; -webkit-border-radius: 50%; background: rgba(255, 255, 255, 0.1); z-index: -1;}
.power_specialist .specialist_phone:hover{ text-decoration: none; }
.power_specialist .text-center{ max-width: 400px; margin:0 auto;  }
.power_specialist .text-center p{ color: #7C8D9E; font-size: 18px; }

/****payment_plans*****/
.payment_plans { padding-bottom: 0px; text-align: center; }

.payment_plans .wrapp {    background: #232926;    border-radius: 6px;    padding: 70px 60px;    position: relative;    z-index: 1;    overflow: hidden;    margin: auto;    width: 96%;    background-size: cover;    max-width: 1170px ;
position: relative;
background: #0C76EC;
background: -webkit-linear-gradient(90deg, rgba(12, 118, 236, 1) 0%, rgba(62, 170, 254, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(12, 118, 236, 1) 0%, rgba(62, 170, 254, 1) 100%);
background: linear-gradient(90deg, rgba(12, 118, 236, 1) 0%, rgba(62, 170, 254, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C76EC", endColorstr="#3EAAFE", GradientType=1); ;

}



.payment_plans  span.img_blk {    position: absolute;    right: 0;    bottom: 0;}
.payment_plans  span.img_blk {    position: absolute;    right: 0;    bottom: 0;    max-width: 492px;}
section.clarke-solar {    margin-bottom: 0px;}





/*.payment_plans .container::before {	background: url(assets/images/claim-img-left.png) no-repeat left top;	content: '';	width: 372px;	height: 311px;	position: absolute;	top: 0;	left: 0;	z-index: -1;}*/

.payment_plans .wrapp::after { content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.8);  position: absolute;  left: 0; top: 0; z-index: 0;}
.payment_plans h2 {  color: #fff;   font-family: "Google Sans", sans-serif;  margin-bottom: 15px; line-height:50px;  }
.payment_plans h2 strong { color: #fff ; }
.payment_plans p {	font-size: 18px;	color: #fff;	margin: 0 0 40px;}
.payment_plans ul {	margin: 0px 0px 30px;	padding: 0px;}
.payment_plans ul li {	list-style: none;	font-size: 20px;	margin: 0px 0px 8px;	padding: 0px;	position: relative;	padding-left: 30px; color: #fff;}
/*.payment_plans ul li::before {	content: '\f058 ';	font-family: 'FontAwesome';	position: absolute;	left: 0px;	color: #fff;} */
.more_link {width: 286px;height: auto;  background-color: #1b3264 ;); box-shadow: 0px 0px 25px rgb(92 169 191 / 20%);
border-radius: 5px; border: 2px solid transparent;box-sizing: border-box;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);border-radius: 5px;
    font-family: "Google Sans", sans-serif;font-size: 20px;line-height: 23px; display: inline-block; color: #fff !important; text-align: center; text-decoration: none !important;  padding: 16px 0;} 
.payment_plans  .humm_logo {	position: absolute;	right: 60px;	bottom: 63px;	width: 270px;}
.payment_plans .wrapp {	background-repeat: no-repeat;	background-position: right;}
.payment_plans .container {  max-width: 1148px; position: relative;  z-index: 9;}
.claim_payment_plans { padding: 70px 0 70px; }
.claim_payment_plans article { max-width: 735px; }
.claim_payment_plans p { color: #fff; font-size: 20px; margin: 0px; padding: 0px 0px 35px; }


/* Reviews */



.reviews_sec{ padding: 0 0 120px; background: #fff; position: relative; z-index: 1;}
.reviews_sec_original_mattress { padding: 60px 0; }
.reviews_sec_original_mattress  center {	padding: 0 0 40px !important;}

/*.reviews_sec::before {	content: '';	position: absolute;	top: 0;	width: 100%;	height: 108px;	background: url(assets/images/shap-t.jpg) top center;	z-index: -1;	background-size: 100% 108px;}
.reviews_sec::after {	content: '';	position: absolute;	bottom: 0;	width: 100%;	height: 108px;	background: url(assets/images/shap-b.jpg) bottom;	z-index: -1;	background-size: 100% 108px;}
*/
.reviews_link {  	width: 286px; 	height: 60px;	background: #fff;	border: 2px solid #074224;	box-sizing: border-box;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	border-radius: 5px;	font-family: 'CircularStdBlack';	font-size: 18px;	line-height: 23px;	display: inline-block;	color: #074224 ;	text-align: center;	text-decoration: none !important;	padding: 17px 0; }

.reviews_sec h2{  font-family: "Google Sans", sans-serif; text-align: center; color: #000; }
.reviews_sec p{ color: #333333; font-size: 17px;}
.reviews_sec .reviews_l{ padding: 40px 70px 70px 0; }
.review-slider .review_blk{background: #232725; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 8px; -webkit-border-radius: 8px; padding: 30px 50px 50px 55px; height: 100%;}
.reviews_sec .img_blk {	margin: 20px -233px 0 0;	display: block;	overflow: hidden;}
.review-slider .row {	align-items: center;}

.review-slider .review_blk .review_name{ display: flex; align-items: center; position: relative;}
.review-slider .review_blk .review_name:after {    content: '\f10d';    font-family: 'FontAwesome';    position: absolute;    right: 0;    opacity: 0.15;    color: #000;    transform: rotate(-180deg);    -webkit-transform: rotate(-180deg);    font-weight: normal;    font-size: 40px;    line-height: 1;    top: 6px;}
.review-slider .review_blk .review_name img{ margin-right: 20px; }
.review-slider .review_blk .review_name h6 {font-size: 18px;color: #1b3264 ;	  font-family: "Google Sans", sans-serif;font-weight: 700;margin: 0;	padding: 0;}
.review-slider .review_blk .review_name h6 span{ display: block; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal;}
.review-slider .review_blk .rating{ margin: 25px 0; }
.review-slider .review_blk p{ color: #fff; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal;}
.review-slider .item{ padding: 18px; }
.review-slider .slick-arrow{ font-size: 0; text-indent: -999em; width: 60px; height: 60px; border: 1px solid #C5C5C5; background-color: #fff; padding: 0; background-position: center; background-repeat: no-repeat; position: absolute; bottom: 100px;}
.reviews_sec .img_blk img {	border-radius: 10px;	}
.review-slider  h4 { font-size: 24px; color: #fff; font-weight: 500; }
.review-slider .review_blk .review_name h6 span {color: #fff;}
.review-slider .slick-arrow.slick-prev{ background-image: url(assets/svg/arrow-left.svg); left: 0px;}
.review-slider .slick-arrow.slick-next{ background-image: url(assets/svg/arrow-right.svg); left: 0px;}
.review-slider .slick-arrow.slick-disabled{filter: grayscale(1); -webkit-filter: grayscale(1); opacity: 0.5; cursor: default;}
.reviews_sec .row {	align-items: center; }
.reviews_sec center { padding: 25px 0 40px; max-width: 866px; margin: auto; }
.solar_business_bottom_text p{ text-align: left; color: #fff; margin: 30px 0 -30px 0px; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: normal;}
.review-slider  article {	min-height: 120px;	overflow: auto;	margin-right: -30px;	padding-right: 30px;}
.rating .fa {	font-size: 31px;	color: #F36F21;	display: inline-block;}
.rating .fa + .fa { margin-left:9px ; }
.faq_page_sec .accordion_call .fa-chevron-down { display: none; }

.review-slider .slick-arrow {width: 55px;height: 55px;}
.review-slider .slick-arrow.slick-next {	right: 18px;	bottom: -60px;	left: auto !important;	border-radius: 5px;}
.review-slider .slick-arrow.slick-prev {	left: auto !important;	right: 90px;	bottom: -60px;	border-radius: 5px;}


/**********/

.faq_sec  { padding:70px 0 70px; overflow: hidden; position: relative;}

.faq_sec h2 {  font-family: "Google Sans", sans-serif;	text-align: center;	color: #000000;	margin: 0px 0px 20px;	padding: 0px;	font-weight: 700;}
.faq_sec  center p{ font-size: 17px; max-width: 900px; margin: auto; }
.faq_sec  center  { padding-bottom: 45px; }
.faq_sec h2 span { color: #074224; }
.faq_sec .accordion_call {	width: 100%;}
.faq_sec  .accordion_call .acc__card {	background: #fff;	margin-bottom: 20px;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);  border-radius: 4px;}
.faq_sec .accordion_call .acc__title {	border-bottom: none;	padding: 15px 70px 15px 25px; position: relative;     font-size: 18px;
    font-weight: 500; color: #000;   font-family: "Google Sans", sans-serif;  cursor: pointer; background: url(assets/svg/arrow-bt.svg) no-repeat 96% center;}
.faq_sec .accordion_call .acc__title.active {background: url(assets/svg/arrow-bt.svg) no-repeat 96% center;}    
.faq_sec .accordion_call .i-blk {right: 25px; position:absolute;}
.faq_sec .accordion_call .acc__panel {background: #fff;	padding: 0px 0px;}
.faq_sec .accordion_call .acc__panel p {   font-family: "Google Sans", sans-serif;  font-size: 16px; color: #333;}
.faq_sec  ul, .faq_sec  ol { margin: 0px 0px 30px 30px; padding: 0px;    font-family: "Google Sans", sans-serif;  font-size: 16px; color: #333;}
.faq_sec  ul li, .faq_sec  ol li {   font-family: "Google Sans", sans-serif;  font-size: 16px; color: #333;}

.faq_sec  .accordion_call i.fa.fa-chevron-down {	color: #F50;}
.faq_sec .padd_in {	padding: 25px;	border-top: #f0f0f0 solid 1px;}
.faq_sec .accordion_call .acc__title.active span.i-blk {transform: translate(0, -50%) rotate(-180deg);	top: 50%;}
.faq_sec .accordion_call { padding:0px;margin:0px;}
.faq_sec  .acc__panel a {	color: #074224 !important;}
.faq_sec   .acc__panel { display:none;}

.faq_sec .acc {    max-width: 1024px;    margin: auto;}

body.page-id-176 .faq_sec ul { margin: 0px; padding: 0px; }
body.page-id-176 .faq_sec ul li { position: relative; list-style: none; position: relative; margin: 0px; padding: 0px 0px 0px 28px; margin-bottom: 10px; }
body.page-id-176 .faq_sec ul li::before {	content: '\f058 ';	font-family: 'FontAwesome';	position: absolute;	left: 0px;	color: #29588F; }
body.page-id-176 .faq_sec ul li a{ color: #333333 !important; font-size: 16px; text-decoration: none; }
body.page-id-176 .faq_sec ul li a:hover { color: #074224 !important; }




/* Request a free call */
.requestcall_sec{ padding: 90px 0 80px; }
.requestcall_sec .requestcall_con{background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);border-radius: 5px; -webkit-border-radius: 5px; display: flex; flex-wrap: wrap; max-width: 1142px; margin: 0 auto; position: relative; z-index: 1;}
.requestcall_sec .requestcall_con:before{ content: ''; position: absolute; left: -25px; top: -25px; background: linear-gradient(290.1deg, #0C2147 10.36%, #053DA2 86.81%); box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-border-radius: 6px; width: 504px; height: 462px; z-index: -1;}
.requestcall_sec .requestcall_con .requestcall_l{ width: 42%; padding: 50px;  background-color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.requestcall_sec .requestcall_con .requestcall_l h3{color: #333333; font-size: 30px; font-family: 'CiutadellaBold'; font-weight: normal; margin: 0 0 20px;}
.requestcall_sec .requestcall_con .requestcall_l h4{color: #333333; font-size: 24px;  font-family: "Google Sans", sans-serif;  font-weight: normal; margin: 0 0 25px;}
.requestcall_sec .requestcall_con .requestcall_l ul{ margin: 0; padding: 0; }
.requestcall_sec .requestcall_con .requestcall_l ul li{ margin: 0 0 15px; padding: 0 0 0 30px; list-style: none; background: url(assets/svg/list-icon.svg) 0 6px no-repeat; color: #333333;  font-family: "Google Sans", sans-serif;  font-weight: normal; font-size: 22px; line-height: 1.4;}
.requestcall_con .requestcall_r{background: #F4F4F4; width: 58%; padding: 40px 40px 10px 65px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.requestcall_con .requestcall_r h2{ font-size: 45px; color: #333;  font-family: "Google Sans", sans-serif;  font-weight: normal;}
.requestcall_con .requestcall_r p{ color: #000; font-size: 22px;}
.requestcall_r form input[type="text"], .requestcall_r form input[type="email"], .requestcall_r form input[type="tel"]{ color: #333; font-size: 16px;    font-family: "Google Sans", sans-serif;  padding: 10px 20px; background: #FFFFFF; border: 1px solid #CACACA; border-radius: 4px; -webkit-border-radius: 4px; height: 55px; margin-bottom: 20px;}
.requestcall_r form input[type="submit"]{ background: #FF5500; box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46); -webkit-box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46); border-radius: 4px; -webkit-border-radius: 4px; font-size: 18px;   font-family: "Google Sans", sans-serif;  font-weight: normal;  text-transform: none; display: block; width: 100%; height: 60px; margin: 15px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.requestcall_r form input[type="submit"]:hover{ background-color: #333;  box-shadow: 0px 0px 25px rgb(51 51 51 / 46%);  -webkit-box-shadow: 0px 0px 25px rgb(51 51 51 / 46%);}
.requestcall_con .requestcall_r form p.disclaimer{ color: #333333; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal;  line-height: 1.4;}
.requestcall_r form p{  position: relative;}
.requestcall_r form .ajax-loader{ position: absolute; right: 0; bottom: 0; }
.requestcall_r form input.wpcf7-not-valid{ border-color: red !important;  }
.requestcall_r form .wpcf7-not-valid-tip{ display: none; }

.radio-blk{ margin-bottom: 25px; }
.radio-blk .wpcf7-radio { display: flex; justify-content: space-between;}
.radio-blk .wpcf7-list-item{ display: block; position: relative; margin: 0; padding: 8px 23px; }
.radio-blk .wpcf7-list-item .wpcf7-list-item-label{ display: block; color: #000000;    font-family: "Google Sans", sans-serif;  font-size: 16px; text-align: center; padding:7px 0; position: relative;     }
.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;}
.radio-blk .wpcf7-list-item .radio-wrap .radio-box{ width: 100%; height: 100%; background: #FFFFFF; border: 1px solid #CACACA; border-radius: 4px; -webkit-border-radius: 4px;}
.radio-blk .wpcf7-list-item .radio-wrap .radio-box::before{ display: none; }
.radio-blk [type=radio]:checked + .radio-box {    background-color: rgba(255, 85, 0, 0.25);  border-color: rgba(255, 85, 0, 0.25);}
.radio-blk label{ margin: 0; padding: 0; }
.check-wrap{ position: absolute; margin-right: 10px; display: inline-block; vertical-align: middle; left: 0; top:0;}
.check-box {width: 20px; height: 20px; background: #F7F7F7; display: inline-block; cursor: pointer; position: relative; top: 0; border: 2px solid #919194; border-radius: 6px; -webkit-border-radius: 6px; }
.check-wrap [type=radio]:checked + .check-box:before {content: ''; display: block; width: 8px; height: 18px; margin-left: 20px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); transition: 0.1s; margin: auto; position: relative;
    top: 3px;} 
.check-wrap [type=radio]:checked + .check-box {background-color: #2765CF; border-color: #2765CF; transition: 0.5s; }
.radio-wrap{ position: absolute; margin-right: 10px; display: inline-block; vertical-align: middle; left: 0; top:0;}
.radio-wrap input[type="radio"] { opacity: 	0; position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer; margin: 0; padding: 0;}
.radio-box {width: 25px; height: 25px; background: #F7F7F7; display: inline-block; cursor: pointer; position: relative; top: 0; border: 2px solid #919194; border-radius: 50%; -webkit-border-radius: 50%; }
[type=radio]:checked + .radio-box:before {content: ''; display: block; width: 7px; height: 14px; margin-left: 20px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); transition: 0.1s; margin: auto; position: relative;
    top: 3px;} 
[type=radio]:checked + .radio-box {background-color: #2765CF; border-color: #2765CF; transition: 0.5s; }

/* Our Blogs */
.ourblog_sec{ padding: 0 0 80px; background: url(assets/images/bg-shape.png) center -80% no-repeat;}
.ourblog_sec.blog-list { background: none; padding: 60px 0;  }
.ourblog_sec h2{ font-size: 45px;font-family: 'CiutadellaSemiBold'; font-weight: normal; color: #333; text-align: center; margin: 0 0 50px;}
.ourblog_sec .latestblog-blk{ display: block; position: relative; }
.ourblog_sec .latestblog-blk .latestblog-img{ display: block; }
.ourblog_sec .latestblog-blk .latestblog-img img{box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); border-radius: 10px; -webkit-border-radius: 10px;}
.ourblog_sec span.latestblog-img {    height: 400px;}


.latestblog-slide .item{ padding: 20px 15px; }
.latestblog-blk .latestblog-detail{ position: absolute; left: 0; top: 0; padding: 30px; width: 100%; height: 100%;}
.latestblog-blk .latestblog-detail em{ color: #FFFFFF;  font-size: 16px;  font-family: "Google Sans", sans-serif;  font-weight: normal; font-style: normal; margin-bottom: 15px; display: block;}
.latestblog-blk .latestblog-detail em i{font-style: normal;}
.latestblog-blk .latestblog-detail h4{ color: #FFFFFF; font-size: 26px;  font-family: "Google Sans", sans-serif;  font-weight: normal; }
.latestblog-blk .latestblog-detail .btn{ font-size: 18px;    font-family: "Google Sans", sans-serif;  font-weight: normal; color: #fff; text-decoration: underline; background: none; padding: 0; text-transform: none; position: absolute; left: 30px; bottom: 30px;}

.ourblog_sec .latestblog-blk{ display: block; position: relative; }
.ourblog_sec .latestblog-blk .latestblog-img{ display: block; }
.ourblog_sec .latestblog-blk .latestblog-img::after {	content: '';	position: absolute;	background: rgba(0,0,0,0.5);	width: 100%;	height: 100%;	top: 0; left: 0px;	border-radius: 8px;}
.ourblog_sec .latestblog-blk .latestblog-img img{box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); border-radius: 10px; -webkit-border-radius: 10px;     width: 100%;
    height: 100%;    object-fit: cover;}
.latestblog-slide .item{ padding: 20px 15px; }
.latestblog-blk-page .latestblog-detail{ position: absolute; left: 0; top: 0; padding: 30px; width: 100%; height: 100%;}
.latestblog-blk-page .latestblog-detail em{ color: #FFFFFF;  font-size: 16px;  font-family: "Google Sans", sans-serif;  font-weight: normal; font-style: normal; margin-bottom: 15px; display: block;}
.latestblog-blk-page .latestblog-detail em i{font-style: normal;}
.latestblog-blk-page .latestblog-detail h4{ color: #FFFFFF; font-size: 26px;  font-family: "Google Sans", sans-serif;  font-weight: normal; }
.latestblog-blk-page .latestblog-detail .btn{ font-size: 18px;    font-family: "Google Sans", sans-serif;  font-weight: normal; color: #fff; text-decoration: underline; background: none; padding: 0; text-transform: none; position: absolute; left: 30px; bottom: 30px;}


.blog-list [class*="col-"] { margin-bottom:30px;  }
.blog-list .touch_form [class*="col-"] { margin-bottom:0px;  }

.blog-list h1 {	margin: 0px 0px 50px;	padding: 0px;	font-size: 35px;	  font-family: "Google Sans", sans-serif; 	font-weight: normal; color: #29588F;}

.ourblog_sec.blog-list .entry-header {	text-align: center;}

.navigation-page {	text-align: center; width:100%;}
.navigation-page ul { margin:0px; padding:0px;}
.navigation-page ul li { display:inline-block; margin:0px; padding: 0px;  background: none !important; }
.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 #074224;	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:#FF7400;}
.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%;		margin-bottom: 38px;}
.single-list .post-thumbnail img { width:100%; height:100%;object-fit: cover; }
.single-list .single-post-dv {	max-width: 100%;	padding: 60px 30px 40px; }
.single-list .single-post-dv p {	color: #505050;	font-size: 15px;	font-weight: normal;	margin: 20px 0px 20px;	line-height: 27px;}
.single-list .single-post-dv ul {	margin: 0px;	padding: 20px 0px 0px 24px;}
.single-list  .single-post-dv ul li{font-size: 20px;	font-weight: 300;	margin: 0px 0px 0px;	line-height: 32px; color: #505050;	 list-style:none;}
.single-list .b_left h3 { color:#092E6E; font-size:24px; 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;}

.single-list .single-post-dv ul {	margin: 0 0 0px;	padding: 0;}
.single-list .single-post-dv ul li {	margin: 0;	padding: 0 0 0 30px;		font-weight: normal;	line-height: 25px;	color: #505050;	margin-bottom: 10px;	background: url(assets/images/check-icon.png) 0 5px no-repeat;	list-style: none;	background-size: 15px;	color: #505050;font-size: 15px;}
#secondary section + section {	margin-top: 25px;}

.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: #092E6E;	line-height: 28px;	text-decoration: none !important;	text-transform: uppercase; font-weight:700;	}

.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%;}

.recent-post-nav { background: #FFFFFF ;box-shadow: 0px 0px 20px #0000000D;border: 1px solid #E9E9E9;border-radius: 10px;opacity: 1; padding:30px; overflow: hidden;}  
#secondary .recent-post-nav .widget-title {	font-size: 20px;	font-weight: normal;	line-height: 28px;	text-transform: uppercase;	margin: -30px -30px 20px;	padding: 17px 0 0px;	height: 60px;	color: #fff;	border-radius: 5px 5px 0 0;}

.recent-post-nav ul { margin:0px; padding:0px;}
.recent-post-nav ul li { list-style:none;}
.recent-post-nav ul li + li { margin-top:8px;}
.recent-post-nav ul li a{ font-size:16px;  font-weight:normal; color:#555; text-decoration:none !important; line-height:1.1;}
.request_callback_text_blog {	margin-top: 0px;	position: sticky;	/*top: 140px;*/}
@media(min-width:1200px) {
.single-list .col-lg-8 {	width: 58.6%;}
.single-list .col-lg-4 {	width: 41.4%;}
}


.single-list #secondary{ margin-top: 30px; }
.single-list #secondary h3 {	background: linear-gradient(290.1deg, #29588F 10.36%, #20426A 86.81%);	font-size: 24px;	color: #fff;	padding: 12px 36px;	margin: 0px; text-align: center; color: #fff;}
.single-list #secondary h3 {	margin: -30px -30px 19px -30px;}

.widget_categories ul { margin:0px; padding:0px;}
.widget_categories ul li { line-height:28px;	list-style: none;	text-align: right;	padding: 13px 0;	border-bottom: #D5D5D5 solid 1px;	color: #074224	;	font-size: 17px;	font-weight: normal;	line-height: 1.1;     }

.widget_categories a {	font-size: 17px;	color: #26003F !important;	text-decoration: none !important;	font-weight: 500; float:left; }

.Slide_banner_form { background:#F9EEFE; border-radius:27px; padding:35px 27px; overflow:hidden; position:relative; z-index:1;}
.Slide_banner_form::before {		content: '';	position: absolute;	left: -15px;	top: -30px;	width: 239px;	height: 316px;	z-index: -1;}

.Slide_banner_form br { display:none;}
.Slide_banner_form p{ margin:0px; padding:0px;}
.Slide_banner_form  h2.widget-title {	color: #8C19A8 !important;	font-size: 25px !important;	font-weight: 700;}
.Slide_banner_form label {	font-size: 13px;	color: #707070; text-transform:uppercase; font-weight:600;}
.Slide_banner_form .wpcf7-form-control-wrap {	display: block;	margin: 5px 0 0;}
.Slide_banner_form label span { color:#FF0000;}
.Slide_banner_form input[type="text"], .Slide_banner_form input[type="email"], .Slide_banner_form input[type="tel"] { width:100%; height:54px; border-radius:70px; height:57px; border:none; padding:0 20px;} 
.Slide_banner_form .wpcf7-form-control.wpcf7-submit {
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c20a74+0,99159b+100 */
background: rgb(194,10,116); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(194,10,116,1) 0%, rgba(153,21,155,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(194,10,116,1) 0%,rgba(153,21,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(194,10,116,1) 0%,rgba(153,21,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20a74', endColorstr='#99159b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		width: 187px;	height: 57px;	margin: 18px 0 0px;	border-radius: 75px;	font-size: 15px;	font-weight: 600;}
#secondary .Slide_banner_form  .widget-title {	font-weight: 600;	margin: 0;	padding: 0 0 24px;	line-height: 1;}

.blog-list { padding: 60px 0; }
.blog-list .entry-header { text-align: center; }
.blog-list  #secondary .wp-post-image {	width: 50px;	border-radius: 6px;	height: 50px;}
.blog-list h1, .blog-list h2, .blog-list h3, .blog-list h4, .blog-list h5 {	font-weight: normal;	}
.blog-list #secondary .rpwwt-widget ul li a .rpwwt-post-title{ font-weight: normal;  color: #4E4E4E;}


.single-list .wp-block-image img {	max-width: 100%;	border-radius: 27px;}
.single-list .tag_right {	float: right;	text-align: right;}
.single-list .fb-like.ssb-fb-like {	display: none !important;}
.single-list .tag_right button { border:none !important; background:none !important; color:#848CC4 !important; padding-left: 27px !important;}
.single-list div.simplesocialbuttons { margin-top:0px !important;}

.single-list .buttons { margin-top:20px;}

.button-blog-n-b { overflow:hidden;}
.button-blog-n-b .previous-button { float:left;}
.button-blog-n-b .next-button { float:right;}
.previous-button a {	color: #074224;	font-size: 20px;	text-decoration: none !important;	display: block;	font-weight: normal;	width: 120px;	height: 50px;	border: #074224 solid 1px;	border-radius: 4px; padding: 10px 0; text-align: center;}
.next-button a {	color: #074224;	font-size: 20px;	text-decoration: none !important;	display: block;	font-weight: normal;	width: 120px;	height: 50px;	border: #074224 solid 1px;	border-radius: 4px;padding: 10px 0; text-align: center;}
.button-blog-n-b {	overflow: hidden;	margin-top: 20px;}

.single-list .post-thumbnail {	margin: -60px -30px 35px;	width: auto;	border-radius: 11px 11px 0 0;}
.widget_categories  ul li a {  color: #4E4E4E !important	; }

@media(max-width:767px) {
.blog-list .c_padd {   padding: 15px 15px 27px;}
.blog-list h2 a { font-size:16px;}
.blog-list .entry-content { font-size:16px; line-height:25px;}
.blog-list .read-link-b {font-size: 16px; padding: 14px 0 0 !important;}
.single-list .single-post-dv { padding:60px 15px 40px;}
.single-list .single-post-dv p {    font-size: 16px; line-height: 25px;}
.single-list .single-post-dv ul { padding:20px 0px 0px 13px}
.single-list .single-post-dv ul li { font-size:16px; line-height:25px;}
.button-blog-n-b { margin-bottom:30px;}
.recent-post-nav { padding:20px;}
.recent-post-nav ul li a { font-size:16px;}
}

#blog { 	margin-bottom: 0px; background: #F3F5FA url(assets/images/b-img.png) no-repeat bottom center; border-top:#7F92BE solid 2px;  padding: 70px 0;}
#blog.blog-list h2 { display: block; margin: 0px 0px 20px; padding: 0px; font-size: 45px; color: #333333; }
#blog .entry-title {	font-size: 22px;	font-weight: 700;	margin: 0;	padding: 10px 0 17px; display: block; margin: 0px;}
#blog  .b_link {	color: #0D3692 !important;	font-size: 18px;	text-decoration: none !important;}

.single-list .entry-header { max-width: 800px;  margin:auto;  }
.single-list .entry-header {	max-width: 100%;	margin: auto;	text-align: center;	padding: 12px 0 30px;}
.single-list .b_left h2{ font-size: 24px; color: #333; text-transform: inherit;;  }



/*********/


/*--------- Solar System Page ------------*/
.banner_price_row{ clear: both; overflow: hidden; padding-bottom: 80px;}
.banner_price_row .banner_price .old-price{ color: #FFFFFF; font-size: 24px; font-family: 'CiutadellaBold'; font-weight: normal; text-decoration: line-through; display: block; padding: 0 3px;}
.banner_price_row .banner_price .save-price{ background: #55A027; border-radius: 5px; -webkit-border-radius: 5px; color: #FFFFFF; font-size: 24px; font-family: 'CiutadellaBold'; font-weight: normal; display: block; padding: 5px 20px;}
.banner_price_row .banner_price .new-price{ display: block; color: #FFFFFF; font-size: 65px; font-family: 'CiutadellaBold'; font-weight: normal; background: #FF5500; border-radius: 5px; -webkit-border-radius: 5px; line-height: 1; padding: 9px 14px; display: block; width: 100%; text-align: center; margin-top: -5px;}
.inner_banner .banner_price_row .banner_con{ margin-left: 255px; }
.inner_banner .banner_price_row .banner_con ul{ margin: 0; padding: 0; }
.inner_banner .banner_price_row .banner_con ul li{ list-style: none; margin: 0 0 7px; padding: 0 0 0 35px; color: #FFFFFF; font-size: 18px; position: relative;}
.inner_banner .banner_price_row .banner_con ul li:before{ content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background: url(assets/svg/list-icon.svg) center no-repeat; filter: brightness(0) invert(1);     background-size: contain;}
.inner_banner .banner_bottom_text{ color: #fff; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: normal; position: absolute; left: 0; bottom: 10px; padding: 15px;}
.inner_banner .request_form{ margin-bottom: -180px; display: block; float: right; box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.1);} 

.breadcrumbs{background: #FFF7F3; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08); padding: 10px 0; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal; color: #333333; border-bottom: 1px solid #CCBDB5;}
.breadcrumbs span{ margin: 0 5px; }
.breadcrumbs span.post{color: rgba(119, 119, 119, 0.85);}
.breadcrumbs span a{color: #333333;}
.breadcrumbs span:first-child{ margin-left: 0; }


.so_system_con{ padding: 40px 0; }
.so_system_con h1{color: #000000; font-size: 35px;    font-family: "Google Sans", sans-serif;  font-weight: normal; margin: 0 0 15px; padding: 0;}
.so_system_con p{color: #333333; font-size: 20px;}

.panel_blocks{ margin: 60px 0; }
.panel_blocks .panel_row{background: #FFFEFD; border: 1px solid #CCBDB5; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 30px; display: flex; flex-wrap: wrap; overflow: hidden;}
.panel_blocks .panel_row .panel_img{ display: block; }
/*.panel_blocks .panel_row .panel_img img{ border-radius: 50%; -webkit-border-radius: 50%; }*/
.panel_blocks .panel_row .panel_col{ padding: 25px 0; }
.panel_blocks .panel_row .panel_col:nth-child(1){ width: 22%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} 
.panel_blocks .panel_row .panel_col:nth-child(2){ width: 51%; }
.panel_blocks .panel_row .panel_col:nth-child(3){ width: 27%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background: #FFF7F3; border-left: 1px solid #CCBDB5;}
.panel_blocks .panel_row .panel_col h3{ font-size: 24px; color: #333; font-family: 'CiutadellaBold'; font-weight: normal; line-height: 1.4;}
.panel_blocks .panel_row .panel_col h3 span{ display: block; color: #FF5500; font-size: 18px;    font-family: "Google Sans", sans-serif;  font-weight: normal;}
.panel_blocks .panel_row .panel_col ul{ margin: 0; padding: 0; display: inline-block; vertical-align: top; width: 49%;}
.panel_blocks .panel_row .panel_col ul li{ margin: 0 0 5px; padding: 0; list-style: none; color: #333333; font-size: 16px;}
.panel_blocks .panel_row .panel_col .btn{background: #FF5500; box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.2); -webkit-box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.2); border-radius: 2px; -webkit-border-radius: 2px; text-transform: none; font-size: 22px;  font-family: "Google Sans", sans-serif;  font-weight: normal; padding: 11px 40px;}
.panel_blocks .panel_row .panel_col .btn:hover{ background-color: #333; }


.freequote-popup{ background: none !important; padding: 25px !important; max-width: 530px !important;}
.freequote-popup .freequote_form{ background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-border-radius: 6px; padding: 30px 35px;}
.freequote-popup .freequote_form h2{ color: #333333; font-size: 30px;   font-family: "Google Sans", sans-serif; margin: 0 0 5px; padding: 0;}
.freequote-popup .freequote_form p{color: #333333; font-size: 18px;    font-family: "Google Sans", sans-serif;  font-weight: normal; margin-bottom: 20px;}
.freequote_form form input[type="text"], .freequote_form form input[type="email"], .freequote_form form input[type="tel"]{background: #FFFFFF; border: 1px solid #CACACA; border-radius: 2px; -webkit-border-radius: 2px; color: #333333; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal; margin-bottom: 15px; padding: 17px 20px; transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;}
.freequote_form form input:focus{box-shadow: 0px 0px 15px rgba(40, 79, 219, 0.35); -webkit-box-shadow: 0px 0px 15px rgba(40, 79, 219, 0.35); border-color: #FF5500; background-color: #F8F8F8;}
.freequote_form form input[type="submit"]{background: #FF5500; box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46); -webkit-box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46);    font-family: "Google Sans", sans-serif;  font-weight: normal; font-size: 18px; color: #fff; text-transform: none; width: 100%; display: block; height: 55px; line-height: 55px; padding: 0 10px; margin: 10px 0 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.freequote_form form input[type="submit"]:hover{ background-color: #333;  box-shadow: 0px 0px 25px rgb(51 51 51 / 46%); -webkit-box-shadow: 0px 0px 25px rgb(51 51 51 / 46%);}
.freequote_form form .ajax-loader{ position: absolute; right: 0; bottom: 0; }
.freequote_form form input.wpcf7-not-valid{ border-color: red !important;  }
.freequote_form form .wpcf7-not-valid-tip{ display: none; }
.freequote-popup .freequote_form form p.formtext{ font-size: 12px;    font-family: "Google Sans", sans-serif;  font-weight: normal; margin: 0; color: #333;}
.freequote-popup .freequote_form form p.formtext a{ color: #333; text-decoration: underline;}
.freequote-popup .freequote_info{ display: flex; justify-content: space-around; background: #EFEFEF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-border-radius: 6px; margin-top: 15px; padding: 8px 5px;}
.freequote-popup .freequote_info .popup_call{ color: #333333;   font-family: "Google Sans", sans-serif;  font-weight: normal; font-size: 20px; display: flex; align-items: center;}
.freequote-popup .freequote_info .popup_call i{ line-height: 1; margin-right: 5px; position: relative; z-index: 1;}
/*.freequote-popup .freequote_info .popup_call i:before{ content: ''; position: absolute; left: -10px; top: -5px; width: 34px; height: 34px; border-radius: 50%; -webkit-border-radius: 50%; background: rgba(255, 255, 255, 0.1); z-index: -1;}*/
.freequote-popup .freequote_info .popup_call:hover{ text-decoration: none; }

.freequote-popup .freequote_info .popup_email{ color: #333333;   font-family: "Google Sans", sans-serif;  font-weight: normal; font-size: 16px; display: flex; align-items: center;}
.freequote-popup .freequote_info .popup_email i{ line-height: 1; margin-right: 12px; position: relative; z-index: 1;}
.freequote-popup .freequote_info .popup_email:hover{ text-decoration: none; }
.freequote-popup .fancybox-button{background: #FF5500; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; opacity: 1; padding: 5px !important;}
.freequote-popup .fancybox-button svg{ color: #fff; }

/****************/

.inner_page { padding: 60px 0; }
.inner_page .entry-header { text-align: center; }
.inner_page h1 { margin: 0px 0px 50px; padding: 0px;  font-size: 45px;   font-weight: normal;}
.inner_page h2 { margin: 0px 0px 15px; padding: 0px; font-size: 35px;   font-weight: normal; line-height: 1; }
.inner_page ul {  margin:0px 0px 15px; padding: 0px;  }
.inner_page ul li {	list-style: none;	background: url(assets/images/check-icon.png) no-repeat 0px 3px;	padding: 0 0 0 28px; margin-bottom:8px;  }
.inner_page h1,.inner_page h2,.inner_page h3,.inner_page h4,.inner_page h5 { font-weight: normal;   }

.about-left {	display: inline-block; position: relative;}
.about-left .wp-block-image { display: inline-block; }
.about-left img {	border-radius: 6px !important;	box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);}
.about-img { position: relative; position: relative; z-index: 1; }
.about-img::before {	width: 338px;	height: 338px;	background: #FF5500;	right: -20px;	bottom: -20px;	content: '';	position: absolute;	z-index: -1;	border-radius: 8px;}
.about-small {    position: absolute;    right: 0;    z-index: 2;    top: 250px;    margin: 0;}
.about-small img { border: #ED4F00 solid 4px; }
.contact_page p.title3 { margin-bottom: 40px;} 
.contact_page p.title3 strong {  color: #FF5500; font-weight: normal; font-size: 18px;     }
.contact_page h1 { margin:0px 0px 15px;  }
.contact_page .contact_info {	max-width: 618px;}
.contact_info p { font-size: 18px; margin: 0px 0px 30px; padding: 0px; }
.contact_page .map_blk {	border: #EDDCD4 solid 1px;	overflow: hidden;	border-radius: 6px;	box-shadow: 0 0 35px rgba(0,0,0,0.1);	margin: 60px 0 34px; }

.contact_box {	border: #EDDCD4 solid 1px;	border-radius: 6px;	padding: 21px;}
.contact_box p{ margin: 0px; padding: 0px; }
.contact_box h5 { font-family: 'CiutadellaMedium'; font-size: 20px; color: #000000; font-weight: normal; margin:0px; padding: 0px 0px 6px;}
.contact_page .address_box { margin-bottom: 30px; padding-left:70px; background: url(assets/images/map.png) no-repeat 20px center;  }
.contact_page .phone_box {padding-left:70px; background: url(assets/images/c-phone.png) no-repeat 15px center;  }
.contact_page .email_box {padding-left:70px; background: url(assets/images/e-email.png) no-repeat 15px center;  }

.touch_form { background: #FFF7F3; border: #DED7D4 solid 1px; border-radius:8px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08) ; overflow: hidden;	    }
.touch_form h3 {background: linear-gradient(290.1deg, #29588F 10.36%, #20426A 86.81%);	font-size: 24px;	color: #fff;	padding: 12px 10px;	margin: 0px;	text-align: center;}
.touch_form .padd {	padding: 35px;}
.touch_form input[type="text"],.touch_form input[type="tel"],.touch_form input[type="email"] { width: 100%; height: 55px; border: #D5D5D5 solid 1px; margin-bottom: 22px; font-size: 18px;
padding: 2px 0 0 21px; -webkit-border-radius: 4px; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.touch_form input:hover, .touch_form input:focus { border: #FF5500 solid 1px; box-shadow: 0px 0px 15px rgba(40, 79, 219, 0.35); } 

.touch_form form input[type="submit"] {	background: #074224;	box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46);	-webkit-box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46);	font-family: 'CiutadellaBold';	font-weight: normal;	font-size: 22px;	color: #fff;	text-transform: none;	width: 100%;	display: block;	height: 60px;	line-height: 60px;	padding: 0 10px;	margin: 10px 0 20px;	transition: all 0.3s ease-in-out;	-webkit-transition: all 0.3s ease-in-out; border: none;}
.touch_form form input[type="submit"]:hover {    background-color: #333;    box-shadow: 0px 0px 25px rgb(51 51 51 / 46%);    -webkit-box-shadow: 0px 0px 25px rgb(51 51 51 / 46%);}
.touch_form  form .ajax-loader {	position: absolute;	right: 0;	bottom: 0;}
.touch_form form p {	position: relative;	   font-family: "Google Sans", sans-serif; 	font-weight: normal;	color: #333333;	font-size: 16px;	line-height: 1.4;}
.touch_form form p a {	color: #333333;	text-decoration: underline;}
.contact_page .touch_form { margin-top:20px;  }




/************/

.inner_banner .resi_blk h1 { margin:0px; padding: 0px;  }
.inner_banner .resi_blk p{ font-size: 18px; color: #fff; font-family: 'CiutadellaMedium'; font-weight: normal; padding: 15px 0;  }
.inner_banner .resi_blk ul { margin:0px;  }
.inner_banner .resi_blk ul li {	list-style: none;	margin: 0 0 7px;	padding: 0 0 0 35px;	color: #FFFFFF;	font-size: 18px;	position: relative;}
.inner_banner .resi_blk ul li::before {	content: '';	position: absolute;	left: 0;	top: 3px;	width: 20px;	height: 20px;	background: url(assets/svg/list-icon.svg) center no-repeat;	filter: brightness(0) invert(1);	background-size: contain;}

.residential_page {   font-family: "Google Sans", sans-serif;  font-size: 16px;  }
.residential_page h5 {font-family: 'CiutadellaMedium'; font-weight: normal; font-size: 20px; color: #333;}
.residential_page h2 {font-family: 'CiutadellaMedium'; font-weight: normal; font-size: 35px; color: #333;}
.residential_page p { font-weight: normal; font-size: 16px; line-height: 28px; color: #333;}
.residential_page  .gab_block {	max-width: 530px;	float: right;	height: 100px;	width: 100%;}
.whysolar_row.residential_system_sec {	padding: 0; margin: 0 -20px;}

.whysolar_row.residential_system_sec .whysolar_blk {	width: calc(25% - 20px);	background: #FFFFFF;	border: 1px solid #D5D5D5;	-webkit-border-radius: 4px;	padding: 30px 20px 25px;	margin: 0px 10px 10px;}
.whysolar_sec .whysolar_row.residential_system_sec .whysolar_blk h3 {    max-width: 190px;    margin: auto;}
.whysolar_sec .whysolar_row.residential_system_sec .whysolar_blk .whysolar_icon { min-height: 94px;/ }

/*********/
.page-id-9 .switchsolar_sec.commercial_sec {display: none;}
.page-id-11 .switchsolar_sec.residential_sec {display: none;}
/************/

.thank_banner { padding-bottom: 50px;   }
.thank_banner p strong { font-family: 'CiutadellaMedium'; font-weight: normal; color: #FF5500; font-size: 18px;}
.thank_banner p{max-width: 500px;}





/* Mobile Number*/
.quick-alo-phone .quick-alo-show{visibility:visible}
.quick-alo-phone{position:fixed;visibility:hidden;background-color:transparent;height:200px;width:82px;height:64px;right:150px;top:60%;cursor:pointer;z-index:200000!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s}
.quick-alo-phone .quick-alo-green .quick-alo-ph-circle{border-color:#ff5500;opacity:.5}
.quick-alo-ph-circle{position:absolute;width:160px;height:160px;top:50px;left:50px;border:2px solid #ff5500;background-color:transparent;border-radius:100%;opacity:.1;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;transform-origin:50% 50%}
.quick-alo-phone .quick-alo-green .quick-alo-ph-circle-fill{background-color:#f6ca62;opacity:.75!important}
.quick-alo-ph-circle-fill{position:absolute;width:100px;height:100px;top:80px;left:80px;background-color:rgba(255,85,0,.5);border-radius:100%;border:2px solid transparent;opacity:.1;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;transform-origin:50% 50%}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle{background-color:#ff5500}
.quick-alo-ph-img-circle{position:absolute;width:60px;height:60px;top:100px;left:100px;background:#ff5500 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrklEQVRYR82XjTEEQRCFX0dABlwEiAARkAEyIAJEoERACETARUAIJwIyeOqptfbm5qeP3lpTdVVXVzPd3/R0v+4zTLxsYv/4XwAkrwDsV6JyZmaLyKj1ESB5AOCpYfzazAQZttYFuDWz8zDvwE8OkNwF8NIwvjCz2SgAMkqSDuOzyDxYqgKSrwB2GhBKxHsHqGtLCiDDJ42Tj2Z27LLu2JQCnAK4a5x7M7Nth23XlhRgE8B74+SemempQtaKEpKsPUPo++sGOYCSIIU7zwJ05ficSLLkV6H/CIn7wEi2GRVkOVwFixEoREE/hz9DsR2TVKkp2zeSsI9bBUNnJNV4bhIA5cFhVCk2B5JCWVYhSEopjwAob6qa4QGQOKkqcj1iJSdIpmoqWEHIhr7Ph1BNgC4haxAPAC7UITPOc1UrCOXR12TlAnBAyKhAdHvPUg4pIn6AAYQc1ebG8QC+LXfD66XHU2HP7yKQlKhGODWu1gCTY/g7wCAaendNyltrRCQOIAERjCc/ejV1V4H3dp2ES4jU1vVJpXxpogoHSEE7oOEIp9G+/3c1OkArcpMDfAIqL6EhVS6JOAAAAABJRU5ErkJggg==) no-repeat center center;border-radius:100%;border:2px solid transparent;opacity:.99;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;transform-origin:50% 50%}
.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle{background-color:#ff0101}@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.phone-footer {    position: fixed;    left: auto;    z-index: 100000;    top: calc(100% - 240px);    right: 0;    width: 230px;    height: 230px;}



/* Mobile Form */
.footer-form{ position: fixed; right: 0px; bottom: 0; z-index: 100000000; width: 100%; display: none;}
.footer-form .heading-look{width: 100%; text-align: center; display: block; background: #163253; color: #fff; text-transform: uppercase; padding: 15px 0; font-weight: 700; font-size: 24px; background: linear-gradient(290.1deg, #0C2147 10.36%, #053DA2 86.81%);}
.footer-form .fo-form{ padding: 20px; background-color: #fff; display: none;}
.fo-form form input[type="text"], .fo-form form input[type="email"], .fo-form form input[type="tel"]{background: #FFFFFF; border: 1px solid #CACACA; border-radius: 2px; -webkit-border-radius: 2px; color: #333333; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal; padding: 15px 20px; margin-bottom: 15px;}
.fo-form form input.wpcf7-not-valid{ border-color: red !important;  }
.fo-form form .wpcf7-not-valid-tip{ display: none; }
.fo-form form input[type="submit"]{background: #FF5500; box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46); -webkit-box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46); font-family: 'CiutadellaBold'; font-weight: normal; font-size: 20px; color: #fff; text-transform: none; width: 100%; display: block; height: 60px; line-height: 60px; padding: 0 10px; margin: 10px 0 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.fo-form form input[type="submit"]:hover{ background-color: #333;  box-shadow: 0px 0px 25px rgb(51 51 51 / 46%); -webkit-box-shadow: 0px 0px 25px rgb(51 51 51 / 46%);}
.fo-form form .ajax-loader{ position: absolute; right: 0; bottom: 0; }
.fo-form form p{position: relative;    font-family: "Google Sans", sans-serif;  font-weight: normal;  color: #333333; font-size: 14px; line-height: 1.4; text-align: center; margin: 0;}
.fo-form form p a{color: #333333; text-decoration: underline;}
.fo-form form .text-center p{ font-size: 18px; }

@media(min-width:768px){
.phone-footer { display: none; }

}



.terms_sec  { padding:50px 0; overflow: hidden;}
.terms_sec .accordion_call {	width: 100%;}
.terms_sec  .accordion_call .acc__card {	background: #fff;	margin-bottom: 20px;	box-shadow: 1px -1px 15px rgba(0,0,0,0.1); border-radius: 4px;}
.terms_sec .accordion_call .acc__title {	border-bottom: none;	padding: 15px 60px 15px 15px; position: relative;     font-size: 20px;
    font-weight: 600;}
.terms_sec .accordion_call .i-blk {right: 20px; position:absolute;}
.terms_sec .accordion_call .acc__panel {	background: #fff;	padding: 0px 0px;}

.terms_sec  .accordion_call i.fa.fa-chevron-down {	color: #F50;}
.terms_sec .padd_in {	padding: 25px;	border-top: #f0f0f0 solid 1px;}
.terms_sec .accordion_call .acc__title.active span.i-blk {	transform: rotate(-180deg);	top: 27%;
    right: 20px;}

.terms_sec .accordion_call { padding:0px;margin:0px;}
.terms_sec  .acc__panel a {	color: #f50 !important;}
.terms_sec   .acc__panel { display:none;}

.terms_sec .acc {    max-width: 1024px;    margin: auto;}

.inner_page .entry-content a {    color: #f50;}

section.brands_install a, .reviews_sec .reviews_l a {
    color: #f50;
    font-size: 18px;
}

.brands_install img[src$=".svg"] {
    width: auto;
    height: 73px;
}

.inner_banner .banner_price_row .banner_con.full {
	margin-left: 0 !important;
}


.wpcf7 p {
	padding: 0;
	margin: 0 !important;
}
.wpcf7 br { display:none;}
.wpcf7 .wpcf7-form-control-wrap { display:block;}

.pac-container {    z-index: 100000;}


.footer-form .heading-look {    text-align: left;     padding-left: 20px;}
.footer-form .heading-look::after {    content: "Close";    position: absolute;    right: 24px;    font-size: 15px;    top: 22px;    font-weight: 500;    text-decoration: underline;    opacity: 0;    visibility: hidden; -webkit-transition: all 0.5s ease;     -moz-transition: all 0.5s ease;     -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
.footer-form span.heading-look.active::after {    opacity: 10;    visibility: visible;}


/*****************************/

.ellipse-ani{  
	-webkit-animation: elli 3s infinite;			 
	-moz-animation: elli 3s infinite; 
	-ms-animation: elli 3s infinite; 			
	 animation: elli 3s infinite; 
	 -webkit-animation-timing-function: linear;	
	  -moz-animation-timing-function: linear;		
	   -ms-animation-timing-function: linear; 
	   animation-timing-function: linear;   }


@-webkit-keyframes elli { 50%{ -webkit-transform: scale(0.3)}  }
@-moz-keyframes elli { 50%{ -webkit-transform: scale(0.3)} }
@-ms-keyframes elli { 50%{ -webkit-transform: scale(0.3)} }

@-webkit-keyframes elli { 100%{ -webkit-transform: scale(1)} }
@-moz-keyframes elli { 100%{ -webkit-transform: scale(1)} }
@-ms-keyframes elli { 100%{ -webkit-transform: scale(1)} }

@keyframes elli {
50%{   -webkit-transform: scale(0.3); 
	-moz-transform: scale(0.3); 
	-ms-transform: scale(0.3); 
	transform: scale(0.3);
}

100%{   -webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
}


}


.ellipse-red {	width: 10rem;	height: 10rem;	background: rgba(230, 51, 56, 0.07);	position: absolute;	border-radius: 100%;	margin: 0rem 0 0 -3rem;}
.ellipse-bule {	width: 5rem;	height: 5rem;	background: rgba(41, 88, 143, 0.07);	position: absolute;	border-radius: 100%;	margin: 0rem 0 0 -3rem;	right: 14rem;	bottom: 5rem;
-webkit-animation: elli 5s infinite;			  	-moz-animation: elli 5s infinite; 	-ms-animation: elli 5s infinite; 				 animation: elli 5s infinite; }

.brand_sec .container { position: relative; }
.brand_sec .ellipse-red {	width: 21rem;	height: 21rem;	background: rgba(230, 51, 56, 0.07);	position: absolute;	border-radius: 100%;	margin: 0rem 0 0 0rem;	top: 3rem;	left: 2rem;}
.ellipse-ani.ellipse-red.red-small {	width: 5rem;	height: 5rem;	top: auto;	bottom: 3rem;	right: 0;	left: auto;	-webkit-animation: elli 5s infinite;	-moz-animation: elli 5s infinite;	-ms-animation: elli 5s infinite;	animation: elli 5s infinite;}

/**************/


.breadcrumb_call {	background: #EEF2F6;	padding: 13px 0; }

.page-template-system-page .breadcrumb_call::before, .page-template-commercia-system-page .breadcrumb_call::before { display: none; }
.padd-top {	padding-top: 50px !important;}
.padd-bottom { padding-bottom:80px !important; }

.padd-top-zero { padding-top:0px !important; }
.padd-bottom-zero { padding-bottom:0px !important; }





.residebtial_sec.residebtial_sec_new h2 {	margin: 0; text-align: left;}
.residebtial_sec.residebtial_sec_new center { text-align: left; padding: 0 0 16px; }


/*************/

.inner_content h1 {	font-size: 35px;	font-weight: normal;		  font-family: "Google Sans", sans-serif; 	color: #29588F;}
.system_page h1 span {  display: block; color: #333333; font-size: 24px; color: #333333; }

.inner_content h2 {	  font-family: "Google Sans", sans-serif; }
.system_page h2 span {  display: block; color: #333333; font-size: 24px; color: #333333; }


.inner_content p { line-height: 28px; font-size: 16px; color: #333; }

.inner_slider .hero_banner{ padding: 40px 0; height: auto; }
.inner_slider .hero_img img{ border-radius:5px; box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15); }

/*
body.page-template-solar-system-details .inner_slider  .hero_img img {	border-radius: 0;	box-shadow: none;}
body.page-template-solar-system-details .inner_slider .hero_img {	margin: 0 0 -77px;}
*/
.system-page-template .inner_slider .hero_img img { border-radius: 0px; box-shadow: none; }
.inner_slider .hero_banner .banner_content {	padding: 0 0 0px;}
.banner_btn { margin-top:30px ; max-width: 350px; }
.inner_slider .quote_btn {	display: block;	background: #074224;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	border-radius: 5px;	font-size: 18px;	color: #fff;	height: 60px;	text-align: center;	font-family: 'CircularStdBlack';	padding: 16px 0;	text-decoration: none;}

.breadcrumb_call a span{color: #333;}
.breadcrumb_call span{color: #074224;}

.system-page-template .inner_slider .hero_img {	margin: 0 0 -77px;}



.solar_point { padding: 50px 0 0; }
.solar_point .padd{background: rgba(255, 255, 255, 0.84); padding: 40px 20px;  border: 1px solid #E0E5EA; box-sizing: border-box; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05); border-radius: 4px; text-align: center;}

.solar_point .st_img::after {	-webkit-animation: cog 5s infinite;	-moz-animation: cog 5s infinite;	-ms-animation: cog 5s infinite;	animation: cog 5s infinite;	-webkit-animation-timing-function: linear;	-moz-animation-timing-function: linear;	-ms-animation-timing-function: linear;	animation-timing-function: linear;}
.solar_point .st_img::after {	content: '';	position: absolute;	width: 80px;	height: 80px;	background: url(assets/images/polygon-kw.png) no-repeat top left;	border-radius: 25px;	left: -20px;	top: -16px;	background-size: 100%;}
.solar_point .st_img {	display: table;	margin: 9px auto 30px;	position: relative;}

.solar_point h3{font-size: 20px;	font-weight: normal;		  font-family: "Google Sans", sans-serif; 	color: #29588F;}
.solar_point .col-md-4:nth-child(n+4) { margin-top: 30px; }
.solar_point p{ color: #333; }

.system_sec .solar_d_padd{background: #FFFFFF;border: 1px solid #D5D5D5;box-sizing: border-box;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);border-radius: 6px; overflow: hidden;}
/*.system_sec .system_blk + .system_blk { margin-top: 30px; }*/
.system_sec .system_blk {height: 270px;	display: flex;	align-items: center;width: 100%;}
.system_blk:nth-child(2n) {	background: #FBFBFB;}
.system_sec .system_blk .padd { width: 100%; }
.system_sec .system_blk h3 { padding: 0px 0px 20px;	margin: 0px;height: auto;color: #333;font-size: 25px;   font-family: "Google Sans", sans-serif;  font-weight: 700; line-height: 32px;} 
.system_sec .system_blk h3 span { font-weight: 700; font-size: 20px; font-weight: 700; display: block; color: #666;  }
.system_sec .system_blk h4 { margin: 0px; padding: 0px 0px 20px ; font-size: 18px;   font-family: "Google Sans", sans-serif;  font-weight: normal; color: #333;}
.system_sec .system_blk .padd {	padding: 25px 25px 25px 212px; position: relative;}
.system_sec .system_blk ul { margin: 0px; padding: 0px; }
.system_sec .system_blk ul li { list-style: none;    font-family: "Google Sans", sans-serif;  font-size: 16px; color: #222; font-weight: normal; }
.system_sec .solar_icon {	position: absolute;	left: 11px;	top: 27px;	z-index: 1;}
.system_sec .solar_icon i {	position: absolute;	width: 84px;	height: 84px;	background: #FEE983;	border-radius: 100%;	z-index: -1;	left: -8px;	top: 2px; display: none;}
.system_sec {	padding-bottom: 70px;}

.solar_right_box { width: 100%;  position: sticky;	top: 116px;}
.solar-assessment {background: #FFFFFF;border: 1px solid #D5D5D5;box-sizing: border-box;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);border-radius: 6px;	}
/*.solar-assessment h3 {	background: #183264; color: #fff; border-radius: 6px 6px 0px 0px; 	padding: 16px 15px;	margin: 0px;	height: auto; text-align: center;		font-size: 22px;	  font-family: "Google Sans", sans-serif; 	font-weight: normal;}*/
.solar-assessment h3 {
	border-radius: 6px 6px 0px 0px;
	padding: 29px 0 0 30px;
	margin: 0px;
	height: auto;
	text-align: left;
	font-size: 30px;
	  font-family: "Google Sans", sans-serif;
	font-weight: 700;
}

.solar-assessment .padd {	padding: 30px;}
.solar-assessment h4 {   font-family: "Google Sans", sans-serif;  font-weight: normal; font-size: 20px; }
.decision_blk {	padding: 30px;	background: #FFFBF5;	border-radius: 6px;	margin-top: 30px;	border: #1b3264  solid 1px;}
.decision_blk h3{ font-size: 22px; color: #fff;   font-family: "Google Sans", sans-serif; font-weight: normal; line-height: 32px;}
.decision_blk h2 strong { color: #1b3264 ; }
.decision_blk p {font-size: 18px;color: #000;padding: 0px;	margin: 0px 0px 30px;	font-weight: 500;}
.battery_img {	float: right;	width: 480px;	margin-left: 46px;}
.battery_img img { border-radius:6px; box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15); }
.contact-page  center { padding: 0 0 50px; max-width: 970px; margin: auto; }
.contact-page  center p { font-size: 18px;   font-family: "Google Sans", sans-serif; }
.b_install_sec .brands_install .container {	border-top: none;	margin-top: 0;	padding-top: 0;}
.b_install_sec {	padding: 50px 0 !important;}

/********/
  input[type="text"],  input[type="email"],  input[type="tel"]
{background: #FFFFFF; border: 1px solid #000; border-radius: 2px; -webkit-border-radius: 2px; color: #333333; font-size: 16px;    font-family: "Google Sans", sans-serif;  font-weight: normal; padding: 0 20px; margin-bottom: 15px;
-webkit-border-radius: 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 50px;}
  input:hover,  input:focus {	border: #1b3264  solid 1px;	box-shadow: 0px 0px 15px rgba(40, 79, 219, 0.35);}

input[type="submit"] {	box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46);-webkit-box-shadow: 0px 0px 25px rgba(230, 51, 56, 0.46);    font-family: "Google Sans", sans-serif; font-weight: normal;font-size: 22px;color: #fff;text-transform: none;	width: 100%;	display: block;	height: 55px;line-height: 1;	padding: 0 10px;margin: 0;	transition: all 0.3s ease-in-out;	-webkit-transition: all 0.3s ease-in-out; border-radius:5px; border: none !important; background: #000;box-shadow: 0px 0px 25px rgba(92, 169, 191, 0.2);border-radius: 5px; font-weight: 600; }


input[type="submit"]:hover {
	background: #000;
}

.sub_btn { position: relative; }
div.wpcf7 .ajax-loader {	background-image: url(assets/images/ajax-loader.gif);	background-size: 16px;}	
.wpcf7 .ajax-loader {	position: absolute;	top: 0;	left: -24px;	border-radius: 4px;	width: 100%;	height: 100%;	background-position: center;	background-repeat: no-repeat; overflow: hidden;}
div.wpcf7 .ajax-loader::before {	content: 'Please Wait..';	position: absolute;	color: #fff;	left: 0;	width: 100%;	text-align: center;	top: 30px;	-webkit-animation-iteration-count: inherit;	animation-iteration-count: inherit;	background: none;}

.solar-assessment  .tc_box {    padding: 21px 0 0;}


/******/

.contact_infor {border: 1px solid #D5D5D5;box-sizing: border-box;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);border-radius: 6px; display: -webkit-box;
display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:25px; margin-bottom: 25px;}

.phone_call, .email_call {	width: 50%;	padding: 15px 25px;}
 .email_call {background: #F0F0F0;}
.phone_call a{ font-size: 24px; color: #29588F; display: block; text-align: center; text-decoration: none; font-weight: 700; }
.phone_call a span {	background: url(assets/images/c_phone.png) no-repeat left 4px;	display: inline-block;	padding: 0 0 0 41px;}
.email_call a{ font-size: 24px; color: #29588F; display: block; text-align: center; text-decoration: none; font-weight: 700; }
.email_call a span {	background: url(assets/images/c_email.png) no-repeat left 4px;	display: inline-block;	padding: 0 0 0 53px;}

.social_fo span{ font-size: 24px; color: #29588F; font-weight: 700; display: inline-block; vertical-align: top; padding: 15px 15px 0 0;}
.social_fo .fa {	display: inline-block;	width: 60px;	height: 60px;	background: #29588F;	border-radius: 100%;	text-align: center;	padding: 18px 0;	font-size: 26px;	color: #fff;	margin: 0 6px; vertical-align: top;}
.social_fo .fa-twitter { background: #3598F3; }
.social_fo .fa-youtube-play { background: #F3354C; }
.social_fo .fa-linkedin { background: #173398; }
.social_fo a{ text-decoration: none !important; }

/****************/


.faq_page_sec {	padding: 0px;}

.faq_page_sec .acc {	max-width: 100%;	margin: auto;	padding: 10px 0;}
.faq_page_sec .accordion_call .acc__title { background-position: 98% center; }
.faq_page_sec .accordion_call .acc__title.active { background-position: 98% center; }

 
/******************/
 
 .bonus_blk .b_padd {	background: #29588F;	padding: 15px;	border-radius: 6px; position: relative;}
 .bonus_blk .b_padd .kw_blk {width: 127px; height: 45px;  background: #074224;border-radius: 0px 6px; display: block;}
 .referral_blk {	max-width: 572px;}
 .bonus_blk {	margin-bottom: 30px;	margin-top: 30px;}
 .bonus_blk .b_padd .kw_blk {	width: 127px;	height: 45px;	background: #074224;	border-radius: 0px 6px;	display: block;	position: absolute;	right: 0;	top: 0;	font-size: 24px;	color: #fff;	text-align: center;	padding: 5px 0 0;	font-weight: 700;}
 .bonus_blk article {	text-align: right; color: #fff; font-size: 20px;   font-family: "Google Sans", sans-serif;  text-transform: uppercase;}
 .bonus_blk article span { display: block; color: #fff; font-size: 20px;   font-family: "Google Sans", sans-serif; }
 .bonus_blk article strong { color: #FCBD30; font-size: 68px; line-height: 1;    font-family: "Google Sans", sans-serif; }
 .referral_blk h3{   font-family: "Google Sans", sans-serif;  font-size: 24px; font-weight: normal;}

.referral_blk ul {  list-style: none;  counter-reset: my-awesome-counter;  margin: 0px; padding: 0px;}
.referral_blk ul li {  counter-increment: my-awesome-counter; list-style: none; padding-left: 50px;}
.referral_blk ul li + li { margin-top: 25px; }

.referral_blk ul li::before {	content: counter(my-awesome-counter) "";	font-weight: bold;	background: #29588F;	width: 46px;	height: 46px;	position: absolute;	text-align: center;	padding: 4px 0 0;	font-size: 26px;	color: #FFF;	border-radius: 100%;	left: 0px;}


.thank_page .container {background: linear-gradient(84.26deg, #183264 33.68%, #1C92A3 143.62%);box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);border-radius: 6px; overflow: hidden;}
.thank_page .padd { padding:40px  40px; }
.thank_page .thank_content h2 { color: #fff; font-size: 45px;   font-family: "Google Sans", sans-serif;  }
.thank_page .thank_content p { color: #fff; font-size: 18px; }
.thank_page .thank_content ul { margin: 0px; padding: 15px 0px 25px; }
.thank_page .thank_content ul li { list-style: none; font-size: 18px; color: #fff;  position: relative; padding-left: 30px;}
.thank_page .thank_content ul li::before {	content: '\f058 ';	font-family: 'FontAwesome';	position: absolute;	left: 0px;	color: #fff;}

.thank_page .thank_img { background-size: cover; background-repeat: no-repeat; background-position: right top;  }


/***********/
.solar_banner { min-height: 600px; border-radius: 6px 6px 0 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-justify-content: right;  -webkit-justify-content: flex-end; justify-content: flex-end;}
.solar_banner article {	position: relative; 	width: 550px;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	background: #fff;	border-radius: 8px;	padding: 25px;	z-index: 1;  margin-right: 40px; }

.benefit_quote_form{padding: 30px 20px}
.benefit_quote_form::after{ display: none; ; } 

.inner_content h2 {	margin: 0px;padding: 0px 0px 15px;font-weight: 700;}

.benefit_system_sec  { padding: 60px 0 0; }
.benefit_system_sec .benefit_system_blk + .benefit_system_blk { margin-top: 40px; }
.benefit_system_sec .benefit_system_blk .row { flex-direction: row-reverse;}
.benefit_system_sec .benefit_system_blk:nth-child(2n) {	background: #EEF2F6;	border-radius: 6px;	padding: 40px;}
.benefit_system_sec .benefit_system_blk:nth-child(2n) .row {flex-direction: revert;}

.rebate_blk {background: #FFFFFF; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 8px; padding:25px 35px; position: relative; z-index: 1; }
.rebate_blk::before {	position: absolute;	width: 50%;	height: 100%;	background: url(assets/images/tc_bg.png) no-repeat right top;	content: '';	left: 0;	top: 0;	z-index: -1;}
.rebate_blk + .rebate_blk  { margin-top: 40px; }
.rebate_blk h2 { margin: 0 0 40px; }

.rebate_blk  { overflow: hidden; }
.rebate_blk + .rebate_blk::before {	left: -87px;}

.power_bg {	background: #EEF2F6;	padding: 40px;	margin: 40px 0;	border-radius: 8px;}
.power_bg .wp-block-column:not(:first-child) {	margin-left: 0;	margin-right: 2em;}

.benefit_system_sec h2 { font-size: 30px;   font-family: "Google Sans", sans-serif;  font-weight: normal; }
.benefit_system_sec p {    color: #333;    font-size: 16px;}


@media (min-width: 782px) {
.benefit_system_blk .wp-block-column:not(:first-child) {    margin-left: 2em;    padding-left: 2em; margin-right: 0px; padding-right: 0px;}
.benefit_system_blk.flex-row-reverse .wp-block-column:not(:first-child) { margin-left: 0; margin-right: 2em; padding-right: 2em;  padding-left: 0px;}

}


.Stand_slider {	background: #fff;	padding: 25px 40px;	text-align: center;}
.dies_list .has-text-align-center {	max-width: 310px;	margin: 12px auto 0px;}
.dies_list { padding: 0 0 20px; }

.img-shadow img { border-radius: 6px !important; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.15);  }
.filling-blk {	font-size: 12px;}
.tc_box {	text-align: center;	font-size: 14px;}



/***************/

.freequote-popup { display: none; }
.freequote-popup { background:none!important; padding:25px!important; max-width:530px!important}
.freequote-popup .freequote_form { background:#FFF; box-shadow:0 4px 4px rgba(0,0,0,.25); -webkit-box-shadow:0 4px 4px rgba(0,0,0,.25); border-radius:6px; -webkit-border-radius:6px; padding:30px 35px}
@media(min-width: 1000px) {
.freequote-popup {	background: none !important;	padding: 25px !important;	max-width: 566px  !important; width: 100%;}
}

.freequote-popup .freequote_form h2 { color:#000; font-size:30px;  margin:0 0 5px; padding:0; font-weight: 700;}
.freequote-popup .freequote_form p { color:#333; font-size:18px; font-weight:400; margin-bottom:20px}
.freequote_form form input[type="text"],.freequote_form form input[type="email"],.freequote_form form input[type="tel"] { background:#FFF; border:1px solid #CACACA; border-radius:2px; -webkit-border-radius:2px; color:#333; font-size:16px; font-family:'CircularStdBook'; font-weight:400; margin-bottom:15px; padding:17px 20px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; border-radius: 5px; }
.freequote_form form input:focus { box-shadow:0 0 15px rgba(40,79,219,.35); -webkit-box-shadow:0 0 15px rgba(40,79,219,.35); border-color: #1b3264 ; background-color:#F8F8F8}
.freequote_form form input[type="submit"] { background:#000; box-shadow:0 0 25px rgb(129, 149, 139); -webkit-box-shadow:00 0 25px rgb(129, 149, 139); font-family:'CircularStdBook'; font-weight:400; font-size:18px; color:#fff; text-transform:none; width:100%; display:block; height:55px; line-height:55px; padding:0 10px; margin:10px 0 20px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out}
.freequote_form form input[type="submit"]:hover { background-color:#000; box-shadow:0 0 25px rgb(51 51 51 / 46%); -webkit-box-shadow:0 0 25px rgb(51 51 51 / 46%)}
.freequote_form form .ajax-loader { position:absolute; right:0; bottom:0}
.freequote_form form input.wpcf7-not-valid { border-color:red!important}
.freequote_form form .wpcf7-not-valid-tip { display:none}
.freequote-popup .freequote_form form p.formtext { font-size:12px; font-family:'CircularStdBook'; font-weight:400; margin:0; color:#333}
.freequote-popup .freequote_form form p.formtext a { color:#333; text-decoration:underline}
.freequote-popup .freequote_info { display:flex; justify-content:space-around; background:#EFEFEF; box-shadow:0 4px 4px rgba(0,0,0,.25); -webkit-box-shadow:0 4px 4px rgba(0,0,0,.25); border-radius:6px; -webkit-border-radius:6px; margin-top:15px; padding:8px 5px}
.freequote-popup .freequote_info .popup_call { color:#333; font-family:'CircularStdBold'; font-weight:400; font-size:20px; display:flex; align-items:center}
.freequote-popup .freequote_info .popup_call i { line-height:1; margin-right:5px; position:relative; z-index:1}
.freequote-popup .freequote_info .popup_call:hover { text-decoration:none}
.freequote-popup .freequote_info .popup_email { color:#333; font-family:'CircularStdBold'; font-weight:400; font-size:16px; display:flex; align-items:center}
.freequote-popup .freequote_info .popup_email i { line-height:1; margin-right:12px; position:relative; z-index:1}
.freequote-popup .freequote_info .popup_email:hover { text-decoration:none}
.freequote-popup .fancybox-button { background:#000; width: 44px; height: 44px; border-radius:50%; -webkit-border-radius:50%; opacity:1; padding:5px!important}
.freequote-popup .fancybox-button svg { color:#fff}
.freequote-popup .freequote_form .row { padding-top: 25px; }
.freequote-popup .freequote_form .tc_box {	text-align: left;}

.freequote-popup  .white_left {	background: #fff;	display: block;	width: 100%;	height: 100%;	border-radius: 5px;	padding-bottom: 115px; position: relative; background-size: cover;
background-position: right;}
.freequote-popup .freequote_form h2 span {	color: #1b3264 ;}
.popup_footer {	position: absolute;	bottom: 0;	width: 100%;	left: 0;}

.freequote-popup .phone_blk { font-family:'CircularStdBold'; 	display: block;	font-size: 28px;	text-align: center;	padding: 8px 0;	border-bottom: #ccc solid 1px;	text-decoration: none !important;}
.freequote-popup .phone_blk i {	width: 29px;	display: inline-block;	vertical-align: top;	position: relative;	top: 7px;	height: 27px;	margin-left: -11px;}

.freequote-popup .email_blk {	text-align: center;	display: block;	padding: 14px 0px;	font-size: 16px;}
.freequote-popup .email_blk::before {	width: 37px;	height: 20px;	content: '';	background: url(assets/svg/mail-red.svg) no-repeat;	display: inline-block;	vertical-align: top;	position: relative;	top: 2px;}
.freequote-popup  .popup_footer {    position: absolute;    bottom: 0;    width: 100%;    left: 0;    background: #f2f2f2;    border-radius: 0 0px 5px 5px;}



/***********/

/* 404 & Search */
.banner-404 {position: relative; text-align: center; background: #0f75bc; padding: 250px 50px 150px; overflow: hidden; }
.banner-404 img {max-width: 100%; width: auto; display: inline-block; vertical-align: top; }
body.error404 .main-content .container, body.search .main-content .container {max-width: 1040px; margin: 0 auto; width: 92%; }
body.error404 .page-content {text-align: center;}
body.error404 .page-content .btn{color: #fff;text-transform: uppercase; font-weight: 700;padding: 13px 50px 13px 30px; background: #0b9444;    border-radius: 30px; -webkit-border-radius: 30px; position: relative; font-size: 14px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.29);  margin: 10px 0 0 0;}
body.error404 .page-content .btn:after{content: '';display: block;background: url(assets/images/button_arrow.png) 0 0 no-repeat; width: 15px;    height: 15px;right: 22px;top: 50%;transform: translateY(-50%);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;    position: absolute;}
body.error404 .page-content .btn:hover{background-color: #0f75bc;}
body.error404 .page-content .btn:hover::after{right: 18px;}
body.error404 .page-content p {margin-bottom: 20px; font-size: 16px; line-height: 1.8; }
body.search .main-content .search-form, body.error404 .main-content .search-form {position: relative; margin-bottom: 40px; }
body.error404 .main-content .search-form label {display: block; }
body.error404 .main-content .search-form label .screen-reader-text {display: block; margin-bottom: 5px; font-size: 18px; }
.screen-reader-text {clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }
body.error404 .main-content .search-form input[type=search] {border: 1px solid #f1f2f7; padding: 5px 20px; color: #000; font-size: 16px; height: 50px; font-weight: 400; width: calc(100% - 100px);	background-color: #f1f2f7; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.error404 .main-content .search-form input[type="submit"] {position: absolute; right: 0; bottom: 0; width: 120px; height: 50px; text-align: center; padding: 0 20px; background: #8eba27; text-transform: uppercase;  color: #fff; font-weight: 600; border-radius:0; -webkit-border-radius:0; border:none; cursor:pointer;}

body.search .main-content ul.search-con {margin: 0; padding: 0; }
body.search .main-content ul.search-con li {margin: 0; padding: 0; width: 100%; border-bottom: #ccc solid 1px; padding-bottom: 20px; margin-bottom: 30px; list-style: none; }
body.search .page-content h6 {color: #919191;font-weight: 400; font-size: 14px; margin: 0 0 5px; }
body.search .page-content h4 {font-size: 20px; margin: 0; padding: 0; }
body.search .page-content a {color: #2e2e2e; -webkit-transition: .5s all; transition: .5s all; cursor: pointer; }
body.search .page-content .btn {display: inline-block; -webkit-transition: all .5s ease; transition: all .5s ease; padding: 10px 20px; position: relative; text-align: center; border-radius: 0; border: none; margin: 10px 0; font-size: 16px; color: #fff; background: #8eba27; font-weight: 600; text-transform: uppercase;}
body.search .not-found {	background: #2d2d2d;	color: #fff;	width: 100%;	float: left;	margin-bottom: 0px;	font-size: 20px;	text-transform: uppercase;	font-weight: 700;	padding: 40px; text-align: left}
@media(max-width:767px){
	.banner-404{ padding:200px 50px 100px;}
	body.search .page-title{ font-size:24px;}
	body.search .page-content h6{ font-size:14px;}
	body.search .page-content h4{ font-size:18px;}
	body.search .page-content .btn{ font-size:14px;}
	body.error404 .page-content{ padding-top:20px;}
	body.error404 .main-content .container, body.search .main-content .container{ width:96%;}

}

/*******404****/
.error-tab { overflow:hidden; clear: both;}
.not-found  .intro.intro-small { display:none;}
.not-found {	padding: 0px 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: #074224;	font-weight: 900;	text-shadow: 1px 19px 46px rgba(0,0,0,0.4);	padding: 90px 0 0;   font-family: "Google Sans", sans-serif;  }
.not-found  p, .error-404  a  { color:#222; font-size:16px; text-transform:uppercase; display:block; padding-top:20px;}
.not-foundh1 { color:#222;}
.not-found h1 { color:#222 !important;}
@media(max-width:767px) {
.not-found .not-four { font-size:140px;}
.not-found { font-size:16px;}
.not-found  p, .not-found  a  { font-size:14px;}
}



.residebtial_sec .tc_box p {	text-align: left;}

/********************************/


.mobile_footer {position: fixed;bottom: 0;	width: 100%;z-index: 100;background: #1b3264 ;border-radius:0px 0px 0px 0px;	box-shadow: 1px 1px 14px 5px rgba(0,0,0,0.2); border-top: #fff solid 1px;}
.mobile_footer ul { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px;}
.mobile_footer ul li {    -ms-flex: 0 0 33.333%;    flex: 0 0 33.333%;    max-width: 33.333%;    list-style: none;    height: 65px;    margin: 0;    padding: 0;    color: #fff;    text-align: center;    align-items: center;    align-self: center;    align-content: center;   display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;  justify-content: center; position: relative;}
.mobile_footer ul li:nth-child(1) { -ms-flex: 0 0 20%;    flex: 0 0 20%;    max-width: 20%; }
.mobile_footer ul li:nth-child(2) { -ms-flex: 0 0 60%;    flex: 0 0 60%;    max-width: 60%; }
.mobile_footer ul li:nth-child(3) { -ms-flex: 0 0 20%;    flex: 0 0 20%;    max-width: 20%; }

.mobile_footer li.phone_fo {	background: #074224;	margin-top: 0;	border-radius: 0px 0px 0 0px;	height: 77px;	position: relative;}
.mobile_footer .btn {
	color: #074325 !important;
	padding: 11px 24px 9px; display: inline-block;
	border: #074325 solid 1px;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	box-shadow: 1px 1px 15px rgba(0,0,0,0.2); background: #fff; height: auto;
}

/**********************/
.coccoc-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.coccoc-alo-phone{background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200000!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;right:150px;top:30px}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}.coccoc-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.coccoc-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,.1) -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}

.mobile_footer li.phone_fo span {	position: relative;	top: 24px;}
/*.mobile_footer .ring {	transform: scale(0.45);	left: -43px;	position: absolute;	bottom: -51px;}*/
.mobile_footer .ring {    transform: scale(0.45);    left: 50%;    position: absolute;    bottom: -66px;    margin-left: -100px;}
.mobile_footer .gq_btn {	color: #fff;	font-size: 16px;	position: absolute;	bottom: 4px;}
.mobile_footer i.get_icon {    display: block;    position: relative;    top: 5px; width: 100%;}
.mobile_footer a{ color: #fff !important; text-decoration: none !important; }

.system_page_details h2 { color: #000000;   font-family: "Google Sans", sans-serif;  line-height: 1.1; }
.system_page_details h2 strong { font-size: 24px; color: #333333; }

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {background-color: #ffe811;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {background-color: #ffe811;}
.mobile_footer  .fa.fa-whatsapp {	font-size: 30px;	color: #fff;	background:#56CE3E;	border-radius: 35px;	width: 50px;	height: 50px;	display: flex;	align-items: center;	justify-content: center;	box-shadow: 1px 1px 15px rgba(0,0,0,0.2);}

.coccoc-alo-ph-img-circle img {    width: 37px;    position: relative;    top: 12px;}
/********/

.storage_page .wp-block-columns ul {	margin: 5px 0px 19px 7px;	padding: 0px;}
.storage_page .wp-block-columns ul li {list-style: none; position: relative; padding-left: 32px;}
.storage_page .wp-block-columns ul li::before {	content: '\f058 ';	font-family: 'FontAwesome';	position: absolute;	left: 0px;	color: #29588F;}

/*********/

.storage_page .wp-block-columns h3 {    font-size: 20px;       font-family: "Google Sans", sans-serif; }


.residebtial_sec .slick-arrow {    width: 50px;    height: 50px;     position: absolute;    padding: 0;    right: 0;    bottom: -60px;    z-index: 9;    background-position: center;    background-repeat: no-repeat;    padding: 0;    background-color: transparent;    box-shadow: none;    -webkit-box-shadow: none;       border: #18385F solid 2px;    border-radius: 5px;    outline: none !important;    background: #29588F !important;}
.residebtial_sec .slick-arrow:hover { background: none !imporant; }
.residebtial_sec .slick-arrow.slick-disabled { opacity: 0.2; }
.slick-arrow.slick-prev {	right: 65px;	text-align: center;	color: #fff;	padding: 7px 0;	font-size: 24px;}
.slick-arrow.slick-prev i { position: relative; right: 2px; }
.slick-arrow.slick-next {  	text-align: center;	color: #fff;	padding: 7px 0;	font-size: 24px; }
.slick-arrow.slick-next  i { position: relative; left: 2px; }


.thank_you { padding: 80px 0; }
.thank_you .container {	background: linear-gradient(84.26deg, #183264 33.68%, #1C92A3 143.62%);	border-radius: 8px;	overflow: hidden;}
.thank_you .c_padd { padding: 35px; }
.thank_you .c_padd p { color: #fff; font-size: 18px; }
.thank_you .c_padd p strong { display: block; }
.thank_you h1 { font-size: 45px; color: #fff; }

.thank_you ul { margin: 20px 0px 30px; padding: 0px; }
.thank_you ul li {	list-style: none;	font-size: 18px;	margin: 0px 0px 8px;	padding: 0px;	position: relative;	padding-left: 30px; color: #fff;}
.thank_you ul li::before {	content: '\f058 ';	font-family: 'FontAwesome';	position: absolute;	left: 0px;	color: #fff;}
.thank_you .img_blk {	background-size: cover;}

.sr_box {background: #FFFFFF url(assets/images/rb-img.png) no-repeat left center;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);border-radius: 8px; padding: 30px; position: relative;display: -webkit-box;
display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-content: center;align-self: center;align-items: center; -ms-flex-pack: justify !important;
justify-content: space-between !important; overflow: hidden;}
.sr_box h3 { margin: 0px; padding: 0px; font-size: 30px; color: #000000; line-height: 1.2; }
.sr_box .sp-btn a {	border: 2px solid #074224;	box-sizing: border-box;	border-radius: 5px;	width: 328px;	height: 56px;	display: block;	text-align: center;	font-size: 18px;	padding: 13px 0;	text-decoration: none !important;}
.sr_box .sp-btn a:hover { background: #074224; color: #fff; } 
.sr_box.sr_box_left {	background-position: -168px 0px;}

.page-id-172 .inner_content h1 { margin-bottom: 50px; }

.solar_banner article h2 {	font-size: 30px;}

.contact-page {    background: url(assets/svg/polygon-inner.svg) no-repeat right 5%;    background-size: 226px;}
.page-id-176 #primary {	min-height: 400px;}

.page-template-business .faq_page_sec .acc {	max-width: 100%;	margin: auto;	padding: 0px 0 10px;}
.faq_sec .acc__panel a.btn {	color: #fff !important;	background: #074224 !important;	border-radius: 4px;	margin-top: 9px;	border: none !important;}
.display_hide {	display: none;}

/************/
.mob_solarpanel_slide .col-6:nth-child(2) {	
/* 	display: none; */
}

.residebtial_block_design .kw_blk.main-price { padding: 20px 0 10px !important;}
.residebtial_block_design .kw_blk.main-price span{ font-size: 40px;}

.mob_solarpanel_slide .col-6 {	flex: 0 0 100%;	max-width: 100%;	-ms-flex: 0 0 100%;}
.residebtial_block_design .kw_blk strong {
    display: block;
    text-align: center;
    padding-top: 6px;
    font-weight: 500;
    font-size: 15px;
}
/**********/

.system_sec .system_blk ul li { position:relative; padding-left:24px}
.system_sec .system_blk ul li::before {	content: '\f058 ';	font-family: 'FontAwesome';	position: absolute;	left: 0px;color: #1b3264 ;}

/************/

.page-id-1569 #primary .container {	max-width: 680px;background: #f2f2f2;padding: 25px 40px;border-radius: 7px;	box-shadow: 1px 1px 27px rgba(0,0,0,0.1);	border: #d5d5d5 solid 1px;}
.page-id-1569 #primary .container .tc_box {	padding-top: 15px;}
.home_banner .cec_img {
	max-width: 495px;
	position: relative;
	bottom: 69px;
	right: 0;
	width: 90%;
	margin-top: 35px;
}
/*****************/
input:-webkit-input-placeholder {  color: #666;}
input:-moz-placeholder { /* Firefox 18- */   color:  #666;  }
input::-moz-placeholder {  /* Firefox 19+ */   color:  #666;  }
input:-ms-input-placeholder {     color:  #666;  }


.page_sec { padding: 70px 0; }
/* .page_sec p { font-size: 20px; } */
.page_sec  center { max-width: 949px; margin:0 auto 20px; }
.logo-bg {	position: absolute;	right: calc(50% - 721px);	top: 64px;	max-width: 25vw;}
.why_sec { position: relative;  overflow: hidden; background: #FBFBFB;}
.why_sec .item {	padding: 21px 16px;}
.why_sec .padd {background: #FFFFFF;box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.08);border-radius: 10px;  text-align: center; padding: 15px; border: #E3E3E3 solid 2px; cursor: pointer; }
.why_sec .padd:hover{
	    border: 2px solid #2765CF;
    box-shadow: 0 0 20px #2765CF40;
}
.why_sec .icon_blk {	display: table;	margin: 0 auto 16px;}
.why_sec h3 { font-size: 16px; color: #666; }
.why_sec h3 span{ display: block; color: #333; font-size: 21px; padding-bottom: 5px; }

.residebtial_sec_home {	background: linear-gradient(21deg, rgb(220 247 255) 0%, rgb(255 255 255) 57%, rgb(219 246 255) 100%) !important;	padding: 80px 0;}


.produce_sec { background: #FBFBFB; padding: 80px 0 65px 0; }
.produce_sec .row {	align-items: center;}

.produce_sec .link_btn {background: #2765CF;box-shadow: 0px 0px 25px rgba(92, 169, 191, 0.2);	border-radius: 5px;	  font-family: "Google Sans", sans-serif;	font-weight: 700;	text-transform: none;	font-size: 18px;	padding: 12px 17px;	border-radius: 4px;	-webkit-border-radius: 4px;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	margin: 18px 0 0 0px;	display: inline-block;	color: #fff !important;	width: 170px;	text-align: center;	text-decoration: none !important;}
.produce_sec  .img_blk img {	border-radius: 10px;}
.produce_sec .img_blk {	display: inline-block; position: relative; z-index: 1; max-width: 95%;}
.produce_sec .img_blk::before {	content: '';position: absolute;	width: 70%;	height: 70%;	background: #1b3264 ;	right: -15px;	top: -15px;	z-index: -1;	border-radius: 11px;}

.wpcf7-spinner {
	position: absolute;
	left: 0;
	top: 0;
}

.bt-best-sec .logo-bg {  right: auto;    left: calc(50% - 721px);  top: 0;  }

.main-header .container {	max-width: 1440px;}
.main-footer { clear: both; }


.inner_banner {	background: #666;height: 276px;	display: flex;	align-items: center;}
.inner_banner h1 { color: #fff; font-size: 45px; text-align: center; }

.inner_content { padding: 70px 0; }
.residential_page .padd_blk {	padding-right: 40px;}

.resi_why_sec  { padding: 0 0 50px; }
.resi_why_sec .col-md-4{ margin-bottom: 30px; } 

.pad-top-70  { padding-top: 70px; }

.inverters_page .post-thumbnail {	margin: 7px 0 0 14px;	box-shadow: 1px 1px 58px rgba(0,0,0,0.2);	border-radius: 10px;	overflow: hidden;}
.inverters_page .padd_blk {	padding-right: 28px; }
.inverters_page .padd_blk p{ text-align: justify; }

.inverter-type {	padding: 50px 0;}
/* .inverter-type h3 { font-size: 32px; } */
.inverter-type .img_blk {	display: block;	margin: 0 0 27px;	max-width: 110px;	width: 100%;}
.inverter-type  center {	margin: 40px 0 0;}

.monitoring_sec {background: #FBFBFB;padding: 50px 0;}
.monitoring_sec .row {	align-items: center;}
.monitoring_sec .padd_blk { padding-left: 40px; }
.monitoring_sec .img_blk {	margin: 0;	box-shadow: 1px 1px 58px rgba(0,0,0,0.2);	border-radius: 10px;	overflow: hidden;	display: block;}
.monitoring_sec .btn { margin-top: 15px; }

.batteries_sec { padding: 70px 0; }
.batteries_sec .row {
	flex-direction: row-reverse;
}
.batteries_sec .padd {	padding-right: 32px;}
.batteries_sec p { text-align: justify; }
.batteries_sec ul { margin: 0px 0px 30px; padding: 0px; }
.batteries_sec ul li {	list-style: none;}

.payment_plans .tel_link {width: 286px;height: auto;text-align: center;	display: inline-block;	vertical-align: top;border: #fff solid 2px;	color: #fff !important;	margin-left: 25px;	border-radius: 5px;	font-size: 20px;font-weight: 600;padding: 12px 0;text-decoration: none !important;}
.payment_plans .more_link {	font-size: 20px;	font-weight: 600;}

.faq-page.faq_sec { background: #fff; }
.faq-page.faq_sec .accordion_call .i-blk .fa { font-size: 18px;}

.faq-page.faq_sec { margin-bottom: 70px; } 
.faq-page.faq_sec .accordion_call .acc__title { background: none; font-weight: 600;}
.faq-page.faq_sec .img_blk {	display: block;	padding-left: 25px;}
.faq-page.faq_sec .row {	align-items: center;}

.vision_sec {background: #EEF2F6; padding: 50px 0;}
.vision_sec .row { align-items: center; }
.vision_sec.mission_sec {background: #fff;}
.vision_sec.mission_sec .row {	flex-direction: row-reverse;}
.vision_sec .padd_blk {	padding-left: 30px;}
.vision_sec.mission_sec .padd_blk {	padding-right: 30px;}
.vision_sec .img_blk {	margin: 7px 0 0 14px;	box-shadow: 1px 1px 58px rgba(0,0,0,0.2);	border-radius: 10px;	overflow: hidden; display: block;}
.about-page h2 {	text-align: center;	max-width: 790px;	margin: 0 auto 30px;}
.about-page .row {	flex-direction: row-reverse;}
.about-page .img_blk {	margin: 7px 0 0 14px;	box-shadow: 1px 1px 58px rgba(0,0,0,0.2);	border-radius: 10px;	overflow: hidden; display: block;}
.about-page center {	margin: 0 0 48px;}
.inner_content h1 {	font-size: 45px;	margin: 0px;	padding: 0px 0px 15px;	color: #333333;	font-weight: 700; }
.conditions-page center p{ padding-bottom: 25px; font-size: 16px; }
.contact_page {  background: #fff;}
.contact_page .contact_blk {background: #FFFFFF; box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.06); padding: 30px;}
.contact_page center {	max-width: 800px;	margin: 0 auto 60px;}
.contact_page .padd_form {	padding-left: 50px;}
.contact_page .contact_blk {	margin-bottom: 40px;}
.contact_page .social-icons ul { margin: 0px; padding: 0px; }
.contact_page .social-icons ul li {  list-style: none; float: left; }
.contact_page .social-icons ul li + li { margin-left: 15px; }
.contact_page .contact_blk p strong { display: block; }
.contact_page .contact_blk p  { position: relative; margin: 0px; padding: 10px 0px 10px; }
.contact_page .contact_blk p + p { border-top: #ccc solid 1px; }
.contact_page .contact_blk p a{ color: #333; text-decoration: none; }
.contact_page .contact_blk p .fa  { position: absolute; }
.contact_page .contact_blk  .fa {	position: absolute;}
.inner_content .padd_form p.sub-blk {	line-height: 28px;	font-size: 18px;	color: #333;}
.inner_content .padd_form p.sub-blk {	margin: 0 0 28px !important; font-size: 18px}
.padd_form  h3 {	margin: 0;	padding: 0 0 7px;	font-size: 35px;}

.elementor-field-type-textarea input[type=tel], .elementor-field-type-textarea input[type=email], .elementor-field-type-textarea input[type=password], .elementor-field-type-textarea textarea, .wpcf7-select, input[type=email], input[type=password], input[type=text], textarea {
    height: 50px;}



/*********/

.l_product_sec { padding: 70px 0; }
.l_product_sec .wrapp { background: #7444FD; border-radius: 10px; max-width: 1600px; margin: auto; padding: 50px 0; }
.l_product_sec center { margin: 0px auto; padding: 0px 0px 50px; max-width: 564px; }
.l_product_sec center p { font-size: 18px; color: #fff; }
.l_product_sec h2 { font-weight: 45px; font-weight: 700; color: #fff; }
.l_product_sec ul { margin: 0px; padding: 0px; }
.l_product_sec ul li {	list-style: none;	color: #fff;	padding-left: 68px;	position: relative;	}
.l_product_sec ul li + li { margin-top: 20px; }
.l_product_sec ul li h3 { font-size: 24px; font-weight: 700; color: #fff; }
.l_product_sec ul li p { color: #fff; font-size: 16px; }
.l_product_sec ul li {  counter-increment: my-awesome-counter;}
.l_product_sec ul li::before {	content: counter(my-awesome-counter) " ";	color: #7444FD;	font-weight: bold;	position: absolute;	width: 40px;	height: 40px;	left: 0;	background: #fff;	text-align: center;	display: flex;	align-items: center;	justify-content: center;	border-radius: 100%;	font-size: 25px;	top: 2px;}

.l_product_sec .img_blk {	max-width: 505px;	height: 500px;	background: #000;	display: table;	position: sticky;	top: 120px;	border-radius: 8px;	box-shadow: 1px 1px 25px rgba(0,0,0,0.5);	width: 100%;}


.partner_sec { padding: 0 0 70px; }
.partner_sec  h2 { font-weight: 45px; font-weight: 700; color: #000000; }
.partner_sec  center { margin: 0px auto; padding: 0px 0px 50px; max-width: 764px; }
.partner_sec center p { font-size: 18px; color: #000; }
 
.partner_sec .padd { background: #FFFFFF; border: 1px solid #CDCDCD; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 40px;}
.partner_sec .padd h3 { font-size: 24px; font-weight: 700; }
.partner_sec .padd .img_blk { width: 150px; height: 150px; background: #000; display: table; margin-bottom: 30px; }

.partner_sec .col-lg-6:nth-child(n+3) { margin-top: 30px; }

.bt_content p {  font-size: 14px;  color: #666;}
.bt_content {  margin: 18px 0 0;}


.support-page .wpcf7-form-control.wpcf7-textarea {
	height: 121px;
}

.support-page .img_blk img {	border-radius: 10px;	box-shadow: 1px 1px 15px rgba(0,0,0,0.1);}

.why_sec.page_sec.r_c_why_sec {	padding-top: 0;}

.download_sec {	background: #24392c;	padding: 30px 0;	text-align: center;	font-size: 26px;	color: #fff;}
.download_sec .db_btn {	display: inline-block;	background: #0d361b;	color: #fff !important;	padding: 10px 35px;	border-radius: 6px;	margin-left: 13px; background: linear-gradient(97.03deg, #F36F21 17.19%, #FFAC0A 106.13%); text-decoration: none; font-weight: 600; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	}

.design1 .wmpci-popup-body {
    background-image: linear-gradient(21deg,rgba(7,97,180,1) 0%,rgba(41,148,226,1) 57%,rgba(96,244,254,1) 100%) !important;
    color: #fff;
    padding: 20px 20px 51px;
    max-width: 500px;
    border: 0;
    border-radius: 8px;
}
.wpmci-popup-cnt-inr-wrp h2 {	margin: 0 0 5px 0 !important;	color: #fff;}
.wpmci-popup-cnt-inr-wrp p {	color: #fff;	padding: 0 0 0px; margin: 0px;}
.wpmci-popup-cnt-inr-wrp .wpcf7-spinner {	position: absolute;}
.wpmci-popup-cnt-inr-wrp .row {	margin-top: 29px;}
.wmpci-popup-wrp .wmpci-popup-close {
		width: 40px;
	height: 40px;
	position: absolute;
	top: 1%;
	right: 1%;
	background-color: #000;
	border-radius: 50%;
	background-image: url('assets/images/close.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
}
.wmpci-popup-wrp .wmpci-popup-close::after { display: none; }
.why_sec .icon_blk {
	display: table;
	margin: 0 auto 16px;
	width: 100px;
}

.main-header .head_right .btn {
    font-size: 18px;
    padding: 13px 30px;
	height: auto;
}
body {
	margin-top: 0;
}
.main-header {	position: relative;}
.top-header {	background: #f2f2f2;	padding: 15px 0;}
.top-header p {	width: calc(100% - 290px);	font-size: 18px;}
.top-header .container {	position: relative;}
.top-header .container .btn {	position: absolute;	top: 0;	right: 0;}
.top-header p {	margin: 0;}
.top-header .container .btn {
	background: #094225;
	padding: 11px 29px;
	height: 50px;
}


.banner-box {	padding: 50px 0;	background: #e6ece9;}
.banner-box .padd_blk {	
	background: #fff;    
    border: #E3E3E3 solid 2px;
    border-radius: 10px;
    transition: all 0.3s ease 0s, color 0.3s ease 0s;
	position: relative;
	    margin: 15px 0;
}
.banner-box .padd_blk:hover {
    border: 2px solid #1b3264 ;
    box-shadow: 0 0 20px #2765CF40;
}
.banner-box .icon_blk { 	width: 80px;	display: table;	margin: 0 0 16px;}
.banner-box h3 {	font-size: 19px;	margin: 0;	color: #00326b;}
.banner-box a {	text-decoration: none !important; padding: 25px; display: block;}
.banner-box .read_btn {
    font-weight: 500;
    font-size: 15px;
    padding-top: 5px;
    display: block;
    color: #333;
    text-decoration: underline;
}

span.qc {
    display: block;
    padding: 14px 0 0;
}


.hero_banner {
  
    background-size: cover !important;
}

.inner_banner {
    background-size: cover;
    background-attachment: fixed;
}

.home_banner .col-md-12 p {
    padding: 0px 0;
}

.banner-box, .residebtial_sec_home {
    padding: 50px 0 55px;
    background: #FBFBFB;
}

span.logo-bg {
    display: none;
}

.pricing-sec {
    display: table;
    margin: 15px auto 0;
}
.pricing-sec .price {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
}

.pricing-sec .price .p-left {
    font-size: 65px;
    font-family: 'CircularStdBlack';
    font-weight: 400;
    color: #333;
    line-height: 1;
    position: relative;
}

.pricing-sec .price .p-left sup {
    font-size: 35%;
    top: -25px;
    position: relative;
}

.pricing-sec .price .p-left::after {
    content: '*';
    font-size: 30%;
    position: absolute;
    line-height: 1;
    top: 8px;
    right: -8px;
    font-family: 'CircularStdBook';
    font-weight: 400;
}

.pricing-sec .stext {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}
.common-brands-sec .brand_img img {
    filter: none !important;
    opacity: 1 !important;
}

.common-brands-sec h2 {
    color: #fff;
}
.why-ssb-solar { padding:60px 0 0px;}
.why-ssb-solar  .custom-container-fluid {
    max-width: 1640px; width:94%;
}
.why-ssb-solar .bg-light-blue{
	background: #F5FBFC;
	border-radius: 16px;
	padding: 60px 0;
}
.why-ssb-solar .outer-box-left {
	position: relative;
}
.why-ssb-solar .outer-box-left img{
	z-index: 1;
	position: relative;
}
.why-ssb-solar .outer-box-left p{
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #7C8596;
	margin-bottom: 50px;
}
.why-ssb-solar .outer-box-right .learn-more {
	text-align: right;
}
.why-ssb-solar .outer-box-right .inner-box {
	position: relative;
	margin-bottom: 40px;
}
.why-ssb-solar .outer-box-right .inner-box .inner-content {
	position: relative;
	padding-left: 90px;
}

.why-ssb-solar .outer-box-right .inner-box .inner-content span.img_blk {    width: 66px;    display: block;    position: absolute;    left: 0;}
.why-ssb-solar .outer-box-right .inner-box .inner-content img {
    
}
.why-ssb-solar .outer-box-right .inner-box .inner-content h4 {
	font-weight: 700;
	font-size: 24px;
	line-height: 33px;
	color: #002B5B;
}
.why-ssb-solar .outer-box-right .inner-box .inner-content p {
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #7C8596;

	}
	
.reviews_sec {
    padding: 40px 0 80px;
    background: #fff;
    position: relative;
    z-index: 1;
}
.banner-box {
    padding: 50px 0 0px; background:#fff;
}
section.residebtial_sec.residebtial_sec_home {
    padding: 46px 0;
    width: 94%;
    margin: auto;
    border-radius: 16px;
    max-width: 1600px;
}

footer#footer {
    background: #222;
}

a.btn-style-four.btn-animate {
    border: #2765CF  solid 1px;
    padding: 10px 15px;
    color: #2765CF;
    border-radius: 5px;
    text-decoration: none !important;
}

.payment_plans .wrapp {
    /*background: #F5FBFC !important;*/

}

.payment_plans h2 br {    display: none;}
.payment_plans h2 {    color: #fff; 
}


.h2, h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.payment_plans p {
    font-size: 22px;
    color: #7C8596;
    margin: 0 0 40px;
}

.main-header .head_right .btn {
    box-shadow: none !important;
    border: #1b3264  solid 2px;
    color: #fff;
    background: #1b3264  !important;
}
.home_request_form form input[type="submit"] {
    background: #fef7e0 !important;
    border: #e5be44 solid 2px !important;
    color: #333;
    font-size: 18px;
    color: #7b704b;
    font-weight: 600;
    box-shadow: none !important;
}

.payment_plans .wrapp::after { display:none;}

.payment_plans .tel_link {
    border: #fff solid 2px;
    color: #fff !important;
    background: none !important;
}

.more_link {        background-color: #1b3264 ; }

.desktop-slider {
    max-width: 1600px;
    width: 94%;
    margin: auto;
    border-radius: 16px;
    overflow: hidden;
}

.payment_plans .more_link {
    font-size: 20px;
    font-weight: 600;
    box-shadow: none !important;
}

.why-ssb-solar .outer-box-left img {
    border-radius: 16px;
}

.payment_plans .more_link {
    box-shadow: none !important;
}

.system_sec .solar_icon {
    width: 150px;
}

.more_link {
    box-shadow: none !important;
}


.padd_form  h3 {
    margin: 0;
    padding: 0 0 25px;
    font-size: 25px;
}

.review-slider .review_blk .review_name h6 {
    line-height: 1.5;
    text-transform: uppercase;
}


.faq_sec  .accordion_call i.fa.fa-chevron-down {
    color: #2c68af;
}


.how-work-section {    padding: 0 0 80px;}
.section-heading{
    text-align:center;
    max-width:780px;
    margin:0 auto 90px;
}



.section-heading p{
    font-size:20px;
    line-height:1.8;
    color:#4f4f4f;
}

/* ===================== Steps ===================== */
.how-work-section .section-heading h2 {    font-size: 35px;       color: #000;    margin-bottom: 28px;    font-weight: 500;}
.how-work-section .steps-wrapper{    position:relative;}
.how-work-section .steps-wrapper::before{    content:"";    position:absolute;    top:50px;    left:12%;    width:76%;    border-top:2px dashed #666;    z-index:1;}
.how-work-section .steps-grid{    display:grid;    grid-template-columns:repeat(4,1fr);    gap:30px;    position:relative;    z-index:2;}
.how-work-section .step-box{    text-align:center;    position:relative;}
.how-work-section .step-icon{    width:100px;    height:100px;    border-radius:50%;    background:#ece8dc;    display:flex;    align-items:center;    justify-content:center;    margin:0 auto 35px;    font-size:38px;    color:#1d2452;    transition:0.3s ease; padding: 20px;}
.how-work-section .step-box:hover .step-icon{    transform:translateY(-6px);    background:#ebedf9;    color:#fff;}
.how-work-section .step-box h3{    font-size:20px;    margin-bottom:18px;       font-weight:500;    color:#222;}
.how-work-section .step-box p{    font-size:17px;    line-height:1.9;    color:#555;    max-width:300px;    margin:auto;}

/* ===================== Tablet ===================== */

@media(max-width:991px){

    .how-work-section .section-heading h2{        font-size:52px;    }
    .how-work-section .steps-grid{        grid-template-columns:repeat(2,1fr);        gap:60px 40px;    }
    .how-work-section .steps-wrapper::before{        display:none;    }}

/* ===================== Mobile ===================== */

@media(max-width:767px){

    .how-work-section .how-work-section{        padding:70px 15px;    }
    .how-work-section .section-heading{        margin-bottom:60px;    }
    .how-work-section .section-heading h2{        font-size:40px;    }
    .how-work-section .section-heading p{        font-size:16px;        line-height:1.8;    }
    .how-work-section .steps-grid{        grid-template-columns:1fr;        gap:50px;    }
    .how-work-section .step-icon{        width:85px;        height:85px;        font-size:30px;        margin-bottom:25px;    }
    .how-work-section .step-box h3{        font-size:26px;    }
    .how-work-section .step-box p{        font-size:15px;        line-height:1.8;    }
        .how-work-section .section-heading h2 {        font-size: 30px;    }
}


.payment_plans .container {    max-width: 1148px;    position: relative;    z-index: 9;    text-align: left;}


.payment_plans article {    max-width: 490px;}
.payment_plans p { color:#fff; }

.payment_plans .more_link {
    width: 230px;
}

.payment_plans a.tel_link {    width: 230px;}



/**********/


.payment_plans {    padding-bottom: 0px;    text-align: center;    position: relative;    z-index: 2;    margin: 0 0 -105px;}
.middle_footer .row {    justify-content: space-between;}
footer#footer {    background: #022853;    border: none;  padding: 150px 0 40px}

footer#footer {    background: linear-gradient(to bottom, #f5f5f5, #dbf3fb);    border: none;    padding: 150px 0 40px;}

.middle_footer h3 {    color: #002652;    font-size: 20px;    margin: 0px 0px 15px;    padding: 0px;}
.middle_footer ul li a { color:#333; }
.main-footer .foo_contact p, .main-footer .foo_contact p a { color:#333; }

.copy {    text-align: center;    padding: 30px 0 0 0;    color: #6e868e;}


.main-footer .container {    max-width: 1140px;    margin: auto;}

.main-footer .container .row { margin:0px; }

.page-template-solar-services .brand_sec.brands_install.brand_sec_home {    background: linear-gradient(21deg, rgb(220 247 255) 0%, rgb(255 255 255) 57%, rgb(219 246 255) 100%) !important;}

.page-template-solar-system-details .brand_sec.brands_install.brand_sec_home {    background: linear-gradient(21deg, rgb(220 247 255) 0%, rgb(255 255 255) 57%, rgb(219 246 255) 100%) !important;}


body.home section.faq_sec.home_faq_sec {    padding-top: 0;}

.how-work-section .step-icon {    padding: 22px;}

.reviews_sec.review-t-section { overflow:hidden; }






/********review-section ***/

.review-section{    overflow:hidden;    width:100%;    position:relative;}
.review-track{    display:flex;    width:max-content;    animation: marquee 100s linear infinite;    gap:25px; padding: 20px 0;}
.review-section:hover .review-track{    animation-play-state: paused;}
.review-card{    width:340px;    min-width:340px;    background:#fff;    border-radius:20px;    padding:25px;    box-shadow:0 5px 20px rgba(0,0,0,0.08);    transition:0.3s ease;}
.review-card:hover{    transform:translateY(-6px);}
.review-top{    display:flex;    align-items:center;    margin-bottom:18px;}
.review-top img{    width:60px;    height:60px;    border-radius:50%;    object-fit:cover;    margin-right:15px;}
.review-top h3{    font-size:20px;    color:#111;    margin-bottom:5px;}
.review-top span{    font-size:14px;    color:#777;}
.stars{    color:#ffb400;    font-size:18px;    margin-bottom:15px;}
.review-text{    font-size:15px;    line-height:1.7;    color:#555;
}

@keyframes marquee{
    from{        transform:translateX(0);    }
    to{        transform:translateX(-50%);    }
}

/* =========================
   Responsive CSS
========================= */

@media(max-width:991px){

    .review-card{        width:300px;        min-width:300px;        padding:22px;    }

}

@media(max-width:767px){

    .review-track{        gap:18px;        animation-duration:22s;    }
    .review-card{        width:260px;        min-width:260px;        border-radius:16px;        padding:20px;    }
    .review-top img{        width:50px;        height:50px;    }
    .review-top h3{        font-size:18px;    }
    .review-text{        font-size:14px;        line-height:1.6;    }

}



.battery-section{    padding:80px 20px;    /*background:linear-gradient(to bottom,#f8f8f8,#dce9ff);*/ }
.battery-section {
    padding: 80px 20px;
    background: linear-gradient(to bottom, #ffffff, #daf6ff);
}

.section-title{    text-align:center;   margin:0 auto 60px;}
.section-title h2{   }
.section-title p{    font-size:18px;    line-height:1.8;    color:#555;}
.pricing-grid{    display:grid;    grid-template-columns:repeat(3,1fr);    gap:30px;}
.pricing-card {    background: #fff;    border-radius: 15px;    padding: 40px 35px;    position: relative;    border: 1px solid #d8d8d8;    transition: 0.3s ease;}
.pricing-card:hover{    transform:translateY(-6px);}
.plan-badge{    position:absolute;    top:-20px;    left:50%;    transform:translateX(-50%);    background:#002652;    color:#fff;    font-size:14px;    ont-weight:700;    padding:12px 16px;    border-radius:10px;    letter-spacing:1px;    text-transform:uppercase;}
.pricing-card h3 {    font-size: 24px;    font-weight: 600;    margin-bottom: 0;}
.pricing-card h3 span{    font-size:26px;}
.sub-text {    font-size: 18px;    color: #333;    margin-bottom: 20px;}
.old-price {    display: flex;    align-items: center;    gap: 15px;    margin-bottom: 8px;}
.old-price del {    color: #555;    font-size: 22px;    font-weight: 600;}
ul.features {    margin: 0;}

.save-tag {    background: #dfe2eb;    color: #49528f;    padding: 8px 12px;    border-radius: 4px;    font-size: 16px;    font-weight: 700;}
.new-price {    font-size: 40px;    font-weight: 700;    margin-bottom: 12px; color: #1993d5;   }
.quote-btn {    display: inline-block;    padding: 10px 25px;    background: #1b3264 ;    color: #fff;    text-decoration: none;    border-radius: 40px;    transition: 0.3s ease;    font-size: 18px; text-decoration: none !important;}
.quote-btn:hover{    background:#002652; color: #fff}
.divider{    margin:35px 0;    border-top:1px solid #ccc;}
.features{    list-style:none;}
.features li {    margin-top: 5px;    font-size: 16px;    color: #333;    display: flex;    align-items: center;}
.features li::before{    content:"✔";    width:18px;    height:18px;    display:flex;    align-items:center;    justify-content:center;    background:#002652;    color:#fff;    border-radius:50%;    font-size:12px;    margin-right:14px;    flex-shrink:0;}
.section-title h2 {    font-size: 35px;    line-height: 1.4;    font-weight: 700;     margin: 0 auto 18px;}

/* ================= Responsive ================= */

@media (max-width: 1100px){

    .pricing-grid{        grid-template-columns:1fr;        max-width:700px;        margin:auto;    }
    .section-title h2{        font-size:42px;    }
    .pricing-card h3{        font-size:42px;    }
    .new-price{        font-size:50px;    }

}

@media (max-width: 768px){

    .battery-section{        padding:60px 15px;    }
    .section-title{        margin-bottom:40px;    }
    .section-title h2{        font-size:32px;    }
    .section-title p{        font-size:16px;        line-height:1.7;    }
    .pricing-card{        padding:35px 25px;    }
    .pricing-card h3{        font-size:34px;    }
    .sub-text{        font-size:20px;    }
    .old-price del{        font-size:18px;    }
    .save-tag{        font-size:14px;    }
    .new-price{        font-size:42px;    }
    .features li{        font-size:17px;    }
    .quote-btn{        width:100%;        text-align:center;    }
}




.pulse {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #ffe811;
    background-image: radial-gradient(hsl58.71deg 100% 50%, hsl(216.43deg 77.1% 21.43%));
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-right: 9px;
}

.pulse::before, .pulse::after {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	border-radius: 50%;
	border: 1px solid #ffe811;
	animation: calling 2s ease-in-out infinite;
}

.pulse::after {
	animation: calling 2s ease-in-out .35s infinite;
}

@keyframes calling {
	0% {
		width: calc(100%);     
    height: calc(100%);
		opacity: 1;
	}
	100% {
		width: calc(100% + 60px);     
    height: calc(100% + 60px);
		opacity: 0;
	}
}


.main-header .head_right .head_phone i { z-index:1 !important;}
.main-header .head_right .head_phone i img {
    width: 22px;
}

.center-fo {    display: flex;    align-items: center;    max-width: 100%;    width: 100%;    justify-content: space-between;    background: #fff;    padding: 15px 40px;    border-radius: 7px;}
.center-fo .call-fo {    display: flex;    align-items: center;    gap: 10px;}
.center-fo .call-fo  a{ font-size:24px; font-weight:700; text-decoration:none; }
.center-fo .email-fo {    display: flex;    align-items: center;    gap: 10px;}
.center-fo .email-fo i { position:relative; top:3px; }
.center-fo .email-fo  a{ font-size:24px; font-weight:700; text-decoration:none; }
.center-fo .socail-fo {    display: flex;    align-items: center;    gap: 13px;}
.center-fo .socail-fo h3 { margin:0px; }
.center-fo {    margin-top: 30px;}


section.best_sec.bt-best-sec .row {    padding-bottom: 0; row-gap: 30px;}
.best_sec  .heading-blk h3 {    font-size: 20px;    color: #666;    text-align: center;    margin: 0;}
.best_sec span.icon_blk {    margin: 0 auto 10px !important;    display: block;}

ul.features {
    margin: 0;
    min-height: 190px;
}

.divider {    margin: 0px 0 23px;    border-top: 1px solid #ccc;}

.battery-card {    margin: 0 0 17px;}

.quote-btn {    width: 100%;    text-align: center;    margin: 0px 0 12px;}
a.battery-link {    display: block;    text-align: center; color: #333;}


/* Rebate Page Css */

.rebate-content{    padding: 60px 0;}
.rebate-content .container{    max-width: 675px;}
.rebate-content h2{    text-align: center;    font-size: 34px;    line-height: 1.3;    font-weight: 700;}
.rebate-content h2 span{    color: #1993d5;}
.rebate-content p{    font-size: 19px;    text-align: center;    line-height: 1.5;}
.but-wait .container{    max-width: 675px;}
.but-wait h2{    text-align: center;    font-size: 34px;    line-height: 1.3;    font-weight: 700;}
.but-wait h2 span{    text-decoration: line-through;}
.but-wait p{    font-size: 19px;    text-align: center;    line-height: 1.5;}
.whether-you .container{    max-width: 675px;}
.whether-you{    padding: 0px 0 60px 0;    text-align: center;}
.whether-you h2{    text-align: center;    font-size: 32px;    line-height: 1.3;    font-weight: 700;}
.whether-you h2 span{    color: #00aff2;    font-style: italic;}
.whether-you p{    font-size: 19px;    text-align: center;    line-height: 1.5;    margin-bottom: 50px;}
.our-bat-link .our-bat{    background-color: #00aff2;    padding: 12px 20px;    border-radius: 40px;    color: #fff;    font-size: 24px;    font-weight: 700;    text-decoration: none;    border: 2px solid #00aff2;    margin-right: 15px;    display: inline-block;}

.our-bat-link .budle-deal{    border: 2px solid #00aff2;    padding: 12px 20px;    border-radius: 40px;    color: #00aff2;    font-size: 22px;    font-weight: 700;    text-decoration: none;    display: inline-block;}
.rebate-fac .acc{    max-width: 600px;}
.rebate-form{    margin-left: 25px;}
.rebate-form h2{    color: #00aff2;}
.rebate-form input[type="submit"]{    background-color: #00aff2;}
.rebate-enq{    padding: 60px 0;}
/* Solar Battery Page */

.solar-bat{    padding: 70px 0;    background-image: url(assets/images/solar-bg.jpg);    background-repeat: no-repeat;    background-position: center;    background-size: cover;    position: relative;}
.solar-bat::before{    position: absolute;    content: "";    background-color: #000;    width: 100%;    height: 100%;    top: 0;    left: 0;    opacity: 0.6;}
.solar-bat-cont{    text-align: right;}
.solar-bat-cont h2{    color: #fff;    text-align: right;    font-size: 40px;}
.solar-bat-cont P{    color: #fff;    text-align: right;}
.install{    background-color: #00aff2;    display: inline-block;    font-size: 32px;    font-weight: 600;    color: #fff;    letter-spacing: -2px;    padding: 5px 15px;    border-radius: 50px;}
.solar-bat-form{    margin-left: 70px;    background-color: #F5F1E5;    border-radius: 20px;    padding: 22px;}
.solar-bat-form h2{    font-size: 24px;    margin-bottom: 7px;    text-align: center;}
.solar-bat-form p{    text-align: center;    padding-bottom: 7px;}
.clarke-solar{    background-image: url(assets/images/solar-connect-bg.webp);    background-repeat: no-repeat;    background-position: center;    background-size: cover;    padding: 80px 0;    position: relative;}
.clarke-solar::before{    position: absolute;    content: "";    background-color: #000;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 0.85;}
.brand-story h3{    color: #fff;    border-radius: 40px;    padding: 10px 15px;    border: 1px solid #00aff2;    display: inline-block;    font-size: 16px;}
.brand-story h2{    color: #fff;    font-size: 34px;    line-height: 1.3;}
.brand-story p{    color: #fff;}
.brand-btn a{    color: #fff;    border: 1px solid #fff;    border-radius: 40px;    padding: 8px 15px;    display: inline-block;    margin-top: 5px;    background-color: #00aff2;}
.brand-btn a:hover{    background-color: #fff;    text-decoration: none;    color: #00aff2;}
.inner-page-section{    padding: 60px 0;}
.inner-page-section ul{    padding-bottom: 15px;}
.inner-page-section ul li{    padding-bottom: 10px;    margin-left: 30px;}
.inner-page-section h3{    color: #00aff2;}
.inner-page-section a{    font-weight: 600;}
.inner-page-section a:hover{    color: #00aff2;}



/******************************/

.hero_swiper{   width:100%;    margin-top: 20px;    overflow:hidden;}
.hero_slider{    align-items:center;}
.hero_swiper .swiper-slide{    width:75%;}
.img-wrap{    overflow:hidden;    border-radius:30px;}
.hero_slider img{    width:100%;}
.hero_nav {    display: flex;    align-items: center;    justify-content: center;    gap: 16px;    margin-top: -24px;    position: absolute;    bottom: 10px;    left: 0;    right: 0;    margin-left: auto;    margin-right: auto;    z-index: 2;    background-color: #fff;    border: 1px solid #F0F0F0;    border-radius: 25px;    width: 120px;    padding: 8px 0;}
.hero_counter {    font-weight: 600;    font-size: 16px;    user-select: none;    color: #2D3436;}
.swiper-button-prev svg, .swiper-button-next svg {    display: none;}
.hero_nav img {    width: 15px;}
.mobile-slide-banner{    display: none !important;}
@media(max-width: 767px){    
    
    .mobile-slide-banner{        display: block !important;    }
    .desk-slide-banner{        display: none !important;    }
    .hero_swiper  { padding-top:30px !important; } 
 
}

body.page-template-tc .faq-page.faq_sec {
       margin-bottom: 0 !important;        padding-bottom: 0 !important; 
    }
.contact_page .contact_blk p{
	padding-left: 35px;
}
.contact_page .contact_blk p i{
	position: absolute;
	top: 13px;
	left: 0;
}



.pac-container{
    z-index:999999999 !important;
}
.residebtial_block_design .content_kw {

    min-height: 290px;
}
ul.features {
    min-height: 289px;
}