﻿
.TopRequestAppointmentButtonDiv {
    position:absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	bottom:50px;
	pointer-events: auto;
}

@media only screen and (min-width: 1100px) {	
	.TopRequestAppointmentOuter{
		height: 99vh;
	}
}

@media only screen and (max-width: 1099px) {
	.TopRequestAppointmentOuter{
		height: 300px;
	}

	@media (pointer: coarse) {	
		.HomeTopTextInner{
			font-size: 14px;line-height:20px;
			color:#fff;
			text-align: left;
			
			display:table;
			margin:0 auto;
			max-width:1400px;
			padding:40px;
			color:#000000;
		}
		
	}
}

@media only screen and (max-width: 1099px) {
	.TopRequestAppointmentButtonDiv {
		display:none;
	}
}


	
	@media only screen and (min-width: 1100px) {		
		.fixedHeader {
		  position: fixed !important;
		  top: -120px; /* Start the header off-screen */
		  animation: slideIn 0.3s forwards;
		  background-image:none;
		  background-color: rgba(23,23,23,0.9) !important;
		}
		
		.LogoImgTopWhite{
			display:none;
		}
		
		#cssmenu > ul > li.has-sub > a:after {background-color:#000;}
		#cssmenu > ul > li.has-sub > a:before {background-color:#000;} 
		#cssmenu > ul > li.has-sub > a:hover:after {background-color:#fff!important;}
		#cssmenu > ul > li.has-sub > a:hover:before {background-color:#fff!important;} 
	}
	
	@media only screen and (max-width: 1099px) {
		#cssmenu #menu-button {
			color:#fff!important;
		}
		
		#cssmenu #menu-button:before {
			background:#fff!important;
		}
		
		#cssmenu #menu-button:after {
			border-top: 2px solid #fff!important;
			border-bottom: 2px solid #fff!important;
		}
		
		#cssmenu #menu-button.menu-opened:after {
			border-top: none !important;
			border-bottom: none !important;
		}
		
		#cssmenu > ul > li > a {
			color: #fff!important;
		}
		
		#cssmenu #menu-button.menu-opened:after {
			background:#fff!important;
		}
		
		.LogoImgTopBlack{
			display:none;
		}

	}
	
	@keyframes slideIn {
	  to {
		top: 0;
	  }
	}
	
.Treat-flex-container {
  display:flex;
			flex-wrap:wrap;
  max-width:1350px;
  width:100%;
  margin:auto;
}

.Treat-flex-container>article {
  color: white;
  width: 100%;
  max-width:415px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-size: 18px;
}
.Treat-flex-container>li {
  color: white;
  width: 100%;
  max-width:415px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-size: 18px;
}
@media only screen and (max-width: 1099px) {
.HomeDoctorSig {
    font-size: 20px;
}
}	

/* container masks overflow; track scrolls left-to-right */
#insurance [role="region"]{overflow:hidden}
#insurance .ins-logos-track{
  display:flex;gap:28px;align-items:center;
  animation: ins-scroll 35s linear infinite;
}
@keyframes ins-scroll{
  from{transform: translateX(0)}
  to  {transform: translateX(-50%)} /* because we duplicated the set */
}

/* pause animation if user prefers reduced motion or hovers */
@media (prefers-reduced-motion: reduce){
  #insurance .ins-logos-track{animation: none}
}
#insurance [role="region"]:hover .ins-logos-track{animation-play-state: paused}
.WhyChoose{
    font-size: 19px;
    text-align: JUSTIFY;
    display: table;
    margin: 0 auto;
    max-width: 1000px;
    padding: 60px 60px;
}