.logo img { width: auto; height: auto; max-width: 100%; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }



.logo { width: 200px; margin-right: 0%; }



.navigation { width: 62.5%;  /*width: -moz-calc(100% - 426px);width: -webkit-calc(100% - 246px);  width: expression(100% - 426px); */ width: calc(100% - 426px); margin: 26px 0; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}



.navigation ul { float: right }



.navigation ul li a { padding: 0 10px 0 12px }



.callBtn { position: relative; float: right; padding: 15px 15px 7px 60px; box-sizing: border-box; width: auto;/* background-position: right bottom; */ -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }



.callBtn:before { content: ""; width: 32px; height: 32px; background: url(../images/tele-icon.png) no-repeat left top; position: absolute; left: 15px; top: 0; bottom: 0; margin: auto; }



.homeCon .content_left { width: 100%; text-align: center }



.homeCon .content_right { width: 100%; text-align: center; background: none; padding-top: 0; }



.content_right ul { padding-top: 0; }



.homeCon .content_right li { float: none; display: inline-block; vertical-align: middle; margin: 10px; }



.banner .section_right h3 { padding-left: 0; margin-top: 5px; }



.banner .section_right .see_pricing_button { display: inline-block; width: auto; padding: 15px; margin-top: 15px; }



.main_counter_div .counter { padding-bottom: 0 }



.buttoneNew { background: #ff8a00; display: inline-block; vertical-align: top; padding: 15px; text-transform: uppercase; border-radius: 5px; margin-top: 15px; margin-bottom: 15px; display: block; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -ms-transition: All 0.5s ease; -o-transition: All 0.5s ease; transition: All 0.5s ease; box-sizing: border-box; text-align: center }



.buttoneNew strong { color: #FFF; text-align: center; font-size: 22px; font-family: GothamRegular; font-weight: normal; }



.buttoneNew span { font-family: Arial, Helvetica, sans-serif; color: #FFF; text-align: center; font-size: 12px; text-transform: none; line-height: 18px; font-weight: 600; display: block; margin-top: 5px; }



.buttoneNew.see_pricing_button2 { width: 100%; }



.banner2_right .buttoneNew.see_pricing_button2 { margin-bottom: 60px; }



.headersticky { width: 100%; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); transition: all 0.4s ease-in-out; display: inline-block; z-index: 12; vertical-align: top; position: relative; }



.banner2 { margin-top: 40px; }



.menuIcon { display: none }



.ready_main .icon_shadow { display: none !important }



.ready_div_left_icon { height: 110px; }



.callIcon { display: none }



.nf-form-content { margin: 15px -15px; }



.nf-field-container { float: left; width: 50%; padding: 0 15px; clear: inherit !important }



div.nf-field-element .ninja-forms-field { padding: 10px 15px; height: 40px; border-radius: 2px; }



.nf-error-wrap.nf-error .nf-error-msg { position: absolute; right: 0; bottom: 45px; width: auto; height: auto; margin: 0; line-height: normal; font: 11px/11px arial; background: #fb0101; padding: 5px 5px 4px; color: #fff !important; }



#nf-form-2-cont{padding:0 15px;}



.nf-form-fields-required{font-size:12px; margin-top:15px;}



.nf-error-wrap.nf-error .nf-error-msg:after { border-color: #fb0101 transparent transparent; -moz-border-image: none; -o-border-image: none; border-image: none; border-right: 6px solid transparent; border-style: solid; border-width: 6px; content: " "; height: 0; left: 20px; margin-left: -10px; position: absolute; top: 100%; width: 0; }



.nf-after-field { position: relative }



.nf-error-msg, .ninja-forms-req-symbol { color: #F00 !important; }



.nf-field-container.submit-container { width: 100%; }



div.nf-field-element .ninja-forms-field[type="button"] { display: block; background: #ff8a00; /* padding: 23px 17px; */



height: 50px; padding: 0 20px; text-transform: uppercase; border-radius: 5px; margin: auto; font-family: GothamRegular; font-size: 20px; color: #fff; text-align: center; cursor: pointer; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -ms-transition: All 0.5s ease; -o-transition: All 0.5s ease; transition: All 0.5s ease; }



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







.slick-dots li { display: inline-block; vertical-align: top; width: 14px; height: 14px; border-radius: 50%; -webkit-border-radius: 50%; background-color: rgba(161, 161, 161, .5); border: 1px solid rgba(161, 161, 161, .5); position: relative; margin: 0 5px }



.slick-dots li:after { position: absolute; left: 0; top: 0; right: 0; margin: auto; border-radius: 50%; -webkit-border-radius: 50%; background-color: #019ade; width: 6px; height: 6px; visibility: hidden }



.blgSlide .slick-arrow, .slick-arrow { height: 35px; position: absolute; top: 50% }



.slick-dots{text-align:center}



.slick-dots .slick-active {  background-color: #49ba6f }



.slick-dots .slick-active:after { visibility: visible }



.slick-dots li button { display: none }



.slick-arrow { width: 44px; margin-top: -18px; background: url(../images/sprite-2.png) no-repeat; overflow: hidden; text-indent: -9999px; z-index: 1 }



.main_frame:nth-of-type(2){margin:0 !important}



.solarSlide {margin-bottom:30px;}



.buttoneNew.callBtn{float:left;width: 250px;background: #49ba6f;text-align: left;    padding-left: 60px;}



.buttoneNew.callBtn span{margin-top:0;text-align: left;}



.home_ques_text{    width: calc(100% - 180px); padding: 10px 0 0 30px; box-sizing: border-box;}



.many_icon li{font-size:14px;}







.section_index{border-top:1px solid #fff}







.solarSlide  .slick-dots li{background:#fff; opacity:0.5}



.solarSlide  .slick-dots li.slick-active{opacity:1}











.footer_main{margin: 0;width: auto;min-width: 100%;}



.footer_main .footer_left{float:left;width: 18%;margin:0 !important;padding:0 15px !important;box-sizing:border-box;} 



.footer_main .footer_left:nth-child(2){width:15%}



.footer_main .footer_left:nth-child(3){width:16%}



.footer_main .footer_left:nth-child(5){width: 30%;}



.footer_main .footer_left h2{display:block; width:100%; font-size:16px; font-weight:700; margin-bottom:15px;    pointer-events: none;}



.footer_main .footer_left ul{list-style:none}



.footer_main .footer_left ul li{display:block; margin-bottom:5px;}



.footer_main .footer_left ul li a{padding-left:15px; position:relative; font-size:14px; color:#fff;  line-height:22px; display:inline-block; text-align:left}



.footer_main .footer_left ul li a:before{content:""; width:5px; height:5px; background:#e2e2e2; position:absolute; left:0; top:0; bottom:0; margin:auto; border-radius:50%;}



.our_locarion .locationMain{float:left; width:100%;    padding: 7px 0; border-bottom:1px solid #4f4f50;}



.our_locarion .locationMain:last-child{border-bottom:none}



.locationName{float:left; width:100%; position:relative; display:block;font-size:12px;line-height:22px;color:#ffffff;position: relative; font-weight:700; margin-bottom:5px; cursor:pointer;}



.locationName:before{content:"";width: 21px;height: 21px;border-radius:50%;background:#49ba6f;display:inline-block;vertical-align:middle;margin-right:10px;}



.locationName:after{content:"";width:12px;height: 12px;background:url(../images/plush-minus.png) no-repeat left top;position:absolute;left: 5px;top: 5px;}



.locationName.active_location:after{background-position:left bottom}



.conInfo{display:none;float:left;width:100%;padding-left:20px;box-sizing: border-box;}



.conInfo p{display:block; font-size:12px; line-height:18px; color:#fff; margin:10px 0}







.footLogoSec{display:inline-block; width:100%; margin-top:30px; padding-top:40px; border-top:1px solid #4f4f50;}



#clients-logo h2{text-transform:uppercase; font-size:16px; }







.socialLinks{display:block;}



.socialLinks a{display:inline-block; width:32px; height:32px; opacity:0.5; transition:all 0.4s ease-in-out; background: url('../images/social-icon-round.png?var=1.1.1') no-repeat 0 0; margin:0 5px;}



.socialLinks a.gplusIcon{background-position:-39px 0;}



.socialLinks a.instaIcon{background-position:-81px 0;}



.socialLinks a.youtube_icon{background-position:-123px 0;}



.socialLinks a.linkdinIcon{background-position:-161px 0;}



.headersticky #wrapper{max-width:100%; /*padding:0 15px; */ box-sizing:border-box;}	







/* css only for hover effect all hover effect must write in this Media query */



@media only screen and (min-width: 1200px) {



body { margin-top: 84px; }



.headersticky { position: fixed; left: 0; right: 0; top: 0; z-index: 12 }



.headersticky.sticky header { padding: 4px 0 }



.headersticky.sticky .logo img { max-width: 160px; display:block}



.headersticky.sticky .navigation { margin: 16px 0; }



.headersticky.sticky .callBtn {margin: -9px 0;border-radius:0;background:#49ba6f;height:auto; padding-bottom: 13px; padding-top: 13px}



.footer_main .footer_left ul li a:hover{color:#49ba6f}



.footer_main .footer_left ul li a:hover:before{background:#49ba6f}



.copy_right span.left{position:absolute; left:50%; margin-left:0}







.many_icon ul{width:100%}



.many_icon ul li{margin:0; padding:0 5px; width:12%; text-align:center; box-sizing:border-box}





.many_icon ul li span{display:block;}



.many_icon ul li:nth-child(8) span{margin-left:auto; margin-right:auto;}



.socialLinks a:hover{opacity:1;}







.logo{width:18%}



.navigation{width: 57%;}



.callBtn{width:18%;}



}







/* Custome responsive css start from here */







/* common css for below screen 1199 */



@media only screen and (max-width: 1199px) {







	



.logo { float: left; max-width: 170px; padding: 0 10px; margin: 0; }



.navigation { float: left; margin: 20px 0; width: calc(100% - 360px) }



.callBtn { padding: 7px 10px 7px 44px; margin: 0; height: auto }
	#pay-the-bill{height:48px;}


.callBtn:before { width: 26px; height: 26px; background-size: 100%; left: 10px }



.navigation ul li a { padding: 0 7px; background: none; font-size:13px; }



.call h2 { font-size: 16px; line-height: 20px; }



.call span { font-size: 12px }



.section_right h1, .section_right .secTitle { font-size: 40px; line-height: 50px; }



.banner2_ist { padding-left: 15px; box-sizing: border-box; margin-top: 60px; }



.banner2_center { margin-top: 60px; }



.banner2_right { margin-top: 40px; }



.banner2 { height: auto; padding-bottom: 40px; }



.comments_main .margn-top { margin-top: 0 !important; }



.comments_main .margn-top .ques_div { margin-top: 0 }



.buttoneNew.callBtn{margin-top:15px;}



.comments_main_head{padding-top:40px;}



.footer_main .footer_left .conInfo a{padding-left:0}



.footer_main .footer_left .conInfo a:before{display:none}



.socialLinks a{margin-bottom:10px;}



}







/* common css for below screen 991 */



@media only screen and (max-width: 991px) {



.menuIcon { display: inline-block; }



.menu-icon-eff {float: left;width: 50px;height: 50px;position: relative;z-index: 999;background-color: #404041;text-align: center;padding: 0;margin-right: 1px;display: block;margin-right: 15px;border-radius: 50%;}



.menu-icon-eff a {width: 26px;height: 28px;position: relative;display: inline-block;overflow: hidden;margin-top: 10px;background: none !important;}



.menu-icon-eff a:hover { background: none !important }



.menu-icon-eff span {width: 100%;height: 3px;background-color: #fff;position: absolute;left: 0;top: 5px;transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;-webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;-moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;-ms-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;right: 0;}



.menu-icon-eff span.line2 { top: 13px; }



.menu-icon-eff span.line3 { top: 21px; }



.menu-active span.line1 {transform: rotate(135deg);-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);top: 12px;}



.menu-active span.line2 { opacity: 0; left: -200px; }



.menu-active span.line3 {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);top: 12px;}



#menu-header { position: absolute; right: 0; top: 100%; display: none; transition: none; background: #404041; width:100%; left:0; transition:none !important; float:left;}



#menu-header li { width: 100%; }



#menu-header li a { color: #fff; width: 100%; padding: 10px 15px; border-top: 1px solid #666; border-bottom: 1px solid #333; text-align: left; text-indent: 0; }



.navigation { float: right; width: auto !important; margin: 0 0 0px 15px; background: none !important }



.headersticky header { width: 100%; }



.headersticky .logo { padding: 0 10px; }



.section_right h1, .section_right .secTitle { font-size: 32px; line-height: 36px; }



.copy_right{width:100% !important; text-align:center }



.copy_right h2, .copy_right span{float:none; display:inline-block;}



.copy_right_link{width:100%; text-align:center}



.copy_right_link li{display:inline-block; width:auto; padding:0 5px; float:none !important}



}







/* common css for below screen 767 */



@media only screen and (max-width: 767px) {







.comments_div { padding-top: 15px; padding-bottom: 15px; }



.many_icon { width: 100%; padding: 0 15px; box-sizing: border-box }



.many_icon ul { width: 100%; text-align: center }



.many_icon ul li { float: none; display: inline-block; vertical-align: top; }







.comment2_top-small, .comment2_middle-small, .comment2_bottom-small{background-size:100%;}



.comment2_top-small{background-size:110%;    background: #fff;



    border-radius: 10px 20px 0 0;}



.comments_div .comment2-small{padding:0 10px; box-sizing:border-box}



.main_frame{margin:0;}







.counter_data{text-align:center; }



.counter_data ul{display:inline-block;}







 .power_home_div h2{font-size:24px; line-height:26px;}







.ready_main{padding:30px 15px; box-sizing:border-box}



.solarSlide .slick-list{margin-bottom:15px;}



.buttoneNew{padding-left:10px; padding-right:10px;}







.footer_main .footer_left:nth-child(2),.footer_main .footer_left:nth-child(3),.footer_main .footer_left:nth-child(5),.footer_main .footer_left{width:100%; text-align:left;border-bottom:1px solid #4f4f50;}



.footer_main .footer_left:nth-child(5){border-bottom:none}



.footer_main .footer_left h2{pointer-events: inherit; margin:10px 0; position: relative;}



.footer_main .footer_left h2:after{content:""; width:10px; height:10px; border-bottom:2px solid #fff; border-right:2px solid #fff; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:0; top:1px; transition:all 0.4s ease-in-out;}



.footer_main .footer_left h2.active:after{-moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}



.footer_main .footer_left h2 + div{display:none; float:left; width:100%; transition:none}



footer{padding-top:0}



.footLogoSec{margin-top:0; padding-top:15px;}



.logo-area1{width:100%; text-align:center}



.logo-area1 ul li{float:none; display:inline-block; max-width:100px; margin:0; padding:0 2px;}



.logo-area1 ul li img{max-width:100%;}



.logo-area2, .logo-area3{width:50%;}



#clients-logo h2{padding-left:0; font-size:14px;}



.logo-area2 ul li,.logo-area3 ul li{margin-top:0}



.headersticky header .callBtn{float:right !important}



.banner2_ist img{width:auto; height:auto; max-width:100%;} 



}











/* common css for below screen 479 */



@media only screen and (max-width: 479px) {



.headersticky header { padding: 0; }



.menu-icon-eff { margin-right: 10px; margin-top: 11px; width:42px; height:42px;}



.menu-icon-eff a{width:22px; margin-top:6px}



.headersticky .logo { padding: 4px 10px; }



.headersticky header .callBtn { display: none }



.callIcon { display: inline-block; width: 40px; height: 40px; background: url(../images/tele-icon.png) no-repeat center center #49ba6f; background-size: 46%; border-radius: 50%; margin-top: 10px; float: right; }
	#pay-the-bill{
		border-radius: 50%;
		width:40px;
		height:40px;
		margin-top: 10px;
		margin-left:5px;
	}
	#pay-the-bill img{max-width:25px !important;}
	#pay-the-bill span{display:none;}

.nf-field-container { width: 100%; margin-bottom: 15px !important; }



.section_right .secTitle{font-size:24px; line-height:28px;}



.banner .section_right .see_pricing_button{padding:15px !important}



.content_left h1{font-size:24px; line-height:28px;}



.content_left p{padding:15px 0;}



.content_left h2{font-size:16px;}



.homeCon .content_right li{margin:4px}



.homeCon .content_right{width:100% !important; margin:0; padding:0}



.content_right ul{width:100% !important;}



.comments_main .margn-top .ques_div{padding:15px 0; margin:0; width:100%;}



.comments_main > #wrapper{margin-bottom:15px !important}



.comments_div .comment2-small{padding-top:0}



.main_counter_div .counter{margin-top:0; padding-top:15px; margin-top:0}



.counter_data{margin-top:0}



.vdo iframe{max-height:280px !important;}



.solar_img{margin-bottom:0}



.banner2{margin-top:10px;} 



.banner2_ist{margin-top:10px;}



.banner2_right{text-align:center}



.banner2_right .clean , .banner2_right .textwidget{float:none; display:inline-block; width:auto; margin:auto}



.banner2_right .buttoneNew.see_pricing_button2{margin-bottom:5px;}



.banner2_center{margin-top:15px;}



.home_ques_text{padding-left:0}



.home_ques_text .buttoneNew.callBtn{float:none; display:inline-block; padding-left:50px !important}



 .comments_main > #wrapper{padding-top:20px;}



.power_home_div{padding-bottom:20px;}



.ready_main{padding:20px 15px;}



.ready_main h1{font-size:24px; line-height:26px;}



.solarSlide{padding-top:20px;}



.pricing_button3{width:100% !important;}



}



@media only screen and (max-width: 350px) {



.buttoneNew strong{font-size:20px;}



.buttoneNew  span{margin-top:4px;}	



	}







/* common css for screen size between 480 to 767 */



@media only screen and (min-width: 480px) and (max-width: 767px) {



}











/* common css for screen size between 568 to 767 */



@media only screen and (min-width: 568px) and (max-width: 767px) {



.main_frame { width: 26%; }



}











/* common css for screen size between 600 to 767 */



@media only screen and (min-width: 600px) and (max-width: 700px) {



	.pricing_button3{width:56%;}



}











/* common css for screen size between 768 to 1199 */



@media only screen and (min-width: 768px) and (max-width: 1199px) {



.comments_main_head { padding: 0 15px; box-sizing: border-box; }







}



@media only screen and (min-width: 991px) and (max-width: 1023px) {



.navigation ul li a{font-size:12px;}	



}







/* common css for screen size between 768 to 1023 */



@media only screen and (min-width: 768px) and (max-width: 991px) {



.banner2_center { width: 40%; }



.comments_div { padding-top: 0; }



.comment2-small { width: 247px; margin: auto 0.5% !important; }



.comment2_middle-small { padding: 0 15px; }



.comment2_bottom-small { background-size: 100%; }



.many_icon { width: auto; display: inline-block }



.power_home_div { text-align: center }



.solar_img a{float:left; width:100%;}



.homeCon .content_right{padding-bottom:0}



.ready_main{padding:40px 0}



#menu-header{max-width:300px; left:inherit}



.footer_main .footer_left:nth-child(2),.footer_main .footer_left:nth-child(3),.footer_main .footer_left{width:25%;}







.footer_main .footer_left:nth-child(5){width:100%; margin-top:30px !important;}







.conInfo p{display:inline-block; margin-right:15px; vertical-align:top; }



.conInfo p:last-child{margin-right:0}



}











/* common css for screen size between 1024 to 1199 */



@media only screen and (min-width: 992px) and (max-width: 1199px) {



.comments_div { padding-top: 40px; padding-bottom: 40px; }



.comments_div .comment2-small { padding-top: 0 }



.ready_main { padding: 40px 0 40px 0; }



.navigation ul { width: 80% !important;
    float: left; }
.navigation ul .sub-menu{ width: auto !important; }


.copy_right {padding-left:15px;}



.copy_right_link{width:28%;}



.logo-area1{    width: 55%;}



.logo-area2{    width: 29%;}



.logo-area3{width: 13%;}



.footer_main .footer_left:nth-child(2) {width: 14%;}



.footer_main .footer_left:nth-child(3){width: 17%;}



.callBtn{position: absolute;right: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

	#pay-the-bill{
		height:48px;
		position: absolute;
		right: 0px;
		top: 22%;
	}

	header.wrapper .callBtn{
		right: 60px;
	}
}



.many_icon ul li.clear{width:100%;height:0;padding:0;margin:0;float:none}


/* tap */

.tabscroll ul li {
  display: inline-block;
  padding: 1%;
  border-right: 2px solid #fbfbfb;
 
}

.tabscroll ul li:first-child { border-radius: 5px 0 0 0;}

.tabscroll {margin-top: 60px;}

.tabscroll article {background-color:#fbfbfb;border-radius:0 0 5px 5px;}
.tabscroll article section p {color: black!important;}
.tabscroll article {padding: 0 50px 20px 50px;  margin-top: -20px;}
.tabscroll h3 {padding: 40px 0 5px 0;
    font-size: 22px;
    border-bottom: 1px dashed #c5c5c5;
    margin-bottom: 30px;
    color: #585757;}


.tabscroll ul {
  background-color:#c1c1c1;
  padding: 0;
  border-radius: 5px 5px 0 0;
}

.tabscroll ul li a, .tabscroll ul li:visited, .tabscroll ul li:active, .tabscroll ul li:hover { color: #05651e; }
.tabscroll ul li a:hover {color: black;}




.tabscroll_activeNavi {
  background-color:#fbfbfb;
}

.tabscroll_activeNavi a,  .tabscroll_activeNavi a:active, .tabscroll_activeNavi a:hover { color: gray; }
.tabscroll_activeNavi a:visited {color: black!important;}

.table-style {margin-bottom: 100px;}
.table-style td{height: 40px; padding-left: 10px; color: gray;}
.table-style tr:hover { background:#d3e4ff!important; }
.table-style tr:nth-child(even) { background:whitesmoke;}
.table-style tr:nth-child(odd) { background:#efefef;}

.table-style a:link{color: #49ba6f; font-size: 15px;}
.table-style a:visited{color: #49ba6f; font-size: 15px;}
.table-style a:hover{color: black; font-size: 15px;}

#menu-header li a{font-size: 12px}

#payment-form{
	max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

#payment-form .fullstripe-form-title{text-align: center;
    display: block;
    font-size: 16px;
margin-bottom:20px;
font-weight:bold;
}
#payment-form.form-horizontal input{border: 1px solid #000000;}
#payment-form button{
background-color:#48ba6f;
color:#ffffff;
padding:20px 25px;
font-size:16px;
}
#payment-form button:hover{
color:#ffffff;
background-color:#ff8a00;
}

@media screen and (max-width: 480px){
#payment-form.form-horizontal .control-label{
float:none !important;; text-align:center !important; width:100% !important;
}
	#payment-form.form-horizontal .controls{margin-left:0px !important;}	
	
}