/* Navigation CSS */

.navigation {
    padding: 12px 5px 5px;
    font-weight: bold;
    font: 300 17px/21px 'Muli', sans-serif;
}

#Banner-Container-S {
    background: #00456d;
    color: #fff;
    min-height: 311px;
}

#Banner-Nav {
    text-align: center;
    padding-top: 206px;
    padding-bottom: 14px;
}

#Banner-Nav h1 {
    font: 700 35px/40px 'Playfair Display', serif;
    letter-spacing: 0.5px;
}


/* Contact Page */

.conDiv {
    border: 2px solid #ccc;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.contact .conDiv {
    width: 47%;
    min-width: 300px;
    padding: 0px;
    box-shadow: 0 0 9px 2px #ccc;
    border-radius: 20px;
    margin: 15px 1%;
}

.contact .conMap {
    padding: 55% 0 0 0;
    margin: 15px;
}

.contact .conMap iframe {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9;
    border: 0px;
}

.conDiv {
    border: 0px;
}

.conAddress {
    padding: 12px;
    position: relative;
    text-align: left;
}

.textMain .conAddress ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    text-align: center;
}

.textMain .conAddress li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    text-align: left;
    min-width: 215px;
    background: none;
    font: 400 18px/30px 'Lora', sans-serif;
}

.textMain .conAddress li:first-child {
    padding-right: 10px;
}

.textMain .conAddress li:last-child {
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}

.textMain .conAddress p.textMainBold {
    padding: 5px 0px;
    font: 600 20px/26px 'Muli', sans-serif;
    text-align: center;
    margin: 10px auto 20px auto;
}

.textMain .conAddress p {
    position: relative;
    padding: 6px 10px 6px 29px;
}

.conAddress p::before {
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 5px;
}

.conMap {
    position: relative;
    height: 300px;
    z-index: 1;
}

.contactForm {
    width: 39%;
    min-width: 290px;
    text-align: center;
    margin: 20px auto;
}

.conMain {
    text-align: center;
}


/* Submit Testimonials */

.textMain .write-review {
    font: normal 16px/20px 'Muli', sans-serif;
    float: right;
    position: relative;
    border: 2px solid #ccc;
}

.textMain .write-review a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
}

.textMain .write-review a::before {
    margin-right: 15px;
}


/* Usefull Links Page */

.textMain .useFul {
    margin: 15px 0px;
    padding: 0px;
}

.textMain .useFul ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    text-align: center;
}

.textMain .useFul li {
    margin: 1%;
    padding: 0px;
    width: 45%;
    min-width: 290px;
    font: 400 16px/20px 'Source Sans Pro', sans-serif;
    background: none;
    border: 2px solid #ccc;
}

.textMain .useFul li span {
    display: block;
    padding: 15px 0px;
    background: #ccc;
    margin: 0px 0px 15px 0px;
}

.textMain .useFul li img {
    margin: 10px 0px;
}

.textMain .useFul li a {
    display: block;
    padding: 5px;
    text-decoration: none;
}


/* Text CSS */

.textMain {
    padding: 40px 10px 50px 10px;
    font: normal 15px/26px 'Muli', sans-serif;
    color: #2d2f2f;
}

.textMain a {
    color: #00a1de;
}

.textMain a:hover {
    color: #0000AC;
}

.textMain h1 {
    font: 600 30px/34px 'Muli', sans-serif;
    color: #414141;
}

.textMain h1 span {
    font: normal 20px/24px 'Muli', sans-serif;
    color: #4d4d4d;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 700 30px/35px 'Playfair Display', serif;
    color: #231f20;
}

.textMain h2 span {
    font: normal 18px/22px 'Muli', sans-serif;
    color: #000000;
}

.textMain h2 a,
.hTag2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
    color: #014cbe;
}

.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 500 24px/32px 'Muli', sans-serif;
    color: #0066a1;
}

.textMain h3 a,
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h4.hTag3 a {
    color: #353535;
}

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: normal 18px/22px 'Muli', sans-serif;
    color: #014cbe;
}

.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
    color: #014cbe;
}


/* Text CSS */

.textMain a {
    text-decoration: underline;
}

.textMain a:hover {
    text-decoration: none;
}

.textMain p {
    padding: 10px 0px;
    color: #231f20;
}

.textMain ul {
    padding: 0px;
    margin: 10px 0px;
}

.textMain ol {
    padding: 0px 0px 0px 30px;
    margin: 10px 0px;
}

.textMain ul li,
.textMain ol ul li {
    background: url(../images/bullet-b.gif) no-repeat 15px 15px;
    padding: 5px 5px 5px 30px;
}

.dfw-whitemode .textMain ul li {
    background: url(../images/bullet-b.gif) no-repeat 15px 15px;
}

.dfw-blackmode .textMain ul li {
    background: url(../images/bullet-w.gif) no-repeat 15px 15px;
}

.textMain ol li {
    padding: 5px 5px 5px 5px;
    list-style: decimal;
}

.textMain ul ul,
.textMain ol ol {
    margin: 0px;
    padding: 5px 5px 10px 20px;
}

.textMain ul ul li {
    background: none;
    padding: 5px;
    list-style: circle;
}

.textMain ol ol li {
    padding: 5px;
    list-style-type: lower-alpha;
}

.textMain ol ul li {
    list-style: none;
}

.textMain ul ul ul li {
    list-style: square;
}

.textMain ol ol ol li {
    list-style: lower-roman;
}

.textMain li p {
    margin: 5px;
}

.textMain h1 {
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

.textMain h1 span,
.textMain h2 span {
    display: block;
}

.textMain h2,
.textMain h3,
.textMain h4,
.hTag2,
.hTag3,
.hTag4 {
    padding: 10px 0px;
}

.textMain h1 a,
.textMain h2 a,
.textMain h3 a,
.textMain h4 a,
.hTag2 a,
.hTag3 a,
.hTag4 a {
    text-decoration: none;
}

.textMainBold,
.textMain strong {
    font-weight: bold;
}

.textMain em {
    font-style: italic;
}

.PDFtext {
    font: normal 12px 'Muli', sans-serif;
    color: #999;
}

.mandatory {
    font: normal 14px 'Muli', sans-serif;
    color: #F00;
}


/* YPO Showcase Page */

.ypo-showcase {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.showcase {
    padding: 5px;
    border: 1px solid #003263;
}

.ypo-l {
    padding: 10px;
    background: #fff;
    text-align: right;
}

.ypo-r {
    background: #efefef;
    padding: 10px;
    text-align: left;
}

.ypo-l img,
.ypo-r img {
    border: 1px solid #003263;
    padding: 2px;
}

.ypo-l img {
    margin: 0px 15px 10px 0px;
    float: left;
}

.ypo-r img {
    margin: 0px 0px 10px 15px;
    float: right;
}

.hr {
    padding: 10px 0px;
    background: url(../images/hr-b.gif) repeat-x left center;
}

#Container {
    overflow: hidden;
}

#Content {
    position: relative;
}


/* Media CSS */

.mediaList {
    margin: 0px;
    padding: 10px 0px;
}

.textMain .mediaList ul {
    margin: 0px;
    padding: 0px;
}

.textMain .mediaList li {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 5px 3px;
    border-radius: 5px;
    background: none;
    border: 2px solid #ccc;
}

.mediaList li a {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.mediaList li a::before {
    font-family: 'fontello';
    margin-right: 10px;
}

.info a::before {
    content: '\e80b';
}

.video a::before {
    content: '\e808';
}


/* Tab Accordion */

.tabAccordion {
    margin: 10px 0px;
    position: relative;
}

.tabList {
    display: none;
}

.tabList ul,
.textMain .tabList ul {
    margin: 0px;
    padding: 0px;
}

.tabList li,
.textMain .tabList li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #ccc;
    background: none;
}

.tabList li a,
.textMain .tabList li a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
}

.tabResponsive .tabList {
    display: block;
}

.tabResponsive .tabContent {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    padding: 15px 10px;
    border: 1px solid #ccc;
    display: none;
}

.tabContent.tabActive {
    position: relative;
    display: block;
    z-index: 1;
}


/* Accordion CSS*/

.accordion {
    margin: 10px 0px;
}

.accordTitle,
.textMain .accordTitle,
.accordResponsive .tabTitle,
.accordResponsive .textMain .tabTitle {
    padding: 0px;
    margin: 18px 0px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
    background: url(/images/plus-bg.png) no-repeat right top #e1f0f7;
}

.accordTitle::after,
.textMain .accordTitle::after,
.accordResponsive .tabTitle::after,
.accordResponsive .textMain .tabTitle::after {
    font-family: 'fontello';
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.accordTitle::after,
.textMain .accordTitle::after,
.accordResponsive .tabTitle::after,
.accordResponsive .textMain .tabTitle::after {
    content: '\e80b';
    color: #fff;
}

.accordTitle.showAccord::after,
.textMain .accordTitle.showAccord::after,
.accordResponsive .tabTitle.showAccord::after,
.accordResponsive .textMain .tabTitle.showAccord::after {
    content: '\e80c';
}

.accessible_on .accordTitle,
.accessible_on .textMain .accordTitle,
.accessible_on .accordResponsive .tabTitle,
.accessible_on .accordResponsive .textMain .tabTitle {
    border: none;
    padding: 10px 0px;
    margin: 0px;
}

.accordTitle a,
.textMain .accordTitle a,
.accordResponsive .tabTitle a,
.accordResponsive .textMain .tabTitle a {
    padding: 15px 10px 15px 40px;
    display: inline-block;
    text-decoration: none;
}

.accordContent,
.textMain .accordContent,
.accordResponsive .tabContent,
.textMain .accordResponsive .tabContent {
    display: none;
    padding: 10px;
}

.accordTitle {
    font: 700 18px/20px 'Barlow', sans-serif;
    text-transform: uppercase;
}

.textMain .accordTitle a {
    color: #205c81;
}

.accordTitle.showAccord {
    background: url(/images/minus-bg.png) no-repeat right top #205c81;
}

.textMain .accordTitle.showAccord a {
    color: #97d4f0;
}

.accessible_on .accordContent,
.accessible_on .textMain .accordContent,
.accessible_on .accordResponsive .tabContent,
.accessible_on .textMain .accordResponsive .tabContent {
    border: none;
    display: block;
    padding: 0px;
    margin: 0px;
}

.dfw-whitemode .accordContent,
.dfw-whitemode .textMain .accordContent,
.dfw-whitemode .accordResponsive .tabContent,
.dfw-blackmode .textMain .accordResponsive .tabContent {
    border-bottom: 1px dashed #000;
}

.dfw-blackmode .accordContent,
.dfw-blackmode .textMain .accordContent,
.dfw-blackmode .accordResponsive .tabContent,
.dfw-blackmode .textMain .accordResponsive .tabContent {
    border-bottom: 1px dashed #fff;
}


/* Sublist for textMain */

.subList {
    padding: 10px 0px;
}

.textMain .subList {
    text-align: center;
}

.textMain .subList ul,
.textMain .subList li {
    padding: 0px;
    margin: 0px;
    background: none;
}

.textMain .subList li {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 4px 2px;
    width: auto;
    background: none;
}

.textMain .subList li a {
    display: block;
    padding: 8px 25px;
    text-decoration: none;
    background: #0066a1;
    color: #fff;
    border-radius: 4px;
}


/* Relative list for textMain */

.relList {
    padding: 10px 0px;
}

.textMain .relList ul,
.textMain .relList li {
    padding: 0px;
    margin: 0px;
    background: none;
}

.textMain .relList li {
    display: inline-block;
    vertical-align: top;
    padding: 2px;
    margin: 3px 0px;
}

.textMain .relList li a {
    display: block;
    text-decoration: none;
}


/* Page Not Found */

.notImg {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font: normal 60px/100px 'Muli', sans-serif;
    margin: 0px auto;
    text-align: center;
}

.dfw-whitemode .notImg {
    background: #00e;
    color: #fff;
}

.dfw-blackmode .notImg {
    background: #fc0;
    color: #000;
}

.notImg::before {
    font-family: 'fontello';
    line-height: 100px;
    content: '\e817';
}

.textMain .notFound {
    font: normal 20px/30px 'Muli', sans-serif;
    text-align: center;
    padding: 50px 0px;
}

.textMain .notFound h2 {
    font: normal 100px/120px 'Muli', sans-serif;
}

.textMain .notFound h2 span {
    font: normal 50px/60px 'Muli', sans-serif;
}


/* Thank You Page */

.thankImg {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font: normal 60px/100px 'Muli', sans-serif;
    background: #060;
    color: #fff;
    margin: 0px auto;
    text-align: center;
}

.dfw-whitemode .thankImg {
    background: #00e;
    color: #fff;
}

.dfw-blackmode .thankImg {
    background: #fc0;
    color: #000;
}

.thankImg::before {
    font-family: 'fontello';
    line-height: 100px;
    content: '\e813';
}

.textMain .thankYou {
    font: normal 16px/30px 'Muli', sans-serif;
    text-align: center;
    padding: 50px 0px;
}

.textMain .thankYou h2 {
    font: normal 60px/100px 'Muli', sans-serif;
}

.textMain .thankYou h2 span {
    font: normal 60px/100px 'Muli', sans-serif;
    display: inline-block;
    color: #060;
}


/*----- Icons -----*/

.pdf-icon::before {
    font-family: 'fontello';
}

.pdf-icon::before {
    content: '\f1c1';
    color: red;
    font-size: 20px;
    margin-right: 10px;
}

.adobe {
    background: url(/images/adobe.png) no-repeat 10px 10px #f8f8f8;
    border: 1px solid #d7d7d7;
    max-width: 450px;
    position: relative;
    font: 400 11px/14px 'Muli', sans-serif;
    padding: 5px 10px 10px 50px;
    z-index: 5;
    margin: 30px 0px 10px 0px;
}

.adobe span {
    font-weight: 600;
    display: block;
}

.textMain .adobeMore {
    background: #e11c23;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font: 600 11px/14px 'Muli', sans-serif;
}

.textMain .adobeMore a {
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
}

.textMain .adobeMore a:hover {
    color: #fff;
}

.adobeRec {
    background: #e11c23;
    color: #fff;
    position: absolute;
    top: -26px;
    padding: 5px 15px 5px 25px;
    left: -10px;
}

.adobeRec::before {
    content: '';
    z-index: 2;
    position: absolute;
    bottom: -20px;
    left: 0px;
    border-top: 10px solid #e11c23;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
}


/* Blog */

.textMain .blog-posts ul,
.textMain .blog-posts li,
.textMain .pagelet-posts ul,
.textMain .pagelet-posts li {
    margin: 0px;
    padding: 0px;
    background: none;
}

.textMain .blog-posts li,
.textMain .pagelet-posts li {
    padding: 15px 0px;
    border-bottom: 1px solid #ccc;
}

.textMain .blog-posts li h3 a,
.textMain .pagelet-posts li h3 a {
    text-decoration: none;
}

.textMain .blog-posts li p,
.textMain .pagelet-posts li p {
    padding: 10px 0px !important;
    margin: 0px !important;
}

.textMain .blog-posts li .read-more,
.textMain .pagelet-posts li .read-more {
    display: inline-block;
}

.textMain .blog-posts li .read-more a,
.textMain .pagelet-posts li .read-more a {
    display: block;
    padding: 10px 15px;
    border: 2px solid #333;
    border-radius: 10px;
    text-decoration: none;
}


/* Sidebar CSS */

#Sidebar {
    width: 305px;
    position: relative;
    padding: 72px 0px 20px 0px;
}

.s-dr {
    background: #00456d;
    color: #fff;
    text-align: center;
    padding: 3px 0px 20px;
    margin-bottom: 10px;
}

.s-dr-name {
    font: 700 30px/36px 'Playfair Display', serif;
}

.s-dr1 {
    display: block;
    font: 400 13px/18px 'Muli', sans-serif;
    padding: 11px 0px 6px;
    letter-spacing: 1.3px;
}

.s-dr2 {
    display: block;
    font: 600 15px/19px 'Muli', sans-serif;
    padding: 8px 15px;
}

.s-dr-intro {
    font: 600 15px/19px 'Muli', sans-serif;
    padding: 2px 20px 22px;
}

.s-dr-more {
    display: inline-block;
}

.s-dr-more a {
    border: 1px solid #fff;
    padding: 9.5px 24px;
    text-transform: uppercase;
    display: block;
}

.s-dr-more a:hover {
    background: #fff;
    color: #00456d;
}

.s-pr {
    background: #00a1de;
    padding: 0px 9px 10px;
}

.s-pr-head {
    text-align: center;
    font: 700 30px/34px 'Playfair Display', serif;
    padding: 8px 0px 14px;
}

.s-pr ul {
    background: #fff;
}

.s-pr li {
    color: #141213;
    font: 400 16px/20px 'Muli', sans-serif;
    text-transform: uppercase;
    padding: 0px 12px;
}

.s-pr li:hover {
    background: #00456d;
    color: #fff;
}

.s-pr li a {
    display: block;
    padding: 23px 5px 23px 80px;
    border-bottom: 1px dashed #000;
}

.s-pr li a:last-child {
    border-bottom: 0px;
}

.s-pr1 a,
.accessible_on .s-pr1:hover a {
    background: url(/images/s-pr.png) no-repeat 0px 13px;
}

.s-pr2 a,
.accessible_on .s-pr2:hover a {
    background: url(/images/s-pr.png) no-repeat 0px -54px;
}

.s-pr3 a,
.accessible_on .s-pr3:hover a {
    background: url(/images/s-pr.png) no-repeat 0px -122px;
}

.s-pr4 a,
.accessible_on .s-pr4:hover a {
    background: url(/images/s-pr.png) no-repeat 0px -195px;
}

.s-pr1:hover a {
    background: url(/images/s-pr-h.png) no-repeat 0px 13px;
}

.s-pr2:hover a {
    background: url(/images/s-pr-h.png) no-repeat 0px -54px;
}

.s-pr3:hover a {
    background: url(/images/s-pr-h.png) no-repeat 0px -122px;
}

.s-pr4:hover a {
    background: url(/images/s-pr-h.png) no-repeat 0px -195px;
}


/* Relative List */

.textMain .relList li {
    border: 2px solid #ccc;
}

.textMain .relList li a {
    padding: 5px 15px;
}

.s-pg-intro {
    text-align: center;
}

.srv-hip {
    margin: 40px 0px;
}

.srv-hip .serv-img {
    background: url(/images/hip-img.jpg) no-repeat right top;
    height: 370px;
    position: relative;
}

.srv-robotic .serv-img {
    background: url(/images/robotic-surgery-img.jpg) no-repeat right top;
    height: 370px;
    position: relative;
}

.srv-knee .serv-img {
    background: url(/images/knee-img.jpg) no-repeat left top;
    height: 370px;
    position: relative;
}

.serv-text {
    background: #00456d;
    color: #fff;
    position: relative;
}

.srv-knee .serv-text {
    padding-left: 30px;
}

.srv-hip .serv-text::before,
.srv-knee .serv-text::before {
    content: '';
    background: url(/images/srv-before.jpg) no-repeat left top;
    width: 123px;
    height: 123px;
    position: absolute;
    z-index: -1;
}

.srv-hip .serv-text::before {
    left: -12px;
    top: -12px;
}

.srv-knee .serv-text::before {
    right: -12px;
    top: -12px;
}

.srv-hrm {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.srv-krm {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.textMain .serv-text a {
    color: #fff;
    text-decoration: none;
}

.serv-text h2 {
    font: 800 36px/42px 'Muli', sans-serif;
    padding: 40px 0px 15px 56px;
    position: relative;
}

.serv-text h2::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 58px;
    border-bottom: 4px solid #fff;
    height: 4px;
    width: 64px;
}

.srv-hip .s-pg-icon {
    position: absolute;
    top: 26%;
    right: -68px;
    z-index: 8;
}

.srv-robotic .s-pg-icon {
    position: absolute;
    top: 26%;
    right: -68px;
    z-index: 8;
}

.srv-knee .s-pg-icon {
    position: absolute;
    top: 26%;
    left: -68px;
    z-index: 8;
}

.textMain .serv-text ul {
    padding-left: 26px;
}

.textMain .serv-text ul li {
    padding: 3px 5px 3px 30px;
    list-style: disc;
    list-style-position: inside;
    background: none;
}

.textMain .serv-text p.srv-pg-rm {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.textMain .serv-text p.srv-pg-rm a {
    background: #00a1de;
    padding: 8px 17px;
}

.topic-intro {
    background: #f2f2f2;
    padding: 38px 50px 45px 32px;
}

.textMain .topic-intro ul li {
    padding: 0px;
    background: #00456d;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    position: relative;
}

.textMain .topic-intro ul li:hover {
    background: #00a1de;
}

.textMain .topic-intro ul li.st-book1:hover a,
.textMain .topic-intro ul li.st-book1:hover a {
    color: #00456d;
}

.textMain .topic-intro ul li.st-book1 a,
.textMain .topic-intro ul li.st-book2 a {
    color: #fff;
    text-decoration: none;
    padding: 6px 10px 6px 35px;
    display: block;
}

.st-book1 {
    margin-right: 8px;
}

.st-book2::before {
    position: absolute;
    content: '\e802';
    left: 8px;
    top: 6px;
    font-size: 20px;
    font-family: "fontello";
    color: #fff;
}

.st-book1::before {
    position: absolute;
    content: '\e805';
    left: 8px;
    top: 6px;
    font-size: 18px;
    font-family: "fontello";
    color: #fff;
}

.dr-pg span {
    display: block;
    background: #00456d;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1px;
    font: 600 16px/25px 'Muli', sans-serif;
}

.textMain .dr-pg a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 10px 2px;
}

.img-l {
    float: left;
    margin: 0px 40px 10px 0px;
}

.img-r {
    float: right;
    margin: 0px 0px 10px 40px;
}

.img-c {
    text-align: center;
    margin: 10px;
}

.staff-sec {
    border: 2px solid #0066a1;
    margin: 0 0 10px 0;
}

.staff-head {
    padding: 10px 10px 10px 20px;
    background: #0066a1;
    color: #fff;
    border: 2px solid #0066a1;
    font-size: 20px;
}

.table-cell.staff-img {
    width: 180px;
    padding: 30px 0 20px 20px;
}

.staff-sec img {
    border-radius: 26%;
    border: 2px solid #0066a1;
}

.textMain .table-cell.staff-text {
    padding: 10px 0 12px 20px;
}

.textMain .table-cell.staff-text p {
    padding: 0 0 0 0px;
    position: relative;
    margin-bottom: 10px;
}

.table-cell.staff-text p::before {
    color: #015a60;
    position: absolute;
    left: 0;
}

.table-cell.staff-text p a {
    text-decoration: none;
}

.textMain .conditions-page #parentHorizontalTab {
    background: none;
    text-transform: none;
}

.textMain .conditions-page .resp-tabs-list.hor_1 {
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}

.textMain .conditions-page .resp-tabs-list li {
    display: inline-block;
    vertical-align: top;
}

.textMain .conditions-page .resp-tabs-list li {
    cursor: pointer;
    display: inline-block !important;
    font: 400 15px/18px 'Muli', sans-serif;
    text-transform: uppercase;
    height: auto;
    padding: 0px 0px !important;
    background: #0066A1 !important;
    border-radius: 3px 3px 0px 0px;
    margin: 12px 6px;
    text-align: center;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a {
    text-decoration: none;
    padding: 15px 50px !important;
    display: block;
    color: #ffffff;
    --color-smoke: #012048;
    box-shadow: -1px 4px 4px var(--color-smoke);
    position: relative;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a:hover {
    color: #fff;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a::before {
    border-bottom: 3px solid #141d26;
    position: absolute;
    transition: width 1s;
    left: 0;
    content: '';
    width: 0px;
    bottom: 0px;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li a:hover::before {
    color: #012A84;
    width: 100%;
}

.textMain .conditions-page .resp-tabs-container {
    padding: 0px;
    clear: left;
    background: #fff;
}

.textMain .conditions-page h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.textMain .conditions-page .resp-tab-content {
    display: none;
    padding: 15px;
}

.textMain .conditions-page .resp-tab-active {
    border-bottom: none;
}

.textMain .conditions-page .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #00456D !important;
}

.textMain .conditions-page .resp-tabs-list li.resp-tab-active::before {
    vertical-align: top;
    position: absolute;
}

.textMain .conditions-page .resp-content-active,
.textMain .conditions-page .resp-accordion-active {
    display: block;
}

.textMain .conditions-page .resp-tab-content {
    border: none;
    min-height: auto;
    margin: 30px 0 0 0;
}

.textMain .conditions-page h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

.textMain .conditions-page h2.resp-tab-active {
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

.textMain .conditions-page h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

.KnowMore a {
    background: #000;
    font: 400 16px/24px 'Muli', sans-serif;
    display: block;
    padding: 5px;
    color: #fff;
    width: 120px;
    text-align: center;
}

.KnowMore a:hover {
    background: #c4162f;
    color: #fff;
    text-decoration: none;
}

.textMain .con-pro ul {
    text-align: center;
}

.textMain .con-pro ul li {
    background: #e7ecee;
    background: -moz-linear-gradient(left, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
    background: -webkit-linear-gradient(left, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
    background: linear-gradient(to right, #E6F2FF 0%, #ECF2FE 77%, #F2F2FC 100%);
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    min-height: 450px;
    width: 31%;
    padding: 25px;
    opacity: 1;
    position: relative;
    height: auto;
    overflow: hidden;
    transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: perspective(600px) translate3d(0, 0, 0);
    text-align: left;
    min-width: 300px;
}

.con-pro ul li::before {
    display: none;
}

.con-pro ul li a {
    text-decoration: none;
    color: #000;
}

.con-pro ul li:hover {
    color: #0f0f0f;
    transition: background 0.5s;
    background: #2c2c2c9c;
    transform: scale(1.01);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

.con-pro ul li a:hover {
    color: #0f0f0f;
}

.con-pro h3 {
    font: 700 20px/22px 'Muli', sans-serif;
    padding: 2px;
    color: #275699;
}

.con-pro p {
    font: 400 15px/26px 'Muli', sans-serif;
    padding: 8px;
    margin: 5px !important;
    clear: both;
}

.readMore a {
    display: block;
    background: #275699;
    width: 115px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 1px #87a4cc;
}

.readMore a:hover {
    background: #2c2c2c;
    color: #fff;
}

.rollover {
    visibility: hidden;
    color: #fc0;
    opacity: 1;
    position: absolute;
    z-index: 999;
    left: 0px;
    top: 40%;
    margin: 15px auto 0px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.rollover p {
    position: relative;
    width: 135px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    vertical-align: top;
    font: 400 15px/32px 'Muli', sans-serif;
}

.rollover p a {
    display: block;
    padding: 44px 0px 0px 0px;
}

.con-pro ul li:hover .rollover {
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.con-pro ul li .eduMore {
    left: -35px;
}

.con-pro ul li .reMore {
    right: -35px;
}

.con-pro ul li:hover .eduMore {
    left: -3px;
}

.con-pro ul li:hover .reMore {
    right: -3px;
}

.eduMore {
    background: url(/images/edumore-bg.png) no-repeat center 12px #fff;
}

.reMore {
    background: url(/images/remore-bg.png) no-repeat center 12px #fff;
}

.hip-th {
    padding: 5px 15px 5px 0px;
    float: left;
}

.textMain .hg-web li {
    display: inline-block;
    padding: 0px;
    background: none;
    color: #fff;
    margin: 5px;
    border-radius: 2px;
}

.textMain .test-pg-rev li {
    background: none;
    position: relative;
    text-align: left;
    margin: 30px 1%;
    padding: 5px 15px;
    -webkit-box-shadow: inset 0 0 5px 1px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: inset 0 0 5px 1px rgba(51, 51, 51, 0.2);
    -ms-box-shadow: inset 0 0 5px 1px rgba(51, 51, 51, 0.2);
    -o-box-shadow: inset 0 0 5px 1px rgba(51, 51, 51, 0.2);
    box-shadow: inset 0 0 5px 1px rgba(51, 51, 51, 0.2);
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.textMain .test-pg-rev ul.patient-stories-detail li {
    width: auto;
}

.textMain .test-pg-rev li::before {
    border-top: 3px solid #ccc;
    border-left: 3px solid #ccc;
    top: -10px;
    left: -10px;
}

.textMain .test-pg-rev li::before,
.textMain .test-pg-rev li::after {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
}

.textMain .test-pg-rev li::after {
    border-right: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    right: -10px;
    bottom: -10px;
}

.textMain .hg-web {
    text-align: center;
}

.accessible_on .con-pro ul li:hover {
    transition: background 0s;
    background: #2c2c2c9c;
    transform: scale(1);
    box-shadow: none;
}

.accessible_on .con-pro ul li .rollover {
    visibility: visible;
}

.accessible_on .rollover {
    position: relative;
    left: auto;
    top: auto;
}

.accessible_on .rollover p {
    padding: 4px;
    width: 120px;
    font: 400 14px/32px 'Muli', sans-serif;
}

.accessible_on .con-pro ul li:hover .reMore,
.accessible_on .con-pro ul li .reMore {
    right: auto;
}

.accessible_on .con-pro ul li .eduMore,
.accessible_on .con-pro ul li:hover .eduMore {
    left: auto;
}

.textMain .test-pg-rev li .rv-name {
    display: block;
    text-align: right;
    padding-bottom: 16px;
}

#Credibility-Container {
    border-top: 1px solid #dcdcdc;
}

.textMain li p.testimonials-author {
    text-align: right;
}

.dwn {
    margin: 40px auto;
    text-align: center;
}

.dwn a {
    background: #00a1de url(/images/pdf-icon.png) no-repeat 15px center;
    padding: 15px 20px 15px 40px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}

.subList.sub2 {
    text-align: left;
}
.topic-img {
    float: left;
    padding: 5px 20px 5px 5px;
    width: 180px;
}
.topic-img img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.topic-content {
    width: 100%;
    min-height: 165px;
    padding: 0 0 35px;
    position: relative;
}
.mediaList {
    position: absolute;
    clear: both;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}
.textMain .mediaList li {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 5px 3px;
    background: none;
    border: 0px;
    border-radius: 0;
}
.textMain .mediaList li a {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border-radius: 2px;
    font-size: 14px;
    background: #00456d;
    color: #fff;
    text-decoration: none;
}





@media screen and (max-width: 1024px) {
    .textMain .con-pro ul li {
        padding: 25px 5px 10px 15px;
    }
}

@media screen and (max-width: 860px) {
    .table-cell.staff-img {
        display: block;
        padding: 10px 0 8px 10px;
        margin: 0px auto;
    }
    .textMain .table-cell.staff-text {
        display: block;
        width: auto;
        padding: 10px 0 12px 8px;
    }
    .srv-hip .serv-img {
        background: url(/images/hip-img.jpg) no-repeat center top;
    }
    .srv-knee .serv-img {
        background: url(/images/knee-img.jpg) no-repeat center top;
    }
    .textMain .serv-text h2 {
        padding: 10px 0px 15px 20px;
    }
    .serv-text h2::after {
        left: 22px;
    }
    .textMain .serv-text ul {
        padding-left: 0px;
    }
    #Banner-Nav {
        padding-top: 180px;
    }
    .contactForm,
    .contact .conDiv {
        display: inline-block;
        width: 100%;
    }
    .conMap iframe {
        height: 100%;
    }
    .textMain .conAddress li {
        width: auto;
    }
    .contact .conDiv {
        padding-right: 4px;
    }
    .conAddress {
        padding: 20px 5px;
    }
    .contact .conMap {
        padding-left: 4px;
    }
    .img-r,
    .img-l {
        float: none;
        margin: 10px auto;
        text-align: center;
    }
}

@media screen and (max-width: 740px) {
    .staff-head {
        font: normal 14px/24px 'Muli', sans-serif;
        padding: 10px 2px 10px 0px;
    }
    .dr-pg span {
        width: 290px;
        margin: 1px auto;
    }
    .dr-pg.img-r {
        padding: 0px 5px;
    }
    .textMain h2 {
        font: 700 24px/31px 'Playfair Display', serif;
        padding: 5px 0px;
    }
    .textMain {
        padding: 20px 10px 30px 10px;
    }
}

@media screen and (max-width: 640px) {
    .textMain .topic-intro ul {
        text-align: center;
    }
    .textMain .topic-intro ul li {
        margin: 4px auto;
    }
    .textMain .conditions-page .resp-tab-content {
        margin: 6px 0 0 0;
    }
    .topic-intro {
        padding: 8px 5px 25px 10px;
    }
    .textMain .hg-web li {
        width: 100px;
    }
    .textMain .subList li {
        min-width: 300px;
    }
    .textMain .subList li a {
        padding: 8px 5px;
    }
    .srv-knee .serv-text {
        padding-left: 0px;
    }
    .srv-knee .serv-text::before {
        left: -12px;
        top: -12px;
        right: auto;
    }
    .serv-img {
        display: none;
    }
    .srv-knee,
    .srv-hip {
        margin-top: 72px;
    }
    .srv-hip .s-pg-icon,
    .srv-knee .s-pg-icon,
    .srv-robotic .s-pg-icon {
        top: -60px;
        right: 0px;
        left: auto;
    }
    .serv-text {
        padding-bottom: 35px;
    }
    #Sidebar {
        padding: 10px 0px 20px 0px;
    }
    .textMain .conditions-page .resp-tabs-list.hor_1 {
        display: none;
    }
    .textMain .conditions-page h2.resp-accordion {
        display: block;
        font-size: 16px;
        padding: 4px 15px;
    }
    .textMain .conditions-page h2.resp-tab-active {
        padding: 10px 8px !important;
    }
    .contactTable .table-cell {
        display: block;
    }
    #Content,
    #Sidebar {
        display: block;
    }
    #Sidebar {
        margin: 0px auto;
    }
    .contactTable .table-cell {
        display: block;
        width: 100%;
    }
    .contact-address {
        border-radius: 10px 10px 0px 0px;
    }
    .contact-map {
        height: 250px;
        border-radius: 0px 0px 10px 10px;
    }
    .textMain .useFul li {
        width: 95%;
    }
    .con-pro ul li .rollover {
        visibility: visible;
    }
    .rollover {
        position: relative;
        left: auto;
        top: auto;
    }
    .rollover p {
        padding: 4px;
        width: 120px;
        font: 400 14px/32px 'Muli', sans-serif;
    }
    .con-pro ul li:hover .reMore,
    .con-pro ul li .reMore {
        right: auto;
    }
    .con-pro ul li .eduMore,
    .con-pro ul li:hover .eduMore {
        left: auto;
    }
    .textMain .conditions-page h2.resp-accordion {
        font: 400 16px/28px 'Muli', sans-serif;
        padding: 10px 8px;
    }
}

@media screen and (max-width: 480px) {
    .textMain li p.testimonials-author {
        text-align: center;
    }
    .textMain .con-pro ul li {
        padding: 15px 5px 10px 5px;
    }
    .textMain {
        padding: 20px 8px 30px 8px;
    }
    .textMain .conditions-page .resp-tab-content {
        padding: 15px 4px;
    }
    .textMain .contact-address p.textMainBold {
        font: 600 18px/30px 'Muli', sans-serif;
    }
    #Banner-Nav {
        padding-top: 25px;
    }
    #Banner-Container-S {
        min-height: 160px;
    }
    .navigation {
        font: 300 15px/22px 'Muli', sans-serif;
        padding: 8px 5px 5px;
    }
    #Banner-Nav h1 {
        font: 700 28px/31px 'Playfair Display', serif;
        letter-spacing: 0.5px;
        padding-bottom: 8px;
    }
    .textMain .hg-web li {
        margin: 18px 3px 2px;
        width: 80px;
    }
    .textMain .serv-text p.srv-pg-rm {
        right: 5px;
        bottom: 2px;
    }
    .srv-hip .s-pg-icon,
    .srv-knee .s-pg-icon,
    .srv-robotic .s-pg-icon {
        width: 100px;
    }
    .ReadMore {
        display: block;
    }
    .con-pro ul li:hover {
        color: #0f0f0f;
        transition: background 0s;
        background: #EFF2FD;
        transform: scale(1);
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .team-phy img {
        margin: 6px;
        min-height: 65px;
        padding: 6px;
    }
    .textMain .conditions-page h2.resp-accordion {
        font-size: 18px;
    }
    .textMain .conditions-page .resp-tabs-list.hor_1 {
        display: none;
    }
    .textMain .conditions-page h2.resp-accordion {
        display: block;
    }
}