@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; cursor: pointer;}
img {max-width:100%;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:14px; }
a {color:#888888;}
a:hover {color:#98c51d;text-decoration:none;}
ul, li {list-style:none;}
img.logo {
	height: 125px;
}

.no-boder {border:0 none !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; height: 100vh; min-height: 762px;}
.n-wrapper {background:#fffacd;/*padding:30px 0 0;*/position:relative; height: 100vh; min-height: 762px}
.n-wrapper:before { background: #fdf613 none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%; opacity: 0.6;}
.w-wrapper {background:#fdfdfd url(../png/basic-area-right-pic.png) right bottom no-repeat;position:relative;/*padding:30px 0 0;*/}
.w-wrapper:before { background: #f4f9ff; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%;}
.m-wrapper {background:#1cbb9b;position:relative;/*padding:30px 0 0;*/ height: 100vh; min-height: 762px}
.m-wrapper:before { background: #19ac8e none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%;}


.wrapper { width:100%; float:left;}

.h-wrapper .container { padding-top: 20px;}
.h-wrapper .logo-area { padding-top: 35px;}
.h-wrapper .logo-area img {height: 125px; width: initial;
	max-height: none;
	max-width: none;}
.h-wrapper .nav-area .cnss-social-icon{float:right;margin:0;padding:0;list-style:none;clear:both; margin-top: 14px;}
.h-wrapper .nav-area .cnss-social-icon li{margin:0 3px;padding:0;list-style:none; display:inline-block;}
/*.h-wrapper .nav-area .cnss-social-icon li a{background:url(../images/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 .cnss-social-icon li a:hover{background:url(../images/fb-icon.png) 0 0px no-repeat;}
.h-wrapper .nav-area .cnss-social-icon li + li a{background:url(../images/t-icon.png) 0 -32px no-repeat;}
.h-wrapper .nav-area .cnss-social-icon li + li a:hover{background:url(../images/t-icon.png) 0 0 no-repeat;}
.h-wrapper .nav-area .cnss-social-icon li a img{display: none !important;}*/
.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;}

/*Menu Fix*/
.h-wrapper .nav-area #menu-menu-demo.menu{
	display:table !important;
	width:100%;
}
.h-wrapper .nav-area #menu-menu-demo.menu > li{
	display:table-cell;
	float:none;
	text-align:center;
	padding:0 5px;
}
.h-wrapper .nav-area #menu-menu-demo.menu > li a{
	display:block;
	width:100%;
	padding:10px 0;
}

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

/*Sub-sub Menu*/
.h-wrapper .nav-area ul#menu-menu-demo.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;
}
.h-wrapper .nav-area ul#menu-menu-demo.menu > li > ul > li:hover > ul{
    display:block;
}
.h-wrapper .nav-area ul#menu-menu-demo.menu li ul li ul li{
    display:block !important;
    padding-left:0;
}

@media only screen and (min-width : 0px) and (max-width : 480px) {
	.h-wrapper .nav-area #menu-menu-demo.menu{
		display: none !important;
	}
}
@media only screen and (min-width : 0px) and (max-width : 667px) {
	.h-wrapper .nav-area #menu-menu-demo.menu{
		display: none !important;
	}
}

.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 h5 {
    color: #FFF;
    font-size: 30px;
    font-weight: 300;
    line-height: 49px;
    text-align: center;
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.h-wrapper .sec-link  {margin:29px 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 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;}
/*.h-wrapper .sec-link-ul li a:hover, .h-wrapper .sec-link:hover{background-image:url(../images/circle-bg-hover.png);background-position:center center;background-repeat:no-repeat;color:#FFF;}*/
.h-wrapper .sec-link  {margin:29px 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;-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;}
.h-wrapper .sec-link:hover .abs-hover-pic{opacity:1;z-index:0;}

.h-wrapper .sec-link a{padding:150px 0;display:block;z-index:99;position:relative;-webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all;transition:1s all;}
.h-wrapper .sec-link h3{color:#000;font-weight:bold;font-size:28px;margin:0;-webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all;transition:1s all;}
.h-wrapper .sec-link p{color:#000;font-weight:300;font-size:21px;margin:0;-webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all;transition:1s all;}
.h-wrapper .sec-link-ul li a p, .h-wrapper .sec-link +.sec-link p{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 p, .h-wrapper .sec-link:hover h3, .h-wrapper .sec-link:hover p{color:#FFF;}


.n-wrapper .container { padding-top: 30px;}
.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:#000;margin:0;}
.n-wrapper .benifits-title h2 inc{font-weight:600;color:#000;}
.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; 
    line-height: 22px;}
.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.con li {margin:0;padding:0 0 0 47px;list-style:none;background:url(../png/expensive-icon.png) 0 0 no-repeat; 
    line-height: 22px;}
.n-wrapper .pros-cons-area .pros-ul.con li+li {background:url(../png/intermittent-icon.png) 0 0 no-repeat;}
.n-wrapper .pros-cons-area .pros-ul.con li+li+li {background:url(../png/renewable-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: 40px;
    margin: 14px 0 0;
    padding: 0 0 5px 20px;
    width: 100%;
    margin-bottom: 10px;}
.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 .pros-ul li+li+li+li {margin:0;padding:0 0 0 47px;list-style:none;background:url(../png/expensive-icon.png) 0 0 no-repeat; line-height: 22px;}
.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: 40px;
    margin: 14px 0 0;
    padding: 0 0 5px 20px;
    width: 100%;
    margin-bottom: 10px;}
.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 .container { padding: 60px 40px 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: 20px 0 0;padding:50px 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; background-color: rgba(164,188,0,0.6);
    padding: 11px;}
.w-wrapper .solar-diagram .lft-bot {color: #000;font-size: 42px;font-weight: 400;left:0;position: absolute; bottom: 20%; background-color: rgba(250,178,8,0.6);
    padding: 11px;}
.w-wrapper .solar-diagram .rgt-top {color: #000;font-size: 42px;font-weight: 400;right: 0px;position: absolute; top: 0px;
    background-color: rgba(162,139,105,0.6);
    padding: 11px;}
.w-wrapper .solar-diagram .rgt-bot {     color: #000;
    font-size: 29px;
    font-weight: 400;
    position: absolute;
    right: 0px;
    bottom: 20%;
    background-color: rgba(91,120,2,0.6);
    padding: 11px 47px;}
.w-wrapper .abs-lft-pic{position:absolute;bottom:0;left:0;margin:0;}

.m-wrapper .container { padding-top: 30px;}
.m-wrapper .map-title h2{font-size:50px;font-weight:bold;color:#0f8b72;margin:0;}
.m-wrapper .map-pic{position:relative;}

.footer .container{padding-top:0;}
.footer {background:#454545;left: 0;/*min-height: 650px;*/width: 100%;}
.footer .foot-txt p { color: #fff; line-height: 30px; margin: 0; padding: 7px 0 0;}


#fp-nav ul li, .fp-slidesNav ul li { height: 29px !important; margin: 5px 0 0 !important; width: 25px !important;}
#fp-nav ul li a span{background:rgba(0,0,0,0.25) !important;height:15px !important;width:15px !important;margin:-3px 0 0 -3px;-webkit-transition: all 0.2s ease-in-out 0s !important; -moz-transition: all 0.2s ease-in-out 0s !important; -o-transition: all 0.2s ease-in-out 0s !important; transition: all 0.2s ease-in-out 0s !important;}
#fp-nav ul li a.active span{background:url(../png/act-nav-pic.png) 0 0 no-repeat !important;height:29px !important;width:29px !important; margin:-5px 0 0 -10px !important;}
#fp-nav ul li .fp-tooltip { color: #666 !important; top:7px !important;}

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

#imap_1 svg rect{
	fill:transparent !important;
}
.n-wrapper .pros-cons-area .pros-ul li p:empty, .n-wrapper .pros-cons-area .cons-ul li p:empty { display: none;}


/* First Section */

.h-wrapper img {
	margin-top: 2px;
}

.show-767 {
	display: none;
	visibility: hidden;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* Solar */

#solar img {
	width: 73%;
}

#solar .paragraph {
    font-size: 20px;
    line-height: 31px;
    width: 70%;
    margin: 0 auto;
    margin-top: 24px;
    text-align: left;
}

#solar .paragraph:last-of-type {

	margin-bottom: 60px;

}

.solar-diagram span {
	border-radius: 5px;
}

.show-480 {
		display: none;
		visibility: hidden;
}

.h-wrapper .sec-link.show-480 {
		display: none;
		visibility: hidden;
}

.solar-type {
	font-size: 20px;
	padding: 22px 0px;
	margin: 10px;
    border-radius: 5px;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.transparency {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    width: 100%;
    height: 1500px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.content {
	position: relative;
}

/* Map */

#interactive_map_1 {
	height: 870px;
    margin-top: -90px;
}


/* Footer */
.footer p {
	text-align: left;
}

.footer .tos p, .footer .copyright p {
	text-align: center;
}

.footer h5 {
    margin-top: 50px;
    font-size: 21px;
    color: #fff;
    text-align: left;
}

.footer .button {
	background: green;
    width: 400px;
    float: right;
    margin-right: 50px;
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}

.footer .button p{
	font-size: 25px;
	text-align: center;
	text-transform: uppercase;
}

.footer a:hover .button {
	background: #034803;
}

.footer .textwidget {
    margin-top: 20px;
    text-align: left;
    color: #fff;
}

.footer .footer-title {
    color: #fff;
    text-align: left;
    font-size: 18px;
    margin-top: 30px;
}

.footer .links a {
	color: #fff;
}

.footer .links a:hover {
	color: #98c51d;
}




/*  Media begins  */

.cons-img, .pros-img{width: 22%;}



@media(max-width:1545px){

	.fp-tableCell { vertical-align: middle;}
	.h-wrapper .container { padding-top: 0px;}

}

@media(max-width:1199px){
	.h-wrapper .sec-link { background-size: 80% auto;}
	.h-wrapper .sec-link:hover { background-size: 100% auto;}
	.w-wrapper .solar-diagram .rgt-bot {right: -11px;}
	.h-wrapper .sec-link { height: 322px;}
	.h-wrapper .sec-link a { padding: 115px 0;}
	.h-wrapper .sec-link:hover { background-size: 80% auto;}
	.h-wrapper .sec-link .abs-hover-pic { bottom: 0; margin: auto; width: 100%;}

	.h-wrapper img {
	    margin-top: 4px;
    	margin-left: 1px;
	}

	.n-wrapper .pros-cons-area .pros-ul li span {
	    font-size: 36px;
	    line-height: 33px;
	}

} 

@media(max-width:1024px){
	/*.footer{bottom: 0px;position:relative;z-index:9;margin:50px 0 0;}*/
	.cons-img,.pros-img{width: 26%;}
	.basic-solar-pic{width: 80%;}

	.cons-img, .pros-img{width: 22%;}
}

@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 .solar-diagram .lft-top { font-size: 22px; left: 0; top: 20px;}
	.w-wrapper .solar-diagram .lft-bot { /*bottom: 110px;*/ font-size: 22px; left: 0px;}
	.w-wrapper .solar-diagram .rgt-top { font-size: 22px; right: 0px; top: 20px;}
	.w-wrapper .solar-diagram .rgt-bot { /*bottom: 115px;*/ font-size: 22px; right:-5px;}
	.wrapper .abs-lft-pic{display:none;}
	.h-wrapper .sec-link { height: 250px;}
	.h-wrapper .sec-link:hover { background-size: 80% auto;}
	.h-wrapper .sec-link a { padding: 80px 0;}
	.h-wrapper .sec-link .abs-hover-pic { bottom: 0; margin: auto; width: 100%;}

	.h-wrapper h5 {
		text-align: justify;
	    position: relative;
	    width: 80%;
	    margin: 0 auto;
	    margin-top: 80px;
	}

	.n-wrapper {
	    height: 100%;
	}

	#solar .paragraph {
    	width: 100%;
	}
	
	#map .container {
    	width: 90%;
	}

	.m-wrapper {
		height: 100%;
		min-height: 500px;
	}

	#interactive_map_1 {
		height: 530px;
    	margin-top: 0px;
    }
    .w-wrapper .solar-diagram .rgt-bot {
    	padding: 11px 2%;
    }
    

}

@media(max-width:767px) {
	
	.h-wrapper .logo-area { text-align: center;}
	.h-wrapper .nav-area .cnss-social-icon { 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; height: 322px; margin-bottom: 22px;}
	.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: 20px;}
	.w-wrapper p { padding: 0 20px;}
	.w-wrapper .solar-diagram { margin: 50px 3% 0; width: 94%;}
	.h-wrapper .sec-link .abs-hover-pic{right:0;margin:auto;}

	.h-wrapper .sec-link +.sec-link p {
    color: #000;
    font-weight: 300;
    font-size: 21px;
}

	.h-wrapper {
		height: 100%;
	    overflow: hidden;	
	}

	.h-wrapper .sec-link a {
	    padding: 90px 0;
	}

	.h-wrapper .sec-link:hover {
		    background-image: url(../png/circle-bg-hover.png);
		    -webkit-transition:0.5s all;-moz-transition:0.5s all; -o-transition:0.5s all;transition:0.5s;
		    background-size: 100% !important;
	}

	.h-wrapper img {
	    width: 110%;
	    max-width: none;
	    vertical-align: middle;
	    max-height: 25px;
	    max-width: 160px;
	}

	.n-wrapper {
	    height: 100%;
	}

	.m-wrapper {
	    height: 100%;
	    min-height: inherit;
	}

	#interactive_map_1 {
		height: 480px;
    	margin-top: -30px;
    }

    .hide-767 {
    	visibility: hidden;
    	display: none !important;
    }


    .show-767 {
		display: block;
		visibility: visible;
		color: black;
		background-size: 90% !important;
		height: 250px !important;
	}
	
	
}

@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;}*/

	.w-wrapper .container {
	    padding: 60px 15px 0;
	}

	.h-wrapper .sec-link +.sec-link p {
    color: #000;
    font-weight: 300;
    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: 14px;
}

}
@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;}*/

	.hide-480 {
		display: block;
		visibility: visible;
	}


}
@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{padding-top: 60px;}
	.basic-solar-pic{width: 100%;}
	.w-wrapper .solar-diagram .lft-top { left: 0;font-size: 14px;top:15%;}
	.w-wrapper .solar-diagram .lft-bot { left: 0px;font-size: 14px;bottom: 21%;}
	.w-wrapper .solar-diagram .rgt-top { right: 0px;font-size: 14px;top:15%;}
	.w-wrapper .solar-diagram .rgt-bot { right: 0px;font-size: 14px;bottom: 21%;}

	#interactive_map_1 {
	    height: 400px;
	    margin-top: -40px;
	}

	#map .container {
	    width: 100%;
	    padding-top: 30px;
	}

	.h-wrapper h5 {
		text-align: center;
		font-size: 27px;
	}

	.hide-480 {
		display: none;
		visibility: hidden;
	}

	.show-480 {
		display: block;
		visibility: visible;
		color: black
	}

	.h-wrapper .sec-link.show-480 {
		display: block;
		visibility: visible;
		color: black
	}



	.w-wrapper .solar-diagram {
	    padding-top: 0px;
        margin: 0px 3% 0;
	}

	#solar img {
	    width: 100%;
	}

	.h-wrapper .sec-link h3 {
		font-size: 20px;
	}

	.h-wrapper .sec-link a {
	    padding: 94px 0;
	}

	.show-767 {
		visibility: hidden;
		display: none !important;
	}

	.h-wrapper .sec-link {
	    background-size: 90% auto;
	    margin: 0px 0px 0px 0px;
	    margin-bottom: 0px;
	    margin-top: 0px;
	    display: inherit;
	    width: 33%;
	    height: 100%;
	}

	.h-wrapper .sec-link a {
		padding: 94px 0;
		    margin-top: -20px;
	}

	.h-wrapper .sec-link p {
    color: #000;
    font-weight: 300;
    font-size: 15px;
    margin: 0;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
	}

	.h-wrapper .sec-link a.benefits 
		{
    padding: 74px 0;
}
	.h-wrapper .sec-link a.basics {
		padding: 86px 0;
	}

}
@media(max-width:414px){
	
	/*.h-wrapper .sec-link { display: block; float: none; margin: 27px auto 0; width: 220px;height:220px; margin-left: -7px;} */
	.h-wrapper .sec-link a { padding: 68px 0;}
	/*.h-wrapper .sec-link { background-size: 90% auto; margin-bottom: 40px; background-size: 90% auto;
    margin-bottom: 40px;
    margin: 0 auto;
    margin-top: 30px;} */
	.h-wrapper .sec-link:hover { background-size: 100% auto;}
	.h-wrapper .nav-area .menu li { padding: 10px 15px; width: 100%;}
	/*.w-wrapper .solar-diagram .rgt-bot { width:150px;}*/

	.h-wrapper .hentry img {
	    margin-left: -25px;
	    width: 122%;
	    margin-top: -25px;
	    max-width: none;
	}

	#interactive_map_1 {
        height: 314px;
    	margin-top: -47px;
	}

	.h-wrapper .sec-link p {
	    font-size: 14px;
	}
		
}
@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;}
	.h-wrapper .sec-link h3 {
	    font-size: 16px;
	}
	
}

/*@media (max-height:950px){
	.footer{bottom: 0px;position:relative;z-index:9;margin:50px 0 0;}
}*/

@media (min-width:964px){
    .h-wrapper .sec-link {
        margin-top: -5px;
    }
	#homepage-h1 {
		margin-top: 0px;
	}
	.h-wrapper h5 {
		line-height:37px;
	}
}


#fullpage .h-wrapper .container {
    padding-top: 0 !important;
}