body {
	font-family: aldhabi;
	/*font-family: calibri;*/
	font-family: bahnschrift;



	background-image: url("Images1/Alternative.jpg");
	background-image: url("Images1/BlueMesh.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;

	/*background-color: blue;*/
	margin: 0;
}




.Heading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 20px;*/
	height: 100px;
	width: 50%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	border-bottom: 2px solid white;
	box-shadow: 1px 1px 8px black;

	/*background-image: url("Images1/ElectricityBanner.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
	opacity: 0.9;
}

	.HeadingWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		color: white;
		/*text-shadow: inset 0px -5px 10px 0px royalblue;*/
		text-shadow: 1px 1px 8px black;
		font-weight: bold;
		font-size: 5vw;
		color: white;
	}





.WhatWeDoContainer {
	/*background-image: url("Images1/GoldMetal.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
}

.WhatWeDo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 40px;*/
	height: 50px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);

	margin-top: 20px;
	border-top: 2px solid white;
	/*box-shadow: 1px 1px 8px royalblue;*/

}
	.WhatWeDoWords {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		margin-top: auto;
		margin-right: auto;
		font-size: 30px;

		text-align: center;
		font-weight: bold;

		color: white;
		text-shadow: 1px 1px 8px royalblue;
	}


.TypesOfWork {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 30px;*/
	height: 150px;
	width: 100%;
	/*background-color: rgba(0,0,0,0.5);*/

	border-bottom: 2px solid white;
	/*box-shadow: 2px 2px 8px royalblue;*/
}
	.TypesOfWorkCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 33.33%;
		background-color: ;

		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#TypesOfWorkCellDomestic {
		background-image: url("Images1/IMG16.jpg");
	}
	#TypesOfWorkCellIndustrial {
		background-image: url("Images1/IMG13.jpg");
	}
	#TypesOfWorkCellCommercial {
		background-image: url("Images1/IMG73.jpg");
	}
		.TypesOfWorkCellBlock {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 50px;
			width: 200px;
			border: 2px solid white;
			text-shadow: 1px 1px 8px black;

			box-shadow: 1px 1px 8px royalblue;

			background-color: rgba(0,0,0,0.5);
		}
			.TypesOfWorkCellBlockWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				color: white;
				/*color: rgba(205,208,215,1);*/
				text-shadow: 2px 2px royalblue;
				font-size: 30px;
				text-align: center;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}














.IncludeAVideo {
	/*margin-top: 120px;*/
	display: block;
	/*margin-left: auto;
	margin-right: auto;*/
	width: 100%;
	height: 200px;
	background-color: rgba(0,0,0,0.5);
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	margin-top: 20px;
}

.backgroundVideos {
	/*position: relative;*/
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
	position: relative;
	z-index: 0;
}

















.WeSpecializeInContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 100%;

	/*margin-top: -200px;*/
	background-color: rgba(0,0,0,0.3);

	/*z-index: 1;
	position: absolute;*/
}

	.WeSpecializeInTitle {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		background-color: rgba(205,208,215,1);
		/*margin-bottom: 10px;*/
		height: 50px;
		width: 100%;

	}
		.WeSpecializeInTitleWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
			font-weight: ;
			font-size: 50px;
			color: white;
			text-shadow: 1px 1px 8px royalblue;
			text-shadow: 1px 1px black;
			font-size: 30px;
			color: black;
			text-shadow: 1px 1px white;
		}









.Voltages {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	width: 100%;
}
	.VoltagesLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: ;
	}
		.VoltagesLeftCellBlock {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 100%;
			background-color: ;
		}
			.LVSide {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 300px;
				height: 50px;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				background-color: rgba(205,208,215,1);
				background-color: rgba(0,0,0,0.2);

				border: 2px solid white;
				box-shadow: 1px 1px 8px royalblue;
			}
				.LVSideWords {
					display: block;
					margin-left: auto;
					margin-right: auto;

					color: white;
					/*color: black;*/
					text-shadow: 1px 1px royalblue;
					font-weight: ;
					font-size: 25px;
					text-align: center;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
				}

	.VoltagesRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: ;
	}
		.VoltagesRightCellBlock {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 100%;
			background-color: ;
		}
			.MVSide {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 300px;
				height: 50px;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				background-color: rgba(205,208,215,1);
				background-color: rgba(0,0,0,0.2);

				border: 2px solid white;
				box-shadow: 1px 1px 8px royalblue;


			}
				.MVSideWords {
					display: block;
					margin-left: auto;
					margin-right: auto;

					color: white;
					font-weight: ;
					font-size: 25px;
					text-align: center;
					position: relative;
					top: 50%;
					transform: translateY(-50%);

					/*color: black;*/
					text-shadow: 1px 1px royalblue;
				}





.WeInstallTransformersTitle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: rgba(205,208,215,1);

	margin-top: 10px;
	margin-bottom: 10px;

	margin-top: 50px;
	margin-bottom: 50px;
	height: 150px;
	width: 100%;

	color: black;
	text-shadow: 1px 1px white;
}
	.WeInstallTransformersTitleWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		font-size: 100px;
		text-align: center;
		/*color: silver;
		color: rgba(205,208,215,1);*/
		color: white;
		color: black;
		font-weight: bold;
		text-shadow: 2px 2px black;
		position: relative;
		top: 50%;
		transform: translateY(-50%);

		text-shadow: 1px 1px white;
		font-size: 80px;
	}





.MRUTitle {
	margin-top: 50px;
	margin-bottom: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	width: 100%;
	margin-bottom: 20px;

	background-color: rgba(205,208,215,1);
	background-color: rgba(0,0,0,0.5);

	border-top: 2px solid rgba(205,208,215,1);
	border-bottom: 2px solid rgba(205,208,215,1);
}
	.MRUTitleWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		/*position: relative;
		top: 50%;
		transform: translateY(-50%);*/
		color: silver;
		color: rgba(205,208,215,1);
		color: white;
		text-shadow: 2px 2px black;
		font-weight: bold;
		font-size: 100px;
		text-align: center;
		line-height: 150px;
	}
		.MRUTitleWordsSpan {
			font-size: 50px;
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
			margin-top: -50px;
			line-height: 150px;
		}





/*
.Transformers {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	width: 100%;
	background-color: ;
}
	.TransformersLeftcell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.TransformersLeftCellBlock {
			display: block;
			height: 100%;
			width: 100%;

		}
			.TransformersLeft {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 100px;
				width: 400px;

				background-color: silver;
				border: 2px 2px black;
			}
				.TransformersLeftWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					text-align: center;
					color: white;
					text-shadow: 2px 2px black;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 40px;
					font-weight: bold;

				}

	.TransformersRightcell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.TransformersRightCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.TransformersRight {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 100px;
				width: 300px;

				background-color: silver;
				border: 2px 2px black;
			}
				.TransformersRightWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					text-align: center;
					color: white;
					text-shadow: 2px 2px black;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 40px;
					font-weight: bold;
				}
*/









.SolarPowerContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*background-color: white;*/

	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
}

	.SolarPowerSystems {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		/*height: 50px;*/
		height: 100px;
		width: 100%;
		/*background-color: silver;
		background-color: rgba(205,208,215,1);*/
		background-color: ;
		/*border-top: 2px solid white;
		border-bottom: 2px solid white;*/
	}
		.SolarPowerSystemsWords {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
			color: black;
			text-shadow: 1px 1px white;
			font-size: 30px;

			line-height: 200px;
			color: rgba(0,0,0,0.2);
			font-size: 90px;
			font-weight: bold;
			text-align: center;
			animation: GlowInAndOut 1s ease-in-out infinite alternate;			
		}


	.SolarPowerSystemsBody {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		width: 70%;
		height: 300px;
		height: 200px;

		border: 3px solid silver;
		border: 3px solid rgba(205,208,215,1);
		/*border-radius: 20px;*/

		background-image: url("MainImages/2IMG10.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;



		line-height: 200px;
		color: rgba(0,0,0,0.2);
		font-size: 90px;
		font-weight: bold;
		text-align: center;
		/*animation: GlowInAndOut 1s ease-in-out infinite alternate;*/
	}
	@-webkit-keyframes GlowInAndOut {
		from {
			text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px royalblue, 
			0 0 20px royalblue, 0 0 25px royalblue, 
			0 0 30px royalblue, 0 0 35px royalblue;
		}

		to {
			text-shadow: 0 0 10px white, 0 0 15px yellow, 0 0 20px yellow, 
			0 0 25px yellow, 0 0 30px yellow, 
			0 0 35px yellow, 0 0 40px yellow;
		}
	}



/*
	@-webkit-keyframes GlowInAndOut {
		from {
			text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 
			0 0 40px #e60073, 0 0 50px #e60073, 
			0 0 60px #e60073, 0 0 70px #e60073;
		}

		to {
			text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 
			0 0 50px #ff4da6, 0 0 60px #ff4da6, 
			0 0 70px #ff4da6, 0 0 80px #ff4da6;
		}
	}
*/



	/*Sliding Slides*/
	.SolarSlideBody {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 150px;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		border-top: 2px solid white;
		border-bottom: 2px solid white;
	}

		.SolarSlide {
			display: block;
			width: 100%;
		}











.SlideDivSide {
	margin-top: 10px;
	/*width: 200%;*/
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-top: 2px solid rgba(205,208,215,1);
	border-bottom: 2px solid rgba(205,208,215,1);

	animation: FadeSlides 20s infinite;
}
@keyframes FadeSlides {
	0%{opacity: 0;}
	5%{opacity: 1;}
	95%{opacity: 1;}
	100%{opacity: 0;}
}
	
	.SlideBody {
		overflow: hidden;
		height: 200px;
		/*width: 400%;*/
		/*width: 100%;*/
		width: 200%;
		display: table;
	}
	
		.HorizontalSlide {
			display: table-cell;
			float: left;
			/*width: 25%;*/
			width: 50%;
			height: 200px;

			background-color: ;

			/*animation: MoveLeft 20s infinite;*/
			animation: MoveLeft 20s infinite;
		}

		@keyframes MoveLeft {
			/*0% {transform: translate(0%);}
			23% {transform: translate(0%);}
			31% {transform: translate(-25%);}
			46% {transform: translate(-25%);}
			54% {transform: translate(-50%);}
			69% {transform: translate(-50%);}
			77% {transform: translate(-75%);}
			100% {transform: translate(-75%);}*/
			/*0% {transform: translate(0%);}
			23% {transform: translate(0%);}
			31% {transform: translate(-50%);}
			46% {transform: translate(-50%);}
			54% {transform: translate(-100%);}
			69% {transform: translate(-100%);}
			77% {transform: translate(-150%);}
			100% {transform: translate(-150%);}*/
			/*0% {transform: translate(0%);}
			23% {transform: translate(0%);}
			31% {transform: translate(-100%);}
			46% {transform: translate(-100%);}
			54% {transform: translate(-150%);}
			69% {transform: translate(-150%);}
			77% {transform: translate(-200%);}
			100% {transform: translate(-200%);}*/
			0% {transform: translate(0%);}
			10% {transform: translate(0%);}
			20% {transform: translate(0%);}
			30% {transform: translate(0%);}
			40% {transform: translate(0%);}
			50% {transform: translate(-100%);}
			60% {transform: translate(-100%);}
			70% {transform: translate(-100%);}
			80% {transform: translate(-100%);}
			90% {transform: translate(-100%);}
			100% {transform: translate(-100%);}
		}
			.SlideCell {
				display: table-cell;
				float: left;
				/*width: 25%;*/
				width: 20%;
				height: 200px;
			}
				.Slide {
					width: 80%;
					height: 180px;
					margin-top: 10px;
					margin-bottom: 10px;
					display: block;
					margin-left: auto;
					margin-right: auto;
					border: 2px solid white;
					/*background-color: blue;*/
					/*border: 2px solid rgb(78,78,78);*/

					/*border-radius: 12px;
					border-radius: 14px;*/
					box-shadow: 2px 2px 4px rgb(78,78,78);


				}
					.SlideImage {
						display: block;
						height: 100%;
						width: 100%;
						/*border-radius: 12px;*/
						object-fit: cover;

					}

















.ThreePhasePowerHeading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-top: 100px;
	margin-bottom: 10px;
	height: 50px;
	width: 100%;
	background-color: silver;
	background-color: rgba(205,208,215,1);
}
	.ThreePhasePowerHeadingWords {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		color: black;
		text-shadow: 1px 1px white;
		font-size: 30px;
	}






.ThreePhasePowerBody {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-bottom: 100px;


	background-image: url("IMG3Phase/3PhasePowerBanner.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}









.WorkWeHaveDoneContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;

	/*height: 500px;
	height: 514px;
	height: 510px;*/

	height: 460px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 50px;


	background-image: url("Images1/WorkWeHaveDone3Pictures.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.WorkWeHaveDone {
	display: block;

	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100px;
	/*border-top: 2px solid white;
	border-bottom: 2px solid white;*/
	/*box-shadow: 1px 1px 8px black;*/
	/*margin-top: 20px;
	margin-bottom: 20px;*/

	background-color: rgba(0,0,0,0.3);



	/*margin-top: 10px;
	margin-bottom: 10px;*/
	height: 50px;
	width: 100%;
	/*background-color: silver;
	background-color: rgba(205,208,215,1);*/
}
	.WorkWeHaveDoneWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 4vw;
		text-shadow: 1px 1px 8px black;


		text-shadow: 1px 1px black;
		font-size: 30px;
	}


.SlidesContainerBox {
	display: black;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 30px;
	margin-bottom: 30px;*/
	height: 400px;
	height: 460px;
	width: 100%;

	background-color: rgba(0,0,0,0.3);
}
	.SlidesContainerBoxCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 33.333%;
	}
		.SlidesContainerBoxCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.SlidesContainer {
				display: block;
				margin-left: auto;
				margin-right: auto;
				/*margin-top: 50px;
				margin-bottom: 50px;*/
				/*height: 300px;
				width: 70%;*/
				height: 90%;
				width: 90%;
				position: relative;
				top: 50%;
				transform: translateY(-50%);

				/*animation: SlideFade 4s infinite;*/

			}

			@keyframes SlideFade {
				0%{opacity: 0.0;}
				10%{opacity: 0.5;}
				20%{opacity: 1;}
				30%{opacity: 1;}
				40%{opacity: 1;}
				50%{opacity: 1;}
				60%{opacity: 1;}
				70%{opacity: 1;}
				80%{opacity: 1;}
				90%{opacity: 0.5;}
				100%{opacity: 0.0;}

			}

				.mySlides {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					box-shadow: 1px 1px 8px black;
					border: 2px solid white;


					/*position: relative;
					top: 50%;
					transform: translateY(-50%);*/
				}


				.mySlides2 {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					box-shadow: 1px 1px 8px black;
					border: 2px solid white;

					/*position: relative;
					top: 50%;
					transform: translateY(-50%);*/
				}
				.mySlides3 {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					box-shadow: 1px 1px 8px black;
					border: 2px solid white;

					/*position: relative;
					top: 50%;
					transform: translateY(-50%);*/
				}




.WhatWeDoHeading {
	display: block;

	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	box-shadow: 1px 1px 8px black;
	margin-top: 20px;
	margin-bottom: 20px;

	background-color: rgba(0,0,0,0.5);


	margin-top: 10px;
	margin-bottom: 10px;
	height: 50px;
	width: 100%;
}

	.WhatWeDoHeadingWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 4vw;
		text-shadow: 1px 1px 8px black;

		text-shadow: 1px 1px black;
		font-size: 30px;
	}



























.ContactUsContainer {
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
	background-color: ;



	/*background-image: url("Images/Pool/Water1.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
}

/*Contact Form*/


.ContactBar {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 200px;
	background-color: rgba(0,0,0,0.5);
	margin-top: 20px;
	margin-bottom: 20px;

	/*border: 2px solid indigo;*/
	box-shadow: 1px 1px 8px white;
	/*border-radius: 10px;*/
}
	.ContactBarHeading {
		display: block;
		height: 50px;
		background-color: black;

		color: white;
		text-shadow: 2px 2px black;
		font-size: 45px;
		font-weight: bold;
		text-align: center;
		line-height: 50px;

		background-image: url(Images1/BlueMesh.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.ContactBarBody {
		display: block;
		height: 150px;
		background-color: rgba(0,0,0,0.3);

		background-image: url(Images1/ElectricityBanner.jpg);
		background-image: url(Images1/Steel.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
		.ContactBarBodyLeftCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 49%;
			/*border-right: 1% solid indigo;*/
		}
			.ContactBarBodyLeftCellBlock {
				display: block;
				height: 100%;
				width: 100%;

				color: white;
				font-weight: bold;
				font-size: 30px;
				text-shadow: 1px 1px black;
				text-align: center;
			}
		.ContactBarBodyRightCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 49%;
			/*border-left: 1% solid indigo;*/
		}
			.ContactBarBodyRightCellBlock {
				display: block;
				height: 100%;
				width: 100%;

				color: white;
				font-weight: bold;
				font-size: 30px;
				text-shadow: 1px 1px black;
				text-align: center;
			}
				.ContactBlock {
					display: block;
					margin-left: auto;
					margin-right: auto;

					position: relative;
					top: 50%;
					transform: translateY(-50%);
				}




.ContactUs {
	margin-bottom: 50px;
	/*margin-top: 50px;*/
	display: block;
	/*height: 600px;*/

	/*padding-top: 30px;
	padding-bottom: 30px;*/

	width: 80%;
	/**/width: 50%;
	margin-left: auto;
	margin-right: auto;
	/*background-color: rgba(0,0,0,0.6);
	background-color: rgba(78,78,78,0.5);
	background-color: white;*/
	/*background-color: rgba(205,208,215,1);*/
	
	/*border-radius: 12px;*/
	box-shadow: 1px 1px 8px white;

	/*background-color: orange;*/
}
	.ContactUsHeading {
		display: block;
		height: 100px;
		width: 100%;
		background-color: brown;
		/*border-radius: 12px 12px 0px 0px;*/

		color: rgb(78,78,78);
		color: brown;
		color: white;
		text-shadow: 2px 2px orange;
		text-shadow: 2px 2px rgb(78,78,78);
		text-shadow: 1px 1px 8px black;
		text-align: center;
		line-height: 100px;
		font-weight: bold;
		font-size: 5vw;
		box-shadow: 2px 2px 8px black;
		/*font-style: italic;*/

	}

	.ContactFormContainer {
		display: block;
		height: 500px;
		/*height: 300px;*/
		width: 100%;
		background-color: ;

		/*background-image: url("Images/TreeFelling/TreeBackground3.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;*/
		/*border: 2px solid black;*/
		/*background-image: url(Images/Blueberries.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;*/

		background-color: rgba(205,208,215,1);
		background-image: url(Images1/ElectricityBanner.jpg);
		background-image: url(Images1/Steel.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;

		border: 2px solid black;
	}


		.ContactFormContainerLeftCell {
			display: table-cell;
			float: left;
			width: 50%;
			width: 100%;
			height: 100%;
			background-color: ;
		}


			.ContactForm {
				height: 400px;
				width: 500px;
				width: 90%;
				/*background-color: rgba(255,255,255,0.4);
				background-color: rgba(0,0,0,0.4);
				background-color: brown;*/
				/*background-color: rgba(78,78,78,0.8);*/
				border: 1px solid black;
				/*border-radius: 30px;*/
				box-shadow: 0 0 50px rgba(0,0,0,0.5);
				/*margin-top: 50px;*/
				display: block;
				margin-left: auto;
				margin-right: auto;

				position: relative;
				top: 50%;
				transform: translateY(-50%);
				/*background-color: white;*/
				background-color: rgba(0,0,0,0.5);
				background-color: rgba(205,208,215,1);
				background-image: url(Images1/BlueMesh.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;

				/*background-color: rgba(75,0,130,0.5);*/
				/*background-color: white;*/

/*
				background-image: url("Images/TreeFelling/TreeBackground4.jpg");
				background-image: url("Images/IMG4.jpg");
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;*/
			}
				.ContactFormFullName {
					height: 100px;
					width: 100%;
					display: table;
					margin-top: 10px;
				}
					.ContactFormLine {
						display: table-cell;
						float: left;
					}

					#ContactFormFullNameLeft {
						float: left;
						height: 100px;
						width: 250px;
						width: 50%;
					}

					#ContactFormFullNameRight {
						float: left;
						height: 100px;
						width: 250px;
						width: 50%;
					}
				.ContactFormAddressAndNumber {
					height: 100px;
					width: 100%;
					display: table;
				}
					#ContactFormAddressLeft {
						float: left;
						height: 100px;
						width: 250px;
						width: 50%;
					}
					#ContactFormNumberRight {
						float: left;
						height: 100px;
						width: 250px;
						width: 50%;
					}
						.ContactFormLabel {
							height: 30px;
							line-height: 30px;
							font-size: 30px;
							/*text-shadow: 0.5px 0.5px black;*/
							/*color: indigo;*/
							color: white;
							text-shadow: 1px 1px black;
							/*color: black;*/
							font-weight: bold;
							text-align: center;
							/*opacity: 0.8;*/
							/*text-shadow: 1px 1px 8px black;
							text-shadow: 2px 2px black;*/
						}
						.ContactFormInput {
							width: 200px;
							width: 80%;
							display: block;
							margin-left: auto;
							margin-right: auto;
							height: 30px;
							/*border-radius: 10px;*/
							border: 2px solid white;
							/*margin-left: 23px;*/

							background-color: rgba(0,0,0,0.5);
							font-size: 20px;
							color: white;
							text-shadow: 1px 1px black;

							border-radius: 10px;
						}
					.ContactFormTextArea {
						width: 400px;
						width: 80%;
						display: block;
						margin-left: auto;
						margin-right: auto;
						/*border-radius: 10px;*/
						border: 2px solid white;
						/*margin-left: 50px;*/
						height: 100px;
						background-color: rgba(0,0,0,0.5);
						color: white;

						font-size: 16px;

						border-radius: 10px;
					}
					.ContactFormSubmitButton {
						width: 100px;
						height: 30px;
						border: 1px solid black;
						/*margin-left: 200px;*/
						display: block;
						margin-left: auto;
						margin-right: auto;
						color: white;
						color: ;
						/*color: black;*/
						background-color: rgba(0,0,0,0.5);
						margin-top: 10px;
						font-weight: bold;
						font-size: 20px;
						/*text-shadow: 1px 1px indigo;*/
					}
					.ContactFormSubmitButton:hover {
						cursor: pointer;
						box-shadow: 1px 1px 8px black;
					}


		.ContactFormContainerRightCell {
			display: table-cell;
			float: left;
			width: 50%;
			height: 100%;
			background-color: ;

		}
			.ContactInfoHeading {
				text-align: center;
				font-style: italic;
				color: black;
				text-shadow: 1px 1px black;
				
			}



.ContactDetails {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 30px;

	font-size: 20px;
	text-align: center;
	line-height: 30px;
	color: black;
	font-weight: bold;

}

















.PhysicalAddress {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 10px;
	font-size: 30px;
	font-weight: bold;
	background-color: rgba(0,0,0,0.5);
	color: white;
	text-shadow: 1px 1px 8px black;
	box-shadow: 1px 1px 8px black;
	border: 2px solid white;
	text-align: center;
	margin-bottom: 20px;
}








.QWFooterContainer {
	background-image: url("Images/milky-way.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 50px;
	width: 100%;
}
	.QWFooter {
		display: block;
		height: 50px;
		width: 100%;
		background-color: rgba(78,78,78,1);
		background-color: rgba(0,0,0,0.5);
		border-top: 2px solid rgb(78,78,78);
		border-top: 1px solid white;
	}
		.QWFooterInfo {
			display: block;
			height: 50px;
			width: 400px;
			margin-left: auto;
			margin-right: auto;
		}
			.QWFooterLeftCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 50%;
				width: 150px;
				background-color: ;
			}
				.QWFooterLeftCellBlock {
					display: block;
					margin-left: auto;
					margin-right: auto;
					height: 100%;
					width: 100%;
				}

					.QWImageReference {
						display: block;
						margin-left: auto;
						margin-right: auto;
						text-decoration: none;
						width: 80px;
						height: 50px;
						width: 100%;
						height: 100%;
						border-radius: 20px;
						background-color: ;
					}
						.QWFooterLogo {
							display: block;
							margin-left: auto;
							margin-right: auto;
							width: 100%;
							height: 90%;
							/*width: 140%;
							height: 140%;*/
							object-fit: contain;
							border-radius: 20px;
							background-color: ;
							text-decoration: none;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
						}


			.QWFooterRightCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 50%;
				width: 250px;
				background-color: ;
			}			
				.QWFooterRightCellBlock {
					display: block;
					margin-left: auto;
					margin-right: auto;
					height: 100%;
					width: 100%;
					height: 80%;
					height: 70%;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
				}
					.QWFooterRightCellBlockTop {
						display: block;
						margin-left: auto;
						height: 50%;
						width: 100%;
						margin-top: 2px;
					}
						.DevelopedBy {
							display: block;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							color: white;
							font-weight: ;
							font-size: 10px;
							color: rgba(0,0,0,0.5);
							color: white;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
						}


					.QWFooterRightCellBlockBottom {
						display: block;
						margin-left: auto;
						margin-right: auto;
						height: 50%;
						width: 100%;
					}
						.QWWebsite {
							display: block;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							color: white;
							font-weight: ;
							font-size: 10px;
							color: rgba(0,0,0,0.5);
							color: white;
							text-decoration: none;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
						}






/*Fading Slides*/
/*
#mySlides1 {
	animation: SlideFadeOne 4s infinite;
}
@keyframes SlideFadeOne {
	0% {opacity: 0;}
	25% {opacity: 1;}
	50% {opacity: 0;}
	75% {opacity: 0;}
	100% {opacity: 1;}
}
#mySlides2 {
	animation: SlideFadeTwo 4s infinite;
}
@keyframes SlideFadeTwo {
	0% {opacity: 0;}
	25% {opacity: 1;}
	50% {opacity: 0;}
	75% {opacity: 0;}
	100% {opacity: 1;}
}
#mySlides3 {
	animation: SlideFadeThree 4s infinite;
}
@keyframes SlideFadeThree {
	0% {opacity: 0;}
	25% {opacity: 1;}
	50% {opacity: 0;}
	75% {opacity: 0;}
	100% {opacity: 1;}
}
#mySlides4 {
	animation: SlideFadeFour 4s infinite;
}
@keyframes SlideFadeFour {
	0% {opacity: 0;}
	25% {opacity: 1;}
	50% {opacity: 0;}
	75% {opacity: 0;}
	100% {opacity: 1;}
}*/




.LogoRectangle {
	/*margin: 0;
	padding: 0;
	position: fixed;*/
	position: fixed;
	top: ;
	right: ;
	/*top: 5%;*/
	right: 2%;
	bottom: 5%;
	width: 200px;
	height: 70px;
	/*border: 3px solid white;*/
	border-radius: 5px;
	/*border-radius: 10px;*/
	box-shadow: 1px 1px 8px black;
	background-color: black;
	background-color: rgba(0,0,0,0.4);

	/*animation: ChangeBackground 5s infinite;*/

	text-decoration: none;
}

	@keyframes ChangeBackground {
		0% {background-color: royalblue}
		8.333% {background-color: yellow}
		16.667% {background-color: royalblue}
		25.000% {background-color: yellow}
		33.333% {background-color: royalblue}
		41.667% {background-color: yellow}
		50.000% {background-color: royalblue}
		58.333% {background-color: yellow}
		66.667% {background-color: royalblue}
		75.000% {background-color: yellow}
		83.333% {background-color: royalblue}
		91.667% {background-color: yellow}
		100.00% {background-color: royalblue}
	}


	.Logo {
		text-align: center;
		line-height: 70px;
		color: white;
		text-shadow: 1px 1px 8px royalblue;
		font-size: 20px;
		font-weight: bold;

		/*animation: LogoInAndOut 4s infinite;*/
	}

		@keyframes LogoInAndOut {
			0% {transform: scale(0.5);}
			50% {transform: scale(1);}
			100% {transform: scale(0.5);} 
		}