@charset "utf-8";
/* CSS Document */
body,h1,h3,h4,h5,h6,p {font-family: "OpenSans", sans-serif}

body, html {
  height: 100%;
  line-height: 1.8;
}

/* Full height image header */

.logo-main {
	background-position: center;
	background-size: cover;
	background-image: url("logo-small.png");
	min-height: 100%;
}
.bgimg-main {
	background-position: center;
	background-size: cover;
	background-image: url("bg3.jpg");
	min-height: 100%;
}
.bgimg-services {
	background-position: center;
	background-size: cover;
	background-image: url("banner1.png");
	min-height: 25%;
}
.bgimg-services2 {
	background-position: center;
	background-size: cover;
	background-image: url("banner2.png");
	min-height: 40%;
}
.test{
	border:1px solid black;

}
.service1{
	background-image: url("allergy.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service2{
	background-image: url("children.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service3{
	background-image: url("cosmetic.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service4{
	background-image: url("covid.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service5{
	background-image: url("diagnostic.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service6{
	background-image: url("dietnutrition.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service7{
	background-image: url("ekg.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service8{
	background-image: url("education.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service9{
	background-image: url("illness.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service10{
	background-image: url("injury.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service11{
	background-image: url("physical.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service12{
	background-image: url("preventive.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service13{
	background-image: url("vaccine.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service14{
	background-image: url("virtual.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.service15{
	background-image: url("xray.jpg");
	min-height: 100%;
	background-size: cover;
	background-position: center;
}
.left{
	position:absolute;
	left:0%;
	backdrop-filter: blur(2px);
	border-radius: 0px 50px 50px 0px;
}
.blur{
	backdrop-filter: blur(6px);
}
	.paddiv{
		padding-left: 15px;
		padding-right: 15px
	}
	.pad15{
		padding-top: 15px;
	}
.pad30{
	padding-top: 30px;
}
.pad60{
	padding-top: 60px;
}
.padtop80{
	padding-top: 80px;
}
.padtop50{
	padding-top: 50px;
}
	.pad60a
	{
		padding: 60px;
	}
	.padTopBottom50{
		padding-top: 50px;
		padding-bottom: 100px;
	}
.padtop100{
	padding-top: 100px;
	padding-bottom: 10px;
}
.insurancelist{
	display: flex;
  	justify-content: center;
}.insurancelist2{
	display: flex;
  	justify-content: center;
	display: inline
}

.custdiv1{
		padding-bottom: 20px;
		padding-top: 60px;
		padding-left: 300px;
		padding-right: 40px;
		text-justify: auto;
	 	font-size: 19px;
}
.custdiv2{
		padding-bottom: 20px;
		padding-top: 60px;
		padding-right: 300px;
		padding-left: 40px;
}
.button1{
	padding-top: 12px;
	padding-botom: 12px;
	font-size: 20px;
	width: 100%;
	white-space: nowrap;
}
	.rtext{
		font-size : clamp(.5rem, 1vw, 2rem);
	}
	.rtext2{
		font-size : clamp(.8rem, 1.3vw, 3rem);
	}
	.inline{
		display: inline-block;
	}
	.centerediv{
		width: 50%;
	}
@keyframes slide {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -120px 60px;
  }

}



.bold1{
	font-weight: bold;
}

.fade-up {
  position: relative;
  animation: fadeIn 1s ease, moving 1s ease;
  -webkit-animation: fadeIn 1s ease, moving 1s ease;
  -moz-animation: fadeIn 1s ease, moving 1s ease;
  -o-animation: fadeIn 1s ease, moving 1s ease;
  -ms-animation: fadeIn 1s ease, moving 1s ease;
}
.fade0 {

  animation: fadeIn 2s ease forwards;
  -webkit-animation: fadeIn 2s ease forwards;
  -moz-animation: fadeIn 2s ease forwards;
  -o-animation: fadeIn 2s ease forwards;
  -ms-animation: fadeIn 2s ease forwards;


}


@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes moving {
    from {top: 30px;}
    to {top: 0px;}
}


.pop-up {
				-moz-transition: fadeIn 0.5s ease, popUp 0.5s ease;
				-webkit-transition: fadeIn 0.5s ease, popUp 0.5s ease;
				-ms-transition: fadeIn 0.5s ease, popUp 0.5s ease;
				transition: fadeIn 0.5s ease, popUp 0.5s ease;
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
				-moz-transform: scale(1);
				-webkit-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
				opacity: 1;
			}
@keyframes popUp {
  0% { transform: scale(0.0); }
  100% { transform: scale(1.0); }
}


.reversed {
  display: inline-block;
  padding: 0.3em;
  padding-left: 0.3em;
  margin-left: 0.8em;
  position: relative;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  color: #fff;
  font-size: 15px;
  background-color:#ef5350;
}
.reversed:before, .reversed:after {
  content: '';
  width: 0;
  height: 0;
  right: -0.8em;
  position: absolute;
  top: 0;
  border-top: 0.8em solid #ef5350;
}
.reversed:after {
  top: auto;
  bottom: 0;
  border-top: none;
  border-bottom: 0.8em solid #ef5350;
}
.reversedRight:before, .reversedRight:after{
  border-right: 0.8em solid transparent;
  right: -0.8em;
}
.reversedRight{
  width: 17px;
  border-radius: 5px 0px 0px 5px;
  animation: tilt 2s infinite;
}
@keyframes tilt {
  0% {
    left: 0%;
  }
  50% {
    left: 9px;
  }
  100% {
    left: 0px;
  }
}
.reversedLeft{
  margin-left:15px;
  border-radius: 0px 5px 5px 0px;
}
.reversedLeft:before, .reversedLeft:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.8em solid transparent;
  left: -0.8em;
  position: absolute;
}
.reversedLeft:after {
  top: auto;
  bottom: 0;
  border-top: 0.8em solid #ef5350;
  border-bottom: none;
}
.reversedLeft:before {
  bottom: auto;
  top:0;
  border-bottom: 0.8em solid #ef5350;
  border-top: none;
}

.bgAnimation{
  background-color:#ef5350;
  background-image: linear-gradient(
    45deg,
    #e57373 25%,
    transparent 25%,
    transparent 75%,
    #e57373 75%,
    #e57373
  ),linear-gradient(
    -45deg,
    #e57373 25%,
    transparent 25%,
    transparent 75%,
    #e57373 75%,
    #e57373
  );
  background-size: 60px 60px;
  animation: slide 4s infinite linear;
}
.rcorners2 {
  border-radius: 25px;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-animation: transformer .5s ease-in 0s 1 forwards;
  animation: transformer .5s ease-in 0s 1 forwards;
}

@-webkit-keyframes transformer {
    from {
        -webkit-transform:scale(0.1);
    }
    to {
        -webkit-transform:scale(1);
    }
}
@keyframes transformer {
    from {
        transform: scale(0.1);
    }
    to {
        transform:scale(1);
    }
}
.onHover:hover{
	background-color:lightblue;
	}
.padbottom50{
		padding-bottom: 50px;
	}
.padbottom40{
		padding-bottom: 40px;
	}
	.toppad100{
		padding-top: 100px;
	}
.firstpanel{
	background-color: whitesmoke;

	}
.secondpanel{
		background-color: whitesmoke;
	}
.thirdpanel{
		background-image: linear-gradient(whitesmoke, #E6EBF0);
	}
	.contactpanel{
		background-color: whitesmoke;
	}

.padtopbottom100{
		padding-bottom: 100px;
		padding-top: 100px;

	}
.gmap_canvas {
		overflow:hidden;
		background:none!important;
		height:500px;
		width:100%;
	}
.mapouter{
		position:relative;
		text-align:right;
		height:500px;
		width:100%;
	}


.headercontainer{
  padding-left: 250PX;
}

	.captionheader{

		color: white;
		font-size: 24px;
		line-height: 0px;
		padding-bottom: 20px;

	}
.mainheader{
		color: white;
		font-size: 70px;
    line-height: 70px;
	}
  .mainheader2{
  		color: white;
  		font-size: 70px;
      padding-left: 200px;
      position: relative;
      top: 50%;
  	}
.subheader{
		color: white;
		font-size: 20px;
	}
	#showphone{
		display: none;
	}
  #showphone2{
        display: none;
      }
      #phonecontact{
        display: none;
      }
      #pccontact{
        display: contents;
      }
      #p2contact{
        display: none;
      }
      #dcontact{
        display: block;
      }
	.bold{
		font-weight: bold;
	}
	.welcometo{
		padding-top: 100px;
		padding-bottom: 40px;
}
	.hrheader{
		padding-top: 20px;
		pading-bottom: 20px;
		opacity: 1.0;
		margin: 0;
	}
.hrservices{
	align-content: center;
}
hr{
		border-top: 2px solid #0d6efd;
		width: 15%;
		padding-top: 40px;
		pading-bottom: 50px;
		opacity: 1.0;
	}
h6{
	 font-size: 55px;
	 line-height: 1.4em;
	}
h5{
	 font-size: 40px;
	 line-height: 1.4em;
	}
h4{
	 font-size: 30px;
	 line-height: 1.4em;
	}
h2{
		font-weight: bold;
		color: black;
		text-align: center;
		font-size: 22px;
	}
	h2.contactpadd{
		padding-bottom: 50px;
	}
	.priority{
		font-weight: bold;
		color: #0d6efd;
	}
	.verticaldiv{
		border-left: 2px solid green;
  		height: 25px;
	}
	.servicepad{
		padding-top: 100px;
	}
	.viewallpad{
		padding-bottom: 100px;
	}
  .contactpad{
		padding-bottom: 85px;
		padding-top: 85px;
	}
  .contactpad2{
    padding-bottom: 85px;
    padding-top: 10px;
  }
	.calloutspad{
		padding-bottom: 80px;
		padding-top: 80px;
	}
	.prioritypad{
		padding-bottom: 130px;
		padding-top: 130px;
	}
.tidy{
	padding-left: 20%;
	padding-right: 20%;
}
.servicebox{
	position: relative;
	width:100%;
	height: auto;
	padding:8px;
	display: block;
}
.imageservice {
    width:  250px;
    height: 250px;
    object-fit: cover;

}

/* Parent Container */
.content_img{
 position: relative;
 width: 200px;
 height: 200px;
}
.content_img2{
 position: relative;
 width: 200px;
 height: 400px;
}


/* Child Text Container */
.content_img div{
 position: absolute;
 top: 0;
 bottom: 0;
 background: #0251af;
 color: white;
 font-family: sans-serif;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: visibility 0.5s, opacity 0.5s ease-in-out;
 transition: visibility 0.5s, opacity 0.5s ease-in-out;
}
/* Service icons */
.content_img:hover .desc{
 width: 100%;
 visibility: visible;
 opacity: 0.8;

}
.content_img .serviceTitle{
  font-size: 30px;
  color: white;
  text-shadow: 0px 2px 22px #000000;
  margin: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
 -webkit-transition: visibility 0.5s, opacity 0.5s ease-in-out;
 transition: visibility 0.5s, opacity 0.5s ease-in-out;
}
.content_img:hover .serviceTitle{
 visibility: none;
 opacity: 0;
}




.gridpad{
		display: flex;
  justify-content: space-between;
	column-gap: 8px;
	padding-top: 8px;
}

.desc{
	width: 100%;
}
.servicelist{
	text-align: left;
	padding: 15px;
}
.servicelist2{
	text-align: left;
	padding: 20px;
}
.left2{
	text-align: left;
}
ul.a {
  list-style-type: circle;
}
.contactform{
	text-align: left;
	padding-left: 10%;
}
.textleft{
  text-align: left;
  padding: 15px;
}

.phys1{
  background-position: center;
  background-size: cover;
  background-image: url("doc1.jpg");
  min-height: 100%;
}
.phys2{
  background-position: center;
  background-size: cover;
  background-image: url("doc2.jpg");
  min-height: 100%;
}
.phys3{
  background-position: center;
  background-size: cover;
  background-image: url("doc3.jpg");
  min-height: 100%;
}



			@media only screen and (max-width: 768px) {
					p {
						font-size: 8px;
					  }
					#hidephone{
								display: none;
							}
					#showphone{
								display: contents;
							}
					.captionheader{
								font-size: 33px;
							}
					.mainheader{
								font-size: 33px;

							}
					.subheader{
								font-size: 33px;
							}
					}

@media only screen and (max-width: 390px) {
				p {
					font-size: 12px;
				  }
          li{
            font-size: 12px;
          }
          #hidephone{
								display: none;
							}
					#showphone{
								display: none;
							}
              #showphone2{
    								display: contents;
    							}
          #phonecontact{
            display: contents;
          }
          #pccontact{
            display: none;
          }
          #p2contact{
            display: block;
          }
          #dcontact{
            display: none;
          }
.topprio{
  padding-right: 70px;
}
.captionheader{

            color: white;
            font-size: 16px;
            line-height: 0px;
            padding-bottom: 20px;
          }
.headercontainer{
            padding-left: 50PX;
          }

.mainheader{
          		color: white;
          		font-size: 40px;
              line-height: 40px;
          	}
.subheader{
							font-size: 13px;
						}
            h6{
               font-size: 25px;
               line-height: 25px;
               padding-top: 25px;
              }
h5{
            	 font-size: 30px;
            	 line-height: 1.4em;
            	}

              h4{
              	 font-size: 20px;
              	 line-height: 20px;
              	}
              h2{
              		font-weight: bold;
              		color: black;
              		text-align: center;
              		font-size: 22px;
              	}
                .mainheader2{
                		font-size: 40px;
                    padding-left: 50px;
                    position: relative;
                    line-height: 40px;
                    padding-top: 100px;
                	}
                  .pt{
                    color: black;
                  }

                  .padright30{
                    padding-right: 303px;
                  }
                  .hrheader{
                		padding-top: 20px;
                    padding-right: 30px;
                		pading-bottom: 20px;
                		opacity: 1.0;
                		margin: 0;
                	}
.navtext{
  font-size: 12px;
}
.navtext2{
  font-size: 10px;
}
.bgimg-services {
	background-position: center;
	background-size: cover;
	background-image: url("banner1.png");
	min-height: 20%;
}
.bgimg-services2 {
	background-position: center;
	background-size: cover;
	background-image: url("banner2.png");
	min-height: 20%;
}
.tidy{
	padding-left: 5%;
	padding-right: 5%;
}
.phonecontainer{
  padding: 20px;
}
.prioritypad{
  padding-top: 8px;
  padding-bottom: 8px;
}
.servicepad{
  padding-top: 30px;
}
.padtop80{
  padding-top: 20px;
}
.padtop50{
  padding-top: 70px;
}
.phys1{
  background-position: center;
  background-size: cover;
  background-image: url("doc1.jpg");
  min-width: 100%;
  max-height: 250px;
  align-items: center;
}
.phys2{
  background-position: center;
  background-size: cover;
  background-image: url("doc2.jpg");
  min-width: 100%;
  max-height: 250px;
}
.phys3{
  background-position: center;
  background-size: cover;
  background-image: url("doc3.jpg");
  min-width: 100%;
  max-height: 250px;
}
.textleft{
  text-align: left;
  padding: 15px;
  font-size: 12px;
}
.mobile{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.contactform{
	text-align: left;
	padding-left: 0px;
  padding-top: 20px;
}
.gmap_canvas {
		overflow:hidden;
		background:none!important;
		height:300px;
		width:100%;
	}
  .mapouter{
  		position:relative;
  		text-align:right;
  		height:300px;
  		width:100%;
  	}
    .content_img .serviceTitle{
      font-size: 12px;
      font-weight: bold;
      color: white;
      text-shadow: 0px 2px 22px #000000;
      margin: 0;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
     -webkit-transition: visibility 0.5s, opacity 0.5s ease-in-out;
     transition: visibility 0.5s, opacity 0.5s ease-in-out;
    }
    .bcontact{
      font-size: 10px;
      line-height: 10px;
    }
    .pad30{
    	padding-top: 0px;
      padding-right: 10px;
    }
    .space25{
      width: 25%;
    }
}