@font-face {
  font-family: MyriadPro;
  src: url(../fonts/MyriadPro-Regular.otf);
}

@font-face {
  font-family: NeuzeitSLTStd;
  src: url(../fonts/NeuzeitSLTStd-Book.otf);
}
@font-face {
  font-family: NeuzeitSLTStdBookHeavy;
  src: url(../fonts/NeuzeitSLTStd-BookHeavy.otf);
}

body, div{
  font-family: NeuzeitSLTStd !important;
  color: #575756 !important;
	font-size: 18px !important;


}
html,body{
		overflow-x: hidden !important;
}
h1,h2,h3{
  font-family: NeuzeitSLTStdBookHeavy !important;
  color: #3e65ca !important;
	font-weight: lighter !important;


}
h1{
	font-size: 40px;
  line-height: 50px !important;
}
h2{
	/*font-size: 21px;*/
	font-size: 40px;
  line-height: 50px !important;

	/*line-height: 26px !important;*/
}
h3{
	font-size: 21px;
	line-height: 26px !important;

}
p{
	font-size: 18px
}

.how-we-work-svg text{
	 font-family: NeuzeitSLTStdBookHeavy !important;
	 font-weight: normal !important;
}
.how-work text, .how-work tspan{
  font-family: NeuzeitSLTStd !important;
	 font-weight: normal !important;

}
.elementor-widget-text-editor{
  color: #575756 !important;

}

.site-footer img,.site-footer div{
	display: block;
}
.site-footer img{
	height: 16px;
	margin-right: 10px;

vertical-align: middle;
}
.purple-border-btn a{
/*background-color: rgba(255,255,255,0.9) !important;*/
background-color: #3e65ca !important;
border:3px solid #3e65ca;
color: #575756 !important;
border-radius: 1px !important;
  font-family: NeuzeitSLTStd !important;
padding: 14px 38px !important;
}
.purple-btn a{
	background-color: #3e65ca !important;
border:3px solid #3e65ca;
color: #fff !important;
border-radius: 0 !important;
  font-family: NeuzeitSLTStd !important;
padding: 10px 30px !important;
}

.solar-bg1 img{
	width: 70%;
		position: absolute;
	top: 50%;
left: 18%;
/*-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0);*/
}
.solar-elem1 img{
position: absolute;
right: 0;
width: 26%;
margin-right: 39%;
margin-top: 3%;

transition: .6s ease;
opacity: 0;
transform: translateY(59px);
}
.solar-elem2 img{
position: absolute;
right: 0;
width: 26%;
margin-right: 17%;
margin-top: 3%;

transition: .6s ease;
opacity: 0;
transform: translateY(59px);
}
.solar-elem3 img{
width: 89%;

position: absolute;

top: 0;

left: 11%;

margin-top: 21%;

transition: .5s ease;
opacity: 0;
transform: translateX(-50px);
}
.big-icon img{
	width: 44%
}
.yellow{
	color: #F2BA20
}
.arrow-top img{
	position: absolute;
top: 0;
width: 41%;
left: 15%;

opacity: 0;
transform: translateY(100px);
transition: .5s ease;
}
.arrow-down img{
position: absolute;
top: 0;
width: 41%;
right: 15%;
margin-top: 66%;

opacity: 0;
transform: translateY(-100px);
transition: .5s ease;
}
#solar-right{
	padding-top: 22%;
	padding-right: 11%;
}
#solar-left{
	padding-left: 11%;
}
.white h1,.white h2{
	color: #fff !important
}
.float1 img{
position: absolute;

right: 0;

bottom: 0;
width: 103px;
}
.float-contact img{
position: absolute;

right: 0;
margin-top: 8%;
top: 0;
width: 130px;
z-index: 1;
}
.text-p p{
width: 54%;
text-align: justify;
margin: auto;
}
.capabilities-icons h3{
font-size: 15px;
color: #9573B1 !important;
line-height: 20px !important;
margin-bottom: 26px !important;
}
.capabilities-icons img{
height: 85px !important;
margin-bottom: 26px;
margin-top: 47px;
width: auto !important;
}
.capabilities-icons{
margin-top: -136px !important;
margin-bottom: 63px !important;
}
.portfolio-p1 img{
	position: absolute;
	width: 70%;
	top: 0;
	left: 0
}
.portfolio-p2 img{
	position: absolute;
	width: 92%;
	top: 0;
	left: 0;
	margin-top: 12%;
	
	opacity: 0;
	transform: translateX(70px);
	transition: .5s ease;
	}
	.portfolio-text-left .elementor-column-wrap{
		padding-left: 39% !important;
	padding-top: 14% !important;
	}
	.col-50{
		display: inline-block;
	width: 49%;
	}
	.col-100{
		width: 99%;
	}
	input, textarea{
		width: 100% !important;
		margin-top: 10px !important;
		padding: 5px 20px !important;
		font-size: 14px !important;
		border: 1px solid #C7B6D5 !important;
		border-radius: 0 !important;
	}
	.purple-btn input{
	width: 108px !important;
	background: #3e65ca;
	padding: 10px !important;
	color: #fff;
	float: right;
	}
	span.wpcf7-not-valid-tip{
		font-size: 13px;
		padding-top: 4px;
		display: table;
	}
	.contact-text p{
		padding-bottom: 19px;
		margin: 0;
	}
	textarea{
		height: 70px;
	}
	.float-2 img{
		position: absolute;
	
	top: 0;
	
	left: 0;
	
	width: 119px;
	
	margin-top: -47%;
	}
	footer{
		text-align: center;
	}
	footer div{
	/* width: 33% */
	}
	footer .container {
		/* min-height: 80vh; */
		margin-top: 0px;
	}
	.row-footer{
	
	}
	.site-footer p, .site-footer a{
		font-size: 12px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	}
	.left-footer{
		text-align: left;
	}
	.right-footer{
		text-align: right;
		width: 50%;
		float: right;
	}
	.mid-footer {
		width: 49%;
		float: left;
		text-align: left;
		font-size: 18px;
		margin: 0;
	}
	.mid-footer p {
		font-size: 14px;
		max-width: 554px;
	}
	.top-footer p {
		font-size: 15px;
		max-width: 530px;
	}
	.row-footer {
		width: 100%;
		display: block;
		float: left;
	}
	
	.site-branding{
		width: 30%;
		display: inline-block;
	vertical-align: middle;
	
	}
	.mid-footer img, .right-footer img{
		height: 55px;
	}
	.row-footer .right-footer img {
		height: 45px;
	}
	.social img {
		width: 20px;
		margin: 0;
		margin-left: 7px;
	}
	.whatsApp{
		position: fixed;
		bottom: 15px;
		right: 15px;
		z-index: 999999;
	}
	.whatsApp img{
		max-width: 50px;
	}
	.row-footer .mid-footer p {
		font-size: 13px;
		margin-top: 12px;
	}
	.top-footer p {
		font-size: 15px;
		max-width: 530px;
	}
	footer .container {
		min-height: initial;
		margin-top: 0px;
		max-width: 1300px;
	}
	
	.divider-footer {
		width: 100%;
		height: 0.1px;
		background: #fbfbfb;
	}
	 #site-navigation{
		display: inline-block;
	width: 69%;
	vertical-align: middle;
	}
	.site-header{
		background: rgba(255,255,255,0.9);
	
	position: absolute;
	
	z-index: 1000;
	
	width: 100%;
	
	padding: 10px 36px;
	/*box-shadow: 0px 1px 13px -5px rgba(0,0,0,0.5);*/
	}
	.home .site-header{
		background: none;
	
		}
	.home .site-header.fixed {background: #ffffff !important} 
	.our-partners img{
	/*height: 53px !important;
	width: auto;*/
	}
	
	.wpcf7 form.sent .form-field {
		display: none !important;
	}
	#calculator-step5 div.wpcf7-mail-sent-ok{
		font-size: 20px !important;
	}
	.main-navigation a{
		color: #575756;
		font-size: 15px;
		transition: .3s ease;
		outline: none;
	}
	.home .main-navigation a { color: #ffffff;}
	.main-navigation a::after{
		content: " | ";
		padding: 0 10px;
		color: #000 !important;
		font-size: 16px;
	}
	.main-navigation a:hover{
		/*color: #3e65ca;*/
		opacity: 0.8;
	
	}
	.floating-logo {display: none}
	.home .floating-logo {display: inline-block}
	.custom-logo{
		/*width: 200px;*/
		vertical-align: top;
	}
	.fixed .main-navigation a {color:#575756 !important;}
	.fixed .main-navigation a::after{ color: #575756 !important}
	.home .fixed-logo {display: none}
	.fixed .fixed-logo {display: inline-block;}
	.home  .fixed .floating-logo {display: none;}
	
	.current_page_item a{
	color: #3e65ca;
	  font-family: NeuzeitSLTStdBookHeavy !important;
	
	}
	.main-navigation li:last-child a::after{
		content: "";
		padding: 0
		
	}
	.main-navigation li{
		display: inline-block;
	}
	.main-navigation ul{
		float: right;
	}
	.light-purple,.light-purple div, .light-purple h1,.light-purple h2, .light-purple p{
		color:#B29ACA !important;
	}
	.small-h1 h1,.small-h1 h2{
		font-size: 31px !important;
		line-height: 37px !important;
	}
	span.purple{
		color: #3e65ca;
	  font-family: NeuzeitSLTStdBookHeavy !important;
		
	}
	.grey-bg{
		background: #EBEBEB
	}
	.count-number h4,.count-number h1, .count-number img,img.count-number {
		display: inline-block;
	
	font-size: 69px;
	
	background: #B29ACA;
	
	color: #fff !important;
	
	padding: 33px 45px !important;
	
	-webkit-box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57) !important;
	
	-moz-box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57) !important;
	
	box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57) !important;
	}
	.count-number img, img.count-number{
		height: 128px !important;
	
	width: auto;
	display: block;
	padding: 22px !important;
	}
	.count-number{
		display: inline-block;
	
	width: auto !important;
	}
	.step-text{
		display: inline-block ;
	
	width: 75% !important;
	padding-right: 24px;
	padding-left: 40px;
	padding-top: 11px;
	}
	.grpah1-textleft{
	padding-right: 21%;
	
	}
	.grpah1-textleft .elementor-text-editor{
		font-size: 24px !important;
	
	border-bottom: 2px solid ;
	}
.graph1 img{
	margin-top: -13%;
}
.graph2 img{
	margin-left: 12%;
}
.map-text .elementor-text-editor{
	font-size: 14px !important;

line-height: 17px;

margin-top: 20px;
}
.map-table td{
	width: 50%;
	color: #fff;
	padding: 5px 29px;

font-size: 16px;
}
.purple1 td{
	background: #B29ACA
}
.purple2 td{
	background: #C9B8DA
}
.map-table table{
	margin-left: 19px;
}
.sub-text .elementor-text-editor{
	width: 50%;

margin: auto;

font-size: 20px !important;
}
.key-terms h3,.key-terms h4{
font-size: 18px !important;

color: #fff !important;

background: #D8CDE4;

padding: 5px !important;

text-align: center;

font-family: NeuzeitSLTStd !important;

display: block;

width: 73%;

margin: auto !important;
}
.key-terms .elementor-text-editor, .key-terms p{
font-size: 14px !important;
padding: 0 17px;

text-align: justify;
}
.key-terms .key-terms-internal{
	-webkit-box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57);

-moz-box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57);

box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57);
}
.capabilities-icons{
	z-index: 1;
}
.light-purple-bg{
background: rgba(178, 154, 202,0.3);
}
.why-haala-text1 .elementor-text-editor{
	font-size: 23px !important;
}
.why-haala-text1 .elementor-text-editor span{
	font-family: NeuzeitSLTStdBookHeavy !important;
}
.how-we-work-inner h1,.how-we-work-inner h3{
	font-size: 30px !important;
	line-height: 34px !important;
	text-transform: uppercase;
}
.how-we-work-inner .elementor-text-editor{
	padding-right: 20%;
}
.emp-workshop-text{
	width: 80% !important;
	margin:auto;
}

.float-3 img{
	position: absolute;

z-index: 1;

width: 213px;

right: 0;
}
.left-float img{
	right: auto;
	left: -60px;

}
.right-float img{
	right: -109px;
	left: auto;
	top: -126px;
}
 .top-0 img{
 bottom: -82px;
 }
 .float-4 img{
right: -79px;
 }
.team img{
border: 5px solid #B29ACA !important;
-webkit-filter: none;
filter: none;
border-radius: 100% !important;
transition: .2s ease;
}
.team img:hover{
	
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.team h3{
	font-size: 20px;
color: #B29ACA !important;
}

.team .elementor-widget-heading{
	margin-bottom: 0 !important
}
.job-positions .elementor-tab-title{
background: rgba(178, 154, 202,0.3);

padding: 20px !important;
margin-bottom: 7px !important;
}
.job-positions .elementor-tab-title a{
	font-weight: lighter !important; 
	color: #000000 !important;
	font-size: 17px;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left{
	float: right !important;
	color: #3e65ca;
}
.elementor-toggle .elementor-tab-content p, .elementor-toggle .elementor-tab-content {
	font-size: 16px !important;
}
.elementor-toggle .elementor-tab-content{
	width: 80%;
}
.elementor-toggle .elementor-tab-content a{
padding: 8px 20px;

background: #3e65ca;

color: #fff;

float: right;

margin-top: -34px;

position: absolute;

right: 0;

font-size: 14px;
}

.how-graph img{
height: 71px !important;

width: auto !important;
}
.how-graph h3{
font-size: 12px !important;

text-align: center;

line-height: 17px !important;
}
.step1 h3{
	color: #d5c6dd !important;
}
.step2 h3{
	color: #c5b2d1 !important;
}
.step3 h3{
	color: #b095c1 !important;
}
.step4 h3{
	color: #a082b7 !important;
}
.step5 h3{
	color: #8b67a5 !important;
}
.step6 h3{
	color: #6e4090 !important;
}
.slide-text{
position: absolute;
width: 100%;
top: 0;
height: 100%;
padding:  30px 15px;
background: rgba(109, 62, 145,0.6);
opacity: 0;
transition: .3s ease;
}
 
 .owl-item:hover .slide-text{
 	opacity: 1;
 }
 .item:hover .slide-text{
 	opacity: 1;

 }
.owl-carousel img{
/*width: auto !important;
height: 400px !important;*/
}
.owl-item{
	/*width: auto !important;*/
}
.slide-text p, .slide-text h2,.slide-text h3{
	color: #fff !important;
	margin:0 ;
}
.slide-text h2,.slide-text h3{
	margin-bottom: 7px;
}
.steps-logo-img{
	display: block;
	height: 128px !important;
	margin: auto;
}
span.light-purple{
  font-family: NeuzeitSLTStdBookHeavy !important;

}
.story-left-col img, .story-right-col img{
	width: 105px !important;
	height: auto !important;
	margin-bottom: 16px;

}
.story-left-col img{
	margin-left: 65%;

}
.middle-story img{
	width: 100% !important;
	height: auto !important
}
.story-step2{
	margin-top: 94%;
}

.story-step3{
	margin-top:51%;
}

.story-left-col .elementor-text-editor{
	padding-left: 19%;
}
.story-right-col .elementor-text-editor{
	padding-right: 19%;
}
.elementor-widget-google_maps{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: .4s ease;
}
.elementor-widget-google_maps:hover{
	  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}
.moveAnimation img{
	/*transition: .4s ease;*/
		/*animation: infiniteMove linear 2s infinite alternate;*/
/*animation:rotate 3s linear reverse infinite; */
/*transform-origin:20% center;*/
}

/*.moveAnimation img { transform-origin:200% center; position:relative; animation:rotate 3s linear infinite; }*/
/*.moveAnimation img:before { content:''; position:absolute; height:100%; width:100%; background:blue; animation:rotate 3s linear reverse infinite; }*/

.none{
	display: none;
}

.how-part{
	opacity: 0;
	transition: .4s linear;
	/*transform:translate(0) !important*/
}



.why-solar-home img{
	width: 82%;

position: absolute;
z-index: 2;
top: 0;

left: 24%;

margin-top: 21%;

transition: .5s ease;

opacity: 0;

transform: translateX(50px);
}
.why-solar-tree img{
	top: -21px;

left: 4%;

transition: .5s ease;

opacity: 0;

transform: translateX(-50px);

width: 60%;

position: absolute;
}
.svf-lines svg{
	width: 177px;
z-index: 3;
margin-left: 56%;
position: relative;
margin-top: 59px;
}
.house-line path{
	transform: translateY(-30px);
	opacity: 0;
	transition: .5s ease
}
.house-line rect{
	transform: translateX(30px);
	opacity: 0;
	transition: .5s ease
}
.text{

	opacity: 0;
	transition: .8s ease

}
.sun{
	animation: infiniteMoveBig linear 2s infinite alternate;
}
.smoke img{
	position: absolute;
top: 0;
left: 4%;
margin-top: -64%;
width: 44%;
}
.graph2 svg{
width: 100%;

margin-left: -14%;
}


.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
height: 400px;
}

.item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  transition: flex 0.8s ease;
  position: relative;
  margin: 3px
}
.item:hover {
  flex: 7;
}
 .owl-item:hover .slide-text{
  opacity: 1;
 }
 .item:hover .slide-text{
  opacity: 1;
  
 }
 
 .fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
    background: #ffffffe6;
    box-shadow: 0px 1px 13px -5px rgba(0,0,0,0.5);
     }

 .slide-text{
position: absolute;
width: 100%;
top: 0;
height: 100%;
/*padding:  30px 15px;*/
background: rgba(109, 62, 145,0.6);
opacity: 0;
transition: .3s ease;
}
.item-1 {
  background-image: url("imgs/Private-residence.jpg");
}

.item-2 {
  background-image: url("imgs/portfolio-2.jpg");
}

.item-3 {
  background-image: url("imgs/Healthcare-facility.JPG");
}

.item-4 {
  background-image: url("imgs/Emaar.png");
}

.item-5 {
  background-image: url("imgs/Private-University.png");
}

.no-display{
	display: none;
}

.graph2-div text{
  font-family: NeuzeitSLTStd !important;

}
#line1{
position: absolute;
top: 74px;
left: 11%;
width: 39% !important;
height: 6px !important;

transform: scaleX(0);
transform-origin: left;
}
#line2{
position: absolute;
top: 74px;
left: 49%;
width: 8px !important;
height: 926px !important;

transform: scaleY(0);
transform-origin: top;
}
#line3{
position: absolute;
top: 0;
left: 50%;
width: 44% !important;
height: 6px !important;
margin-top: 128%;

transform: scaleX(0);
transform-origin: right;
}
#line4{
position: absolute;
top: 0;
left: 7%;
width: 44% !important;
height: 6px !important;
margin-top: 221%;

transform: scaleX(0);
transform-origin: left;
}
#circle1{
position: absolute;
top: 35px;
left: 35%;
width: 29% !important;
transform: scale(0);

transform-origin: center;
}
#circle2{
position: absolute;
display: none;
top: 0;

left: 36%;

width: 29% !important;

margin-top: 350%;
transform: scale(0);

transform-origin: center;
}
.our-partners {
background: #fbfbfb !important;

padding-top: 10px !important;

padding-bottom: 10px !important;

}
.partners-inner{

}
#circle3{
position: absolute;
top: 0;
left: 36%;
width: 29% !important;
margin-top: 115%;
transform: scale(0);

transform-origin: center;
}
#circle4{
position: absolute;
top: 0;
left: 35%;
width: 29% !important;
margin-top: 207%;
transform: scale(0);

transform-origin: center;
}
.stor-middle-col img{
	transition: .6s ease;
}
.story-step1{
	transform: translateX(100px);
	opacity: 0;
	transition: .8s ease;
}

.story-step2{
	transform: translateX(-100px);
	opacity: 0;
	transition: .8s ease;
}
.story-step3{
	transform: translateX(100px);
	opacity: 0;
	transition: .8s ease;
}

.how-we-work img, .how-we-work div{
transition: 1.6s ease;

}
.sun1 img{
position: absolute;
z-index: 1;
width: 151px;

top: -87px;

right: 0;


}
.how-work-1 .sun1 img{
	transform: translate(68px,48px);
}
.houseline1{
	position: absolute !important;

width: 37% !important;

top: -6px;

right: 25%;

transform: scale(0);
transform-origin: right;
}
.houseline2{
position: absolute !important;
width: 11% !important;
top: 28px;
right: 13%;

transform: scale(0);
transform-origin: top;
}
 .how-work-1 .house1 img{
transform-origin: bottom;
transform: translateY(27px) scaleY(0);
opacity: 0;


 }
.house1 img{
	width: 85%;
margin-right: -21%;

}
.men{
	position: absolute !important;

top: 147px;

width: 21% !important;

left: -6%;
opacity: 0;
transform: translateX(-70px);
}
.line-big{
	position: absolute !important;

bottom: 79px;

width: 92% !important;

left: 0;

}
.how-work-1 .line-big{
	transform: scale(0);
transform-origin: right;
}
.line-small{
position: absolute !important;

bottom: 96px;

width: 44% !important;

left: -13%;


}
.how-work-1 .line-small{
transform: scale(0);
transform-origin: left;
}
.how-we-work .sun{
	opacity: 0;
	transform: translate3d(20px,20px,20px);
}
.how-work-2 .line-big{
	bottom: 250px;
}
.how-work-3 .line-big{
	bottom: 114px;
}
.purple-bg-house{
position: absolute !important;

width: 47% !important;

left: 33%;

top: 40px;
opacity: 0;
/*transform: scaleY(0);*/
transform-origin: top;

}
.boxes{
	position: absolute !important;

right: 0;

width: 20% !important;

bottom: 152px;

transform: translateX(30px);
opacity: 0;
}
.truck{
	right: 0;

position: absolute !important;

left: -13%;

width: 34% !important;

transform: translateX(-100px);
opacity: 0;

bottom: 107px;
}

.line-1{
	position: absolute !important;
	bottom: 111px;

right: 8%;

width: 74% !important;

}
.how-work-1 .line-1{
	transform: scale(0);
transform-origin: right;
}
.line-2{
position: absolute !important;

bottom: 67px;

width: 74% !important;

left: -20%;

}
.how-work-1 .line-2{
transform: scale(0);
transform-origin: left;
}
.man2{
position: absolute !important;

width: 45% !important;
    right: -26%;
    bottom: 13%;

opacity: 0;
transform: translateX(300px);

} 
.how-work-4 .boxes{
	bottom: 45%;
}
.how-work-4 .line-1{
	bottom: 35%;
}
.how-work-4 .truck{
bottom: 31%;
}
.how-work-4 .line-2{
	bottom: 21%;
}
.how-work-4 .house1{
	    position: absolute;
    bottom: 0;
}
.sub-list{
	font-style: italic;
}
.graph2-title .elementor-text-editor{
	color: #6C418E !important;

border-bottom: 2px solid #6C418E;

margin-right: 10%;

margin-left: 16%;
}

.graph2-text1 .elementor-text-editor{
display: inline-block;

left: 12%;

position: absolute;

top: 0;

margin-top: -9.7%;
}
.graph2-text2 .elementor-text-editor{
display: inline-block;

left: 43%;

position: absolute;

top: 0;

margin-top: -6.5%;
}
#fullpage path {
   
   stroke-dasharray: 1000;

   stroke-dashoffset: 1000;

   animation: dash 5s linear forwards;
}
.elementor-element-3941c44{
/*	       position: absolute !important;
    bottom: 18%;
    z-index: 2;
    width: 46% !important;
    left: 32%;*/
}
.how-work-4 .house1{
	    position: absolute;
    top: 0;
}
.how-work-4 svg{
    width: 34%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    margin-right: 35%;
    margin-top: -3%;
}
.step3-svg{
width: 63% !important;

z-index: 3;

position: absolute !important;

right: 0;

top: 0;

height: auto;

margin-right: 3%;

margin-top: 5%;
}
.step3-svg path{

	transform: translateY(-30px);
	opacity: 0;
	transition: .3s ease
}

.saving-calculator-steps{
text-align: center;
}
.saving-calculator-steps h1{
	color: #575756 !important;
	margin: 0;
	margin-bottom: 30px;
font-size: 39px;
}
#calculator-step4 h1{
	font-size: 28px;
margin: 10px 13px;
line-height: 33px !important;
}
.saving-calculator-steps p{
	margin: 0;

padding: 0;
}
.btns-wrapper a{
	background-color: #fff ;
border: 3px solid #3e65ca;
color: #575756 ;
border-radius: 0 ;
font-family: NeuzeitSLTStd ;
padding: 14px 38px ;
text-decoration: none;
transition: .3s ease
}
.btns-wrapper a:hover{
	background: rgba(109, 62, 145,0.7);
	color: #fff;
}
.btns2-wrapper a{
	background-color: #fff;

border: 3px solid #3e65ca;

color: #575756;
margin-right: 22px;
border-radius: 0;

font-family: NeuzeitSLTStd;

padding: 13px 7px;

text-decoration: none;

transition: .3s ease;
width: 183px;

display: inline-block;
}
.purplenext{
	background: #6c418f;

margin-bottom: 10px;
color: #fff !important;
text-decoration: none;
padding: 12px;
font-size: 15px;
}
.notallowed.purplenext{
	pointer-events: none;
	background: #ccc;

}
.error{
	display: block;

color: red;
font-size: 16px;

margin-top: 6px;
font-style: italic;
}
#reset{
background: #fff;
color: #6c418f;

font-size: 14px;
float: right;
cursor: pointer;

border: none;
}
div.gmnoprint:nth-child(12){
	/*display: none !important;*/
}
.btns2-wrapper {
	margin-bottom: 39px;
}
.btns2-wrapper a:hover{
	background: rgba(109, 62, 145,0.7);
color: #fff;
}
.active-link1,.active-link2{
		background: rgba(109, 62, 145,0.7) !important;
color: #fff !important;
}
.btns2-wrapper img{
	vertical-align: bottom;
	height: 30px;
	margin-right: 5px;
}
.section-inner{
width: 88%;

margin: auto;

-webkit-box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57) !important;

-moz-box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57) !important;

box-shadow: -2px 4px 26px -5px rgba(0,0,0,0.57) !important;
background: #fff;
/*padding: 5% 5%;*/
height: 70%;
}
#fullpage{
	background-image: url(imgs/home-bg.jpg);
}
.left-result p{
text-align: left;
margin-left: 8%;
	line-height: 36px;
}
.content-wrapper{
/*padding-top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);*/

padding-top: 15%;
position: relative;
}
#calculator-step2 .content-wrapper{
	padding-top: 12%;
}
#calculator-step4 .content-wrapper{
	padding-top: 1%;
}
#calculator-step5 .content-wrapper{
	padding-top: 10px;
}
.section-50{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}
.wpcf7-response-output{
	font-size: 15px !important;
text-align: center;
padding: 7px 33px;
}
#elect_bill,#selected_area{
	width: 60% !important;
	font-size: 17px !important;
	border: none !important;

	border-bottom: 2px solid #3e65ca !important;
	text-align: center;
	margin-top: 20px;
	background: #fff;
}
.step_icon{
	width: 50%;

margin-bottom: 50px;
}
#step_icon4{
	width: 80%;

margin-bottom: 15px;
}
.savings_icon{
	width: 100px;
	margin-bottom: 20px;
}
.arrow{
width: 21px;

vertical-align: middle;

}
#calculator-step5 h1{
	color: #3e65ca !important;
}
#calculator-step5 p{
	color: #000;

font-size: 20px;
}
.step-p{
	width: 20px;
	margin: 20px 15px;
}
p#disclaimer{
	color: #808080;

font-size: 11px;
margin: 12px 47px 0;

line-height: 14px;

text-align: justify;
}
#calculator-step5 .col-50-wrapper{
	text-align: left;
}
#saving_result_kwp,#saving_result_tms,#saving_result_fms,#saving_result_ls{
    color: #fff !important;
    font-family: NeuzeitSLTStdBookHeavy !important;
    font-size: 22px;
    background: #3e65ca;
    /* padding: 5px; */
    width: 118px;
    display: inline-block;
    text-align: center;
}
.formula-right-text{
	width: 227px;
	display: inline-block;
}
.formula-left-text{
	width: 100px;
}
#map > div:first-child{
	position: relative !important;
	height: 62vh !important;
}
#overlay{
	position: absolute;
	top: 0;
	width: 100%;
	height: 67vh;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 2
}
#play{
	position: absolute;
	width: 59px;
	top: 50%;
	z-index: 2;
cursor: pointer;
left: 50%;

-webkit-transform: translate3d(-50%,-50%,0);

transform: translate3d(-50%,-50%,0);
}
#close{
	position: absolute;

top: 7px;

right: 65px;

z-index: 3;

color: #fff;

font-size: 34px;

cursor: pointer;
}

.selected_area_text{

color: #fff;

font-size: 13px;

text-align: left;
display: inline-block;
/*padding: 10px !important;*/
}
.btns-text-wrap{
	text-align: left;

padding: 10px !important;
	background: #6c418f;

display: inline-block;

width: 100%;
}
#fp-nav ul li .fp-tooltip.fp-right{
	right: 18px;
color: #3e65ca !important;
font-size: 15px !important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #3e65ca;
}
#fp-nav ul li a, .fp-slidesNav ul li a{
	outline: none;
}
.previous img{
	width: 20px;

vertical-align: text-bottom;
}
.previous:hover{
	opacity: 0.7
}
.previous{
text-decoration: none;
transition: .3s ease;
font-family: NeuzeitSLTStdBookHeavy;
color: #6c418f !important;

outline: none;

position: absolute;

top: 15px;

left: 15px;

font-size: 14px;
}
.mobile-visible{
	display: none;
}
.how-graph.mobile-visible .elementor-widget-wrap{
border: 1px solid #ccc;

padding: 10px;
}

.step1-text{
	margin-top: 29px;
}
.top-banner-col h1{
	color: #fff !important;
font-size: 43px;
line-height: 48px !important;
}
.top-banner-col .elementor-text-editor{
	color: #fff !important;
	font-size: 24px !important;
}
.top-banner-col .elementor-button-link{
	/*background: #3e65ca !important;*/

color: #fff !important;
transition: .3s ease;
}

.top-banner-col .elementor-button-link:hover{
	background: #3e65ca !important;
	opacity: 0.8;
color: #fff !important;
}
.top-banner-col{
/*	background: rgba(255,255,255,0.85);

padding: 28px 0;*/
margin-top: 5%;
}
.map-video{
position: absolute;
top: 0;
background: rgba(0,0,0,1);
left: 0;
width: 100%;
z-index: 1;
height: 104%;
bottom: 0;
}
.video-modal{
	display: none;
}
.section-right{
	position: relative;
}

#isTrue{
	margin-top: 10px;

font-size: 15px !important;

font-style: italic;
}
#play_v{
	float: right;

margin-right: 12px;

background: #fff;

color: #6c418f;

font-size: 14px;

cursor: pointer;

border: none;
}
#calculator-step5 .section-inner{
	height: 86%;
margin-top: 8%;
}
p#contact-text{
	font-size: 15px;
text-align: left;
color: #3e65ca;
margin-top: 10px;
}
#vision{
/*width: 60px;
margin-left: 20px;*/
vertical-align: bottom;
}
#contact_map{
	height: 300px;
}

      #description {
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
      }

      #infowindow-content .title {
        font-weight: bold;
      }

      #infowindow-content {
        display: none;
      }

      #map #infowindow-content {
        display: inline;
      }

      .pac-card {
        margin: 10px 10px 0 0;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        font-family: Roboto;
      }

      #pac-container {
        padding-bottom: 12px;
        margin-right: 12px;
      }

      .pac-controls {
        display: inline-block;
        padding: 5px 11px;
      }

      .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }

      #pac-input {
   /*      background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 0;
    padding: 0 11px 0 13px;
    width: 69% !important;
    right: 53px !important;
    margin-top: 10px !important;
    left: auto !important;*/


background-color: #fff;

font-family: Roboto;

font-weight: 300;

margin-left: 0;

text-overflow: ellipsis;

width: 35% !important;

margin-top: 5px !important;

left: 10px !important;
      }

      #pac-input:focus {
        border-color: #4d90fe;
      }

      #title {
        color: #fff;
        background-color: #4d90fe;
        font-size: 25px;
        font-weight: 500;
        padding: 6px 12px;
      }
      #target {
        width: 345px;
      }
      .buttons-map,div.gmnoprint:nth-child(12):not(.gm-bundled-control){
      	/*top: 7px !important;
    	left: 7px !important;*/
      }
      #map > div > div > div:nth-child(13){
      	/*display: none !important;*/
      }
      div.gmnoprint:nth-child(11):not(.gm-bundled-control)
      {
      	/*top: 52px !important;
		left: 6px !important;*/
      }

.home-banner .elementor-container.elementor-column-gap-no{
background: rgba(0,0,0,0.5);
}

.elementor-7 .elementor-element.elementor-element-66a7069 .elementor-heading-title {

	text-shadow: 1px 1px 1px #000;
}

.top-footer-logos{
	display: block;
}
#how1 path{
	fill:rgb(211,197,222);
}
#how2 path{
	fill:rgb(197,178,211);
}
#how3 path{
	fill:rgb(175,149,195);
}
#how5 path{
	fill:rgb(109,62,145);
}
.how-work-5 img{
max-width: 130% !important;
}
.our-partners img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: .3s ease;
}
.our-partners img:hover{
  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}
.section-12 img{
width: 120px
}
.partners-new-row .elementor-widget-image{
	display: inline-block !important;
	width: 10% !important;
}
.error404 .site-header{
	position: relative;
}
.error-404{
	text-align: center;
	margin-top: 15%;
	margin-bottom: 15%;

}
.error-404 a{
	background-color:
#3e65ca !important;
border: 3px solid
#3e65ca;
color:
#fff !important;
border-radius: 0 !important;
padding: 10px 30px !important;
text-decoration: none;
}
.container {
	min-height: 80vh;
	margin-top: 100px;
}

.projects-item-sidebar {
	position: sticky;
	margin-top: 60px;
	top: 0;

}

.project-title-single {
	font-size: 34px;
	margin-top: 160px;

	font-weight: bold;
	
	color: #6f4091;
	margin: 40px 10px 8px 10px;
}

.projects-imges {
	margin-top: 40px !important;
}

.projects-imges img {
	padding: 15px 30px;
	float: left;
	width: 100%;
}

.disc p {
	line-height: 1.8;
	font-size: 15px;
	padding: 0 12px;
	max-width: 90%;
}

.heading {
	margin: 12px 15px;
	font-size: 15px !important;
}

.heading strong {
	color: #000;
}

.bg-web {
	background-image: url(https://haalaenergy.com/wp-content/uploads/2019/06/home-bg.jpg);
}

.nav-row {
	padding: 50px 10px 50px 10px;
	margin-top: 65px !important;
	border-top: 1px solid #e2dfdf;	
}

.nav-row a {
	text-decoration: none;
	color: #7a4f9a;
	text-align: center;
}

.nav-row a:hover {
	color: #7a4f9a;
}

a.allproj {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	top: 25px;
}
@keyframes dash {
   to {
      stroke-dashoffset: 0;
   }
}

@keyframes rotate { 100% { transform:rotate(-360deg); } }

/*animations*/
/* Safari 4.0 - 8.0 */
@-webkit-keyframes infiniteMove {
  0% {transform: translate(0,0);}

  100% {transform: translate(15px,15px);}
}

/* Standard syntax */
@keyframes infiniteMove {
  0% {transform: translate(0,0);}

  100% {transform: translate(15px,15px);}
}

@-webkit-keyframes infiniteMoveBig {
  0% {transform: translate(0,0);}

  100% {transform: translate(20px,20px);}
}

/* Standard syntax */
@keyframes infiniteMoveBig {
  0% {transform: translate(0,0);}

  100% {transform: translate(20px,20px);}
}
.elementor-190 .elementor-element.elementor-element-a40182e > .elementor-container {min-height: 600px;}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px !important;
}
@keyframes dash {
	to {
	   stroke-dashoffset: 0;
	}
 }
 
 @keyframes rotate { 100% { transform:rotate(-360deg); } }
 
 /*animations*/
 /* Safari 4.0 - 8.0 */
 @-webkit-keyframes infiniteMove {
   0% {transform: translate(0,0);}
 
   100% {transform: translate(15px,15px);}
 }
 
 /* Standard syntax */
 @keyframes infiniteMove {
   0% {transform: translate(0,0);}
 
   100% {transform: translate(15px,15px);}
 }
 
 @-webkit-keyframes infiniteMoveBig {
   0% {transform: translate(0,0);}
 
   100% {transform: translate(20px,20px);}
 }
 
 /* Standard syntax */
 @keyframes infiniteMoveBig {
   0% {transform: translate(0,0);}
 
   100% {transform: translate(20px,20px);}
 }
 .elementor-190 .elementor-element.elementor-element-a40182e > .elementor-container {min-height: 600px;}
 .sticky {
	 position: fixed !important;
	 top: 0 !important;
	 top: 0;
	 left: 50%;
	 transform: translateX(-50%);
	 margin: 0 !important;
	 min-height: 0px !important;
	 z-index: 1;
	 /* 505 / 2 */
 }
 
 .section-img {
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
 }
 
 .section-img img {
	 text-align: center;
	 max-width: 75%;
 }
 
 .section .count {
	 margin-top: 55px;
 }
 
 /* .fixed {
	 position: relative
 } */
 
 .section .count {
	 margin-top: 55px;
	 margin-bottom: 36px;
	 padding: 15px 28px 15px 28px;
	 background: #B199C9;
	 color: #fff !important;
	 display: block;
	 font-size: 24px !important;
	 float: left;
	 box-shadow: 2px 1px 6px -1px rgb(0 0 0 / 32%);
	 -webkit-box-shadow: 2px 1px 6px -1px rgb(0 0 0 / 32%);
	 -moz-box-shadow: 2px 1px 6px -1px rgba(0, 0, 0, 0.32);
 }
 
 .container-full {
	 background-image: url(/wp-content/uploads/2019/06/home-bg.jpg);
	 background-position: center;
	 background-size: contain;
	 background-repeat: repeat;
 }
 
 .container-content {
	 /* width: 100%; */
	 max-width: 990px;
	 margin: 0 auto;
 }
 
 .container-nav {
	 position: relative;
	 top: -40px;
	 background: #fff;
	 height: 140px;
	 box-shadow: 2px 1px 6px -1px rgba(0, 0, 0, 0.32);
	 -webkit-box-shadow: 2px 1px 6px -1px rgba(0, 0, 0, 0.32);
	 -moz-box-shadow: 2px 1px 6px -1px rgba(0, 0, 0, 0.32);
	 text-align: center;
	 min-height: 150px;
	 z-index: 9999;
	 /* margin-bottom: 100px; */
 
 }
 .section a {
	 color: purple;
	 /* text-decoration: none; */
 }
 .section a:hover {
	 color: #b199c9;
 }
 .content-section {
	 margin-bottom: 100px;
	 display: none;
 }
 
 .container-nav ul {
	 padding: 0;
	 margin: 0;
 }
 
 .container-nav li {
	 display: block;
	 float: left;
	 text-align: center;
	 /* width: 20%; */
	 /* padding: 15px; */
 }
 
 
 .container-nav a {
	 display: block;
	 float: left;
	 position: relative;
	 padding: 23px 20px;
	 width: 14.28%;
	 color: #3e65ca ;
	 height: 100%;
	 text-decoration: none;
 }
 
 .container-nav a:hover {
	 cursor: pointer;
	 color: #3e65ca !important;
 }
 
 .container-nav p {
	 padding: 0;
	 margin: 9px 0px;
	 font-size: 15px;
 }
 
 .list-nav ::after {}
 
 .sticky .container-nav {
	 top: 0;
	 z-index: 9998;
 }
 
 .divider {
	 content: '';
	 width: 0.5px;
	 background: #bababa;
	 height: 80px;
	 display: block;
	 float: left;
	 position: absolute;
	 top: 35px;
	 right: 0;
 }
 
 .hideMe {
	 display: none;
	
 }
 
 .visibilityHidden{
	 visibility:hidden ;
 }
 .pageloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: #fff;
    /* background: url(images/yourLoaderImage.gif) 50% 50% no-repeat rgb(249, 249, 249); */
}
.spinner-border {
    display: block !important;
    position: fixed !important;
    top: 47% !important;
    left: 47% !important;
    color: #703d8f !important;
    /* transform: translate(-50%, -50%) !important; */
}
 .mobile-wrapper {
	 position: fixed;
	 top: 66px;
	 width: 100%;
	 height: 200px;
	 z-index: 1;
	 display: block;
	 background: #f7f7f7;
	 height: 62px;
 }
 
 
 
 
 .content .nav-links {
	 display: block;
	 position: absolute;
	 top: 60px;
	 left: 0;
	 width: 100%;
	 height: 0;
	 margin: 0;
	 padding: 0;
 }
 
 .content .nav-links::before {
	 background: none;
	 content: "";
	 height: 100vh;
	 left: 0;
	 top: 0;
	 position: absolute;
	 opacity: 0;
	 visibility: hidden;
	 width: 100%;
	 transition: all 0.3s;
 }
 
 .content .nav-links li {
	 border-bottom: 1px solid #ddd;
	 opacity: 0;
	 visibility: hidden;
	 transform: translateY(-20px);
	 transition: all 0.3s;
 }
 
 .content .nav-links li a {
	 background: #f7f7f7;
	 color: #404040;
	 text-decoration: none;
	 display: block;
	 font-size: 18px;
	 font-weight: 700;
	 padding: 12px 20px;
	 text-align: left;
	 width: 100%;
	 transition: all 0.3s;
 }
 .fixed {
	 box-shadow: none;
 }
 
 .content .nav-links li a:hover {
	 color: #404040;
 }
 
 input[type=checkbox] {
	 position: absolute;
	 opacity: 0;
	 visibility: hidden;
 }
 
 input[type=checkbox]:checked+label {
	 /* border: 4px solid silver; */
	 /* border-radius: 50%; */
	 height: 100px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 width: 28px;
	 width: 100%;
	 background: #000;
	 transform: rotate(-180deg);
	 opacity: 0;
 }
 
 input[type=checkbox]:checked+label::before {
	 background: silver;
	 top: 8px;
	 left: 4px;
	 width: 12px;
 }
 
 input[type=checkbox]:checked+label::after {
	 background: silver;
	 opacity: 1;
	 top: 8px;
	 left: 4px;
	 visibility: visible;
	 width: 12px;
 }
 
 input[type=checkbox]:checked+label:hover {
	 border-color: #404040;
 }
 
 input[type=checkbox]:checked+label:hover::before,
 input[type=checkbox]:checked+label:hover::after {
	 background: #404040;
 }
 
 input[type=checkbox]:checked~.nav-links::before {
	 opacity: 1;
	 visibility: visible;
 }
 
 input[type=checkbox]:checked~.nav-links li {
	 opacity: 1;
	 visibility: visible;
	 transform: translateY(0);
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(1) {
	 transition-delay: 0s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(2) {
	 transition-delay: 0.1s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(3) {
	 transition-delay: 0.2s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(4) {
	 transition-delay: 0.3s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(5) {
	 transition-delay: 0.4s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(6) {
	 transition-delay: 0.5s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(7) {
	 transition-delay: 0.6s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(8) {
	 transition-delay: 0.7s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(9) {
	 transition-delay: 0.8s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(10) {
	 transition-delay: 0.9s;
 }
 
 input[type=checkbox]:checked~.nav-links li:nth-child(11) {
	 transition-delay: 1s;
 }
 
 label {
	 background: none transparent;
	 border: 4px solid #404040;
	 border-left: 0 solid transparent;
	 border-right: 0 solid transparent;
	 cursor: pointer;
	 display: block;
	 height: 24px;
	 position: absolute;
	 top: 18px;
	 left: 0;
	 right: 0;
	 width: 24px;
	 transition: all 0.2s;
	 opacity: 0;
	 width: 100%;
 }
 
 nav p {
	 margin: 18px 11px;
	 color: #6e3e8a;
 }
 
 .arrowsol {
	 position: absolute;
	 top: 23px;
	 z-index: -8;
	 right: 30px;
 }
 
 .openMenu {
	 transform: rotate(180deg);
 }
 .section h2{
 font-size: 2.3rem;
  font-family: NeuzeitSLTStd !important; 
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 .section p {
 line-height: 34px;
 color: #575756;
 font-family: NeuzeitSLTStd !important;
 }
 .overly-menu-mob{
 width: 100%;
 height: 100vh;
 background: #fff;
 display: none;
 }
 @media screen and (max-width: 900px) {
	 .mobile-footer-left,.mobile-footer-right {
		 width: 60% !important;
		 margin: 11px !important;
		 text-align: initial !important;
	 }
	
	 .mobile-footer-left p {
		 font-size: 11px !important;
	 }	
	 .mobile-footer-left {
		 max-width: 27% !important;
	 }
	.custom-logo {
	  width: 60px !important;
	}
	.sitename,.sitename2{
		color:#001a5c !important;
		font-size: 20px !important;
	}
	
	.mobile-center{
		display: block !important;
		text-align: center !important;
	}
 
	 .top-footer p {
		 text-align: center  !important;
		 margin-bottom: 15px !important;
	 }
	 .row-footer .mobile-footer-right p {
		 font-size:  9px !important;
	 }
 
	   .row-footer .right-upper-footer img {
		 height: 33px !important;
	   }
	   .social img {
		 height: 21px !important;
		 position: relative;
		 margin: 0 5px !important;
		 top: 20px;
	 }
	 .sociallink{
		 
	 }
	 .top-footer p {
			 
	   }
	   .footer-content{
		 font-size: 12px !important; 	
	   }
	 .right-footer, .mid-footer, .left-footer {
		 
	 }
	 .mobile-footer-left {
		 text-align: right	 !important;
	 }
 }



/*=======================================*/

.img-circle{
	border-radius: 50% !important;
}

.sitename,.sitename2{
	color:#fff;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	margin-top: 30px;
}
.site-branding a{
	text-decoration: none;
}
ul.dropdown-menu{
	background: #fff;
	/*width: 300px !important;*/
}
ul.dropdown-menu > li{
	display: block;
	/*padding: 5px;*/
}
ul.dropdown-menu > li > a{
	width: 100% !important;
	color: #575756 !important;

}
ul.dropdown-menu > li > a::after {
	content: "";
	padding: 0;
}

.sitename2{
	color:#001a5c !important;
}



.text-left{
	text-align: left !important;
}
.solar-bg1 img {
	width: 30%;
	position: absolute;
	top: 50%;
	left: 40%;
	/* -webkit-transform: translate3d(-50%,0,0); */
	/* transform: translate3d(-50%,0,0); */
}

.site-footer div{
	background: #ecece7;
	padding: 2px;
	font-size: 16px !important;
}

.site-footer p, .site-footer a {
	font-size: 14px;
	margin: 0;
	color: #575756 !important;
	text-decoration: none;
}
.footer-bottom{
	border-top: 1px solid #ddd;
}

.nopadding{
	padding: 0px !important;
}
.nomargin-h{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.team img {
	border: 5px solid #B29ACA !important;
	border-radius: 10% !important;
	-webkit-filter: none;
    filter: none;
	transition: .2s ease;
}

.overlay-text{
	font-size:26px ;
	margin: auto 20% !important;
	max-width: 60% ;
	line-height: 35px !important;
	padding: 5px !important;
}

.hero {
    position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero::before {    
      content: "";
      
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.75;
}

.hero  h2 {
  position: relative;
  color: #ffffff !important;  
  line-height: 0.9;
  text-align: center;
}

.products{
	display: block !important;
	text-align: center !important;
	margin:15px auto;
}
.products>span{
	font-size: 50px !important;
	line-height: 50px !important;
	color: #3e65ca !important;
	font-weight: lighter !important;
}

@media screen and (max-width: 900px) {
	.overlay-text{
		font-size:20px !important;
		margin: auto 0% !important;
		max-width: 100% !important;
		line-height: 30px !important;
	}
	.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 20px !important;
}
}

 a:hover{
    color: #72b303 !important;
}
a.selected {
	 color: #fff !important;
	 background: #3e65ca !important;
 }