body {
	font-family: corbel;
}
	/*Scroll Style*//*Not Supported on IE or FireFox*/

	/*Width*/
	::-webkit-scrollbar {
		width: 10px;
	}
	/*Track*/
	::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px grey;
		border-radius: 10px;
	}
	/*Handle*/
	::-webkit-scrollbar-thumb {
		background: grey;
		border-radius: 10px;
	}
	/*Handle on hover*/
	::-webkit-scrollbar-thumb:hover {
		background: skyblue;
	}

.NavBar {
	width: 100%;
	height: 90px;
	background-color: white;
	border-bottom: 10px solid skyblue;
	display: table;
	position: fixed;
	margin-top: -8px;
	z-index: 2;
}
	.NavBarLogoCell {
		/*width: 50%;*/
		width: 40%;
		height: 90px;
		display: table-cell;
		float: left;
		/*background-color: yellow;*/
	}
	.NavInsideLeftCell {
		display: inline-block;
		/*background-color: grey;*/
		height: 90px;
		width: 100%;
	}
		.NavBarLogoContainer {
			display: table-cell;
			float: left;
			/*background-color: blue;*/
			width: 25%;
			height: 90px;

			text-decoration: none;
		}
			.NavBarLogo {
				height: 120px;
				width: 120px;
				/*display: block;*/
				margin-left: 10px;
				position: absolute;
				/*background-color: coral;*/
				z-index: 4;
			}
		.BOLExtraName {
			display: table-cell;
			float: left;
			height: 90px;
			width: 75%;
			/*background-color: red;*/
		}
			.BOLExtraNameInner {
				display: block;
				height: 100%;
				width: 330px;
				/*background-color: blue;*/
			}
				.NavBarHeadingsContainer {
					/*height: 90px;*/
					width: 100%;
					display: block;
					margin-left: auto;
					margin-right: auto;
					/*background-color: blue;*/
					position: relative;
					top: 50%;
					transform: translateY(-50%);
				}
					.NavHeading {
						/*margin-left: 150px;*/
						margin-left: 30px;
						/*text-align: center;*/
						color: grey;
						text-shadow: 1px 1px blue;
						font-size: 40px;
						font-size: 200%;
						

					}
					.NavSubHeading {
						/*margin-left: 250px;*/
						margin-left: 50px;
						/*text-align: center;*/
						vertical-align: bottom;
						font-size: 25px;
						font-size: 125%;
						/*font-size: 20px;*/
						font-weight: bold;
						color: grey;
						text-decoration: underline 1px;
						text-decoration-color: blue;
					}
			
	.NavBarNextToLogoCell {
		/*width: 50%;*/
		width: 60%;
		height: 90px;
		display: table-cell;
		float: left;
		/*background-color: lightblue;*/
	}

		.NavInsideRightCell {
			height: 90px;
			width: 100%;
			/*display: block;*/
			display: table;
			/*background-color: black;*/
		}
			.NavBarLink {
				/*width: 150px;*/
				height: 90px;
				display: table-cell;
				/*border: 1px solid grey;*/
				width: 20%;
				/*background-color: red;*/

				/*transition: 1s;*/
			}
			.NavBarLink:hover {
				cursor: pointer;
			}
			#OnNavBarLinkHome {
				background-color: rgb(78,78,78);
			}
			#OnNavBarLinkProductPage {
				background-color: rgb(78,78,78);
			}
			#OnNavBarLinkTreatments {
				background-color: rgb(78,78,78);
			}
			#OnNavBarLinkReviews {
				background-color: rgb(78,78,78);
			}
			#OnNavBarLinkBranches {
				background-color: rgb(78,78,78);
			}

			#NavBarLinkC {

			}
				.NavBarLinkWord {
					display: block;
					line-height: 90px;
					/*font-size: 26px;*/
					font-size: 22px;
					text-align: center;
					text-decoration: none;
					cursor: pointer;
					color: indigo;
					color: grey;
					text-shadow: 0.4px 0.4px blue;

					transition: 1s;
				}
				.NavBarLinkWord:hover {
					transform: scale(1.15);
				}
				#OnNavBarLinkWord {
					color: white;
				}
				#NavBarLinkWordBranches:hover {
					transform: scale(1);
				}

			#NavBarLinkBranches {
				/*background-color: rgb(78,78,78);*/
			}
			#BranchesNavBarLinkBranches {
				background-color: rgb(78,78,78);
			}
			.DropDownPage {
				display: none;
				position: absolute;
				background-color: ;
				width: 100%;
				height: 160px;
				height: 120px;
				z-index: 1;
				/*background-color: purple;*/
				border-radius: 20px;
				/*border: 1px solid grey;*/
			}

			#NavBarLinkBranches:hover .DropDownPage {
				display: block;
			}
			#BranchesNavBarLinkBranches:hover .DropDownPage {
				display: block;
			}
				#NavBarLinkWordBranches {
					/*color: white;*/
				}
				#BranchesNavBarLinkWordBranches {
					color: white;
				}
				.DropDownMenuItem {
					height: 40px;
					width: 100%;
					display: block;
					text-decoration: none;
					background-color: white;
					padding-left: 10px;
					line-height: 40px;

					font-size: 20px;
					color: grey;
					text-shadow: 0.4px 0.4px blue;
					border: 1px solid grey;
					border-top: 0px solid black;
					/*box-shadow: 1px 1px 8px black;*/
				}
				.DropDownMenuItem:hover {
					cursor: pointer;
					background-color: grey;

					font-size: 21px;
					color: white;
				}
				/*#DropDownMenuPretoria {
					border-radius: 0px 0px 20px 20px;
				}*/
				#DropDownMenuAlberton {
					border-radius: 0px 0px 20px 20px;
				}



/*BEGINNING OF SMALL NAVBAR*/
.SmallNavBar {
	height: 90px;
	width: 100%;
	margin-top: -8px;
	border-bottom: 10px solid skyblue;
	background-color: white;
	position: fixed;
	z-index: 2;

}
	.SmallNavBarLogoContainer {
		display: table-cell;
		float: left;
		height: 90px;
		width: 30%;
		background-color: ;

		text-decoration: none;
	}
		.SmallNavBarLogo {
			height: 120px;
			width: 120px;
			margin-left: 10px;
			position: absolute;
			z-index: 3;
		}
	.SmallNavBarRightCell {
		display: table-cell;
		float: left;
		height: 90px;
		width: 70%;
	}
	/*
		.SmallNavBurgerContainer {
			height: 53px;
			width: 53px;
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-right: 100px;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			background-color: blue;
		}
		*/
			.SmallNavBurger {
				height: 49px;
				width: 49px;
				display: block;
				/*margin-left: auto;
				margin-right: auto;*/
				margin-right: 100px;
				float: right;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				border: 2px solid lightgrey;
				border-radius: 4px;
				box-shadow: 1px 1px 2px royalblue;
			}
			.SmallNavBurger:hover {
				cursor: pointer;
			}
				.SmallNavBurgerLine {
					height: 9px;
					display: block;
					width: 80%;
					margin-left: auto;
					margin-right: auto;
					background-color: rgb(78,78,78);
					border-radius: 20px;
					box-shadow: 1px 1px 2px royalblue;
				}
				#SmallNavBurgerTopLine {
					margin-top: 5.5px;
					margin-bottom: 5.5px;
					background-color: skyblue;
					background-color: lightgrey;
				}
				#SmallNavBurgerMiddleLine {
					margin-bottom: 5.5px;
					background-color: palegreen;
					background-color: lightgrey;
				}
				#SmallNavBurgerBottomLine {
					margin-bottom: 5.5px;
					background-color: skyblue;
					background-color: lightgrey;
				}
					.BurgerDropDownPage {
						height: 205px;
						width: 100%;
						display: none;
						position: fixed;
						z-index: 1;
						background-color: pink;
						/*border-radius: 20px;*/
						margin-top: 92px;
					}
					#BurgerDropDownPageID {

					}
						.SmallDropDownMenuItem {
							height: 40px;
							width: 100%;
							display: block;
							text-decoration: none;
							background-color: white;
							color: grey;
							text-shadow: 0.4px 0.4px blue;
							border: 1px solid grey;
							border-top: 0px solid black;

							line-height: 40px;
							font-size: 30px;
							text-align: center;
						}
						.SmallDropDownMenuItem:hover {
							background-color: rgba(78,78,78,1);
							color: white;
						}

/*BranchesDropDownPageSmall*/

			.BranchesDropDownPage {
				display: none;
				position: absolute;
				background-color: ;
				width: 50%;
				margin-left: 25%;
				height: 160px;
				height: 120px;

				height: 80px;
				z-index: 1;
				/*background-color: purple;*/
				border-radius: 20px;
			}
				.BranchesDropDownMenuItem {
					height: 40px;
					width: 100%;
					display: block;
					text-decoration: none;
					background-color: white;
					padding-left: 10px;
					line-height: 40px;
					font-size: 20px;
					color: grey;
					text-shadow: 0.4px 0.4px blue;
					border: 1px solid grey;
					border-top: 0px solid black;
				}
				.BranchesDropDownMenuItem:hover {
					cursor: pointer;
					background-color: lightgrey;
					font-size: 21px;
				}
				#BranchesSmallDropDownMenuItem {
					cursor: pointer;
				}

				#BranchesDropDownMenuAlberton {
					/*border-radius: 20px;*/
				}
			/*BranchesDropDownPageSmallEnd*/
	/*END OF SMALL NAVBAR*/
		





.SeperationDiv {
	height: 92px;
	width: 100%;
	/*background-color: red;*/
}







/*Home Page*//*Home Page*//*Home Page*//*Home Page*/

.MainBody {
	height: 1200px;
	width: 100%;
	background-image: url("Images/PictureBackground.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.TheTopDivHomepage {
	width: 100%;
	height: 200px;
}
	.HeadingBlockHomePage {
		width: 700px;
		height: 200px;
		/*background-color: rgba(0,0,0,.3);*/
	}
/*
30px 50px
*/
		.TheTopHeading {
			font-size: 100px;
			font-size: 450%;
			color: rgba(78,78,78,1);
			color: rgb(78,78,78);
			color: white;
			text-shadow: 1px 1px 8px blue;
			text-align: left;
			padding-left: 4%;
			line-height: 200px;
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
		}
		.BOLSubHeading {
			color: grey;
			font-size: 200%;
			font-weight: bold;
			text-shadow: 1px 1px black;
			text-align: left;
			margin-top: -50px;
			/*
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			*/
			padding-left: 19%;
		}
		/*Perhaps only for responsive*/
	.DivUnderHeading {
		width: 100%;
		height: 80px;
	}
	.HomePageSlideHeadingContainer {
		width: 100%;
		height: 100px;
		background-color: rgba(0,0,0,0.2);
		display: block;
	}
		.HomePageSlideHeading {
			line-height: 100px;
			text-align: center;
			font-size: 80px;
			color: white;
		}
		#HomePageSlideHeadingProducts {
			text-shadow: 2px 2px 8px green;

			animation-name: HeaderOneFade;
			animation-duration: 30s;
			animation-iteration-count: infinite;
		}
		#HomePageSlideHeadingTreatments {
			text-shadow: 2px 2px 8px indigo;

			animation-name: HeaderTwoFade;
			animation-duration: 30s;
			animation-iteration-count: infinite;

			margin-top: -100px;
		}
		#HomePageSlideHeadingOxidativeProducts1 {
			text-shadow: 2px 2px 8px skyblue;

			animation-name: HeaderThreeFade;
			animation-duration: 30s;
			animation-iteration-count: infinite;

			margin-top: -100px;
		}

		@keyframes HeaderOneFade {
			0%{opacity: 0;}
			8%{opacity: 1;}
			23%{opacity: 1;}
			27%{opacity: 0;}
			100%{opacity: 0;}
		}

		@keyframes HeaderTwoFade {
			0%{opacity: 0;}
			27%{opacity: 0;}
			31%{opacity: 1;}
			46%{opacity: 1;}
			50%{opacity: 0;}
			100%{opacity: 0;}
		}

		@keyframes HeaderThreeFade {
			0%{opacity: 0;}
			50%{opacity: 0;}
			54%{opacity: 1;}
			95%{opacity: 1;}
			100%{opacity: 0;}
		}

		/*@keyframes HeaderThreeFade {
			0%{opacity: 0;}
			50%{opacity: 0;}
			54%{opacity: 1;}
			69%{opacity: 1;}
			73%{opacity: 0;}
			100%{opacity: 0;}
		}

		@keyframes HeaderFourFade {
			0%{opacity: 0;}
			73%{opacity: 0;}
			77%{opacity: 1;}
			92%{opacity: 1;}
			95%{opacity: 1;}
			100%{opacity: 0;}
		}*/

.HomePgSlideDiv {
	width: 100%;
	height: 200px;
	overflow: hidden;

	animation-name: SlidesToFade;
	animation-duration: 30s;
	animation-iteration-count: infinite;
}
@keyframes SlidesToFade {
	0%{opacity: 0;}
	5%{opacity: 1;}
	10%{opacity: 1;}
	20%{opacity: 1;}
	30%{opacity: 1;}
	40%{opacity: 1;}
	50%{opacity: 1;}
	60%{opacity: 1;}
	70%{opacity: 1;}
	80%{opacity: 1;}
	90%{opacity: 1;}
	95%{opacity: 1;}
	100%{opacity: 0;}
}

	.SlideBody {
		height: 200px;
		width: 400%;
		display: table;
		background-color: rgba(0,0,0,0.2);
		/*background-color: rgba(255,255,255,0.9);*/
		border-top: 2px solid rgba(0,0,0,0.4);
		border-bottom: 2px solid rgba(0,0,0,0.4);
		animation-name: MoveLeft;
		animation-duration: 30s;
		animation-iteration-count: 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%);}
	}
		.HomeSlide {
			display: table-cell;
			float: left;
			width: 25%;
			height: 200px;
		}
	

.Box {
	width: 40px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;

	animation-name: SlideFrame;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: rotate(45deg);
	transition: transform 2s;
}

	.HomePgSlideDivSlide {
		height: 200px;
		width: 100%;
		display: table;
	}
		.HomePgSlideCell {
			display: table-cell;
			float: left;
			height: 200px;
			width: 20%;
		}
		#HomePgSlideCellGreen {

		}
			.HomePgSlide {
				width: 150px;
				height: 150px;
				margin-top: 25px;
				margin-bottom: 25px;
				/*width: 75%;
				height: 75%;
				margin-top: 25%;
				margin-bottom: 25%;*/
				display: block;
				margin-left: auto;
				margin-right: auto;
				border: 2px solid white;
				background-color: white;
				border: 1px solid grey;
				border-radius: 10px;
				box-shadow: 2px 2px 4px black;

				animation: mymove infinite;
				animation-duration: 3s;

				background-image: url("Images/CREAM.webp");
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
			}
			@keyframes mymove {
				transform: rotate(360deg);
			}
			.HomePgSlide:hover {
				
			}

.PictureDiv {
	width: 800px;
	width: 100%;
	margin-top: -40px;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	height: 50%;
	/*background-color: blue;*/
	/*background-color: grey;*/
}

	.PictureDivInsideBlock {
		height: 500px;
		height: 83.3%;
		margin-top: 50px;
		margin-bottom: 50px;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		display: block;
		border-radius: 45px;
		box-shadow: 4px 4px 8px black;
		background-color: rgba(0,0,0,0.2);

		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
		.PictureDivInsideBlockLeftCell {
			display: table-cell;
			height: 500px;
			height: 100%;
			width: 40%;
			float: left;
			/*background-color: skyblue;*/
		}
			.PictureDivImage {
				width: 90%;
				height: 400px;
				height: 70%;
				margin-bottom: 50px;
				margin-top: 50px;
				margin-bottom: 15%;
				margin-top: 15%;
				object-fit: contain;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
		.PictureDivInsideBlockRightCell {
			display: table-cell;
			height: 500px;
			height: 100%;
			width: 60%;
			float: left;
		}
			.PicureDivInfoSlide {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 100%;
				text-align: center;

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

				animation: fadeOne 10s infinite;
			}

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

			}
				.WritingT {
					color: white;
					font-size: 90px;
					font-size: 350%;
					font-size: 450%;
					font-weight: bold;
					text-shadow: 2px 2px black;
					margin-top: 30px;
				}


.TwoDivSeperatorDiv {
	height: 200px;
	width: 100%;
}

.TreatmentOptionsDiv {
	height: 400px;
	width: 100%;
	background-color: purple;
	border: 2px solid grey;
}
	.TreatmentsDivHeading {
		text-align: center;
		font-size: 50px;
		font-weight: bold;
		color: white;
		color: rgba(255,255,255,0.8);
		text-shadow: 2px 2px black;
		height: 100px;
		line-height: 100px;
		background-color: rgba(0,0,0,0.2);
		border-bottom: 2px solid rgba(255,255,255,0.8);
	}

/**/


.OxidativeCreamsDivContainer {
	width: 100%;
	height: 400px;
}
	.OxidativeCreamsDiv {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
		height: 400px;
		background-color: skyblue;
		border: 2px solid white;
		border-radius: 20px;
	}
		.OxidativeCreamsHeading {
			text-align: center;
			color: skyblue;
			text-shadow: 1px 1px black;
			font-size: 40px;
			background-color: rgba(0,0,0,0.3);
			height: 80px;
			line-height: 80px;
			border-radius: 18px 18px 0px 0px;
		}


.BloodVideo {

}








.Heading {
	text-align: center;
}

.PriceTable {
	display: block;
	width: 600px;
	height: relative;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid grey;
}
	.PriceRow {
		display: table;
		height: 50px;
		width: 100%;
		border: 1px solid grey;
	}
		.PriceCellLeft {
			display: table-cell;
			height: 50px;
			width: 60%;
			background-color: palegreen;

			line-height: 50px;
			font-size: 30px;
			padding-left: 20px;
		}
		.PriceCellRight {
			display: table-cell;
			height: 50px;
			width: 40%;
			background-color: skyblue;
			line-height: 50px;
			font-size: 30px;
			text-align: center;
		}











.ContainerOverFooter {
	height: 380px;
	width: 100%;
	overflow: hidden;
	z-index: -1;
	display: none;
}

	.LogoBehindFooter {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		opacity: 0.7;
	}


.AddressBox {
	height: 200px;
	width: 100%;
	display: table;
	border: 3px solid rgba(0,0,0,.4);
	background-color: rgba(255,255,255,.7);
}

/*SMALL ADDRESS BOX*/

/*SMALL ADDRESS BOX ENDS*/
	/*#LargeAddressBox {
		display: none;
	}
	*/


	.AddressBoxLeftCell {
		width: 25%;
		height: 200px;
		display: table-cell;
		float: left;
	}
	.AddressBoxRightcell {
		height: 200px;
		display: table-cell;
		float: left;
		width: 25%;
		background-color: blue;
		background-image: url("Images/PictureBackground.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
		.AddressBoxRightcellInnerDiv {
			display: inline-block;
			height: 200px;
			width: 100%;
			background-color: rgba(0,0,0,0.2);
		}
			.AddressHeading {
				color: white;
				text-align: center;
				text-shadow: 1px 1px 8px black;
			}
			.Address {
				color: white;
				text-align: center;
				text-shadow: 1px 1px 8px black;
				margin-top: -15px;
			}
	.ContactNumberCell {
		height: 200px;
		width: 300px;
		display: table;
		float: left;
		background-color: white;

		width: 25%;
		background-color: white;
		background-image: url("Images/BOL LOGO.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
		.ContactNumberCellInnerDiv {
			display: inline-block;
			height: 200px;
			width: 100%;
			background-color: rgba(255,255,255,0.5);
		}
			.ContactHeading {
				color: skyblue;
				text-shadow: 1.5px 1.5px rgba(0,0,0,1);
				text-align: center;
				/*margin-top: 40px;*/
				position: relative;
				top: 50%;
				transform: translateY(-75%);
			}
			.ContactNumber {
				color: skyblue;
				text-shadow: 1px 1px rgba(0,0,0,1);
				text-align: center;
				font-size: 30px;
			}
	.FooterSeperationDiv {
		display: table-cell;
		float: left;
		width: .1%;
		height: 100%;
		background-color: grey;
	}
	.OpeningTimesCell {
		height: 200px;
		width: 24.9%;
		display: table;
		float: left;
		background-color: white;
	}
		.FooterRightCellLogoPanel {
			display: block;
			background-color: ;
			height: 40%;
			width: 100%;
		}	
			.FooterLogo {
				width: 70px;
				height: 70px;
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}

		.OpeningTimesAndBankingBlock {
			display: block;
			background-color: ;
			height: 60%;
			width: 100%;
		}
			.OpeningTimesInnerCell {
				display: table-cell;
				float: left;
				background-color: ;
				height: 100%;
				width: 50%;
			}
				.OpeningTimesInnerBlock {
					display: block;
					margin-left: auto;
					margin-right: auto;
					width: 80%;
					height: 100%;
				}
					.FooterOpeningTimesTitle {
						/*margin-left: 10%;*/
						padding-top: 10px;
						font-size: 18px;

						text-align: center;
					}
					.FooterOpeningTimesDays {
						/*margin-left: 10%;*/

						text-align: center;
					}
					.FooterOpeningTimes {
						/*margin-left: 10%;*/

						text-align: center;
					}

			/*.BankingCell{
				display: table-cell;
				float: left;
				background-color: ;
				height: 100%;
				width: 50%;
			}
				.BankingBlock {
					display: block;
					margin-left: auto;
					margin-right: auto;
					width: 80%;
					height: 100%;
				}
					.FooterBankingDetailsTitle {
						padding-left: 10%;
						font-size: 18px;
						padding-top: 10px;
					}
					.FooterBank {
						padding-left: 10%;
					}
					.FooterBankBranch {
						padding-left: 10%;
					}
					.FooterBankAccountNumber {
						padding-left: 10%;
					}*/



#FaceBookIcon {
	/*position: fixed;*/
	width: 50px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	/*margin: 5px 2px;*/
	background: #3B5998;
	color: white;
	font-size: 30px;
	line-height: 53px;
	border-radius: 45px;
	border: 1.4px solid white;
	position: fixed;
	/*top: 50%;*/
	/*top: 270px;*/
	top: 35%;
	right: 30px;
	box-shadow: 1px 1px 8px black;
}
#FaceBookIcon:hover {
	opacity: 0.8;
}
/*
.fa {

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


/*Product Page*//*Product Page*//*Product Page*//*Product Page*/



.ProductOptionTableContainer {
	height: 90px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	margin-top: 20px;
	margin-bottom: 40px;
}

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

	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#ProductOptionTableCapsules {
	
}
#ProductOptionTablePills {
		
}
#ProductOptionTablePowders {
		
}
#ProductOptionTableCreams {
	
}
#ProductOptionTableLiquids {

}
	.ProductOptionTableCell {
		height: 50px;
		width: 20%;
		display: table-cell;
		float: left;
		/*background-color: pink;*/

		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
		.ProductOptionLink {
			text-decoration: none;
		}
		.ProductOption {
			display: block;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			height: 45px;	
			background-color: rgba(0,255,255,1);
			background-color: rgb(78,78,78);
			border-radius: 10px;
			border: 2px solid white;
			border: 2px solid rgba(0,255,255,1);
			box-shadow: 2px 2px rgba(0,0,0,0.5);
			line-height: 45px;
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			color: white;
			text-decoration: none;
			text-shadow: 1px 1px black;
			text-shadow: 1px 1px royalblue;
			
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
		}

		.ProductOption:hover {
			cursor: pointer;
			transform: scale(1.1);
			background-color: grey;

			background-color: rgba(152,251,152,0.5);
			background-color: rgba(0,255,255,0.5);
			/*text-shadow: 1px 1px black;*/
		}
		#ProductsOptionCapsules {
			
		}
		#ProductsOptionPills {
		
		}
		#ProductsOptionPowders {
		
		}
		#ProductsOptionCreamsBalmsOils {
		
		}
		#ProductsOptionLiquids {
		
		}


/*Small Product Options Table*/
/*Small Product Options Table*/



.SmallProductOptionTableContainer {
	height: 400px;
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 12px;
	border: 2px solid white;
}
	.SmallOptionsCell {
		height: 80px;
		width: 100%;
		background-color: rgba(0,255,255,0.3);
		display: block;
	}
	#SmallOptionsCell1 {
		border-radius: 10px 10px 0px 0px;
	}
	#SmallOptionsCell5 {
		border-radius: 0px 0px 10px 10px;
	}
		.SmallOptionLink {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);

			height: 50px;
			width: 80%;
			background-color: cyan;
			border-radius: 10px;
			border: 2px solid cyan;
			box-shadow: 1px 1px 8px black;

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

			text-decoration: none;
			background-color: rgb(78,78,78);
		}
		.SmallOptionLink:hover {
			cursor: pointer;
			background-color: rgba(0,0,0,0.4);
			box-shadow: none;
		}

/*Small Product Options Table Ends*/
/*Small Product Options Table Ends*/



.ProductPageTitle {
	height: 100px;
	width: 100%;
	text-align: center;
	line-height: 100px;
	margin-top: 50px;
	font-size: 50px;
	font-weight: bold;
	color: palegreen;
	text-shadow: 1px 1px 2px black;
	background-color: rgba(0,0,0,0.2);
	border-top: 2px solid rgba(0,0,0,0.4);
}
	.ProductPageTitleInnerDiv {
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 75px;
		margin-top: 12.5px;
		margin-bottom: 12.5px;
		background-color: lightgrey;
	}
		.ProductPageTitleCell {
			display: table-cell;
			float: left;
			width: 20%;
			height: 75px;
			background-color: blue;
		}
			.ProductPageTitleItem {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 60px;
				margin-top: 7.5px;
				margin-bottom: 7.5px;
				width: 150px;
				background-color: coral;
			}

.ProductPgSlideDiv {
	width: 100%;
	height: 200px;
	overflow: hidden;

	animation-name: ProductSlidesToFade;
	animation-duration: 30s;
	animation-iteration-count: infinite;
}
@keyframes ProductSlidesToFade {
	0%{opacity: 0;}
	5%{opacity: 1;}
	10%{opacity: 1;}
	20%{opacity: 1;}
	30%{opacity: 1;}
	40%{opacity: 1;}
	50%{opacity: 1;}
	60%{opacity: 1;}
	70%{opacity: 1;}
	80%{opacity: 1;}
	90%{opacity: 1;}
	95%{opacity: 1;}
	100%{opacity: 0;}
}

	.ProductSlideBody {
		height: 200px;
		width: 500%;
		display: table;
		background-color: rgba(0,0,0,0.2);
		/*background-color: rgba(255,255,255,0.9);*/
		/*border-top: 2px solid rgba(0,0,0,0.4);
		border-bottom: 2px solid rgba(0,0,0,0.4);*/
		animation-name: ProductsMoveLeft;
		animation-duration: 30s;
		animation-iteration-count: infinite;
	}
	@keyframes ProductsMoveLeft {
		0% {transform: translate(0%);}/**/
		16% {transform: translate(0%);}/**/
		24% {transform: translate(-20%);}/**/
		36% {transform: translate(-20%);}/**/
		44% {transform: translate(-40%);}/**/
		56% {transform: translate(-40%);}/**/
		64% {transform: translate(-60%);}/**/
		76% {transform: translate(-60%);}/**/
		84% {transform: translate(-80%);}/**/
		100% {transform: translate(-80%);}/**/
	}
		.ProductSlide {
			display: table-cell;
			float: left;
			width: 20%;
			height: 200px;
			/*background-color: orange;*/
			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
		}
		#ProductSlideCapsules {

		}
		#ProductSlidePills {

		}
		#ProductSlidePowders {

		}
		#ProductSlideCreams {

		}
		#ProductSlideLiquids {

		}

		.ProductPgSlideCell {
			display: table-cell;
			float: left;
			height: 200px;
			width: 20%;
		}
		#HomePgSlideCellGreen {

		}
			.ProductPgSlide {
				width: 150px;
				height: 150px;
				margin-top: 25px;
				margin-bottom: 25px;
				display: block;
				margin-left: auto;
				margin-right: auto;
				border: 2px solid white;
				background-color: white;
				border: 1px solid grey;
				border-radius: 10px;
				box-shadow: 2px 2px 4px black;

				animation: mymove infinite;
				animation-duration: 3s;

				/*transform: rotate(90deg);
				transition: transform 2s;*/

				background-image: url("Images/CREAM.webp");
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
			}
			@keyframes mymove {
				transform: rotate(360deg);
			}
			.HomePgSlide:hover {
				
				/*transition: transform 2s;*/
				/*animation-delay: 2s;*/
			}

				.ProductPgSlideImage {
					display: block;
					height: 152px;
					width: 152px;
					/*border-radius: 10px;*/
					border-radius: 10px;
					object-fit: cover;
					margin-left: -1px;
					margin-top: -1px;
				}


.ProductsHeading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px rgba(0,0,0,0.5);
	text-align: center;
	line-height: 60px;
	color: turquoise;
	text-shadow: 2px 2px black;
	background-color: rgba(64,224,208,0.3);
	background-color: palegreen;
	color: white;
	border: 2px solid white;
	outline: 2px solid rgba(0,0,0,0.2);
}

.TopProductDiv {
	height: 120px;
	width: 100%;
	background-color: lightgrey;
}



.ProductPgMainBodyDiv {
	height: 600px;
	width: 100%;
	display: table;
	background-color: ;
	margin-top: 10px;
}
	.ProductPageMB {
		height: 580px;
		margin-top: 10px;
		display: block;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		background-color: ;
		border: 2px solid black;
		border-radius: 34px;
	}
		.ProductPageMBLeftCell {
			display: table-cell;
			float: left;
			height: 580px;
			width: 80%;
			border-radius: 30px 0px 0px 30px;
			background-image: url("Images/PictureBackground.jpg");
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			
		}
			.ProductPageMDLeft {
				display: inline-block;
				height: 580px;
				width: 100%;
				border-radius: 30px 0px 0px 30px;
			}
		.ProductPageMBRightCell {
			display: table-cell;
			float: left;
			height: 580px;
			width: 20%;
			border-radius: 0px 30px 30px 0px;
			background-color: white;
		}
			.ProductPageMBRight {
				display: inline-block;
				height: 580px;
				width: 100%;
				background-color: indigo;
				border-radius: 0px 30px 30px 0px;
			}
				.ProductPageMBOptionDiv {
					height: 20%;
					width: 100%;
					display: block;
					background-color: rgba(0,0,0,0.4);
					border: 0.02px solid rgba(0,0,0,0);
				}
				#ProductPageMBOptionDivCapsules {
					border-radius: 0px 30px 0px 0px;
				}
				#ProductPageMBOptionDivLiquids {
					border-radius: 0px 0px 30px 0px;
				}
					.ProductPageMBOption {
						height: 60%;
						width: 80%;
						display: block;
						margin-left: auto;
						margin-right: auto;
						margin-top: 8%;
						background-color: white;
						border: 2px solid white;
						border-radius: 20px;
						background-color: indigo;
						box-shadow: 2px 2px rgba(0,0,0,0.3);


						text-align: center;
						line-height: 70px;
						color: white;
						font-size: 100%;
						font-size: 23px;
						text-shadow: 1px 1px black;

						text-decoration: none;
					}
					.ProductPageMBOption:hover {
						transform: scale(1.2);
						opacity: 0.4;
						cursor: pointer;
					}
					#ProductPageMBOptionCapsules {
						
					}




.ProductsPageMainBodyDiv {
	display: table;
	height: 500px;
	width: 100%;
	background-color: black;
}
	.ProductsPageMainBodyLeftDiv {
		display: table-cell;
		float: left;
		width: 20%;
		height: 500px;
		background-color: green;
	}
		.ProductsPageMainBodyLeft {
			display: inline-block;
			width: 200px;
			height: 450px;
			margin-top: 25px;
			margin-left: auto;
			margin-right: auto;
			background-color: white;
		}
			.ProductsPageMainBodyLeftTitle {
				height: 70px;
				width: 100%;
				background-color: coral;
			}
			.ProductsPageMainBodyLeftTopSeperator {
				height: 30px;
				width: 100%;
			}
			.ProductsPageMainBodyLeftCapsules {
				height: 70px;
				width: 100%;
				background-color: yellow;
			}
			.ProductsPageMainBodyLeftPills {
				height: 70px;
				width: 100%;
				background-color: red;
			}
			.ProductsPageMainBodyLeftPowders{
				height: 70px;
				width: 100%;
				background-color: yellow;
			}
			.ProductsPageMainBodyLeftCreamsBalmsAndOils {
				height: 70px;
				width: 100%;
				background-color: red;
			}
			.ProductsPageMainBodyLeftLiquids {
				height: 70px;
				width: 100%;
				background-color: yellow;
			}
	.ProductsPageMainBodyRightDiv {
		display: table-cell;
		float: left;
		width: 80%;
		height: 500px;
		background-color: palegreen;
	}
		.ProductsPageMainBodyRightInnerBlock {
			display: inline-block;
		}


.ProductPgSlideDiv {
	height: 200px;
	width: 100%;
	background-color: rgba(0,128,128,0.3); /*teal*/
	background-color: rgba(0,0,0,0.2);
	border-top: 2px solid rgba(0,0,0,0.4);
	border-bottom: 2px solid rgba(0,0,0,0.4);
}
	.ProductPgSlideDivSlide {
		height: 200px;
		width: 100%;
		display: table;
	}
		.ProductPgSlideCell {
			display: table-cell;
			float: left;
			height: 200px;
			width: 20%;
		}
		#ProductPgSlideCellGreen {
			
		}
			.ProductPgSlide {
				width: 150px;
				height: 150px;
				margin-top: 25px;
				margin-bottom: 25px;
				display: block;
				margin-left: auto;
				margin-right: auto;
				border: 2px solid white;
				background-color: white;
				border: 1px solid grey;
				border-radius: 10px;
				box-shadow: 2px 2px 4px black;

				animation: Productmove infinite;
				animation-duration: 3s;

				/*transform: rotate(90deg);
				transition: transform 2s;*/
			}
			/*@keyframes Productmove {
				transform: rotate(360deg);
			}*/
			.ProductPgSlide:hover {
				
				transition: transform 2s;
				/*animation-delay: 2s;*/
			}

.ProductCreamsHeading {
	width: 100%;
	height: 100px;
	background-color: rgba(0,0,0,0.8);
	color: white;
	font-size: 40px;
	text-shadow: 2px 2px grey;
	border: 2px solid black;

	text-align: center;
	line-height: 100px;
}

.CreamSlideOptions {
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	height: 300px;
	display: block;

}
	.CreamSlideOptionCell {
		display: table-cell;
		width: 25%;
		height: 300px;
		float: left;
	}
		.CreamSlideOption {
			display: block;
			width: 200px;
			height: 200px;
			margin-left: auto;
			margin-right: auto;
			background-color: white;
			border: 1px solid black;
			border-radius: 20px;
			margin-bottom: 30px;
			margin-top: 70px;
		}





.ProductsButtonsTable {
	height: 300px;
	width: 400px;
	background-color: ;
}
	.ProductButtonContainer {
		display: block;
		height: 60px;
		width: 400px;
		background-color: ;
	}
		.ProductButton {
			display: block;
			height: 51px;
			width: 320px;
			margin-left: 40px;
			margin-right: 40px;
			background-color: blue;
			border: 2px solid white;
			box-shadow: 2px 2px rgba(0,0,0,0.3);

			line-height: 51px;
			font-size: 30px;
			font-weight: bold;
			text-align: center;
			color: white;
			text-shadow: 2px 2px black;
		}
		.ProductButton:hover {
			box-shadow: none;
		}

		#CapsulesButton {
			background-color: turquoise;
		}
		#PillsButton {
			background-color: tomato;
		}
		#CreamsBalmsAndOilsButton {
			background-color: coral;
		}
		#PowdersButton {
			background-color: gold;
		}
		#LiquidsButton {
			background-color: purple;
		}








.HerbalProductsTitle {
	text-align: center;
	font-size: 50px;
	color: rgb(78,78,78);
	display: none;
}

.ProductsTitle {
	text-align: center;
	font-size: 50px;
	color: rgb(78,78,78);
	display: none;
}



.ProductPageMainBody {
	width: 100%;
	height: 800px;
}
	.productPageMainBodyLeftCell {
		display: table-cell;
		float: left;
		width: 80%;
		height: 100%;
	}

		.ProductPageMainBodyInside {
			display: flex;
			display: none;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: stretch;
			align-items: stretch;
			margin-top: 20px;
		}
			.ProductBlockContainer {
				margin: 5px;
				flex-grow: 1;
				flex-shrink: 0;
				flex-basis: 100px;

			}
				.ProductBlock {
					width: 300px;
					display: block;
					margin-left: auto;
					margin-right: auto;
				}
					.ProductImageBlock {
						width: 300px;
					}
						.ProductImage {
							width: 300px;
							object-fit: contain;
						}
					.ProductTitle {
						font-weight: bold;
					}
					.ProductDescription {

					}

			.ProductOptions {
				height: 100px;
				width: 100%;
				width: 100px;
				border-bottom: 2px solid purple;
				height: 80px;
				text-align: center;
			}
			.ProductOptions:hover {
				cursor: pointer;
				background-color: rgba(78,78,78,0.5);
			}
				.ProductOptionTitle {
					text-align: center;
					color: rgba(78,78,78,1);
					margin-top: 0px;
					line-height: 100px;

					border-radius: 30px;
					background-color: coral;
					height: 20px;
					text-align: center;
				}
			





/*Treatment Page*//*Treatment Page*//*Treatment Page*//*Treatment Page*/


.TreatmentsHeading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px rgba(0,0,0,0.5);
	text-align: center;
	line-height: 60px;
	color: turquoise;
	text-shadow: 2px 2px black;
	background-color: lightgrey;
	color: white;
	border: 2px solid white;
	outline: 2px solid rgba(0,0,0,0.2);

	margin-top: 0px;
	width: 100%;
	position: fixed;
	z-index: 1;
}
	.TreatmentBurgerBoxContainer {
		width: 60px;
		height: 60px;
		margin-left: 30%;

		position: fixed;
		top: 102px;
		z-index: 2;
	}
		.TreatmentBurgerBox {
			display: block;
			margin-left: auto;
			margin-right: auto;

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

			background-color: white;
			background-color: lightgrey;
			border: 2px solid rgba(78,78,78,1);
			border-radius: 10px;
			width: 50px;
			height: 50px;
			box-shadow: 1px 1px 8px rgba(0,0,0,0.2);
		}
		.TreatmentBurgerBox:hover {
			cursor: pointer;
			background-color: rgba(0,0,0,0.4);
		}
			.TreatmentBurgerLine {
				height: 7px;
				width: 40px;
				background-color: rgba(78,78,78,1);

				display: block;
				margin-left: auto;
				margin-right: auto;

				border-radius: 4px;
			}
			.TreatmentBurgerLine:hover {
				
			}
			#TreatmentBurgerLine1 {
				margin-top: 7.5px;
			}
			#TreatmentBurgerLine2 {
				margin-top: 7px;
				margin-bottom: 7px;
			}
			#TreatmentBurgerLine3 {
				margin-bottom: 7.5px;
			}

/*SMALL POSTER OPTIONS*/
.SmallPostersOptions {
	height: 450px;
	/*background-color: pink;*/
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
	.SmallPostersOptionsLeftCell {
		height: 100%;
		width: 50%;
		display: table-cell;
		float: left;
		/*background-color: coral;*/
	}
	.SmallPostersOptionsRightCell {
		height: 100%;
		width: 50%;
		display: table-cell;
		float: left;
		/*background-color: orange;*/
	}
/*SMALL POSTER OPTIONS ENDS*/



.TreatmentOptionsBody {
	display: block;
	margin-right: 220px;
	/*background-color: blue;*/
	height: relative;
	margin-left: 10px;
}

.TreatmentOptionsBackground {
	width: 100%;
	height: relative;
	/*background-color: orange;*/
}
	.TratmentOptions {
		height: relative;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: stretch;
		align-items: stretch;
		margin-top: 20px;
		background-color: ;
	}
		.TreatmentOptionContainer {
			margin: 4px;
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: 100px;
		}
			.TreatmentOption {
				width: 250px;
				width: 200px;
				height: 40px;
				display: block;
				margin-left: auto;
				margin-right: auto;
				border: 1.4px solid grey;
				box-shadow: 2px 2px rgba(0,0,0,.5);
				border-radius: 30px;
				border-radius: 15px;

				text-align: center;
				line-height: 40px;
				font-size: 20px;
				color: grey;
				text-shadow: 1px 1px blue;
			}
			#TreatmentOptionH202 {
				background-color: rgba(78,78,78,1);
			}	
			#TreatmentOptionH202:hover {
				background-color: rgba(78,78,78,1);
			}
			#TreatmentOptionVitC {
				background-color: rgba(78,78,78,1);
			}
			#TreatmentOptionVitC:hover {
				background-color: rgba(78,78,78,1);
			}
			.TreatmentOption:hover {
				cursor: pointer;
				background-color: lightgrey;
			}

.TreatmentOptionsBottomDiv {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	height: 4px;
	background-color: lightgrey;
	margin-top: 5px;
	margin-bottom: 10px;
}



.TreatmentPoster {
	height: relative;
	display: block;
	width: 600px;
	border: 5px solid rgba(78,78,78,.7);
	border-radius: 10px;
	box-shadow: 5px 10px 8px rgba(0,0,0,.4);
	margin-left: 100px;
}

	.TreatmentPosterTop {
		height: 100px;
		width: 100%;
		display: inline-block;
		margin-bottom: -30px;
	}

		.TreatmentPosterHeading {
			text-align: center;
			text-decoration: underline;
			font-size: 40px;
			display: block;
		}
		#TreatmentPosterHeadingTDVR {
			text-decoration: none;
		}
		#TreatmentPosterHeadingHerxheimerReaction {
			color: black;
		}
		.DTDGSubheading {
			display: table;
			width: 100%;
		}
		.SubHeadLeft {
			display: table-cell;
			float: left;
			width: 50%;
			text-align: center;
		}
		.SubHeadRight {
			display: table-cell;
			float: left;
			width: 50%;
			text-align: center;

		}
		.ListHeading {
			font-size: 20px;
			color: rgb(78,78,78);
			margin-left: 50px;
			display: table;
			padding-bottom: 2px;
		}
			.ListHeadingPoint {
				display: table-cell;
				width: 20px;
			}
				.MainTriangle {
					width: 0;
					height: 0;
					border-top: 10px solid transparent;
					border-left: 20px solid navy;
					border-bottom: 10px solid transparent;
					margin-bottom: -2.5px;
					margin-right: 15px;
				}
					.TraingleSmall {
						width: 0;
						height: 0;
						border-top: 10px solid transparent;
						border-left: 9px solid white;
						border-bottom: 10px solid transparent;
						margin-left: -20px;
						margin-top: -10px;
					}
			.ListHeadingWording {
				display: table-cell;
			}

	.TreatmentPosterBottom {
		height: relative;
		width: 100%;
		display: inline-block;
	}
		.TreatmentPosterParagraphBlueCenter {
			color: indigo;
			text-align: center;
			display: block;
			margin-left: auto;
			margin-right: auto;
			font-weight: bold;
		}
		#TreatmentPosterParagraphBlueCenterBottom {
			margin-top: -19px;
			padding-bottom: 30px;
		}
		.TreatmentPosterParagraph {
			padding-left: 10px;
			padding-right: 10px;
			font-family: calibri;
			font-size: 18px;

			color: rgba(78,78,78,1);
		}
		.TreatmentPosterLastParagraph {
			padding-bottom: 30px;
		}
		#TreatmentPosterFirstParagraph {

		}
		.TreatmentPosterReference {
			padding-left: 20px;
			padding-right: 10px;
			font-family: calibri;
			font-size: 12px;
			color: rgba(78,78,78,1);
		}
		.spanred {
			color: crimson;
			color: red;
			font-weight: bold;
		}
		.spanblue {
			color: navy;
			font-weight: bold;
		}
		.Underline {
			text-decoration: underline;
		}
		.UnderlineBold {
			text-decoration: underline;
			font-weight: bold;
		}
		.LargeBoldBlue {
			font-size: 22px;
			font-weight: bold;
			color: indigo;
		}
		.LargeUnderlineBoldBlue {
			font-size: 22px;
			text-decoration: underline;
			font-weight: bold;
			color: indigo;
		}
		.BoldRedAndShadow {
			font-weight: bold;
			color: red;
			text-shadow: 1px 1px black;
		}
		.LargeBlue {
			font-size: 22px;
			color: navy;
		}
		.UnderlineAndRed {
			color: red;
			text-decoration: underline;
		}
		.UnderlineAndBlue {
			color: navy;
			text-decoration: underline;
		}
		.BlueBold {
			color: navy;
			font-weight: bold;
		}
		.LargeBold {
			font-size: 22px;
			font-weight: bold;
		}
		.BlueUnderlineBold {
			font-weight: bold;
			color: navy;
			text-decoration: underline;
		}

.TreatmentBody {
	display: block;
	display: none;
	margin-right: 220px;
	margin-bottom: 10px;
	margin-left: 10px;
	/*height: 600px;*/
	background-color: white;/*Must be included*/
}
#TreatmentBodyBlank {
	display: block;
	/*height: 280px;
	margin-left: 10px;*/
}
#TreatmentBodyRI {
	/*height: 600px;*/
}
#TreatmentBodyVI {

}
#TreatmentBodyWDDS {
	/*height: 1200px;*/
	/*height: 600px;*/
}
#TreatmentBodyH202 {

}
#TreatmentBodyTimeAndDosage {
	/*height: 600px;*/
}
#TreatmentBodyHowO3Works {
	/*height: 600px;*/

}
#TreatmentBodyBioOxidativeLaws {
	/*height: 1300px;*/
}
#TreatmentBodyHerxheimerReaction {
	/*height: 1500px;*/
}



	

		.TreatmentBodyLeftCell {
			display: table-cell;
			width: 60%;
			height: 100%;
			float: left;
			/*height: 600px;*/
			height: relative;
		}
		#TreatmentBodyLeftCellRI {
			/*height: 600px;*/
		}
		#TreatmentBodyLeftCellWDDS {
			/*height: 1200px;*/
		}
			#TreatmentPosterRectalInsufflation {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;
			}
			#TreatmentPosterVaginalalInsufflation {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;
			}
			#TreatmentPosterOxybath {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;
			}
			#TreatmentPosterOralDose {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;
			}
			#TreatmentPosterWDDS {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;
			}
			#TreatmentPosterTimeDosageVSViralReplication {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;

				width: 90%;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			#TreatmentPosterHowO3Works {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;
				
				/*width: 80%;*/
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			#TreatmentPosterBioOxidativeLaws {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;

				width: 95%;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			#TreatmentPosterHerxheimerReaction {
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);*/
				margin-top: 50px;
				margin-bottom: 50px;

				width: 95%;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}




	.TreatmentBodyRightCell {
		display: table-cell;
		width: 40%;
		height: 600px;
		float: left;
	}
	#TreatmentBodyRightCellRI {

	}
	#TreatmentBodyRightCellWDDS {
		height: 1200px;
	}
		.TreatmentPricingBlock {
			/*font-size: 50px;*/
			font-size: 40px;
			color: lightgrey;
			text-shadow: 2px 2px black;
			font-weight: bold;
			text-align: left;
			text-align: center;
			padding-left: 20px;
			display: block;

			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
		#TreatmentPricingBlockWDDS {
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
		.BOLTreatmentImage {
			/*height: 300px;
			width: 300px;*/
			height: 250px;
			width: 250px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		#BOLTreatmentImageRI {

		}

		.PriceNumber {
			/*font-size: 80px;*/
			font-size: 65px;
		}
		#PriceNumberPensioners {
			color: palegreen;
		}

		.PricingPensioners {
			color: palegreen;
		}

/*TreatmentPricingBlockSmaller*/

.TreatmentPricingBlockSmaller {
	display: block;
	/*width: 80%;*/
	/*width: 90%;*/
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	height: 250px;

	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
	.TreatmentPricingBlockSmallerLeftCell {
		display: table-cell;
		float: left;
		width: 40%;
		height: 250px;
		background-color: ;
	}
	#TreatmentPricingBlockSmallerLeftCellWDDS {
		width: 30%;
	}
		.TPBSLeftInside {
			height: 250px;
			width: 100%;
			/*background-color: yellow;*/
			display: block;

		}
	#TreatmentPricingBlockSmallerCenterCellWDDS {
		display: table-cell;
		float: left;
		width: 40%;
		height: 250px;
	}
		.TPBSCenterInside {
			height: 250px;
			width: 100%;
			/*background-color: teal;*/
			display: block;

			font-size: 40px;
			color: lightgrey;
			text-shadow: 2px 2px black;
			font-weight: bold;
			text-align: center;
		}
	.TreatmentPricingBlockSmallerRightCell {
		display: table-cell;
		float: left;
		width: 60%;
		height: 250px;
		/*background-color: blue;*/
	}
	#TreatmentPricingBlockSmallerRightCellWDDS {
		width: 30%;
	}
		.TPBSRightInside {
			height: 250px;
			width: 100%;
			/*background-color: teal;*/
			display: block;

			font-size: 40px;
			color: lightgrey;
			text-shadow: 2px 2px black;
			font-weight: bold;
			text-align: center;

			/*line-height: 100px;*/

			/*position: relative;
			top: 50%;
			transform: translateY(-50%);*/
		}
		#TPBSRightInsideWDDS {
			color: palegreen;
		}
			.PriceWordsDiv {
				display: block;
				height: 150px;

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




		.TreatmentPricingBlockSmallerInside {
		
		/*font-size: 50px;
		color: lightgrey;
		text-shadow: 2px 2px black;
		font-weight: bold;
		text-align: center;
		padding-left: 20px;*/
		/*display: block;*/

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








.InfoBoxHeading {
	height: 50px;
	width: 300px;
	line-height: 50px;
	cursor: pointer;
	padding-left: 20px;
	border-radius: 30px;
	border: 2px solid skyblue;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: grey;
	text-shadow: 1px 1px blue;
}
#InfoBoxHeading2 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.InfoBoxInfo {
	display: none;
	overflow: hidden;
	text-align: center;
}





/*Side Slide*//*Side Slide*//*Side Slide*//*Side Slide*/

.TreatmentSideSlideShow {
	width: 200px;
	height: 500px;
	border: 2px solid cyan;
	position: fixed;
	right: 50px;
	top: 150px;
	display: none;
}
	.TreatmentSideSlide1 {
		width: 200px;
		height: 500px;
		/*background-color: orange;*/
		display: block;
	}
		.TreatmentSideSlideOption {
			height: 100px;
			width: 200px;
			background-color: grey;
			margin-top: 12.5px;
			margin-bottom: 12.5px;
			display: inline-block;
		}
		.TreatmentSideSlide2Option {
			height: 100px;
			width: 200px;
			background-color: grey;
			margin-top: 12.5px;
			margin-bottom: 12.5px;
			display: inline-block;
		}
	.TreatmentSideSlide2 {
		width: 200px;
		height: 500px;
		background-color: purple;
		display: block;
	}



/*Treatment Information Table*//*Treatment Information Table*/

/*Smallest Treatment Information Table*/
.SmallestTreatmentInformationTable {
	height: 400px;
	width: 200px;
	background-color: white;
	border: 2px solid grey;
	border-radius: 20px;

	/**/
	/*position: fixed;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	/**/
	/*top: 110px;
	right: 10px;*/
	box-shadow: 1px 1px 5px black;
}
	.SmallestTreatmentInformationTableSection {
		height: 24.6%;
		border: 0.01px solid rgba(0,0,0,0);
		border: 1px solid grey;
		border-right: 0px solid rgba(0,0,0,0);
		background-color: rgba(0,0,0,0.3);
		width: 100%;

		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: white;
		text-shadow: 1.4px 1.4px rgba(0,0,0,0.5);


	}
	.SmallestTreatmentInformationTableSection:hover {
		cursor: pointer;
		background-color: grey;
	}

	#SmallestTreatmentInformationTableSection1 {
		border-radius: 18px 18px 0px 0px;
		background-color: rgba(50,205,50,1);/*limegreen*/
		background-color: rgba(0,250,154,1);/*mediumspringgreen*/
		background-color: rgba(78,78,78,1);
	}
	#SmallestTreatmentInformationTableSection1:hover {
		background-color: rgba(50,205,50,0.5);
		background-color: red;
	}
	#SmallestTreatmentInformationTableSection2 {
		background-color: rgba(0,0,128,1);/*navy*/
		background-color: rgba(72,209,204,1);/*mediumturquoise*/
		background-color: royalblue;

	}
	#SmallestTreatmentInformationTableSection2:hover {
		background-color: red;
	}
	#SmallestTreatmentInformationTableSection3 {
		background-color: rgba(50,205,50,1);/*limegreen*/
		background-color: rgba(0,250,154,1);/*mediumspringgreen*/
		background-color: rgba(78,78,78,1);
	}
	#SmallestTreatmentInformationTableSection3:hover {
		background-color: rgba(50,205,50,0.5);
		background-color: red;
	}
	#SmallestTreatmentInformationTableSection4 {
		border-radius: 0px 0px 18px 18px;
		background-color: rgba(0,0,128,1);/*navynavy*/
		background-color: rgba(72,209,204,1);/*mediumturquoise*/
		background-color: royalblue;
	}
	#SmallestTreatmentInformationTableSection4:hover {
		background-color: red;
	}

		.TreatmentInformation {
			background-color: ;
			position: relative;
			top: 30%;
			transform: translateY(-50%);	
		}

/*Smallest Treatment Information Table*/

/*Small Treatment Information Table*/
.SmallTreatmentInformationTable {
	height: 100px;
	/*width: 800px;*/
	width: 90%;
	background-color: white;
	border: 2px solid grey;
	border-radius: 20px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 1px 1px 5px black;

	margin-bottom: 15px;
}
	.SmallTreatmentInformationTableSection {
		/*width: 24.87%;*/
		width: 25%;
		display: table-cell;
		float: left;
		/*border: 0.01px solid rgba(0,0,0,0);
		border: 1px solid grey;
		border-right: 0px solid rgba(0,0,0,0);*/
		background-color: rgba(0,0,0,0.3);
		/*height: 98px;*/
		height: 100%;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: white;
		text-shadow: 1.4px 1.4px rgba(0,0,0,0.5);
	}
	.SmallTreatmentInformationTableSection:hover {
		cursor: pointer;
		background-color: grey;
	}
	#SmallTreatmentInformationTableSection1 {
		border-radius: 18px 0px 0px 18px;
		background-color: rgba(78,78,78,1);
	}
	#SmallTreatmentInformationTableSection1:hover {
		background-color: rgba(0,0,128,0.5);
		background-color: red;
	}
	#SmallTreatmentInformationTableSection4 {
		border-radius: 0px 18px 18px 0px;
		background-color: royalblue;
	}
	#SmallTreatmentInformationTableSection4:hover {
		background-color: rgba(0,0,128,0.5);
		background-color: red;
	}
/*Small Treatment Information Table Ends*/



.TreatmentInformationTable {
	height: 400px;
	width: 200px;
	background-color: white;
	border: 2px solid grey;
	border-radius: 20px;
	position: fixed;
	top: 110px;
	right: 10px;
	box-shadow: 1px 1px 5px black;
	/*z-index: 2;*/
}
	.TreatmentInformationTableSection {
		height: 24.6%;
		border: 0.01px solid rgba(0,0,0,0);
		border: 1px solid grey;
		border-right: 0px solid rgba(0,0,0,0);
		background-color: rgba(0,0,0,0.3);
		width: 100%;

		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: white;
		text-shadow: 1.4px 1.4px rgba(0,0,0,0.5);
	}
	.TreatmentInformationTableSection:hover {
		cursor: pointer;
		background-color: grey;
	}

	#TreatmentInformationTableSection1 {
		border-radius: 18px 18px 0px 0px;
		background-color: rgba(50,205,50,1);/*limegreen*/
		background-color: rgba(0,250,154,1);/*mediumspringgreen*/
		background-color: rgba(78,78,78,1);
	}
	#TreatmentInformationTableSection1:hover {
		background-color: rgba(50,205,50,0.5);
		background-color: red;
	}
	#TreatmentInformationTableSection2 {
		background-color: rgba(0,0,128,1);/*navy*/
		background-color: rgba(72,209,204,1);/*mediumturquoise*/
		background-color: royalblue;

	}
	#TreatmentInformationTableSection2:hover {
		background-color: red;
	}
	#TreatmentInformationTableSection3 {
		background-color: rgba(50,205,50,1);/*limegreen*/
		background-color: rgba(0,250,154,1);/*mediumspringgreen*/
		background-color: rgba(78,78,78,1);
	}
	#TreatmentInformationTableSection3:hover {
		background-color: rgba(50,205,50,0.5);
		background-color: red;
	}
	#TreatmentInformationTableSection4 {
		border-radius: 0px 0px 18px 18px;
		background-color: rgba(0,0,128,1);/*navynavy*/
		background-color: rgba(72,209,204,1);/*mediumturquoise*/
		background-color: royalblue;
	}
	#TreatmentInformationTableSection4:hover {
		background-color: red;
	}

		.TreatmentInformation {
			background-color: ;
			position: relative;
			top: 30%;
			transform: translateY(-50%);	
		}


/*Reviews*//*Reviews*//*Reviews*//*Reviews*//*Reviews*/


.ReviewPageMainBody {
	background-image: url("Images/PictureBackground.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
	.ReviewsTitleDivContainer {
		width: 100%;
		height: 120px;
		height: 80px;
		display: block;
		padding-top: 20px;
	}
		.ReviewsTitleDiv {
			height: 100px;
			height: 67px;
			width: 80%;
			display: block;
			margin-left: auto;
			margin-right: auto;
			background-color: rgba(0,0,0,0.5);
			background-color: white;
			background-color: rgba(0,0,0,0.5);
			border-radius: 45px;
			box-shadow: 1px 1px 8px indigo;/*skyblue*/

			line-height: 67px;
			text-align: center;
			font-size: 70px;
			color: white;
			text-shadow: 1px 1px 8px indigo;
			font-weight: bold;
		}
	.ReviewsSeperatorDiv {
		height: 30px;
		height: 25px;
		width: 100%;
		background-color: rgba(0,0,0,0.3);
		border-top: 3px solid rgba(135,206,235,0.5);
	}
	.ReviewsSection {
		/*height: 520px;*/
		height: 470px;
		width: 100%;
		overflow: auto;
	}
		.ReviewContainer {
			height: relative;
			display: block;
			padding: 50px;
			padding-top: 100px;
		}
			.Review {
				height: relative;
				width: 50%;
				border-radius: 20px;
				border: 2px solid rgba(152,251,152,1);
				background-color: rgba(255,255,255,0.5);
				background-color: plum;
				background-color: rgba(152,251,152,0.3);
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
				.ReviewDate {
					padding: 10px;
					font-weight: bold;
					font-size: 20px;
					color: lightgrey;
				}
				.ReviewWritting {
					padding: 20px;
					padding-left: 30px;
					font-style: italic;
					font-weight: bold;
					font-size: 20px;
					color: white;
					text-shadow: 1.5px 1.5px rgba(0,0,0,0.5);
				}
				.ReviewAuthor {
					padding: 10px;
					font-style: italic;
					font-weight: bold;
					font-size: 20px;
					text-align: right;
					color: lightgrey;
					text-shadow: 1px 1px 8px black;
				}


.BranchLogoImageContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	height: 212px;
	background-color: white;
}
	.BranchLogoImage {
		display: block;
		width: 80%;
		height: 80%;
		margin-left: auto;
		margin-right: auto;
		object-fit: contain;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}


/*Branches*//*Branches*//*Branches*//*Branches*//*Branches*/





/*
.BranchesHeadingSection {
	height: 212px;
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: ;
}
	.BranchLogoImageContainer {
		display: table-cell;
		float: left;
		width: 40%;
		height: 212px;
		background-color: white;
	}
		.BranchLogoImage {
			display: block;
			width: 80%;
			height: 80%;
			margin-left: auto;
			margin-right: auto;
			object-fit: contain;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
	.DivForTitleContainer {
		display: table-cell;
		float: left;
		width: 60%;
		height: 212px;
		background-color: white;
	}
		.DivForTitle {
			height: 212px;
			background-color: ;
			line-height: 212px;
			text-align: center;
			font-size: 60px;
			font-size: 100px;
			font-size: 70px;
			font-weight: bold;
			color: lightgrey;
			text-shadow: 1px 1px 8px royalblue;
		}
*/

.BranchBackgroundPicture {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: 400px;
	/*background-image: url("Images/PictureBackground.jpg");*/
	/*background-image: url("Images/Alberton/Alberton11.jpg");
	background-repeat: no-repeat;
	background-position: center;*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	
	
	border: 2px solid grey;
	box-shadow: 2px 2px 8px black;
	border-radius: 2px;
	margin-bottom: 20px;
	margin-top: 20px;
	display: none;
}

.PicturesPanelContainer {
	height: 280px;
	width: 100%;
	/*background-color: lightgrey;*/
}
	.Picturesline {
		width: 100%;
		height: 200px;
		background-color: grey;
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);	
	}
		.PicturePanelCell1 {
			display: table-cell;
			float: left;
			height: 100%;
			width: 25%;
			background-color: limegreen;
		}
		.PicturePanelCell2 {
			display: table-cell;
			float: left;
			height: 100%;
			width: 25%;
			background-color: navy;
		}
#BranchBackgroundPicture1 {
	background-image: url("");
	background-color: white;
}
.SlideFirstLogoImage {
	height: 90%;
	width: 90%;
	object-fit: contain;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#BranchBackgroundAlbertonPicture1 {
	background-image: url("");
	background-color: white;
}
#BranchBackgroundAlbertonPicture2 {
	background-image: url("Images/Alberton/Alberton11.jpg");
}
#BranchBackgroundAlbertonPicture3 {
	background-image: url("Images/Alberton/Alberton9.jpg");
}
#BranchBackgroundAlbertonPicture4 {
	background-image: url("Images/Alberton/Alberton10.jpg");
}
#BranchBackgroundAlbertonPicture5 {
	background-image: url("Images/Alberton/Alberton1.jpg");
}
#BranchBackgroundAlbertonPicture6 {
	background-image: url("Images/Alberton/Alberton4.jpg");
}

/*Randfontein*/
#BranchBackgroundRandfonteinPicture1 {
	background-color: white;
	background-image: url("Images/Roodepoort/RoodepoortImg1.jpg");
}
#BranchBackgroundRandfonteinPicture2 {
	background-image: url("Images/Roodepoort/RoodepoortImg2.jpg");
}
#BranchBackgroundRandfonteinPicture3 {
	background-image: url("Images/Roodepoort/RoodepoortImg3.jpg");
}
#BranchBackgroundRandfonteinPicture4 {
	background-image: url("Images/Roodepoort/RoodepoortImg4.jpg");
}
#BranchBackgroundRandfonteinPicture5 {
	background-image: url("Images/Roodepoort/RoodepoortImg5.jpg");
}
#BranchBackgroundRandfonteinPicture6 {
	background-image: url("Images/Roodepoort/RoodepoortImg6.jpg");
}
#BranchBackgroundRandfonteinPicture7 {
	background-image: url("Images/Roodepoort/RoodepoortImg7.jpg");
}
#BranchBackgroundRandfonteinPicture8 {
	background-image: url("Images/Roodepoort/RoodepoortImg8.jpg");
}


/*Pretoria*/
#BranchBackgroundPretoriaPicture1 {
	background-image: url("");
	background-color: white;
}
#BranchBackgroundPretoriaPicture2 {
	background-image: url("Images/Pretoria/Pretoria11.png");
}
#BranchBackgroundPretoriaPicture3 {
	background-image: url("Images/Pretoria/Pretoria3.png");
}
#BranchBackgroundPretoriaPicture4 {
	background-image: url("Images/Pretoria/Pretoria4.png");
}
#BranchBackgroundPretoriaPicture5 {
	background-image: url("Images/Pretoria/Pretoria6.png");
}
#BranchBackgroundPretoriaPicture6 {
	background-image: url("Images/Pretoria/Pretoria7.png");
}
#BranchBackgroundPretoriaPicture7 {
	background-image: url("Images/Pretoria/Pretoria8.png");
}
#BranchBackgroundPretoriaPicture8 {
	background-image: url("Images/Pretoria/Pretoria1.png");
}
#BranchBackgroundPretoriaPicture9 {
	background-image: url("Images/Pretoria/Pretoria9.png");
}
#BranchBackgroundPretoriaPicture10 {
	background-image: url("Images/Pretoria/Pretoria5.png");
}

/*The Hill*/
#BranchBackgroundTheHillPicture1 {
	background-image: url("");
	background-color: white;
}
#BranchBackgroundTheHillPicture2 {
	background-image: url("Images/The Hill/TheHillOffice.png");
}
#BranchBackgroundTheHillPicture3 {
	background-image: url("Images/The Hill/TheHillWaitingArea.png");
}
#BranchBackgroundTheHillPicture4 {
	background-image: url("Images/The Hill/TheHillClinic.png");
}




.Dot {
	border-radius: 90px;
	height: 10px;
	width: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: navy;
	box-shadow: 1px 1px 4px black;
	/*margin-top: -10px;*/
}

.DivForTitle {
	height: 80px;
	background-color: ;
	line-height: 80px;
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	color: lightgrey;
	text-shadow: 1px 1px 4px palegreen;
	text-shadow: 1.5px 1.5px royalblue;
}

.NameBranchOwner {
	text-align: center;
	color: skyblue;
	font-size: 30px;
	margin-top: ;
	font-weight: ;
	text-shadow: 1px 1px 1px limegreen;
}

.BranchAddress {
	height: 50px;
	width: 100%;
	display: block;
	line-height: 50px;
	font-size: 25px;
	color: black;
	color: limegreen;
	text-shadow: 1px 1px skyblue;
	text-align: center;
	font-weight: bold;
}
.BranchTelephoneNumber {
	height: 70px;
	width: 100%;
	line-height: 70px;
	text-align: center;
	color: skyblue;
	font-weight: bold;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
	text-shadow: 1px 1px black;
	font-size: 30px;
}


.GoogleMaps {
	display: block;
	width: 320px;
	height: 240px;
	float: right;
	margin-top: -650px;
	margin-right: 20px;
	border: 1.5px solid grey;
	box-shadow: 1px 1px 4px;
	border-radius: 2px;
}

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






/*Footer*//*Footer*//*Footer*//*Footer*/
.Footer {
	width: 100%;
	height: 90px;
	border-top: 10px solid skyblue;
}

/*FooterLogo*/




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