/*--List of PANTONE Colors and responding HEX# 	
-Teal Blue		
-Dark Blue	
-Darker Gray	
-Light Gray		
-Burgundy		690C	#612141
--*/

html {

 
min-width:1280px;
}

body {
font-family: open+sans, sans-serif;
background-repeat: repeat-x;
background-color:white;
overflow-y:scroll;
}

.container {
width:1280px;
margin:0 auto;
}


/*---FORMS---*/




#request-form form input[type="submit"]{
font-size: 14pt;
padding: 10px;
background-color: #0091b3;
font-family: open+sans, sans-serif;
color: white;
display: block;
text-align: center;
margin:10px auto;
}

#request-form form input[type="submit"]:hover {
background-color:#1369b3;
cursor:pointer;	
color:white;
}

#request-form form .instruction {
display:none;
}

.req {
font-weight:800;
color:red;
vertical-align:super;
}

/*-- --*/
#request-form {
width:700px;
}

#request-form .formelement {
display:inline-block;
padding:10px 0;
}

#request-form textarea {
display:block;
width:700px;
height:95px;
}



#request-form form label {

width:150px;

}

#request-form select, #request-form select option{
padding:5px;	
}

#request-form form div:nth-child(1) .formelement label{
display: inline-block;

}

#request-form form div:nth-child(1) .formelement:nth-child(5) select{
width:200px;
}

#request-form form div:nth-child(1) .formelement:nth-child(10) {
display: inline-block;
}

#request-form form div:nth-child(1) .formelement:nth-child(10) label {
display: inline-block;
margin:0 0 10px 0;
}

#request-form form div:nth-child(1) .formelement:nth-child(9) {

display:inline-block;
}

#request-form form div:nth-child(1) .formelement:nth-child(9) input {
padding-right:10px;
}

#request-form form div:nth-child(2) .formelement label, #request-form form div:nth-child(3) .formelement label{
display:inline-block;
margin:0 0 5px 0;
}

#request-form form div:nth-child(3) .formelement {
display:block;	
}
p {
	
}

strong {
font-family: 'Oswald', sans-serif;
font-weight:bold;	
}

a {

text-decoration:none;
}

a:visited {

}

a:hover {

}

a:focus {

	
}

a img:focus {

}

a img:hover {
opacity:.85;
}

ul {list-style: none;}



  
h1 {
font-family: open+sans, sans-serif;
font-weight:bold;
color:#0091b3;
text-transform:capitalize;
font-size:25pt;
padding:0;
margin:0;
text-align:center;
}

h2 {
font-family: open+sans, sans-serif;
font-weight:bold;
color:#1369b3;
font-size:18pt;
text-transform:capitalize;
padding:-1px;
margin:0;	
}

h3 {
font-weight:bold;
color:#0091b3;
font-size:14pt;
text-transform:capitalize;
padding:0;
margin:0;	
}


.first {
margin-left:0 !important;
/*padding-left:0 !important;*/
}

.last {
margin-right:0 !important;
/*padding-right:0 !important;*/
}


 
/*---Decoration---*/
.spacer {
clear:both;
height:1px;	
}

.mid{
width:1186px;
background:#1369b3;
height:3px;
margin:0 auto;
position:relative;
padding:0;
}




/*---------------------------NEW HEADER------------------------*/
.page-line {
  height: 4px;
  background-color: #0b2491;
  width: 100%;
}

/* Header */
header {
  background-color: #0091b3;
  color: white;
  padding: 1rem 2rem;
  margin: 0 auto;
}

/*header {
  background-color: #0091b3;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  flex-wrap: wrap;
  margin: 0 auto;
  text-align:center;
} */

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 0 auto;  
}

.logo-section {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: 70px; 
}

.logo {
  max-width: 70px;
  height: auto;
  display: block;
  transition: none; 
  /* width: 11.5%; */
}
.logo-section a {
  display: inline-block; 
}
.logo a {
    color: white !important;
}

.logo-section a:hover {
  color: white !important;
  filter: none;

}
.logo-section a:hover img {
  filter: none;
  opacity: 1;
  transition: none;
}

.clinic-name-link {
  text-decoration: none;
  color: white;
  display: block;
}

.clinic-name h1 {
  font-size: 28px;
  margin: 0;
  color: white;
}

.clinic-name p {
  margin: 0;
  font-weight: bold;
  font-size: 20.5px;
  color: white;
}

.contact-section {
  display: flex;
  align-items: center;
  gap: 80px;
  text-align: right;
  justify-content: flex-end; /* keeps it aligned to the right */
  margin-right: 70px;
}

.phone2 {
  font-size: 20px;
  color: white;
  margin: 0;
}

.social-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.social {
    font-size: 20px;
    color: white;
    margin: 0;
}

.social-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}
.clinic-name-link {
  text-decoration: none;
  color: white;
}

.page-nav {
  display: flex;
  justify-content: center;
  gap: 80px;
  background-color: #fff;
  color: white;
  padding: 12px 0;
}

.page-nav a {
  color: #677270;
  text-decoration: none;
  font-size: 19px;
  
}

.page-nav a:hover {
  color: #1369b4;
}

/*---------------------------OLD HEADER------------------------*/

.head {
margin:5px auto 0 auto;
height:3px;
background: #1369b3;
position:relative;
width: 100%;
min-width:1280px;
padding:0;
}

#logo {
display:block;
width:auto;
Height:70px;
margin:12px auto 12px auto;
padding:0;
}

#phone {
display:inline-block;
float:left;
margin:-3px 0 0 80px;
font-family: 'Oswald', sans-serif;
font-weight:bold;
color:#869391;
font-size:20pt;	
}

#fax {
display:inline-block;
float:right;
margin:-3px 80px 0 0;
font-family: 'Oswald', sans-serif;
font-weight:bold;
color:#869391;
font-size:20pt;
}



/*----------------------------FOOTER----------------------*/
footer {
background-color:#1369b3;
color:white;
width:100%;
min-width:1280px;
text-align:center;
clear:both;
font-size:12pt;
}

footer a {
color:white;
}

footer a:hover {
color:white;
}

footer #copyright {
font-size:10.5pt;
color:white;
padding: 0 0 10px 0;
}

footer #disclaimer {
text-align:center;
padding: 15px 0;
}

footer #disclaimer li {
list-style-type:none;
display:inline-block;
font-size:11.5pt;
color:white;
}

footer #disclaimer li a {
font-weight:normal;
color:white;
margin:0 11px;	
}

footer #disclaimer a:hover {
color:white;
}


/*--Disclaimer Languages--*/
.sans-serif {
font-family:Arial, Helvetica, sans-serif;	
}

.khmer {
font-family: 'Khmer';	
}

.gujarati {
font-family: 'Rasa';
}

.laos {
font-family: 'Dhyana' !important; 	
}

.hindi {
font-family: 'Hind';	
}



/*----------------------------Slide------------------------*/
/*#slider-bar {
height:375px;
width: 100%;
background-color:#e8ebeb;
min-width:1280px;
}*/

.slideshow-container {
    position: relative;
    width: 1280px;
    height: 375px;
    margin: 0 auto; /* Center horizontally */
    overflow: hidden;
    background-color: #e8ebeb;
  }

  .slide {
    display: none;
    height: 100%;
  }

  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    pointer-events: none; /* Prevents drag-right-click */
  }

  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding: 12px;
    margin-top: -22px;
    color: black;
    font-weight: bold;
    font-size: 24px;
    background-color: rgba(255,255,255,0.6);
    border-radius: 3px;
    user-select: none;
    z-index: 2;
    transition: 0.3s;
  }

  .next {
    right: 0;
  }

  .prev {
    left: 0;
  }



/*---------------------------NAVIGATION--------------------*/

/*--Main_Nav1--*/
#nav-button {
display:none;
}

#small-nav {
display:none;	
}

.toggle-box {
display: none;
}

nav {
text-align:center;
z-index:600;	
}

nav ul {
margin:0;
text-align:center;
}

nav li {
display:inline-block;
color:#1369b3;
font-size:14pt;
font-family: 'Oswald', sans-serif;
font-weight:bold;
padding:5px 2px 5px 2px;
margin:0;
}

/*nav li a {
color:#1369b3;
}

nav li a:hover {
color:#0091b3;
}
nav  a:active {
color:#0091b3;
}
nav a.current {
color:#0091b3;
} */

/*--Main_Nav2--*/
#index-bar{
width:100%;
min-width:1280px;
position:relative;	
z-index:200;
margin:-13px 0px 13px 0px;
text-align:center;
padding:0;
}

#index-bar li {
display:inline-block;
text-align:center;
box-shadow: 1px -5px 12px #888888;
position:relative;
margin-right:140px;
padding:0;
}

#index-bar li a {
display:block;
}

#index-bar li:active {
top:2px;
}

#index-bar a:hover {

}

/*--Interior-Nav--*/
#interior-menu {
float:left;	
font-family: 'Oswald', sans-serif;
background-color: #e8ebeb;
width:250px;
min-height:600px;
margin:0px 32px auto 0px; 
list-style:none;
padding:0;
z-index:initial;
}

#interior-menu ul {
padding:0;
margin: 0;
}

#interior-nmenu ul li {
list-style:none;
border-bottom: solid thin #0091b3;	
}

#interior-menu li a {
font-size:12pt;
font-family:'Oswald', sans-serif;
font-weight:bold;	
display:block;
color:#0091b3;
padding: 8px 0px 8px 20px;
text-align:left;
line-height: 14pt;
position:relative;
border-bottom: solid thin #0091b3;
}

#interior-menu a:hover {
border:1px solid #0091b3;	
}

#interior-menu a:active {
}

#interior-menu a:current {
background-color:#0091b3;
color:white;	
}

.interior-menu-ul {
}

/*-------------------SERVICES--------------------*/

.services {
    background-color: #e9eceb;
    text-align: center;
    width: 100%;
    max-width: 1280px;
    overflow: hidden;
    margin: 30px auto;
    padding-bottom: 30px;   
}

.services h2 {
    font-family: open+sans, sans-serif;
    font-weight: 800;
    color: #0b2491;
    font-size: 25px;
    text-transform: uppercase;
    margin-top: 30px;
}

.services p {
    color: #677270;
    margin-top: 0px;
}

.services-image {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: -65px;
}
.services-image a {
    text-decoration: none;
}

.image-text-overlay {
  position: absolute;
  top: 40%;
  right: 7%;
  color: white;
  text-align: right;
  padding: 15px;
  max-width: 27%;
}
.image-text-overlay h2 {
    font-size: 30px;
    font-style: italic;
}

.image-text-overlay h2,
.image-text-overlay p {
    margin: 0;
    color: white;
    text-align: center;
}

.services-image .over-text {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2; 
  padding: 15px 25px;
  font-size: 1.2em;
  text-align: center;
  border-radius: 5px;
}

.service-boxes {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 10px;
  flex-wrap: nowrap; 
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.service {
  flex: 1 1 0;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.service img {
  width: 100%;
  height: auto;
  display: block;
}

.service .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 20px 10px;
  text-align: center;
}

.service h3 {
    font-weight: bold;
    color: #fff;
    font-size: 16pt;
    text-transform: uppercase;
    text-align: center;
    height: 100%;
    font-style: italic;
}
.margin-bottom {
    margin-bottom: 15px;
}
/*-------------------EXPERTISE--------------------*/

.expertise-container {
  width: 1280px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 90px;
}

.expertise-list {
  flex: 0 0 45%;
}

.right-panel {
  flex: 0 0 60%;
}

    .expertise-list {
      display: flex;
      flex-direction: column;
      gap: 25px;
      margin: 10px 0 30px 0;
    }

    .expertise-item {
      display: flex;
      align-items: center;
      padding: 10px 30px;
      border-radius: 50px;
      color: white;
      font-size: 20px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.15);
      border: 4px solid white;
      height: 50px;
      text-decoration: none;
    }

    .expertise-item img {
      width: 11%;
      margin-right: 20px;
    }

    .expertise-item:hover {
      background-color: #0b2491;
      transition: background-color 0.3s ease;
}
    .primary-care img {
        width: 8.5%;
        margin-right: 20px;
        margin-left: 6px;
}

    .primary-care, .pulmonary, .infectious {
      background-color: #0091b3;
}

    .right-panel {
      text-align: center;
      flex-basis: 500px;
    }

    .right-panel h2 {
      color: #002c98;
      font-size: 35px;
      font-weight: 800;
    }

    .appointment-link-button {
      display: inline-block;
      background-color: #d4fc33;
      color: #0b2491;
      font-size: 20px;
      font-weight: bold;
      padding: 15px 40px;
      border-radius: 8px;
      text-decoration: none;
      box-shadow: 0 4px 6px rgba(0,0,0,0.15);
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
      text-align: center;
      font-style: italic;
      text-transform: uppercase;
}

/*-------------------SLEEP LAB--------------------*/

 .hero {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
    }

    .hero img {
      width: 100%;
      height: auto;
      display: block;
    }

    .hero .text {
      display: none;
    }

    .cards {
      background-color: #004a99;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 30px;
      gap: 20px;
    }

    .card {
      background-color: #e6f8ff;
      border-radius: 8px;
      overflow: hidden;
      width: 260px;
      text-align: center;
      font-weight: bold;
      box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    }

    .card img {
      width: 100%;
      height: 160px;
      object-fit: cover;
    }

    .card p {
      padding: 12px;
      color: #005f99;
    }

    .section {
      padding: 40px;
      text-align: center;
    }

    .section h2 {
      color: #002c98;
      font-size: 26px;
      margin-bottom: 20px;
    }

    .section p {
      color: #333;
      max-width: 800px;
      margin: 0 auto 15px;
      line-height: 16pt;
    }
    
    .sleep-lab h3 {
        font-weight: bold;
        color: #0091b3;
        font-size: 14pt;
        text-transform: uppercase;
    }

    .sleep-lab h4 {
      color: #677270;
      text-align: left;
      margin-left: 50px;
      font-size: 13pt;
    }

    .sleep-lab ul {
      color: #677270;
      list-style-type: disc;
      text-align: left;
      line-height: 16pt;
      margin-left: 70px;
    }

    .sleep-lab ul ul {
      margin-left: 30px;
      list-style-position: inside;
      text-align: left;
    }

    .sleep-lab ul li::marker {
      color: #0091b3;
    }

    .sleep-lab ul ul li::marker {
      color: #0b2491; 
    }

    .padding-top {
        padding-top: 20px;
    }
    .ulul-margin-top {
        margin-top: 3px;
    }
    .margin-top {
        margin-top: -20px;
    }


/*-------------------BUTTONS--------------------*/


/*--Appointment Button--*/
#appt {
margin:5px 570px 10px 570px;
position:relative;
text-align:cener;
box-shadow: 2px 8px 8px #888888;
}

#appt a{

}

#appt:active {
	top:2px;	
}
/*push action*/

#appt a:hover {	
}

.backtotop {
font-family: 'Oswald', sans-serif;
font-size:12pt;
text-align:center;
background: #e8ebeb;
border:2px solid  #0091b3;
-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.25);
box-shadow: 0 0 2px 2px rgba(0,0,0,.25);
margin: 10px 0;
padding: 3px 8px 5px 8px;
width: 100px;
height:20px;
display:block;
font-weight:normal;
position:relative;
}

.backtotop:active {
	top:2px;
}
.backtotop:hover {
width:100px;
}


/*-----------------------CONTENT-----------------*/
/*Main*/
#index_copy{
width:1088px;
background-color:white;
position:relative;
margin:0 96px;
}

#index_copy p{
font-family: open+sans, sans-serif;
color:#869391;
font-size:14pt;
line-height:16pt;
text-align:justify;
}

/*Index*/
#page-index{
width: 998px;
overflow:hidden;
line-height:16pt;
}

#page-index h1{
color:#0091b3;
text-align:left;	
}

#page-index p{
color:#869391;	
}
#page-index a{
color:#0091b3;	
}
#page-index ul {
	padding: 0 0 0 40px;}
	
#page-index li{
	color:#869391
	}
#page-index li::before {content: "•"; color: #0091b3;
  display: inline-block; width: 1em;
  margin-left: -1em;
  }
  
  
#page-content {
height:inherit;
width: 1280px;
overflow:hidden;
margin: 0;
}

.page-location {
float:right !important;
}
.page-img {
	float:right!important;
	padding:8px 0 5px 10px;
}
#contactimg {
border:solid 3px #0091b3;
-webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,.25);
box-shadow: 0 1px 1px 2px rgba(0,0,0,.25);
}

.galleria {
	width:100%;
	marigin:3px auto;
	text-align:center;	
	
}

.galleria a {
	border: 1px solid #0091b3;
	display:inline-block;
	margin-right:50px;
	
}

/*Heading Titles*/
.title {
color: white;
background-color:#0091b3;
font-size:14pt;
padding:2px 2px 2px 5px;
margin:4px 0px 0px 0px; 
position:relative;
width:350px;
text-align:left;
font-family: 'Oswald', sans-serif;
}

.line {
width: 998px;
background-color:#0091b3;
border:solid thin #0091b3;
padding:0;
margin:0;
}

/*---MAPS---*/
.location {
float:right;
}



.drs {
clear:both;
}

.drphoto {
text-align:center;
margin:0 0 20px 0;
padding:0;	
float:left;	
width:18%;
}

.drphoto img{
width:auto !important;
height:auto !important;
margin:0 0 20px 0!important;
float:none;	
}

.cv {
width:675px;
float:right;
margin-top:-20px;	
}

.normal-size {
height:auto !important;
width:auto !important;
}

#location-caption {
z-index:200;
position:relative;
text-align:center;
}

/*-- RESOURCE --*/
.resource {
list-style-type:none;
clear:both;
background:white;
border-bottom:solid 5px #ddd;
padding:15px;
width:600px;
display: none;
-webkit-border-radius: 20px;
border-radius: 20px;
}

.resource ul {
}

.resource ul li {
list-style-type:none;
padding:5px 0;	
}

.resource ul li img{
margin: 0 0 0 -18px !important;	
}

.resource ul li span{
margin:0 0 0 -10px;
}

.resource ul li ul {
margin:0 0px 0 -18px;	
}

.resource ul li ul li a {
/*color:#0C6;*/
}

.resource ul li ul li a:hover {
color:#95bebe;	
}

.resource h3 {
margin:15px 0 15px;
color:#1a6b27;	
}

.resource img {
float:left;
margin:5px 25px 30px 0; 
/*border:solid 5px #ddd;	*/
width:205px; 
height:260px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

/*---------------Sleep Studies-----------------*/

.banner-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.banner-image {
  width: 100%;
  height: auto;
  display: block;
}


.sleep-studies {
  background-color: #1369b3;
  width: 100%;
  max-width: 1280px;
  margin: 30px auto 0;
}

.sleep-studies-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  padding: 40px 0;
  max-width: 1200px;
  margin: 0 auto;
}

.sleep-studies-card {
  flex: 1 1 calc(33.333% - 13.33px);
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  background-color: #bbedf9;
  height: 220px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

.sleep-studies-card img {
  width: 100%;
  object-fit: cover; 
  display: block;    
}

.sleep-studies-card .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #bbedf9;
  padding: 10px;
  text-align: center;

  height: 35px; 
  display: flex;
  justify-content: center; 
  align-items: center;     

}

.first-card {
  background-color: #bbedf9;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

.first-card h3 {
    font-weight: bold;
    color: #0091b3;
    font-size: 22pt !important;
    text-transform: uppercase; 
    text-align: center; 
    line-height: 1;
}

.sleep-studies-card h3 {
  font-weight: bold;
  color: #0091b3;
  font-size: 14pt;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}

/*-------------------SLEEP LAB--------------------*/

.sleep-lab {
    text-align: center;
    width: 100%;
    max-width: 1280px;
    overflow: hidden;
    margin: 30px auto;  
}
.sleep-lab h2 {
    font-family: open+sans, sans-serif;
    font-weight: 800;
    color: #0b2491;
    font-size: 25px;
    text-transform: uppercase;
}
.sleep-lab-container {
    width: 1200px;
    margin: 0 auto;  
}
.sleep-lab-container p {
    color: #677270;
}