@charset "utf-8";
/* CSS Document */
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}
/*html,body {
   margin:0;
   padding:0;
   height:100%;
   font:14px Arial, Helvetica, sans-serif;
   
}*/
img, video, canvas {
 max-width:100%;
}

.floats_R{float:right;}
.inline{display:inline}
.floats_L{float:left;}
.hidden{display:none;}
.inline-block{ display:inline-block; }
.li-non-style{list-style:none}
.no_margin{margin:0}
.thin_border{border:solid 1px #CCCAE8}
.relative {position:relative}
.show{display:block;}
.header_color{color:#3F5761;}
.block{display:block}
.required{color:#EF4623}
.center{margin:0 auto}
.err_sctn{margin:3% 0 ;width:262px; display:none; }
.err_sctn p{ margin:0;}
.validation{color:#EE3A31; display:none;}
.shadow{box-shadow:rgba(0,0,0,.25)0px 0px 9px 1px;}
.err_txt{font:normal 13px  Arial, Helvetica, sans-serif;color:#F03115}
.txtstyle{ font:normal 1.1em "Calibri",Cambria,Arial Narrow, Arial}
.txtColor{ color:#43504A;}
.contentBrdr{border:solid 2px #DDE0E1;box-shadow:rgba(0,0,0,.25)0px 0px 5px 2px;}
 /*clear float classes*/
.cf:before, .cf:after {content:" "; display:table;}
.cf:after {clear: both;}
.cf {*zoom: 1; /* for IE6 and IE7 */}
.clr{clear:both;height:0}
textArea{ resize:none;}
a{cursor:pointer; cursor:hand;}
/*.btn{display:inline-block;background-color:#275CBE;text-decoration: none; text-align:center; border-radius: 2%;
	 box-shadow: rgba(0,0,0,.25)0 4px 2px 0;color: #ffffff;padding:13px 33px; width:100%;margin-top:4% 0 5%;}*/

/*page style*/
.page_enclose{ 
  width:100%;
  min-height:100%; 
  position:relative;
  height:100%;
 }
.back-color{
 background:#f9fbfb;
}
.headerbanner{width:100%}
.header { 
  white-space:nowrap;
  background:#377331;
  position:fixed;
  z-index:5;
  height:70px;/*Consider for media query*/
}
.header .logo{
 max-width:124px;
 margin-top:2%;
 margin-left:-10%;
 }
 .header h4.mobi{
  display:block;
  font:bold 2.2em "Monotype Corsiva",Harlow Solid Italic,Blackadder ITC,Aharoni, Arial;
  color:#fff;
  margin:3% 0 1%;
 }
.header h4{
  display:none;
 
 /* font:bold 1.1em "Monotype Corsiva",Harlow Solid Italic,Blackadder ITC,Aharoni, Arial;*/
  color:#fff;
 }
.header h4 a{
 text-decoration:none; 
 color:#fff;	
 }
.top_space{
  width:100%; 
  height:80px;
}
.top_slide{
 padding:0;
 max-height:1500px;
 }
#content{
 width:100%;
 /*min-height:100%;
 padding-bottom:355px;*/
} 
.sct_Mddle #txtCpy{
  width:90%;
  margin:1% auto;
 }
 #txtCpy p{
 /*font:normal 12px "Verdana",Roboto, Geneva, sans-serif ;*/
 /*text-align:justify;*/
 line-height:1.5;
 }
#hm_srvcs{
 display:none;	
}
#hm_bdy{
max-width:1300px;	
}

#hm_bdy #pw_intro{
 width:92%;
 max-width:350px;
 margin:2% auto 5%;
 background-color:#FDFBFB;/*#FFF #EFF1F1*/	
}
#pw_intro p{
 margin:2% 2%;	
 font:bold 0.99em "Times New Roman", Times, serif;	
 color:#983021;
}
.pnls .pnl_hdr{
 height:30px;
 background:#4DA8A8;/*#99D5C9 #22D2CA*/
 padding:1px;
}
.pnl_hdr h4{
  margin:2% auto;
  width:45%;
  color:#ffffff/*#43433D#BE6C1B #3378A2*/;
  font:bold 1em 'Arial', Helvetica, sans-serif;
}
#intro_pnls{
  width:95%;	
  max-width:400px;
  padding-top:3%;
  }
#intro_pnls .pnls{
 width:90%;
 max-width:302px;
 border:19px solid  #CCCAE8 ;
 margin: 2% auto 13%;
 max-height:350px;
}
.pnls p{
  /*font:normal 0.96em 'Verdana', Geneva, sans-serif;*/
 /* text-align:justify;*/
  width:96%;
  color:#64664D;
}
#hmRqstBlck{
  width:70%;
  margin:6% auto ;
  max-width:324px;
 }
#hmRqstBlck #rqstBtn{
  display:inline-block;
  background-color:#28371E;
  text-decoration: none;
  text-align:center;
  border-radius:3%;
  box-shadow:rgba(0,0,0,.25)0 4px 2px 0;
  color: #ffffff;
  padding:13px 33px;
  width:100%;
  max-width:324px;
 }
 /*service page*/
 .pgHdr{
    font:bold 1.3em 'Arial Narrow', Arial, Helvetica, sans-serif;
	margin:5% 0 0 7%;
	width:80%;
	color:#404964;
  }
 .pgIntro{
   font:normal 0.97em "Palatino Linotype", "Book Antiqua", Palatino, serif;
   width:80%;
   color:#485057;
   margin:5% auto; 
   text-align:justify;
  }
 .prdBlck{
   width:92%;
   margin:5% auto;
   border:1px solid #D8DCE2;
   min-height:86px;	 
   max-width:432px;
  }
 .prdBlck .prd_hdr{
  width:74%;
  margin:2% 0 0 10%;
  font:bold 0.97em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  color:#952658;
  }
  .dropDownIcon2{
   display:none;
   }
  .prdBlck .dvdr{
   height:0;
  }
  .prdBlck .prd_img{
   width:26%;
   margin-left:2%;
  }
  .prdBlck .prd_img img{
    margin-top:5%;
	   }
  .prd_img .mini_img{
	 max-width:111px;
   }
  .prd_img .main_img{
   display:none;
  }
  .prdBlck .prdDscrp{
	 width:60%;
	 margin:2% 2% 0 1%;  
  }
  .prdDscrp p .txt{
   width:80%;
  }
 .prdDscrp  .angle-down{
  margin:2% 3% 0 0;
  font:normal 1.2em  'Arial Narrow', Helvetica, sans-serif/*"Times New Roman", Times, serif*/;
  color:#7E7E7E;
  }
 .prdDscrp p.prd_mjrs{
   display:none;
  }
 .prdDscrp .prdBullets{
    margin:0;
	padding-left:5%;
	display:none;
  }
 .prdDscrp p.prdText-mini, p.prdText-max{
	width:97%;
	margin:1% auto 5%;
	font:normal 0.78em 'Verdana', Geneva, sans-serif;
	color:#818264;
	line-height:1.7;
	text-align:justify;
	display:none;
  }
  
 .prdDscrp .prdBullets li{
   font:bold 0.85em  'Arial', Helvetica, sans-serif;
   color:#686093;
 }
 /*about*/
 #abtPicture{
  display:none;
   }
 #abtText
  { width:92%;
	margin:7% auto 11%;
  }
  #abtText p{
	 width:93%;
	 margin:5% auto;
	 font:normal 0.9em 'Verdana', Geneva, sans-serif;	
	 color:#000/*#686F60*/; 
	 text-align:justify;
	 line-height:1.4;
  }
  /*contact*/
 #topDv p{
   width:90%;
   max-width:300px;
   margin:5% auto 2%;
   font:bold 0.85em 'Arial', Helvetica, sans-serif;
   color:#4A5A77;	
 }
 .addressBar{
	width:90%;
	margin:3% auto;
	max-width:345px; 
	border:solid 1px #4D594E;
	min-height:120px; 
	border-radius:2%;
	background-color:#C2E4EB ;
	background-image:linear-gradient(#D0EBF9 ,#F3FBFE ,#DDF9FE,#D0EBF9); 
  }
 .addressBar div{
	 margin-top:4%;
   }
 .addressBar  .cptn{
	 width:20%;
	 margin: 4% 0 0 2%;
	 font:bold 0.9em "Times New Roman", Times, serif;
	 color:#568958;
  }
.addressBar .cntnt{
  width:65%;
  margin:3% 5% 0 0;	
  font:normal 0.95em 'Verdana', Geneva, sans-serif
 }
 #rqstPanelHdr{
   width:60%;
   margin:3% auto;
   font:bold 1.3em 'Arial Narrow',Arial, Helvetica, sans-serif;
   color:#397579;
  }
 .request_panel{
   width:90%;
   max-width:712px;
   margin:4% auto; 
  }
 .frm_txt{
  color:#3E868E; 
  font:bold 0.99em "Calibri", Cambria,verdana;
  }
.request_panel span{
  width:30%;
  margin:5% 0 0 10%;
  }
.request_panel textArea{
    width:82%;
    display:block;
    border:1px solid /*#99989b*/ #499EA3;
	margin:4% auto 2%;
	min-height:165px;
	border-radius:2%;
  }
.request_panel .btn_sctn{
	max-width:215px;
	margin:2% 19% 4% 0;
  }
.lstpoint{padding-bottom:355px;}
/*.footer{
  bottom:0;
  left:0;
  width:100%;
  height:340px;   
  color:#fff;
  background-color:#544354;
 }*/
 @media screen and (min-width:669px)
 { 
 .pgHdr{
    font-size: 1.6em ;
	width:60%;
  }
 .pgIntro{
   font-size:1.2em ;
  }
  .prdBlck{
    max-width:80%;
  }
  .prdBlck .prd_hdr{
  width:64%;
 /* margin:2% 0 0 10%;*/
  font-size:1.2em ;
  }
 .prdDscrp p.prd_mjrs{
  display:block;
  font:bold 0.98em 'Cambria', Sylfaen,Calibri ,Arial Narrow, Helvetica, sans-serif,Century;
  color:#404964;
  width:95%;  
  }
  #prd_Solar .prdBullets, #prd_Industries .prdBullets,#prd_Vehicles .prdBullets{
	 margin-top:0;
	 display:block;
  }
  #prd_Solar ul.prdBullets  li, #prd_Industries ul.prdBullets li,#prd_Vehicles  ul.prdBullets li{
	  padding:1% 0;
	  font:bold 0.97em "Times New Roman", Times, serif;
   }
 .dropDownIcon2{display:block;}
 .dropDownIcon{display:none;}
 #topDv p{
   max-width:50%;
   font:bold 0.9em 'Arial', Helvetica, sans-serif;
  }
.addressBar  .cptn{
 font-size:1.1em ;
 }
.addressBar .cntnt{
  font-size:1em
 }
 }
 @media screen and (min-width:733px)
 { 
  
  #intro_pnls{
   padding-top:2%;
   max-width:738px;
  }
  
  #intro_pnls #pnl_rsdnce,#pnl_indstrs{
	  float:left;
	}
  #intro_pnls #pnl_busnss,#pnl_comuntys{
	float:right;
  }
  #intro_pnls .pnls{
	  margin:2% 2.5% 3%;
   }
  #hm_bdy #pw_intro{
   width:75%;
   max-width:550px;
   margin:2% auto 3%
  }
  #pw_intro p{
   font-size:1.65em;	  
   }
  #abtText
  { max-width:679px; 
  }
  #topDv p{
   max-width:47%;
   font:bold 0.96em 'Arial', Helvetica, sans-serif;
  }
 }
 @media screen and (min-width:929px)
 { 
 .pgHdr{
    margin-bottom:1%;
  }
 .pgIntro{
   margin:2% auto 0;
  }
   .prd_img .mini_img{
	display:none
   }
  .prd_img .main_img{
   display:block;
  }
  .prdBlck{
      border:1px solid #D8DCE2;
	  box-shadow:rgba(0,0,0,.25)0px 0px 5px 2px;
   }
  .prdDscrp  .angle-down{
    display:none;
  }
  .prdBlck .prd_hdr{
   margin:0.5% 0 0 7%;
   font-size:1.4em;
  }
  .prdBlck .prd_img{
	margin:3% 1%;  
  }
  .prdBlck .prd_img img{
   margin:0
  }
  .prdDscrp p.prdText-max{
	width:97%;
	margin:3% auto 2%;
	font:normal 0.98em 'Verdana', Geneva, sans-serif;
	line-height:1.8;
	display:block;
  }
  #prd_Solar .prdBullets{
	float:left;
	width:30%;
	padding-left:1%;  
  }
  #prd_Solar p.prdText-max{
	float:left;
    width:60%;  
	}
  #abtPicture{
	float:left;
	margin:5% 0 0 5%;
	width:13%;
	display:block;
   }
  #abtText
  {
	float:right;
	margin-right:6%;  
  }
  #topDv p{
   max-width:35%;
   font:bold 1em 'Arial', Helvetica, sans-serif;
  }
 }
 @media screen and (min-width:1063px)
 {
  #hm_srvcs{
    display:block;
	width:24%;	
	margin:3% 0 0 2%;
	float:left;
	border:2px solid #757AAA;
	background-color:#757AAA;
	border-radius:3%;
	max-width:265px;
		
   }
  #hm_srvcs ul{
	margin-left:0;
	padding-left:3%;
	
  }
  #hm_srvcs ul a{
	text-decoration:none;
	color:#FFFFFF;  
  }
  #hm_srvcs ul a:hover{
	font-weight:bold; 
  }
  #hm_srvcs ul li span{
	font:bold 0.93em 'Cambria', Arial, Helvetica, sans-serif ;
	color:#F7E464;  
  }
  #hm_srvcs ul li ul{
	padding-left:10%;  
  }
  #hm_srvcs ul li{
	font:normal 0.96em 'Arial', Helvetica, sans-serif;
	padding:1% 0;
  }
  #hm_srvcs p{
	 margin:2% auto;
	 width:60%;  
	 font:bold 1.2em "Arial Narrow", Helvetica, Arial, sans-serif; 
	 color:#F7E464;
	}
   #intro_pnls{
	   float:right;
	   margin-right:2%;
	 }
  .pgHdr{
    margin-bottom:1%;
	margin-top:2%;
	font-size:1.7em;
  }
  #prd_inverter{
    margin-top:1%;
   }
  .pgIntro{
   margin:1% auto 1%;
  }
   #prd_Solar .prdBullets{
	width:27%;
	}
  #prd_Solar p.prdText-max{
	 width:70%;  
	}
  #prd_Solar ul.prdBullets  li{
   padding:4% 0;
   }
  #topDv p{
   max-width:34%;
   font:bold 1.1em 'Arial', Helvetica, sans-serif;
  }
 }
 @media screen and (min-width:1237px)
 {
	
  #intro_pnls{
     width:72%;
	 max-width:72%
	}
  #intro_pnls .pnls{
    width:310px;
	max-width:310px;
	min-height:350px;
    border:17px solid  #CCCAE8 ;
   }
   #intro_pnls .pnls{
	  margin:2% 7% 3%;
   }
 }