body {
	margin: 0;

	font-family: calibri;

	/*background-image: url("Images/BluePave.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;*/

	background-color: rgba(0,0,0,0.8);
	/*background-color: white;*/
}






.NavBar {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	height: 50px;
	width: 100%;
	background-color: rgba(0,176,240,1);
	/*background-color: black;*/
	background-color: white;

	position: fixed;
	z-index: 4;
	z-index: 5;

	border-bottom: 10px solid rgba(0,0,0,0.8);
	/*border-bottom: 10px solid rgba(0,0,0,0.5);*/

	/*border-bottom: 3px solid rgb(20,25,145);
	border-bottom: 2px solid cyan;
	box-shadow: 2px 2px 4px rgb(20,25,145);*/
	/*box-shadow: 1px 1px 1px black;*/

	/*background-color: black;*/



	/*background-image: url("Images/BluePave.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;*/
}
	.NavBarLogoCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 300px;

	}
		.NavBarLogoCellBlock {
			display: block;
			height: 100%;
			width: 100%;

			background-color: white;
		}
			.NavBarLogoCellBlockWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);

				font-size: 30px;
				color: cyan;
				text-align: center;
				font-weight: ;
				text-shadow: 0.5px 0.5px black;
			}

	.NavBarCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 200px;
	}
	.SmallNavBarCell {
		display: table-cell;
		display: none;
		float: left;
		height: 100%;
		width: 200px;
	}

		.NavBarLink {
			display: block;
			height: 100%;
			width: 100%;
			text-decoration: none;
		}
		.NavBarLink:hover {
			cursor: pointer;
		}
			.NavBarCellBlock {
				display: block;
				height: 100%;
				width: 100%;
			}
			.NavBarCellBlock:hover {
				/*cursor: pointer;*/
			}
				.NavBarCellBlockWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 30px;
					font-weight: ;
					color: white;
					color: rgba(0,176,240,1);
					color: rgba(0,0,0,0.7);
					/*text-shadow: 1px 1px black;*/
					transition: text-shadow 1s;
					transition: font-size 0.5s;

					/*border-right: 3px solid white;*/
					text-align: center;
				}
				.NavBarCellBlockWords:hover {
					/*text-shadow: 1px 1px 4px rgba(20,25,145,1);
					text-shadow: 0.5px 0.5px 1px black;*/
					/*font-size: 35px;*/
				}




.SmallNavBar {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	width: 100%;
	background-color: gold;

	position: fixed;
	z-index: 4;

	border-bottom: 3px solid rgb(20,25,145);
	box-shadow: 2px 2px 4px rgb(20,25,145);
	box-shadow: 2px 2px 4px black;
}
	.SmallNavBarLogoCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 250px;

	}
		.SmallNavBarLogoCellBlock {
			display: block;
			height: 100%;
			width: 100%;

			background-color: white;
		}
			.NavBarLogoCellBlockLogo {
				display: block;
				height: 90%;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				width: 100%;

				object-fit: contain;
			}


	.SmallNavBarBurgerCell {
		display: table-cell;
		float: right;
		height: 80px;
		width: 80px;

		background-color: ;
	}
		.SmallNavBarBurger {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 40px;
			width: 40px;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			background-color: ;

		/*transition: box-shadow 1s;*/
			transition: height 0.5s;
			transition: width 0.5s;
		}

		.SmallNavBarBurger:hover {
			/*box-shadow: 1px 1px 4px rgba(20,25,145,1);*/
			height: 50px;
			width: 50px;
			cursor: pointer;
		}


			.SmallNavBarBurgerBlock {
				display: block;
				height: 33.333%;
				width: 100%;
				background-color: ;
			}
				.SmallNavBarBurgerLine {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					height: 40%;
					width: 90%;
					background-color: white;

					border-radius: 10px;
				}






.NavBarSeperator {
	display: block;
	height: 80px;
	height: 50px;
	height: 60px;
	width: 100%;
} 








.LogoBox {
	/*margin-top: 30px;*/
	margin-bottom: 30px;
	display: block;
	height: 170px;
	width: 100%;

	/*border-top: 2px solid cyan;
	border-bottom: 2px solid cyan;*/
	background-color: white;

	background-image: url("Images/Normad Logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}









.ServicesPanel {
	display: block;
	height: 200px;
	width: 100%;
	background-color: ;
	margin-top: 30px;
	margin-bottom: 30px;

	margin-top: 100px;
	margin-bottom: 100px;
}
	.ServicesPanelCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 25%;
	}
		.ServicesPanelCellBlock {
			display: block;
			height: 100%;
			width: 100%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;

			/*box-shadow: 1px 1px 8px white;*/
		}
		.ServicesPanelCellBlock1 {
			background-image: url("Images/BackgroundImage1.png");
		}
		.ServicesPanelCellBlock2 {
			background-image: url("Images/BackgroundImage2.png");
		}
		.ServicesPanelCellBlock3 {
			background-image: url("Images/BackgroundImage3.png");
		}
		.ServicesPanelCellBlock4 {
			background-image: url("Images/BackgroundImage4.png");
		}


.ServicesWordPanel {
	display: block;
	height: 100px;
	width: 100%;
}
	.ServicesWordPanelCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 25%;
	}
		.ServicesWordPanelCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
		.ServicesWordPanelCellBlockImg {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 80%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			/*box-shadow: 1px 1px 5px white;*/
		}
		.ServicesWordPanelCellBlock1 {
			background-image: url("Images/BackgroundImage1.jpg");
		}
		.ServicesWordPanelCellBlock2 {
			background-image: url("Images/BackgroundImage2.jpg");
		}
		.ServicesWordPanelCellBlock3 {
			background-image: url("Images/BackgroundImage3.jpg");
		}
		.ServicesWordPanelCellBlock4 {
			background-image: url("Images/BackgroundImage4.jpg");
		}


.ServicesIconPanel {
	display: block;
	height: 50px;
	width: 100%;
}
	.ServicesIconPanelCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 25%;
	}
		.ServicesIconPanelCellBlock {
			display: block;
			height: 100%;
			width: 100%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
		}
		.ServicesIconPanelCellBlock1 {
			background-image: url("Images/BackgroundImage1.jpg");
		}
		.ServicesIconPanelCellBlock2 {
			background-image: url("Images/BackgroundImage2.jpg");
		}
		.ServicesIconPanelCellBlock3 {
			background-image: url("Images/BackgroundImage3.jpg");
		}
		.ServicesIconPanelCellBlock4 {
			background-image: url("Images/BackgroundImage4.jpg");
		}












.WhatWeDo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 200px;

}
	.WhatWeDoBlock {
		display: block;
		height: 50px;
		width: 200px;
		width: 100%;
		border: 2px solid cyan;
		/*background-color: white;*/
	}
		.WhatWeDoBlockItem {
			display: block;
			height: 100%;
			width: 100%;
			/*background-color: white;*/
		}
			.WhatWeDoBlockItemWords {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin-left: auto;
				margin-right: auto;
				font-size: 15px;
				font-weight: bold;
				color: cyan;
				text-align: center;
			}





.CatalogueInvuContainer {
	display: block;
	width: 100%;
	height: auto;
}

	.CatalogueInvuCell {
		display: table-cell;
		width: 25%;
		float: left;
		background-color: ;
		overflow: hidden;
	}

		.CatalogueInvuLink {
			text-decoration: none;
		}

			.CatalogueInvu {
				width: auto;
				text-align: center;
				height: ;
				background-color: ;
				width: 100%;
				padding-top: 100%;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;
				transition: transform .5s;
			}

			.CatalogueInvu:hover {
				-ms-transform: scale(1.1); /*IE 9*/
				-webkit-transform: scale(1.1); /*Safari 3-8*/
				transform: scale(1.1);
			}
			#CatalogueInvu1 {
				background-image: url("Images/BackgroundImage1.jpg");
			}
			#CatalogueInvu2 {
				background-image: url("Images/BackgroundImage2.jpg");
			}
			#CatalogueInvu3 {
				background-image: url("Images/BackgroundImage3.jpg");
			}
			#CatalogueInvu4 {
				background-image: url("Images/BackgroundImage4.jpg");
			}


.CatalogueInvuLinkWords {
	display: block;
	width: 100%;
	background-color: coral;
	height: 20px;
}







































.Mission {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 100px;*/
	/*margin-bottom: 50px;*/


	/*background-image: url(Images/IMAGE.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;*/
}
	.MissionHeading {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 50px;
		width: 100%;
		/*background-color: rgba(0,0,0,0.5);
		background-color: black;*/

		/*margin-top: 10px;
		margin-bottom: 10px;*/
		/*background-color: white;
		background-color: rgba(0,0,0,0.8);*/

		/*border-top: 3px solid white;
		border-left: 3px solid white;
		border-right: 3px solid white;*/
	}
		.MissionHeadingWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);

			font-size: 40px;
			color: rgba(0,176,240,1);
			/*color: white;*/
			color: rgba(0,0,0,0.8);
			color: white;
			text-align: center;
			color: rgba(0,176,240,1);

			font-weight: bold;
			/*font-style: italic;*/
			font-family: arial;
		}

	.MissionWording {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;

		/*border-left: 3px solid rgba(0,176,240,1);
		border-right: 3px solid rgba(0,176,240,1);

		border-left: 3px solid white;
		border-right: 3px solid white;*/

		/*background-color: rgba(0,0,0,0.3);
		background-color: rgba(0,176,240,1);*/
		padding-top: 10px;
		padding-bottom: 10px;
	}
		.MissionWordingWords {
			display: block;
			margin-left: auto;
			margin-right: auto;

			font-size: 20px;
			/*text-shadow: 0.25px 0.25px 0.5px black;*/
			color: rgba(0,176,240,1);
			text-align: center;
			/*margin: 10px;*/
			color: white;


		}











.Conclusion {
	display: block;
	height: 80px;
	width: 100%;
	background-color: ;
	/*margin-top: 40px;*/
	margin-bottom: 40px;
	/*border-top: 5px solid grey;
	border-bottom: 5px solid grey;*/
	/*box-shadow: inset 1px 1px 5px rgba(0,176,240,1);*/
	/*background-color: rgba(0,0,0,0.5);*/
}
	.ConclusionWords {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-shadow: 1px 1px rgba(0,0,0,0.5);
		font-size: 30px;
		text-align: center;
		color: rgba(0,176,240,1);
		font-weight: bold;
		font-style: italic;
		color: white;

		color: rgba(0,176,240,1);
	}












.ServicesOffered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*background-color: white;*/
	/*background-color: rgba(0,0,0,0.8);*/

	/*background-color: rgba(0,176,240,1);*/


	background-image: url(Images/IMAGE.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;
}


.ServicesOfferedInside {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}


	.ServicesOfferedHeading {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 50px;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		background-color: black;
		/*margin-top: 10px;
		margin-bottom: 10px;*/
		background-color: white;
		background-color: rgba(0,0,0,0.8);
		/*border-bottom: 3px solid white;
		border-left: 3px solid white;
		border-right: 3px solid white;*/
	}
		.ServicesOfferedHeadingWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);

			font-size: 40px;
			color: rgba(0,176,240,1);
			/*color: white;*/
			color: rgba(0,0,0,0.8);
			color: white;

			text-align: center;
			font-weight: bold;
			/*font-style: italic;*/
			font-family: arial;
		}

	.ServicesOfferedItems {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		height: 394px;

		/*background-color: black;*/
	}
		.ServicesOfferedItemBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.ServicesOfferedItemBlockCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 50%;
			}
				.ServicesOfferedItemBlockCellBlock {
					display: block;
					height: 100%;
					width: 100%;

					background-color: ;
				}
					.ServicesOfferedItem {
						display: block;
						margin-left: auto;
						margin-right: auto;
						height: 50px;
						width: 400px;
						margin-top: 10px;
						margin-bottom: 10px;
						border: 2px solid rgba(0,176,240,1);
						border-radius: 10px;
					}
						.ServicesOfferedItemWords {
							display: block;
							margin-left: auto;
							margin-right: auto;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							font-size: 20px;
							color: white;
							text-align: center;

							font-weight: bold;
							font-style: italic;
						}












.ContactTitle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*position: relative;
	top: 50%;
	transform: translateY(-50%);*/

	/*height: 50px;*/
	height: 200px;
	width: 100%;
	/*background-color: rgba(0,176,240,1);
	background-color: rgba(0,0,0,0.8);*/
	/*margin-top: 30px;
	margin-bottom: 30px;*/
	/*border-top: 2px solid rgba(0,176,240,1);
	border-bottom: 2px solid rgba(0,176,240,1);*/
}
	.ContactTitleWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);

		font-size: 100px;
		color: rgba(0,176,240,1);
		/*font-style: italic;*/
		text-align: center;
		font-weight: bold;
		font-family: arial;
		/*font-style: italic;*/
	}




.ContactUsTable {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 80%;
	background-color: cyan;
	margin-top: 10px;
	margin-bottom: 10px;
}

	.ContactUsTableCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.ContactUsTableCellBlock {
			display: block;
			height: 100%;
			width: 100%;
			background-color: ;
		}
			.ContactUsTableCellBlockItem {
				display: block;
				height: 33.333%;
				width: 100%;
			}
				.ContactUsTableCellBlockItemWord {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);

					font-size: 30px;
					color: white;
					text-align: center;
				}






/*Contact Form*/


.ContactBody {
	display: block;
	/*height: 400px;*/
	width: 100%;
	/*background-image: url("Images/Picture1.png");
	background-image: url("Images/Img3.jpg");*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;

	padding-top: 100px;
	padding-bottom: 100px;


	background-color: white;
}




.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;*/
	border: 2px solid black;
	border: 2px solid rgba(255,215,0,1);
	border: 3px solid rgba(0,176,240,1);
	border: 3px solid black;

	background-color: rgba(0,176,240,0.3);
	background-color: rgba(0,0,0,0.3);
	border-radius: 12px;
	/*box-shadow: 2px 2px 8px black;*/

	/*background-color: orange;*/

	background-image: url("Images/Img3.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	box-shadow: 1px 1px 8px black;
}
	.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;
		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;*/
	}


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


			.ContactForm {
				height: 400px;
				width: 500px;
				width: 90%;
				/*border: 1px solid black;
				border: 1px solid rgba(255,215,0,1);
				border: 1px solid rgba(0,176,240,1);*/
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				/*background-color: rgba(255,255,255,0.5);
				background-color: rgba(255,215,0,0.5);
				background-color: rgba(0,176,240,0.5);*/

				/*background-image: url("Images/TreeFelling/TreeBackground4.jpg");
				background-image: url("Images/Img3.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: black;
							text-shadow: 1px 1px 8px white;
							/*color: black;*/
							/*font-weight: bold;*/
							text-align: center;

							color: white;
							text-shadow: 1px 1px 2px black;
							/*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: 1px solid black;
							/*margin-left: 23px;*/

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

						font-size: 16px;
					}
					.ContactFormSubmitButton {
						width: 100px;
						height: 30px;
						border: 1px solid black;
						/*margin-left: 200px;*/
						display: block;
						margin-left: auto;
						margin-right: auto;
						color: white;
						/*color: black;*/
						background-color: rgba(0,0,0,0.3);
						/*background-color: rgba(0,176,240,0.5);*/

						margin-top: 10px;
						font-weight: bold;
						font-size: 20px;

						transition: 1.2s;
					}
					.ContactFormSubmitButton:hover {
						cursor: pointer;
						box-shadow: 1px 1px 4px 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;
				
			}




.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);
		/*background-color: grey;*/
		/*background-color: rgba(0,0,0,1);*/
		border-top: 2px solid rgb(78,78,78);
		border-top: 1px solid white;

		/*width: 350px;
		margin-left: auto;
		margin-right: auto;*/
	}
		.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;
						/*background-color: grey;*/
						/*padding-left: 10px;
						padding-right: 10px;*/
						width: 80px;
						height: 50px;
						width: 100%;
						height: 100%;
						border-radius: 20px;
						background-color: ;
					}
						.QWFooterLogo {
							display: block;
							margin-left: auto;
							margin-right: auto;
							/*height: 50px;
							width: 200px;*/
							width: 100%;
							height: 90%;
							/*width: 140%;
							height: 140%;*/
							object-fit: contain;
							/*margin-top: 2.5px;
							margin-bottom: 2.5px;*/

							border-radius: 20px;
							background-color: ;
							text-decoration: none;

							/*width: 400px;*/

							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;
							/*height: 15px;
							line-height: 15px;*/
							color: white;
							font-weight: ;
							font-size: 10px;
							/*text-shadow: 1px 1px 8px white;*/
							color: rgba(0,0,0,0.5);
							color: white;
							/*line-height: 25px;*/
							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;
							/*height: 15px;
							line-height: 15px;*/
							/*height: 50%;*/

							color: white;
							font-weight: ;
							font-size: 10px;
							/*text-shadow: 1px 1px 8px white;*/

							color: rgba(0,0,0,0.5);
							color: white;

							text-decoration: none;

							/*width: 400px;*/
							/*padding-left: 10px;
							padding-right: 10px;*/

							/*line-height: 25px;*/
							position: relative;
							top: 50%;
							transform: translateY(-50%);
						}


















/*
.ContactUsSeperator {
	display: block;
	height: 50px;
	width: 100%;
}*/

.Footer {
	display: block;
	height: 225px;
	width: 100%;
	/*background-color: rgba(0,176,240,1);*/
	border-top: 10px solid rgba(0,176,240,1);
	border-top: 10px solid rgba(0,0,0,0.0);

	box-shadow: inset 1px 1px 8px white;
}
	.FooterLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 35%;
	}
		.FooterCellBlockImg {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 90%;
			
			background-image: url("Images/Normad Logo.png");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			/*background-attachment: fixed;
			background-bottom: 0;
			background-width: 100%;*/
		}

	.FooterCenterCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 35%;
	}

		.FooterCellBlockWriting {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);

			text-align: center;
			font-size: 20px;
			font-weight: ;
			color: white;
		}

	.FooterRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 30%;
		background-color: white;
	}

		.FooterCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}

			.GMap {
				display: block;
			}










/*Gallery*/

.ProjectsBox {
	display: block;
	height: 700px;
	width: 100%;
	background-color: ;
}
	.ProjectsBoxLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: ;
	}
		.ProjectsBoxLeftCellBlock {
			display: block;
			height: 100%;
			width: 100%;
			background-color: ;
		}
	.ProjectsBoxRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: ;
	}
		.ProjectsBoxRightCellBlock {
			display: block;
			height: 100%;
			width: 100%;
			background-color: ;
		}





.ReferencesHeading {
	display: block;
	height: 200px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
/*	background-color: white;*/
}
	.ReferencesHeadingWord {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 80px;
		text-align: center;
		color: rgba(0,176,240,1);
		/*text-shadow: 1px 1px black;*/
		font-family: arial;

		/*font-style: italic;*/
		font-weight: bold;
		text-shadow: 1px 1px 4px white;
	}

	.ReferencesHeadingImage {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		height: 100%;
		width: 100%;
		object-fit: contain;
	}





.References {
	display: block;
	height: 400px;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;

	/*background-color: rgba(0,0,0,0.5);*/
}
	.ReferencesCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.ReferencesCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
		.ReferencesCellBlockLeft {
			background-color: ;
		}
		.ReferencesCellBlockRight {
			background-color: ;
		}

.ReferencesLeft {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 95%;
	width: 95%;
	width: 410px;
	width: 80%;
	height: 360px;
	background-color: rgba(0,0,0,0.4);
	/*border-radius: 24px;*/
	border: 3px solid rgba(0,176,240,1);
	box-shadow: 1px 1px 5px black;
}
.ReferencesRight {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 95%;
	width: 95%;
	width: 410px;
	width: 80%;
	height: 360px;
	background-color: rgba(0,0,0,0.4);
	/*border-radius: 24px;*/
	border: 3px solid rgba(0,176,240,1);
	box-shadow: 1px 1px 5px black;
}
	.ReferencesWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		/*margin-left: 30px;*/
		background-color: ;
		width: 400px;
		/*color: rgba(0,176,240,1);*/
		color: white;
	}
		.ReferencesArea {
			font-style: italic;
			color: white;
			color: rgba(0,176,240,1);
		}



















.SlideAndViewGalleryButton {
	height: 500px;
	width: 100%;

	background-color: white;
}
	.SlideAndViewGalleryButtonLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: ;
	}
	.SlideAndViewGalleryButtonRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: ;
	}
		.SlideAndViewGalleryButtonCellBlock {
			display: block;
			height: 100%;
			width: 100%;
			background-color: ;
		}
		.SlideAndViewGalleryButtonCellBlockLeft {
			background-color: rgba(0,176,240,1);
		}
		.SlideAndViewGalleryButtonCellBlockRight {
			/*background-color: rgba(0,176,240,1);*/
		}





			.ViewGalleryButtonContainer {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				width: 100%;
				height: 200px;
				height: 150px;
			}
				.ViewGalleryButton {
					display: block;
					margin-left: auto;
					margin-right: auto;
					/*position: relative;
					top: 50%;
					transform: translateY(-50%);*/
					height: 89px;
					width: 400px;
					width: 350px;
					height: 150px;
					height: 100%;
					background-color: rgba(0,0,0,0.8);
					border: 3px solid rgba(0,176,240,1);
					box-shadow: 1px 1px 5px black;
					text-decoration: none;
					background-color: white;
					box-shadow: 1px 1px 8px black;

					border-radius: 20px;

					transition: 1s;
				}
				.ViewGalleryButton:hover {
					box-shadow: none;
					transform: scale(1.1);
					/*box-shadow: inset 1px 1px 8px black;*/
				}

					.ViewGalleryButtonInside {
						display: block;
						height: 100%;
						width: 100%;
					}
						.ViewGalleryButtonWords {
							display: block;
							margin-left: auto;
							margin-right: auto;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							font-size: 80px;
							font-size: 3.5vw;
							text-align: center;
							color: white;
							font-family: arial;
							text-shadow: 1px 1px 8px black;
						}
						.ViewGalleryButtonInsideImage {
							display: block;
							margin-left: auto;
							margin-right: auto;
							/*position: relative;
							top: 50%;
							transform: translateY(-50%);*/
							height: 100%;
							width: 100%;
							object-fit: cover;
							object-fit: contain;
							border-radius: 20px;
						}




/*

.SlideshowContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	height: 400px;
	width: 80%;
	background-color: rgba(0,0,0,0.8);
	margin-top: 50px;
	margin-bottom: 50px;
}
	

.slideshow-container {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	border-top: 2px solid rgba(0,176,240,1);
	border-bottom: 2px solid rgba(0,176,240,1);
	max-width: 1000px;
	position: relative;
	margin: auto;
	max-width: 100%;
	height: 450px;
	height: 300px;
	background-color: white;
    background-image: url("Images/Normad Logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}


.mySlides {
	display: none;
}

.mySlidesImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 450px;
	height: 300px;
	object-fit: cover;
}


.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  color: rgba(0,176,240,1);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.text {
  color: #f2f2f2;
  font-size: 15px;
  position: absolute;
  bottom: 8px;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  background-color: ;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


.SlidePointBox {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 300px;
}
	.SlidePointBoxTop {
		display: block;
		height: 250px;
		width: 100%;
		background-color: ;
	}
		.SlidePointBoxTopInside {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 90%;
			width: 90%;
			background-color: rgba(0,0,0,0.8);
			padding-left: 20px;
			padding-right: 20px;
		}
			.SlidePointBoxTopInsideWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				width: 100%;
				font-size: 35px;
				color: white;
				font-weight: bold;
				font-family: calibri;
				text-align: left;
			}
	.SlidePointBoxBottom {
		display: block;
		height: 50px;
		width: 100%;
		background-color: ;
	}
		.SlidePointBoxBottomInside {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 90%;
			width: 90%;
			background-color: rgba(217,34,20,0.8);
			text-decoration: none;
		}
			.SlidePointBoxBottomInsideWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				width: 100%;
				font-size: 30px;
				color: white;
				font-weight: bold;
				font-family: calibri;
				text-align: center;
				background-color: ;
			}


*/













.SlidesContainerContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 500px;
	width: 100%;
	width: 800px;

	width: 90%;
	height: 90%;

	/*margin-top: 20px;
	margin-bottom: 20px;*/
}

.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: 3px solid rgba(0,176,240,1);
		border: 3px solid rgba(0,0,0,0);


		/*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%);*/
	}












/*Gallery*/


.GalleryHeadingContainer {
	display: block;
	height: 100px;
	height: 220px;
	width: 100%;
	background-color: white;
	background-color: rgba(0,176,240,1);

	/*display: block;
	margin-left: auto;
	margin-right: auto;
	height: 230px;
	width: 100%;
	background-color: rgba(0,0,0,0.7);*/



	/*position: absolute;*/
	/*position: fixed;*/
	z-index: 4;
}
	.GalleryHeading {
		display: block;
		/*margin-left: auto;
		margin-right: auto;*/
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);

		height: 100%;
		width: 400px;
		object-fit: contain;
	}



.content {
	padding: 16px;
	/**/
	/*padding: 100px;*/
	/*background-color: green;*/

	padding: 10px;
}









.top-container {
	/*background-color: grey;
	padding: 30px;
	text-align: center;*/
	text-align: center;
	height: 50px;

	/*height: 150px;*/
	background-color: ;
}

.header {
	/*display: block;
	margin-left: auto;
	margin-right: auto;
	height: 230px;
	width: 100%;
	background-color: rgba(0,0,0,0.7);*/

	/*position: absolute;*/
	/*position: fixed;*/
	/*z-index: 4;*/

	/*z-index: 1;*/
}

	.HeaderTop {
		display: block;
		height: 80px;
		height: 60px;
		/**/
		/*height: 60px;*/
		/**/
		width: 100%;
	}
	.HeaderLogo {
		display: block;
		height: 150px;
		width: 100%;
	/*	background-color: green;*/

		background-image: url("Images/GalleryHeading.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;

		margin-top: 5px;
	}

/*
.content {
	padding: 16px;
	padding: 10px;
}*/

.sticky {
	position: fixed;
	top: 0;
	/**/
	/*top: 60px;*/
	/**/
	width: 100%;
}

.sticky + .content {
	padding-top: 240px;
}



.SpaceFiller {
	display: block;
	height: 1500px;
	width: 100%;
	background-color: ;
}



.BackgroundPictures {
	background-image: url("Images/Background14.jpg");
	background-size: cover;
	width: 100%;
	/*height: 600px;*/
	/*background-attachment: fixed;*/
	background-position: 50% 19.5%, 50% 120%;
	background-repeat: no-repeat, no-repeat;
	/*height: 100vh;
	min-height: 700px;
	overflow: auto;
	overflow-x: hidden;*/

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;

}
	.BackgroundPicturesCell {
		display: table-cell;
		float: left;
		height: 150px;
		height: 300px;
		width: 200px;

		height: 200px;
		width: 300px;

		margin: 10px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 100px;
	}
		.BackgroundPicturesImage {
			height: 150px;
			height: 300px;
			width: 200px;

			height: 200px;
			width: 300px;

			object-fit: cover;
			display: block;
			margin-left: auto;
			margin-right: auto;
			border: 2px solid rgba(0,176,240,1);
			box-shadow: 1px 1px 8px rgba(0,176,240,1);
		}
		/*::-webkit-scrollbar-thumb {
			box-shadow: inset 0 0 5px rgb(78,78,78);
			background-color: rgba(0,255,255,0.8);
			box-shadow: 0 0 5px cyan;
		}*/
		.BackgroundPicturesImageLogo {
			border: 2px solid rgba(0,0,0,0);
			box-shadow: 1px 1px 8px rgba(0,0,0,0);
			object-fit: contain;
		}








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

	background-color: white;
	border-radius: 20px;
	transition: 1s;
	text-decoration: none;
}
.LogoRectangle:hover {
	transform: scale(1.1);
	box-shadow: 1px 1px 8px rgba(0,0,0,0);
}

	.Logo {
		display: block;
		height: 80%;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);



		text-align: center;
		/*line-height: 70px;*/
		color: white;
		text-shadow: 1px 1px black;
		font-size: 20px;
		font-weight: bold;

		/*animation: LogoInAndOut 4s infinite;*/

		background-image: url("Images/NP-GalleryBtn.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;

		text-decoration: none;
	}

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





.TestFiller {
	display: block;
	height: 1000px;
	width: 100%;

	background-color: black;
}