body { font-size:14px; font-family:Century Gothic; letter-spacing:0.2mm; line-height:22px;}
.wrapper { width:1200px; margin:0 auto;}
.clear {clear:both;}
.header {}
.logo { float:left;}
.site-menu { float:right;}
.site-menu li { display:inline-block; padding:40px 25px 0 25px;}
.site-menu li a { font-size:15px; text-transform:uppercase; text-decoration:none; color:#282560; }
.content.img { text-align:center;}
.theman { width:100%; height:auto; text-align:center;}
.man { width:auto; max-width:100%; height:auto; position:relative;  display:inline-block;}
.elbow { position:absolute; top:25%; left:7%;}
.shoulder { position:absolute; top:10%; left:24%;}
.wrist { position:absolute; top:0%; left:55%;}
.captialE { position:absolute; top:35%; left:80%;}
.knee { position:absolute; top:64%; left:67%;}
.ankle { position:absolute; top:75%; left:37%;}

.trans-eff {   -webkit-transition: 0.4s ease;
  transition: 0.4s ease; transform: scale(1);  }
.trans-eff:hover { transform: scale(1.25); }

.sub-menu {display:none; position:absolute; z-index:10000; padding:15px;}
li:hover .sub-menu { display:block; background-color:#292560; }
.sub-menu  li {display:block; width:100%; padding:10px 15px 10px 5px; margin:0px;}
.sub-menu  li a { color:#ffffff; line-height:20px;}
/*
.bg1 { background-image:url("../images/bg-1.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.bg2 { background-image:url("../images/bg-2.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.bg3 { background-image:url("../images/bg-3.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.bg4 { background-image:url("../images/bg-4.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.bg5 { background-image:url("../images/bg-5.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.bg6 { background-image:url("../images/bg-6.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.bg7 { background-image:url("../images/bg-7.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
*/
.about-bg { background-image:url("../images/bg-img4.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.edu-bg { background-image:url("../images/bg-img7.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.edu-bg2 { background-image:url("../images/bg-img3.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.man-bg { background-image:url("../images/bg-img6.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.man-bg.contact { background-size:cover;}
.knee-bg { background-image:url("../images/bg-img9.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.knee-bg1 { background-image:url("../images/bg-img8.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.shoulder-bg { background-image:url("../images/bg-img2.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.shoulder-bg1 { background-image:url("../images/bg-img1.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.elbow-bg { background-image:url("../images/bg-img5.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.ankle-bg { background-image:url("../images/bg-img7.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }
.wrist-bg { background-image:url("../images/bg-img10.jpg"); background-size:100% auto; background-repeat:no-repeat; background-color:#18178f !important; }


.left { float:left !important;}
.right { float:right !important;}
.f-center { float:none !important; margin:0 auto;}

.darkbg .main-nav ul li a {color:#ffffff;}
.darkbg  {color:#ffffff;}
.circle {background-image:url("../images/circle-920.png"); background-size:100% auto; max-width:920px; width:100%; height:auto !important;}

.mid-content { max-width:600px; width:100%; margin:0 auto; font-size:20px; font-weight:bold; padding-top:100px; text-align:justify;}
.mid-content  img { max-width:100%;}


.elbow-page.outer { max-width:750px; width:100%; margin:0 auto; text-align:center; margin-top:125px;}

.lcl-page.outer { max-width:860px; width:100%; margin:0 auto; text-align:center; margin-top:50px;font-size:12px; line-height:16px;}

.lcl-page.single {max-width:430px; margin:0 auto;text-align:center;font-size:12px; line-height:16px;}
.lcl-page .circle-disc li { list-style-position:inside;}

.acl-page.outer { max-width:1200px; width:100%; margin:0 auto; text-align:center; margin-top:50px;font-size:13px; line-height:18px;} 
.acl-page.single {max-width:430px; margin:0 auto;text-align:center;font-size:13px; clear:both !important; line-height:18px;}
.acl-page.single .circle-big { margin-top:-50px;}

@media all and (min-width:1200px) {
.acl-out-position { position:absolute; width:100%; left:0px;}
.acl-page.single { position:relative; top:-150px;}
}

.shoulder-page.outer { max-width:700px; width:100%; margin:0 auto; text-align:center; margin-top:125px;}

.circle-sm { max-width:350px; min-width:350px;float:left; /* display:inline-block; */ background-color:rgba(22,13,71,0.7); min-height:350px; border-radius:300px; padding:65px 45px 0 45px; box-sizing:border-box;  text-align:left; border:3px solid #ffffff; margin-bottom:10px; position:relative;}
.circle-sm1 { width:200px; float:left; /* display:inline-table;  background-color:rgba(22,13,71,0.7); */ height:200px; border-radius:300px; padding:60px 40px; box-sizing:border-box;  text-align:left; border:5px solid #ffffff; text-align:center; margin:10px 15px !important; font-size:18px;transition: 0.4s ease; position:relative;}
.circle-big { width:400px; float:left; margin:0 15px; height:400px;background-color:rgba(22,13,71,0.7); padding:80px 50px; text-align:left; border:3px solid #ffffff;border-radius:300px;box-sizing:border-box; position:relative;}
.circle-big1 { width:435px; float:left; margin:0 15px; height:435px;background-color:rgba(22,13,71,0.7); padding:80px 50px; text-align:left; border:3px solid #ffffff;border-radius:300px;box-sizing:border-box; position:relative;}

.knee-bg1 .circle-sm1 { width:200px; float:left; /* display:inline-table; */ background-color:rgba(22,13,71,0.0); height:200px; border-radius:300px; padding:60px 40px; box-sizing:border-box;  text-align:left; border:6px solid #ffffff; text-align:center; margin:10px 15px !important; font-size:18px; font-weight:normal; transition: 0.4s ease;}
.knee-bg .circle-sm { max-width:350px; min-width:350px;float:left; /* display:inline-block; */ background-color:rgba(22,13,71,0.7); min-height:350px; border-radius:300px; padding:65px 45px 0 45px; box-sizing:border-box;  text-align:left; border:3px solid #ffffff; margin-bottom:10px; font-size:14px;}


.circle-sm1:hover {background-color:rgba(255,255,255,1);  color:#000000;} 
.circle-sm1.c-1  {padding:75px 40px;}
.circle-sm1 span { color:#ffffff;}
.circle-sm1:hover span { color:#000000;}
.c-1 { margin-right:50px;}
.circle-head { color:#27aae1; margin-bottom:12px; font-size:14px; }
.circle-readmore { text-align:center; margin-top:35px; position:absolute; width:100%; left:0; bottom:25px;}
.circle-readmore a{ text-align:center; font-style:italic; margin-top:45px;color:#ffffff; text-decoration:none;}
.circle-disc ul { padding:0 15px; margin:0px;}
.circle-disc li { padding:0; margin:0px; }

.careers {position:relative; text-align:center; max-width:1200px; margin:50px auto;}
.careers .circle2 {position:relative;width:600px; margin:0 auto; height:600px;background-color:rgba(22,13,71,0.7); padding:80px 120px; text-align:left; border:0px solid #ffffff;border-radius:300px;box-sizing:border-box; font-size:13px;  }
.careers .circle1 {position:absolute;width:350px; margin:0 auto; height:350px;background-color:rgba(22,13,71,0.7); padding:90px 50px; text-align:left; border:0px solid #ffffff;border-radius:300px;box-sizing:border-box; bottom:-70px; left:3%;  }

.careers .circle4 {position:relative;width:765px; margin:0 auto; height:765px;background-color:rgba(22,13,71,0.7); padding:70px 70px; text-align:left; border:0px solid #ffffff;border-radius:400px;box-sizing:border-box;  }
.careers .circle5 {position:absolute;width:400px; margin:0 auto; height:400px;background-color:rgba(22,13,71,0.7); padding:65px 40px; text-align:left; border:0px solid #ffffff;border-radius:300px;box-sizing:border-box; bottom:-240px; left:0%;  }
.careers .circle5 p { margin:3px 8px; padding:5px 5px; font-size:12px; line-height:15px; letter-spacing:0.1mm;}
.careers.contact { margin-bottom:250px;}

.careers .circle3 {position:absolute;width:350px; margin:0 auto; height:350px;background-color:rgba(22,13,71,0.7); padding:60px 80px; text-align:left; border:0px solid #ffffff;border-radius:300px;box-sizing:border-box;  bottom:-70px; right:3%; font-size:13px; }
.careers .circle1 .tk {font-size:22px; font-weight:bold; font-style:italic; line-height:30px;}
.careers .circle1 .tk-by {font-size:16px;  font-style:italic; margin-top:15px;}

.education {position:relative; text-align:center; max-width:1200px; margin:50px auto;}

.education .circle1 {position:relative;width:550px; height:550px;background-color:rgba(22,13,71,0.7); padding:90px; text-align:left; border:0px solid #ffffff;border-radius:300px;box-sizing:border-box; line-height:22px;}
.education .circle1 .edu1 { padding:5px 15px;}
.education .circle1 .edu2 { margin:0 -20px; }
.education .circle1 .edu3 { padding:5px 15px; }

.education-inner {position:relative; text-align:center; max-width:1200px; margin:50px auto;}
.education-inner .circle1 {position:relative;width:650px; height:650px;background-color:rgba(22,13,71,0.7); padding:120px 120px; text-align:left; border:0px solid #ffffff;border-radius:450px;box-sizing:border-box; margin:0 auto;}
.surgeons-heading { font-size:16px; font-weight:bold;}
.click-here { text-align:right;}
.click-here-left { text-align:left;}
.click-here a , .click-here-left a{ text-align:right; color:#ffffff; text-decoration:none;}
.education .circlelink1 { position:absolute; left:575px; bottom:0px; width:200px; float:left; /* display:inline-table; */ background-color:rgba(22,13,71,0.7); height:200px; border-radius:300px; padding:80px 40px; box-sizing:border-box;  text-align:left; border:5px solid #ffffff; text-align:center; margin:0 15px !important; font-size:16px; letter-spacing:3px;transition: 0.4s ease; color:#ffffff;}
.education .circlelink1:hover  {background-color:rgba(255,255,255,1);  color:#000000;} 
.education .circlelink2 { position:absolute; left:820px; bottom:0px; width:200px; float:left; /* display:inline-table; */ background-color:rgba(22,13,71,0.7); height:200px; border-radius:300px; padding:60px 30px; box-sizing:border-box;  text-align:left; border:5px solid #ffffff; text-align:center; margin:0 15px !important; font-size:16px; letter-spacing:3px; transition: 0.4s ease;color:#ffffff;}
.education .circlelink2:hover  {background-color:rgba(255,255,255,1);  color:#000000;} 
.circlelinksm-outer {width:380px;}
.circlelinksm1 , .circlelinksm2   { float:left; max-width:120px;}
.circlelinksm1 label { width:115px; float:left; /* display:inline-table; */ background-color:rgba(22,13,71,0.7); height:115px; border-radius:300px; padding:40px 10px; box-sizing:border-box;  text-align:left; border:3px solid #ffffff; text-align:center; margin:0 0px !important; font-size:14px; transition: 0.4s ease; color:#ffffff;  line-height:20px;}
.circlelinksm1  label:hover  {background-color:rgba(255,255,255,1);  color:#000000; cursor:pointer;} 
.circlelinksm2  label { width:115px; float:left; /* display:inline-table; */ background-color:rgba(22,13,71,0.7); height:115px; border-radius:300px; padding:25px 10px; box-sizing:border-box;  text-align:left; border:3px solid #ffffff; text-align:center; margin:0 0px !important; font-size:14px;transition: 0.4s ease;color:#ffffff; line-height:20px;}
.circlelinksm2  label:hover  {background-color:rgba(255,255,255,1);  color:#000000; cursor:pointer;} 

[type="checkbox"], label {
    display: none;
}
.fieldset2 .hradio { visibility:hidden; position:absolute;}
.fieldset2 input:checked + label {
    background: #ffffff; color:#000000;
}
.fieldset2 label { display:block;}

.contact-head { padding: 0 40px;}
 
.form p { margin:0px; padding:5px 0 0 0;}
.form  {position:relative;}
.form .input-txt {width:260px; padding:2px; border:1px solid #000000; margin-bottom:10px; height:25px;}
.form .select-txt {width:260px; padding:2px; border:1px solid #000000; margin-bottom:10px; height:30px;}
.form .input-txt1 {width:400px; padding:2px; border:1px solid #000000; margin-bottom:10px; height:25px;}
.txt-area { width:300px; height:85px;}
.fieldset3 { padding:0 75px;}
.fieldset1 { padding:0 25px;}
.fieldset2 { padding:0 0 0 15px; margin-top:15px;}
.contact .fieldset2 { padding:0 0 0 15px; margin-top:0px;}
.fieldset2 .left { padding-top:35px;}
.submit input {position:absolute; right:125px; bottom:0px; background-color:#919395; color:#ffffff; width:75px; height:75px; border-radius:50px; border:0px; cursor:pointer;}

.elbow-bg  .circle-sm {padding-top:100px;}
.single { float:none !important; margin:0 auto;}

@media all and (min-width:960px) and (max-width:1200px) {
	.wrapper { width:100%; overflow:hidden;}		
	.man-img { max-width:100%;}
	.careers .circle5 { position:relative; bottom:0px;}
}
@media all and (min-width:768px) and (max-width:960px) {
	.wrapper { width:100%; overflow:hidden;}		
	.man-img { max-width:100%;}
	.acl-page.single .circle-big { margin-top:0px !important;}
	.careers .circle5 { position:relative; bottom:0px;}
	.careers .circle3 , .careers .circle1 { position:relative; right:auto !important; bottom:0 !important; margin:5px auto !important; left:auto !important;}
	 
}
@media all and (min-width:20px) and (max-width:768px) {
	.wrapper { width:100%; overflow:hidden;}		
	.man-img { max-width:100%;}	
	.man div { width:70px;}
	.man div img { max-width:70px;}
	.site-menu li {  display: inline-block;  padding: 10px 10px 0;}
	.acl-page.outer { width:95%;}
	.circle-big.left , .circle-big.right { float:none !important; margin-bottom:10px;}
	.circle-big1.left , .circle-big1.right { float:none !important; margin-bottom:10px;}
	.acl-page.single .circle-big { margin-top:0px !important;}
	.careers .circle5 { position:relative; bottom:0px;}
	.careers .circle4 {width:100%; height:auto; border-radius:0px; padding:15px;}
	.contact-head , .fieldset1  , .fieldset2  ,.fieldset3{ padding:0px; margin:0px;}
	.fieldset1 .left , .fieldset2 .left { float:none !important;}
	.fieldset1 .right , .fieldset2 .right { float:none !important;}
	.circlelinksm1 , .circlelinksm2 { margin-bottom:5px !important;}
	.submit input { position:relative !important; right:0px; top:10px; }
	.form .input-txt1 {width:220;}
	.form .txt-area {width:280;}
	.careers .circle3 , .careers .circle1 { position:relative; right:auto !important; bottom:0 !important; margin:5px auto !important; left:auto !important;}
	.careers .circle2 { width:auto !important; padding:60px;}
	.education .circle1 { width:100%; padding:50px; height:auto;}
	.education .circlelink1 , .education .circlelink2 { position:relative; left:auto !important; margin-bottom:5px !important;}
	.circlelinksm-outer {width:100%;}
}

/* specifically for mobile */
@media all and (min-width:20px) and (max-width:468px) {
	.man div { width:50px;}
	.man div img { max-width:50px;}	
	.circle-big , .circle-big1 { width:95%; height:auto; border:0px !important; }
	.careers .circle5 {width:100%; height:auto;}
	.careers .circle2 { width:auto !important; padding:60px;}
	.circle-sm {width:100%; overflow:hidden; height:auto; min-width:100%;}
}


@media screen and (max-width: 768px) {
	.main-nav ul {
		  display: none;
	}
	.main-nav ul li { width:100%; background:#18178f;}
	.sub-menu {padding:1px !important;}
	.main-nav label {
  		display: block;
  		background: #18178f;
		  width: 40px;
  		height: 40px;
  		cursor: pointer;
		  position: absolute;
		  right: 20px;
  		top: 35px;
	}
  
.main-nav label:after{
  content:'';
  display: block;
  width: 30px;
  height: 5px;
  background: #777;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
}

.main-nav [type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		right: 40px;
		left: 20px;
		top:70px;
	}
	}