@charset "utf-8";



/* CSS Document */











.image-bg-fluid-height-head{



	



    padding: 10px 0;




	background-color:#3b3b3b;



	



	}







#home-bgImg{



			background-image: url(../images/heading_home.jpg);



			background-repeat:no-repeat;



			background-position:center;



			color:#FFF;



			margin-top:30PX;



			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



			}	



			



#home-bgImg2{



			background-image: url(../images/heading_home-mob.jpg);



			background-repeat:no-repeat;



			background-position:center;



			color:#FFF;



			margin-top:30PX;



			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



			}	



#row1{



      background-color:black;



      } 



#para1{



	color:white;



	font-size:18px;



	



}











#para-mob{



	color:white;



	font-size:12px;



}



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  



	  #para2{



		  color:white;



		  font-size:10px;



	  }



	  



	  



	  a:hover{



			text-decoration:none;



			



			}



		



		



		



	



#current{



	text-decoration: none;



	



	font-weight: bold;



	background:none;	



	



	



	



	



	}	



	



		



		.sidebar-nav {



    padding: 9px 0;



}















.dropdown:hover .dropdown-menu {



    display: block;



	



}







.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {



    margin-top: 0;



	



}	











#content01-para{



				font-size:17px;



				 font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



				   color:#000;



				   line-height:30px; 



				   margin-top:20px;



				text-align: justify; 



				



				



				}



				#content02-para{



					



					font-size:14px;



				 font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



				   color:#000;



				   line-height:22px;



				   text-align:justify; 



				   margin-top:20px;



					}



					#mission-head{



						color:black;



						font-size:16px;



						text-align:center;



						font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



						line-height:30px;"



						



						}



						



						#mission-para{



							color:black;



							font-size:14px;



							line-height:25px;



							text-align:justify;



							font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



							font-size:14px;



							line-height:23px;



							padding-bottom:35px;



							



							}



							.image-bg-fluid-height{



	



	-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/home-footer_02.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:346px; 



	margin-left:-60px;



	margin-right:-15px;



	



	}



	ul li {



		



		list-style-type:none;



		text-decoration:none;}



	#exampleInputName2{



		margin-top:-85px;



		margin-left:200px;



		border-radius:30px;



		width:160px;



		height:25px;



		font-size:9px;



		background-color:#cbcbcb;



		border-color:#666 ;}



		



		#exampleInputName3{



		margin-top:-105px;



		margin-left:240px;



		border-radius:30px;



		width:170px;



		height:25px;



		font-size:9px;



		border-color:#666 ;



		background-color:#cbcbcb;}



		



			



	#exampleInputEmail2{



		margin-top:-125px;



	margin-left: 400px;



		border-radius:30px;



		width:190px;



		height:25px;



		font-size:9px;



		border-color:#666 ;



		background-color:#cbcbcb;}



		



		



		



		#exampleInputEmail3{



		margin-top:-145px;



	margin-left:420px;



		border-radius:30px;



		width:177px;



		height:25px;



		font-size:9px;



		border-color:#666 ;



		background-color:#cbcbcb;}



		



		



		#butten{



			



			background-color:#e86300;



			margin-left:510px;



			margin-top:-130px;



			}



							



			#label{



				margin-top:-80px;



				margin-left:200px;



		



				font-weight:normal;



				font-size:16px; 



				color:#949494;



				



				}



				#image{



					margin-left:55%;



					



					}



				#label1{



					margin-top:-143px;



					margin-left:400px;



					font-weight:normal;



				font-size:16px; 



				color:#949494;



					}



					



					



					



										



			#labe12{



				margin-top:-100px;



				margin-left:205px;



		



				font-weight:normal;



				font-size:16px; 



				color:#949494;



				



				}



				



				



				



				#label3{



					margin-top:-160px;



					margin-left:400px;



					font-weight:normal;



				font-size:16px; 



				color:#949494;



					}



					



	



	



	



	



			



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



		#form01{



			



			float:left;



				background-color:#cbcbcb;



			border-color:#a6a6a6; 



			border-radius:15px; 



			height:24px;



			



			}	



			



				



			



		#button{



			background-color:#e86402;



			 color:#000;



			  border-color:#e86402;



			width:100px;



			margin-left:-30px;



			}



			



			#form01-head{



			



			color:#949494;



			font-size:14px;



			}	



			



			



			#contact-footer1{



				background-image: url(../images/contact_form_bg.jpg);



				  background-repeat:no-repeat;



				   padding-bottom:40px;



				  



			



				}



				



				#form{



					margin-top:20px;



					



					



					



					}



		



	}



				



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



		



		#form01{



			



			



			



		



			background-color:#cbcbcb;



			border-color:#a6a6a6; 



			border-radius:15px; 



			margin-left:350px;



			width:250px;



			height:26px;



			font-size:10px;



			}



			



		#button{



			background-color:#e86402;



			 color:#000;



			  border-color:#e86402;



			margin-left:420px;



			width:100px;



			}



			



			



			#form01-head{



			font-size:14px;



			color:#949494;



			margin-left:360px;



			}



			



			



			#contact-footer1{



				background-image: url(../images/contact_form--tab.jpg);



				  background-repeat:no-repeat;



				   padding-bottom:40px;



				   height:400px;



				



				



			



				}



				



				



				



		



	}



	



	



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



		#form01{



			



			



				background-color:#cbcbcb;



			border-color:#a6a6a6; 



			border-radius:15px; 



			margin-left:350px;



			width:170px;



			height:26px;



			font-size:10px;



			}



			



				



		#button{



			background-color:#e86402;



			 color:#000;



			  border-color:#e86402;



			margin-left:440px;



			width:80px;



			}	



			#form01-head{



			font-size:14px;



			color:#949494;



		    margin-left:350px;



			



			}	



			



			#contact-footer1{



				background-image: url(../images/contact_form--tab.jpg);







				  background-repeat:no-repeat;



				   padding-bottom:40px;



				



				}



				



				



				



		



		}



		



		



		



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



				



				#form01{



			



			



			background-color:#cbcbcb;



			border-color:#a6a6a6; 



			border-radius:15px; 



			margin-left:120px;



			width:120px;



			height:24px;



			font-size:9px;



			}



			



				



		#button{



			background-color:#e86402;



			 color:#000;



			  border-color:#e86402;



			margin-left:150px;



			width:100px;



			}	



			#form01-head{



			font-size:14px;



			color:#949494;



		margin-left:50%;



		



			}	



			



			#contact-footer1{



				background-image: url(../images/contact_form--mob.jpg);







				  background-repeat:no-repeat;



				   padding-bottom:40px;



				



				}



				



				



		



			



			



				



				}



				



					@media only screen and (max-width: 551px) and (min-width:481px ) {



						



						#form01{



			



			



			background-color:#cbcbcb;



			border-color:#a6a6a6; 



			border-radius:15px; 



			margin-left:290px;



			height:25px;



			font-size:9px;



			width:160px;



			}



			



				



		#button{



			background-color:#e86402;



			 color:#000;



			  border-color:#e86402;



			margin-left:350px;



			width:100px;



			}	



			#form01-head{



			



			font-size:14px;



			color:#949494;



		margin-left:300px;



		



			



			}	



			



			#contact-footer1{



				background-image: url(../images/contact_form--tab.jpg);







				  background-repeat:no-repeat;



				   padding-bottom:40px;



				



				}



				



				



		



			



			



				



						



						



						}



						



						



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



							



							#form01{



			



			



			background-color:#cbcbcb;



			border-color:#a6a6a6; 



			border-radius:15px; 



			margin-left:140px;



			height:25px;



			font-size:9px;



			width:180px;



			}



			



				



		#button{



			background-color:#e86402;



			 color:#000;



			  border-color:#e86402;



			margin-left:220px;



			width:100px;



			}	



			#form01-head{



			



			font-size:14px;



			color:#949494;



		margin-left:150px;



		



			}	



			



			#contact-footer1{



								background-image: url(../images/contact_form--mob.jpg);







				  background-repeat:no-repeat;



				   padding-bottom:40px;



				



				}



				



}



							



							



		/* About start */					



							



	#about-para{



			margin-top:40px;



			



			padding-bottom:300px;



			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



			font-size:16px;



			line-height:25px;



			font-weight:bold;



			text-align:justify;



			}							

	#about1-para{



			margin-top:40px;



			





			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



			font-size:16px;



			line-height:25px;



			font-weight:bold;



			text-align:justify;



			}							

	.para{

					font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



			font-size:16px;



	}



		/* About end */						



							



							



		/* invertor  start */



		



		/* for screen */



		



							



	.image-bg-fluid-height1{



	



	-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/digital-invrtr_03.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:1060px;



	margin-top:40px;



	border-radius:40px;



	 }



	 



	 



	#p-invertor{



	color:#FFF; 



	font-size:12px;



	}



		



	#h-invertor{



		color:#ff6d00;



        text-decoration:underline;



		margin-top:20px;



	 }



	 



	 /* for small */



	  



	.image-bg-fluid-height1-small{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/digital-invrtr%20-sm.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:947px;



	margin-top:40px;



	border-radius:40px;



	 }	



	 



	 #p-invertor-sm{



	color:#FFF; 



	font-size:12px;



	}



		



	#h-invertor-sm{



		color:#ff6d00;



		text-decoration:underline;



		}



		



		 /* for medium */ 



		 



		 .image-bg-fluid-height1-medium{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/digital-invrtr-medium.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:1060px;



	margin-top:40px;



	border-radius:40px;



	 }



		 



	#p-invertor-md{



	color:#FFF; 



	font-size:12px;



	}



		



	#h-invertor-md{



		color:#ff6d00;



		text-decoration:underline;



		 }



		 



		



		 /* for mobile */  



		 



		 



	.image-bg-fluid-height1-mob{



	



	-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/digital-invrtr%20-mob.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:650px;



	border-radius:20px;



	margin-top:80px;



	 }



	



	#p-invertor-mob{



	color:#FFF; 



	font-size:12px;



	



	}



		



	#h-invertor-mob{



		color:#ff6d00;



		 text-decoration:underline;



		 margin-top:-40px; 



		}



	/* invertor  end */



	



	



	



	/* Heater  start */



	



	



	.image-bg-fluid-height2{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/water-heater_03.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:1060px;



	margin-top:40px;



	border-radius:40px;



	 }



	 



		.image-bg-fluid-height3{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/water-heater_03%20-%20medium.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:1060px;



	margin-top:40px;



	border-radius:40px;



	 }



	 



	.image-bg-fluid-height4{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/water-heater_03%20-%20small.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:947px;



	margin-top:40px;



	border-radius:40px;



	 }	



	



	.image-bg-fluid-height6{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/black-background_03_03.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:600px;



	margin-top:40px;



	border-top-left-radius:35px; 



	border-top-right-radius:35px;



	 }	



			



	



	



	/* Heater  end */



	



	



	



	



	



	



	/* contact start */



	



	#about-bgImg{



			background-image:url(../images/heading_bg_10.jpg);



			background-repeat:no-repeat;



			background-position:center;



			color:#FFF;



			margin-top:30PX;



			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;



			}	



			



	



	



	/* contact  end */



	



	



	



	



	/* ups */



	.image-bg-fluid-height-bg{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:  url(../images/ups-img/bg_03.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:947px;



		



		}



		



		



		



		



		.image-bg-fluid-height-battery{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:  url(../images/ups-img/bg_03.jpg)no-repeat center center scroll;



    padding: 50px 0;



	height:400px;



		



		}



		



	#ups-head{



		font-size:15px;



		color:#ff6d00;



		text-align:center;



		}



		



		



		



	#ups-para{



		font-size:12px;



		color:white;



		text-align:center;



		}		



		



		



		#ups-para2{



		font-size:12px;



		color:white;



		text-align:left;



		



		}



		



		/*mob-ups*/



		



		



		.image-bg-fluid-height-ups-mob{



			-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/ups-img/mob-bg.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:420px;



	border-radius:5px;



			



			}



		



		



	/* ups  end */



	



	



	



		/* other-product  */



	



	



	



	.image-bg-fluid-height-otherP{



		



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background: url(../images/digital-img/digital-otherbg1.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:652px;



	margin-top:40px;



	border-radius:40px;



	



	 }



	 



	.image-bg-fluid-height-othrpdt-md{



	-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/digital-img/digital-otherbg1%20-%20medium.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:450px;



	margin-top:40px;



	border-radius:40px;}



	



	



	



	



	



	.image-bg-fluid-height-othrpdt-sm{



	-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background: url(../images/digital-img/digital-otherbg1%20-small.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:324px;



	margin-top:40px;



	border-radius:40px;}



	



	



	



	.image-bg-fluid-height-mob-othrpdt{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:url(../images/digital-img/mob-black-bg.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:500px;



	margin-top:40px;



	border-radius:5px;



	



	 }	



	 



	 .image-bg-fluid-height-bg-otrpdt{



		-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background:  url(../images/ups-img/bg_03.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:447px;



		



		}	



	



	



/* other-product end */











/* Battery  */



















#ups-head{



		font-size:15px;



		color:#ff6d00;



		text-align:center;



		}



		



		



		



	#ups-para{



		font-size:12px;



		color:white;



		text-align:center;



		}		



		



		



		#ups-para2{



		font-size:12px;



		color:white;



		text-align:left;



		



		}



		



		



		



		



		



		



		



			/*SOLAR-product  */



	



	



	



	



	.image-bg-fluid-height-solar-mob{



			-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background: url(../images/solar-product/solar-prd-mob.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:500px;



	border-radius:5px;



			



			}



	



	



	.image-bg-fluid-height-solar2-mob{



			-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background: url(../images/solar-product/solar-prd-mob.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:400px;



	border-radius:5px;



			



			}



	



	



	



	.image-bg-fluid-height-solar3-mob{



			-webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



	background: url(../images/solar-product/solar-prd-mob.jpg)no-repeat center center scroll;



    padding: 100px 0;



	height:400px;



	border-radius:5px;



			



			}



	



/*SOLAR-product end */



	



	
.ft1h{
	color:#fff; 
	font-size:17px; 
	font-weight:bold;
	 
	}


	
.ft1n{
	color:#61b3ff; 
	font-size:14px;
	 
	 
	}


	
	
.ft1h2{
	color:#fff; 
	font-size:17px; 
	font-weight:bold;
	 
	}


	
.ft1n2{
	color:#61b3ff; 
	font-size:14px;
	
	 
	}



	



	.contact-wrapper-large {
    max-width: 1100px;
    margin: 40px auto;
    padding: 30px;
    background: #f7f7f7;
}

.contact-form-large {
    width: 100%;
}

.contact-form-large .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 18px;
}

.contact-form-large .form-row.full {
    flex-direction: column;
}

.contact-form-large input,
.contact-form-large textarea {
    width: 100%;
    padding: 14px;
    font-size: 14px;
    border: 1px solid #d0d0d0;
    background: #fff;
    color: #333;
    outline: none;
    box-shadow: none;
}

.contact-form-large input::placeholder,
.contact-form-large textarea::placeholder {
    color: #888;
}

.contact-form-large textarea {
    resize: vertical;
}

.form-buttons {
    display: flex;
    gap: 10px;
}

.btn-submit,
.btn-clear {
    padding: 6px 16px;
    font-size: 13px;
    border: none;
    cursor: pointer;
}

.btn-submit {
    background: #000;
    color: #fff;
}

.btn-clear {
    background: #777;
    color: #fff;
}

/* popup */
.popup {
    padding: 10px;
    margin-bottom: 15px;
    font-size: 13px;
    text-align: center;
}

.popup-success {
    background: #e9f6ee;
    color: #1e7e34;
}

.popup-error {
    background: #fdecea;
    color: #b02a37;
}

/* Responsive */
@media (max-width: 768px) {
    .contact-form-large .form-row {
        flex-direction: column;
    }
}