/*
Theme Name: summit
Theme URI: http://underscores.me/
Author: Igor Giełzak
Author URI: http://xn--giezak-5db.pl
Description: Simple bootstrap boilerplate theme for Wordpress made to save few minutes
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: summit
Tags:

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

Nintai_s is based on Underscores http://underscores.me/, (C) 2012-2015 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 http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Additional customization
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@font-face {
  font-family: 'Avenir-Book';
  src: url('fonts/Avenir-Book.eot'); /* IE9 Compat Modes */
  src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Avenir-Book.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Avenir-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Avenir-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Avenir-Book.svg#Avenir-Book') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Avenir-Medium';
  src: url('fonts/Avenir-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Avenir-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Avenir-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Avenir-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Avenir-Medium.svg#Avenir-Medium') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'RecifeDisplay-SemiBold';
  src: url('fonts/RecifeDisplay-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/RecifeDisplay-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/RecifeDisplay-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/RecifeDisplay-SemiBold.ttf')  format('truetype'); /* Safari, Android, iOS */
       
}
@font-face {
  font-family: 'RecifeDisplay-Regular';
  src: url('fonts/RecifeDisplay-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/RecifeDisplay-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/RecifeDisplay-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/RecifeDisplay-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
       
}
@font-face {
  font-family: 'RecifeDisplay-Bold';
  src: url('fonts/RecifeDisplay-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/RecifeDisplay-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/RecifeDisplay-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/RecifeDisplay-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
       
}
html {

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
h1,h2,h3,h4{ font-family: 'RecifeDisplay-SemiBold';line-height: 1.3}
body {
	margin: 0;
	font-family: 'Avenir-Book';
}
p{font-family: 'Avenir-Book';}
a.whiteBtn,a.greenBtn{font-family: 'Avenir-Medium';cursor: pointer;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {

	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/*--------------------------------------------------------------
# Additional customization
--------------------------------------------------------------*/

/* It is good to override this two */
a:visited{
color: royalblue;
}
a:active{
color: midnightblue;
}


/* margin between "leave comment" and "edit comment" (there was no space between this two */
.comments-link{
margin-right: 5px;
}

.widget > ul{
list-style: none;
padding-left: 0;
margin-left: 0;
}

#navbar{
padding-left: 0;
padding-right: 0;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
#navbar{
padding-left: 15px;
padding-right: 15px;
}
}

/* Custom Font */
/*body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Ubuntu", Helvetica, Arial, sans-serif!important;
}*/

.mainContainer{width:100%;float: left;}
.container{position: relative;}
#masthead{padding: 16px 0}
 #banTxtWrap{position: absolute;display: block;width:100%;right:0px;top:0px;}
 #bannerSection{top:0px!important;width: 100%;position: relative;}
 #banTxtRight{position: absolute!important;right:0px!important;width: 45%!important;}
 #bannerSection{overflow:visible!important;}
 #bannerSection .container{width:95%;max-width:95%;}
 .slid-wrap{position: absolute;top:0px;width: 100%}
 .slid-wrap h1{color: #fff!important}
 .slid-wrap p{color: #fff!important;max-width: 600px;margin: auto;margin-bottom: 20px}
 .slid-wrap a{color: #434343;    padding:18px 55px;
    border-radius: 35px;
    margin-top: 10px;
    background-color: #fff;
    display: inline-block;text-decoration: none!important;transition: all 0.3s;}
    .slid-wrap a:hover{color: #fff;background-color: #bdd62f}

 .whiteBtn{color: #434343!important;    padding: 20px 50px;
    border-radius: 35px;
    margin-top: 10px;
    background-color: #fff;
    display: inline-block;text-decoration: none!important;transition: all 0.3s;border: none!important}
.whiteBtn:hover{color: #fff!important;background-color: #bdd62f;}
 .greenBtn{color: #fff!important;    padding: 20px 50px;
    border-radius: 35px;
    margin-top: 10px;
    background-color: #bdd62f;
    display: inline-block;text-decoration: none!important;transition: all 0.3s;border:none!important}
.greenBtn:hover{color: #fff!important;background-color: #bdd62f;}
#carboneSection .whiteBtn{margin-top: 0px}
 .bannerSlider{min-height:calc(100vh - 93px);max-height: calc(100vh - 93px)!important;}
 .bannerSlider img{object-fit: cover!important;min-height: calc(100vh - 93px)!important;width: 100%;max-height: calc(100vh - 93px)!important;}
 #bannerHtmlBlock{padding:0px!important;}
 #banTxtLeft > h1{font-size: 46px!important;margin-bottom: 15px;margin-top: 0px}
 #banTxtLeft{padding-top: 70px;display: none;}
 .slick-active #banTxtLeft{display: block!important;}
 #banTxtRight{padding-top: 70px}
 .bannerSlider .slick-dots{display: flex;align-items: center;justify-content: center;display: none!important}
 .bannerSlider .slick-dots li{width: 25%;margin: 0px}
 .bannerSlider .slick-dots li button{font-size: 0px;width:100%;padding: 0px!important;height: 2px;background: #fff!important}
 .bannerSlider .slick-dots li button:focus{outline: 0!important}
 .bannerSlider .slick-dots li.slick-active button{font-size: 0px;width:100%;padding: 0px!important;height: 5px;background: #b3774a!important}
 .bannerSlider .slick-dots{position: absolute;bottom: 100px;width: 100%}
 .banerSteps{    position: absolute;
    bottom: 50px; 
    z-index: 99;
    display: flex;cursor: pointer;
    align-items: center;
    justify-content: left;
    width:90%;left: 5%;
}
 .banerSteps > div{width: 50%;color: #fff;font-family: 'Gotham-Book';text-transform: capitalize;display: flex;align-items: center;justify-content: center;}
 .numsteps{width:40px;height: 40px;border-radius: 100%;margin-right: 20px;text-align: center;line-height: 40px}
 .goTo{position: relative;z-index: 100;text-align: center;}
 .strpFormRow{float: left;width: 100%}
 .strpFormRow.twc{float: left;width: 50%} 
 .extn1 {margin-right: 0px!important;}
 .yPhone input {padding-left: 0px!important}
 #banTxtRight select{height: 46px}
 #step2 .strpFormRow.twc:first-child, #step2 .strpFormRow.twc:nth-child(3){width:48%;margin-right: 2%}
 #banTxtRight input:focus, #banTxtRight textarea:focus, #banTxtRight select:focus{background: none!important;}
 .wpcf7-phonetext{padding-left: 45px!important}
 .navArrow{position: absolute;width: auto;bottom: 13px;right:0px;text-align: right;color: #fff;z-index: 99}
 .navArrow i{color: #fff;font-size: 24px;cursor: pointer;}
 #scrollImg{top:350px;}


.progressBarContainer {
  position: absolute;
  bottom: 30px;
  width: 90%;
  left: 5%;
}

.progressBarContainer div {
  display: block;
  width: 50%;
  padding: 0;
  cursor: pointer;

  margin-right: 0px;
  float: left;
  color: white;
}

.progressBarContainer div:last-child {
  margin-right: 0;
}

.progressBarContainer div span.progressBar {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 1);
  display: block;
}

.progressBarContainer div span.progressBar .inProgress {
  background-color: #bdd62f!important;
  width: 0%;
  height: 7px;
  margin-top:-2px;
}
.pie_progress {
      max-width: 15px!important;
      margin: 5px auto;
}
body{font-size: 16px;color: #6c6c6c;overflow-x: hidden;}
p{font-size: 16px}
#main h4{color: #bdd72e;font-size: 20px;margin-top: 0px}
#main h2{color: #004681;font-size: 36px}
#abtSection{padding: 80px 0}
p.section-subtitle{color: #000;font-size: 20px !important;margin-top: 0px; font-family: 'RecifeDisplay-SemiBold';}
.service-item{position: relative;}
.service-item:focus{outline: 0!important}
.service-item img{width:100%;}
.serviceSlider-Text a{text-decoration: none!important}
.serviceSlider-Text{position: absolute;top:0px;left: 0px;width:100%;height: 100%;padding: 50px 80px}
.serviceSlider-Text a.whiteBtn{position: absolute;right: 80px;bottom: 50px}
.serviceSlider-Text h3,.serviceSlider-Text p{color: #fff;max-width: 500px}
.serviceSlider-Text h3{color: #bdd72e;margin-bottom: 25px}
.serviceSlider .slick-arrow{display: none!important;}
#serviceSection{margin-top:30px;margin-bottom: 100px}
#serviceSection .slick-list{overflow: visible;}
#serviceSection .slick-slide {
    margin: 0 30px;
  }
  /* the parent */
#serviceSection .slick-list {
    margin: 0 -30px;
  }


.blogSlider .slick-list{overflow: visible;}
.blogSlider .slick-slide {
    margin: 0 30px;
  }
  /* the parent */
.blogSlider .slick-list {
    margin: 0 -30px;
  }
.blogSlider .slick-slide{display: flex;align-items: center;}
.blogSlider .slick-slide:focus{outline: 0!important}
.blog-wrap{padding: 0 80px}
#carboneSection{margin: 80px 0;}
#carboneSection .container-wrapper{
	width: 95%;
    max-width: 95%;background-color: #f6f6f6;padding:40px 0;margin: auto;
}
#carboneSection p{margin-bottom: 0px!important;font-size: 20px;color: #004681}
#carboneSection p span{position: relative;color: #bdd72e;font-size: 30px;font-weight: bold}
.blogSteps .slick-dots{    position: absolute;
    top: -100px;
    left: 160px;
}
.blogSteps .slick-dots li{list-style: none;display: inline-block;font-size: 0px;width:10px;height: 10px;border-radius: 100%;margin-right: 20px}
.blogSteps .slick-dots li button{border:none;box-shadow: none!important;font-size: 0px;width:10px;height: 10px;border-radius: 100%;}
.blogSteps .slick-dots li.slick-active button{background-color: #bdd62f!important}
.blogSteps .slick-dots li button:focus{outline: 0!important}
.blogSteps .slick-active.slick-current{min-width:500px}
.blogSteps .slick-slide .descsteps {color:#c4c4c4;}
.slick-slide:focus{outline: 0!important}
.blogSteps .slick-active.slick-current .descsteps {color:#6c6c6c;}
.blogStepWrapper{float: left;width: 100%}
.blogStepWrapper{margin-top: 10px;border-top:1px solid #ccc;padding-top: 50px;}
.blogSteps {padding-bottom: 40px}
.blogSlider .col-sm-6{padding-left: 0px!important;padding-right: 0px!important}
.blogSlider h3{margin-bottom: 30px}
#newsletterSection{margin: 80px 0;display: none!important}
#footerSection{margin-top: 80px}
#newsletterSection .container-wrapper{
	width: 95%;
    max-width: 95%;background-color: #f6f6f6;padding:40px 0;margin: auto;}
#contactOnline{float: left;width: 100%;padding: 80px 0 0 0}
#contactOnline h2{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 20px;color: #004681}
#contactOnline h2:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
#contactOnline p{}
.wpcf7-form-control-wrap input,.wpcf7-form-control-wrap select{width: 100%;height: 40px;margin-bottom: 20px;font-size: 15px;padding: 0 10px;border-radius: 3px}
.wpcf7-form-control-wrap textarea{height: 80px;margin-bottom: 20px;font-size: 15px;padding:10px;border-radius: 3px}
.wpcf7-not-valid-tip{display: none!important;}
.wpcf7-not-valid{border:1px solid red!important;}
.submitDiv input[type="submit"]{color: #fff!important;    padding: 20px 50px;
    border-radius: 35px;
    background-color: #bdd62f;
    display: inline-block;text-decoration: none!important;transition: all 0.3s;border:none!important;box-shadow: none!important;font-size: 15px}
.submitDiv h6{font-size: 11px;font-style: italic;}
.fullDiv span:first-child{width: 49%;display: block;float: left;}
.fullDiv span:last-child{width: 49%;display: block;float: right;}
#newsletterSection label{font-size: 26px;color: #3f3f3f; font-family: 'RecifeDisplay-Regular';}
#newsletterSection input[type="email"]{background:none!important;border:none!important;border-bottom: 1px solid #ccc!important;padding: 5px 10px;min-width: 300px;margin:0 15px 0 30px;border-radius: 0px!important}
#newsletterSection input[type="submit"]{background-color:#fff;border:none!important;padding: 12px 25px;border-radius: 25px;box-shadow: none!important;transition: all 0.3s}
#newsletterSection input[type="submit"]:hover{background-color: #bdd62f;color: #fff!important}
#newsletterSection input{font-size: 17px}
#newsletterSection input:focus{outline: 0!important}
#footerSection ul {padding-left: 0px!important;margin-left: 0px;margin-top: 30px}
#footerSection ul li{list-style: none;display: inline-block;margin: 20px}
#footerSection ul li a{color: #6c6c6c;transition: all 0.3s;text-decoration: none!important;font-size: 16px}
#footerSection ul li a:hover{color: #004681;transition: all 0.3s;text-decoration: none!important}
.copyright {border-top: 1px solid #ccc;font-size: 14px}
.copyright p{font-size: 15px}
section{float: left;width:100%}
.entry-content{margin-top: 0px!important}
.flexDisplay{display: flex;align-items: center;}
.flexDisplay > div{display: flex;align-items: center;}
.hamburger-box{top:3px}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background-color:#004681;}
.hamburger{padding: 15px 0}
.hamburger-inner::after{bottom: -8px;right:0px;}
.hamburger-inner::before {
    top: -8px;right: 0px
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width: 37px;height: 3px}
.hamburger-inner{width: 30px}
.hamburger-inner::after{width: 21px}
.is-active .hamburger-inner::after{width:30px;}
#menuSection.showNow{display: block!important;}
#menuSection{width: 100%;min-height:calc(100vh - 93px);max-height:calc(100vh - 93px);position: absolute;top:93px;width:100%;left: 0px;z-index: 9999;background-color: #fff}
#menuSection .container{background-color: #f3f3f3;height:calc(100vh - 93px);width: 95%;
    max-width: 95%;display: flex;align-items: center;}
    #menuSection ul{margin-left: 0px;padding-left: 100px;margin-bottom: 0px}
    #menuSection ul ul ul{padding-left: 20px;height: 0px;opacity: 0;transition: all 0.3s;}
    #menuSection ul ul ul.expandNow{height: 100%;opacity: 1;padding-top: 10px;padding-bottom: 10px}
    #menuSection ul.mainList > li{list-style: none;display: block;width: 100%;line-height: 2;position: relative;}
.has-submenu.menu-level2{position: relative;}
 .has-submenu.menu-level2 > a{font-family: 'RecifeDisplay-SemiBold'}
 
.expandMenu{position: absolute;top:3px;right:-35px;padding: 5px 30px;display: block;cursor: pointer;}
/*.has-submenu.menu-level2:after{content: "keyboard_arrow_down";
  font-family: 'Material Icons';position: absolute;right: 0px;top:0px;padding: 30px}*/
    #menuSection a{transition: all 0.3s;text-decoration: none!important}
        #menuSection a:hover{color: #004681!important}
    #menuSection ul.mainList > li > a{display:block;color: #303030;font-size: 36px;font-family:'RecifeDisplay-SemiBold'}
    html.menuOpened,body.menuOpened{}
.submenu{position: absolute;display: none;width: 450px}
.submenu li a{line-height: 1.5}
.mainList > li.has-submenu:after{content: "";width:0px;height: 2px;background-color: #303030;left:100%;top:50%;position: absolute;transition: all 0.3s;margin-left: -60px}
.mainList > li.has-submenu:hover:after{width: 100px}
.mainList{width:550px;}
.submenu li{list-style: none}
.submenu li a{font-size: 20px;color: #303030!important;}
body .has-submenu.menu-level2 ul li a{font-size: 18px!important;width: 100%;display: block;}
li.has-submenu:hover .submenu{display: block;left:420px;top:20px;padding-left: 0px;}
.fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both}
.phoneicon {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #004681;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    position: relative;
    height: 40px;
    margin-right: 50px;
    cursor: pointer;
    -webkit-transition: background 250ms linear,border 250ms linear;
    -o-transition: background 250ms linear,border 250ms linear;
    transition: background 250ms linear,border 250ms linear
}
.phoneicon:hover{background-color:#004681 }


.phoneicon img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    transition: opacity 250ms linear
}

.phoneicon .headerContactInfo {
    position: absolute;
    top: 100%;
    z-index: 99999;
    left: -120px;
    left: -10000px;
    width: 300px;
    margin-top: 20px;
    background: #fff;
    padding: 30px 50px;
    text-align: center;
    opacity: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    -webkit-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    transform: translateX(-25px);
    -webkit-transition: left 0s linear 250ms,opacity 250ms linear .1s,-webkit-transform 250ms linear,-webkit-transform 250ms linear;
    -o-transition: left 0s linear 250ms,transform 250ms linear,transform 250ms linear,opacity 250ms linear .1s;
    transition: left 0s linear 250ms,transform 250ms linear,transform 250ms linear,opacity 250ms linear .1s;
    transition: left 0s linear 250ms,transform 250ms linear,transform 250ms linear,opacity 250ms linear .1s,-webkit-transform 250ms linear,-webkit-transform 250ms linear
}

.phoneicon .headerContactInfo:before {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    content: ''
}
.headerContactInfo label{display: block;color: #666;font-size: 14px;font-weight:normal!important;}
.headerContactInfo .phone-region{display: block;color: #666;font-size: 14px;font-weight:normal!important;}
.headerContactInfo a{font-weight:bold;font-size: 18px;color: #303030!important;text-decoration: none!important;}
.headerContactInfo a:hover{color: #004681!important}
.headerContactInfo a.greenBtn{font-weight:normal!important;font-size: 16px;color: #fff!important}

.phoneicon .headerContactInfo .button {
    margin: 0;
    display: block
}

.phoneicon .headerContactInfo .button .btn {
    padding: 22px 20px
}
.submenu li.has-submenu.menu-level2 .expandMenu li a{font-family: 'Avenir-Book';font-size: 18px!important}
.phoneicon .headerContactInfo span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 7px
}
.triangleShadow {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -46px;
    z-index: 0;
    left: 0;
    -webkit-box-shadow: 0 16px 10px -17px rgba(0,0,0,.1);
    box-shadow: 0 16px 10px -17px rgba(0,0,0,.1);
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0;
    -webkit-transition: opacity 150ms linear,-webkit-transform 150ms linear;
    -o-transition: opacity 150ms linear,transform 150ms linear;
    transition: opacity 150ms linear,transform 150ms linear;
    transition: opacity 150ms linear,transform 150ms linear,-webkit-transform 150ms linear
}

.triangleShadow:after {
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 999;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 75px;
    left: 1px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
    box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
    content: ""
}
.phoneicon.active .headerContactInfo {
    left: -125px;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: left 0s linear,opacity 250ms linear,-webkit-transform 250ms linear,-webkit-transform 250ms linear;
    -o-transition: left 0s linear,transform 250ms linear,transform 250ms linear,opacity 250ms linear;
    transition: left 0s linear,transform 250ms linear,transform 250ms linear,opacity 250ms linear;
    transition: left 0s linear,transform 250ms linear,transform 250ms linear,opacity 250ms linear,-webkit-transform 250ms linear,-webkit-transform 250ms linear
}

.phoneicon.active .triangleShadow {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 150ms linear .2s,-webkit-transform 150ms linear .2s;
    -o-transition: opacity 150ms linear .2s,transform 150ms linear .2s;
    transition: opacity 150ms linear .2s,transform 150ms linear .2s;
    transition: opacity 150ms linear .2s,transform 150ms linear .2s,-webkit-transform 150ms linear .2s
}


@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
.slid-wrap{display: flex;align-items: center;justify-content: center;height: 100%}
.slid-wrap #banTxtLeft{padding-top: 0px!important}
.home .slid-wrap #banTxtLeft{margin-top: -60px!important}
#eneryAssociation{padding: 80px 0}
#eneryAssociation p{font-size: 26px;max-width: 850px;margin: auto;text-align: center;}
#eneryAssociation p span{color: #bdd634}
.video-bg{width:100%;}
.videoaction{position: absolute;width:100%;display: flex;align-items: center;flex-direction: column;
}
.videoaction h2{color: #fff!important;margin-bottom: 20px}
#videoSection .col-sm-12{display: flex;align-items: center;justify-content: center;}
.modal {
text-align: center;
padding: 0!important;
}

.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}

.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.modal-header{    position: absolute;
        top: -18px;
    right: -18px;border: none!important;padding: 0px!important;background-color: #fff!important;border-radius: 100%;width:20px;height: 20px}
.modal-header button{width:20px;height: 20px;border-radius: 100%;border: none!important;background-color: #fff!important;margin-top: 0px!important}
#commercialClients{padding: 80px 0}
#commercialClients a.whiteBtn{margin-top: 50px}
#commercialClients h2{position: relative;font-size: 26px;padding-left: 120px;margin-top: 0px;margin-bottom: 40px}
#commercialClients h2:before{position: absolute;content: "";width:100px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }

#faqSection{padding: 80px 0 0 0;position: relative;}
#faqSection h2{margin-bottom: 50px}
#faqSection:after{position: absolute;content: "";width: 100%;height: 100%;background:url(images/map-dots.png);background-repeat: no-repeat;background-size: cover;top:0px;left: 0px}
.faqIndex{position: relative;z-index: 2}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "keyboard_arrow_up";
  font-family: 'Material Icons';
  right: 0px;
    position: absolute;
  
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "keyboard_arrow_down";
 font-family: 'Material Icons';
  right: 0px;
    position: absolute;
 
}
.panel-heading{background: none!important;border:none!important;font-size: 22px}
.panel-body{border:none!important;}
.panel-title a{font-size: 22px;width:100%;display: block;color: #3f3f3f;text-decoration: none!important}
#faqSection .container{border-bottom: 1px solid #ddd;padding-bottom: 80px;
    margin-bottom: 80px;}
.panel{border:none!important;border-bottom: 1px solid #ddd!important;border-radius: 0px!important;background:none!important;margin-bottom: 30px!important;box-shadow: none!important}
.panel-title a:hover{text-decoration: none!important}
a{outline: 0!important;}
#eneryCost{padding: 80px 0;background-size: cover;background-repeat: no-repeat;position: relative;}
#eneryCost .eneryCostBg{background-size: cover;background-repeat: no-repeat;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%}  
#eneryCost h2{margin-bottom: 35px;font-size: 32px}
.mainPageWrapper > .col-sm-12{padding-left: 0px!important;padding-right: 0px!important}
#eneryCostBottom{padding: 60px 0 0 0}
.page-template-page-business #serviceSection{margin-bottom: 0px}
#carboneSection h2{font-size: 22px}
.page-template-page-business #carboneSection{margin: 80px 0 0 0}
.page-template-page-faq #carboneSection{margin:0px!important;padding: 0px!important}
#freeConsultaion .container{padding: 40px 0 40px 0;margin-bottom: 80px}
.page-template-page-faq #freeConsultaion .container{margin-bottom: 0px}
#freeConsultaion .container{border-bottom: 2px solid #f6f6f6}
#freeConsultaion p{font-size: 18px;}
.sdown-wrapper{position: absolute;
	bottom: 20px;left: 50%;margin-left: -10px;
    min-width: 20px;
    max-width: 20px;z-index: 19;}
.sdown-wrapper .material-icons{border: 0px;
    margin-left: 9px;
    /* margin-bottom: -3px; */
    padding-bottom: -1px;
    display: block;
    color: #fff;}
.sdown{    z-index: 19;
	position: absolute;
	bottom: 20px;left: 50%;margin-left: -10px;
    min-width: 20px;
    max-width: 20px;
    white-space: nowrap;
    font-weight: 300;
    color: transparent;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    border-radius: 23px;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-size: 14px;
    min-height: 40px;
    max-height: 40px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;}
 @keyframes rev-ani-mouse {

	0% {opacity: 1;top: 29%;}

	15% {opacity: 1;top: 50%;}

	50% {opacity: 0;top: 50%;}

	100% {opacity: 0;top: 29%;}

}
    .sdown span{position: absolute;

	display: block;

	top: 29%;

	left: 50%;

	width: 8px;

	height: 8px;

	margin: -4px 0 0 -4px;

	background: white;

	border-radius: 50%;	

	animation: rev-ani-mouse 2.5s linear infinite;}
.mt-120{margin-top: 120px}  
#greenHomeSection{position: relative;}
#greenHomeSection .col-sm-12{position: relative;}
#greenHomeSection h2{margin-top: 0px!important;font-size: 26px;color: #fff!important}
.greenHomeHover{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top:0px;left: 0px}
.page-template-page-faq .panel-group{margin:auto;max-width: 1000px;position: relative;}
.page-template-page-faq #abtSection{position: relative;}
.page-template-page-faq #abtSection:after{position: absolute;content: "";width: 100%;height: 100%;background:url(images/map-dots.png);background-repeat: no-repeat;background-size: contain;top:0px;left: 0px;z-index: -1;opacity: 0.5}
.page-template-page-faq .panel-group .panel-heading{margin-bottom: 0px;padding: 28px 15px}
.page-template-page-faq .panel{margin-bottom: 0px!important}
.page-template-page-faq .panel-body{padding-bottom: 40px!important}
.page-template-page-faq .panel-default>.panel-heading a[aria-expanded="false"]:after{top:-7px;font-size: 30px}
.page-template-page-faq .panel-default>.panel-heading a[aria-expanded="true"]:after{top:-7px;font-size: 30px}
.page-template-page-faq .panel-title a{position: relative;}
.page-template-page-contact #banTxtLeft h3{color: #fff!important}
.page-template-page-contact .panel-body{padding-top: 60px}
.nav-tabs{margin-left: 0px;border-bottom:1px solid #d4d4d4}
.nav-tabs>li{margin-bottom: 0px!important;width:25%;text-align: center;position: relative;}
.nav-tabs>li.active:after{content: "";width:100%;bottom: -3px;height: 6px;left: 0px;background-color: #004681;position: absolute;}

.nav-tabs>li>a{border:none!important;color: #6c6c6c!important;font-family: 'RecifeDisplay-Regular';font-size: 20px;cursor: pointer;padding: 20px 15px}
.nav>li>a:hover, .nav>li>a:focus{background: none!important}
.nav-tabs>li.active a{color: #004681!important}

.contact-card{width: 90%;background-color: #fff;-webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);    padding: 60px 30px 60px 30px;
    text-align: center;transition: all 0.5s;cursor: pointer;min-height: 345px;border-radius: 6px;border-bottom: 6px solid #004681}
    .contact-card img{max-height: 60px}
.contact-card h4{margin: 30px 0!important;color:#004681!important;transition: all 0.5s;}
.contact-card p{margin-bottom:0px!important;color:#6c6c6c;transition:all 0.5s; }
.contact-card a{color:#6c6c6c;transition:all 0.5s; }
.contact-card a.green{color:#6c6c6c;transition:all 0.5s;font-weight: bold}
.contact-card:hover{background-color: #004681;box-shadow: none!important}
.contact-card:hover h4{color: #fff!important}
.contact-card:hover p{color: #bdd631!important}
.contact-card:hover a{color: #bdd631!important;text-decoration: none!important}
.mapSection{padding: 80px 0;float: left;width: 100%}
.page-template-page-contact .panel-body .col-md-4{padding: 0px!important}
.page-template-page-contact .panel-body .col-md-4.text-center .contact-card{margin: auto;}
.page-template-page-contact .panel-body .col-md-4.text-right .contact-card{float: right;}
.page-template-page-contact #carboneSection{margin: 0px!important;}
.page-template-page-contact #freeConsultaion .container{margin-bottom: 0px!important;}
.page-template-page-contact #abtSection{padding-bottom: 0px!important}
#openingHours{padding-top: 40px}
#openingHours td,#openingHours th{padding: 10px}
#openingHours h2{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
#openingHours h2:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
#openingHours h3{font-size: 24px;color:#004681!important}
#openingHours h3 a{font-size: 24px;color:#6c6c6c!important; font-family: 'RecifeDisplay-Bold';text-decoration: none!important}
.blogLists{margin-left: 0px;margin: 0px!important}
.blogLists li{width: 33.33%;float: left;margin-top:80px;list-style: none;}
.blogLists li h3{font-size: 22px}
body:not(.paged) .blogLists li:first-child h3{font-size: 26px}
body:not(.paged) .blogLists li:first-child{width: 100%;float: left;margin-top: 30px;}
body:not(.paged) .blogLists li:first-child .innerBlogList{display: flex;align-items: center;}
body:not(.paged) .blogLists li:first-child .innerBlogList .col1{width: 60%}
body:not(.paged) .blogLists li:first-child .innerBlogList .col1 a img{height:auto!important;width: 100%}
.single .blogLists{padding-left: 0px!important}
.single .blogLists li h3{font-size: 20px!important}
.single .blogLists li{margin-top: 30px!important}
.single .blogLists li:first-child{width: 33.33%!important;float: left;margin-top: 0px;}
.single .blogLists li:first-child .innerBlogList{display: block!important;}
.single .blogLists li:first-child .innerBlogList .col1{width: 100%!important}
.single .blogLists li:first-child .innerBlogList .col2{width: 100%!important;padding: 0px!important}

.blogLists li .col1{position: relative;}
.blogLists li .col1 a img{transition: all 0.5s;height: 230px;object-fit: cover;width: 100%}
.blogLists li .col1 a:hover img{/*transform: scale(1.05);*/}
.blogLists li .col1 span{color: #6c6c6c!important;font-size: 16px;text-decoration: none!important;right: 0px;top:-40px;width: 100%;display: block;text-align: right;padding: 0;position: absolute;}
body:not(.paged) .blogLists li:first-child .innerBlogList .col2{width: 40%;padding: 0 50px}
.innerBlogList{margin-left: 15px;margin-right: 15px}
.innerBlogList h3 a{color: #3f3f3f!important}
.innerBlogList h3 a:hover{text-decoration: none!important;color: #3f3f3f}
.innerBlogList a{text-decoration: none!important}
.page-template-page-blog #newsletterSection{margin: 0px!important}
.paginationSection{width: 100%;display: block;float: left;display: flex;align-items: center;justify-content: center;}
.paginationSection p{color: #6c6c6c!important;font-size: 18px;font-family: 'RecifeDisplay-Regular';margin: 10px}
.paginationSection p a{color: #6c6c6c!important;font-size: 20px;font-family: 'RecifeDisplay-Regular';text-decoration: none!important}
.single #primary{padding-top:40px}
.single #primary .entry-header{float: left;width: 100%}
.single #primary .entry-content{padding-top: 80px;float: left;width: 100%;padding-bottom: 80px}
.singleBlogImage{float: left;width: 100%;}
.singleBlogImage img{width: 100%;max-height: 450px;object-fit: cover;}
.single .tags-links{display: none;}
#relatedPost h2{border-bottom: 1px solid #d6d6d6;padding-bottom: 30px}
.page-template-page-protectionplan #abtSection h4{color: #004681;margin-bottom: 20px}
.page-template-page-protectionplan #abtSection .row{margin-bottom: 30px}
#protectionList h3{position: relative;
    font-size: 26px;
    padding-left: 120px;
    margin-top: 0px;
    margin-bottom: 40px;color: #004681}
#protectionList h3:before{position: absolute;
    content: "";
    width: 100px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634;}
    #protectionList ul{margin-left: 0px!important;padding-left: 0px!important}
#protectionList li{list-style: none;line-height: 2;position: relative;padding-left:30px;margin-bottom: 7px}
#protectionList li:before{content: "";position: absolute;left: 0px;width: 20px;height: 20px;background:url('images/tick.png');;background-size: contain;;background-repeat: no-repeat;top:8px;}
#protectionList .container{padding-top: 80px;border-top:1px solid #d4d4d4;}
.signup-program{margin-bottom: 0px!important}
.signup-program,#carboneSection.signup-program .container-wrapper{background-color:#004681!important}
.signup-program h2{color: #fff!important;margin: 0 20px}
.dispFlex{display: flex;align-items: center;justify-content: center;}
#repairCostSection {margin-bottom: 80px}
#repairCostSection .container{background-color: #f6f6f6;padding: 150px 0 80px 0; width: 95%;
    max-width: 95%;margin-top: 80px}
.repair-inner{width: 70%;background-color: #fff;-webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);    padding: 60px 30px 60px 30px;
    text-align: center;transition: all 0.5s;cursor: pointer;min-height: 345px;border-radius: 6px;border-bottom:10px solid #004681;margin: auto;position: relative;}
.repair-inner img{max-height: 150px;margin-top: -100px}
.repair-inner h4{margin: 20px 0 40px 0!important;color: #004681!important;position: relative;}
.repair-inner h4:after{content: "";width: 100px;left: 50%;bottom: -20px;height: 1px;background-color:#004681;position: absolute;margin-left: -50px}
.repair-inner p{line-height: 2}
.repair-inner a.whiteBtn{border:1px solid #d6d6d6!important;padding: 16px 50px!important}
.page-template-page-protectionplan #newsletterSection{margin-top: 0px!important}
.innerServiceCard{position: relative;cursor: pointer;}
.serviceHoverPart{position: absolute;bottom: 0px;left: 0px;width: 100%;height:100px;padding: 30px;transition: all 0.5s}
.innerServiceCard:hover .serviceHoverPart{height:295px;transition: all 0.5s}
.innerServiceCard:hover p,.innerServiceCard:hover a{opacity: 1}
.serviceHoverPart > div{}
.innerServiceCard p ,.innerServiceCard a{opacity: 0}
.innerServiceCard{overflow: hidden;}
.innerServiceCard .whiteBtn{padding: 16px 50px}
.innerServiceCard p{color: #fff!important;margin-bottom: 5px}
.naturalGasAbout .col-sm-12{display: flex;align-items: center;}
.naturalGasAbout .col-sm-12 > div{width:33.33%;padding: 0 15px}
.naturalGasAbout .col-sm-12 h4{color: #6c6c6c!important}
#choiceSection h3{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
#choiceSection h3:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
.naturalGasAbout h3{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
.naturalGasAbout h3:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }


#choiceSection a.whiteBtn{padding: 14px 50px!important;border: 1px solid #434343!important}
#choiceSection .container{padding-top: 80px;border-top:2px solid #f6f6f6;}
#marketVolatility > .container{background-color: #f6f6f6;padding: 80px 0 80px 0; width: 95%;
    max-width: 95%;}
.volatility-card{width: 90%;background-color: #fff;-webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);    padding: 30px 30px 30px 30px;
    text-align: center;transition: all 0.5s;cursor: pointer;border-radius: 6px;border-bottom:10px solid #004681;margin: auto;position: relative;min-height: 415px}
.volatility-card h4{margin: 30px 0 20px 0!important;color:#004681!important}
#marketVolatility{margin: 80px 0}
#marketVolatility h2{margin-top: 0px!important}
.volatility-card:hover{background-color:#004681!important}
.volatility-card:hover h4,.volatility-card:hover p{color:#fff!important}
#protectionList.summittOffer .container{padding-top: 0px!important;border:none!important;}
.page-template-page-naturalgas #carboneSection{margin-bottom: 0px!important}
.page-template-page-naturalgas #serviceSection{margin-bottom: 0px!important}
#alternateSection{padding: 80px 0}
#alternateSection .pad0{padding: 0px!important}
#alternateSection .row{display: flex;align-items: center;}
.padLeft{padding-left: 50px}
.padRight{padding-right: 50px}
.page-template-page-residentialenergy #carboneSection{margin-bottom: 0px!important}
.page-template-page-residentialenergy #serviceSection{margin-bottom: 0px!important}
.page-template-page-residentialenergy #protectionList.summittOffer .container{padding-top: 80px!important;border-top:2px solid #f6f6f6!important;}
.paymentAbout h3{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
.paymentAbout h3:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
#banTxtLeft h3{color: #fff}
#payOnline .container{padding-top: 80px; border-top: 2px solid #f6f6f6}
#payOnline h3{color: #004681}
#payOnline label{width: 100%;font-weight: normal;}
#payOnline .col-sm-6{margin-bottom: 20px}
#payOnline input[type="text"],#payOnline select{height: 45px;border:1px solid #ccc;width:100%;background-color: #fff;font-size: 15px;padding: 0 20px;border-radius: 8px}
#payOnline input[type="submit"]{background-color: #004581;padding: 20px 20px;width:250px;margin: auto;color: #fff!important;box-shadow: none!important;border-radius: 50px;font-size: 16px;margin-top: 30px}
#payOnline .col-sm-12{margin-bottom:30px}
input:focus,select:focus{outline: 0!important}
#climateFriendly h3{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
#climateFriendly h3:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
.pr-80{padding-right: 80px}
#climateFriendly .container{padding-top: 80px;border-top:2px solid #f6f6f6;}
#statsSection{padding: 80px 0;background-color: #f6f6f6}
#statsSection h3{color:#004681;padding: 0 20px 20px 20px}
#makeChange{padding: 80px 0}
#makeChange .row{display: flex;align-items: center;}
#makeChange h3{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
#makeChange h3:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
.page-template-page-evergreen #carboneSection{margin: 0px!important}
.page-template-page-evergreen #serviceSection{margin-bottom: 0px!important}
.waterfilterAbout h3{padding-right: 41px}
.waterfilterAbout .col-sm-12{padding-top:30px}
.hotwaterAbout h3,.waterfilterAbout h3{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
.hotwaterAbout h3:before,.waterfilterAbout h3:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
.hotwaterAbout .row{display: flex;align-items: center;}
.listBottom{padding-top: 40px;border-top:2px solid #f6f6f6;margin-top: 40px}
.listBottom p{font-size: 20px;font-weight: bold;margin-bottom: 0px}
#pureWaterSection .container{padding: 80px 0;border-top:2px solid #f6f6f6;}
#pureWaterSection .row{display: flex;align-items: center;}
#pureWaterSection h3{color: #004681;margin-bottom: 20px}
.page-template-page-hotwatertank #carboneSection{margin-bottom: 0px!important}
.page-template-page-hotwatertank #serviceSection{margin-bottom: 0px!important}

.page-template-page-waterfilter #carboneSection{margin-bottom: 0px!important}
.page-template-page-waterfilter #serviceSection{margin-bottom: 0px!important}
#chlorinatedWater > .container{background-color: #f6f6f6;padding: 80px 0 0px 0; width: 95%;
    max-width: 95%;}
    .pb100{padding-bottom: 100px}
#chlorinatedWater h3,#removeChlorine h3{margin-top: 0px!important;position: relative;font-size: 24px;padding-left: 100px;margin-top: 0px;margin-bottom: 40px;color: #004681}
#removeChlorine{padding-top: 200px}
#chlorinatedWater h3:before,#removeChlorine h3:before{position: absolute;content: "";width:80px;top: 12px;
    height: 5px;left: 0px;background-color:#bdd634 }
#chlorinatedWater img{position: absolute;}
.home #carboneSection{margin: 0 0 80px 0}
a.whiteBtn.greyBorder{border:1px solid #6c6c6c!important;}
a.whiteBtn.greyBorder:hover{border:1px solid #bdd62f!important;}
.serviceNav{position: absolute;
    top: 50%;
    margin-top: -65px;
    z-index: 9;
    width: 100%;}
.serviceNavLeft{position: absolute;left: 7px;cursor: pointer;}
.serviceNavRight{position: absolute;right: 7px;cursor: pointer;}  
#repairCostSection:focus{outline: 0}
.hentry{margin: 0px}
.home #abtSection h2{margin-bottom: 25px}
#serviceSectionHeader .row .col-sm-6:last-child{display: none!important}
#paymentThankyou{padding-top: 80px}
.page-template-page-about .panel-body ul{margin-left: 0px}
.page-template-page-about .panel-title a{position: relative;padding-right: 30px}
.page-template-page-about .panel-default>.panel-heading a[aria-expanded="false"]:after{top:0px;}
.page-template-page-about .panel-default>.panel-heading a[aria-expanded="true"]:after{top:0px;}
.contactfaq{z-index: 9;position: relative;}
.page-template-page-energyprograms .service-item{margin-bottom: 30px}
.page-template-page-energyprograms .service-item img{max-height: 525px;object-fit: cover;}
.access-card{margin-bottom: 40px}
.access-card a{text-align: center;font-weight: bold;color: #000!important;width: 100%;display: block;}
.access-card a label{padding-top: 20px}
.page-template-page-accessibility #abtSection{padding-bottom: 0px}
#fullWidth{padding-top: 80px}
#blogSection .slick-slide img{height: 350px!important;width: 100%!important;object-fit: cover!important;}
#blogSection h3 a{text-decoration: none!important;color:#004681!important }  
.accessibilityText p{text-align: center!important;}
.accessibilityText p a{display: inline-block;color: #004681!important;text-decoration: none!important}
@media (min-width: 1400px){
body:not(.home) .bannerSlider img{min-height: 564px!important;max-height: 564px!important}
body:not(.home) .bannerSlider{min-height: 564px!important;max-height: 564px!important}
}

@media (min-width: 1600px){
#bannerSection .container{width:1500px;max-width:1500px;}
#carboneSection .container-wrapper{width:1500px;max-width:1500px;}
#newsletterSection .container-wrapper{width:1500px;max-width:1500px;}
#repairCostSection .container{width:1500px;max-width:1500px;}
#menuSection .container{width:1500px;max-width:1500px;}
#marketVolatility > .container{width:1500px;max-width:1500px;}
#chlorinatedWater > .container{width:1500px;max-width:1500px;}
}

@media (min-width: 768px) {
  .tabSection .panel-heading {
    display: none;
  }
  .tabSection .panel {
    border: none;
    box-shadow: none;
  }
  .tabSection .panel-collapse {
    height: auto;
  }
  .tabSection .panel-collapse.collapse {
    display: block;
  }
}

@media (max-width: 1200px) {
	#abtSection h2 br{display: none}
}

@media (max-width: 992px) {
	#main h2{font-size: 30px}
	.serviceSlider-Text{padding: 25px 45px}
	#carboneSection p br{display: none;}
	.blog-wrap{padding: 0 45px}
	#serviceSection .slick-list,.blogSlider .slick-list{overflow: hidden!important;}
	body,html{overflow-x: hidden;}
	#carboneSection .container-wrapper{width: 100%;max-width: 100%}
    #newsletterSection .container-wrapper{width: 100%;max-width: 100%}
    #repairCostSection .container{width: 100%;max-width: 100%}
    #marketVolatility > .container{width: 100%;max-width: 100%}
    #chlorinatedWater > .container{width: 100%;max-width: 100%}
    .page-template-page-homeservice #abtSection .col-sm-4{width: 50%;margin-bottom: 20px}
}



@media (max-width: 992px) {
	#commercialClients h2{padding-left: 0px;padding-top: 40px}
	#commercialClients .row{align-items: center;display: flex;}
	#marketVolatility .col-sm-4{width: 100%;margin-bottom: 30px}
	.freeConsultaion p{padding: 0 20px}
	#eneryCost h2 br{display: none}
	#eneryCost{background-position: center;}
	.copyright{padding-top: 20px}
	.listBottom p br{display: none}
	#abtSection .col-sm-6.col-sm-offset-3{width: 75%!important;margin-left: 12.5%!important}
	.signup-program a{min-width: 200px}
	.repair-inner{width: 100%;padding: 60px 20px 60px 20px;}
	#repairCostSection .row{padding-left: 30px;padding-right: 30px}
#repairCostSection .container{padding-top: 100px}
#climateFriendly h3{padding-left: 0px;padding-top: 30px}
#climateFriendly h3 br{display: none;}
#makeChange h3 br,#statsSection h3 br{display: none;}
.pr-80{padding-right: 15px}
#chlorinatedWater img{max-width: 90%}
#payOnline .col-sm-6{width:100%;}
.contact-card{width: 100%;margin-bottom: 30px!important}
#openingHours h3 a{display: block;}
.hentry{margin: 0px!important}
}
@media (max-width: 767px) {

.page-template-page-energyprograms #abtSection .col-sm-6{width: 50%!important;float: left;}
.page-template-page-energyprograms #abtSection .serviceSlider-Text p{display: none!important}
.page-template-page-energyprograms #abtSection .serviceSlider-Text .whiteBtn{
    padding: 4px 015px!important;
    font-size: 12px;
}
.page-template-page-energyprograms #abtSection .serviceSlider-Text h3{font-size: 20px!important}
.page-template-page-energyprograms .serviceSlider-Text{padding: 10px!important}
  .tabSection .tab-content .tab-pane {
    display: block;
  }
  .tabSection .nav-tabs {
    display: none;
  }
  .tabSection .panel-title a {
    display: block;
  }
   .tabSection .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
  }
  .tabSection .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
  }
  .tabSection .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
  }
#banTxtLeft > h1{font-size: 30px!important}
.goTo{font-size: 0px}
.phoneicon .headerContactInfo{width: 200px;padding:30px 15px 0 15px;}
.phoneicon .headerContactInfo{width:200px;padding:30px 15px 0 15px;}
.phoneicon .headerContactInfo a.greenBtn{padding: 10px 20px}
.phoneicon .headerContactInfo a{font-size: 16px}
#abtSection {padding: 40px 0}
.serviceNav{margin-top: -15px}
.serviceNavLeft,.serviceNavRight{max-width: 30px}
#serviceSection .slick-slide {margin: 0 5px;}
.service-item img{min-height: 300px;object-fit: cover;}
.serviceSlider-Text {padding: 15px 20px;}
.serviceSlider-Text a.whiteBtn{display: none;}
#abtSection a.whiteBtn.greyBorder{margin-bottom: 20px}
#main h2{font-size: 26px;margin-top: 10px}
#serviceSection{margin-bottom: 40px}
#carboneSection p,#carboneSection .col-sm-4{text-align: center!important;}
.whiteBtn,.greenBtn{padding: 15px 50px;}
#blogSection > .container > .col-sm-6{width: 50%!important;float: left;}
#blogSection > .container > .col-sm-6.text-right{margin-left: auto!important;}
#blogSection > .container > div:first-child{display: flex;align-items: center;margin-bottom: 20px}
#blogSection > .container > div:first-child .col-sm-6.text-right{margin-left: auto;}
.blogSteps .slick-dots{margin-left: 0px!important;padding-left: 0px!important;left: inherit;right: 0px;top:-5px;}

.blogSteps .slick-slide .descsteps{opacity: 0;display: none;}
.blogSteps .slick-slide.slick-active.slick-current .descsteps{opacity: 1;display: inline-block;}
.blogSlider .slick-slide{display: block;}
.blogSteps{margin-bottom: 20px}
.blogStepWrapper{padding-top: 20px}
.home #carboneSection{margin-bottom: 40px}
.blogSteps{padding-bottom: 0px!important}
.blog-wrap{padding: 0px}
#newsletterSection{margin: 40px 0}
#newsletterSection input[type="email"]{margin-left: 0px;margin-right: 0px;min-width: 100%;text-align: center;margin-bottom: 20px}
.slid-wrap p{padding: 0 30px}
.home .bannerSlider img,.home .bannerSlider{min-height: 600px!important;max-height: 600px!important}
.bannerSlider img,.bannerSlider{min-height: 300px!important;max-height:300px!important}
.mainList{width: 100%!important;padding-left: 20px!important}
#menuSection ul.mainList > li > a{font-size: 22px}
.submenu{position: static!important;width: 100%;padding-left: 20px!important;display: block!important;padding-right: 20px!important}
#banTxtLeft{padding: 0 20px}
#banTxtLeft > h1 br{display: none;}
.mainList > li.has-submenu:after{display: none!important;}
.has-submenu.menu-level2{margin-bottom: 10px}
.has-submenu.menu-level2 ul li{margin-bottom: 10px}
#menuSection .container{height: 100%!important;min-height:calc(100vh - 93px);display: block;}
.has-submenu.menu-level2 > a{font-size: 14px!important}
body .has-submenu.menu-level2 ul li a{font-size: 14px!important}
#menuSection ul.mainList{padding-top: 30px;padding-bottom: 30px}
#eneryAssociation{padding: 0px 0 40px 0}
#eneryAssociation p{font-size: 20px;padding: 0 20px}
.video-bg{min-height: 230px}
#commercialClients{padding: 40px 0}
#commercialClients .row{display: block;}
#commercialClients a.whiteBtn{margin-top: 0px;margin-bottom: 30px}
#commercialClients h2{margin-bottom: 20px}
#faqSection{padding-top: 0px}
#faqSection .container{padding-bottom: 0px!important;margin-bottom: 0px!important}
.panel{border-bottom: none!important}
.sdown-wrapper{display: none;}
.mt-120{margin-top: 30px}
.greenHomeHover{padding: 20px}
#greenHomeSection img{min-height: 250px}
#newsletterSection input[type="email"]{margin-top: 20px}
.page-template-page-energyprograms .serviceSlider-Text a.whiteBtn{display: inline-block;position: inherit;}
.page-template-page-energyprograms .serviceSlider-Text{display: flex;align-items: center;text-align: center;}
.page-template-page-energyprograms .serviceSlider-Text a.whiteBtn{left: 0px;bottom: inherit;}
.naturalGasAbout .col-sm-12{width: 100%;display: block;}
.naturalGasAbout .col-sm-12 > div{width: 100%;display: block;text-align: center;}
.naturalGasAbout .col-sm-12 > div img{max-width: 200px;padding: 20px 0;}
#choiceSection .container{padding-top: 40px}
#choiceSection h3{margin-bottom: 20px}
#marketVolatility{margin: 40px 0}
#marketVolatility > .container{padding: 40px 20px}
#carboneSection {margin: 40px 0;}
#freeConsultaion p{padding: 0 20px}
#freeConsultaion .container{padding: 40px 0 0 0;margin-bottom: 40px}
#footerSection ul li{margin: 10px 20px}
.slid-wrap p br{display: none}
#alternateSection .row{flex-direction: column;}
#alternateSection{padding:20px 0 10px 0}
#alternateSection .row{padding-left: 15px;padding-right: 15px}
.padLeft{padding-left: 0px}
.padRight{padding-right: 0px}
.imgSection {order:2;margin-bottom: 30px}
.textSection {order:1;}
.page-template-page-residentialenergy #protectionList.summittOffer .container{padding-top: 40px!important}
#protectionList h3{margin-bottom: 15px}
#eneryCost{padding: 40px 0}
.page-template-page-business #carboneSection {margin: 40px 0 0 0;}
#eneryCost{background-position: left;}
#freeConsultaion .row{padding: 0 15px!important}
.page-template-page-homeservice #abtSection .col-sm-4{width: 100%;margin-bottom: 20px}
.hotwaterAbout .row{flex-direction: column;}
.hotwaterAbout .row div:first-child{order:2;}
.watertank-whychoose img{margin-bottom: 20px}
#protectionList .container{padding-top: 40px}
.hotwaterAbout h3, .waterfilterAbout h3{margin-bottom: 20px}
.expandMenu{top:0px;}
#abtSection .col-sm-6.col-sm-offset-3{width: 100%!important;margin-left: 0px!important}
.page-template-page-protectionplan #abtSection h4 br{display: none}
.page-template-page-protectionplan #abtSection .row{margin-bottom: 0px}
.dispFlex{display: block!important;}
.signup-program a{margin: 20px 0}
.repair-inner{margin-bottom: 70px}
#repairCostSection .container{padding-bottom: 0px!important}
#repairCostSection{margin-bottom: 40px}
#climateFriendly .container{padding-top: 40px}
#makeChange .row{flex-direction: column;}
#makeChange .row .col-sm-6:last-child{order:1;}
#makeChange .row .col-sm-6:first-child{order:2;}
#makeChange,#statsSection{padding: 40px 0}
.hotwaterAbout h3, .waterfilterAbout h3{padding-left: 0px;padding-top: 30px}
#pureWaterSection .row{flex-direction: column;padding-left: 15px;padding-right: 15px}
#pureWaterSection .row .col-sm-6:first-child{order:2;}
#pureWaterSection .container{padding: 40px 0}
#chlorinatedWater img{position: static;width: 100%!important;margin-bottom: 30px}
.pb100{padding-bottom: 40px}
#removeChlorine{padding-top: 40px}
#removeChlorine img{padding-bottom:20px}
#removeChlorine h3 br{display: none;max-width: 150px}
body:not(.paged) .blogLists li:first-child .innerBlogList{display: block!important}
body:not(.paged) .blogLists li:first-child .innerBlogList .col1{width: 100%}
body:not(.paged) .blogLists li:first-child .innerBlogList .col2{width: 100%;padding: 0px}
.blogLists{padding-left: 0px!important}
.blogLists li{width: 100%}
.blogLists li{margin-top: 30px}
.blogLists li .col1 span{position: inherit;text-align: left;padding-bottom: 10px}
.single .blogLists li:first-child{width: 100%!important}
.page-template-page-faq #carboneSection .text-left{text-align: center!important;}
.page-template-page-faq .panel-default>.panel-heading{padding-right: 30px}
.page-template-page-faq .panel-default>.panel-heading a[aria-expanded="false"]:after{right: -30px}
.page-template-page-faq .panel-default>.panel-heading a[aria-expanded="true"]:after{right: -30px}

.page-template-page-contact .panel-default>.panel-heading a[aria-expanded="false"]:after{right: 20px}
.page-template-page-contact .panel-default>.panel-heading a[aria-expanded="true"]:after{right: 20px}
.mapSection{padding: 0px}
#repairCostSection .container{margin-top: 40px}
#contactOnline{padding-top: 40px;padding-bottom: 40px}
.fullDiv span:first-child,.fullDiv span:last-child{width: 100%;float: left;}
.mapSection iframe{height: 400px!important}
}

#fullWidth{padding-top:0px!important}
.two-cols{display:flex;align-items:center;justify-content:space-between}
.two-cols > div{width:48%}
.wpcf7-list-item label{display:flex}
.one-col.rad p{display:flex;align-items:center}
.wpcf7-radio{display:flex;align-items:center}
.wpcf7-checkbox{display:flex;align-items:center}
.wpcf7-radio input[type="radio"]{height:auto}
.wpcf7-checkbox input[type="checkbox"]{height:auto}
.rad input{margin-right:5px}
.sub {margin:auto;text-align:center}
.wpcf7-spinner{position:absolute}
.sub input{    color: #fff!important;
    padding: 20px 50px;
    border-radius: 35px;
    margin-top: 10px;
    background-color: #bdd62f;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;margin:auto!important;
    border: none!important;
   box-shadow:none!important;
   font-size:20px;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select{margin-bottom:0px!important}