.mainSlideImage{
	background: url("/data1/images/ta1111.jpg") no-repeat fixed;
	background-size: cover;
	width:100%;
	display:block;
	position:relative;	
}



.TopRequestAppointmentButtonDiv {
    position:absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	bottom:50px;
	pointer-events: auto;
}

.TopWelcomeDiv {
    position:absolute;
	width:100%;
	text-align:right;

	font-weight:500;
	font-size:54px;
	bottom:180px;
}

.TopWelcomeDivInner
{
	display:inline-block;
	/*background-color: rgba(0,0,0,0.7);*/
	
	padding:10px;
	border-radius:10px;
	
	transform: translateY(-100px) translateZ(0);
	opacity: 0;
	transition: 2s;
	padding-right:15vw;

}

.TopWelcomeDivInnerFlyIn
{
	transform: translateY(0px) translateZ(0);
	opacity: 1;
}

@media only screen and (min-width: 820px) {
	.mainSlideImage{
		height:calc(100vh - 124px);
		min-height: 450px;
	}
	
	.TopRequestAppointmentOuter{
		height: 99vh;
	}
	
	.HomeTopTextInner{
		padding:20px;
	}
}

@media only screen and (max-width: 819px) {
	.mainSlideImage{
		height: 450px;
	}
	
	.TopRequestAppointmentOuter{
		height: 300px;
	}
	
.TopWelcomeDiv {
	font-size:24px;
	bottom:115px;
}

@media (pointer: coarse) {
   .mainSlideImage, .HomeTopText, .RandomTestimonialOuter, .homeMapsOuter {
		background-attachment: initial;
	} 
	
   .mainSlideImage {
		background-position: top center;
	}
	
   .RandomTestimonialOuter {
		background-attachment: initial;
	}
	
   .homeMapsLeft {
		background: url(/App_Themes/Theme1/Images/homeMapBG.jpg) no-repeat;
		background-size: cover;
	}
	
	.HomeTopTextInner{
		font-size: 14px;line-height:20px;
		font-family:Tahoma, 'Libre Baskerville', 'Open Sans', sans-serif !important;
		color:#fff;
		text-align: left;
		
		display:table;
		margin:0 auto;
		max-width:1400px;
		padding:20px;
	}
	
	.RandomTestimonialBox {
		font-size: 14px !important;
		color: #ffffff;
	}
	
	
}


}

@media only screen and (max-width: 1000px) {
	.TopRequestAppointmentButtonDiv {

		bottom:85px;
	}
	.TopWelcomeDivInner
	{

		padding:10px;
		padding-right:30px;

	}
}


	
	@media only screen and (min-width: 820px) {		
		.fixedHeader {
		  position: fixed !important;
		  top: -120px; /* Start the header off-screen */
		  animation: slideIn 0.3s forwards;
		  background-image:none;
		  background-color: rgba(255,255,255,0.9) !important;
		}
		
		.LogoImgTopWhite{
			display:none;
		}

		.FacebookImgTopWhite{
			display:none;
		}

		.InstaImgTopWhite{
			display:none;
		}
		
		#cssmenu > ul > li.has-sub > a:after {background-color:#ffffff;}
		#cssmenu > ul > li.has-sub > a:before {background-color:#ffffff;} 
		#cssmenu > ul > li.has-sub > a:hover:after {background-color:#ffffff !important;}
		#cssmenu > ul > li.has-sub > a:hover:before {background-color:#ffffff !important;} 
		
		.homeMapsAnchor {
			display: block;
			position: relative;
			top: -160px;
			visibility: hidden;
		}
	}
	
	@media only screen and (max-width: 819px) {
		#cssmenu #menu-button {
			color:#000000 !important;
		}
		
		#cssmenu #menu-button:before {
			background:#000000 !important;
		}
		
		#cssmenu #menu-button:after {
			border-top: 2px solid #000000 !important;
			border-bottom: 2px solid #000000 !important;
		}
		
		#cssmenu #menu-button.menu-opened:after {
			border-top: none !important;
			border-bottom: none !important;
		}
		
		#cssmenu > ul > li > a {
			color: #000000!important;
		}
		
		#cssmenu #menu-button.menu-opened:after {
			background:#000000!important;
		}
		
		.TopHeaderBarOuter {
			background-color: rgba(255,255,255,1) !important;
		}	
		
		.LogoImgTopBlack{
			display:none;
		}

		.FacebookImgTopBlack{
			display:none;
		}

		.InstaImgTopBlack{
			display:none;
		}
	}
	
	@keyframes slideIn {
	  to {
		top: 0;
	  }
	}
	
	
    .homeTopMainImage {
		height: 100vh;
		min-height: 600px;
		position: relative;
		overflow: hidden;
		background: #173c3c;
    }

	.homeOfficeSwiper,
	.homeOfficeSwiper .swiper-wrapper,
	.homeOfficeSlide {
		height: 100%;
	}

	.homeOfficeSlide {
		position: relative;
		overflow: hidden;
		background: #173c3c;
	}

	.homeOfficeSlide::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(5, 18, 30, 0.83) 0%, rgba(5, 18, 30, 0.62) 48%, rgba(5, 18, 30, 0.32) 100%);
		pointer-events: none;
	}

	.homeOfficeSlide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		filter: saturate(0.68) contrast(0.9) brightness(0.78);
		transform: scale(1.015);
	}

	.homeOfficeSlideLabel {
		position: absolute;
		right: clamp(20px, 3vw, 54px);
		bottom: 32px;
		z-index: 3;
		display: inline-flex;
		flex-direction: column;
		gap: 7px;
		min-width: 220px;
		box-sizing: border-box;
		padding: 12px 18px 14px;
		border: 1px solid rgba(255, 255, 255, 0.65);
		background: rgba(14, 60, 60, 0.82);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(7px);
		color: #fff !important;
		font-family: 'Marcellus', serif;
		font-size: clamp(19px, 1.7vw, 26px);
		line-height: 1.05;
		letter-spacing: 1.5px;
		text-decoration: none;
		text-transform: uppercase;
	}

	.homeOfficeSwiper.swiper-initialized .homeOfficeSlideLabel {
		opacity: 0;
		transform: translateX(-80px);
	}

	.homeOfficeSwiper.swiper-initialized .swiper-slide-active .homeOfficeSlideLabel {
		animation: officeButtonSlideIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
	}

	@keyframes officeButtonSlideIn {
		from {
			opacity: 0;
			transform: translateX(-80px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	.homeOfficeSlideLabel span {
		font-family: 'Questrial', sans-serif;
		font-size: 10px;
		letter-spacing: 2.5px;
	}

	.homeOfficeSlideLabel:hover,
	.homeOfficeSlideLabel:focus-visible {
		background: var(--client-secondary-color);
		color: #fff !important;
	}

	.homeOfficeSlideLabel:visited {
		color: #fff !important;
	}

	.homeOfficeSwiper .swiper-button-prev,
	.homeOfficeSwiper .swiper-button-next {
		z-index: 6;
		width: 48px;
		height: 48px;
		border: 1px solid rgba(255, 255, 255, 0.75);
		border-radius: 50%;
		background: rgba(14, 60, 60, 0.65);
		color: #fff;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18);
		backdrop-filter: blur(5px);
		transition: background-color 0.2s ease, transform 0.2s ease;
	}

	.homeOfficeSwiper .swiper-button-prev:hover,
	.homeOfficeSwiper .swiper-button-next:hover,
	.homeOfficeSwiper .swiper-button-prev:focus-visible,
	.homeOfficeSwiper .swiper-button-next:focus-visible {
		background: var(--client-secondary-color);
		transform: scale(1.05);
	}

	.homeOfficeSwiper .swiper-button-prev::after,
	.homeOfficeSwiper .swiper-button-next::after {
		font-size: 18px;
		font-weight: 700;
	}

	.homeOfficeSwiper .swiper-pagination {
		z-index: 6;
		bottom: 20px;
	}

	.homeOfficeSwiper .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		border: 1px solid #fff;
		background: transparent;
		opacity: 0.9;
	}

	.homeOfficeSwiper .swiper-pagination-bullet-active {
		background: #fff;
	}
	
    .homeWelcomeGlassesImage {
      background-image: url('/images/homepage/coffee-glasses-books-copper-bg.webp');
      background-size: cover;
      background-position: bottom;
	  /*height:calc(100vh - 20px);*/
	  padding:20px 20px 60px 20px;
	  min-height:1300px;
	  width:100%;
	  text-align:center;
	  box-sizing:border-box;
	  
	  overflow:hidden;
    }

	.homeWelcomeTextBox {
		padding-bottom:20px;
	}


	.homeWelcomeButtons a{
		color:#fff;
		border-color:#fff;
	}
	
	.homeTopImageText {
		display: none;
		position: absolute;
		bottom: 0px;
		z-index: 4;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		font-size: 80px;
		color: #fff;
		font-family: 'Marcellus', serif;
		text-transform: uppercase;
		background: linear-gradient(180deg, #fff0 0, #0000005e 50px), linear-gradient(180deg, #fff0, #00000000);
		padding: 50px 80px 65px;
		line-height: 65px;
		letter-spacing: 7px;
		pointer-events: none;
	}

	.homeHeroContent {
		position: absolute;
		left: clamp(28px, 7vw, 120px);
		top: 50%;
		z-index: 5;
		width: min(790px, calc(100% - 56px));
		color: #ffffff;
		text-align: left;
		transform: translateY(-45%);
	}

	.homeHeroEyebrow {
		margin-bottom: 18px;
		font-family: 'Questrial', sans-serif;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.2em;
		text-transform: uppercase;
	}

	.homeHeroContent h1 {
		margin: 0;
		color: #ffffff;
		font-family: 'Marcellus', 'Libre Baskerville', serif;
		font-size: clamp(44px, 5vw, 54px);
		font-weight: 400;
		line-height: 1.08;
		letter-spacing: -0.02em;
		text-shadow: 0 4px 28px rgba(0, 0, 0, 0.35);
	}

	.homeHeroServices {
		max-width: 860px;
		margin: 24px 0 0;
		font-family: 'Questrial', sans-serif;
		font-size: clamp(17px, 1.55vw, 22px);
		font-weight: 700;
		line-height: 1.65;
	}

	.homeHeroServices span {
		margin: 0 5px;
		color: #ffb0b2;
	}

	.homeHeroServices .homeHeroDivider {
		margin: 0 11px;
		color: rgba(255, 255, 255, 0.7);
	}

	.homeHeroActions {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
		margin-top: 32px;
	}

	.homeHeroButton:link,
	.homeHeroButton:visited,
	.homeHeroButton:active {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 54px;
		padding: 10px 27px;
		border: 2px solid #ffffff;
		border-radius: 999px;
		box-sizing: border-box;
		color: #ffffff;
		font-family: 'Questrial', sans-serif;
		font-size: 17px;
		font-weight: 700;
		text-decoration: none;
		transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	}

	.homeHeroButtonPrimary:link,
	.homeHeroButtonPrimary:visited,
	.homeHeroButtonPrimary:active {
		border-color: var(--client-main-color);
		background: var(--client-main-color);
	}

	.homeHeroButton:hover,
	.homeHeroButton:focus-visible {
		border-color: #ffffff;
		background: #ffffff;
		color: var(--client-hover-color);
		transform: translateY(-2px);
	}

	.homeQuickLinks {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1px;
		background: rgba(24, 42, 63, 0.12);
	}

	.homeQuickLinks a:link,
	.homeQuickLinks a:visited,
	.homeQuickLinks a:active {
		display: flex;
		min-height: 120px;
		flex-direction: column;
		justify-content: center;
		padding: 22px;
		background: #ffffff;
		color: #182a3f;
		font-family: 'Marcellus', serif;
		font-size: clamp(20px, 2vw, 28px);
		text-align: center;
		text-decoration: none;
	}

	.homeQuickLinks a:hover,
	.homeQuickLinks a:focus-visible {
		background: #f5f1ee;
		color: var(--client-main-color);
	}

	.homeQuickLinks span {
		margin-bottom: 6px;
		color: var(--client-main-color);
		font-family: 'Questrial', sans-serif;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}

	.homeReviewsSection {
		padding: clamp(60px, 8vw, 96px) 24px;
		background: #ffffff;
		box-sizing: border-box;
		background-color: #e5e5e5;
	}

	.homeReviewsInner {
		display: grid;
		grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
		gap: clamp(30px, 5vw, 70px);
		max-width: 1260px;
		margin: 0 auto;
		align-items: center;
	}

	.homeReviewsIntro h2 {
		margin: 0;
		color: #182a3f;
		font-family: 'Marcellus', 'Libre Baskerville', serif;
		font-size: clamp(36px, 4.5vw, 58px);
		font-weight: 400;
		line-height: 1.08;
	}

	.homeReviewsIntro .homeTrustEyebrow {
		color: var(--client-main-color);
	}

	.homeReviewsIntro p {
		margin: 18px 0 26px;
		color: #526071;
		font-size: 17px;
		line-height: 1.6;
	}

	.homeReviewGrid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}

	.homeReviewGrid blockquote {
		margin: 0;
		padding: 24px;
		border: 1px solid rgba(24, 42, 63, 0.1);
		border-radius: 20px;
		background: #f5f1ee;
		box-shadow: 0 12px 30px rgba(24, 42, 63, 0.06);
	}

	.homeReviewGrid p {
		color: #25364b;
		font-size: 16px;
		line-height: 1.6;
	}

	.homeReviewGrid cite {
		color: #526071;
		font-style: normal;
		font-weight: 700;
	}

	.homeReviewStars {
		color: #d39b23;
		font-size: 18px;
		letter-spacing: 2px;
	}

	.homeTopImageSubText {
		display: block;
		font-family: 'Questrial', sans-serif;
		font-size: 40px;
	}
	
	.homeWelcome{
		font-size:2.5em; 
		width:100%; 
		text-align:center; 
		font-weight:400; 
		padding-bottom:20px; 
		text-transform:uppercase; 
		letter-spacing:12px;
		font-family: 'Marcellus', serif;
	}

	.homeTrustSection {
		width: 100%;
		padding: 88px 28px;
		box-sizing: border-box;
		background:
			radial-gradient(circle at 10% 10%, rgba(201, 36, 39, 0.2), transparent 34%),
			linear-gradient(135deg, #0b1a2b 0%, #122c42 100%);
		color: #ffffff;
	}

	.homeTrustInner {
		display: grid;
		grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
		gap: clamp(38px, 6vw, 90px);
		align-items: center;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}

	.homeTrustCopy {
		text-align: left;
	}

	.homeTrustEyebrow {
		margin-bottom: 16px;
		color: #ff9a9c;
		font-family: 'Questrial', sans-serif;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.18em;
		text-transform: uppercase;
	}

	.homeTrustCopy h2 {
		margin: 0 0 24px;
		color: #ffffff;
		font-family: 'Marcellus', serif;
		font-size: clamp(38px, 4.6vw, 68px);
		font-weight: 400;
		line-height: 1.05;
	}

	.homeTrustCopy p {
		margin: 0 0 18px;
		color: rgba(255, 255, 255, 0.86);
		font-family: 'Questrial', sans-serif;
		font-size: 18px;
		line-height: 1.75;
	}

	.homeTrustActions {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
		margin-top: 30px;
	}

	.homeTrustButton:link,
	.homeTrustButton:visited,
	.homeTrustButton:active {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		padding: 10px 28px;
		border: 2px solid var(--client-main-color);
		border-radius: 999px;
		background: var(--client-main-color);
		box-sizing: border-box;
		color: #ffffff;
		font-family: 'Questrial', sans-serif;
		font-size: 17px;
		font-weight: 700;
		text-decoration: none;
		transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	}

	.homeTrustButton:hover,
	.homeTrustButton:focus-visible {
		border-color: #ffffff;
		background: #ffffff;
		color: var(--client-hover-color);
		transform: translateY(-2px);
	}

	.homeTrustButtonOutline:link,
	.homeTrustButtonOutline:visited,
	.homeTrustButtonOutline:active {
		border-color: rgba(255, 255, 255, 0.8);
		background: transparent;
		color: #ffffff;
	}

	.homeTrustButtonOutline:hover,
	.homeTrustButtonOutline:focus-visible {
		border-color: #ffffff;
		background: #ffffff;
		color: var(--client-hover-color);
	}

	.homeTrustMedia {
		margin: 0;
		padding: 14px;
		border: 1px solid rgba(255, 255, 255, 0.18);
		border-radius: 28px;
		background: rgba(255, 255, 255, 0.08);
		box-shadow: 0 26px 60px rgba(0, 0, 0, 0.3);
	}

	.homeTrustMedia video {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 18px;
		background: #000000;
	}

	.homeTrustMedia figcaption {
		padding: 13px 8px 2px;
		color: rgba(255, 255, 255, 0.72);
		font-family: 'Questrial', sans-serif;
		font-size: 14px;
		letter-spacing: 0.06em;
		text-align: center;
		text-transform: uppercase;
	}
	
	@media only screen and (min-width: 820px) and (max-width: 1500px) {	
		.homeWelcomeGlassesImage {
			min-height:1000px;		
		}
	}
	
	@media only screen and (min-width: 1501px) {	
		.homeWelcomeGlassesImage {
			min-height:calc(100vw / 1.7);		
      		background-image: url('/images/homepage/glasses-books-copper-bg.webp');
		}	
	}
	
	
	@media only screen and (max-width: 819px) {
		.homeTopMainImage {
			height: 420px;
			min-height: 420px;
		}

		.homeOfficeSlideLabel {
			right: 16px;
			top: auto;
			bottom: 16px;
			min-width: 0px;
			padding: 10px;
			font-size: 16px;
		}

		.homeHeroButtonPrimary, .homeHeroButtonSecondary{
			display:none !important;
		}

		.swiper-pagination, .swiper-button-prev, .swiper-button-next{
			display:none;
		}
		

		.homeOfficeSlideLabel span{
			font-size: 10px;
    		letter-spacing: 2px;
		}

		.homeOfficeSwiper .swiper-button-prev,
		.homeOfficeSwiper .swiper-button-next {
			width: 38px;
			height: 38px;
		}

		.homeOfficeSwiper .swiper-button-prev {
			left: 10px;
		}

		.homeOfficeSwiper .swiper-button-next {
			right: 10px;
		}
	
		.homeTopImageText {
			font-size: 34px;
			padding: 20px 50px 48px;
			line-height: 31px;
			letter-spacing: 4px;
		}

		.homeTopImageSubText {
			font-size: 17px;
			line-height: 24px;
		}

		.homeHeroContent {
			left: 22px;
			top: 47%;
			width: calc(100% - 44px);
			transform: translateY(-50%);
		}

		.homeHeroEyebrow {
			margin-bottom: 12px;
			font-size: 11px;
		}

		.homeHeroContent h1 {
			font-size: clamp(20px, 5.5vw, 54px);
			line-height: 1.05;
		}

		.homeHeroServices {
			margin-top: 18px;
			font-size: 15px;
			line-height: 1.55;
		}

		.homeHeroServices .homeHeroDivider {
			display: block;
			height: 0;
			overflow: hidden;
		}

		.homeHeroActions {
			flex-direction: column;
			gap: 10px;
			margin-top: 24px;
		}

		.homeHeroButton:link,
		.homeHeroButton:visited,
		.homeHeroButton:active {
			width: 100%;
		}

		.homeQuickLinks {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.homeQuickLinks a:link,
		.homeQuickLinks a:visited,
		.homeQuickLinks a:active {
			min-height: 100px;
			padding: 16px 10px;
			font-size: 19px;
		}

		.homeReviewsInner {
			grid-template-columns: 1fr;
		}

		.homeReviewGrid {
			grid-template-columns: 1fr;
		}
		
		.homeWelcome {
			font-size: 1.5em;
		}

		.homeTrustSection {
			padding: 58px 18px;
		}

		.homeTrustInner {
			grid-template-columns: 1fr;
			gap: 34px;
		}

		.homeTrustCopy h2 {
			font-size: clamp(34px, 10vw, 48px);
		}

		.homeTrustCopy p {
			font-size: 17px;
			line-height: 1.65;
		}

		.homeTrustActions {
			flex-direction: column;
		}

		.homeTrustButton:link,
		.homeTrustButton:visited,
		.homeTrustButton:active {
			width: 100%;
		}

		.homeTrustMedia {
			padding: 9px;
			border-radius: 20px;
		}

		.homeTrustMedia video {
			border-radius: 13px;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.homeOfficeSwiper.swiper-initialized .homeOfficeSlideLabel {
			opacity: 1;
			transform: none;
		}

		.homeOfficeSwiper.swiper-initialized .swiper-slide-active .homeOfficeSlideLabel {
			animation: none;
		}

		.homeOfficeSwiper .swiper-button-prev,
		.homeOfficeSwiper .swiper-button-next {
			transition: none;
		}
	}