@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);

* { margin:0; padding:0;}
a, a:hover, a:focus, a:active{outline:0 none;text-decoration:none;}
img {width:auto; height:auto; outline:0 none;border:0 none;}
input, input:focus, textarea, textarea:focus, select, select:focus{outline:0 none;}
body { font-family: 'Open Sans', sans-serif; color:#707070; font-size:18px; }
a {color: #1CBB9B; font-weight: bold;}
a:hover {color:#47E6C6;text-decoration:none;}
ul, li {list-style:none;}

.no-boder {border:0 none !important;}
.no-margin{margin:0 !important;}

.h-wrapper {background-color:#1cbb9b; background-image: url(../jpg/banner-bg.jpg); background-position: bottom center; background-repeat: no-repeat;background-size:100% auto;padding:20px 0 0;border-bottom:3px solid #03745d;}
.n-wrapper {background:#f2d13e;padding:30px 0 0;position:relative;}
.n-wrapper:before { background: #f4d758 none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%;}
.w-wrapper {background:#f8f3df url(../png/basic-area-right-pic.png) right bottom no-repeat;position:relative;padding:30px 0 0;}
.w-wrapper:before { background: #f2ecd6; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%;}
.m-wrapper {background:#e5e3e3;position:relative;padding:30px 0 0;}
.m-wrapper:before { background: #e8e8e8 none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%;}


/*.wrapper { width:100%; float:left;}*/
.logo-area img {height: 125px; width: initial;
	max-height: none;
	max-width: none;}

.h-wrapper .logo-area { padding-top: 35px;}
.h-wrapper .nav-area .social-ul{float:right;margin:0;padding:0;list-style:none;clear:both;}
.h-wrapper .nav-area .social-ul li{margin:0 3px;padding:0;list-style:none; display:inline-block;}
.h-wrapper .nav-area .social-ul li a{background:url(../png/fb-icon.png) 0 -32px no-repeat; width:31px; height:30px;display:inline-block; -webkit-transition:0.5s all;-moz-transition:0.5s all; -o-transition:0.5s all;transition:0.5s all;}
.h-wrapper .nav-area .social-ul li a:hover{background:url(../png/fb-icon.png) 0 0px no-repeat;}
.h-wrapper .nav-area .social-ul li + li a{background:url(../png/t-icon.png) 0 -32px no-repeat;}
.h-wrapper .nav-area .social-ul li + li a:hover{background:url(../png/t-icon.png) 0 0 no-repeat;}

.h-wrapper .nav-area .menu { clear: both; float: right; list-style: none; margin: 13px 0 0; padding: 0;}
.h-wrapper .nav-area .menu li { list-style: none; margin: 0; padding: 0 0 0 66px;display:inline-block;}
.h-wrapper .nav-area .menu li a {color:#FFF;font-size:16px;-webkit-transition:0.5s all;-moz-transition:0.5s all; -o-transition:0.5s all;transition:0.5s all;text-transform:uppercase;}
.h-wrapper .nav-area .menu li a:hover {color:#0f8b72;}

.h-wrapper h1 { color: #0f8b72; font-size: 85px; font-weight: bold; line-height: 90px; margin: 10% 0 0; text-align: center;}
.h-wrapper h2:before { background: #fff none repeat scroll 0 0; bottom: -9px; content: ""; height: 1px; left: 0; margin: auto; position: absolute; right: 0; width: 340px;}
.h-wrapper h2 { color: #FFF; font-size: 85px; font-weight: 300; line-height: 90px;margin:0; text-align: center;position:relative;}

.h-wrapper .sec-link  {margin:27px 0 0;background-image: url(../png/circle-bg.png); background-position: center center; background-repeat: no-repeat; display: table-cell; height: 394px; text-align: center;color:#000;-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; position:relative;}
.h-wrapper .sec-link .abs-hover-pic{position:absolute;left:0;top:0;opacity:0;}
.h-wrapper .sec-link:hover .abs-hover-pic{-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;opacity:1;z-index:0;}

.h-wrapper .sec-link a{padding:150px 0;display:block;z-index:99;position:relative;}
.h-wrapper .sec-link h3{color:#000;font-weight:bold;font-size:28px;}
.h-wrapper .sec-link span{color:#000;font-weight:300;font-size:21px;}
.h-wrapper .sec-link-ul li a span, .h-wrapper .sec-link +.sec-link span{color:#000;font-weight:300;font-size:28px;}
.h-wrapper .sec-link-ul li a:hover h3, .h-wrapper .sec-link-ul li a:hover span, .h-wrapper .sec-link:hover h3, .h-wrapper .sec-link:hover span{color:#FFF;}


.n-wrapper .benifits-title {background-image:url(../png/ribbon-bg.png); background-position:center center;background-repeat:no-repeat; min-height:109px;}
.n-wrapper .benifits-title h2{font-size:50px;font-weight:300;color:#FFF;margin:0;}
.n-wrapper .benifits-title h2 inc{font-weight:600;color:#836c06;}
.n-wrapper .benifits-title h2 span{font-size:27px;font-weight:300;display:block;}
.n-wrapper .pros-cons-area { float: left; margin: 20px 0 0; width: 100%;}
.n-wrapper .pros-cons-area .pros-area, .n-wrapper .pros-cons-area .cons-area{position:relative;}
.n-wrapper .pros-cons-area .cons-area{background:url(../jpg/border-pic.jpg) 0 0 repeat-y;}
.n-wrapper .pros-cons-area .cons-area:before { content: ""; left: -27px; position: absolute; top: 0; background:url(../jpg/cons-box-pic.jpg);width:55px;height:55px;}
.n-wrapper .pros-cons-area .pros-ul {margin:20px 0;padding:0;list-style:none;width:100%;float:left;}
.n-wrapper .pros-cons-area .pros-ul li {margin:0;padding:0 0 0 47px;list-style:none;background:url(../png/renewable-icon.png) 0 0 no-repeat;}
.n-wrapper .pros-cons-area .pros-ul li+li {background:url(../png/abundant-icon.png) 0 0 no-repeat;}
.n-wrapper .pros-cons-area .pros-ul li+li+li {background:url(../png/sustainable-icon.png) 0 0 no-repeat;}
.n-wrapper .pros-cons-area .pros-ul li span { border-bottom: 1px solid #000; border-left: 1px solid #000; color: #000; float: left; font-size: 42px; line-height: 50px; margin: 14px 0 0; padding: 0 0 0 20px; width: 100%;}
.n-wrapper .pros-cons-area .pros-ul li p { color: #000; display: inline-block; font-size: 16px; padding: 10px 0 0 20px;line-height:25px;margin:0;}
.n-wrapper .pros-cons-area .cons-ul {margin:20px 0;padding:0;list-style:none;width:100%;float:left;}
.n-wrapper .pros-cons-area .cons-ul li {margin:0;padding:0 0 0 47px;list-style:none;background:url(../png/expensive-icon.png) 0 0 no-repeat;}
.n-wrapper .pros-cons-area .cons-ul li+li {background:url(../png/intermittent-icon.png) 0 0 no-repeat;}
.n-wrapper .pros-cons-area .cons-ul li+li+li {background:url(../png/renewable-icon.png) 0 0 no-repeat;}
.n-wrapper .pros-cons-area .cons-ul li span { border-bottom: 1px solid #000; border-left: 1px solid #000; color: #000; float: left; font-size: 42px; line-height: 50px; margin: 14px 0 0; padding: 0 0 0 20px; width: 100%;}
.n-wrapper .pros-cons-area .cons-ul li p { color: #000; display: inline-block; font-size: 16px; padding: 10px 0 0 20px;line-height:25px;margin:0;}


.w-wrapper h2{color:#000;font-weight:300;font-size:50px;position:relative;text-align:center;margin:0 0 20px;}
.w-wrapper h2 inc{color:#c6bb8d;font-weight:bold;}
.w-wrapper p{color:#000;font-weight:300;position:relative;}
.w-wrapper .solar-diagram{ margin: 50px 0 0;padding:70px 0 0; position: relative;z-index:99;}
.w-wrapper .solar-diagram .lft-top {color: #000;font-size: 42px;font-weight: 400;left: 0;position: absolute;top: 0;}
.w-wrapper .solar-diagram .lft-bot {color: #000;font-size: 42px;font-weight: 400;left:0;position: absolute;bottom: 145px;}
.w-wrapper .solar-diagram .rgt-top {color: #000;font-size: 42px;font-weight: 400;right: 15px;position: absolute;top: 0;}
.w-wrapper .solar-diagram .rgt-bot { bottom: 145px; color: #000; font-size: 42px; font-weight: 400; position: absolute; right: 130px;}
.w-wrapper .abs-lft-pic{position:absolute;bottom:0;left:0;}

.m-wrapper .map-title h2{font-size:50px;font-weight:bold;color:#a4a4a4;margin:0;}
.m-wrapper .map-pic{position:relative;}
.footer{background:#454545; bottom:32px;left: 0;min-height: 50px;/*position: absolute;*/width: 100%;}
.footer .foot-txt p { color: #fff; line-height: 30px; margin: 0; padding: 7px 0 0;}
.footer-page{background:#454545; min-height: 50px;position: static;width: 100%;}
.footer-page .foot-txt p { color: #fff; line-height: 30px; margin: 0; padding: 7px 0 0;}
.page-container{background-color:#fff;/*padding-bottom: 50px;*/}

.srp-post-title-link{ color:#1cbb9b;   font-size: 20px;
    text-transform: uppercase;}
	.srp-widget-singlepost {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/**********************  INNER PAGES CSS  *************************************/
.footer {
    clear: both;  padding-left: 15px;
}
.logo-wrapper{background:#FFF;padding:25px 0 0;}
.logo-wrapper .nav-area { float: left; margin: 20px 0 0;position:relative;z-index:9;}
.logo-wrapper .nav-area ul.menu { background-color: #1cbb9b; float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%;}
.logo-wrapper .nav-area ul.menu > li { float: left; list-style: outside none none; margin: 0; padding: 0;}
.logo-wrapper .nav-area ul.menu li a {color:#FFF;padding:14px 50px;display:inline-block;position:relative;font-size:20px;font-weight:400;text-transform:uppercase;}
.logo-wrapper .nav-area ul.menu li a:after{background:url(../png/hover-half-circle.png) center bottom no-repeat;content:"";position:absolute;bottom:-5px;left:0;right:0;margin:auto;height:9px;opacity:0;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.logo-wrapper .nav-area ul.menu li:hover a:after, .logo-wrapper .nav-area ul.menu li.active a{bottom:0;opacity:1;}
.logo-wrapper .nav-area ul.menu li.active a{background:url(../png/hover-half-circle.png) center bottom no-repeat;}
.logo-wrapper .minute-pic{position:absolute;right:47px;top:-55px;}

/*Menu Fix*/
.logo-wrapper .nav-area ul#menu-menu-demo.menu,
.logo-wrapper .nav-area ul#menu-menu-test.menu {
    display: table !important;
    float: right !important;
    margin: 13px 0 0 !important;
    width: 100%;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu > li,
.logo-wrapper .nav-area ul#menu-menu-test.menu > li{
    position:relative;
	float:none;
	text-align:center;
	padding:0 5px;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu li a,
.logo-wrapper .nav-area ul#menu-menu-test.menu li a{
	display:block;
	padding:14px 0;
}

/*Sub Menu*/
.logo-wrapper .nav-area ul#menu-menu-demo.menu li ul,
.logo-wrapper .nav-area ul#menu-menu-test.menu li ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
	border:2px solid #f4d758;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu > li:hover > ul,
.logo-wrapper .nav-area ul#menu-menu-test.menu > li:hover > ul{
    display:block;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu > li > ul > li,
.logo-wrapper .nav-area ul#menu-menu-test.menu > li > ul > li{
    position:relative;
    float:none !important;
    display:block;
    padding:1px 0;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu li ul li a,
.logo-wrapper .nav-area ul#menu-menu-test.menu li ul li a{
	width:100%;
	color:#1cbb9b;
	font-size:14px;
	text-align:left;
	padding:0px 5px !important;
	-webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    white-space:nowrap;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu li ul li a:hover,
.logo-wrapper .nav-area ul#menu-menu-test.menu li ul li a:hover{
	color:#fff;
	background:#3C3C3C;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu li ul li a:after,
.logo-wrapper .nav-area ul#menu-menu-test.menu li ul li a:after{
	display:none;
}

/*Sub-sub Menu*/
.h-wrapper .nav-area #menu-menu-demo.menu > li ul,
.logo-wrapper .nav-area ul#menu-menu-demo.menu li ul li ul,
.logo-wrapper .nav-area ul#menu-menu-test.menu li ul li ul{
    display:none;
    position:absolute !important;
    left:100% !important;
    top:0 !important;
    background:#fff;
	border:2px solid #f4d758;
    white-space:nowrap;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu > li > ul > li:hover > ul,
.logo-wrapper .nav-area ul#menu-menu-test.menu > li > ul > li:hover > ul{
    display:block;
}
.logo-wrapper .nav-area ul#menu-menu-demo.menu > li > ul > li:hover > ul li,
.logo-wrapper .nav-area ul#menu-menu-test.menu > li > ul > li:hover > ul li{
    display:block;
    padding:0;
}


.form-wrapper{ background-image: url(../png/form-cloud.png), url(../png/form-bot-building.png); background-repeat:no-repeat; background-position: left top, right bottom;	background-color:#1cbb9b; border-top:2px solid #f4d758; border-bottom:2px solid #f4d758; min-height:800px;}
.form-wrapper .row + .row { margin-left: 0;}
.form-wrapper .form-section { background: url(../jpg/form-bg.jpg) center 0 no-repeat; min-height:470px;}
.form-wrapper .form-area .zip { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; margin: 120px auto; max-width: 491px;width:100%;padding:14px 25px 23px;}
.form-wrapper .form-area h2 { color: #1cbb9b; font-size: 32px; font-weight: 600;margin:0;line-height:35px;}
.form-wrapper .form-area p { color: #000; font-size: 16px; font-weight: 300;margin:0 0 5px;}
.form-wrapper .form-area input, .form-wrapper .form-area select{color:#000;}
.form-wrapper .form-area input[type="text"], .form-wrapper .form-area select,.form-area input[type="text"], .form-wrapper .form-area input[type="phone"], .form-wrapper .form-area input[type="tel"], .form-wrapper .form-area input[type="email"] { border: 2px solid #d5d7d9; border-radius: 3px; height: 45px; line-height: 40px; margin: 10px 0; padding: 3px 5px; width: 100%;}
.form-wrapper .form-area input[type="button"], .form-wrapper .form-area input[type="submit"] { background: #f4d758 none repeat scroll 0 0; border: 0 none; border-radius: 0; color: #fff; font-size: 24px; font-weight: 600; padding: 8px 0; text-transform: uppercase; width: 100%;margin:17px 0 0;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.form-wrapper .form-area input[type="button"]:hover, .form-wrapper .form-area input[type="submit"]:hover { background: #1CBB9B;}

.form-wrapper .form-area input[type="button"].back-button, .form-wrapper .form-area input[type="submit"].back-button { background: #B7B7B7 none repeat scroll 0 0; border: 0 none; border-radius: 0; color: #fff; font-size: 24px; font-weight: 600; padding: 8px 0; text-transform: uppercase; width: 100%;margin:17px 0 0;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.form-wrapper .form-area input[type="button"].back-button:hover, .form-wrapper .form-area input[type="submit"].back-button:hover { background: #c9ab26;}

.lft-section, .rgt-section{position:relative;background:#FFF; margin: 20px 0 27px; width: 48%; padding:20px 20px 20px 40px;}
.rgt-section { margin-left: 3%;}
.lft-section:before {position:absolute;top:75px;right:0;background:url(../png/box-half-circle-rgt.png) right center no-repeat;content:"";height:68px;width:23px; }
.rgt-section:before {position:absolute;top:75px;left:0;background:url(../png/box-half-circle-lft.png) left center no-repeat;content:"";height:68px;width:23px;}
.lft-section h3, .rgt-section h3 {color:#1cbb9b;font-size:25px;margin:0 0 20px;}
.lft-section p {color:#000;font-weight:300;font-size:16px;margin:0 0 20px;}
.lft-section p + p {font-weight:500;}
.rgt-section ul {width:100%;float:left;margin:0 0 9px;padding:0;list-style:none;}
.rgt-section ul li {width:90%;float:left;margin:5px 0;padding:0 0 0 30px;list-style:none;background:url(../png/bulb-icon.png) 0 0 no-repeat;}
.rgt-section ul li+li {background:url(../png/solar-icon.png) 0 0 no-repeat;}
.rgt-section ul li+li+li {background:url(../png/plug-icon.png) 0 0 no-repeat;}
.rgt-section ul li+li+li+li {background:url(../png/home-icon.png) 0 0 no-repeat;}

.form-wrapper .in-form-area.contact-detail, .form-wrapper .in-form-area.final-detail {margin:40px auto;background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; max-width: 491px;width:100%;padding:14px 25px 23px;}
.form-wrapper .in-form-area h2{margin:0 0 15px;}
.form-wrapper .in-form-area .input-group { margin: 10px 0 0; width: 100%;}
.form-wrapper .in-form-area .input-group input[type="text"], .form-wrapper .in-form-area .input-group input[type="email"], .form-wrapper .in-form-area .input-group input[type="tel"], .form-wrapper .form-area input[type="phone"] { margin: 0;border-left:2px solid #d5d7d9;border-top:2px solid #d5d7d9;border-right:0 none;border-bottom:2px solid #d5d7d9; border-radius:3px 0 0 3px;width:92%;float:left; }


@media only screen and (min-width : 0px) and (max-width : 350px) {
.form-wrapper .in-form-area .input-group input[type="text"], .form-wrapper .in-form-area .input-group input[type="email"], .form-wrapper .in-form-area .input-group input[type="tel"], .form-wrapper .form-area input[type="phone"] { width:87%; }
}
@media only screen and (min-width : 0px) and (max-width : 667px) {
.minute-pic > img {
    position: absolute;
    width:77px; margin-top: -15px; right: 14px;
}


.contact-detail.in-form-area,.zip {
    margin-top: 0 !important;
}
}
@media only screen and (min-width : 0px) and (max-width : 667px) {

.menu,
.logo-wrapper .nav-area ul#menu-menu-demo.menu,
.logo-wrapper .nav-area ul#menu-menu-test.menu{
    display: none !important;
}
#click-menu {
    display: block !important;
}
}
@media only screen and (min-width : 668px) and (max-width : 3481px) {
#click-menu {
    display: none !important;
}
.menu {
    display: block !important;
}
}
.zip > label {
    color: #ffffff;
}
@media only screen and (min-width : 350px) and (max-width : 487px) {
.form-wrapper .in-form-area .input-group input[type="text"], .form-wrapper .in-form-area .input-group input[type="email"], .form-wrapper .in-form-area .input-group input[type="tel"], .form-wrapper .form-area input[type="phone"] { width:88%; }
}
.form-wrapper .in-form-area input[type="submit"]{margin:10px 0 0;}
.form-wrapper .in-form-area .input-group .input-group-addon.icon-place { background: #fff none repeat scroll 0 0; border: 0 none; line-height: 7px; padding: 0;border-right:2px solid #d5d7d9;border-top:2px solid #d5d7d9;border-left:0 none;border-bottom:2px solid #d5d7d9;position:relative;width:35px;float:right;height:45px;line-height: 40px;border-radius:0 3px 3px 0;}
.form-wrapper  .uerror { display: inline-block; margin: 5px 0 0;}
.form-wrapper .form-area .input-group .input-group-addon.icon-place:before { background: #ccc none repeat scroll 0 0; bottom: 0; content: ""; height: 20px; left: 0; margin: auto; position: absolute; top: 0; width: 1px;}


.form-wrapper .thank-section {background:#FFF;position:relative;}
.form-wrapper .thank-section:before { background: #1cbb9b none repeat scroll 0 0; content: ""; height: 2px; left: -9%; position: absolute; top: -2px; width: 109%;}
.form-wrapper .thank-section .thank-pic-area {float:left;margin:0 0 0 -113px;}
.form-wrapper .thank-section .thank-txt-area { float: left; margin: 40px 0 0 30px; max-width: 800px;}
.form-wrapper .thank-section .thank-txt-area h3 {font-size:25px;color:#1cbb9b;margin:0 0 20px;font-weight:600;}
.form-wrapper .thank-section .thank-txt-area p {font-size:16px;color:#000;margin:0;font-weight:300;}

.container{padding-right:0px !important;padding-left:0px !important;}

h3.widget-title{padding-bottom:4px;margin-bottom:18px;color:#000;}

.widget  ul{margin:0 0 22px 0;padding-left:26px;list-style-position:inside;font-size:20px;text-decoration:underline;color:#1cbb9b;}
.widget .menu li {line-height: 1.5;list-style-type: disc;}
.widget  ul.menu li {line-height: 1.5;list-style-type: disc;}
.widget  ul.menu ul li {line-height: 1.5;list-style-type: disc;}
.widget  ul.menu ul ul li {line-height: 1.5;list-style-type: disc;}

/* Mozilla based browsers */
::-moz-selection {
       background-color: #545454;
       color: #FFF;
}
 
/* Works in Safari */
::selection {
       background-color: #545454;
       color: #FFF;
}


div.bottomofpost.side_bar{background-color:#f2d13e;color:#000;padding:15px;margin:30px 0px 0px 0px;}
/*#ff9c0f*/
div.bottomofpost h2 {font-size:30px !important; line-height:30px;margin-top:0px;padding-top:0px;}
div.bottomofpost h3 {font-size:22px;margin:22px 0;font-weight:600;line-height:22px;clear:both;width:100%;text-align:center;}
a.sidebar-button {display:block;text-align:center;margin-left:auto;margin-right:auto;margin-top:20px;font-weight:bold;font-size:24px;cursor:pointer;border:none;border-radius:3px;padding:15px;background-color:#1cbb9b;color:#FFFFFF;}
/* #339900 */

/*  Media begins  */

@media(max-width:1199px){
	.h-wrapper .sec-link { background-size: 80% auto;}
	.h-wrapper .sec-link:hover { background-size: 100% auto;}
	.form-wrapper .row + .row { margin-left: -15px;}
	.rgt-section { margin-left: 4%;}
	.form-wrapper .thank-section .thank-txt-area { max-width: 700px;}
	
} 

@media(max-width:1024px){
	.footer{bottom: 0px;position:relative;z-index:9;margin:50px 0 0;}
}

@media(max-width:991px){
	
	.h-wrapper .nav-area .menu li { padding: 0 0 0 35px;}
	.h-wrapper .sec-link span { font-size: 16px;}
	.h-wrapper .sec-link h3, .h-wrapper .sec-link-ul li a span, .h-wrapper .sec-link + .sec-link span { font-size: 20px;}
	.h-wrapper h2 { font-size: 70px;line-height:80px;}
	.h-wrapper, .n-wrapper{padding-bottom:30px;}
	.n-wrapper .benifits-title { background-size: 100% auto;}
	.w-wrapper{background:#f8f3df none repeat scroll 0 0;padding-bottom:30px;}
	.w-wrapper .solar-diagram .lft-top { font-size: 32px; left: 0; top: 20px;}
	.w-wrapper .solar-diagram .lft-bot { bottom: 110px; font-size: 32px; left: 0px;}
	.w-wrapper .solar-diagram .rgt-top { font-size: 32px; right: 0px; top: 20px;}
	.w-wrapper .solar-diagram .rgt-bot { bottom: 115px; font-size: 32px; right: 35px;}
	.wrapper .abs-lft-pic{display:none;}
	.logo-wrapper .nav-area ul.menu li a { padding: 14px 30px;}
	
	.form-wrapper .thank-section .thank-pic-area { float: left; margin: 20px 0 0; text-align: center; width: 100%;}
	.form-wrapper .thank-section .thank-txt-area { float: left; margin: 30px 3%; max-width: 94%;}
	.form-wrapper .thank-section:before { left: 0; width: 100%;}

}

@media(max-width:767px) {
	
	.h-wrapper .logo-area { text-align: center;}
	.h-wrapper .nav-area .social-ul { float: none; margin: 20px 0 0; text-align: center;}
	.h-wrapper .nav-area .menu { float: none; margin: 23px 0 0; text-align: center;}
	.h-wrapper .nav-area .menu li { padding: 0 15px;}
	.h-wrapper .sec-link { background-size: auto auto;}
	.h-wrapper .sec-link:hover {  background-size: auto auto;}
	.n-wrapper .pros-cons-area .cons-area { background: rgba(0, 0, 0, 0) url(../jpg/border-pic.jpg) repeat-x scroll 0 0; padding: 30px 0 0;}
	.n-wrapper .pros-cons-area .cons-area:before{content:none;}
	.w-wrapper .solar-diagram .lft-top { font-size: 20px; left: 5px; top: 20px;}
	.w-wrapper .solar-diagram .lft-bot { bottom: 110px; font-size: 20px; left: 5px;}
	.w-wrapper .solar-diagram .rgt-top { font-size: 20px; right: 5px; top: 20px;}
	.w-wrapper .solar-diagram .rgt-bot { bottom: 115px; font-size: 20px; right: 5px;}
	.n-wrapper .benifits-title h2 { font-size: 40px; margin: 5px 0 0;}
	.w-wrapper h2, .m-wrapper .map-title h2{font-size:40px;}
	.h-wrapper .sec-link span { font-size: 21px;}
	.h-wrapper .sec-link h3, .h-wrapper .sec-link-ul li a span, .h-wrapper .sec-link + .sec-link span { font-size: 28px;}
	.w-wrapper p { padding: 0 20px;}
	.w-wrapper .solar-diagram { margin: 50px 3% 0; width: 94%;}
	
	
	/*  inner pages  */
	.logo-wrapper .nav-area ul.menu li.active a, .logo-wrapper .nav-area ul.menu li a:after, .logo-wrapper .nav-area ul.menu li:hover a, .logo-wrapper .nav-area ul.menu li:hover a:after{content:none;background:none;color:#0F8B72;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
	.form-wrapper .row + .row { margin-left: 0;}
	.lft-section, .rgt-section{width:97%; margin:25px 0 0;}
	.rgt-section{ margin-bottom:25px;}
	.lft-section:before, .rgt-section:before{content:none;}

}
@media(max-width:736px){
	.logo-wrapper .nav-area ul.menu li a { padding: 14px 20px;}
	
}
@media(max-width:640px) {
	
	.n-wrapper .benifits-title h2 { font-size: 30px; margin: 15px 0 0;}
	.n-wrapper .benifits-title h2 span { font-size: 22px;}
	.h-wrapper h1 { font-size: 70px; line-height: 80px;}
	.h-wrapper h2 { font-size: 60px; line-height: 70px;}
	.w-wrapper .solar-diagram .lft-top, .w-wrapper .solar-diagram .rgt-top { top: 40px;}
	.w-wrapper .solar-diagram .lft-bot, .w-wrapper .solar-diagram .rgt-bot { bottom: 80px;}
	
	.logo-wrapper .logo-area { text-align: center;}
	.logo-wrapper .nav-area ul.menu {text-align:center;}
	.logo-wrapper .nav-area ul.menu li {float:none;display:inline-block;}
	.logo-wrapper .nav-area ul.menu li a { padding: 14px 20px;}
	.logo-wrapper .minute-pic { background: #1cbb9b none repeat scroll 0 0; float: left; padding: 20px 0; position: static; text-align: center; width: 100%;}

}
@media(max-width:568px) {
	.h-wrapper h2 { font-size: 50px; line-height: 60px;}
	.w-wrapper .solar-diagram .lft-top, .w-wrapper .solar-diagram .rgt-top { top: 40px;}
	.w-wrapper .solar-diagram .lft-bot, .w-wrapper .solar-diagram .rgt-bot { bottom: 40px;}
}
@media(max-width:480px) {
	.n-wrapper .benifits-title{background:#c9ab26;padding:5px 0 10px; min-height:0;}
	.n-wrapper .benifits-title h2{margin:0;font-size:40px;}
	.n-wrapper .benifits-title h2 span { font-size: 27px;}
	.w-wrapper .solar-diagram .lft-bot, .w-wrapper .solar-diagram .rgt-bot { bottom: 20px;}
}
@media(max-width:414px){
	
	.h-wrapper .sec-link { display: block; float: none; margin: 27px auto 0; width: 300px;height:300px;}
	.h-wrapper .sec-link a { padding: 100px 0;}
	.h-wrapper .sec-link { background-size: 90% auto;}
	.h-wrapper .sec-link:hover { background-size: 100% auto;}
	.h-wrapper .nav-area .menu li { padding: 10px 15px; width: 100%;}
	
	.logo-wrapper .nav-area ul.menu li a { font-size: 18px; padding: 14px 10px;}
	.form-wrapper .form-area input[type="submit"] { font-size: 18px;}
	
}
@media(max-width:360px) {

	.h-wrapper h1 { font-size: 50px; line-height: 60px;}
	.h-wrapper h2:before { width: 260px;}
	.h-wrapper h2 { font-size: 45px; line-height: 60px;}
	.h-wrapper .sec-link span { font-size: 16px;}
	.h-wrapper .sec-link h3, .h-wrapper .sec-link-ul li a span, .h-wrapper .sec-link + .sec-link span { font-size: 20px;}
	.w-wrapper .solar-diagram .lft-bot, .w-wrapper .solar-diagram .rgt-bot { bottom: 0px;}
	.n-wrapper .pros-cons-area .pros-ul li span, .n-wrapper .pros-cons-area .cons-ul li span { font-size: 30px;}
	
	.logo-wrapper .nav-area ul.menu {padding:10px 0 0;}
	.logo-wrapper .nav-area ul.menu li {float:left;width:100%;text-align:center;border-bottom:1px dashed #0F8B72;}
	.logo-wrapper .nav-area ul.menu li a{padding:8px 0 10px;font-size:20px;}
	.form-wrapper .form-area h2{font-size:28px;}
	
}

.rightsidebar{margin-top:30px;margin-bottom:30px;}