@font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.eot?51729419');
    src: url('fonts/fontello.eot?51729419#iefix') format('embedded-opentype'), url('fonts/fontello.woff2?51729419') format('woff2'), url('fonts/fontello.woff?51729419') format('woff'), url('fonts/fontello.ttf?51729419') format('truetype'), url('fonts/fontello.svg?51729419#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}


.specialities-Tabs .image-special_here {
    border-radius: 30px;
}

#Top_Doctors_Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}


/* ---------- Theme CSS ---------- */

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
.checkHeight,
#Welcome-to-dr-website-intra,
#Patient-forms-intra,
#Service-list-intra,
#Magazine-logo-intra,
#Credibility-logo-intra,
#video-intra,
#patient-testimonials-intra,
#Specialities-intra,
#Credibility-logo-intra1,
#location-intra,
#Footer-intra,
#choose-doctor-intra,
#Top_Doctors_Intra {
    max-width: 1170px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/* Header CSS */

#Header {
    min-height: 150px;
}


/* Menu CSS */

.menu li {
    height: 50px;
    color: #000;
}

.menu li a {
    padding: 15px 0px;
    color: #000;
}

.menu li li {
    background: #CCC;
}

.toggleMenu a {
    border: 0;
}

.Wrapper {
    z-index: 999999;
}

.menu-home:before {
    content: '\E804';
    color: #fff;
    font-family: 'fontello';
    position: absolute;
    left: 0;
    right: 0;
    font-size: 25px;
    margin: auto;
    top: 15px;
}

.menu-home a {
    text-indent: -9999px;
    z-index: 9;
    position: relative;
}


/* Home Banner CSS */

#Banner-Container .banner1 .theme-R {
    background: url(../images/banner1-r.jpg) no-repeat left top;
}

#Banner-Container #Banner {
    height: 449px;
    min-height: 240px;
}

#Banner-Container .banner1 {
    background: url(../images/banner1.jpg) no-repeat left top;
    background-size: cover;
}

#Banner-Container .banner1 .theme-L {
    background: url(../images/banner1-l.jpg) no-repeat right top;
}

#Banner-Container .banner1 .theme-R {
    background: url(../images/banner1-r.jpg) no-repeat left top;
}

#Banner-Container .banner2 {
    background: url(../images/banner2.jpg) no-repeat left top;
    background-size: cover;
}

#Banner-Container .banner2 .theme-L {
    background: url(../images/banner2-l.jpg) no-repeat right top;
}

#Banner-Container .banner2 .theme-R {
    background: url(../images/banner2-r.jpg) no-repeat left top;
}

#Banner-Container .banner3 {
    background: url(../images/banner3.jpg) no-repeat left top;
    background-size: cover;
}

#Banner-Container .banner3 .theme-L {
    background: url(../images/banner3-l.jpg) no-repeat right top;
}

#Banner-Container .banner3 .theme-R {
    background: url(../images/banner3-r.jpg) no-repeat left top;
}


/* Subpage Banner CSS */

#Banner-Container-S #Banner {
    height: 262px;
}

#Banner-Container-S .banner1 {
    background: url(../images/banner1-s.jpg) no-repeat left top;
    background-size: cover;
}

#Banner-Container-S .banner1 .theme-L {
    background: url(../images/banner1-s-l.jpg) no-repeat right top;
}

#Banner-Container-S .banner1 .theme-R {
    background: url(../images/banner1-s-r.jpg) no-repeat left top;
}

#Banner-Container-S .banner2 {
    background: url(../images/banner2-s.jpg) no-repeat left top;
    background-size: cover;
}

#Banner-Container-S .banner2 .theme-L {
    background: url(../images/banner2-s-l.jpg) no-repeat right top;
}

#Banner-Container-S .banner2 .theme-R {
    background: #efefef;
}

#Banner-Container-S .banner3 {
    background: url(../images/banner3-s.jpg) no-repeat left top;
    background-size: cover;
}

#Banner-Container-S .banner3 .theme-L {
    background: #efefef;
}

#Banner-Container-S .banner3 .theme-R {
    background: url(../images/banner3-s-r.jpg) no-repeat left top;
}

.checkHeight {
    height: 600px;
}

.Banner-Tabs {
    left: 0;
    right: 0;
    margin: auto;
    z-index: 8;
    text-align: center;
}

.Banner-Tabs ul {
    background: rgba(0, 0, 0, 0.3);
    width: auto;
    margin: auto;
    display: inline-block;
    padding: 0 10px;
}

.Banner-Tabs li {
    margin: 2px 0;
    height: 4px;
    width: 15px;
    transition: 0.7s all ease;
    background: #fff;
}

.Banner-Tabs li.Banner_here {
    width: 25px;
    background: #503662;
}


/* Banner Content CSS */

.banner-content {
    position: absolute;
    right: 50px;
    font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
    top: 49%;
    padding: 15px;
}

#Banner .banner1 .banner-content {
    top: 0;
}

.banner-more {
    margin: 5px auto;
    text-align: center;
}

.banner-more a {
    padding: 7px 15px;
    display: inline-block;
    font: 400 14px/20px "Mulish", serif;
    border: 1px solid #fff;
    background: #260e4f;
    color: #fff;
    text-transform: uppercase;
}


/* Navigation CSS */

.navigation {
    font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #503662;
    padding: 10px 0px 10px 10px;
}

.navigation a {
    color: #414141;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #000;
}


/* Text CSS */

.textMain {
    font: 400 15px/24px "Mulish", serif;
    color: #2d2f2f;
}

.textMain a {
    color: #141414;
}

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

.textMain h1 {
    font: 900 35px/40px "Mulish", serif;
    color: #000;
    text-align: center;
    margin: 0 0 20px 0;
}

.textMain h1 span {
    font: 600 20px/26px "Mulish", serif;
    color: #000;
    display: block;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 500 30px/40px Verdana, Arial, Helvetica, sans-serif;
    color: #503662;
}

.textMain h2 span {
    font: normal 16px/20px Verdana, Arial, Helvetica, 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 22px/34px Verdana, Arial, Helvetica, sans-serif;
    color: #353535;
}

.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 20px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #607D8B;
}

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

.video-embed li .videoBorder {
    padding: 0% 0px 0px 0px !important;
}

.video-embed li .videoBorder iframe {
    padding: 0px 0px 0px 0px !important;
    position: relative;
    height: 206px;
}

.video-embed {
    text-align: center;
}

.video-embed li {
    display: inline-block;
    width: 47%;
    background: none !important;
    vertical-align: top !important;
    padding: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.videoBorder {

    padding: 53% 0px 0px 0px !important;
}

/* Sidebar CSS */

#Sidebar {
    width: 300px;
}


/* Footer CSS */

.social-logo {
    text-align: center;
}

.social-logo li {
    display: inline-block;
    vertical-align: top;
}

.ypo-logo {
    text-align: center;
    width: 145px;
    margin: 0px auto;
}

.rslides:after {
    content: '';
    clear: both;
    display: block;
}


/* Header section */

#Header {
    padding: 20px 0px;
}

.call-appoint {
    width: 180px;
}

.pay-portal {
    width: 150px;
    vertical-align: top;
}

.pp {
    border-radius: 6px;
    background: #351d46;
    color: #fff;
    font: 700 17px/22px "Mulish", serif;
    text-align: center;
    padding: 5px 5px;
    width: 150px;
    margin: 18px 0px 0px 0px;
}

.logo a {
    padding-left: 5px;
    display: inline-block;
}

.logo a:first-child {
    padding-left: 0px;
}

.dr-logo {
    border-right: 2px solid #f6f6f6;
    padding-right: 20px;
}

.call-appoint {
    vertical-align: middle;
}

.app a {
    color: #fff;
    font: 700 17px/22px "Mulish", serif;
    text-align: center;
    padding: 5px 15px 5px 40px;
    display: inline-block;
    /* margin: -24px auto; */
    background: #351d46;
    border-radius: 6px;
    position: relative;
    vertical-align: top;
    margin-bottom: 40px;
}

.app a::before {
    content: '';
    background: url('../images/appoint.png') no-repeat -30px -27px;
    width: 21px;
    height: 20px;
    position: absolute;
    left: 8px;
}

.phn {
    padding: 10px 0px;
    text-align: center;
    font: 700 20px/25px "Mulish", serif;
}

.call-appoint li.phn a {
    background: url("../images/phn-logo.png") no-repeat left center;
}

.call-appoint li.phn .tel1 a {
    padding-left: 25px;
}

.dr-l {
    display: none;
}


/* Header section */


/* Menu Section */

nav {
    background: #503662;
}

.menu li a {
    font: 400 16px/20px "Mulish", serif;
    color: #fff;
}

.menu .menu-home {
    width: 7%;
}

.menu .menu-about {
    width: 17%;
}

.menu .menu-services {
    width: 14%;
}

.menu .menu-patient {
    width: 16%;
}

.menu .menu-appointment {
    width: 20%;
}

.menu .menu-faq {
    width: 11%;
}

.menu .menu-contact {
    width: 15%;
}

.menu li:hover {
    background: #2f2f2f;
}

.menu li li a {
    width: 290px;
    background-color: #fff;
}

.menu li li ul {
    padding-left: 5px;
}

.menu li li a {
    background-color: #2f2f2f;
    color: #fff;
    padding-right: 25px;
}

.menu li li:hover > a {
    background: #503662;
}

#Mobile-Menu {
    background: #431c53;
}

.Wrapper {
    background: #2f2f2f;
}

.parentMenu li:hover,
.parentMenu li.actMenu,
.parentMenu li.actMenu li {
    background: #431c53;
}

.subMenu li a:hover {
    background: #2f2f2f;
}


/* Menu Section */


/*Banner Section*/

#Banner .banner-content {
    font: 400 35px/40px "Mulish", serif;
    color: #0d0d0d;
}

#Banner .banner-content .banner-img {
    font-size: 0;
}

#Banner .banner-content .banner-img a {
    max-width: 120px;
    display: inline-block;
    margin: 4px 8px;
}

#Banner .banner-content .banner-img.logos_margin a {
    margin: 25px 10px;
}

#Banner .banner-content .banner-img.max-width a {
    max-width: 90px;
}

#Banner .banner-content span {
    display: block;
}

.banner-content {
    width: 60%;
}

.banner-head-text {
    font: 400 22px/24px "Mulish", serif;
    letter-spacing: 0.5px;
}

.banner-head-text span {
    font: 700 37px/42px "Mulish", serif;
    color: #473276;
    letter-spacing: 0.5px;
}

.banner-content p {
    font: 700 16px/25px "Mulish", serif;
    letter-spacing: 0.6px;
}

.banner-content p span {
    font: 400 16px/20px "Mulish", serif;
    color: #503662;
    letter-spacing: 1px;
}

.banner-content ul {
    padding-top: 10px;
}

.banner-content ul li {
    font: 400 16px/20px "Mulish", serif;
    padding: 7px 0px 0px 14px;
    background: url("../images/arrow-banner.png") no-repeat left center;
    background-position: 1px 10px;
}

.banner-content .mobile_view {
    display: none
}

.banner-content .mobile_desktop_view {
    display: block;
}

#Banner-Container-S .banner-content ul li {
    display: none;
}

#Banner-Container-S .banner-content {
    font: 700 30px/35px "Mulish", serif;
    color: #0d0d0d;
}

.Banner_auto {
    right: 124px;
    bottom: 20px;
    background-color: none;
}

.Banner_nav.prev {
    right: 145px;
    bottom: 20px;
    background-color: none;
}

.Banner_nav.next {
    right: 105px;
    bottom: 20px;
    background-color: none;
}

#Banner .banner2 .banner-content,
#Banner .banner3 .banner-content {
    width: 400px;
    font: 700 30px/40px "Mulish", serif;
    color: #0d0d0d;
    top: 130px;
}


/*Banner Section*/


/*specialities section */

#Specialities-intra {
    padding: 30px 0px;
    min-height: 620px;
}

#Specialities-intra .special-text {
    font: 400 33px/38px "Mulish", serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 0 30px 0;
}

.specialities-Tabs {
    border: 9px solid #fff;
    z-index: 99;
    position: relative;
}

.Image-Tabs {
    background: #473275;
}

.layers {
    width: 29%;
    padding-top: 3%;
}

.layers li {
    padding: 10px 0px;
    position: relative;
}

.layers li:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    width: 83%;
    left: 54px;
    bottom: 11px;
}

.stem-cell-therapy-specialities:before {
    border-bottom: none !important;
}

.shoulder-specialities a {
    background: url("../images/shoulder-specialities.png") no-repeat left center;
}

.hip-specialities a {
    background: url("../images/hip-specialities.png") no-repeat left center;
}

.knee-specialities a {
    background: url("../images/knee-specialities.png") no-repeat left center;
}

.elbow-specialities a {
    background: url("../images/elbow-specialities.png") no-repeat left center;
}

.sports-medicine-specialities a {
    background: url("../images/sports-medicine-specialities.png") no-repeat left center;
}

.stem-cell-therapy-specialities a {
    background: url("../images/stem-cell-therapy.png") no-repeat left center;
}

.specialities-Tabs .image-special_here a {
    color: #473275;
}

.shoulder-specialities.image-special_here a {
    background: url("../images/shoulder-specialities-hover.png") no-repeat left center #ffffff;
    border-radius: 80px 0 0 80px;
}

.hip-specialities.image-special_here a {
    background: url("../images/hip-specialities-hover.png") no-repeat left center #ffffff;
    border-radius: 80px 0 0 80px;
}

.knee-specialities.image-special_here a {
    background: url("../images/knee-specialities-hover.png") no-repeat left center #ffffff;
    border-radius: 80px 0 0 80px;
}

.elbow-specialities.image-special_here a {
    background: url("../images/elbow-specialities-hover.png") no-repeat left center #ffffff;
    border-radius: 80px 0 0 80px;
}

.sports-medicine-specialities.image-special_here a {
    background: url("../images/sports-medicine-specialities-hover.png") no-repeat left center #ffffff;
    border-radius: 80px 0 0 80px;
}

.stem-cell-therapy-specialities.image-special_here a {
    background: url("../images/stem-cell-therapy-hover.png") no-repeat left center #ffffff;
    border-radius: 80px 0 0 80px;
}

.specialist {
    position: relative;
}

.specialist .specialist-cell .rslides {
    position: absolute;
    background: url("../images/specialities-background.png") no-repeat;
    height: 390px;
    width: 100%;
    right: 65px;
    top: 0px;
}

.special .rslides li li {
    position: relative;
}

.special .rslides li li::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    background-color: #483350;
    top: 10px;
    left: -20px;
}

.layers li a:hover {
    color: #473276;
}

.specialist .rslides li div {
    font: 700 36px/40px "Mulish", serif;
    padding: 0 0px 10px 0;
    text-transform: uppercase;
}

.layers li a {
    color: #fff;
    display: block;
    position: relative;
    padding: 13.5px 0px 13.5px 70px;
    font: 700 18px/23px "Mulish", serif;
    margin-left: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.specialist li {
    color: #fff;
    padding: 0 0 10px 0;
    font: 400 17px/22px "Mulish", serif;
}

.specialist .rslides li div {
    padding: 23px 0 0 15%;
}

.image-special ul {
    padding: 15px 0 0 17%;
}

.specialist .rslides li .sports,
.specialist .rslides li .stem {
    padding: 15px 0 0 100px;
}

.specialist ul li a.red-special {
    width: 120px;
    height: 45px;
    color: #fff;
    display: block;
    position: absolute;
    right: 36%;
    top: 81%;
}

.specialist ul li a.image-special {
    width: 31%;
    height: 337px;
    position: absolute;
    right: 5%;
    top: 17%;
}

.specialist li a {
    color: #fff;
}

.specialist .rslides li .sports {
    font: 400 19px/23px "Mulish", serif;
    text-align: justify;
    width: 55%;
}

li.stem-cell-medicine-slider .stem {
    font: 400 16px/23px "Mulish", serif;
    text-align: justify;
    width: 55%;
}

.clear-both {
    float: none;
}


/*specialities section */


/* Welcome to doctor section */

#Welcome-to-dr-website {
    background: url("../images/welcome-text-background.png") no-repeat left center;
    background-size: cover;
    min-height: 450px;
    padding: 60px 0px;
}

#Welcome-to-dr-website-intra ul {
    text-align: center;
}

#Welcome-to-dr-website-intra li {
    vertical-align: top;
    padding: 0 10px;
}

#Welcome-to-dr-website-intra li a {
    display: block;
}

h1.welcome {
    font: 800 22px/27px "Mulish", serif;
    text-align: center;
    padding-bottom: 10px;
}

h1.welcome span {
    display: block;
}

.dr-website {
    font: 500 16px/22px "Mulish", serif;
    text-align: justify;
    padding-bottom: 10px;
}

.welcome div {
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
}

.Welcome-read {
    float: right;
    border: 1px solid #000;
    font: 400 15px /20px "Mulish", serif;
    text-transform: uppercase;
}

.Welcome-read a {
    display: block;
    color: #000;
    padding: 8px 18px;
}

.welcome-middle {
    width: 35%;
}

.welcome-right {
    width: 29%;
}

.welcome-left {
    width: 29%;
}


/* Welcometo doctor section */


/* Service Section */

#Service-list {
    padding: 40px 0px;
}

#Service-list-intra ul {
    text-align: center;
}

#Service-list-intra li {
    background: radial-gradient(#ceceff 46%, #B2B1FE);
    padding: 10px;
    width: 230px;
    height: 250px;
    vertical-align: top;
    display: inline-block;
    margin: 10px 0px;
    position: relative;
}

#Service-list-intra li a {
    border: 1px solid #8180d5;
    height: 220px;
    text-align: center;
    position: relative;
    display: block;
}

#Service-list-intra li a:after {
    content: '';
    position: absolute;
    left: -5px;
    top: -4px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #8180d5;
    background: #b7b6ff;
    border-top-left-radius: 0;
    border-top: 1px solid #b7b6ff;
    border-left: 1px solid #b7b6ff;
}

#Service-list-intra li a:before {
    content: '';
    position: absolute;
    right: -5px;
    top: -4px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #8180d5;
    background: #b7b6ff;
    border-top-right-radius: 0;
    border-top: 1px solid #b7b6ff;
    border-right: 1px solid #b7b6ff;
}

#Service-list-intra li:hover a:before {
    border: 1px solid #fff;
    border-top: 1px solid #b7b6ff;
    border-right: 1px solid #b7b6ff;
}

#Service-list-intra li:hover a:after {
    border: 1px solid #fff;
    border-top: 1px solid #b7b6ff;
    border-left: 1px solid #b7b6ff;
}

#Service-list-intra li a:hover {
    border: 1px solid #fff;
}

#Service-list-intra .femero {
    position: absolute;
    top: 56px;
    left: 0px;
    right: 0;
    margin: auto;
}

#Service-list-intra .hip-arthoscopy {
    position: absolute;
    top: 36px;
    right: 6px;
}

#Service-list-intra .joint {
    position: absolute;
    top: 10px;
    right: 62px;
}

#Service-list-intra .core {
    position: absolute;
    left: 16px;
}

#Service-list-intra .stem-cell-img {
    position: absolute;
    left: 16px;
    top: 33px;
}

#Service-list-intra li a p {
    font: 400 17px/23px "Lato", serif;
    color: #543088;
    padding: 20px 0px 5px 0px;
}

#Service-list-intra .round {
    border-radius: 50%;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 90px;
    bottom: -16px;
    background: #b2b1fe url("../images/arrow-border.png") no-repeat center;
}


/* #Service-list-intra li a.round:hover {
background: #5a59c2 url("../images/arrow-border-hover.png") no-repeat center; 
}
*/

#Service-list-intra li a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/* Service Section */


/* choose a doctor section */

.choose-you {
    background: #D6D6D6;
    padding: 45px 90px;
    position: relative;
    border-right: 4px solid #fff;
    position: relative;
}

.choose-you .theme-L {
    background: #D6D6D6;
}

.media-featuring .theme-R {
    background: #d7d7f9;
}

.choose-you h2 {
    font: 700 35px/40px "Mulish", serif;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.choose-you h2 span {
    display: block;
    font: 800 40px/45px "Mulish", serif;
}

.how-to-choose-doc {
    display: inline-block;
}

.shoulder-video,
.choose-doc {
    border: 7px solid #fff;
    display: inline-block;
}

.choose-doc {
    position: absolute;
    top: -50px;
    right: -60px;
}

.rel-img {
    margin: 50px 0 0 0;
    position: relative;
}

.shoulder-video {
    z-index: 10000;
    position: absolute;
    top: 34%;
}

.media-featuring {
    background: #D7D7F9;
    position: relative;
    padding: 45px 60px;
    border-left: 4px solid #fff;
}

.media-featuring h2 {
    font: 800 40px/45px "Mulish", serif;
    padding-bottom: 35px;
    text-transform: uppercase;
}

.media-featuring h2 span {
    font: 700 26px/40px "Mulish", serif;
    text-transform: none;
}

.media-featuring ul li {
    font: 400 17px/22px "Mulish", serif;
    padding: 7px 35px;
}

.media-featuring li a {
    color: #fff;
}

.media-featuring .theme-L {
    background: #D7D7F9;
}

.read-more a {
    color: #fff;
    padding: 5px 5px;
    background-color: #323232;
    font: 700 16px/22px "Mulish", serif;
    float: right;
    vertical-align: top;
    margin-top: -35px;
    text-transform: uppercase;
    position: absolute;
    right: 40px;
    bottom: 50px;
}

.media-featuring .read-more a {
    background-color: #463371;
    right: 40px;
    bottom: 70px;
}


/* choose a doctor section */


/* Patient Forms */

#Patient-forms-intra {
    padding: 40px 0px;
}

#Patient-forms-intra ul {
    text-align: center;
    /* margin:10px 10px 0px 10px; */
}

#Patient-forms-intra li {
    display: inline-block;
    margin-bottom: 15px;
    width: 19%;
    vertical-align: top;
}

#Patient-forms-intra li a {
    font: 700 16px/23px "Mulish", serif;
    border-right: 1px solid #ccc;
    display: block;
}

#Patient-forms-intra li:last-child a {
    border-right: none;
}

#Patient-forms-intra li a {
    padding: 100px 30px 0px 30px;
}

.pat-forms a {
    background: url("../images/patient-forms.png") no-repeat top center;
}

.pre-post-op a {
    background: url("../images/pre-post-op.png") no-repeat top center;
}

.post-op-rehab a {
    background: url("../images/post-op.png") no-repeat top center;
}

.outcome-registry a {
    background: url("../images/outcome-registry.png") no-repeat top center;
}

.payment-portal a {
    background: url("../images/payment-portal.png") no-repeat top center;
}

.pat-forms a:hover {
    background: url("../images/patient-forms-hover.png") no-repeat top center;
}

.pre-post-op a:hover {
    background: url("../images/post-op-hover.png") no-repeat top center;
}

.post-op-rehab a:hover {
    background: url("../images/pre-post-op-hover.png") no-repeat top center;
}

.outcome-registry a:hover {
    background: url("../images/outcome-registry-hover.png") no-repeat top center;
}

.payment-portal a:hover {
    background: url("../images/payment-portal-hover.png") no-repeat top center;
}


/* Patient Forms */


/* Video Section */

#video {
    background: url("../images/videos-background.png") no-repeat left center;
    min-height: 525px;
    background-size: cover;
    padding: 90px 0px;
}

#video-intra ul {
    text-align: center;
}

#video-intra li {
    background: rgba(58, 44, 98, .8);
    border: 4px solid #6D628B;
    display: inline-block;
    padding: 30px 20px;
    margin: 5px;
}

.patient-video {
    padding-top: 35px;
}

#video-intra h3 {
    font: 700 22px /26px "Mulish", serif;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 20px;
}

#video-intra .image-video {
    display: block;
    padding-bottom: 40px;
}

#video-intra .view {
    padding: 8px 18px;
    border: 1px solid #fff;
    font: 400 15px /20px "Mulish", serif;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}


/* Video Section */


/* Magazine section */

#Magazine-logo {
    padding: 20px 0px;
}

#Magazine-logo-intra li a {
    display: block;
}


/* Magazine section */


/* Patient testi section */

#patient-testimonials {
    padding: 20px 0px;
}

#patient-testimonials ul {
    text-align: center;
}

#patient-testimonials-intra li {
    width: 46%;
    display: inline-block;
    padding: 30px 20px;
    vertical-align: top;
    min-height: 295px;
    margin: 0px -2px;
    position: relative;
}

#patient-testimonials-intra .recent-publication {
    background: url("../images/publication.png") no-repeat left center;
    background-size: cover
}

#patient-testimonials-intra .stem-cell-news {
    background: url("../images/publication.png") no-repeat left center;
    background-size: cover
}

#patient-testimonials-intra .dr-in-news {
    background-color: #421C52;
}

#patient-testimonials-intra .pat-testi {
    background-color: #421C52;
}

.rec-publication-image a {
    width: 170px;
}

.publication {
    font: 700 24px /34px "Mulish", serif;
    text-align: left;
    padding-bottom: 20px;
}

.publication span {
    font: 700 24px /34px "Mulish", serif;
    display: block;
}

.mass-index {
    text-align: left;
    font: 400 14px /20px "Mulish", serif;
    letter-spacing: 0.5px;
}

.dr-in-news {
    padding: 47px 0px;
}

.dr-in-news p {
    font: 700 29px /34px "Mulish", serif;
    color: #fff;
    padding-bottom: 20px;
}

.dr-in-news-image a {
    display: inline-block;
}

.date {
    display: block;
    color: #fff !important;
    font: 400 16px /20px "Mulish", serif;
}

.dr-in-news-text {
    color: #fff;
    text-align: left;
    font: 400 14px /20px "Mulish", serif;
    width: 50%;
    padding: 0px 30px 0px 0px;
}

.pat-testi p {
    font: 700 29px /34px "Mulish", serif;
    color: #fff;
    padding-bottom: 20px;
}

.pat-testi p.testimonials {
    font: 400 14px /20px "Mulish", serif;
    text-indent: 50px;
    text-align: justify;
}

.pat-testi p.testimonials:before {
    content: '';
    background: url(../images/opening-quote.png)no-repeat 0px 4px;
    padding: 17px;
}

.pat-testi p.testimonials:after {
    content: '';
    background: url(../images/closing-quote.png)no-repeat 1px 27px;
    padding: 17px;
}

.pat-testi p.testimonials a {
    vertical-align: top;
}

.stem-cell-news-image a {
    width: 170px;
}

.stem-cell-news-text .news {
    font: 700 29px /34px "Mulish", serif;
    text-align: left;
    padding-bottom: 20px;
}

.stem-cell-news-text .ultra {
    text-align: left;
    font: 400 14px /20px "Mulish", serif;
    letter-spacing: 0.5px;
}

.more {
    color: #fff;
    padding: 5px 10px;
    background-color: #002c5d;
    font: 400 15px/20px "Mulish", serif;
    float: right;
    text-transform: uppercase;
    position: absolute;
    right: 2%;
    bottom: 3%;
}

.more:hover {
    color: #fff;
}

a.view-all {
    padding: 5px 10px;
    background-color: #210d2a;
    font: 400 15px/20px "Mulish", serif;
    text-transform: uppercase;
    color: #fff;
    float: right;
    position: absolute;
    right: 2%;
    bottom: 3%;
}

.textimonial-layer img {
    margin-bottom: -45px;
}


/* Patient testi section */


/* Location section */

#location {
    background: #dfdfdf;
    padding: 50px 0px;
}

.location-address p,
.forms p {
    text-align: center;
    font: 400 28px/32px "Mulish", serif;
    letter-spacing: 0.5px;
    padding-bottom: 20px;
}

.location-address a.address {
    border: 7px solid #a8a6a9;
    display: inline-block;
    margin: 5px 10px;
}

.talk-bubble {
    width: 50%;
    margin: 5px 20%;
}

.forms {
    width: 40%;
}

.talk-bubble p {
    position: inherit;
    right: 7px;
    top: 59px;
    /* background-color: #fff; */
    font: 700 16px/20px "Mulish", serif;
    padding: 10px 30px 10px 10px;
    display: block;
    text-align: center;
    width: 300px;
    margin: 0 auto;
}



/* Location section */


/* Footer Section */

#Footer-Container {
    text-align: center;
    background: #161616;
    color: #fff;
    padding: 30px 0px;
}

.social-logo:before {
    right: 0.5em;
    margin-left: -26%;
}

.social-logo:after {
    left: 0.5em;
    margin-right: -26%;
}

.social-logo:before,
.social-logo:after {
    background-color: #303030;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 18%;
}

.social-logo li {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: top;
    position: relative;
    margin-bottom: 5px;
}

.social-logo li a {
    display: block;
    width: 30px;
    height: 30px;
}

.social-logo li a:before {
    position: absolute;
    font-family: 'fontello';
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    top: 5px;
}

.facebook a:before {
    content: '\E813';
}

/*
.twitter a:before {
    content: '\F099';
}
*/

/*.googleplus a:before {
    content: '\F0D5';
}*/

.linkedin a:before {
    content: '\E814';
}

.youtube a:before {
    content: '\F315';
}

.copyrights .copy {
    font: 300 15px /20px "Mulish", serif;
    padding: 20px 0px 10px 0px;
}

.copyrights p {
    padding-bottom: 20px;
}

.copyrights p a {
    font: 300 15px /20px "Roboto", serif;
    margin: 0px 12px;
    display: inline-block;
}

.nodisplay {
    display: none !important;
}

.service-list p {
    font: 300 15px /25px "Roboto", serif;
    text-align: center;
    padding: 20px 0px;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
}

.ypo-logo a {
    display: block;
    padding: 20px 0px 0px 0px;
}

.home #Credibility-logo1 {
    display: none;
}

#Credibility-logo1 {
    background-color: #fff;
}

#Credibility-logo-intra1 li a {
    display: block;
}

#Credibility-logo-intra li a {
    display: block;
}


/* Footer Section */


/*Profile Section */

#Content .director {
    color: red;
}

.profile img {
    margin: 0 20px 0 0;
    float: left;
}

#Content .director {
    font: 600 22px/27px "Mulish", serif;
    color: #613d8b;
    display: inline-block;
}

#Content .director span {
    display: block;
    color: #ccc;
}


/*Profile Section */


/* Side Bar */

#Sidebar {
    width: 270px;
}

.specialites-S {
    padding: 50px 0px 0px 0px;
}

.specialites-S p {
    font: 700 20px/25px "Mulish", serif;
    text-align: center;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.specialites-S li {
    color: #fff;
    font: 700 16px/20px "Mulish", serif;
    background-color: #222f52;
    letter-spacing: 0.5px;
    padding: 0px 0px;
}

.specialites-S li a {
    padding: 13px 0px 13px 63px;
    display: block;
    position: relative;
}

.specialites-S li.hip a:before,
.specialites-S li.sport-med a:before,
.specialites-S li.shoulder a:before,
.specialites-S li.elbow a:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #23386f;
    width: 80%;
    top: 48px;
    left: 30px;
}

.specialites-S li.knee a:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #23386f;
    width: 80%;
    top: 56px;
    left: 30px;
}

.specialites-S li.knee a {
    background: url("../images/sprite-1.png") no-repeat 20px 14px;
    padding-top: 20px;
}

.specialites-S li.hip a {
    background: url("../images/sprite-1.png") no-repeat 20px -37px;
}

.specialites-S li.shoulder a {
    background: url("../images/sprite-1.png") no-repeat 20px -81px;
}

.specialites-S li.elbow a {
    background: url("../images/sprite-1.png") no-repeat 20px -123px;
}

.specialites-S li.sport-med a {
    background: url("../images/sprite-1.png") no-repeat 20px -164px;
}

.specialites-S li.stem-s a {
    background: url("../images/sprite-1.png") no-repeat 20px -210px;
    padding-bottom: 20px;
}

.specialites-S li.knee a:hover {
    background: #0f1830 url("../images/sprite-1.png") no-repeat 20px 14px;
    padding-top: 20px;
}

.specialites-S li.hip a:hover {
    background: #0f1830 url("../images/sprite-1.png") no-repeat 20px -37px;
}

.specialites-S li.shoulder a:hover {
    background: #0f1830 url("../images/sprite-1.png") no-repeat 20px -81px;
}

.specialites-S li.elbow a:hover {
    background: #0f1830 url("../images/sprite-1.png") no-repeat 20px -123px;
}

.specialites-S li.sport-med a:hover {
    background: #0f1830 url("../images/sprite-1.png") no-repeat 20px -164px;
}

.specialites-S li.stem-s a:hover {
    background: #0f1830 url("../images/sprite-1.png") no-repeat 20px -210px;
    padding-bottom: 20px;
}

.service-S {
    padding: 40px 15px;
}

.service-S h2 {
    text-align: center;
    font: 700 20px/25px "Mulish", serif;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.service-S ul {
    text-align: center;
}

.service-S li {
    background: radial-gradient(rgba(213, 212, 255, .8) 46%, #B2B1FE);
    padding: 10px;
    width: 240px;
    height: 250px;
}

.service-S li a {
    border: 1px solid #8180d5;
    height: 220px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: block;
}

.femero img {
    position: absolute;
    left: 17px;
    top: 68px;
}

.hip-arthoscopy img {
    position: absolute;
    left: 7px;
    top: 36px;
}

.joint img {
    position: absolute;
    left: 78px;
    top: 25px;
}

.stem-cell-img img {
    position: absolute;
    left: 19px;
    top: 30px;
}

.service-S li a p {
    font: 400 17px/23px "Lato", serif;
    color: #543088;
    padding: 10px 0px;
}

#Service-list-intra li a p span {
    display: block;
}

.service-S li a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.service-S .service-special_auto {
    display: none;
}

.service-S .service-special_nav.next span {
    display: none;
}

.service-S .service-special_nav.prev span {
    display: none;
}

.service-S {
    position: relative;
}

.service-S .service-special_nav.next {
    position: absolute;
    z-index: 99;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: 88px;
    bottom: 44px;
    background: #b2b1fe url("../images/arrow-border.png") no-repeat center;
}

.service-S .service-special_nav.prev {
    background: #b2b1fe url("../images/arrow-left.png") no-repeat center;
    position: absolute;
    z-index: 99;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: 135px;
    bottom: 45px;
}

.dr-meet {
    background: #ededed;
    padding: 20px 0px;
    text-align: center;
}

.dr-meet p {
    font: 400 21px/25px "Mulish", serif;
    padding-bottom: 20px;
}

.dr-meet p span {
    display: block;
    font: 800 21px/25px "Mulish", serif;
    color: #473276;
    text-transform: uppercase;
}

.view-profile {
    padding: 5px 10px;
    background-color: #0e4288;
    font: 700 16px/20px "Mulish", serif;
    display: inline-block;
    color: #fff;
    margin-top: 20px;
}

.view-profile:hover {
    color: #fff;
}

.choose-doc-s {
    background: #ededed;
    padding: 0px 0px 40px 0px;
    text-align: center;
    margin-top: 25px;
    position: relative;
}

.choose-doc-s p {
    font: 600 22px/25px "Mulish", serif;
    padding: 10px 0px;
    text-transform: uppercase;
}

.choose-doc-s p span {
    display: block;
    font: 800 30px/35px "Mulish", serif;
}

.choose-doc-s li {
    padding: 0px;
}

.pat-resources p {
    font: 700 20px/25px "Mulish", serif;
    padding: 40px 0px 30px 20px;
    text-align: center;
    text-transform: uppercase;
}

.pat-resources li {
    border-bottom: 1px solid #ccc;
    font: 600 16px/20px "Mulish", serif;
}

.pat-resources li:last-child {
    border-bottom: none;
}

.pat-resources li a {
    padding: 25px 0px 25px 80px;
    ;
    color: #000;
    display: block;
}

.pat-resources .pat-forms a {
    background: url("../images/sprite-2.png") no-repeat 10px 9px;
}

.pat-resources .pre-post-op a {
    background: url("../images/sprite-2.png") no-repeat 10px -61px;
}

.pat-resources .post-rehab a {
    background: url("../images/sprite-2.png") no-repeat 10px -126px;
}

.pat-resources .outcome a {
    background: url("../images/sprite-2.png") no-repeat 10px -197px;
}

.pat-resources .pay-port a {
    background: url("../images/sprite-2.png") no-repeat 10px -267px;
}

.pat-resources .pat-testimonial a {
    background: url("../images/sprite-2.png") no-repeat 10px -335px;
}

.pat-resources .loc-direction a {
    background: url("../images/sprite-2.png") no-repeat 10px -407px;
}

.pat-resources .pat-forms a:hover {
    background: url("../images/sprite-3.png") no-repeat 10px 9px;
}

.pat-resources .pre-post-op a:hover {
    background: url("../images/sprite-3.png") no-repeat 10px -61px;
}

.pat-resources .post-rehab a:hover {
    background: url("../images/sprite-3.png") no-repeat 10px -126px;
}

.pat-resources .outcome a:hover {
    background: url("../images/sprite-3.png") no-repeat 10px -197px;
}

.pat-resources .pay-port a:hover {
    background: url("../images/sprite-3.png") no-repeat 10px -267px;
}

.pat-resources .pat-testimonial a:hover {
    background: url("../images/sprite-3.png") no-repeat 10px -335px;
}

.pat-resources .loc-direction a:hover {
    background: url("../images/sprite-3.png") no-repeat 10px -407px;
}

.choose-doc-s .choose-video-special_auto span {
    display: none;
}

.choose-doc-s .choose-video-special_nav.next span {
    display: none;
}

.choose-doc-s .choose-video-special_nav.prev span {
    display: none;
}

.choose-video-special_auto {
    background: url(../images/play-b.png) no-repeat center center;
    width: 18px;
    height: 20px;
    position: absolute;
    bottom: 10px;
    right: 128px;
}

.choose-video-special_pause {
    background: url(../images/pause-b.png) no-repeat center center;
    position: absolute;
    right: 128px;
    bottom: 13px;
    height: 15px;
    width: 15px;
}

.choose-video-special_nav.prev {
    background: url(../images/prev-b.png) no-repeat center center;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 103px;
    bottom: 12px;
}

.choose-video-special_nav.next {
    background: url(../images/next-b.png) no-repeat center center;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 107px;
    bottom: 12px;
}


/* Side Bar */


/* Service Section */

.service-knee-list ul {
    width: 81%;
    margin: 0 auto;
}

.service-hip-list ul {
    width: 81%;
    margin: 0 auto;
}

.service-elbow-list ul {
    width: 81%;
    margin: 0 auto;
}

.service-shoulder-list ul {
    width: 81%;
    margin: 0 auto;
}

.service-knee-list {
    background: url("../images/service-knee.png")no-repeat left center;
    min-height: 689px;
    min-width: 366px;
}

.service-hip-list {
    background: url("../images/service-hip.png")no-repeat left center;
    min-height: 338px;
    min-width: 366px;
}

.service-elbow-list {
    background: url("../images/service-elbow.png")no-repeat left center;
    min-height: 338px;
    min-width: 366px;
    margin-top: 12px;
}

.service-shoulder-list {
    background: url("../images/service-shoulder.png")no-repeat left center;
    min-height: 338px;
    min-width: 366px;
    margin-bottom: 6px;
}

.service-sports-med-list {
    background: url("../images/service-sports-medicine.png")no-repeat left center;
    min-height: 338px;
    min-width: 366px;
    margin-top: 13px;
}

.service-stem-cell-list {
    background: url("../images/service-stem-cell.png")no-repeat left center;
    min-height: 338px;
    min-width: 366px;
    margin-top: 13px;
}

.service-knee-list p {
    color: #fff;
    text-align: center;
    background: url("../images/knee-specialities.png") no-repeat 105px 33px;
    padding: 51px 0px 10px 0px;
    text-transform: uppercase;
}

.service-hip-list p {
    color: #fff;
    text-align: center;
    background: url("../images/hip-specialities.png") no-repeat 105px 30px;
    padding: 45px 0px 10px 0px;
    text-transform: uppercase;
}

.service-elbow-list p {
    color: #fff;
    text-align: center;
    background: url("../images/hip-specialities.png") no-repeat 105px 30px;
    padding: 45px 0px 10px 0px;
    text-transform: uppercase;
}

.ypocms {
    font: 400 15px/24px "Mulish", serif;
}

.service-shoulder-list p {
    color: #fff;
    text-align: center;
    background: url("../images/shoulder-specialities.png") no-repeat 85px 25px;
    padding: 42px 0px 11px 10px;
    text-transform: uppercase;
}

.service-elbow-list p {
    color: #fff;
    text-align: center;
    background: url("../images/elbow-specialities.png") no-repeat 105px 40px;
    padding: 55px 0px 11px 10px;
    text-transform: uppercase;
}

.service-sports-med-list p.sports-med {
    color: #fff;
    text-align: center;
    background: url("../images/sports-medicine-specialities.png") no-repeat 35px 30px;
    padding: 45px 0px 11px 10px;
    text-transform: uppercase;
}

.service-stem-cell-list p.stem-cell-ser {
    color: #fff;
    text-align: center;
    background: url("../images/stem-cell-therapy.png") no-repeat 35px 30px;
    padding: 47px 0px 11px 10px;
    text-transform: uppercase;
}

.service-sports-med-list p {
    color: #fff;
    padding: 10px 35px 0px 10px;
    margin: 0px 20px;
    text-align: justify;
}

.service-stem-cell-list p {
    color: #fff;
    padding: 10px 35px 0px 10px;
    margin: 0px 20px;
    text-align: justify;
}

.service-shoulder-list .shoulder-resurface li {
    padding: 5px 0px 0px 17px;
}

.textMain ul li {
    padding: 5px 0 5px 30px;
    background: url(../images/ticker.png) no-repeat 8px 10px;
}

.knee-service li a,
.shoulder-service li a,
.hip-service li a {
    text-decoration: none;
    color: #fff;
}

.knee-service li,
.shoulder-service li,
.hip-service li {
    border-bottom: 1px solid #ccc;
}

.services-list li a:hover {
    color: #fff;
}

.read-knee {
    color: #fff;
    letter-spacing: 1px;
    margin-top: 98px;
    text-align: center;
    background: #2F2250;
    width: 95%;
    padding: 10px;
    font: 600 18px/23px "Mulish", serif;
}

.textMain a {
    color: #0098dc;
    text-decoration: none;
}

.textMain a:hover {
    color: #000;
}

.read-hip {
    color: #fff;
    letter-spacing: 1px;
    margin-top: 105px;
    text-align: center;
    background: #2F2250;
    width: 95%;
    padding: 10px;
    font: 600 18px/23px "Mulish", serif;
}

.read-shoulder {
    color: #fff;
    letter-spacing: 1px;
    margin-top: 47px;
    text-align: center;
    background: #2F2250;
    width: 95%;
    padding: 10px;
    font: 600 18px/23px "Mulish", serif;
}

.read-elbow {
    color: #fff;
    letter-spacing: 1px;
    margin-top: 94px;
    text-align: center;
    background: #2F2250;
    width: 95%;
    padding: 10px;
    font: 600 18px/23px "Mulish", serif;
}

.read-sports {
    color: #fff;
    letter-spacing: 1px;
    margin-top: 70px;
    text-align: center;
    background: #2F2250;
    width: 95%;
    padding: 10px;
    font: 600 18px/23px "Mulish", serif;
}


/* Accessibility */

.accessible_on .specialist,
.accessible_on #Service-list-intra li a:before,
.accessible_on #Service-list-intra li a:after,
.accessible_on .specialites-S li a:before {
    display: none;
}

.accessible_on .logo {
    text-align: center;
    width: 65%;
}

.accessible_on .call-appoint {
    margin: auto;
    width: auto;
    text-align: center;
}

.accessible_on .menu ul,
.accessible_on .Wrapper,
.accessible_on .menu li li,
.accessible_on .menu li li a {
    background: #eee;
    border-bottom: 1px solid #000;
}

.accessible_on .app,
.accessible_on nav,
.accessible_on .menu li:hover,
.accessible_on .Image-Tabs,
.accessible_on #Welcome-to-dr-website,
.accessible_on #Service-list-intra li,
.accessible_on .choose-you,
.accessible_on .choose-you .read-more a,
.accessible_on .media-featuring,
.accessible_on .media-featuring .read-more a,
.accessible_on #video-intra li,
.accessible_on .patient-testimonials-intra .view-all,
.accessible_on #Footer-Container,
.accessible_on .services-list div,
.accessible_on .specialites-S li,
.accessible_on .specialites-S li a:hover,
.accessible_on #location,
.accessible_on .view-profile,
.accessible_on .dr-meet,
.accessible_on .choose-doc-s,
.accessible_on .links li.launch-btn a,
.accessible_on .links li.info-btn a,
.accessible_on .service-S li,
.accessible_on .share-your-story a:hover,
.accessible_on #Credibility-logo1,
.accessible_on .knee-grid,
.accessible_on .hip-grid,
.accessible_on .shoulder-grid,
.accessible_on .sports-grid,
.accessible_on .stemcell-grid,
.accessible_on .service-intra-grids .readmore-btn,
.accessible_on .service-intra-grids .readmore-btn:hover,
.accessible_on .textMain .useful-lists li span,
.accessible_on #Mobile-Menu,
.accessible_on .pp,
.accessible_on .payment-portal a,
.accessible_on .pat-forms a,
.accessible_on .pre-post-op a,
.accessible_on .post-op-rehab a,
.accessible_on .outcome-registry a,
.accessible_on .accordead,
.accessible_on .textMain .accordead,
.accessible_on .specialites-S li.shoulder a,
.accessible_on .specialites-S li.hip a,
.accessible_on .specialites-S li.knee a,
.accessible_on .specialites-S li.elbow a,
.accessible_on .specialites-S li.sport-med a,
.accessible_on .specialites-S li.stem-s a,
.accessible_on .formHead,
.accessible_on .tableborder,
.accessible_on .elbow-grid,
.accessible_on .elbow-grid .service-ico,
.accessible_on .ankle-grid,
.accessible_on .ankle-grid .service-ico,
.accessible_on .knee-grid .service-ico,
.accessible_on .hip-grid .service-ico,
.accessible_on .shoulder-grid .service-ico,
.accessible_on .sports-grid .service-ico,
.accessible_on .stemcell-grid .service-ico {
    background: inherit;
}

.accessible_on .service-intra-grids li {
    border-bottom: none;
}

.accessible_on .facebook a::before,
.accessible_on .twitter a::before,
.accessible_on .youtube a::before,
.accessible_on .linkedin a::before,
.accessible_on .googleplus a::before,
.accessible_on .location-address,
.accessible_on .contact-info-right {
    display: none !important;
}

.accessible_on .social-logo li,
.accessible_on .social-logo li a {
    width: 109px;
    font: 400 15px /20px "Mulish", serif;
}

.accessible_on .app,
.accessible_on .phn,
.accessible_on .view-profile,
.accessible_on #Service-list-intra li,
.accessible_on .choose-you .read-more a,
.accessible_on .media-featuring .read-more a,
.accessible_on .patient-testimonials-intra .view-all,
.accessible_on .services-list .table-cell > div,
.accessible_on .specialites-S li,
.accessible_on .service-S li a,
.accessible_on .share-your-story a:hover,
.accessible_on .service-intra-grids .readmore-btn {
    border: 1px solid #000;
}

.accessible_on .nodisplay {
    display: block !important;
}

.accessible_on .app,
.accessible_on .phn {
    display: inline-block;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 0;
    font: 700 16px/24px "Mulish", serif;
}

.accessible_on .menu-home:before,
.accessible_on #video-intra h3,
.accessible_on .dr-in-news p,
.accessible_on .dr-in-news-text,
.accessible_on .pat-testi p,
.accessible_on .copyrights .copy,
.accessible_on .services-list p,
.accessible_on .service-intra-grids .service-title,
.accessible_on .service-intra-grids p,
.accessible_on #Service-list-intra li a p,
.accessible_on .service-S li a p,
.accessible_on .dr-meet p span,
.accessible_on .pp,
.accessible_on .PDFtext,
.accessible_on .textMain h1 span,
.accessible_on .formHead,
.accessible_on .text-address,
.dfw-blackmode .textMain .tel-schema span,
.accessible_on .textMain h2 span {
    color: inherit;
}

.accessible_on #Footer-Container {
    color: #000 !important;
}

.accessible_on .textMain .useful-lists li:hover {
    filter: grayscale(100%);
    opacity: 0.8;
}

.accessible_on.dfw-blackmode #Footer-Container {
    color: #fff !important;
}

.accessible_on .textMain .contact-info-left,
.accessible_on .service-intra-grids {
    border: 1px solid #ccc;
}

.dfw-whitemode .textMain .tel-schema span {
    color: #000 !important;
}

.accessible_on .textMain .useful-lists li span {
    color: #000 !important;
}

.accessible_on .ypo-showcase {
    left: 350px;
}

.accessible_on .menu > li {
    border-right: 1px solid #434343;
}

.accessible_on .layers {
    width: auto;
    padding-top: 0;
}

.accessible_on .Image-Tabs {
    text-align: center;
}

.accessible_on .layers li {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin: 10px;
}

.accessible_on .layers li a {
    margin: 10px 0;
    text-align: left;
    font: 700 15px/23px "Mulish", serif;
}

.accessible_on .layers li:before,
.accessible_on .forms {
    left: 0;
}

.accessible_on #Specialities-intra {
    min-height: inherit;
    padding: 20px 0px;
}

.accessible_on #Welcome-to-dr-website,
.accessible_on .choose-you,
.accessible_on .media-featuring {
    padding: 20px 0px;
}

.accessible_on #Service-list-intra li a {
    border: none;
}

.accessible_on #Service-list-intra .round {
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #ccc;
}

.accessible_on .choose-you h2,
.media-featuring h2 {
    text-align: center;
}

.accessible_on .how-to-choose-doc,
.accessible_on .location-address a.address {
    display: block;
    text-align: center;
}

.accessible_on .talk-bubble a {
    bottom: 0;
    right: 0;
    top: inherit;
}

.accessible_on .rel-img {
    margin: 0;
}

.accessible_on .choose-doc {
    position: initial;
    display: block;
    text-align: center;
}

.accessible_on .rel-img .shoulder-video,
.accessible_on .rel-img .choose-doc {
    position: initial;
    display: block;
    text-align: center;
}

.accessible_on #video {
    background: none;
    min-height: inherit;
    padding: 10px 0px;
}

.accessible_on #video-intra .image-video {
    padding: 0;
}

.accessible_on #Magazine-logo-intra {
    text-align: center;
}

.accessible_on #Magazine-logo-intra li {
    display: inline-block;
    vertical-align: top;
}

.accessible_on #patient-testimonials-intra li {
    display: block;
    width: auto;
    border: 1px solid #000;
    background: none;
    min-height: inherit;
}

.accessible_on #patient-testimonials-intra .more,
.accessible_on #patient-testimonials-intra .view-all,
.accessible_on #video-intra .view,
.accessible_on .links li.launch-btn a,
.accessible_on .links li.info-btn a,
.accessible_on .textMain .services-grid li .active,
.accessible_on .textMain .services-grid li a,
.accessible_on .textMain .grid-list li:hover,
.accessible_on .textMain .grid-list li a,
.accessible_on .share-your-story a {
    background: none;
    border: 1px solid #000;
}

.accessible_on .textMain .grid-list li {
    --color-smoke: inherit;
}

.accessible_on .textMain .grid-list li:hover {
    transition: inherit;
}

.accessible_on .textMain ul li {
    background: none;
}

.accessible_on .ypo-logo {
    filter: inherit;
    background: #000;
    padding: 10px;
}

.accessible_on .ypo-logo a {
    padding: 0px;
}

.accessible_on .specialites-S li a,
.accessible_on .specialites-S li a:hover {
    padding: 10px 0 10px 77px;
    text-align: left;
}

.accessible_on .media-featuring .read-more a {
    right: 7px;
}

.accessible_on #Specialities,
.accessible_on #Welcome-to-dr-website,
.accessible_on #Service-list,
.accessible_on #choose-doctor,
.accessible_on #patient-testimonials,
.accessible_on #Credibility-logo,
.accessible_on #location,
.accessible_on #Patient-forms,
.accessible_on nav,
.accessible_on header,
.accessible_on #Credibility-logo1,
.accessible_on #Content-Container,
.accessible_on #Magazine-logo {
    border-bottom: 1px solid #000;
}

.accessible_on .contact-info {
    border: none;
}

.accessible_on #Credibility-logo-intra1 li,
#Credibility-logo-intra li {
    width: 24%;
    display: inline-block;
    text-align: center;
}

.accessible_on .menu-home::before,
.accessible_on .contact-info-right {
    display: none;
}

.accessible_on .menu-home a {
    text-indent: inherit;
}

.accessible_on #video-intra li {
    border: 4px solid #000;
}

.accessible_on #Content-Main .table-cell {
    display: block;
}

.accessible_on #Sidebar {
    height: inherit !important;
}

.accessible_on .staff-list .table-cell {
    display: table-cell !important;
}

.accessible_on.dfw-blackmode .ypo-logo img {
    background: #1b1a1a;
}


/* Black Mode */

.accessible_on.dfw-blackmode .logo a {
    background: #fff;
}

.accessible_on.dfw-blackmode .menu-home:before {
    color: #fc0;
}

.accessible_on.dfw-blackmode .app,
.accessible_on.dfw-blackmode .phn,
.accessible_on.dfw-blackmode .view-profile,
.accessible_on.dfw-blackmode #Service-list-intra li,
.accessible_on.dfw-blackmode .choose-you .read-more a,
.accessible_on.dfw-blackmode .media-featuring .read-more a,
.accessible_on.dfw-blackmode .patient-testimonials-intra .view-all,
.accessible_on.dfw-blackmode .services-list .table-cell > div,
.accessible_on.dfw-blackmode .specialites-S li,
.accessible_on.dfw-blackmode .service-S li a,
.accessible_on.dfw-blackmode .share-your-story a:hover,
.accessible_on.dfw-blackmode .service-intra-grids .readmore-btn {
    border: 1px solid #fff;
}

.accessible_on.dfw-blackmode #Specialities,
.accessible_on.dfw-blackmode #Welcome-to-dr-website,
.accessible_on.dfw-blackmode #Service-list,
.accessible_on.dfw-blackmode #choose-doctor,
.accessible_on.dfw-blackmode #patient-testimonials,
.accessible_on.dfw-blackmode #Credibility-logo,
.accessible_on.dfw-blackmode #location,
.accessible_on.dfw-blackmode #Patient-forms,
.accessible_on.dfw-blackmode nav,
.accessible_on.dfw-blackmode header,
.accessible_on.dfw-blackmode #Credibility-logo1,
.accessible_on.dfw-blackmode #Content-Container,
.accessible_on.dfw-blackmode {
    border-bottom: 1px solid #fff;
}

.accessible_on.dfw-blackmode .app,
.accessible_on.dfw-blackmode .phn,
.accessible_on.dfw-blackmode .view-profile,
.accessible_on.dfw-blackmode #Service-list-intra li,
.accessible_on.dfw-blackmode .choose-you .read-more a,
.accessible_on.dfw-blackmode .media-featuring .read-more a,
.accessible_on.dfw-blackmode .patient-testimonials-intra .view-all,
.accessible_on.dfw-blackmode .services-list .table-cell > div,
.accessible_on.dfw-blackmode .specialites-S li,
.accessible_on.dfw-blackmode .service-S li a,
.accessible_on.dfw-blackmode .share-your-story a:hover {
    border: 1px solid #fff;
}

.accessible_on.dfw-blackmode #patient-testimonials-intra .more,
.accessible_on.dfw-blackmode #patient-testimonials-intra .view-all,
.accessible_on.dfw-blackmode #video-intra .view,
.accessible_on.dfw-blackmode .links li.launch-btn a,
.accessible_on.dfw-blackmode .links li.info-btn a,
.accessible_on.dfw-blackmode .textMain .services-grid li .active,
.accessible_on.dfw-blackmode .textMain .services-grid li a,
.accessible_on.dfw-blackmode .textMain .grid-list li:hover,
.accessible_on.dfw-blackmode .textMain .grid-list li a,
.accessible_on.dfw-blackmode .share-your-story a {
    background: none;
    border: 1px solid #fff;
}

.accessible_on.dfw-blackmode .menu ul,
.accessible_on.dfw-blackmode .Wrapper,
.accessible_on.dfw-blackmode .menu li li,
.accessible_on.dfw-blackmode .menu li li a {
    background: #333;
    border-bottom: 1px solid #fff;
}

.accessible_on.dfw-blackmode .specialities-Tabs {
    border: none;
}

.accessible_on.dfw-blackmode .menu > li {
    border-right: 1px solid #fff;
}

.accessible_on.dfw-blackmode .shoulder-specialities a,
.accessible_on.dfw-blackmode .hip-specialities a,
.accessible_on.dfw-blackmode .knee-specialities a,
.accessible_on.dfw-blackmode .elbow-specialities a,
.accessible_on.dfw-blackmode .sports-medicine-specialities a,
.accessible_on.dfw-blackmode .stem-cell-therapy-specialities a {
    background: none;
}

.accessible_on .layers li:before {
    border: none;
}

.accessible_on.dfw-blackmode .layers li::before {
    display: none;
}

.accessible_on.dfw-blackmode .layers li a {
    border: 1px solid #fff;
}

.accessible_on .layers li a {
    border: 1px solid #000;
}

.accessible_on.dfw-blackmode .accordead,
.textMain .accordead {
    background: none;
}

.accessible_on.dfw-blackmode .textMain .useful-lists li span {
    color: #fff !important;
}


/* Contact */

.contact-info {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ccc;
    position: relative;
}

.contact-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000;
}

.contact-info:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 10px solid #000;
    border-left: 10px solid transparent;
}

.contact-info-left {
    width: 300px;
}

.contact-info-right iframe {
    width: 100%;
    height: 320px;
    border: none;
}

.textMain .contact-info-left h2 {
    font: 500 20px/30px "Mulish", serif;
    color: #000;
    text-align: center;
}

.textMain .contact-info-left h2 a {
    color: #000;
    border-bottom: none;
}

.textMain .contact-info-left li {
    position: relative;
    padding: 10px 0 10px 26px;
    background: none;
}

.textMain .contact-info-left li:before {
    position: absolute;
    left: 0;
    top: 10px;
    color: #000;
    font-family: "fontello";
}

.textMain .contact-info-left li.address-ico:before {
    content: '\E809';
    font-size: 24px;
    top: 20px;
}

.textMain .contact-info-left li.tel-ico:before {
    content: '\E80E';
    font-size: 19px;
}

.textMain .contact-info-left li.fax-ico:before {
    content: '\F1AC';
    font-size: 17px;
}

.textMain .contact-info-left li.mail-ico:before {
    content: '\F1D8';
    font-size: 17px;
}

.textMain .contact-info-left li.hours-ico:before {
    content: '\E80F';
    font-size: 17px;
}

.fancyHeading {
    text-align: center;
}

.textMain .grid-list {
    text-align: center;
}

.textMain .grid-list li {
    padding: 0;
    color: #202129;
    background: #f2f2f2;
    display: inline-block;
    overflow: hidden;
    margin: 10px;
    transition: all 150ms linear;
    text-align: center;
    border-radius: 4px;
    box-shadow: 2px 5px 10px var(--color-smoke);
    --color-smoke: #e4e4e4;
    font: 300 15px/20px 'Oswald', sans-serif;
    letter-spacing: 1px;
}

.textMain .grid-list li a {
    display: block;
    color: #000;
    padding: 12px 20px;
}

.textMain .grid-list li:hover {
    color: #202129;
    background-color: #e1e2e2;
    opacity: 1;
    transition: all 150ms linear;
    opacity: .85;
}

.textMain .pdf-links li {
    background: none;
    position: relative;
}

.textMain .pdf-links li a {
    color: #003263 ! important;
}

.textMain .pdf-links li a {
    border-bottom: none;
    color: #f44336;
}

.pdf-links li:before {
    content: '\F1C1';
    font-family: 'fontello';
    color: #f44336;
    position: absolute;
    left: 6px;
    top: 5px;
    z-index: 9;
}

.multiple-forms li a {
    padding: 0px 0px 0px 20px;
}

.textMain .pdf-links span {
    display: block;
}

.dr-l {
    float: left;
    margin: 10px 30px 10px 0;
    width: 300px;
}

.staff-list .table-div {
    margin: 0 0 30px 0;
}

.dr-profile-s {
    width: 260px;
    text-align: center;
    padding: 0 10px 0 0;
}

.textMain .dr-profile-text p {
    font: 400 14px/24px "Mulish", serif;
}

.dr-profile-s img {
    width: 260px;
    text-align: center;
}

.menu-patient > ul {
    width: 800px;
    left: -270px;
    border: 1px solid #dcdcdc;
    text-align: left;
}

.menu .menu-patient > ul li {
    display: inline-block;
    width: 50%;
    margin: 0 -2px;
    font: 400 15px/22px "Mulish", serif;
}

.menu li.menu-patient li a {
    width: auto;
}

.links {
    text-align: center;
}

.textMain .links li {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    background: none;
    position: relative;
    margin: 10px;
    font: 300 12px/24px 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

.links li a {
    position: relative;
    display: block;
    padding: 5px 15px 5px 40px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.48);
    color: #fff;
    overflow: hidden;
    transition: background-color .3s;
    opacity: 0.8;
    transition: 0.6s all ease;
    border-bottom: none;
    text-decoration: none;
}

.links li a:hover {
    opacity: 1;
    border-bottom: none;
}

.links li a:hover,
.links li a:focus {
    background-color: #27ae60;
    color: #fff;
}

.links li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(236, 240, 241, .3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.links li a:active:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}

.links li.launch-btn a {
    background-color: #283348;
}

.links li.info-btn a {
    background-color: #2f9dcd;
}

.links li.launch-btn:before {
    content: '\E802';
    font-family: 'fontello';
    color: #fff;
    position: absolute;
    left: 16px;
    top: 5px;
    z-index: 9;
}

.links li.info-btn:before {
    content: '\E803';
    font-family: 'fontello';
    color: #fff;
    position: absolute;
    left: 16px;
    top: 5px;
    z-index: 9;
}

.accordead,
.textMain .accordead {
    margin: 5px 0px;
    border: 1px solid #000;
}

.accordead,
.textMain .accordead {
    padding: 10px;
    border: 1px solid #f2f2f2;
    background: url(../images/plus-b-img.png) 98% center no-repeat #f2f2f2;
}

.accordane,
.textMain .accordane {
    border: 1px solid #f2f2f2;
}

.inline-links {
    text-align: center;
}

.textMain .inline-links li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    background: none;
    margin: 5px 3px;
}

.img-txt-list img {
    float: left;
    margin: 0 10px 0 0;
}

.textMain .img-txt-list li {
    background: none;
    padding: 0;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}

.img-txt-list li:after {
    content: '';
    clear: both;
    display: block;
}

.share-your-story {
    text-align: right;
    font: 400 16px/30px 'Muli';
}

.share-your-story a {
    position: relative;
    display: block;
    width: 240px;
    text-align: right;
    padding: 10px;
    background: #104779;
    border: 1px solid #104779;
    color: #fff;
    float: right;
    letter-spacing: 2px;
    font-style: italic;
    transition: 0.7s all ease;
    text-decoration: none;
}

.share-your-story a:before {
    content: '\F1D8';
    position: absolute;
    left: 12px;
    color: #fff;
    font-family: 'fontello';
}

.share-your-story a:hover {
    text-decoration: none;
    color: #fff;
    background: #000;
}

.pt-list {
    margin: 0 0 20px 0;
    border-left: 4px solid #e6e6e6;
    padding: 0 20px 20px 20px;
}

.patientname {
    font: 400 30px/40px "Mulish", serif;
    padding: 0 0 30px 0 ! important;
}

.testimonials-content {
    text-indent: 70px;
    position: relative;
}

.testimonials-content:before {
    content: '';
    position: absolute;
    left: -30px;
    top: -45px;
    color: #000;
    background: url(../images/blockquote-open-b.png) no-repeat center center;
    width: 100px;
    height: 100px;
    background-size: 50%;
}

.textMain .useful-lists {
    text-align: center;
}

.textMain .useful-lists li {
    background: none;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 10px 10px 0 10px;
    border: 1px solid #ccc;
    margin: 4px 2px;
    min-width: 300px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.7s all ease;
    opacity: 0.8;
}

.textMain .useful-lists li:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.textMain .useful-lists li span {
    display: block;
    text-decoration: none;
    background: #16375e;
    padding: 6px 0;
    color: #fff;
    font: 400 15px/24px "Mulish", serif;
}

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


/*-------------------- Schema ----------------------*/

.tableborder {
    border: 3px solid #fff;
    background: #fff;
    width: 338px;
    display: inline-block;
    box-shadow: 0px 1px 0px 3px #041b40;
    padding: 4px;
    margin: 10px 80px;
    text-align: center;
    vertical-align: top;
    min-height: 185px;
}

.formHead {
    background: #041b40;
    padding: 5px 0px;
    color: #fff;
    font: 700 18px/26px 'Open Sans', sans-serif;
    margin: 0 0 10px 0;
    text-align: center;
}

.text-address {
    font: 400 14px/20px 'Open Sans', sans-serif;
    color: #000;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
    text-align: justify;
}

.text-address p {
    margin: 0 3px !important;
}

.textMain .tel-schema {
    height: 16px;
    color: #fff;
}

.textMain .tel-schema span {
    color: #000;
}

.textMain .tel-schema p a {
    color: #000;
}

.textMain .schema-address a {
    color: #000;
}

.textMain .schema-address a:hover {
    color: #000;
    text-decoration: underline;
}

.text-address .textMainBold {
    font: 600 14px/20px 'Open Sans', sans-serif;
}

.textMain .news-article-list {
    text-align: center;
}

.textMain .news-article-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 3px 0;
    background: none;
}

.textMain .news-article-list li img {
    padding: 10px;
    border: 1px solid #ccc;
}

.pp_social {
    display: none;
}

.publi-list {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px 0;
}

.textMain .reviews-link {
    text-align: center;
}

.textMain .reviews-link li {
    background: none;
    padding: 0;
    display: inline-block;
    margin: 10px 0;
    vertical-align: top;
}

.service-grids {
    position: relative;
}

.service-intra-grids {
    width: 320px;
    margin: 10px 0;
    margin: 10px;
    display: inline-block;
}

.service-intra-grids .service-title {
    color: #fff;
    text-align: center;
    padding: 30px 0px 30px 0px;
    text-transform: uppercase;
}

.service-intra-grids .service-ico {
    display: inline-block;
    width: 60px;
    height: 52px;
    vertical-align: middle;
}

.knee-grid .service-ico {
    background: url(../images/knee-specialities.png) no-repeat center center;
}

.hip-grid .service-ico {
    background: url(../images/hip-specialities.png) no-repeat center center;
}

.shoulder-grid .service-ico {
    background: url(../images/shoulder-specialities.png) no-repeat center center;
}

.elbow-grid .service-ico {
    background: url(../images/elbow-specialities.png) no-repeat center center;
}

.ankle-grid .service-ico {
    background: url(../images/ankle-specialities.png) no-repeat center center;
}

.sports-grid .service-ico {
    background: url(../images/sports-medicine-specialities.png) no-repeat center center;
}

.stemcell-grid .service-ico {
    background: url(../images/stem-cell-therapy.png) no-repeat center center;
}

.service-intra-grids ul {
    width: 90%;
    margin: auto;
}

.service-intra-grids li {
    border-bottom: 1px solid #523f7d;
}

.service-intra-grids li:last-child {
    border-bottom: 0;
}

.service-intra-grids li a {
    display: block;
    color: #fff;
}

.service-intra-grids li a:hover {
    color: #fff;
}

.service-intra-grids .readmore-btn {
    text-align: center;
    display: block;
    background: #2f214f;
    color: #fff;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0 0 0;
    font: 600 18px/23px "Mulish", serif;
}

.service-intra-grids .readmore-btn:hover {
    background: #000;
    color: #fff;
}

.knee-grid {
    background: url(../images/service-knee.png)no-repeat center center;
    background-size: cover;
}

.hip-grid {
    background: url(../images/service-hip.png)no-repeat center center;
    background-size: cover;
}

.shoulder-grid {
    background: url(../images/service-shoulder.png)no-repeat center center;
    background-size: cover;
}

.elbow-grid {
    background: url(../images/service-elbow.png) no-repeat center center;
    background-size: cover;
}

.ankle-grid {
    background: #473276;
    background-size: cover;
}

.sports-grid {
    background: url(../images/service-sports-medicine.png) no-repeat center center;
    background-size: cover;
}

.stemcell-grid {
    background: url(../images/service-stem-cell.png) no-repeat center center;
    background-size: cover;
}

.service-intra-grids p {
    font: 400 14px/23px "Mulish", serif;
    text-align: justify;
    width: 90%;
    margin: auto;
    color: #fff;
}

.testimonials-videos img {
    width: 45%;
    border: 2px solid #333;
    display: inline-block;
    margin: 0px 20px 30px;
    padding: 5px;
}

.testimonials-videos .mad {
    width: 45%;
    display: inline-block;
    margin: 0px 20px 30px;
    text-align: center;
    vertical-align: top;
}

.text-aline {
    text-align: center;
}

.news-page .share-your-story a {
    width: 168px;
}

#toggle2 {
    display: none;
}

.ypo-stock {
    float: left;
    margin: 0 10px 20px 0;
}

.ypo-stock img {
    border: 2px solid #2f9dcd;
    padding: 5px;
}

#toggle2,
#toggle3 {
    display: none;
}

.textMain .services-grid {
    text-align: center;
}

.textMain .services-grid li {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    font: 400 16px/30px 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

.textMain .services-grid li a {
    display: block;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    position: relative;
    background: #a81911;
}

.textMain .services-grid li a:hover {
    color: #fff;
}

.textMain .services-grid li .active {
    background: #000;
}

.textMain .services-grid li .active:after {
    position: absolute;
    content: '';
    border-top: 10px solid #000;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    bottom: -20px;
}

.links {
    text-align: left;
}

.textMain .links li {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    background: none;
    position: relative;
    margin: 10px;
    font: 300 12px/24px 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

.links li a {
    position: relative;
    display: block;
    padding: 5px 15px 5px 40px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.48);
    color: #fff;
    overflow: hidden;
    transition: background-color .3s;
    opacity: 0.8;
    transition: 0.6s all ease;
    border-bottom: none;
    text-decoration: none;
}

.links li a:hover {
    opacity: 1;
    border-bottom: none;
}

.links li a:hover,
.links li a:focus {
    background-color: #27ae60;
    color: #fff;
}

.links li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(236, 240, 241, .3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.links li a:active:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}

.links li.launch-btn a {
    background-color: #283348;
}

.links li.info-btn a {
    background-color: #2f9dcd;
}

.links li.launch-btn:before {
    content: '\E802';
    font-family: 'fontello';
    color: #fff;
    position: absolute;
    left: 16px;
    top: 5px;
    z-index: 9;
}

.links li.info-btn:before {
    content: '\E803';
    font-family: 'fontello';
    color: #fff;
    position: absolute;
    left: 16px;
    top: 5px;
    z-index: 9;
}

.CalfStretch img {
    padding: 0px 45px 0px 0px;
}

.post-operative-instructions li {
    background: none !important;
    float: left;
}

.post-operative-instructions li img {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #000;
}

.post-operative-instructions li div {
    width: 62%;
    float: left;
}

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

.textMain .notFound h1 {
    font: normal 100px/120px "Lato", serif;
}

.textMain .notFound h1 span {
    font: normal 50px/60px "Lato", serif;
}

.textMain .pagelet-posts li {
    padding: 0;
    background: none;
    border-bottom: 1px solid #222f52;
    position: relative;
}

.textMain .pagelet-posts li p {
    margin: 0;
}

.textMain .pagelet-posts li .read-more {
    display: none;
}

.text-success {
    text-align: center;
    padding: 10px !important;
    font-size: 18px !important;
}

.text-success span {
    color: #503662 !important;
}

.pay-portal1 {
    display: none;
}

.desk-ban {
    display: block;
}

.mob-ban {
    display: none;
}

.telimed-center {
    text-align: center;
    font-size: 25px !important;
}

.telimed-center span {
    font-size: 20px !important;
    padding: 5px 0;
}

#Top_Doctors_Container {
    border-bottom: 1px solid #ccc;
}

#Top_Doctors_Container ul {
    text-align: center;
    margin: 50px auto;
    font-size: 0;
}

#Top_Doctors_Container ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 15px 4%;
    width: 191px;
    text-align: center;
    max-width: 192px;
}

#Top_Doctors_Container ul li a {
    display: block;
    border: 8px solid #777;
    width: 190px;
}

#Top_Doctors_Container ul li a span {
    box-shadow: 3px 3px 8px 2px #cec6c6;
    margin: 9px;
    padding: 55px 0;
    border: 1px solid #ccc;
    display: block;
    min-height: 160px;
}

#Top_Doctors_Container ul li span {
    font: 400 22px/30px "Mulish", serif;
    text-align: center;
    margin: 15px auto;
    display: block;
}

.textMain .external_iframe {
    position: relative;
    margin: 50px auto;
    text-align: center;
    min-height: 560px;
    padding: 60% 0 0 0;
    width: 99%;
}

.textMain .external_iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.textMain .two_list {
    text-align: center;
    padding: 0;
    margin: 30px auto;
}

.textMain .two_list li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 15px 5px;
    background: none;
    min-width: 230px;
}

.textMain .two_list li a {
    display: inline-block;
    min-height: 48px;
    background: #222F52;
    padding: 12px 10px 12px 41px;
    font: 600 17px/24px "Mulish", serif;
    color: #fff;
    min-width: 160px;
    box-shadow: 0 0px 7px -1px #503662;
    position: relative;
    border-radius: 9px;
    text-align: left;
}

.textMain .two_list li a::before {
    content: '';
    background: url('../images/appoint.png') no-repeat -30px -25px;
    width: 21px;
    height: 20px;
    position: absolute;
    left: 8px;
}

.img-ctr {
    text-align: center;
}

.payment-sec input[type="submit"] {
    padding: 8px 15px;
    border: none;
    font: 500 20px/26px 'Work Sans', sans-serif;
    border: 2px solid #38537c;
}

/* Media Query */
@media only screen and (max-width:1165px) {
    #Service-list-intra li {
        width: 200px;
    }
}

@media only screen and (max-width:1126px) {

    .logo a,
    .logo a:first-child {
        padding-left: 0px;
    }

    #video-intra li {
        width: 30%;
    }

    #video-intra h3 {
        font-size: 18px;
    }

    .service-grids {
        margin: 0px auto;
        width: 83%;
    }

    .table-cell.logo {
        display: block;
        text-align: center;
    }

    .call-appoint {
        display: inline-block;
        width: 48%;
        text-align: right;
        /*margin-bottom: -35px !important;*/
        margin: 0px auto;
        padding: 0px 5px 0px 0px;
    }

    .pay-portal {
        display: inline-block;
        text-align: left;
        margin: 0px auto;
        width: 48%;
        padding: 0px 0px 0px 5px;
    }

    .pp {
        margin: 0px 0px 0px 0px;
        display: inline-block;
    }

    .phn {
        padding: 0px;
        display: inline-block;
    }
}

@media only screen and (max-width:1060px) {

    .knee-service,
    .hip-service,
    .shoulder-service {
        display: block;
        margin: 0 auto;
        width: 366px;
    }

    .specialist-cell li div {
        padding: 53px 0 0 11%;
    }

    .banner-content {
        right: 0;
        width: 65%;
    }

    #Banner-Container #Banner #Banner1 .banner-content,
    #Banner-Container #Banner #Banner2 .banner-content,
    #Banner-Container #Banner #Banner3 .banner-content {
        top: 45%;
        transform: translate(0, -50%);
    }
}

@media only screen and (max-width:1050px) {
    #Banner .banner-content .banner-img {
        display: none;
    }

    /*.rslides li {
padding: 15px 0px 0px 6%;
}*/
    .specialist ul li a.image-special {
        right: 1%;
        top: 150px;
    }

    a.choose-doc {
        position: static;
        margin-top: 10px;
    }

    a.shoulder-video {
        position: static;
        margin-top: 10px;
    }

    .read-more a,
    .media-featuring .read-more a {
        position: absolute;
        bottom: 0;
        right: 10px;
    }

    .banner-content ul li {
        font: 400 14px/20px "Mulish", serif;
    }

    .layers li:before {
        border-bottom: none;
    }
}

@media only screen and (max-width:940px) {

    .tableborder {
        border: 3px solid #fff;
        background: #fff;
        width: 338px;
        display: inline-block;
        box-shadow: 0px 1px 0px 3px #041b40;
        padding: 4px;
        margin: 20px 145px;
        text-align: center;
        vertical-align: top;
        min-height: 185px;
    }

    .banner-content ul li {
        font: 400 12px/17px "Mulish", serif;
    }

    .banner-head-text span {
        font: 700 30px/37px "Mulish", serif;
    }

    .choose-you h2,
    .media-featuring h2 span {
        font-size: 25px;
    }

    .choose-you h2 span,
    .media-featuring h2 {
        font-size: 30px;
    }

    .choose-you {
        padding: 45px 66px;
    }

    #Banner .banner-content .banner-list li {
        display: none;
    }

    #Banner .banner-content .banner-list li:first-child,
    #Banner .banner-content .banner-list li:nth-child(2),
    #Banner .banner-content .banner-list li:nth-child(3),
    #Banner .banner-content .banner-list li:nth-child(4) {
        display: block;
    }
}

@media only screen and (max-width:860px) {

    .video-embed li .videoBorder iframe {
        height: 106px;
    }

    #patient-testimonials-intra .pat-testi {
        background: url(../images/publication.png) no-repeat left center;
        background-size: cover;
    }

    #patient-testimonials-intra .stem-cell-news {
        background: #421c52;
    }

    .stem-cell-news-text .news,
    .stem-cell-news-text .ultra {
        color: #fff;
    }

    .pat-testi p {
        color: #421c52;
    }

    .pat-testi p.testimonials {
        font: 500 14px /20px "Mulish", serif;
        color: #000;
    }

    .pat-testi p.testimonials:before {
        background: url(../images/opening-quote-dark.png)no-repeat center center;
        padding: 20px 20px 0px 30px;
    }

    .pat-testi p.testimonials:after {
        background: url(../images/closing-quote-dark.png)no-repeat center center;
        padding: 0px 20px 20px 30px;
    }

    .menu-patient .subMenu {
        width: 650px;
        left: -245px;
    }

    .menu li.menu-patient a {
        font: 400 13px/20px "Mulish", serif;
    }

    .sports-medicine-slider .sports {
        font: 400 16px/23px "Mulish", serif;
    }

    .stem-cell-medicine-slider .stem {
        font: 400 16px/23px "Mulish", serif;
    }

    .ad-tech,
    .joint-pain {
        font: 400 24px/35px "Mulish", serif;
    }

    .banner-content ul li {
        display: none;
    }

    #patient-testimonials-intra li {
        display: block;
        width: 100%;
    }

    #Welcome-to-dr-website-intra .welcome div {
        display: block;
        width: auto;
        text-align: center;
        margin: 0px 1%;
    }

    .talk-bubble a {
        right: 4%;
        top: 38%;
    }

    .specialist .rslides li .sports,
    .specialist .rslides li .stem {
        width: 65%;
    }

    h1.welcome {
        padding-top: 20px;
    }

    .dr-website {
        padding: 20px 10px;
    }

    .testimonials-videos .mad {
        width: 43%;
    }

    .testimonials-videos img {
        width: 43%;
    }

    #Banner-Container-S .banner-content {
        display: none;
    }

    .service-grids {
        margin: 0px auto;
        width: 100%;
    }

    #Banner-Container #Banner0 .banner-content p {
        display: none;
    }
}

@media only screen and (max-width:767px) {

    .location-address a.address {
        border: 7px solid #a8a6a9;
        display: inline-block;
        margin: 5px 21%;
        width: 50%;
        text-align: center;
    }

    .talk-bubble {
        width: 50%;
        text-align: center;
        margin: 5px 25%;
    }

    .choose-you .read-more,
    .media-featuring .read-more {
        margin: 10px 0;
    }

    #Welcome-to-dr-website-intra .welcome div {
        margin: 10px;
    }

    .choose-you .read-more a,
    .media-featuring .read-more a {
        position: initial ! important;
        bottom: initial;
        right: initial;
        float: none;
    }

    .media-featuring h2 span {
        display: block;
    }

    .layers li a {
        font: 700 16px/23px "Mulish", serif;
    }

    .layers,
    .specialist {
        display: block;
        width: 100%;
    }

    .specialist .specialist-cell .rslides {
        position: initial;
        width: 100%;
    }

    .specialist .specialist-cell .rslides {
        background: url(../images/specialities-background.png) no-repeat;
        background-size: cover;
    }

    .specialist ul li a.red-special {
        height: auto;
        right: 0;
        bottom: 10px;
        top: initial;
    }

    .specialities-Tabs {
        width: 300px;
        margin: auto;
        display: block;
    }

    /* 
.special .rslides li li a::before {
background: none;
} */
    .specialist ul li a.image-special {
        top: 95px;
    }

    .best-hos {
        padding-top: 20px;
    }

    .choose-you {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 0;
        padding: 20px;
    }

    .rel-img {
        margin: auto;
    }

    .media-featuring {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 20px;
        border: 0;
        padding: 10px;
    }

    .read-more a,
    .media-featuring .read-more a {
        position: absolute;
        bottom: 0;
        right: 0px;
    }

    .forms,
    .location-address {
        display: block;
        width: 100%;
        position: relative;
    }

    .service-grids {
        margin: 0px auto;
        width: 320px;
    }

    .service-intra-grids {
        margin: 0px;
    }

    .Image-Tabs {
        width: 300px;
        margin: 0px auto;
    }

    #Banner-Container #Banner0 .banner-content p {
        display: none;
    }

    #Banner-Container #Banner0 .banner-content ul li:nth-child(4) {
        display: none;
    }

    #Banner .banner-content span {
        display: inline-block;
    }

    .banner-content ul li {
        font: 400 12px/17px "Mulish", serif;
    }

    #Banner-Container .banner-content ul li {
        font: 400 11px/15px "Mulish", serif;
        padding: 0 0 0 10px;
        margin: 4px auto;
        background-position: unset !important;
    }

    .banner-content .desktop_view {
        display: none;
    }

    #Banner .banner-content .mobile_view {
        display: block;
    }

    #Banner .banner-content .banner-img a {
        max-width: 140px;
        display: inline-block;
        margin: 7px 8px;
    }

    #Service-list-intra li {
        width: 230px;
    }

    #video-intra li {
        width: auto;
    }

    #Patient-forms-intra li {
        width: auto;
    }
}


@media only screen and (max-width:640px) {
    .dr-logo {
        display: block !important;
        padding-right: 0px;
    }

    .call-appoint {
        width: auto;
        text-align: center;
    }

    .pay-portal {
        text-align: center;
        width: auto;
    }
    .pp{
        margin: 0px auto 10px auto;
    display: block;
    }
     .phn {
    padding: 0px;
    display: block;
  }
    .app a{
        margin-bottom: 10px;
    }
    .rel-img {
        width: auto;
        margin: 5px 10px;
    }

    #video {
        padding: 20px 0;
    }

    #Reorder {
        display: block;
        /* flex-flow: row wrap;
-webkit-flex-flow: row wrap; */
    }

    /*#Specialities{
order: 2;
}
#Welcome-to-dr-website{
order: 1;
}*/
    #Welcome-to-dr-website {
        padding: 20px 0;
    }

    .Welcome-read {
        float: none ! important;
        width: 140px ! important;
        margin: auto ! important;
    }

    .dr-l {
        display: block;
    }

    .dr-l {
        float: none;
        margin: auto;
    }

    #Patient-forms-intra li {
        width: 250px;
    }

    #Patient-forms-intra li a {
        border: none;
    }

    #Banner-Container .rslides li:after {
        content: '';
        position: absolute;
        /*background: #00000080;*/
        height: 100%;
        width: 100%;
    }

    .rslides li {
        padding: 0;
    }

    .image-special ul {
        padding-left: 124px;
    }

    #Banner-Container-S #Banner {
        display: none;
    }

    #Banner .banner-content {
        z-index: 9;
        color: #fff;
        right: 0;
        bottom: 0;
    }

    .banner-more {
        float: none;
        margin: 10px 0;
        border: 0;
        border-radius: 0;
        font: 400 14px/20px "Mulish", serif;
        text-transform: none;
        letter-spacing: 0.5px;
        position: relative;
        z-index: 9;
    }

    #Content {
        display: block;
        width: 100%;
    }

    #Sidebar {
        display: block;
        margin: 0 auto;
        height: auto !important;
    }

    .sports-medicine-slider .sports {
        width: 95%;
        padding-top: 5px;
    }

    li.stem-cell-medicine-slider .stem {
        width: 95%;
        padding-top: 5px;
    }

    .more {
        bottom: 1%;
    }

    a.view-all {
        bottom: 0;
    }

    .specialist ul li a.image-special {
        display: none;
    }

    .specialist ul li li {
        padding: 3px 0px;
    }

    .specialist-cell li div {
        padding: 0px;
        margin: 15% 0 0 14%;
    }

    .specialist .rslides li .sports {
        width: 95%;
    }

    .specialist .rslides li div {
        font-size: 28px;
        padding: 0 0 0px 75px;
        margin: 60px 0px 8px 41px;
    }

    .specialist .rslides li .sports,
    .specialist .rslides li .stem {
        width: 95%;
    }

    #Banner-Container #Banner .banner-content,
    #Banner-Container #Banner .banner-content span {
        color: #000;
        padding: 2px 0;
        text-shadow: 1px 1px #fff;
    }

    .banner-head-text span {
        font: 700 20px/24px "Mulish", serif;
    }

    .pay-portal1 {
        width: 160px;
        vertical-align: top;
        display: block;
        text-align: center;
        margin: 10px auto;
    }

    #Banner-Container .banner1 {
        height: 250px;
    }

    #Banner-Container #Banner {
        height: auto;
    }

    .table-cell {
        display: block !important;
        margin: 0 auto;
    }


}

@media only screen and (max-width:639px) {

    /* #Banner-Container {
display: none;
}*/
    .textMain .services-grid li {
        width: 56%;
        margin: 10px;
    }

    .links {
        text-align: center;
    }

    #Banner .banner-content .banner-img a {
        max-width: 130px;
    }

    .banner-content ul {
        padding: 0;
    }
}

@media only screen and (max-width:580px) {
    #Banner .banner-content span {
        display: inline-block;
    }

    #Banner-Container ul li {
        background-position: -45px 0 !important;
    }
}

@media only screen and (max-width:480px) {

    .talk-bubble {
        width: 50%;
        text-align: center;
        margin: 5px 18%;
    }


    #Header {
        padding: 20px 0px 0px 0px;
    }

    .logo a:first-child {
        padding: 0 0 20px 0;
    }

    .logo a {
        padding: 0;
        border: 0;
    }

    .app a {
        color: #fff;
        font: 700 17px/22px "Mulish", serif;
        text-align: center;
        padding: 5px 25px 5px 40px;
        display: inline-block;
        /* margin: -24px auto; */
        background: #351d46;
        border-radius: 6px;
        position: relative;
        vertical-align: top;
        margin-bottom: 0px;
    }


    .app a,
    .pp {
        font: 600 15px/22px "Mulish", serif;
    }

    .call-appoint {
        text-align: center;
        margin-bottom: 0px !important;
    }

    .call-appoint li {
        display: block;
        margin: 10px auto;
    }

    .pp {
        /* width: 125px; */
        vertical-align: top;
        margin: 0px auto;
    }

    .table-cell {
        display: block !important;
        /* margin: 0 auto; */
    }


    .call-appoint li.phn {
        padding: 0;
    }

    .ypo-stock {
        float: none;
        margin: 10px 0;
        text-align: center;
    }

    .talk-bubble p {
        position: inherit;
    }

    .specialist .rslides li {
        font: 400 14px/17px "Mulish", serif;
        padding: 10px;
        margin: auto;
    }

    #Banner .banner2 .banner-content,
    #Banner .banner3 .banner-content {
        font: 700 18px/26px "Mulish", serif;
        width: 310px;
        background: rgba(255, 255, 255, 0.8);
        padding: 10px;
    }

    .specialist .rslides li div {
        font: 700 18px/26px "Mulish", serif;
        text-align: center;
        padding: 0;
        margin: 10px auto 0 auto;
    }

    .image-special ul {
        padding: 0;
        width: auto;
        margin: 20px auto 0 auto;
    }

    .specialist .rslides li .sports,
    .specialist .rslides li .stem {
        font: 300 14px/24px "Mulish", serif;
        padding: 20px;
    }

    .specialist .specialist-cell .rslides {
        background: #452741;
    }

    .testimonials-videos .mad {
        width: 97%;
    }

    .testimonials-videos img {
        width: 72%;
    }

    .logo {
        margin: 0px auto;
        width: 90%;
    }

    #Accessibility {
        display: none;
    }

    .copyrights .copy {
        padding: 20px 5px 10px 0px;
    }

    .service-list p {
        padding: 20px 5px;
    }

    .banner-img {
        background: #fff;
        border-radius: 5px;
    }

    .Banner-Tabs {
        right: 200px;
    }

    .banner-img {
        border-radius: 5px;
        text-align: center;
        background: rgba(255, 255, 255, 0.5);
    }

    #Banner-Container #Banner {
        min-height: 250px;
    }

    .banner-img {
        clear: both;
        margin: 5px;
    }



    .dr-profile-s img {
        width: auto;
    }

    .logo a {
        display: initial;
    }

    .rel-logos img {
        width: 30%;
    }
}

@media only screen and (max-width:420px) {
    .video-embed li {
        display: block;
        width: auto;
    }

    .talk-bubble {
        width: 50%;
        text-align: center;
        margin: 5px 18%;
    }

    .location-address a.address {
        border: 7px solid #a8a6a9;
        display: inline-block;
        margin: 5px 23%;
        width: 50%;
        text-align: center;
    }

    .talk-bubble p {
        width: 260px;
    }

}

@media only screen and (max-width:380px) {
    .location-address a.address {
        width: 55% !important;
    }

}

@media only screen and (max-width:375px) {
    .talk-bubble {
        width: 50%;
        text-align: center;
        margin: 5px 20% !important;
    }

    .location-address a.address {
        border: 7px solid #a8a6a9;
        display: inline-block;
        margin: 5px 24% !important;
        width: 58% !important;
        text-align: center;
    }

}

@media only screen and (max-width:320px) {

    .talk-bubble {
        width: 50%;
        text-align: center;
        margin: 5px 5%;
    }

    .Banner-Tabs ul {
        padding: 0 5px;
    }

    .banner-content {
        width: 60%;
    }

    .banner-head-text {
        font: 400 16px/20px "Mulish", serif;
    }

    .banner-head-text span {
        font: 700 16px/20px "Mulish", serif;
    }
}

@media only screen and (max-width:300px) {
    #Banner-Container #Banner {
        height: 250px !important;
    }
}