body {
	margin: 0;
	/*background-color: rgba(0,0,0,0.8);*/

	font-family: arial;
}

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




.CategoriesSlideHeading {
	display: block;
	height: 50px;
	width: 100%;
	background-color: white;

}
	.CategoriesSlideHeadingCell1 {
		display: table-cell;
		float: left;
		height: 100%;
		width: 100%;
		
	}
		.CategoriesSlideHeadingCell1Inside {
			display: block;
			height: 100%;
			width: 100%;
			background-color: rgba(0,0,0,0.8);
			/*transition: 0.5s;*/
			/*box-shadow: inset 0px 0px 0px cyan;*/
		}
		.CategoriesSlideHeadingCell1Inside:hover {
			/*background-color: cyan;*/
			/*box-shadow: inset 0px 0px 8px black;*/
		}
		.CategoriesSlideHeadingCell1Inside:hover .CategoriesSlideHeadingCell1Words{
			/*box-shadow: inset 0px 0px 8px cyan;*/
			color: lawngreen;
		}
			.CellBlockLink {
				text-decoration: none;
			}
				.CategoriesSlideHeadingCell1Words {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 30px;
					color: white;
					font-weight: bold;
					text-align: center;
					transition: 0.5s;
				}

	.CategoriesSlideHeadingCell2 {
		display: table-cell;
		float: left;
		height: 100%;
		width: 300px;
		width: 0%;
		
	}
		.CategoriesSlideHeadingCell2Inside {
			display: block;
			height: 100%;
			width: 100%;
			background-color: cyan;
			transition: 0.5s;
			box-shadow: inset 0px 0px 0px black;
		}
		.CategoriesSlideHeadingCell2Inside:hover {
			/*background-color: rgba(70,130,180,0.5);*/
			box-shadow: inset 0px 0px 8px black;
		}
			.CategoriesSlideWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 30px;
				font-weight: bold;
				color: white;
				text-align: center;
				/*text-shadow: 0px 0px 2px black;*/
			}









.HorizontalSlideContainer {
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-top: 2px solid grey;
	/*border-bottom: 2px solid grey;*/
	/*animation: FadeSlides 10s infinite;*/
	/*background-color: rgba(0,0,0,0.8);*/
	/*background-image: url("Images/BrickWall2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
	/*box-shadow: inset 0px 0px 8px lawngreen;*/
	background-image: url(Images/PolarLights.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;
	/*background-color: lawngreen;*/
}
.HorizontalSlideContainer1 {
	/*border-top: 10px solid cyan;*/
	/*border-top: 10px solid rgba(0,0,0,0.8);
	border-bottom: 10px solid rgba(0,0,0,0.8);*/
	border-top: 5px solid lawngreen;
	border-bottom: 5px solid lawngreen;
	/*border-top: 10px solid cyan;
	border-bottom: 10px solid cyan;*/
}
.HorizontalSlideContainer2 {
	border-top: 10px solid rgba(107,184,52,1);
	border-bottom: 10px solid rgba(107,184,52,1);
}
	@keyframes FadeSlides {
		/*0%{opacity: 0;}
		5%{opacity: 1;}
		95%{opacity: 1;}
		100%{opacity: 0;}*/
		0%{opacity: 0;}
		2%{opacity: 1;}
		98%{opacity: 1;}
		100%{opacity: 0;}
	}
		.SlideBody {
			height: 150px;
			width: 500%;
			display: table;
			/*background-color: rgba(0,0,0,0.8);*/
		}
		.SlideBody1 {
			animation: CategoriesMoveLeft 20s infinite;
		}
		.SlideBody2 {
			animation: MoveRight 70s infinite;
			float: right;
		}
		@keyframes CategoriesMoveLeft {
			/*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%);}
			12.4% {transform: translate(0%);}
			22.4% {transform: translate(-20%);}
			34.8% {transform: translate(-20%);}
			44.8% {transform: translate(-40%);}
			57.2% {transform: translate(-40%);}
			67.2% {transform: translate(-60%);}
			77.6% {transform: translate(-60%);}
			87.6% {transform: translate(-80%);}
			100% {transform: translate(-80%);}
		}

			.HorizontalSlide {
				display: table-cell;
				float: left;
				width: 20%;
				height: 150px;
			}
				.SlideCell {
					display: table-cell;
					float: left;
					width: 25%;
					width: 20%;
					/*width: 14.28%;*/
					height: 150px;
				}
					.Slide {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						width: 80%;
						height: 100px;
						width: 200px;
						display: block;
						margin-left: auto;
						margin-right: auto;
						text-decoration: none;
						/*box-shadow: 2px 2px 4px rgb(78,78,78);*/

					}
					.Slide:hover .SlideCategory{
						box-shadow: 0px 0px 0px lawngreen;
					}

					.Slide {
						border-radius: 20px;
					}
						.SlideCategory {
							display: block;
							margin-left: auto;
							margin-right: auto;
							height: 100%;
							width: 100%;
							object-fit: ;
							border: 2px solid white;
							box-shadow: 0px 0px 8px lawngreen;
							border-radius: 20px;
							transition: 0.5s;
							background-color: white;
						}
							.SlideCategoryTop {
								display: block;
								margin-left: auto;
								margin-right: auto;
								height: 30%;
								/*background-color: rgba(0,0,0,0.2);*/
								border-radius: 20px 20px 0px 0px;
								background-color: lawngreen;
							}
								.SlideCategoryTopWords {
									display: block;
									margin-left: auto;
									margin-right: auto;
									position: relative;
									top: 50%;
									transform: translateY(-50%);
									text-align: center;
									font-size: 20px;
									color: white;
									font-weight: bold;
									text-shadow: 0px 0px 4px black;
								}
									.SlideCategoryTopWordsWord {

									}
									.SlideCategoryTopWordsNumber {
										
									}

							.SlideCategoryBottom {
								display: block;
								margin-left: auto;
								margin-right: auto;
								height: 70%;
								background-color: rgba(0,0,0,0.8);
								border-radius: 0px 0px 20px 20px;
								/*background-image: url("Images/Sky.jpg");
								background-repeat: no-repeat;
								background-position: center center;
								background-size: cover;*/
							}
								.SlideCategoryBottomWords {
									display: block;
									margin-left: auto;
									margin-right: auto;
									position: relative;
									top: 50%;
									transform: translateY(-50%);
									color: white;
									text-align: center;
									font-size: 20px;
									font-weight: bold;
									text-shadow: 0px 0px 4px black;
								}













.HomeBanner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 450px;
	width: 100%;
	/*background-image: url("images/BrickWall2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	backgorund-size: cover;*/
}

.HomeBannerInside {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 100%;
	/*background-color: rgba(0,0,0,0.8);*/
	background-image: url(Images/PolarLights.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;
}
	.HomeBannerTop {
		height: 300px;
		width: 100%;
		background-color: ;
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		/*background-color: rgba(0,0,0,0.2);
		background-color: white;*/
		/*box-shadow: inset 0px 0px 8px black;*/
	}
		.HomeBannerTopInside {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100%;
			width: 70%;
		}
			.HomeBannerTopLeftCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 50%;
			}
				.HomeBannerSearchClassifiedsCellBlock {
					background-color: ;
				}
					.HomeBannerSearchClassifiedsContainer {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						border: 2px solid white;
						box-shadow: 0px 0px 8px cyan;
						width: 300px;
						height: 150px;
						border-radius: 20px;
						border-radius: 90px;
						background-color: white;
					}
						.HomeBannerSearchClassifieds {
							display: block;
							height: 100%;
							width: 100%;
							border-radius: 90px;
							transition: 0.5s;
							text-decoration: none;
							background-color: rgba(0,0,0,0.8);
							/*background-image: url("Images/BrickWall2.jpg");
							backgorund-repeat: no-repeat;
							background-position: center center;
							background-size: cover;*/
							/*transition: 1s;*/
						}
						.HomeBannerSearchClassifieds:hover {
							box-shadow: 0px 0px 0px cyan;
							/*background-color: rgba(0,0,0,0.4);
							background-color: lawngreen;*/
						}
						.HomeBannerSearchClassifieds:hover .HomeBannerSearchClassifiedsWords {
							text-shadow: 0px 0px 8px cyan;
							color: white;
						}
							.HomeBannerSearchClassifiedsWords {
								display: block;
								margin-left: auto;
								margin-right: auto;
								position: relative;
								top: 50%;
								transform: translateY(-50%);
								text-align: center;
								font-weight: bold;
								color: cyan;
								font-size: 30px;
								text-shadow: 0px 0px 4px black;
								/*text-shadow: 2px 2px lawngreen;*/
								/*-webkit-text-stroke: 1px white;*/
								animation: HomeBannerSearchClassifiedsWords 4s infinite;
								/*transition: 1s;*/
							}/*ease-in-out*/
							@keyframes HomeBannerSearchClassifiedsWords {
								0% {font-size: 30px;}
								10% {font-size: 30px;}
								20% {font-size: 20px;}
								30% {font-size: 30px;}
								100% {font-size: 30px;} 
							}
								.HomeBannerSearchClassifiedsWordsSearch {
									font-size: 50px;
									animation: HomeBannerSearchClassifiedsWordsSearch 4s infinite;
								}
								@keyframes HomeBannerSearchClassifiedsWordsSearch {
									0% {font-size: 50px;}
									10% {font-size: 50px;}
									20% {font-size: 60px;}
									30% {font-size: 50px;}
									100% {font-size: 50px;} 
								}




			.HomeBannerTopRightCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 50%;
			}
				.HomeBannerListBusinessCellBlock {
					background-color: ;
				}
					.HomeBannerListBusinessContainer {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						border: 2px solid white;
						box-shadow: 0px 0px 8px lawngreen;
						width: 300px;
						height: 150px;
						border-radius: 20px;
						border-radius: 90px;
						background-color: white;
					}
						.HomeBannerListBusiness {
							display: block;
							height: 100%;
							width: 100%;
							border-radius: 90px;
							transition: 0.5s;
							text-decoration: none;
							background-color: rgba(0,0,0,0.8);
							/*background-image: url("Images/BrickWall2.jpg");
							backgorund-repeat: no-repeat;
							background-position: center center;
							background-size: cover;*/
							/*transition: 1s;*/
						}
						.HomeBannerListBusiness:hover {
							box-shadow: 0px 0px 0px black;
							/*background-color: rgba(0,0,0,0.4);
							background-color: cyan;*/
							scale: /*1.1;*/
						}
						.HomeBannerListBusiness:hover .HomeBannerListBusinessWords{
							text-shadow: 0px 0px 8px lawngreen;
							color: white;
						}
							.HomeBannerListBusinessWords {
								display: block;
								margin-left: auto;
								margin-right: auto;
								position: relative;
								top: 50%;
								transform: translateY(-50%);
								text-align: center;
								font-weight: bold;
								color: lawngreen;
								font-size: 30px;
								text-shadow: 0px 0px 4px black;
								/*text-shadow: 2px 2px cyan;*/
								/*-webkit-text-stroke: 1px white;*/
								/*text-shadow: 0px 0px 4px lawngreen;*/
								animation: HomeBannerListBusinessWords 4s infinite;
								/*transition: 1s;*/
							}

							@keyframes HomeBannerListBusinessWords {
								0% {font-size: 30px;}
								40% {font-size: 30px;}
								70% {font-size: 30px;}
								80% {font-size: 20px;}
								90% {font-size: 30px;} 
							}
								.HomeBannerListBusinessWordsList {
									font-size: 50px;
									animation: HomeBannerListBusinessWordsList 4s infinite;
								}

								@keyframes HomeBannerListBusinessWordsList {
									0% {font-size: 50px;}
									40% {font-size: 50px;}
									70% {font-size: 50px;}
									80% {font-size: 60px;}
									90% {font-size: 50px;} 
								}



	.HomeBannerBottom {
		display: block;
		height: 140px;
		width: 100%;
		/*background-color: rgba(0,0,0,0.8);*/
		/*box-shadow: inset 0px 0px 8px lawngreen;*/
		border-top: 5px solid lawngreen;
		border-bottom: 5px solid lawngreen;

		background-color: white;
	}
		.HomeBannerBottomInside {
			display: block;
			height: 100%;
			width: 100%;
			background-color: rgba(0,0,0,0.8);
		}

			.BusinessClassifiedsWritingWordsBigger {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 90px;
				font-size: 6vw;
				font-size: 80px;
				text-align: center;
				font-weight: bold;
				background-color: ;
			}














.HomeHeader {
	display: block;
	height: 50px;
	width: 100%;
	/*background-color: rgba(0,0,0,0.8);*/
	border-bottom: 5px solid cyan;
}
	.HomeHeaderLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
	}
	.HomeHeaderRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 0%;
		background-color: rgba(0,0,0,0.8);
	}

.SectionUnderHomeHeader {
	display: block;
	height: 50px;
	width: 100%;
	background-color: ;
}



.NavigationBar {
	display: block;
	height: 40px;
	height: 80px;
	width: 100%;
	position: fixed;

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

	z-index: 5;

}
	.NavigationBarInside {
		display: block;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,0.8);

		border-bottom: 1px solid cyan;
	}
		.NavigationBarInsideCell1 {
			display: table-cell;
			float: left;
			height: 100%;
			width: 300px;

			background-color: ;
		}
		.NavigationBarInsideCell2 {
			display: table-cell;
			float: left;
			height: 100%;
			width: 200px;

			background-color: ;
		}
		.NavigationBarInsideCell3 {
			display: table-cell;
			float: left;
			height: 100%;
			width: 200px;

			background-color: ;
		}
			.CellBlock {
				display: block;
				height: 100%;
				width: 100%;
			}
			/*.NavLinkBox {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}*/
			.NavLink {
				text-decoration: none;
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);

				color: white;
			/*	font-weight: bold;*/
				font-size: 30px;
				font-size: 25px;
				margin-left: 10px;

				/*text-shadow: 1px 1px 8px black;*/
				transition: 1s /*ease-in-out*/;
			}
			.NavLink:hover {
				/*font-size: 34px;*/
				text-shadow: 1px 1px 1px rgba(0,0,0,0);
			}
			.NavLinkClassifieds {
				/*text-shadow: 1px 1px 4px cyan;*/

				font-size: 25px;
			}
			.NavLinkRegister {
				/*text-shadow: 1px 1px 4px lime;*/

				font-size: 25px;
			}
			.NavLinkLogo {
				color: cyan;
			}
			.lime {
				color: lime;
			}
			.limeSmall {
				font-size: 20px;
			}
			.cyan {
				color: cyan;
			}
			.cyanSmall {
				font-size: 20px;
			}













.NavigationBackSpace {
	display: block;
	height: 40px;
	height: 80px;
	width: 100%;

	background-color: ;
}


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

	z-index: 6;
}*/



.HomePageMainSlideContainer {
	display: block;
	width: 100%;
	height: 500px;
	background-color: black;
	overflow: hidden;
}
	.HomePageMainSlideContainerInside {
		display: block;
		height: 100%;
		width: 400%;
		background-color: grey;
		animation: MoveLeft 80s 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%);}
	}
		.HomePageMainSlide {
			display:table-cell;
			float: left;
			height: 100%;
			width: 25%;
			background-color: white;
		}
		.HomePageMainSlide1 {
			background-color: white;
		}
		.HomePageMainSlide2 {
			background-color: rgba(0,0,0,0.8);
		}
		.HomePageMainSlide3 {
			background-color: white;
		}
		.HomePageMainSlide3 {
			background-color: rgba(0,0,0,0.8);
		}


















.PremiumProfileSectionTitle {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: 150px;
		background-color: ;
	}
		.PremiumProfileSectionTitleWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 80px;
			font-weight: bold;
			text-align: center;
			color: lawngreen;
			text-shadow: 0px 0px 4px black;
		}


.PremiumProfileSection {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	width: 100%;
	background-color: ;
}
	
	.PremiumProfileSectionBottom {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
		border-top: 10px solid lawngreen;
		border-bottom: 10px solid lawngreen;
	}
		.PremiumProfileSectionImage {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			object-fit: contain;
			width: 90%;
			height: 90%;

			background-color: ;
		}










/*Home Page*/



.RunnerCircleRoll {
	display: block;
	height: 170px;
	width: 100%;
	background-color: ;
}

.CircleBox {
	display: block;
	position: absolute;
	left: 20px;
	top: 130px;
	height: 150px;
	width: 150px;
	border-radius: 90px;
	background-color: rgb(78,78,78);

	animation: moveaccross 20s infinite;
}
.Circle {
	display: block;
	/*position: absolute;*/
	/*left: 20px;
	top: 130px;*/
	height: 150px;
	width: 150px;
	border-radius: 90px;
	background-color: rgb(78,78,78);

	object-fit: contain;


	animation: rotate 20s linear infinite;
	/*animation: moveaccross 4s infinite;*/
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	35% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(720deg);
	}
	65% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes moveaccross {
	0% {
		left: 20px;
	}
	50% {
		left: 500px;
	}
	100% {
		right: 100%;
	}
}




/*
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes moveaccross {
	0% {
		left: -100px;
	}
	100% {
		left: 100%;
	}
}
*/



.BusinessClassifiedsWriting1 {
	display: block;
	width: 100%;
	z-index: 2;
	display: block;
	/*margin-left: auto;
	margin-right: auto;*/
	height: 150px;
	height: 100%;
	/*background-color: rgba(0,0,0,0.8);*/
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
	.BusinessClassifiedsWritingWordsHome {
		/*text-shadow: 1px 1px 5px black;*/
	}
	.SubheadingHome {
		/*text-shadow: 1px 1px 3px black;*/
	}




.ActionArea {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 100%;
	box-shadow: 1px 1px 8px black;
	box-shadow: 0px 0px 8px black;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
	background-image: url("Images/PolarLights.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);

}
	.ActionAreaLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 60%;
	}
	.ActionAreaRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 40%;
	}




.SignUpForFree {
	display: block;
	height: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
	.SignUpForFreeWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 5vw;
		font-weight: bold;
		color: white;
		text-align: center;
		text-shadow: 0px 0px 4px black;
	}
		.FreeGreen {
			color: cyan;
			/*font-size: 7vw;*/
		}

	.OptionButton1 {
		display: block;
		height: 50%;
		width: 100%;

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





.SearchClassifiedsBox {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	width: 200px;

	height: 90%;
	width: 90%;
	/*border-top: 1px solid cyan;
	border-bottom: 1px solid cyan;*/


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

	background-color: ;
	/*padding-top: 39px;*/
}


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

	height: 100%;
	width: 100%;
	height: 30px;
	width: 200px;
	text-decoration: none;
	border-radius: 20px;
	border: 2px solid white;

	background-color: cyan;

	box-shadow: 1px 1px 8px black;
	transition: 1s;
}
.SearchClassifieds:hover {
	box-shadow: 1px 1px 8px rgba(0,0,0,0);
	box-shadow: 1px 1px 8px lime;
	box-shadow: 0px 0px 8px cyan;
	box-shadow: 0px 0px 0px cyan;
}
	.SearchClassifiedsWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);

		font-size: 18px;
		text-align: center;
		color: white;
		font-weight: bold;
		/*text-shadow: 1px 1px black;*/
	}

.ListBusinessBox {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	width: 200px;

	height: 90%;
	width: 90%;


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

	background-color: ;
	/*padding-top: 39px;*/
}
.ListBusinessBox:hover {
	
}

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

	height: 100%;
	width: 100%;
	height: 30px;
	width: 200px;
	text-decoration: none;
	border-radius: 20px;
	border: 2px solid white;
	background-color: brown;

	box-shadow: 1px 1px 8px black;
	transition: 0.3s;
	
}
.ListBusiness:hover {
	box-shadow: 1px 1px 8px rgba(0,0,0,0);
	box-shadow: 1px 1px 8px cyan;
	box-shadow: 0px 0px 8px brown;
	box-shadow: 0px 0px 0px brown;
	/*box-shadow: inset 1px 1px 8px cyan;*/
	/*transform: scale(1.1);*/
	/*background-color: rgba(0,0,255,0.5);*/
	/*background-color: rgba(255,255,255,0.5);*/
}

/*.ListBusiness:hover .ListBusinessWords {
	color: white;
}*/

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

		font-size: 18px;
		text-align: center;
		color: white;
		font-weight: bold;
		/*text-shadow: 1px 1px black;*/
	}

















.BottomInformationBox {
	display: block;
	height: 400px;
	height: 200px;
	width: 100%;
	background-color: white;

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


	.BottomInformationBoxLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.InformationWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 90%;
			width: 90%;
			position: relative;
			top: 50%;
			transform: translateY(-50%);

			font-size: 20px;
			font-weight: bold;
			color: rgba(0,0,0,0.8);
			color: black;
		}
	.BottomInformationBoxRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}




.BottomInformationBox2 {
	display: block;
	height: 400px;
	width: 100%;
	background-color: white;
}

	.BottomInformationBox2Words {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 80%;
		font-size: 80px;
		font-size: 30px;
		font-weight: bold;
		color: rgba(0,0,0,0.8);
		text-align: center;
	}



	/*.BottomInformationBox2Words {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 80%;
		font-size: 80px;
		font-weight: bold;
		color: rgba(0,0,0,0.8);
		text-align: center;
	}*/


	.cyanShadow {
		text-shadow: 1px 1px 5px black;
	}
	.limeShadow {
		text-shadow: 1px 1px 5px black;
	}
	.Shadow {
		/*text-shadow: 1.5px 1.5px black;*/

		background-color: rgba(0,0,0,0.8);
		/*padding: 10px;*/
	}


































/*Classifieds*/


.BusinessClassifiedsWriting {
	position: absolute;
	width: 100%;
	z-index: 2;
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*width: 100%;*/
	background-color: grey;
	background-color: rgb(78,78,78);
	background-color: white;

	height: 150px;
	margin-bottom: 150px;
}
	.BusinessClassifiedsWritingWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 90px;
		font-size: 6vw;
		font-size: 30px;
		/*text-align: center;*/
		font-weight: bold;
		background-color: ;
		padding-left: 20px;
	}
	.BusinessWord {
		color: lime;

		animation: BusinessWord 5s ease-in-out infinite;
	}
	@keyframes BusinessWord {
		0% {
			color: lime;
		}
		50% {
			color: cyan;
		}
		100% {
			color: lime;
		}
	}
	.ClassifiedsWord {
		color: cyan;

		animation: ClassifiedsWord 5s ease-in-out infinite;
	}

	@keyframes ClassifiedsWord {
		0% {
			color: cyan;
		}
		50% {
			color: lime;
		}
		100% {
			color: cyan;
		}
	}


.Subheading {
	color: lime;
	font-size: 30px;

	background-color: ;
	text-shadow: none;
}
	.SubheadingBlue {
		color: cyan;
	}







.Break {
	display: block;
	height: 5px;
	width: 100%;
	/*background-color: yellow;*/

	margin-top: 170px;
	margin-top: 200px;
}







.LeftSidePanel {
	width: 148px;
	width: 150px;
	/*border-right: 2px solid lime;*/
	height: 100vh;
	position: fixed;
	z-index: 1;
	top: 40px;
	/*right: 0px;*/
	left: 0px;
	/*background-color: rgba(0,0,0,0.1);*/
	/*overflow: hidden;*/
	background-color: rgb(78,78,78);
	background-color: white;
}



.RightSidePanel {
	width: 148px;
	width: 150px;
	border-left: 2px solid lime;
	height: 100vh;
	position: fixed;
	z-index: 4;
	top: 40px;
	/*right: 0px;*/
	right: 0px;
	/*background-color: rgba(0,0,0,0.1);*/
	/*overflow: hidden;*/
	/*background-color: rgb(78,78,78);*/
	background-color: rgb(78,78,78);
	background-color: ;

	/*box-shadow: inset 1px 1px 4px cyan;*/
}



















.GalleryOfPicturesBody {
	display: block;
	/*height: 750px;*/
	/*width: 70%;
	width: 80%;
	width: 100%;*/
	margin-left: auto;
	margin-right: auto;
	/*border: 2px solid grey;*/
	/*border-top: 2px solid grey;*/
	/*border-bottom: 2px solid grey;*/
	/*box-shadow: 1px 1px 8px black;*/
	/*margin-top: 60px;*/

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;
	background-color: rgb(78,78,78);
	background-color: grey;

	background-color: white;
	/*background-color: white;*/

	/*overflow: auto;
	overflow-x: hidden;*/

	/*margin-right: 200px;*/
	margin-left: 150px;
	margin-right: 150px;
	margin-bottom: 150px;
	/*margin-bottom: 10px;*/
	margin-bottom: 0px;
}

.GalleryOfPicturesBody::-webkit-scrollbar {
	width: 0px;
}
	/*.GalleryOfPicturesRow {
		display: block;
		width: 100%;
		height: 150px;
	}*/
		.GalleryOfPicturesItemCell {
			display: table-cell;
			float: left;
			height: 150px;
			width: 270px;
			margin: 10px;
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: 100px;

			background-color: ;
		}



#GalleryOfPicturesItemCell1 {
	background-color: ;
}
			.GalleryImage {
				height: 123.75px;
				width: 213.75px;
				/*inline-size: 50%;
				writing-mode: vertical-tb;*/
				/*writing-mode: horizontal-tb;*/
				object-fit: cover;
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin-left: auto;
				margin-right: auto;
				box-shadow: 1px 1px 5px black;
				transition: 0.5s;
				background-color: yellow;
			}

			.GalleryImage:hover {
				cursor: pointer;
				box-shadow: 1px 1px 1px rgba(0,0,0,0);
			}

			.businessname {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 100%;
				height: 100%;
				background-color: blue;
				text-align: center;
				color: white;
			}





.PriceListQuoteHeader {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	height: 150px;
	width: 100%;
	background-color: ;
}
	.PriceListQuoteHeaderWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 90px;
		font-weight: bold;
		text-align: center;
		color: rgba(0,0,0,0.8);
		/*text-shadow: 0px 0px 8px lawngreen;*/
	}






.ProductsLine {
	display: block;
	height: 580px;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	border-top: 5px solid lawngreen;
	border-bottom: 5px solid lawngreen;
	/*box-shadow: inset 0px 0px 8px cyan;*/
}
	.ProductsLineCell {
		/*display: table-cell;
		float: left;
		height: 100%;
		background-color: ;*/
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		height: 100%;
	}
	.ProductsLineCell1 {
		/*display: block;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
		width: 67%;*/


		/*display: block;
		margin-left: auto;
		margin-right: auto;*/
	}
	.ProductsLineCell2 {
		background-color: white;
		width: 33%;
	}





.BCSubmissionFormContainer {
	display: block;
	width: 100%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	/*margin-top: 25px;*/
	background-color: ;
}

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


	.BCSubmissionFormContainerCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: ;
	}
	.BCSubmissionFormContainerCell1 {
		/*background-color: rgba(0,0,0,0.8);*/
		background-color: ;
	}
	.BCSubmissionFormContainerCell2 {
		background-color: ;
	}

	.BCSubmissionFormArea {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
		width: 100%;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		/*background-color: rgba(0,0,0,0.8);*/
		/*padding-top: 10px;*/
		/*padding-bottom: 10px;*/

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

			background-color: ;
		}

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

		/*.BCSubmissionFormCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 50%;
		}*/
		.BCSubmissionLabel {
			display: block;
			/*margin-left: 20px;*/
			padding-top: 5px;
			padding-bottom: 5px;
			font-weight: bold;
			font-size: 20px;
			font-size: 15px;
			color: rgba(0,0,0,0.8);
			padding-left: 20px;
			color: lawngreen;
		}
		.BCSubmissionLabelEmailAddress {
			color: lawngreen;
		}
		.BCSubmissionLabelContactNumber {
			color: lawngreen;
		}


		.BCSubmissionInput {
			display: block;
			border: 1px solid rgba(0,0,0,0.8);
			border-radius: 5px;
			height: 30px;
			border: 2px solid lawngreen;
			font-weight: bold;

			/*padding-bottom: 10px;*/
			padding-left: 5px;
			margin-left: 15px;
			color: rgba(0,0,0,0.8);
			width: 200px;
		}
		.BCSubmissionEmailAddress {
			border: 2px solid cyan;
		}
		.BCSubmissionContactNumber {
			border: 2px solid cyan;
		}
		.BCSubmissionTextArea {
			display: block;
			border: 1px solid rgba(0,0,0,0.8);
			border-radius: 5px;
			border: 2px solid lawngreen;
			font-weight: bold;
			padding-left: 5px;
			margin-left: 15px;
			color: rgba(0,0,0,0.8);
		}



		.InvisibleCheckValue {
			display: none;
		}






.CheckListArea {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	height: 310px;
	margin-top: 60px;
	/*position: relative;
	top: 50%;
	transform: translateY(-50%);*/
	background-color: ;
	x-index: 4px;
}
	.PriceListHeader {
		display: block;
		height: 50px;
		width: 100%;

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

	.CheckboxArea {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 250px;
		width: 400px;
		background-color: ;
		margin-top: 20px;
		background-color: ;
	}

	/* :before, :after, hover and :checked */
	.container {
		display: block;
		position: relative;
		padding-left: 35px;
		/*padding-left: 50px;*/
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 22px;
		font-size: 26px;
		font-weight: bold;
		color: rgba(0,0,0,0.8);
		color: white;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}

/*Hide the browser's default checkbox*/
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/*Create a custom checkbox*/
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	/*was 25px*/
	/*height: 30px;
	width: 30px;*/
	height: 25px;
	width: 25px;
	background-color: white;
	background-color: rgba(0,0,0,0.8);
	/*background-color: white;*/
	box-shadow: 1px 1px 8px black;
	/*box-shadow: 1px 1px 2px black;*/

	border: 2px solid rgba(0,0,0,0.8);
	border: 2px solid lawngreen;
	border: 2px solid white;
}

.CheckPriceSpan {
	position: absolute;
	color: lawngreen;
	left: 120px;

	/*text-shadow: 2px 2px black;*/
}
	.CheckPriceSpanSmaller {
		font-size: 12px;
		color: lawngreen;
		height: 14px;
		background-color: ;
		margin-bottom: 10px;
		padding-left: 120px;
		font-weight: bold;
	}



/*On mouse-over, add a grey background color*/
.container:hover input ~ .checkmark {
	background-color: grey;
}
/*When the checkbox is checked, add a blue background*/
.container input:checked ~ .checkmark {
	background-color: #2196F3;
	background-color: lawngreen;
	box-shadow: 1px 1px 8px black, inset 1px 1px 8px white;
	border: 2px solid white;
}
/*Create the checkmark/indicator (hidden when not checked)*/
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/*Show the checkmark when checked*/
.container input:checked ~ .checkmark:after {
	display: block;
}
/*Style the checkmark/indicator*/
.container .checkmark:after {
	left: 9px;
	/*left: 11.5px;*/
	top: 5px;
	/*top: 7.5px;*/
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	/*border-width: 0 4px 4px 0;*/
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*
.checkbox {
	border: 3px solid black;
}*/




.CheckListTotal {
	display: block;
	height: 30px;
	width: 300px;
	background-color: ;
}
	.CheckListTotalWords {
		display: block;
		font-size: 26px;
		font-weight: bold;
		color: rgba(0,0,0,0.8);
		color: white;
	}
		.TotalWord {
			font-size: 26px;
			color: rgba(0,0,0,0.8);
			font-weight: bold;
			position: absolute;
			left: 120px;
			color: cyan;
		}


.ChecklistSubmitButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	/*margin-top: 20px;*/
	z-index: 2px;

	position: relative;
	left: 100%;
	/*bottom: 10%;*/
	bottom: 20%;
	bottom: 19%;

	font-size: 25px;
	font-weight: bold;
	border: 2px solid white;
	box-shadow: 1px 1px 8px black;
	background-color: rgba(0,0,0,0.8);
	color: white;
	border-radius: 5px;
	transition: 0.5s;
}
/*
.ChecklistSubmitButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 4px;

	font-size: 25px;
	font-weight: bold;
	border: 2px solid white;
	box-shadow: 1px 1px 8px black;
	background-color: rgba(0,0,0,0.8);
	color: white;
	border-radius: 5px;
	transition: 0.5s;
}
*/
.ChecklistSubmitButton:hover {
	box-shadow: none;
	box-shadow: 1px 1px 8px black, inset 1px 1px 8px white;
	cursor: pointer;
	background-color: lawngreen;
}

.ContainerPricelistInfo {
	display: none;
}










/*SlideArea*/
.SlideBlock {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
height: 250px;
width: 250px;
height: 400px;
width: 400px;
border: 2px solid white;
background-color: rgba(0,0,0,0.8);
background-color: white;
}
.BricksPizzaOvenConstruction {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 100%;
	background-color: ;

	/*position: relative;*/

}

	.mySlides {
		display: block;
		height: 100%;
		width: 100%;
		object-fit: contain;
	}

		.StoneOvenSlideImage {
			height: 100%;
			width: 100%;
			object-fit: contain;
		}

/*Slide Dot*/
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}

/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
/*position: absolute;*/
bottom: 8px;
width: 100%;
text-align: center;
}

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

/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
background-color: lawngreen;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active {
background-color: #717171;
background-color: darkorange;
}

/* 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) {
.text {font-size: 11px}
}
/*End of Slide Dot*/

/*End of Slide Area*/







.BasicWebsiteBanner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	margin-top: 100px;
}
	.BasicWebsiteBannerLeftCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
		background-color: white;
		background-image: url("Images/PolarLights.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
		.BasicWebsiteBannerLeftTop {
			display: block;
			height: 20%;
			width: 100%;
			background-color: rgba(0,0,0,0.8);
		}
			.BasicWebsiteBannerLeftTopWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				text-align: center;
				font-size: 80px;
				color: lawngreen;
				font-weight: bold;
			}

		.BasicWebsiteBannerLeftBottom {
			display: block;
			height: 60%;
			width: 100%;
			background-color: ;

		}
			.BasicWebsiteBannerLeftBottomWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				text-align: center;
				color: cyan;
				font-weight: bold;
				font-size: 20px;
				padding: 20px;
				color: white;
			}

		.BasicWebsiteButtonContainer {
			display: block;
			height: 20%;
			width: 100%;
			background-color: rgba(0,0,0,0.8);
		}
			.BasicWebsiteButtonContainerInside {
				display: block;
				height: 90%;
				width: 90%;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}
				.BasicWebsiteButtonCell {
					display: table-cell;
					float: left;
					height: 100%;
					width: 50%;
				}
					/*.BWButton {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						padding-top: 10px;
						padding-bottom: 10px;
						width: 300px;
						background-color: ;
						text-decoration: none;
						border: 2px solid white;
						border-radius: 20px;
						box-shadow: 0px 0px 8px lawngreen;
						transition: 0.5s;
					}
					.BWButton:hover {
						background-color: lawngreen;
					}
					.BWButton:hover .BWButtonWords {
						color: white;
					}
						.BWButtonWords {
							display: block;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							font-size: 20px;
							font-weight: bold;
							color: lawngreen;
						}*/

					.BWContactButton {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						padding-top: 10px;
						padding-bottom: 10px;
						width: 300px;
						background-color: ;
						text-decoration: none;
						border: 2px solid white;
						border-radius: 20px;
						box-shadow: 0px 0px 8px lawngreen;
						transition: 0.5s;
					}
					.BWContactButton:hover {
						/*box-shadow: 0px 0px 0px black;*/
						background-color: lawngreen;
					}
					.BWContactButton:hover .BWContactButtonWords {
						color: white;
					}

						.BWContactButtonWords {
							display: block;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							font-size: 20px;
							font-weight: bold;
							color: lawngreen;
						}



	.BasicWebsiteBannerRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}
		.BWGalleryCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 50%;
		}
			.BWGalleryImage {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				height: 100%;
				width: 100%;
				object-fit: contain;
				background-image: url("Images/WebsitePicture3.jpg");
				background-repeat: ;
				background-position: center center;
				background-size: contain;
			}
		.BWCell {
			dispaly: table-cell;
			float: left;
			height: 100%;
			width: 50%;
		}
			.BWServices {
				display: block;
				height: 50%;
				width: 100%;
			}
				.BWServicesImage {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					height: 100%;
					width: 100%;
					object-fit: cover;
				}
			.BWContactForm {
				display: block;
				height: 50%;
				width: 100%;
			}
				.BWContactFormImages {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					height: 100%;
					width: 100%;
					object-fit: cover;
				}







.HomeCategoriesContainer {
	display: block;
	width: 100%;
	/*padding-top: 0px;*/
	padding-top: 20px;
	padding-bottom: 0px;
	padding-bottom: 10px;
}
#HomeCategoriesContainerJohannesburg {
	display: block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-bottom: 10px;

	background-color: ;
}
.HomeCategoriesContainerPretoria {
	display: block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-bottom: 10px;
}
#HomeCategoriesContainerCapeTown {
	display: block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-bottom: 10px;

	background-color: ;
	display: none;
}


.HomePageCategoriesTitle {
	display: block;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
	height: 150px;
	width: 100%;
	/*background-color: rgba(0,0,0,0.8);*/
	/*background-image: url(Images/Sky.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;

	background-color: white;*/

}
	.HomePageCategoriesTitleWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		font-size: 100px;
		font-weight: bold;
		color: cyan;

		/*background-image: url("Images/Sky.jpg");
		background-repeat: no-repeat;*/
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		background-image: url(Images/PolarLights.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
		background-bottom: 0;
		background-width: 100%;
		/*-webkit-text-stroke: 2px cyan;

		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;*/
	}

.HomeAreaOptionsContainer {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}

.HomeAreaOptions {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 110px;
	width: 80%;
	background-color: ;
	/*padding-top: 20px;
	padding-bottom: 20px;*/
}
	.HomeAreaOptionsCell {
		display: table-cell;
		float: left;
		height: 110px;
		width: 50%;
		width: 33%;
		/*padding-top: 20px;
		padding-bottom: 20px;*/
	}


		.HomeAreaOptionsJoburgButton {
			display: block;
			/*margin-top: 10px;
			margin-bottom: 10px;*/
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100px;
			width: 220px;
			border-radius: 20px;
			border: 4px solid cyan;
			box-shadow: inset 0px 0px 8px cyan, 0px 0px 8px black;
			background-color: rgba(0,0,0,0.8);
			transition: 1s;
		}
		.HomeAreaOptionsJoburgButton:hover {
			cursor: pointer;
			box-shadow: inset 0px 0px 8px black, 0px 0px 8px cyan;
		}
		.HomeAreaOptionsJoburgButton:hover .HomeAreaOptionsJoburgButtonWords{
			font-size: 30px;
		}
			.HomeAreaOptionsJoburgButtonWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 28px;
				text-align: center;
				color: white;
				text-shadow: 0px 0px 4px cyan;
				font-weight: bold;
				transition: 0.5s;
			}
		.HomeAreaOptionsPretoriaButton {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100px;
			width: 220px;
			border-radius: 20px;
			border: 4px solid lawngreen;
			box-shadow: inset 0px 0px 8px lawngreen, 0px 0px 8px black;
			background-color: rgba(0,0,0,0.8);
			transition: 1s;
		}
		.HomeAreaOptionsPretoriaButton:hover {
			cursor: pointer;
			box-shadow: inset 0px 0px 8px black, 0px 0px 8px lawngreen;
		}
		.HomeAreaOptionsPretoriaButton:hover .HomeAreaOptionsPretoriaButtonWords {
			font-size: 30px;
		}
			.HomeAreaOptionsPretoriaButtonWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 28px;
				text-align: center;
				color: white;
				text-shadow: 0px 0px 4px lawngreen;
				font-weight: bold;
				transition: 0.5s;
			}

		.HomeAreaOptionsCapeTownButton {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100px;
			width: 220px;
			border-radius: 20px;
			border: 4px solid coral;
			box-shadow: inset 0px 0px 8px coral, 0px 0px 8px black;
			background-color: rgba(0,0,0,0.8);
			transition: 1s;
		}
		.HomeAreaOptionsCapeTownButton:hover {
			cursor: pointer;
			box-shadow: inset 0px 0px 8px black, 0px 0px 8px coral;
		}
		.HomeAreaOptionsCapeTownButton:hover .HomeAreaOptionsCapeTownButtonWords {
			font-size: 30px;
		}
			.HomeAreaOptionsCapeTownButtonWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 28px;
				text-align: center;
				color: white;
				text-shadow: 0px 0px 4px coral;
				font-weight: bold;
				transition: 0.5s;
			}



.HomePInputContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	width: 300px;
}
#HomePInputContainerJohannesburg {

}
#HomePInputContainerPretoria {
	display: none;
}
#HomePInputContainerCapeTown {
	display: none;
}
	.HomPInput {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 90%;
		height: 85%;
		border-radius: 20px;
		border: 2px solid cyan;
		padding-left: 20px;
		font-size: 20px;
		box-shadow: 0px 0px 8px black;
	}

	#HomePretoriaInput {
		border: 2px solid lawngreen;
	}
	#HomeCapeTownInput {
		border: 2px solid coral;
	}



.CategoryAreaHomePage {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 500px;
	overflow: auto;
	overflow-x: hidden;
	background-color: white;
	width: 80%;
	width: 90%;
	margin-left: 5%;
	/*margin-left: 10%;*/
	border-radius: 20px 0px 0px 20px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;
	
	background-image: url("Images/PolarLights.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);*/
	box-shadow: inset 0px 0px 8px black, 0px 0px 8px black;
	
	/*border: 10px solid cyan;*/
	/*border-top: 10px solid cyan;
	border-bottom: 10px solid cyan;*/

	/*border: 2px solid cyan;*/
}
#CategoryAreaHomePageJohannesburg {
	
}
#CategoryAreaHomePagePretoria {
	display: none;
}
#CategoryAreaHomePageCapeTown {
	display: none;
}

	.HomeCategoryItemCell {
		display: table-cell;
		float: left;
		height: 150px;
		height: 120px;
		width: 300px;
		margin: 10px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 100px;
		width: 240px;

		background-color: ;
	}

		.HomeCategoryItem {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 120px;
			height: 50px;
			height: 70px;
			width: 200px;

			height: 100px;
			width: 200px;

			/*background-color: white;*/
			border-radius: 20px;

			text-decoration: none;
			color: black;
			box-shadow: 0px 0px 8px cyan;
			transition: 0.5s;
			border: 2px solid white;
		}
		.HomeCategoryItemPretoria {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100px;
			width: 200px;
			border-radius: 20px;
			text-decoration: none;
			color: black;
			box-shadow: 0px 0px 8px cyan;
			transition: 0.5s;
			border: 2px solid white;
		}
		.HomeCategoryItemCapeTown {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100px;
			width: 200px;
			border-radius: 20px;
			text-decoration: none;
			color: black;
			box-shadow: 0px 0px 8px coral;
			transition: 0.5s;
			border: 2px solid white;
		}


		.HomeCategoryItem:hover {
			box-shadow: 0px 0px 0px black;
			background-color: rgba(0,0,0,0.8);
		}
		/*.HomeCategoryItem:hover .HomeCategoryItemTop{
			background-color: cyan;
		}
		.HomeCategoryItem:hover .HomeCategoryItemBottom{
			background-color: rgba(0,0,0,0.8);
		}*/
			.HomeCategoryItemTop {
				display: block;
				height: 30%;
				width: 100%;
				background-color: rgba(0,0,0,0.8);
				background-color: rgba(0,255,255,0.5);
				background-color: cyan;
				border-radius: 18.5px 18.5px 0px 0px;
				transition: 1s;
			}
			.HomeCategoryItemPretoriaTop {
				display: block;
				height: 30%;
				width: 100%;
				background-color: lawngreen;
				border-radius: 18.5px 18.5px 0px 0px;
				transition: 1s;
			}
			.HomeCategoryItemCapeTownTop {
				display: block;
				height: 30%;
				width: 100%;
				background-color: coral;
				border-radius: 18.5px 18.5px 0px 0px;
				transition: 1s;
			}
				.HomeCategoryItemTopWriting {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 15x;
					font-weight: bold;
					color: white;
					text-align: center;
					border-radius: 20px;
					text-shadow: 0px 0px 4px black;
				}
					.HomeCategoryItemTopWritingWord {
						/*font-weight: bold;*/
					}
					.HomeCategoryItemTopWritingAmount {
						color: ;
					}

			.HomeCategoryItemBottom {
				display: block;
				height: 80%;
				height: 70%;
				width: 100%;
				background-color: lawngreen;
				/*background-color: rgba(0,0,0,0.8);*/
				background-color: rgba(0,0,0,0.4);
				/*background-image: url("Images/BrickWall2.jpg");
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;*/
				border-radius: 0px 0px 20px 20px;
				transition: 1s;
			}

			.HomeCategoryItemBottomPretoria {
				display: block;
				height: 80%;
				height: 70%;
				width: 100%;
				background-color: lawngreen;
				background-color: rgba(0,0,0,0.4);
				border-radius: 0px 0px 20px 20px;
				transition: 1s;
			}
			.HomeCategoryItemBottomCapeTown {
				display: block;
				height: 80%;
				height: 70%;
				width: 100%;
				background-color: coral;
				background-color: rgba(0,0,0,0.4);
				border-radius: 0px 0px 20px 20px;
				transition: 1s;
			}
				.HomeCategoryItemBottomInside {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					/*height: 95%;
					width: 95%;*/
					padding: 5px;
					/*background-color: rgba(0,0,0,0.8);*/
					/*border-radius: 20px;*/
				}
					.HomeCategoryItemBottomWord {
						display: block;
						margin-left: auto;
						margin-right: auto;
						/*position: relative;
						top: 50%;
						transform: translateY(-50%);*/
						font-size: 20px;
						color: white;
						font-weight: bold;
						text-align: center;
						text-shadow: 0px 0px 4px black;
					}












.BasicWebsiteTitle {
	display: block;
	height: 200px;
	width: 100%;
	/*background-color: rgba(0,0,0,0.8);*/
	/*border-top: 10px solid rgba(0,0,0,0.8);
	border-bottom: 10px solid rgba(0,0,0,0.8);*/
}
	.BasicWebsiteTitleWords {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		margin-left: auto;
		margin-right: auto;
		font-size: 40px;
		color: lawngreen;
		font-weight: bold;
		text-align: center;
		font-family: calibri;
		animation: BasicWebsiteInAndOut 4s infinite;
	}

	@keyframes BasicWebsiteInAndOut {
		0% {font-size: 50px;}
		50% {font-size: 100px;}
		100% {font-size: 50px;} 
	}

.BasicWebsiteBody {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 400px;
	width: 100%;
	background-color: ;
}
	.BasicWebsiteBodyTop {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
		.BasicWebsiteBodyTopWords {
			display: block;
			font-family: calibri;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-weight: bold;
			font-size: 80px;
			color: lawngreen;
			text-shadow: 0px 0px 8px black;
		}
			.GalleryPgOption {
				color: cyan;
			}
	.BasicWebsiteBodyBottom {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 500px;
	}
		.BasicWebsiteBodyBottomLeftCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 50%;
		}
		/*Commented Out Earlier*/
			.BWButton {
				display: block;
				height: 50px;
				width: 200px;
				background-color: cyan;
				text-decoration: none;
				transition: 1s;
			}
			.BWButton:hover {
				background-color: lawngreen;
			} 
			.BWButtonWords {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 18px;
				font-weight: bold;
				color: white;
				text-align: center;
			} 

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





.Footer {
	display: block;
	height: 50px;
	width: 100%;
	border-top: 5px solid lawngreen;
	background-color: white;
	z-index: 2;
}
	.FooterInside {
		display: block;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
	}


		.BCNavBarLeftCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 40%;
			/*background-color: rgba(0,0,0,0.8);*/
		}
		.BusinessClassifiedsLogo {
			text-decoration: none;
			display: block;
			width: 100%;
			z-index: 2;
			display: block;
			height: 150px;
			height: 100%;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}

		.BusinessClassifiedsLogoWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 90px;
			font-size: 6vw;
			font-size: 30px;
			font-weight: bold;
			background-color: ;
			padding-left: 20px;
		}
		.BusinessClassifiedsLogoWordBusiness {
			color: lawngreen;

			animation: BusinessWord 5s ease-in-out infinite;
		}
		@keyframes BusinessWord {
			0% {
				color: lawngreen;
			}
			50% {
				color: cyan;
			}
			100% {
				color: lawngreen;
			}
		}
		.BusinessClassifiedsLogoWordClassifieds {
			color: cyan;

			animation: ClassifiedsWord 5s ease-in-out infinite;
		}

		@keyframes ClassifiedsWord {
			0% {
				color: cyan;
			}
			50% {
				color: lawngreen;
			}
			100% {
				color: cyan;
			}
		}


	.FooterRightCell {
		display: table-cell;
		float: right;
		height: 100%;
		width: 150px;
		margin-right: 10px;
	}

		.TsandCsName {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			margin-left: auto;
			margin-right: auto;
			color: white;
			font-size: 18px;
			text-decoration: none;
		}