body {
	font-family: calibri;
	/*font-family: Verdana, sans-serif;*/
	margin: 0;



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


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


.NavBar {
	display: block;
	height: 50px;
	width: 100%;
	position: fixed;
	/*background-image: linear-gradient(0deg, lightgrey, white 40%, white 60%, lightgrey);*/
	/*background-color: blue;*/
	border-bottom: 4px solid rgba(217,34,20,1);
	/*box-shadow: 1px 1px 2px black;*/

	background-color: white;
	z-index: 4;
}
	.NavBarLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		/*width: 200px;*/
		width: 50%;
	}
	.NavBarRightCell {
		display: table-cell;
		float: right;
		height: 100%;
		/*width: 400px;*/
		width: 50%;

		background-color: ;
	}
		.NavBarCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.NavBarLinks {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				height: 90%;
				width: 600px;
			}
				.NavBarLinksCell {
					display: table-cell;
					float: left;
					height: 100%;
					width: 25%;
				}
					.NavBarLinksCellBlock {
						display: block;
						height: 100%;
						width: 100%;
					}
						.NavbarLink {
							display: block;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							font-size: 20px;
							color: grey;
							text-align: center;
							text-decoration: none;

							transition: 1s;
						}
						.NavbarLink:hover {
							/*text-decoration: underline;*/
							color: rgba(217,34,20,1);
						}


/*Small NavBar*/
.SmallNavBar {
	display: block;
	/*height: 60px;*/
	height: 50px;
	width: 100%;
	background-color: rgb(78,78,78);

	border-bottom: 3px solid grey;
	/*background-color: rgba(0,0,0,0.7);*/
	z-index: 3;
	position: fixed;
	top: 0;

	display: none;
	height: 50px;
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	background-color: white;
}
	.NavBarLogoCell {
		display:  table-cell;
		float:  left;
		height:  100%;
		width:  30%;
		background-color:  ;
	}


	.BurgerBtn {
		display: block;
		height: 40px;
		width: 40px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		float: right;
		margin-right: 50px;

		border: 2px solid grey;
		border-radius: 5px;

	}
	.BurgerBtn:hover {
		box-shadow: 1px 1px 8px rgba(217,34,20,1);
		cursor: pointer;

		border: 2px solid rgba(217,34,20,1);

	}
		.BurgerBtnInsideBlock {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 60%;
			width: 100%;
		}
			.BurgerButtonBlock {
				display: block;
				width: 100%;
				height: 33.333%;
			}
				.BurgerButtonLine {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					height: 3px;
					width: 80%;
					background-color: grey;
					border-radius: 2px;
				}

	.SmallNavOptions {
		width: 100%;
		height: 250px;
		display: none;
		/*box-shadow: inset 1px 1px 8px black;*/

		background-color: ;

		margin-top: 52px;

	}
		.SmallNavOption {
			display: inline-block;
			background-color: white;
			width: 100%;
			height: 50px;
			text-align: center;
			line-height: 50px;
			border-bottom: 1px solid grey;
			/*display: block;*/
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
			font-size: 20px;
			color: grey;
			text-align: center;
			text-decoration: none;

			transition: 1s;

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

		.SmallNavOption:hover {
			/*background-color: rgba(0,0,0,0.5);*/

			color: rgba(217,34,20,1);
		}






.NavBarSpace {
	display: block;
	height: 54px;
	width: 100%;
}



.NavLogoLink {
	text-decoration: none;
}


.NavBarLogo {
	display: block;
	height: 200px;
	width: 200px;
	top: -40px;
	left: 0;
	position: fixed;
	object-fit: contain;
	z-index: 4;

	/*opacity: 0.8;*/
}



.HeadingBackground {
	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%;

	
}

.Heading {
	display: block;
	height: 250px;
	width: 100%;

	/*background-color: rgba(0,0,0,0.5);*/
	background-color: rgba(78,78,78,0.5);

	/*margin-top: 50px;*/
	margin-bottom: 50px;

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

	.HeadingBlock1 {
		display: block;
		height: 50%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;

	background-color: rgba(0,0,0,0.5);
/*	background-color: white;*/
	}
		.HeadingBlock1Words {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			width: 80%;

			text-align: center;
			color: white;
			font-size: 50px;
			font-weight: bold;
			/*text-decoration: underline;*/

			/*color: blue;*/
		}

	.HeadingBlock2 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 25%;
		/*width: 100%;*/
	}
		.HeadingBlock2Words {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			width: 80%;

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

	.HeadingBlock3 {
		display: block;
		height: 25%;
		/*width: 100%;*/
		margin-left: auto;
		margin-right: auto;
	}
		.HeadingBlock3Words {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			width: 80%;

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










.HomeSlide {
	display: block;
	/*height: 100vh;
	min-height: 700px;*/
	height: 450px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 50px;
	margin-bottom: 50px;*/
	/*border-radius: 10px;*/
	/*margin-top: 100px;*/
	/*position: relative;
	top: 50%;
	transform: translateY(-50%);*/

	border: 4px solid rgba(217,34,20,1);
	box-shadow: 1px 1px 2px black;

	background-color: ;
}








.PartnerWithTitle {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;

	font-size: 50px;
	font-weight: bold;
	color: red;
	text-align: center;

	/*background-color: white;

	box-shadow: 1px 1px 8px black;*/
}



.PartnerWith {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
/*
	border: 4px solid rgba(217,34,20,1);*/

}
	.PartnerWithWriting {
		font-size: 20px;
		text-align: left;

		margin-left: 20px;
		margin-right: 20px;

	}



.ItemContentArea {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	/*height: 500px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
	margin-left: 10%;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;
	/*box-shadow: 0px 0px 8px black;*/
}
	.ItemContentAreaItem {
		display: table-cell;
		float: left;
		height: 400px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 100px;
		width: 300px;
	}
		.ItemContentAreaItemBlock {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 90%;
			width: 250px;
			border-radius: 20px;
			text-decoration: none;
			color: black;
			box-shadow: 0px 0px 8px black;
			transition: 0.5s;
			border: 2px solid white;
			transition: 0.7s;
			background-color: red;
		}
		.ItemContentAreaItemBlockImage {
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 50px;
			margin-bottom: 50px;
			width: 80%;
			height: 400px;
		}
			.ItemContentAreaVideo {
				display: block;
				height: 90%;
				width: 90%;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}
			.ItemContentAreaImage {
				display: block;
				height: 90%;
				width: 90%;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				object-fit: contain;
			}



.ProductsTitle {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;

	font-size: 50px;
	font-weight: bold;
	color: red;
	text-align: center;

	/*background-color: white;
	box-shadow: 1px 1px 8px black;*/
}

.ProductOptionsArea {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	/*height: 500px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
	/*overflow: auto;
	overflow-x: hidden;*/
	margin-left: 10%;
	/*border: 2px solid red;*/

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;
	/*box-shadow: 0px 0px 8px black;*/
}
	
	.ProductOptionContainer {
		display: table-cell;
		float: left;
		height: 120px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 100px;
		width: 240px;
	}
		.ProductItem {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 80px;
			width: 200px;
			border-radius: 20px;
			text-decoration: none;
			color: black;
			box-shadow: 0px 0px 8px black;
			transition: 0.5s;
			border: 2px solid white;
			transition: 0.7s;
			background-color: red;
		}
		.ProductItem:hover {
			cursor: pointer;
			box-shadow: 0px 0px 0px black;
		}
		#OnThisPage {
			box-shadow: inset 0px 0px 8px black, 0px 0px 8px black;
		}

			.ProductItemWords {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 20px;
				text-align: center;
				font-weight: bold;
				color: white;
				/*text-shadow: 0px 1px 1px black;*/
			}



.ProductsBody {
	padding-top: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;

	background-color: ;
}
	.ProductsBodyBlock {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 200px;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 80%;


		border: 4px solid rgba(217,34,20,1);
		/*border: 4px solid grey;*/
		/*background-color: rgba(217,34,20,0.5);*/


		font-size: 20px;
		text-align: center;

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

		text-decoration: none;
		transition: 1s;
	}
	.ProductsBodyBlock:hover {
		/*background-color: rgba(0,0,0,0.3);*/
	}

		.ProductsBodyBlockWords {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 20px;
			text-align: center;
			margin-left: 20px;
			margin-right: 20px;
			color: grey;
		}
			.ProductsBodyBlockTitle {
				font-weight: bold;
				font-size: 30px;
				/*color: rgba(217,34,20,1);*/
				color: black;
			}






.FrontPictures {
	display: block;
	height: 400px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
	.FrontPicturesCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.FrontImage {
			display: block;
			height: 90%;
			width: 90%;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			object-fit: contain;
		}









.LeadingManufacturers {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
	.LeadingManufacturersHeading {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
		.LeadingManufacturersHeadingWords {
			display: block;
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
			font-size: 40px;
			text-align: center;

			font-weight: bold;
		}
	.LeadingManufacturersBody {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
		.LeadingManufacturersBodyWords {
			display: block;
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
			font-size: 20px;
			text-align: center;
		}








.TurnKeyImg {
	display: block;
	width: 100%;
	height: 350px;
}
	.TurnKeyImage {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 20px;
		margin-bottom: 20px;

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

.TurnKeyBody {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	.TurnKeyBodyWords {
			display: block;
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
			font-size: 40px;
			text-align: center;
			color: black;

			font-weight: bold;
	}
















.RTLL_Icons {
	display: block;
	height: 300px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;

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

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

				background-color: ;
			}
				.RTLL_IconsBlockCellBlock {
					display: block;
					height: 100%;
					width: 100%;

					background-color: ;
				}

					.RTLL_IconsBlock1 {
						display: block;
						height: 100%;
						width: 100%;

						background-color: ;
					}
					.RTLL_IconsBlock2 {
						display: block;
						height: 100%;
						width: 100%;

						background-color: ;
					}
					.RTLL_IconsBlock3 {
						display: block;
						height: 100%;
						width: 100%;

						background-color: ;
					}
					.RTLL_IconsBlock4 {
						display: block;
						height: 100%;
						width: 100%;

						background-color: ;
					}

						/*.RTLL_Icons_Icon {
							display: block;
							height: 50%;
							width: 100%;
						}
							.RTLL_Icons_IconImage {
								display: block;
								height: 100%;
								width: 100%;
								margin-left: auto;
								margin-right: auto;

								object-fit: contain;
							}*/
						.RTLL_Icons_Heading {
							display: block;
							height: 30%;
							width: 100%;

							background-color: ;
						}
							.RTLL_Icons_HeadingWords {
								display: block;
								position: relative;
								top: 50%;
								transform: translateY(-50%);

								font-size: 30px;
								text-align: center;
								font-weight: bold;

								color: rgba(217,34,20,1);
							}
						.RTLL_IconsBody {
							display: block;
							height: 70%;
							width: 100%;

							background-color: ;
						}
							.RTLL_IconsBodyWords {
								display: block;
								margin-left: auto;
								margin-right: auto;
								width: 50%;
								/*position: relative;
								top: 50%;
								transform: translateY(-50%);*/

								font-size: 20px;
								text-align: center;
								color: grey;
								/*width: 90%;*/
								width: 70%;

								background-color: ;
							}


.ChooseUs {
	display: block;
	width: 100%;
	height: 100px;
	background-color: rgb(78,78,78);
	/*background-color: slategrey;*/
}
	.ChooseUsLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 60%;
	}
	.ChooseUsRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 40%;
	}
		.ChooseUsCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.ChooseUsWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);

				color: white;
				font-size: 20px;
				font-weight: bold;
				text-align: center;
			}
			.ChooseUsButton {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				border: 2px solid white;
				height: 40px;
				width: 200px;
				border-radius: 30px;

				text-decoration: none;
				transition: 2s;
			}
			.ChooseUsButton:hover {
				background-color: rgba(217,34,20,1);
				border: 2px solid rgba(217,34,20,1);
			}
				.ChooseUsButtonWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);

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







.Footer {
	display: block;
	height: 300px;
	width: 100%;
	background-color: rgb(78,78,78);
}
	.FooterCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 33.333%;
	}
		.FooterCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.FooterTitle {
				display: block;
				height: 15%;
				width: 100%;

				background-color: rgba(217,34,20,1);
			}
				.FooterTitleWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);

					color: white;
					font-size: 20px;
					font-weight: bold;

					text-align: center;
					margin-left: 20px;
					margin-right: 20px;
				}

			.FooterCellBlockBody {
				display: block;
				height: 85%;
				width: 100%;
			}
				.FooterCellBlockBodyWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);

					color: white;
					font-size: 18px;
					margin-left: 20px;
					margin-right: 20px;
				}

				.FooterCellBlockBodyWords1 {
					font-size: 18px;
				}
				.FooterCellBlockBodyWords2 {
					font-size: 18;
				}










/*Home Page Slide Show*/





/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  max-width: 80%;
  height: 300px;
  background-color: white;

  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%;
}







.mySlides {
	display: none;
	/*height: 100%;
	width: 100%;
	object-fit: contain;*/
	/*height: 100%;
	width: 100%;*/

 /*background-image: url("Images/Texture.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
}
/*.mySlides1 {
	background-image: url("Images/Fish1.jpg");
}
.mySlides2 {
	background-image: url("Images/Fish2.jpg");
}
.mySlides3 {
	background-image: url("Images/Fish2.jpg");
}*/


/*img {vertical-align: middle;}*/

.mySlidesImage {
/*	vertical-align: middle;*/
	display: block;
	height: 300px;
/*	height: 100%;*/
}









/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  /*padding: 8px 12px;*/
  position: absolute;
  bottom: 8px;
  width: 90%;
  margin-left: 5%;
 /* display: block;
  margin-left: auto;
  margin-right: auto;*/
  text-align: center;

  background-color: ;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* The dots/bullets/indicators */
.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;
}

/* Fading animation */
.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}
}

/* On smaller screens, decrease text size */
@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%);
				/*height: 100%;*/
				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%);
				/*height: 100%;*/
				width: 100%;

				font-size: 30px;
				color: white;
				font-weight: bold;
				font-family: calibri;
				text-align: center;

				background-color: ;
			}










/*About Us*/

.ExtraUnderNav {
	display: block;
	height: 50px;
	width: 100%;
	background-color: rgba(217,34,20,1);
}




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

	background-color: rgba(217,34,20,1);
}
	.AboutBody1Title {
		display: block;
		height: 100px;
		width: 100%;

		/*margin-top: 50px;*/

	}
		.AboutBody1TitleWords {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 40px;
			color: white;
			font-weight: bold;
			text-align: center;
		}

	.AboutBody1Body {
		display: block;
		height: 500px;
		width: 100%;

		background-color: ;
	}
		.AboutBody1BodyCell {
			display: table-cell;
			float: left;
			width: 50%;
			height: 100%;
		}
			.AboutBody1BodyCellBlock {
				display: block;
				height: 100%;
				width: 100%;
				/*padding-left: 20px;
				padding-right: 20px;*/
				background-color: ;
			}
				.AboutBody1BodyCellBlockWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					color: white;

					font-size: 20px;
					margin-left: 10px;
					margin-right: 10px;


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

					object-fit: cover;
					background-color: ;
				}






.AboutBody2 {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
}
	.AboutBody2Title {
		display: block;
		height: 100px;
		width: 100%;

	}
		.AboutBody2TitleWords {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 50px;
			color: white;
			font-weight: bold;
			text-align: center;
			color: rgba(217,34,20,1);
		}

	.AboutBody2Body {
		display: block;
		height: 500px;

	}
		.AboutBody2BodyCell {
			display: table-cell;
			float: left;
			width: 50%;
			height: 100%;
		}
			.AboutBody2BodyCellBlock {
				display: block;
				height: 100%;
				width: 100%;
				/*padding-left: 20px;
				padding-right: 20px;*/
			}
				.AboutBody2BodyCellBlockWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					color: rgba(217,34,20,1);

					font-size: 20px;
					margin-left: 10px;
					margin-right: 10px;
				}
				.AboutBody2BodyCellBlockImg {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					height: 90%;
					width: 90%;

					object-fit: cover;
				}





/*PRODUCTS*/
.ProductImages {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 100%;
	max-width: 1000px;

	background-color: ;
}
	.ProductImagesCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 25%;
	}
		.ProductImagesCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.ProductImagesCellBlockImg {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				height: 150px;
				width: 150px;

				object-fit: contain;
			}




.BigImages {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 300px;
	width: 100%;
}
	.BigImagesCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 25%;
	}
		.BigImagesCellBlock {
			display: block;
			height: 100%;
			width: 100%;
		}
			.BigImage {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				height: 90%;
				width: 90%;

				object-fit: cover;
			}











/*Videos*/
.VideoBanner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 400px;

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

	/*background-color: rgba(0,0,0,0.3);*/
}
	.VideoBannerCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.VideoBannerCellBlock {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			/*width: 90%;*/


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

		}
			.Video {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 100%;
				width: 100%;
				width: 95%;
				/*width: 50%;*/
			}

			.GalleryImage {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 100%;
				width: 100%;
				object-fit: contain;
			}








/* Contact Page */

/* Contact Form */
.ContactUs {
	display: block;
	width: 50%;

	margin-left: auto;
	margin-right: auto;
	border: 4px solid rgba(217,34,20,1);
	border: 4px solid white;

	margin-top: 50px;
	margin-bottom: 50px;



	background-color: rgb(78,78,78);

}
	.ContactUsHeading {
		display: block;
		height: 100px;
		width: 100%;
		background-color: brown;
		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;

	}

	.ContactFormContainer {
		display: block;
		height: 500px;
		width: 100%;
	}


		.ContactFormContainerLeftCell {
			display: table-cell;
			float: left;
			width: 50%;
			width: 100%;
			height: 100%;
			/*background-color: white;
			background-color: grey;
			background-color: rgba(0,0,0,0.5);
			background-color: rgb(78,78,78);*/
		}


			.ContactForm {
				height: 400px;
				width: 500px;
				width: 90%;
				/*border: 1px solid black;
				border: 1px solid rgba(255,215,0,1);
				border: 2px solid royalblue;
				border: 4px solid rgba(217,34,20,1);*/
				/*box-shadow: 0 0 50px rgba(0,0,0,0.5);*/
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}
				.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;
							color: black;
							/*text-shadow: 1px 1px 8px white;*/
							font-weight: bold;
							text-align: center;
							color: grey;
							color: rgba(217,34,20,1);
							color: white;
						}
						.ContactFormInput {
							width: 200px;
							width: 80%;
							display: block;
							margin-left: auto;
							margin-right: auto;
							height: 30px;
							border: 1px solid black;
							/*background-color: rgba(0,0,0,0.2);*/
							background-color: white;
							/*border: 2px solid lawngreen;
							border: 2px solid white;*/
							font-size: 20px;
							color: black;

							/*box-shadow: inset 1px 1px 4px royalblue;*/
						}
					.ContactFormTextArea {
						width: 400px;
						width: 80%;
						display: block;
						margin-left: auto;
						margin-right: auto;
						/*border: 1px solid black;
						border: 2px solid lawngreen;
						border: 2px solid white;*/
						/*box-shadow: inset 1px 1px 4px royalblue;*/
						height: 100px;
						/*background-color: rgba(0,0,0,0.5);*/
						color: white;
						color: black;
						font-size: 16px;
						/*	background-color: rgba(0,0,0,0.2);*/
						background-color: white;
					}
					.ContactFormSubmitButton {
						width: 100px;
						height: 30px;
						border: 1px solid black;
						display: block;
						margin-left: auto;
						margin-right: auto;
						color: white;
						color: rgba(217,34,20,1);
						color: rgb(78,78,78);
						/*background-color: rgba(0,0,0,0.5);*/
						background-color: rgba(217,34,20,1);
						background-color: white;
						/*border-bottom: 4px solid rgba(217,34,20,1);*/
						margin-top: 10px;
						font-weight: bold;
						font-size: 20px;

						transition: 1s;
					}
					.ContactFormSubmitButton:hover {
						cursor: pointer;
						/*	box-shadow: 1px 1px 4px royalblue;*/
						background-color: rgba(217,34,20,1);
						color: white;
					}


		.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;
			}







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

	border-top: 4px solid rgba(217,34,20,1);
	border-bottom: 4px solid rgba(217,34,20,1);
}













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







/*Video Pages*/


.BacktoProductPage {
	display: block;
	height: 50px;
	width: 100%;
	margin-top: 80px;
}
	.BacktoProductPageLink {
		display: block;
		height: 90%;
		/*width: 100%;*/
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-decoration: none;
		transition: 0.7s;
	}
	.BacktoProductPageLink:hover {
		cursor: pointer;
		background-color: rgba(0,0,0,0.8);
	}

		.BacktoProductPageWords {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 40px;
			font-weight: bold;
			padding-left: 20px;
			color: red;
		}

.ProductTitleArea {
	display: block;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 50px;
}
	.ProductTitle {
		display: block;
		height: 50px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		/*border-radius: 90px;*/
		background-color: red;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		/*border: 2px solid white;*/
		/*box-shadow: inset 0px 0px 8px black, 0px 0px 8px black;*/
	}
		.ProductTitleWords {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 40px;
			text-align: center;
			color: white;
			font-weight: bold;
		}