@charset "utf-8";/* =CSS Reset--------------------------------------------------------------------------------------------------*//* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126License: none (public domain)*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* End CSS Reset--------------------------------------------------------------------------------------------------*//* =Toolkit--------------------------------------------------------------------------------------------------*//* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) *//* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table;}
.cf:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom: 1;}
.clear {clear:both;}
/* general purpose classes */
.nodisplay {display: none;}
.nodisplay_strict {display: none !important;}
.alignleft {float: left;}
.alignright {float: right;}
/* End Toolkit--------------------------------------------------------------------------------------------------*//* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small--------------------------------------------------------------------------------------------------*/
hr {display: block;height: 1px;border: 0;margin: 1em 0;padding: 0;border-top: 1px solid #cccccc; /* change border colour to suit your needs */}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}
html {overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body, button, input, select, textarea {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
a, input[type="button"], input[type="submit"] {color:#747474;text-decoration:none;-moz-transition:background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition:background-color 0.2s ease-in, color 0.2s ease-in;-o-transition:background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition:background-color 0.2s ease-in, color 0.2s ease-in;transition:background-color 0.2s ease-in, color 0.2s ease-in; behavior: url(js/pie.htc);}
a:hover {text-decoration:none;color:#000;}
a:active {background-color:transparent;}
a:focus {outline: 0;}
a:hover, a:active {outline: 0;}
h1 {font-size: 2em;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {margin:0;}
h2{font-size:1.5em; font-weight:bold;margin-bottom:10px; line-height:1.5em;}
del {text-decoration: line-through;}
abbr[title] {border-bottom: 0px dotted;cursor: help;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
pre, code, kbd, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
small {font-size: 75%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: top;}
svg:not(:root) {overflow: hidden;}
fieldset {border: 0px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;*margin-left: -7px;}
button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button, input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;*overflow: visible;}
input, select {vertical-align: middle;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; behavior: url(js/pie.htc);}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
.caps{text-transform:uppercase;}
.center{text-align:center;}
.dark{color:#2b2828;}
.bold{font-weight:bold;}
/* End Normalization--------------------------------------------------------------------------------------------------*//* =Typography--------------------------------------------------------------------------------------------------*//* Setting up the fonts */
@font-face {
   font-family:'Gotham-bold';
    src: url('../fonts/gotham-bold.eot');
    src: url('../fonts/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold.woff') format('woff'),
         url('../fonts/gotham-bold.ttf') format('truetype'),
         url('../fonts/gotham-bold.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family:'Gotham-Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Light.woff') format('woff'),
         url('../fonts/Gotham-Light.ttf') format('truetype'),
         url('../fonts/Gotham-Light.svg#DroidSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family:'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Medium.woff') format('woff'),
         url('../fonts/Gotham-Medium.ttf') format('truetype'),
         url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family:'afbattersea-medium';
    src: url('../fonts/afbattersea-medium.eot');
    src: url('../fonts/afbattersea-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/afbattersea-medium.woff') format('woff'),
         url('../fonts/afbattersea-medium.ttf') format('truetype'),
         url('../fonts/afbattersea-medium.svg#afbattersea-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/************** End Font-face****************/
body {
	font-size:16px;
	line-height:24px;
	font-family:'Gotham-Light';
color:#747474; 	background-color:#fff;
}
/* End Typography--------------------------------------------------------------------------------------------------*//* =Branding--------------------------------------------------------------------------------------------------*/
#wrapper {background:#fff; width:100%;}
a {color:#1564b2; text-decoration:none;}
.container {width:1152px; margin:0 auto;}
/* End Branding--------------------------------------------------------------------------------------------------*/
#header {margin:0 0 4px; padding:0; width:100%; border-bottom:1px solid #e5e5e5;}
/*.logo {float:left; width:372px; padding:5px 0 5px 25px;}
.navigation {float:left; width:755px;}
*/
.logo {float:left; width:auto; padding:5px 0 5px 25px;}
.navigation {float:right; width:auto}
/************navigaton***********/
.toggleMenu {display:blcok; padding:10px 0; color:#3c3b3b; font-size:14px; text-transform:normal; text-align:center; width:100%; text-decoration:none; font-weight:bold;}
.nav {list-style:none; *zoom:1; float:right;}
.nav:before, .nav:after {content: " "; display:table;}
.nav:after {clear: both;}
.nav ul {list-style:none;}
.nav a { padding:27px 16px; font-size:18px;color:#3c3c3c}
.nav li {position: relative;}
.nav > li {list-style: none; position: relative; text-transform:uppercase; font-family:'afbattersea-medium'; border-left:1px solid #e5e5e5; float:left;}
.nav > li > .parent {background-position:right;}
.nav > li > a {display:block; }
.nav > li > a:hover, .nav > li.current_page_item > a {text-decoration:none; background:url(../images/menu-hover.png) center top no-repeat; color:#70951e;}
.nav li  ul { position:absolute; left:-9999px; top:74px; width:180px; background:#fff; z-index:11111;}
.nav li  ul li {display:block;}
.nav > li.hover > ul {left:0; display:block;}
.nav li li.hover ul {left:100%; top:0;} 
.nav li li a {display:block; position:relative; z-index:100; padding:10px 10px;}
.nav li li a:hover {background:#fff; text-decoration:none;}
.nav li li li a {z-index:200; }
.menuhover { background:url(../images/news-detail.png) left top repeat; width:100%; position:absolute; top:0; left:0; min-height:96px; z-index:10;}
.nav li a.active {background:url(../images/menu-hover.png) center top no-repeat; color:#70951e;}
/************banner***********/
.banner {background:url(../images/solar-bg.jpg) center top no-repeat; height:359px; position:relative; width:100%; clear:both;}
.banner_about {background:url(../images/about_02.jpg) center top no-repeat; height:359px; position:relative; width:100%; clear:both; }
.bannerTxt {text-align:center; margin-top:116px;}
.bannerTxt h3{color:#956126; margin:0 0 30px 0; font-family:'Gotham-bold'; font-size:48px;  text-transform:uppercase;}
.bannerTxt p {color:#000; font-size:33px; line-height:35px; font-family:'Gotham-Light'; text-transform:uppercase;}
/***************tabs***********/
#tabsNav {width:100%; position:relative; z-index:2;}
#tabsNav ul { margin: 20px auto 84px auto;  padding:0px; width:590px;}
#tabsNav ul li { float: left; margin:0 20px 0 0; position:relative; }
#tabsNav ul li a { display: block; background:#87ae56; color: #fff; font-family:'Gotham-bold'; text-decoration: none; font-size:14px; text-transform:uppercase; line-height:20px; padding:5px 20px; position: relative;}
#tabsNav ul li.active a{color:#fff;  background:#000000;}
.tabContainer {width:100%; position:relative; z-index:1; background:#fff; padding:0 5px; clear:both; margin-bottom:}
.tabContent { padding:0;}
.tabContent h3 { font-family:'Gotham-bold'; font-size:16px; color:#747474; margin-bottom:44px; padding:0; line-height:18px;}
.tabContent p { font-family:'Gotham-Light'; font-size:16px; color:#747474; margin-bottom:44px; line-height:30px; margin-bottom:35px;}
p.mainTitle {font-family:'Gotham-Light'; color:#562d2d; font-size:26px; text-transform:uppercase; line-height:30px; margin-bottom:30px;}
/***************Ess***********/
.ess {background:url(../images/ess-bg.jpg) left top no-repeat;}
.ess .bannerTxt h3{color:#fff; margin:0 0 30px 0; font-family:'Gotham-bold'; font-size:48px;  text-transform:uppercase;}
.ess .bannerTxt p {color:#fff; font-size:33px; font-family:'Gotham-Light'; text-transform:uppercase;}
.essContent {margin-top:50px; padding:0 40px 0 5px; }
.essContent .mainTitle {color:#562d2d; font-size:26px; text-transform:uppercase; line-height:30px; margin-bottom:30px;}
.essContent p { font-family:'Gotham-Light'; font-size:16px; color:#747474; margin-bottom:44px; line-height:30px; margin-bottom:35px;}
.contentInf {width:100%; clear:both; margin-bottom:50px;}
.contentInf .contentLeft{float:left; width:50%; text-align:center;}
.contentInf .contentRight{float:left; width:50%; padding:50px 0;}
.contentRight {color:#562d2d; font-size:40px; line-height:44px; text-transform:uppercase;} 
.contentRight span{font-family:'Gotham-bold'; }
.essContent h3{font-family:'Gotham-medium'; color:#562d2d; margin-bottom:25px; font-size:20px; text-transform:uppercase;}
.essContent p.title {font-family:'Gotham-bold'; }
.downlaod {width:554px; height:42px; background:url(../images/donwload-icon.jpg) left top no-repeat #000; margin:100px auto; color:#fff; font-size:24px; display:block; padding:27px 0 27px 150px; text-transform:uppercase;}
.downlaod a{color:#ba786d; font-size:14px; line-height:18px; text-decoration:none;}
.downlaod a:hvoer{color:#ba786d; font-size:14px; line-height:18px; text-decoration:underline;}
/***************contact***********/
.ContactDetail{ border-bottom:1px solid #e5e5e5; padding:25px 0; margin-bottom:4px;}
.ContactDetail h2{text-align:center; font-size:44px; color:#a06565;}
.contactWrap {background:url(../images/google-map.jpg) center top no-repeat; height:377px;} 
/***************ProductDetail***********/
.porductDetail {padding:30px 0; margin-bottom:40px;}
.porductDetail .contentLeft{float:left; width:50%;}
.porductDetail .contentRight{float:left; width:50%;}
.porductDetail .category{color:#98b755; font-size:12px; display:block;}
.porductDetail h3{font-size:24px; color:#494949; line-height:30px; margin-top:0; padding-bottom:25px; border-bottom:2px solid #d9d9d9; margin-bottom:30px;}
.details {margin:0 0 40px 0; padding:0;}
.details li {display:block; margin-bottom:10px; font-size:14px; color:#494949; width:100%; line-height:16px;}
.details li span {width:200px; margin-right:15px; float:left; font-family:'Gotham-Light';}
.details li span.des{font-family:'Gotham-bold';}
.ecobg{background:url(../images/eco-icon.jpg)  left top no-repeat; padding-left:25px; font-size:14px; color:#afafaf; line-height:28px;}
.productList {margin:0 0 60px 0; padding:0;}
.productList h4{font-family:'Gotham-Light'; margin-bottom:20px; font-size:18px; text-transform:uppercase;}
.productList h4 span{font-family:'Gotham-bold';}
.productList ul {margin:0;}
.productList ul li{ border:1px solid #e8e8e8; width:364px;  padding:35px 0; margin-right:27px; float:left; text-align:center; margin-bottom:70px;}
.productList ul li:nth-child(3n) {margin-right:0;}
.productList li img {margin-bottom:20px;}
.productDetails {width:292px; margin:0 auto; text-align:center;}
.productDetails h4 {font-family:'Gotham-bold'; font-size:16px; color:#404040; margin-bottom:5px;}
.productDetails h4 span{color:#a06565;}
.productDetails p{font-family:'Gotham-Light'; font-size:13px; color:#7f7f7f;}
.productDetails .detailBtn {background:url(../images/click-detail.jpg) left top no-repeat #333333; width:283px; height:33px; line-height:33px; font-size:13px;font-family:'Gotham-bold'; text-align:center; display:block; color:#fff; margin:0 auto; margin:30px 0 0; cursor:pointer;}

.productDisplay {font-size:24px; color:#919191; margin:54px 0; text-align:center; font-family:'Gotham-Light'; font-style:italic; display:block;}
.productDisplay span{font-family:'Gotham-bold';}
.addBanner {margin:20px 0 60px 0; }
/***************homepage***********/
.home2 {background:#91E2E3; height:581px; margin-bottom:40px; overflow:hidden;}
.tabDetial {float:left; width:828px; height:422px; border:1px solid #e8e8e8; margin-right:0; margin-bottom:40px;}
/***************tabs***********/
.tabDetial #tabsNav {width:100%; position:relative; z-index:2;}
.tabDetial #tabsNav ul {padding:0px; margin:0; width:100%;}
.tabDetial #tabsNav ul li { float:left; margin:0 0 0 0; position:relative;  width:275px; border-right:1px solid #fff;}
.tabDetial #tabsNav ul li a { display: block; background:#edf0ec; color:#797979; height:47px; font-family:'Gotham-bold'; text-decoration: none; font-size:14px; text-transform:uppercase; line-height:20px; text-align:center; padding:0; line-height:47px;}
.tabDetial #tabsNav ul li a.first {background:url(../images/tab1-bg.png) 5px center no-repeat #edf0ec;}
.tabDetial #tabsNav ul li a.second {background:url(../images/tab2-bg.png) 5px center no-repeat #edf0ec;}
.tabDetial #tabsNav ul li a.third {background:url(../images/tab3-bg.png) 5px center no-repeat #edf0ec;}
.tabDetial #tabsNav ul li.active a.first{color:#797979;  background:#dfe3dd url(../images/tab1-bg.png) 5px center no-repeat;}
.tabDetial #tabsNav ul li.active a.second {color:#797979;  background:#dfe3dd url(../images/tab2-bg.png) 5px center no-repeat;}
.tabDetial #tabsNav ul li.active a.third {color:#797979;  background:#dfe3dd url(../images/tab3-bg.png) 5px center no-repeat;}
.tabDetial .tabContainer {width:100%; position:relative; z-index:1; background:#fff; padding:0; clear:both; margin-bottom:0; width:828px; height:375px; overflow:hidden;}
.tabDetial .tabContent { padding:0;}
.tabDetial .tabContent h3 { font-family:'Gotham-bold'; font-size:16px; color:#747474; margin-bottom:44px; padding:0; line-height:18px;}
.tabDetial .tabContent p { font-family:'Gotham-Light'; font-size:16px; color:#747474; margin-bottom:44px; line-height:30px; margin-bottom:35px;}
.tabInformation {padding:20px;}
.tabInformation .contentLeft{width:55%; float:left; margin-right:5%; text-align:right;}
.tabInformation .contentRight{width:40%; float:left;}
.tabInformation .contentRight h2{background:#a06565; padding:10px; color:#fff; font-size:44px; font-family:'Gotham-Light'; margin-bottom:10px; line-height:1em;}
.tabInformation .contentRight h2 span{font-family:'Gotham-bold'}
.widthfix {width:256px !important; padding-top:20px;}
.tabInformation .contentRight p {font-size:14px; line-height:16px; margin-bottom:5px; text-transform:none;}
.tabInformation .contentRight a{display:inline-block; padding:10px 35px; color:#fff; background:#000; font-size:12px; line-height:14px; letter-spacing:2px;}
.topBanner {float:right; position:relative;} 
.bannerMiddle {margin-bottom:40px;}
.lastSection {margin-bottom:40px;}
.lastSection .box {width:369px; height:451px; float:left; margin-right:24px;} 
.lastSection .calculatesaving {background:url(../images/calculativ-banner.jpg) left top no-repeat;}
.lastSection .calculateSolar{background:url(../images/calculate-saving-solar.jpg) left top no-repeat; width:366px; margin-right:27px;}
.lastSection .testimonial {width:366px; background:#eeeeee; margin-right:0; position:relative;}
.lastSection .box h2{width:336px; margin:0 auto; font-size:48px; color:#000000; font-family:'Gotham-Light'; text-align:center; line-height:56px; text-transform:uppercase; margin-top:190px; margin-bottom:20px;}
.lastSection .box h2 span{width:336px; margin:0 auto; font-size:48px; color:#000000; font-family:'Gotham-bold'; }
.lastSection .box .btn {background:#b1d959 url(../images/arrow-icon.png) 260px center no-repeat; margin:0 auto; width:336px; height:62px; display:block; text-align:center; line-height:62px; color:#000000; font-size:16px; font-family:'Gotham-bold'; letter-spacing:5px; }
.calculateSolar .btn{background:#f8cf12 url(../images/arrow-icon.png) 260px center no-repeat !important;}
.calculateSolar{position:relative;}
.calculateSolar img{position:absolute; top:51px; left:138px; }
.testimonial{text-align:center;}
.testimonial h3{color:#84a22a; font-size:30px; margin:20px; text-align:center; text-transform:uppercase;}
.testimonial img{margin-bottom:25px;}
.testimonailDetail {width:261px; margin:0 auto; height:255px; overflow:hidden; margin-top:60px;}
.testimonailDetail p{margin:5px 0 15px; font-size:18px; color:#565656; line-height:30px;}
.readmore {background:#000; color:#fff; padding:17px 110px; letter-spacing:3px; clear:both; font-weight:600; display:inline-block;}
.rm{ background: none repeat scroll 0 0 #000000;
    clear: both;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 3px;
    padding: 6px 35px; font-size:12px; margin-top:10px;}
.authorName {text-transform:uppercase; color:#bbbbbb; font-family:'Gotham-bold'; display:block; margin-bottom:40px;}
.readmore:hover {color:#fff;}
.calculate {background:url(../images/calculate-banner.jpg) center top no-repeat; height:427px;}
.calculate .bannerTxt h3{color:#fff; margin:10px 0 10px 0; font-family:'Gotham-bold'; font-size:75px;  text-transform:uppercase;}
.calculate .bannerTxt p {color:#fff; font-size:30px; font-family:'Gotham-Light'; text-transform:uppercase; line-height:40px; margin-bottom:5px;}
.calculate .bannerTxt p span{ font-family:'Gotham-bold';}
.calculate .bannerTxt p.smallTxt {font-size:12px; font-family:'Gotham-Medium';}
.calculate .bannerTxt img {margin-top:40px;}
/***************Ess***********/
.tabulerContent {padding:40px 15px;}
.tabulerContent p {font-size:16px;  font-family:'Gotham-Light'; line-height:30px; text-align:center;}
.tabulerContent span {font-size:16px;  font-family:'Gotham-bold'; line-height:30px; display:block; text-align:center;}
.tabulerContent .btnbig {margin:40px auto; display:inline-block; font-size:20px;  font-family:'Gotham-bold'; color:#fff; padding:8px 30px; background:#9ece41; display:block; width:250px; text-align:center;}
.tabulerContent ul {margin:0; padding:0;}
.tabulerContent li{position:relative;}
/*Dropdown css*/
.jquery-selectbox{position: relative; height:39px; border: 1px solid #ababab; width: 123px; z-index: 0;  font-family:'Gotham-Light' !important; float: left;  font-weight:normal;  color: #787878; padding: 0 25px 0 10px;  display:block; margin-bottom:13px;}
.jquery-selectbox.selecthover { z-index:99}
.jquery-selectbox .jquery-selectbox-currentItem{ padding:0px 1px; white-space: nowrap; display: block; overflow: hidden; color:#b8b8b8; width:92%; cursor:pointer; line-height:39px; font-family:'Gotham-Light' !important;}
.jquery-selectbox .jquery-selectbox-list { display: none; position: absolute; top: 31px; padding: 0px; left:-1px; background:#fbfbfb ; width: 100%; overflow-x: hidden; overflow-y: auto; z-index: 9999; border: 1px solid #e6e6e6;  }
.jquery-selectbox .jquery-selectbox-moreButton {position: absolute;	top:0px; right: 0px; float: right; background:url(../images/dropdown-arrow.png) 8px 10px no-repeat; width: 28px; height:39px; cursor: pointer; border-left:1px solid #ababab;}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {}
.jquery-selectbox .jquery-selectbox-item.listelementhover { background-color: #f0f0f0; }
.jquery-selectbox .jquery-selectbox-item { display: block; cursor: pointer; padding:4px 15px 4px 15px; font-family:'Gotham-Light' !important; line-height:19px;}
.openMoreIcons {text-align:right; padding:10px 0 0;}
.red {background:#c03b3b !important;}
/***************tableData***********/
/*.lastPart {margin:0; padding:0;}
.savingDetails {margin:0; padding:0; border:0; width:100%;}
.savingDetails li{border-bottom:1px solid #ebebeb;}
.savingDetails li .caption {width:40%; font-size:16px; color:#2f2f2f; font-family:'Gotham-Medium'; background: url(../images/line-bg.png) right center no-repeat;vertical-align:middle; padding:25px 15px 25px 50px; float:left;}
.savingDetails li .caption span {font-size:14px; font-family:'Gotham-Light'; display:block; text-align:left;}
.savingDetails li .value {width:30%; text-align:left;  padding:25px 15px 25px 50px;  float:left; font-size:16px; font-style:italic;}
.savingDetails li .cpationShort {padding:10px 15px 10px 50px !important; background:0 none; border-right:1px solid #9ece41; text-transform:uppercase; color:#757575; height:24px; width:40%;}
.savingDetails li .twocoloumn{ width:30%; text-align:left;  padding:5px 15px 5px 50px;  float:left;}
.savingDetails li .twocoloumn span{width:45%; float:left;  font-family:'Gotham-Light';}
.bold {font-weight:bold;}
.green .bold {font-family:'Gotham-bold'; color:#2f2f2f; text-transform:uppercase; font-size:16px; padding:10px 5px 10px; line-height:15px; line-height:25px}
.tableData td.rowcenter{text-align:center;}
.bigfont {font-size:48px; font-family:'Gotham-bold'; color:#3f5b09;  line-height:69px;}
.bigfont sup {top:-21px;}
.bigfont sup, .bigfont sub {font-size:16px; color:#669112;}
.green{background:#e5f2cc;  width:20%; float:right; position:absolute; right:0;bottom:0;}
.greenBg {background:#e5f2cc; border-bottom:1px solid #d2dfb9; width:240px; color:#3f5b09; float:right; text-align:center; padding:10px 5px; line-height:24px;  }
.pink{background:#eecaca;  width:20%; float:right;  position:absolute; right:0; bottom:0;}
.pinkbg {background:#eecaca; width:240px;border-bottom:1px solid #dbb7b7;  color:#a22121; float:right; text-align:center;  padding:10px 5px; line-height:24px;  }
.pinkbg .bigfont {font-size:48px; font-family:'Gotham-bold'; color:#a22121 !important; line-height:69px;}
.pinkbg .bigfont sup, .pinkbg .bigfont sub {font-size:16px; color:#a22121 !important;}
.yellowdean{background:#ffecba !important; float:right; position:absolute; right:0; bottom:0;}
.yellow {background:#ffba00 !important;}
.yellowbg {background:#ffecba;  width:240px;color:#a37a0a; text-align:center;  border-bottom:1px solid #ecd9a7; padding:10px 5px; line-height:24px;}
.yellowbg .bigfont {font-size:48px; font-family:'Gotham-bold'; color:#a37a0a !important;  line-height:69px;}
.yellowbg .bigfont sup, .yellowbg .bigfont sub {font-size:16px; color:#ffba00 !important;}
.total {text-align:center; margin:100px 0; clear:both;}
.total h4 {font-size:63px; color:#763e3e;font-family:'Gotham-bold'; width:450px; margin:0 auto; }
.total h4 span{font-size:20px; color:#101010; display:block; text-align:center; text-transform:uppercase;}*/
/***************footer***********/
.footer{clear:both;}
.footerRow1{background:#f4f7ee; padding:40px 0 60px;}
.footerRow1 h2{font-family:'Gotham-bold'; font-size:24px; color:#6a794b; margin-bottom:20px; text-align:center; text-transform:uppercase;}
.footerRow1 .content {padding:0 104px; margin-top:50px; margin-bottom:25px;}
.footerRow1 .content .contentLeft{width:470px; border-right:1px solid #b0b2ad; font-family:'Gotham-Light'; font-size:14px; float:left;}
.footerRow1 .content .contentLeft p{margin:10px 0;}
.footerRow1 .content .contentLeft p span.title {display:block; margin-bottom:15px;}
.phone {margin-bottom:45px;}	
.phone span.icon{background:url(../images/phone-icon.jpg) left top no-repeat #fff; height:46px; display:block; float:left; margin-right:6px; padding-left:40px; }
.phone span {background:#fff; font-family:'Gotham-bold'; font-size:20px ;height:46px; display:block; float:left; margin-right:6px; text-align:center; line-height:46px; vertical-align:middle;  color:#747474;padding:0 20px; }
.footerRow1 .content .contentLeft p.titleCase {text-transform:uppercase;}
.footerRow1 .content p .title{text-transform:uppercase;}
.footerRow1 .content p{margin-bottom:25px;}
.footerRow1 .content p{text-transform:none;}
.followUs {margin:40px 0 20px;}
.followUs .title{text-transform:uppercase; display:block; margin-bottom:20px;}
.facebook {background:url(../images/facebook-icon.jpg) 18px center no-repeat #e1e6db; color:#4b4b4b; font-size:14px; margin-right:10px; border:1px solid #d7dad2; height:45px; display:inline-block; line-height:45px; padding-left:88px; padding-right:52px;}
.twitter {background:url(../images/twitter.jpg) 18px center no-repeat #e1e6db; color:#4b4b4b;  font-size:14px; border:1px solid #d7dad2; height:45px; display:inline-block; line-height:45px;  padding-left:88px; padding-right:52px;}
.footerRow1 .content .contentRight{width:393px; font-family:'Gotham-Light'; font-size:14px; text-transform:uppercase; float:left; padding-left:79px;}
.footerRow1 .content .contentRight p{margin:10px 0;}
.footerRow1 .content .contentRight p span.title {display:block; margin-bottom:15px;}
.footerRow1 .content .contentRight p.titleCase {text-transform:uppercase;}
.forms {padding:0; margin:0;}
.forms li{display:block; margin-bottom:15px;}
.forms li input{ width:96%; height:44px; line-height:44px; color:#4b4b4b; font-family:'Gotham-Light'; border:0; padding-left:15px; background:#fff;}
.forms li textarea{ width:96%; height:138px; line-height:24px; color:#4b4b4b; font-family:'Gotham-Light'; border:0; padding-left:15px;  background:#fff;}
.sendBtn {clear:both; float:right; text-align:right;}
.sendBtn input{background:#e1e6db; color:#808a75; font-size:14px; margin-right:10px; border:1px solid #d7dad2; height:45px; display:inline-block; line-height:45px; padding:0 45px; font-family:'Gotham-bold'; margin-right:0; text-transform:uppercase;}
.contentLast {background:url(../images/footer-bg.png) right top no-repeat; height:86px; position:absolute; right:-60px; top:-66px; height:150px; width:331px;}
.footerlastRow {position:relative;}
.footerLogo {margin:11px 0; float:left;}
.footerlastRow p {text-align:left; color:#000000; font-size:10px; padding:35px 0 35px 434px; line-height:12px;}



h3.subTitle{text-transform:uppercase; color:#562D2D; margin-bottom:20px; font-size:18px;}
ul.benefits{text-transform:uppercase; list-style-type:none; margin:0; padding:0; font-size:18px; margin-bottom:50px;}
ul.benefits li{line-height:50px;}

.centeralign{text-align:center;}
/*Solar Page*/
.solarc {background:url(../images/solar_bg.jpg) left top no-repeat;}
.solarc .bannerTxt h3{color:#fff; margin:0 0 30px 0; font-family:'Gotham-bold'; font-size:48px;  text-transform:uppercase;}
.solarc .bannerTxt p {color:#fff; font-size:33px; font-family:'Gotham-Light'; text-transform:uppercase;}
.f2 {padding-top:0; margin-left:15px; display:inline-block;
	}

table.ph td{padding-right:10px;}


/********************* Responsive Media Query ***************/
@media screen and (max-width: 1024px) {
	#mobi{clear:both;}
}
/********************* for Menu ***************/
@media screen and (max-width: 767px) {
//.toggleMenu {display:blcok; padding:10px 0; color:#3c3b3b; font-size:14px; text-transform:normal; text-align:center; width:100%; text-decoration:none; font-weight:bold;}

.navigation {width:99.9%;}
.active {display:block;}
.nav { float:none;}
	.nav li {line-height:36px; border-bottom:1px solid #DDD; display:block; text-align:center; border-left:0;}
	.nav li li { border-bottom:0 none; display:block; text-align:center; border-left:0 none; width:100%;}
	.nav li li a {padding:0 0 0 0;}
    .nav > li {float: none;}
    .nav > li > .parent {background-position:95% 50%;}
    .nav li li .parent {background-position:95% 50%;}
    .nav ul {display:block; width:100%;}
   .nav > li.hover > ul , .nav li li.hover ul {display:block;}
   .nav li.third {margin-left:0;}
   .nav li.first {padding:0 34px;}
   .nav a {padding:0; border:0 none;}
     .nav > li.hover > ul , .nav li li.hover ul {position:static; width:100%;}
	 
	 
	 
}

/********************* for Menu End ***************/
/********************* for slider start ***************/
  /* For tablets & smart phones */
  /********************* for slider End ***************/
/********************* General ***************/

@media only screen and (min-width: 981px) and (max-width:1151px){
	.container {width:95%;}
	.logo {width:100%; text-align:center; padding-left:0; width:275px;} 
	.navigation {width:651px; margin:0 auto; float:right;}
	.nav a {padding:27px  11%;}
	.toggleMenu {display:none;}
	.footerRow1 .content {padding:0; width:100%;}
	.footerRow1 .content .contentLeft {width:50%;}
	.facebook {margin-bottom:5px;}
.footerRow1 .content .contentRight {padding-left:0; width:44%; margin-left:5%;}
.footerRow1 .content .contentRight p.titleCase {line-height:20px;}
.contentLast {background-size:contain; background-position:center bottom; top:-66px; right:-10px;}
.footerlastRow p {padding:35px 0; text-align:center; margin-right:195px;}
.porductDetail .contentLeft {width:50%;}
.porductDetail .contentLeft img{width:100%; height:auto;}
.porductDetail .contentRight {width:50%;}
.productDetails .detailBtn {width:auto;}
.productList ul li {width:298px;}
.tabDetial {width:100%; height:auto;}
.tabDetial .tabContainer{width:100%; height:auto;}
.tabDetial #tabsNav ul li {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li.active a.first {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li a.first, .tabDetial #tabsNav ul li a.second, .tabDetial #tabsNav ul li a.third{width:100%; border-right:0 none;}
.topBanner  {margin:0 auto 15px; float:none; width:279px;}
.bannerMiddle img {margin-bottom:15px; width:100%; height:auto;}
.lastSection {width:786px; margin:0 auto;}
.lastSection .box { margin-bottom:20px;}
.calculateSolar img {left:35%;}
.lastSection .box h2 {font-size:42px; width:auto;}
.lastSection .box .btn {width:auto;}
img.alignright {float:none;}
.savingDetails li .caption, .savingDetails li .cpationShort {width:34%;}
.savingDetails li .twocoloumn {width:25%; padding-left:15px !important;}
	}
@media only screen and (min-width: 768px) and (max-width:980px){
	.container {width:95%;}
	.logo {width:100%; text-align:center; padding-left:0; float:none;} 
	.navigation {float:none; width:652px; clear:both; margin:0 auto;}
	.nav a {padding:27px  11%;}
	.toggleMenu {display:none;}
	.footerRow1 .content {padding:0; width:100%;}
	.footerRow1 .content .contentLeft {width:50%;}
	.facebook {margin-bottom:5px;}
.footerRow1 .content .contentRight {padding-left:0; width:44%; margin-left:5%;}
.footerRow1 .content .contentRight p.titleCase {line-height:20px;}
.contentLast {background-size:contain; background-position:center bottom; top:-75px; right:0;}
.footerlastRow p {padding:35px 0; text-align:center; margin-right:195px;}
.porductDetail .contentLeft {width:50%;}
.porductDetail .contentLeft img{width:100%; height:auto;}
.porductDetail .contentRight {width:50%;}
.productDetails .detailBtn {width:auto;}
.productList ul li {width:298px; height:335px;}
.productList {width:655px; margin:0 auto;}
.productList ul li.last {margin-right:27px;}
.addBanner img {width:100%; height:auto;}
.tabDetial {width:100%; height:auto;}
.tabDetial .tabContainer{width:100%; height:auto;}
.tabDetial #tabsNav ul li {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li.active a.first {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li a.first, .tabDetial #tabsNav ul li a.second, .tabDetial #tabsNav ul li a.third{width:100%; border-right:0 none;}
.topBanner  {margin:0 auto 15px; float:none; width:279px; height:422px;position:relative;}
.bannerMiddle img {margin-bottom:15px; width:100%; height:auto;}
.lastSection {width:370px; margin:0 auto;}
.lastSection .box { margin-bottom:20px;}
.calculateSolar img {left:35%;}
.lastSection .box h2 {font-size:42px; width:auto;}
.lastSection .box .btn {width:auto;}
img.alignright {float:none;}
.yellowdean, .green, .pink {position:static; float:none; margin:40px auto !important; width:240px; }
	}

@media only screen and (min-width: 481px) and (max-width:767px) {
	.container {width:90%;}
	.wrapperr{
	width:100%;
	overflow:hidden;
	height:650px;
	margin:0 auto;
	background:/* url('../images/background.png') no-repeat center 192px */#91e2e3;
}
#tabsNav ul {width:100%; margin-bottom:40px;}
#tabsNav ul li a {padding:5px 0; text-align:center; width:135px;}
#tabsNav ul li {margin-bottom:5px; margin-right:8px;}
.tabContainer {width:98.5%;}
.footerRow1 .content {padding:0;}
.footerRow1 .content .contentLeft {width:100%; border:0;}
.facebook {margin-bottom:5px;}
.footerRow1 .content .contentRight {padding-left:0; width:100%;}
.footerRow1 .content .contentRight p.titleCase {line-height:20px;}
.forms li input {width:94.5%;}
.contentLast {top:0; position:static; width:100%; background-size:contain; background-position:center bottom; height:131px;}
.footerLogo{float:none; margin:10px auto; padding:0;  }
.footerlastRow p {text-align:center; padding:0; margin:20px 0;}
.logo {width:100%; text-align:center; padding-left:0;}
.contentLeft img {height:auto;}
.contentInf .contentLeft {width:100%; float:none;}
.contentInf .contentRight {width:100%; float:none; padding:0;}
.essContent {padding:15px 0 0 0;}
.downlaod {background-position:center top; width:100%; height:auto; padding:112px 0 20px 0; text-align:center;}
.porductDetail .contentLeft {width:100%;}
.porductDetail .contentRight {width:100%;}
.productDetails .detailBtn {width:auto;}
.productList ul li { margin-right:0;}
.productList {width:364px; margin:0 auto;}
.addBanner img {width:100%; height:auto;}
.tabDetial {width:100%; height:auto;}
.tabDetial .tabContainer{width:100%; height:auto;}
.tabDetial #tabsNav ul li {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li.active a.first {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li a.first, .tabDetial #tabsNav ul li a.second, .tabDetial #tabsNav ul li a.third{width:100%; border-right:0 none;}
.topBanner  {width:100%;}
.bannerMiddle img, .topBanner img {margin-bottom:15px; width:100%; height:auto;}
.lastSection {width:370px; margin:0 auto;}
.lastSection .box { margin-bottom:20px;}
.calculateSolar img {left:35%;}
.lastSection .box h2 {font-size:42px; width:auto;}
.lastSection .box .btn {width:auto;}
img.alignright {float:none;}
.yellowdean, .green, .pink {position:static; float:none; margin:40px auto !important; width:240px; }
}
@media only screen and (min-width: 240px) and (max-width:480px) {
	.wrapperr{
	width:100%;
	overflow:hidden;
	height:650px;
	margin:0 auto;
	background:/* url('../images/background.png') no-repeat center 192px */#91e2e3;
	
}
.container {width:90%;}
#tabsNav ul {width:100%; margin-bottom:40px;}
#tabsNav ul li a {padding:5px 0; text-align:center; width:135px;}
#tabsNav ul li {margin-bottom:5px; margin-right:8px;}
.tabContainer {width:98.5%;}
.footerRow1 .content {padding:0;}
.footerRow1 .content .contentLeft {width:100%; border:0;}
.facebook {margin-bottom:5px;}
.footerRow1 .content .contentRight {padding-left:0; width:100%;}
.footerRow1 .content .contentRight p.titleCase {line-height:20px;}
.forms li input {width:94.5%;}
.contentLast {top:0; position:static; width:100%; background-size:contain;  background-position:center bottom; height:131px;}
.footerLogo{float:none; margin:10px auto; padding:0; width:100%; text-align:center; }
.footerLogo a.f2{display:inline-block;}

.footerlastRow p {text-align:center; padding:0; margin:20px 0;}
.logo {width:100%; text-align:center; padding-left:0;}
.contentLeft img {width:100%; height:auto;}
.contentInf .contentLeft {width:100%; float:none;}
.contentInf .contentRight {width:100%; float:none; padding:0;}
.essContent {padding:15px 0 0 0;}
.downlaod {background-position:center top; width:100%; height:auto; padding:112px 0 20px 0; text-align:center;}
.ContactDetail h2 {line-height:48px;}
.porductDetail .contentLeft {width:100%;}
.porductDetail .contentRight {width:100%;}
.productDetails .detailBtn {width:auto;}
.productList {width:286px; margin:0 auto;}
.productList ul li {width:286px; float:left; margin-right:0;}
.productList li img {width:100%; height:auto;}
.productDetails {width:275px;}
.addBanner img {width:100%; height:auto;}
.tabDetial {width:100%; height:auto;}
.tabDetial .tabContainer{width:100%; height:auto;}
.tabDetial #tabsNav ul li {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li.active a.first {width:100%; border-right:0 none;}
.tabDetial #tabsNav ul li a.first, .tabDetial #tabsNav ul li a.second, .tabDetial #tabsNav ul li a.third{width:100%; border-right:0 none;}
.topBanner  {width:100%;}
.bannerMiddle img, .topBanner img {margin-bottom:15px; width:100%; height:auto;}
.lastSection {width:370px; margin:0 auto;}
.lastSection .box { margin-bottom:20px;}
.calculateSolar img {left:35%;}
.lastSection .box h2 {font-size:42px; width:auto;}
.lastSection .box .btn {width:auto;}
img.alignright {float:none;}
.calculate .bannerTxt img {margin:0;}
.tabulerContent .btnbig {width:auto;}
.savingDetails li .caption, .savingDetails li .value, .savingDetails li .cpationShort, .savingDetails li .twocoloumn {padding-left:0 !important;}
.savingDetails li .caption {background:0 none;}
.savingDetails li .cpationShort {width:36%;  height:auto;}
 .savingDetails li .twocoloumn {width:49%; margin-left:2%;}
.yellowdean, .green, .pink {position:static; float:none; margin:40px auto !important; width:240px; }
.solarc .bannerTxt h3{color:#fff; margin:0 0 30px 0; font-family:'Gotham-bold'; font-size:32px;  text-transform:uppercase; line-height:40px;}
.solarc .bannerTxt p {color:#fff; font-size:20px; font-family:'Gotham-Light'; text-transform:uppercase;}
h1{font-size:1.6em; line-height:1.6em;}
.phone span{font-size:16px;}
}
@media only screen and (max-width: 400px) {
	.lastSection {width:100%; margin:0 auto;}
	.lastSection .box { margin-bottom:15px; width:100%;}
.calculateSolar img {left:35%;}
.lastSection .box h2 {font-size:42px; width:auto;}
.lastSection .box .btn {width:auto;}
.wrapperr{
	width:400px;
	overflow:hidden;
	height:650px;
	margin:0 auto;
	background:/* url('../images/background.png') no-repeat center 192px */#91e2e3;
}
	
	}
	
/********************* General End***************/
/********************* Responsive Media Query END ***************/
	p.bold, p strong{font-family:'Gotham-bold';}
	h3.brown, p.brown{color:#562d2d; margin-bottom:25px;}
	img.padd{padding:40px;}
/********************* General End***************/
/********************* Responsive Media Query END ***************/


/*Animation Styles*/

.toLeft{float:left;}

.toRight{float:right;}

.clear{clear:both;}

.toCenter{width:1100px;max-width:100%;margin:0 auto;position:relative;}

ul,li,img{margin:0;padding:0;}

li{list-style:none;}

a{text-decoration:none;border:solid 0px transparent;cursor:pointer;}

img{display:inline-block;border:solid 0px transparent; /*margin-top:30px;*/ max-width:100%;}

input,textarea{border:1px solid #ddd;padding:0;margin:0;background:#fff;outline:none;resize:none}
/**/
#loaderImage{
	display:none;
	margin:0 auto;
}

.wrapperr{
	max-width:100%;
	
	height:580px;
	margin:0 auto;
	background:/* url('../images/background.png') no-repeat center 192px */#91e2e3;
}

.hide{
	width:100%;
	height:100%;
	position:fixed;
	background:#91e2e3;
	z-index:999;
}

.logoo{
	width:221px;
	height:196px;
	background: url('../images/logo.png') no-repeat;
	position:absolute;
	top:58px;
	left:480px;
	left:50%;
	margin-left:-70px;
}

.shape01{
	width:35px;
	height:55px;
	background: url('../images/shape21.png') no-repeat;
	position:absolute;
	top:30px;
	left:-100px;
	opacity:0;
	
}

.shape02{
	width:427px;
	height:473px;
	background: url('../images/shape01.png') no-repeat;
	position:absolute;
	top:430px;
	left:59px;
	z-index:3;
}

.shape03{
	width:148px;
	height:137px;
	background: url('../images/shape02.png') no-repeat;
	position:absolute;
	top:694px;
	left:72px;
	z-index:4;
}

.shape04{
	width:59px;
	height:158px;
	background: url('../images/shape05.png') no-repeat;
	position:absolute;
	top:694px;
	left:72px;
	z-index:2;
}

.shape05{
	width:140px;
	height:281px;
	background: url('../images/shape27.png') no-repeat;
	position:absolute;
	top:447px;
	left:59px;
	z-index:2;
}

.shape06{
	width:238px;
	height:93px;
	background: url('../images/shape20.png') no-repeat;
	position:absolute;
	top:699px;
	left:-145px;
	z-index:6;
	opacity:0;
}

.shape07{
	width:113px;
	height:158px;
	background: url('../images/shape06.png') no-repeat;
	position:absolute;
	top:490px;
	left:404px;
	z-index:6;
}

.shape08{
	width:129px;
	height:128px;
	background: url('../images/shape10.png') no-repeat;
	position:absolute;
	top:434px;
	left:344px;
	z-index:7;
}

.shape09{
	width:182px;
	height:159px;
	background: url('../images/shape11.png') no-repeat;
	position:absolute;
	top:391px;
	left:366px;
	z-index:2;
}

.shape10{
	width:381px;
	height:250px;
	background: url('../images/shape04.png') no-repeat;
	position:absolute;
	top:394px;
	left:355px;
	z-index:2;
}

.shape11{
	width:62px;
	height:52px;
	background: url('../images/shape09.png') no-repeat;
	position:absolute;
	top:451px;
	left:311px;
	z-index:8;
}

.shape12{
	width:328px;
	height:205px;
	background: url('../images/shape03.png') no-repeat;
	position:absolute;
	top:377px;
	left:17px;
	z-index:2;
}

.shape13{
	width:62px;
	height:25px;
	background: url('../images/shape22.png') no-repeat;
	position:absolute;
	top:375px;
	left:949px;
	z-index:2;
	opacity:0;
}

.shape14{
	width:108px;
	height:43px;
	background: url('../images/shape24.png') no-repeat;
	position:absolute;
	top:555px;
	left:68px;
	z-index:9;
	opacity:0;
}

.shape15{
	width:162px;
	height:67px;
	background: url('../images/shape25.png') no-repeat;
	position:absolute;
	top:504px;
	left:559px;
	z-index:9;
	opacity:0;
}

.shape16{
	width:483px;
	height:189px;
	background: url('../images/shape19.png') no-repeat;
	position:absolute;
	top:148px;
	left:494px;
	z-index:0;
	display:none;
}

.shape17{
	width:261px;
	height:165px;
	background: url('../images/shape14.png') no-repeat;
	position:absolute;
	top:804px;
	left:700px;
	z-index:9;
}

.shape18{
	width:157px;
	height:131px;
	background: url('../images/shape13.png') no-repeat;
	position:absolute;
	top:853px;
	left:918px;
	z-index:10;
}

.shape19{
	width:332px;
	height:226px;
	background: url('../images/shape07.png') no-repeat;
	position:absolute;
	top:767px;
	left:901px;
	z-index:7;
}

.shape20{
	width:139px;
	height:263px;
	background: url('../images/shape12.png') no-repeat;
	position:absolute;
	top:589px;
	left:749px;
	z-index:3;
}

.shape21{
	width:170px;
	height:150px;
	background: url('../images/shape16.png') no-repeat;
	position:absolute;
	top:811px;
	left:828px;
	z-index:4;
}

.shape22{
	width:132px;
	height:81px;
	background: url('../images/shape18.png') no-repeat;
	position:absolute;
	top:832px;
	left:834px;
	z-index:0;
	opacity:0;
}

.shape23{
	width:63px;
	height:152px;
	background: url('../images/shape17.png') no-repeat;
	position:absolute;
	top:680px;
	left:768px;
	z-index:0;
}

.shape24{
	width:226px;
	height:421px;
	background: url('../images/shape15.png') no-repeat;
	position:absolute;
	top:510px;
	left:1037px;
	z-index:3;
}

.shape25{
	width:254px;
	height:94px;
	background: url('../images/shape23.png') no-repeat;
	position:absolute;
	top:758px;
	left:1106px;
	z-index:3;
	opacity:0;
}

.shape26{
	width:108px;
	height:43px;
	background: url('../images/shape24.png') no-repeat;
	position:absolute;
	top:724px;
	left:853px;
	z-index:11;
	opacity:0;
}

.shape27{
	width:50px;
	height:90px;
	background: url('../images/shape08.png') no-repeat;
	position:absolute;
	top:391px;
	left:320px;
	z-index:2;
}

.shape28{
	width:307px;
	height:47px;
	background: url('../images/shape28.png') no-repeat;
	position:absolute;
	top:364px;
	left:50%;
	margin-left:-99px;
	z-index:12;
	opacity:0;
	cursor:pointer;
}


.S01{
	opacity:0;
	position:absolute;
	top:-200px;
}

.S02{
	opacity:0;
	position:absolute;
	top:200px;
}

#counter-item{/*position:absolute; top:25%; z-index:10;*/ width:100%; text-align:center; display:block; margin-top:-120%; padding-bottom:117%;}
#counter-item span{font-weight:bold; color:#b3f016; background:#30352f; padding:7px 5px; text-align:center; margin:2px;}
#counter-item span.separator{background:none !important;}
.sub-menu li a:hover{color:#000;}
.entry{margin:40px 0;}
.entry img.alignRight{margin-left:20px; margin-bottom:20px;}
.entry img.alignLeft{margin-right:20px; margin-bottom:20px;}
form.clean input, form.clean textarea{font-family: 'Gotham-Light'; max-width: 100%; color:#747474;  text-align: center;}
#cost_down_savings_big{color: #3F5B09; font-family: 'Gotham-bold'; font-size: 38px; line-height: 69px; padding:14px 0;}
#cost_fl_savings_big{color: #A22121; font-family: 'Gotham-bold'; font-size: 38px; line-height: 69px; padding:14px 0;}
#cost_hb_savings_big{color: #A37A0A; font-family: 'Gotham-bold'; font-size: 38px; line-height: 69px; padding:14px 0;}
form.clean input.light_yellow_textbox, form.clean input.dark_yellow_textbox{color: #3F5B09;}
form.clean .pinkbg input.light_yellow_textbox, form.clean .pinkbg input.dark_yellow_textbox{color: #A22121;}
form.clean .yellowbg input.light_yellow_textbox, form.clean .yellowbg input.dark_yellow_textbox{color: #A37A0A;}
form.clean input.top_gray_textbox{border:1px solid #ABABAB;margin-top: 6px; padding: 10px;}
#total_savings{color: #763E3E;
    font-family: 'Gotham-bold';
    font-size: 63px;}
ul.testimonials li .img-name{width:100%; margin:20px 0; text-align:center; font-size:1em; color:#A37A0A;font-weight:bold;}
ul.testimonials li{border-bottom:1px solid #ababab; padding-bottom:20px; margin-bottom:20px;}
ul.testimonials li .tdetail{width:100%; margin:20px 0;}

.tdetail p{font-size:1.5em; font-style:italic; line-height:1.6em; color:#3F5B09; font-weight:bold;}

.paginate{margin:10px 0;width:auto; text-align:center;}

.paginate .page-numbers{background:#333; padding:5px; color:#fff; font-weight:bold;}
.page-numbers:hover{opacity:0.8;}
.paginate span.current{color:#90a84e;}
.paginate .prev, .paginate .next{ background:#90a84e; padding:5px 10px; color:#fff; font-weight:bold;}
.col-row{margin-top:20px;}
.col-three{width:30%; margin-right:3%;float:left;}
.col-three span.sma{font-size:0.9em; margin-bottom:10px; display:block;}
@media screen and (max-width:640px){
	.col-three{width:100%; margin-right:0;float:left; padding-bottom:30px; margin-top:30px; border-bottom:1px solid #ccc; font-size:0.9em;}
	.col-three:nth-child(3){padding-bottom:30px; margin-top:0px; border-bottom:0px solid #ccc;}
}
/*.paginate a, .paginate span{width:25px !important;}*/
.cf h1
{
	//text-align:center;
	//padding:30px 0;
}
.solar-banner
{
	background-position: top center;
	background-repeat: no-repeat;
	height: 359px;
	position: relative;
	width: 100%;
	clear: both;
}
/* Solar Page Template CSS */
.cont-har
{

}
.cont-har h1
{
	line-height: 1.2;
	margin: 30px 0;
	color:#562d2d;
}
.cont-har h2
{
	line-height: 1.4;
	margin: 0;
	font-size: 1.6em;
	color:#562d2d;
}
.cont-har h3
{
	line-height: 1.2;
	margin: 30px 0;
	font-size:1.3em;
	color:#562d2d;
}
.cont-har ul
{

}
.cont-har ul li
{
	line-height: 1.6;
	margin: 14px 0;
	background: url(../images/solar_bullet.png) no-repeat top 4px left;
	padding-left: 30px;
}
.cont-har p
{
	line-height: 1.6;
	margin: 20px 0;
}
.cont-har hr
{
	display: block;
	height: 1px;
	border: 0;
	margin: 54px 28% 40px;
	padding: 0;
	border-top: 1px solid #acc75e;
}
.solar-inverter-page img
{
	float:left;
	margin-right:30px;
}
.c-solar-page img, .schott-page img, .hanover-page img, .lg-page img
{
	float:right;
	margin-left:30px;
}
.cont-har iframe
{
	text-align: center;
	margin: 30px auto;
	display: block;
	width: 100%;
	max-width: 700px;
}
.re-img-cont
{
	padding:40px 0;
}
.re-img-cont img
{
	float:left;
}
.re-img-cont p.re-title
{
	float:right;
	font-size: 40px;
	line-height: 50px;
	width:54%;
}
.fin-page img
{
	margin:20px 0;
}
.faq-page h4
{
	color: #562d2d;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.6;
}
.faq-page p
{
	margin:0 0 20px !important
}
.cont-har table
{
	width: 80%;
	margin: 30px auto;
	border-right: 1px solid #acc75e;
	border-bottom: 1px solid #acc75e;
}
.cont-har tr
{
	
}
.cont-har td
{
	border-top: 1px solid #acc75e;
	border-left: 1px solid #acc75e;
	padding: 8px;
}
.tbl-head
{
	color: #562d2d;
	font-weight: bold;
}

/* Form Code */
.refer-form
{

}
.r-left
{
	float:left;
	width:49%;
}
.r-right
{
	float:right;
	width:49%;
}
.l-form input[type="text"], .l-form input[type="email"], .l-form input[type="tel"], .l-form textarea, .l-form input[type="file"], .l-form select
{
	font-family: 'Gotham-Light', Arial, sans-serif;
	font-size: 15px;
	background: #fff;
	color: #95a5a6;
	outline: none;
	border: 1px solid #e3e9ea;
	border-radius: 0;
	padding: 12px 14px;
	line-height: 1.3;
	margin-bottom: 14px;	
}
.l-form textarea
{
	height:100px;
}
.l-form input[type="submit"]
{
	font-family: 'Gotham-Bold', Arial, sans-serif;
	background: #e1e6db;
	color: #808a75;
	border: 0;
	outline: none;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 20px;
	display: inline-block;
	font-size: 18px;
	line-height: 1.2;
	text-transform:uppercase;
	margin-top:20px;
}
.l-form
{

}
.l-form input[type="text"], .l-form input[type="email"], .l-form input[type="tel"], .l-form textarea
{
	width: 94%;
	padding: 12px 3%;
}
.l-form select
{
	width:100%;
}
.l-form textarea
{
	height:200px;
}
.last-left
{
	width:49%;
}
.wpcf7-form label.error {
position: absolute;
top: 40px;
right: 0;
border: 1px solid #bbb;
background: #fbfbfb url(../images/tool-tip.png) no-repeat top 7px left 7px;
border-radius: 3px;
padding: 4px 7px 1px 34px;
color: #000 !important;
font-weight: normal;
font-size: 14px;
z-index: 9999;
box-shadow: 0px 2px 2px #333;
line-height: 26px;
font-family: sans-serif;
text-transform: none;
}
.wpcf7-form label.error:before {
display: block;
content: "";
border-color: transparent transparent #bbb transparent;
border-style: solid;
border-width: 8px;
height: 0;
width: 0;
position: absolute;
top: -16px;
left: 8px;
}
.wpcf7-form label.error:after {
display: block;
content: "";
border-color: transparent transparent #fbfbfb transparent;
border-style: solid;
border-width: 7px;
height: 0;
width: 0;
position: absolute;
top: -14px;
left: 9px;
}
span.wpcf7-form-control-wrap {
display: block !important;
}
.wpcf7-form br
{
	display:none;
}
.f-three-col-cont
{

}
.f-one, .f-two, .f-three
{
	float: left;
	width: 32.335%;
	margin-right: 1.5%;
}
.f-one
{

}
.f-two
{

}
.f-three
{
	margin-right:0 !important;
}
.f-three-col-cont:after
{
	content:'';
	display:block;
	clear:both;
}
.g-quote-form .r-left, .g-quote-form .r-right
{
	width:49% !important;
}
@media only screen and (max-width:799px){
.r-right, .r-right
{
	clear:both;
	width:100%;
	float:none;
}
.g-quote-form .r-left, .g-quote-form .r-right
{
	clear:both;
	width:100% !important;
	float:none;
}
.f-one, .f-two, .f-three
{
	clear:both;
	width:100%;
	float:none;
	margin-right:0;
}
.last-left
{
	width:100%;
}

}

.coltwo
{
	float: left;
	width: 20%;
	height: 230px;
	margin: 3% 15% 0;
}
.coltwo span
{
	padding-bottom: 13px;
	display: inline-block;
}
@media screen and (max-width: 1149px) {
	.coltwo
	{
		width:50%;
		margin:3% 0 0;
	}
}
@media screen and (max-width: 639px) {
	.coltwo
	{
		width:100%;
		margin:3% 0 0;
	}
}