@font-face {
  font-family: 'FiraSans-Bold';
  src: url('/fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),  	   url('/fonts/FiraSans-Bold.otf')  format('opentype'),
	   url('/fonts/FiraSans-Bold.woff') format('woff'), 	   url('/fonts/FiraSans-Bold.ttf')  format('truetype'), 	   url('/fonts/FiraSans-Bold.svg#FiraSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans-Regular';
  src: url('/fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),         url('/fonts/FiraSans-Regular.otf')  format('opentype'),
	   url('/fonts/FiraSans-Regular.woff') format('woff'), 	   url('/fonts/FiraSans-Regular.ttf')  format('truetype'), 	   url('/fonts/FiraSans-Regular.svg#FiraSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'fira_sanslight';
    src: url('/fonts/fira-sans.light-webfont.eot');
    src: url('/fonts/fira-sans.light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/fira-sans.light-webfont.woff2') format('woff2'),
         url('/fonts/fira-sans.light-webfont.woff') format('woff'),
         url('/fonts/fira-sans.light-webfont.ttf') format('truetype'),
         url('/fonts/fira-sans.light-webfont.svg#fira_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}/* Jeffrey Tedder Document */body,button,form,h1,h2,h3,h4,iframe,li,p,ul{padding:0;margin:0;font-weight:400}body{font-family: 'FiraSans-Regular';font-size:15px;color:#8a8989;line-height:20px}li,ul{list-style-type:none}img{border:none;max-width:100%}a{outline:0;color:#008FBE;text-decoration:none}a:hover{color:#80C41D}.clear{clear:both}
#header-section,#main-menu-section,#home-banner-section,#home-banner-bottom-section,#home-content,#footer-top-section,#footer-bottom-section,#container{width:100%;float:left}
.header-section,.main-menu-section,.home-banner-section,.home-banner-bottom-section,.home-content,.footer-top-section,.footer-bottom-section,.container{max-width:940px;margin:auto;position:relative;}
.logo{float:left}
.header-right{float:right;text-align:right;margin:38px 0 0}
.header-right span{display:block;font-size:14px;color:#6d6b6c;font-family: 'FiraSans-Regular';margin:0 0 5px}
.header-right span.header-right-line1{font-size:18px;font-family: 'FiraSans-Bold'}
.header-right span.header-right-line3{color:#004d72}
.header-right .phone{font-size:24px;line-height:25px;color:#004d72;font-family: 'FiraSans-Bold';margin:16px 0 0}
.header-right .phone a{color:#004d72;background:url(/images/phone-icon.png) no-repeat 0 3px;padding-left:45px;display:inline-block}
.header-right a.appointment{display:inline-block;background:#91d8f2 url(/images/appointment-icon.png) no-repeat 15px 10px;border-radius:10px 0 0 0;font-size:14px;color:#004d72;margin:10px 0 0;padding:12px 5px 11px 21%;font-family: 'FiraSans-Regular'}

#home-banner-section{background:#e7f4f8;}
.home-banner-section ul li{position:relative; width:100%;}
.home-banner-section ul li img{float:left; display: block; height: auto;  border: 0; margin:0 auto;}
.tagline{position:absolute;font-family: 'FiraSans-Bold';font-size:36px;color:#ffffff;left:25px;bottom:53px}
.home-banner-section ul li#rslides1_s2 .tagline,.home-banner-section ul li#rslides1_s3 .tagline{color:#fff;}
.next,.prev{position:absolute;top:40%;z-index:2;width:82px;height:82px;text-indent:-9999px}
.next{right:15px;background:url(/images/banner-right-arrow.png) no-repeat 0 0}
.prev{left:15px;background:url(/images/banner-left-arrow.png) no-repeat 0 0}
#home-banner-bottom-section{background:#90d2e4;margin-top:5px}
.home-banner-bottom-section{background:#fff}
.home-banner-bottom-section ul {float:left;width:100%; float:left;}
.home-banner-bottom-section ul li {float:left;width:188px; list-style:none;}
.home-banner-bottom-section ul li a.sec-one{float:left;width:183px; background:url(/images/home-banner-bottom-1.png) no-repeat 0 0; padding:75px 0;}
.home-banner-bottom-section ul li a.sec-two{float:left;width:183px; background:url(/images/home-banner-bottom-2.png) no-repeat 0 0;padding:75px 0;}
.home-banner-bottom-section ul li a.sec-three{float:left;width:183px; background:url(/images/home-banner-bottom-3.png) no-repeat 0 0;padding:75px 0;}
.home-banner-bottom-section ul li a.sec-four{float:left;width:183px; background:url(/images/home-banner-bottom-4.png) no-repeat 0 0; padding:75px 0;}
.home-banner-bottom-section ul li a.sec-five{float:left;width:183px; background:url(/images/home-banner-bottom-5.png) no-repeat 0 0;padding:75px 0;}


.home-banner-bottom-section ul li a.sec-one1{float:left;width:183px; background:url(/images/home-banner-bottom-1-hr.png) no-repeat 0 0; padding:75px 0;}
.home-banner-bottom-section ul li a.sec-two1{float:left;width:183px; background:url(/images/home-banner-bottom-2-hr.png) no-repeat 0 0;padding:75px 0;}
.home-banner-bottom-section ul li a.sec-three1{float:left;width:183px; background:url(/images/home-banner-bottom-3-hr.png) no-repeat 0 0;padding:75px 0;}
.home-banner-bottom-section ul li a.sec-four1{float:left;width:183px; background:url(/images/home-banner-bottom-4-hr.png) no-repeat 0 0; padding:75px 0;}
.home-banner-bottom-section ul li a.sec-five1{float:left;width:183px; background:url(/images/home-banner-bottom-5-hr.png) no-repeat 0 0;padding:75px 0;}

.home-banner-bottom-section ul li a.sec-one:hover{background:url(/images/home-banner-bottom-1-hr.png) no-repeat 0 0;}
.home-banner-bottom-section ul li a.sec-two:hover{background:url(/images/home-banner-bottom-2-hr.png) no-repeat 0 0;}
.home-banner-bottom-section ul li a.sec-three:hover{background:url(/images/home-banner-bottom-3-hr.png) no-repeat 0 0;}
.home-banner-bottom-section ul li a.sec-four:hover{background:url(/images/home-banner-bottom-4-hr.png) no-repeat 0 0;}
.home-banner-bottom-section ul li a.sec-five:hover{background:url(/images/home-banner-bottom-5-hr.png) no-repeat 0 0;}
.home-content{margin-bottom:70px}
.services-icon{margin:-28px 0 5px;text-align:center}
.services-icon span{display:inline-block;width:67px;height:61px;background:url(/images/banner-bottom-v.png) no-repeat 0 0}
.services-menu{float:left;margin-right:7%;font-size:14px;line-height:15px}
.services-menu-heading,.services-menu-heading a{font-family: 'FiraSans-Bold';color:#008fbe;margin:0 0 7px}
.services-menu ul li{margin:8px 0 0}
.services-menu ul li a{color:#6d6b6c;font-family: 'FiraSans-Regular';line-height:18px}
#footer-top-section{background:#008fbe}
.grace-ortho-center-logo{float:left;margin:0 2% 0 0}
.footer-address{font-family: 'fira_sanslight';font-size:16px;color:#fff;line-height:16px;padding:30px 0 0;float:left;}
.footer-address p{display:inline}

.fracs-logo img {
    float: left;
    padding: 0 0 0 40px;
}
.email-txt{font-family: 'FiraSans-Bold';  letter-spacing: 2px;
    padding: 0 0 0 10px;}
.footer-address a{color:#fff;}
#footer-bottom-section{background:#004d71}
.footer-left{font-family: 'fira_sanslight';float:left;font-size:14px;color:#ffffff;padding:25px 0 20px 0;}
.footer-left a,.footer-left span{color:#fff;display:inline-block;padding-right:5px;padding-left:5px;}
.fracs-logo{float:right;padding:12px 0 0 0;}
#container{background:#e7f4f8; }
.container{background:#fff; padding:40px 50px; font-family: 'fira_sanslight'; min-height:700px;}
.container .heading{font-family: 'FiraSans-Bold';font-size:25px;color:#004d72;}
.content-left{width:75%;float:left; font-family: 'fira_sanslight';}
.content-right{width:205px;float:right;  font-family: 'fira_sanslight';}
#container h1{font-family: 'FiraSans-Bold'; float:left;font-size:25px; color:#004d72;  float:left; padding:0px 0 20px 0;} 
#container p{font-family: 'fira_sanslight'; float:left;font-size:15px; color:#8a8989;  float:left; margin-bottom:10px; width:100%; } 

span.address-heading{font-family: 'FiraSans-Bold' ; float:left;font-size:15px;color:#008fbe; width:100%; float:left; padding:0px 0 10px 0; }
span.address{ background:url(/images/location-icon.png) no-repeat 20px 55px; color:#8a8989; font-size:15px; padding:5px 0 5px 70px; width:60%;}
p.address span{ color:#004d72;}
.content-left1{width:234px;float:left; font-family: 'fira_sanslight'; background:#fff;}
.content-right1{width:68%;float:right;   font-family: 'fira_sanslight';  background:#fff;}
.tony{ width:100%; height:auto; float:left; height:284px;}
.tony2{ width:100%; height:auto; float:left;}
.tony2-left a { width:117px;  float: left; height:145px; background:url(/images/tony-lamberton1.jpg) no-repeat; display:block;}
.tony2-right  a{ width:117px;  float: right; height:145px; background:url(/images/sally1.jpg) no-repeat;  display:block;}
.tony2-left1 a { width:117px;  float: left; height:145px; background:url(/images/tony-lamberton1-hr.jpg) no-repeat; display:block;}
.tony2-right1  a{ width:117px;  float: right; height:145px; background:url(/images/sally1-hr.jpg) no-repeat;  display:block;}

.tony3-left1 a { width:117px;  float: left; height:145px; background:url(/images/hosp1-hr.jpg) no-repeat; display:block;}
.tony4-right1  a{ width:117px;  float: right; height:145px; background:url(/images/hosp2-hr.jpg) no-repeat;  display:block;}



.tony2-left :hover{background:url(/images/tony-lamberton1-hr.jpg) no-repeat; }
.tony2-right :hover{background:url(/images/sally1-hr.jpg) no-repeat; }

.tony3-left a { width:117px;  float: left; height:145px; background:url(/images/hosp1.jpg) no-repeat; display:block;}
.tony4-right  a{ width:117px;  float: right; height:145px; background:url(/images/hosp2.jpg) no-repeat;  display:block;}
.tony3-left :hover{background:url(/images/hosp1-hr.jpg) no-repeat; }
.tony4-right :hover{background:url(/images/hosp2-hr.jpg) no-repeat; }

.left {
  float: left;
  width: 15%;
}
.right {
  float: left;
}

#container h1{font-family: 'FiraSans-Bold'; float:left;font-size:26px; color:#004d72;  float:left; padding:0px 0 20px 0; width:100%;} 

#container span.one{font-family: 'FiraSans-Bold'; float:left;font-size:25px; color:#004d72;  float:left; padding:0px 0 20px 0; width:100%;} 
h2{ color:#004d72 ; font-size:22px; font-weight: normal;padding-bottom:5px; line-height:30px; font-family: 'FiraSans-Bold'; }

h2.nrm-ant{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/normal-ant.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}
h2.ttl-hip{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/tot-hip.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}
h2.fem-icon{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/fem-icon.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}
h2.rev-icon{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/rev-icon.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}



h2.ken-icon1{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/ken-icon1.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px; clear:both;}
h2.ken-icon2{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/ken-icon2.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px; clear:both;}
h2.ken-icon3{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/ken-icon3.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px; clear:both;}
h2.ken-icon4{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/ken-icon4.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}
h2.ken-icon5{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/ken-icon5.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}
h2.ken-icon6{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/ken-icon6.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}
h2.ken-icon7{ color:#004d72 ; font-size:22px; font-weight: normal; line-height:30px; font-family: 'FiraSans-Bold';  background:url(/images/ken-icon7.png) no-repeat 0px 3px; padding:7px 0 7px 90px; margin-bottom:10px;clear:both;}


h3{ color:#cf8208;font-size:18px;  font-weight: normal; padding-bottom:5px; font-family: 'FiraSans-Bold'; }
h4{color:#232323; font-size:16px;font-weight:normal; }
.navigation {width:100%; height:auto;  padding: 0px 0% 20px 0; margin:0 0 0px 0; color:#008FBE; }
.navigation a{ color:#232323; font-size:14px; }
.navigation span{color:#0062a9;}
.navigation a:hover { color:#000; }
ul.list_nav{ width:100%; margin-bottom:20px; clear:both; float:left;}
ul.list_nav li{ list-style:none; font-family: 'fira_sanslight'; float:left;font-size:15px; color:#8a8989;  padding:0px 0px 0px 18px;  line-height:30px; background:url(/images/list-arrow.png) no-repeat 0px 3px; WIDTH:100%; }
.pr-tab{width:100%; float:left; line-height:40px; }
.pr-tab-left{width:10%; float:left;}
.pr-tab-right{width:40%; float:left;}

.hip-img{width:100%; float:left; }
.hip-img-left{width:64%; float:left; }
.hip-img-right{width:36%; float:right; }
.services-icon2{width:100%; float:left; position:relative;}
.services-icon1{left:50%;text-align:center; position:absolute; top:-23px;}


.services-icon1 span{display:inline-block;
width:70px;
height:70px;
}
ul.list_nav1{ width:100%; margin-bottom:20px; clear:both; float:left;}
ul.list_nav1 li{ list-style:none; font-family: 'fira_sanslight'; float:left;font-size:15px; color:#8a8989;  padding:0px 0px 5px 18px;   background:url(/images/list-arrow.png) no-repeat 0px -2px; WIDTH:100%; }
ul.pages{ width:95%;clear:both; margin-left:3%;}
ul.pages li{ list-style:disc; color:#8a8989; font-size:15px;  font-family: 'fira_sanslight';}
ul.pages li a{ color:#8a8989; font-size:15px;  font-family: 'fira_sanslight';}
ul.pages li ul li{ list-style:disc; color:#8a8989; font-size:15px;}
ul.pages li a:hover{ color:#008FBE; }
.joint {color:#fff;text-decoration:none;text-align:left;margin:0px !important;padding:0px !important;list-style:none;display:block;height:auto;}
.joint li {list-style:none;width:325px;float:left;padding:0px !important;margin: 0px 0px 15px 0px !important;display:block;}
.minimally a {font-size:14px;background:url(/images/revision-knee-replacement.gif) no-repeat 5px 3px !important;padding:42px 0px 4px 125px !important;}
.computer-assisted a {font-size:14px;background:url(/images/hip-arthroplasty.gif) no-repeat 5px 3px !important;padding:42px 0px 4px 125px !important;}
.thr a { font-size:14px;background:url(/images/hip-arthroplasty.gif) no-repeat 5px 3px !important;padding:42px 0px 4px 125px !important;}
.tkr a {font-size:14px;background:url(/images/revision-knee-replacement.gif) no-repeat 5px 3px !important;padding:42px 0px 4px 125px !important;}
.revision-knee a {font-size:14px;background:url(/images/revision-knee-replacement.gif) no-repeat 5px 3px !important;padding:42px 0px 4px 125px !important;}
.revision-hip a {font-size:14px;background:url(/images/hip-arthroplasty.gif) no-repeat 5px 3px !important;padding:42px 0px 4px 125px !important;}
.shoulder-joint a {font-size:14px;background:url(/images/shoulder-joint-replacement.gif) no-repeat 5px 3px !important;padding:42px 5px 4px 119px !important;}
.unicondylar a {font-size:14px;background:url(/images/unicondylar.jpg) no-repeat 5px 3px !important;padding:42px 5px 4px 119px !important;}
.joint li a {color:#111111;display:block;text-align:center;text-decoration:none;line-height:17px;width:190px;height:70px;
border:1px solid #d5d5d5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:4px 0px 4px 0px;}
.joint li a:hover {text-decoration:none;color:#1b82cd;border:1px solid #c3c3c3;}
#minimally_box{width:100%; height:auto; float:left;}
#minimally_box_left{width:50%; height:auto; float:left;}
#minimally_box_right{width:50%; height:auto; float:right;}
#minimally_box_right h3, #minimally_box_left h3{color:#000; font-size:14px;}
ul.procdure_list{ float:left; width:48%; margin: 1% 1% 0 0;}
ul.procdure_list li{ display:block; display:block; width:100%; float:left;  margin-bottom:10px; }
ul.procdure_list li a{ color:#fff; font-size:16px; background:#008FBE;  display:block; text-align:center; padding:12px 0 12px 0; }
ul.procdure_list li a:hover{ background:#004D72; color:#fff; }

.header-right .phone a:hover , .services-menu-heading, .services-menu-heading a:hover , .services-menu ul li a:hover , .footer-address a:hover  , .footer-left a:hover{color:#cf8208; transition: color 0.8s ease-in-out 0s;}
.header-right a.appointment:hover{ background:#ccc url("/images/appointment-icon.png") no-repeat scroll 15px 10px ; transition: color 0.8s ease-in-out 0s;}

.vhe{height:430px; border:solid 1px #ccc;}

/*@media screen*/
@media screen and ( max-width:800px) {

.content-left{width:60%;}

}
@media screen and ( max-width:768px) {
.fracs-logo { float: left; margin: 0 40%;}
.grace-ortho-center-logo {   float: left;   margin: 0 40%;}
.footer-address {text-align:center; padding:50px 0 24px;}
.services-menu{margin:0 5%;}
.header-right{ margin:20px 5% 0 5%;}
.logo{ margin:0 5%;}
.footer-left{text-align:center;}
.tagline{font-size:16px;}
.prev  , .next{background-size:40%;}
.home-banner-bottom-section ul li{width:150px;}
.home-banner-bottom-section ul li a.sec-one ,
.home-banner-bottom-section ul li a.sec-two,
.home-banner-bottom-section ul li a.sec-three,
.home-banner-bottom-section ul li a.sec-four,
.home-banner-bottom-section ul li a.sec-five{background-size:100%; width:150px}
.home-banner-bottom-section ul li a.sec-one:hover ,
.home-banner-bottom-section ul li a.sec-two:hover,
.home-banner-bottom-section ul li a.sec-three:hover,
.home-banner-bottom-section ul li a.sec-four:hover,
.home-banner-bottom-section ul li a.sec-five:hover{background-size:100%; width:150px}

.home-banner-bottom-section ul li a.sec-one1 ,
.home-banner-bottom-section ul li a.sec-two1,
.home-banner-bottom-section ul li a.sec-three1,
.home-banner-bottom-section ul li a.sec-four1,
.home-banner-bottom-section ul li a.sec-five1{background-size:100%; width:150px}

.left {
  float: none;
  width: auto;
}
.right {
  float: none;
}
}
@media screen and ( max-width:700px) {
.content-left{width:100%; margin:20px 0px;}
.content-right{float:none; margin:30px auto;}
}
@media screen and ( max-width:600px) {
.logo{margin:0 30%;}
.header-right{text-align:center; margin:0 30%; float:left;}
}

@media screen and ( max-width:500px) {
.logo{margin:0 20%;}
.header-right{text-align:center; margin:0 20%; float:left;}

}

@media screen and ( max-width:360px) {
.logo{margin:0 15%;}
.header-right{text-align:center; margin:0 15%;}
.home-banner-bottom-section ul li{width:172px;}
.grace-ortho-center-logo , .fracs-logo{margin:0 25%;}
.home-banner-bottom-section ul li{width:150px; margin-left:5%;}
.home-banner-bottom-section ul li a.sec-one ,
.home-banner-bottom-section ul li a.sec-two,
.home-banner-bottom-section ul li a.sec-three,
.home-banner-bottom-section ul li a.sec-four,
.home-banner-bottom-section ul li a.sec-five{background-size:100%; width:150px}
.home-banner-bottom-section ul li a.sec-one:hover ,
.home-banner-bottom-section ul li a.sec-two:hover,
.home-banner-bottom-section ul li a.sec-three:hover,
.home-banner-bottom-section ul li a.sec-four:hover,
.home-banner-bottom-section ul li a.sec-five:hover{background-size:100%; width:150px}
.home-banner-bottom-section ul li a.sec-one1 ,
.home-banner-bottom-section ul li a.sec-two1,
.home-banner-bottom-section ul li a.sec-three1,
.home-banner-bottom-section ul li a.sec-four1,
.home-banner-bottom-section ul li a.sec-five1{background-size:100%; width:150px}
.container{float: left;
    padding: 40px 9px;
    width: 90%;}
	
#container{background:#fff;}
.services-menu-heading, .services-menu-heading a{margin:20px 0; font-size:20px;}	
	
.content-left1{float:none; margin:30px auto;}

.content-right1{ float: left;
    margin: 20px 2%;
    width: 96%;}
.pr-tab-left{width:62px;}
.pr-tab-right{width:200px;}
#container p{line-height:30px;}
.footer-address p{line-height:30px;}

.vhe {
    height: 215px;
}
}

@media screen and ( max-width:320px) {
.home-banner-bottom-section ul li{width:130px; margin-left:2%;}
.home-banner-bottom-section ul li a.sec-one ,
.home-banner-bottom-section ul li a.sec-two,
.home-banner-bottom-section ul li a.sec-three,
.home-banner-bottom-section ul li a.sec-four,
.home-banner-bottom-section ul li a.sec-five{background-size:100%; width:130px}
.home-banner-bottom-section ul li a.sec-one:hover ,
.home-banner-bottom-section ul li a.sec-two:hover,
.home-banner-bottom-section ul li a.sec-three:hover,
.home-banner-bottom-section ul li a.sec-four:hover,
.home-banner-bottom-section ul li a.sec-five:hover{background-size:100%; width:130px}
.home-banner-bottom-section ul li a.sec-one1 ,
.home-banner-bottom-section ul li a.sec-two1,
.home-banner-bottom-section ul li a.sec-three1,
.home-banner-bottom-section ul li a.sec-four1,
.home-banner-bottom-section ul li a.sec-five1{background-size:100%; width:130px}
}