@charset "utf-8";

.programWrapper {
	margin-left: 20%;
	margin-right: 20%;
}

.programPage {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: hsla(0,0%,100%,1.00);
	-webkit-box-shadow: 1px 1px 10px 1px hsla(227,100%,21%,0.10);
	box-shadow: 1px 1px 10px 1px hsla(227,100%,21%,0.10);
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 60px;
	border-left: 1px solid #C7CBCF;
	border-right: 1px solid hsla(214,11%,73%,1.00);
	border-bottom: 1px solid hsla(214,10%,69%,1.00);
	border-top: 1px none hsla(214,10%,69%,1.00);
	background-image: url(../../global/leftMenu/background.jpg);
	background-repeat: repeat-y;
}

.programBanner {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 250px;
	margin-top: -30px;
	padding-top: 30px;
	min-height: 455px;
}



.programBanner.bone_health_program {
	background-image: url(../../global/leftMenu/bone_health_program.jpg);
}

.programBanner.orthobiologics {
	background-image: url(../../global/leftMenu/orthobiologics.jpg);
}

.programBanner.PRP {
	background-image: url(../../global/leftMenu/PRP.jpg);
}

.programBanner.Nutraceuticals {
	background-image: url(../../global/leftMenu/Nutraceuticals.jpg);
}

.programBanner.outpatient_joint_replacement_program {
	background-image: url(../../global/leftMenu/outpatient_joint_replacement_program.jpg);
}

.programBanner.hip_preservation {
	background-image: url(../../global/leftMenu/hip_preservation.jpg);
}

.programBanner.robotic_surgery {
	background-image: url(../../global/leftMenu/robotic_surgery.jpg);
}

.programPage .photos {
	float: left;
	width: 100%;
	margin-top: 8px;
	clear: left;
}

.programPage .photos figure  {
	float: left;
	width: 27%;
	margin-right: 6%;
	max-width: 180px;
	margin-bottom: 20px;
}

.programPage .photos figure a img {
	margin-bottom: 10px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px hsla(0,0%,0%,0.20);
	box-shadow: 1px 1px 3px hsla(0,0%,0%,0.20);
}

.programPage .photos figure a:hover img {
	-webkit-box-shadow: -1px -1px 0px hsla(0,0%,0%,0.20);
	box-shadow: -1px -1px 0px hsla(0,0%,0%,0.20);
	
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);

  -webkit-filter: contrast(1.2);
  filter: contrast(1.2);	
}

.programPage .photos figure figcaption {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.programPage .topText {
	width: 67%;
	float: left;
	clear: left;
}

.programBanner.orthobiologics .locations{
	width: 100%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.programPage .logo img {
	width: 140px;
	float: left;
	margin-right: 20px;
}

.programPage .PRPleft {
	width: 25%;
	max-width: 160px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
}


.programPage .PRPright {
	width: 25%;
	max-width: 200px;
	float: right;
	margin-left: 60px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 60px;
}


.programPage .ProlotherapyLeft {
	width: 25%;
	max-width: 100px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-top: 5px;
}

.programPage .nutraceuticalsLeft {
	width: 25%;
	max-width: 60px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px;
}


.programPage ul, ol {
	font-size: 16px;
}






@media (max-width:2400px){
.programWrapper {
	margin-left: 15%;
	margin-right: 15%;
}	
}


@media (max-width:2000px){
.programWrapper {
	margin-left: 10%;
	margin-right: 10%;
}	
	
}


@media (max-width:1800px){
.programWrapper {
	margin-left: 5%;
	margin-right: 5%;

}	

}


@media (max-width:1600px){
.programWrapper {
	margin-left: 0%;
	margin-right: 4.5%;
}	
	
	
.programPage {
	background-image: url(../../global/leftMenu/background-180.jpg);
}	
.programBanner {
	background-size: 180px auto;
	padding-left: 220px;
}	
}



@media (max-width:1400px){
.programWrapper {
	margin-right: 0px;

}	
	
.programPage .topText {
	width: 64%;
}	
}


@media (max-width:1300px){

.programPage .topText {
	width: 63%;
}	
}

@media (max-width:1250px){

.programPage .topText {
	width: 62%;
}	
}

@media (max-width:1100px){

.programPage .topText {
	width: 60%;
}
	
.programPage .logo img {
	width: 100px;
	float: left;
	margin-right: 16px;
	margin-top: 10px;
}		
}


@media (max-width:1000px){

.programPage .topText {
	width: 100%;
}		
}

@media (max-width:767px){

.programPage {
	background-image: url(../../global/leftMenu/background-140.jpg);
}	
.programBanner {
	background-size: 140px auto;
	padding-left: 160px;
}	
	
.programPage .ProlotherapyLeft {
	max-width: 80px;
	margin-bottom: 10px;
	margin-left: 10px;
}
}



@media (max-width:600px){

.programPage {
	background-image: none;
}	
.programBanner {
	background-image: none;
	padding-left: 30px;
}	
	
.programBanner.bone_health_program {
	background-image: none;
}	
	
.programBanner.orthobiologics {
	background-image: none;
}
	
.programBanner.PRP {
	background-image: none;
}

.programBanner.Nutraceuticals {
	background-image: none;
}
	
.programBanner.hip_preservation {
	background-image: none;
}	
	
.programBanner.robotic_surgery {
	background-image: none;
}		
	
.programPage .logo img {
	width: 80px;
	float: left;
	margin-right: 14px;
	margin-top: 11px;
}		
}




@media (max-width:500px){

.programPage .logo img {
	width: 0px;
	margin-right: 0px;
	margin-top: 0px;
}		
}