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

#sun-pop {
    width: 570px !important;
}


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

#Map-Container,
#Banner-Container,
#creadibility-logo,
#Footer-Container,
#patient-quality,
#luke-mooney-profile,
#your-care,
#patient-resource,
#form-section,
#map-section,
#am-i-candidate,
#Robotic-Knee-Surgery {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu #Mobile-Menu,
#Service,
#Credibility,
#creadibility-logo-in,
#patient-quality-inside,
#luke-mooney-profile-inside,
#your-care-inside,
#patient-resource-inside,
#form-section-inside,
#map-section-inside,
#am-i-candidate-inside,
.robotic-knee-inner {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/* Navigation CSS */

.navigation {
    font: 500 14px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #0054a5;
    padding: 50px 0px 10px 10px;
}

.navigation a {
    color: #414141;
}


/* Text CSS */

.textMain {
    font: 400 14px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #2d2f2f;
}

.textMain a {
    color: #141414;
}

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

.textMain h1 {
    font: 600 34px/40px 'Roboto', sans-serif;
    color: #004974;
    text-align: left;
}

.textMain h1 span {
    font: 400 20px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #427ab8;
}

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

.textMain h2 span {
    font: 400 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 25px/30px 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: 400 20px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #004974
}

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

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


/* Webiste Code */

header {
    background: #f7f6f5;
}

.sticky .logo {
    width: 25%;
    padding: 10px 0 10px 1%;
    vertical-align: top;
}

.sticky .call-appoint {
    float: right;
    width: 80%;
    padding: 0px 0 0 0;
}

.sticky .social-media li {
    padding: 0px 0;
    font: 400 15px/20px 'Muli', sans-serif;
}

.sticky .menu li {
    font: 400 15px/20px 'Muli', sans-serif;
}

.menu-home:before {
    content: '\E801';
    color: #000;
    font-family: 'fontello';
    position: absolute;
    left: 0;
    right: 0;
    font-size: 24px;
    margin: auto;
    top: 13px;
}

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

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

.logo {
    width: 41%;
    vertical-align: middle;
    padding: 0 0 0 1%;
}

.logo a {
    display: inline-block;
}

.call-appoint {
    vertical-align: middle;
    padding: 20px 0 0 0;
}

.social-media {
    text-align: right;
}

.social-media li {
    display: inline-block;
    font: 400 18px/24px 'Muli', sans-serif;
    color: #000;
    padding: 10px 0;
}

.social-media li a {
    color: #000;
    display: block;
    padding: 10px 10px 10px 40px;
}

.contact a {
    background: url("../images/luke-phone-number.png") no-repeat 3px center;
}

.appointment a {
    background: url("../images/luke-appointment.png") no-repeat 3px center;
}

.location a {
    background: url("../images/luke-location.png") no-repeat 3px center;
}

.menu {
    border-top: 1px solid #0289bc;
}

.menu-home {
    width: 7%;
}

.menu-about {
    width: 13%;
}

.menu-Shoulder {
    width: 16%;
}

.menu-Hip {
    width: 9%;
}

.menu-Knee {
    width: 9%;
}

.menu-referrers {
    width: 17%;
}

.menu-first {
    width: 16%;
}

.menu-contact {
    width: 13%;
}

.menu>li>a {
    border-top: 3px solid transparent;
    border-bottom: 5px solid transparent;
}

.menu>li>a:hover {
    border-top: 3px solid #005581;
    border-bottom: 5px solid #00b3f9;
}

.menu ul li a {
    padding: 10px 15px 10px 30px;
    width: 250px;
    background-color: #004974;
    color: #fff;
    border-top: 1px solid #1ea0d1;
}

.menu ul li a:hover {
    background-color: #00aae7;
}

#Banner-Container {
    background-color: #dee4eb;
    position: relative;
    z-index: 0;
}

#Banner-Container #Banner {
    height: 382px;
    min-height: 240px;
    position: relative;
    z-index: -1;
}

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

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

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

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

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

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

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

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

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

.banner-content {
    position: absolute;
    right: 10px;
    bottom: 100px;
    width: 480px;
}

.banner-head {
    font: 800 25px/30px'Muli', sans-serif;
    text-transform: uppercase;
}

.banner-sub-text {
    font: 400 18px/22px'Muli', sans-serif !important;
    margin: 10px 0px 22px 0px;
}

.banner-content .read-all {
    font: 14px/18px 'Muli', sans-serif !important;
    text-decoration: none;
    color: #000;
    border: 2px solid #000;
    display: inline-block;
    padding: 7px 18px 8px 14px;
}

.clr-white.banner-content .read-all {
    border: 2px solid #fff;
}

.banner-content.clr-white .banner-head,
.banner-content.clr-white .banner-sub-text,
.banner-content.clr-white .read-all {
    color: #fff;
}

#Banner-Container-S #Banner2 .banner-content {
    bottom: 40px !important;
}

.mail a {
    background: url("../images/mail-icn.png") no-repeat 12px center;
}

.form a {
    background: url("../images/form-rhhs.png") no-repeat 12px center;
}

.time a {
    background: url("../images/time-icn.png") no-repeat 12px center;
}

.form a:hover {
    background: url("../images/form-normal.png") no-repeat 12px center;
}


/* .rhs-slides li a { */


/* display: block; */


/* width: 46px; */


/* height: 36px; */


/* background-color: red; */


/* } */

.rhs-slides {
    position: fixed;
    top: 54%;
    right: 0;
    z-index: 9999999;
}


/*#Banner-Container-S .rhs-slides {
	 position: absolute; */


/* top: 29%; */


/* right: -4%; */


/* z-index: 999; 
	position: fixed;
	right: 60px;
	z-index: 9999999;
	top: 30%;
}*/

.rhs-slides li a {
    position: relative;
    display: block;
    width: 40px;
    height: 35px;
    background-color: #005581;
    border-bottom: 1px solid #000;
}

.rhs-slides li a:hover {
    background-color: #00aeef;
}

.rhs-slides li:last-child a {
    border: none;
}

.rhs-slides li span {
    font: 16px/20px 'Muli';
    color: #fff;
    display: none;
    transition: all .4s ease;
    width: 100px;
}

.rhs-slides a:hover::before {
    position: absolute;
    background: #005581;
    padding: 7px 10px;
    color: #fff;
    width: 100px;
    font: 400 12px/21px 'Muli', sans-serif;
    letter-spacing: 1px;
    text-align: center;
}

.mail a:hover::before {
    content: '\Tell a Friend';
    left: -122px;
    width: 100px;
}

.form a:hover::before {
    content: '\Referral Forms ';
    left: -122px !important;
    width: 100px;
}

.time a:hover::before {
    content: '\Open Hours';
    left: -122px;
    width: 100px;
}

#Banner-Container-S {
    background-color: #dee4eb;
}

#Banner-Container-S #Banner {
    height: 243px;
    min-height: 243px;
}

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

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

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

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

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

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

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

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

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

#Footer-Container {
    background: url("../images/footer-bg.jpg") no-repeat center top #014e78;
    /* height: 419px; */
}

.sticky {
    background: #fff;
}


/* Footer */

footer {
    background: url(../images/footer-bg.jpg) no-repeat center top #024e79;
}

footer .foot-head {
    color: #fff;
    font: 400 18px/20px 'Open Sans';
    text-transform: uppercase;
    padding: 30px 0;
    letter-spacing: 1px;
}

.lists-footer {
    font: 400 13px/23px 'Open Sans';
    color: #fff;
    letter-spacing: 0.5px;
}

.lists-footer a {
    color: #fff;
}

.lists-footer label {
    width: 80px;
    display: inline-block;
}

.footer-social-btm {
    padding: 0 0 10px 0;
}

.footer-social-btm li {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    margin: 0 0 10px 0;
    position: relative;
    font: 400 17px/24px 'Muli', sans-serif;
}

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

.footer-social-btm li a:before {
    position: absolute;
    font-family: 'fontello';
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 3px;
    font-size: 17px;
}

.footer-social-btm .fb a:before {
    content: '\F09A';
}

.footer-social-btm .twitter a:before {
    content: '\F099';
}

.footer-social-btm .youtube a:before {
    content: '\F167';
}

.footer-social-btm .googleplus a:before {
    content: '\F30F';
}

.footer-social-btm .linkedin a:before {
    content: '\F0E1';
}

.footer-grid>div {
    padding: 0 1% 30px 1%;
}

.copyrights {
    padding: 10px 0;
    color: #000;
    font: 300 14px/20px 'Open Sans';
}

.ypo-img {
    padding: 10px 0 0 0;
}

#newsearch input {
    display: inline-block;
    vertical-align: top;
    transition: 0.7s all ease;
}

.form-input {
    background: none;
    height: 30px;
    border: 1px solid #50cffe;
    padding: 0px 10px;
    color: #000;
    font: 300 14px/15px 'Arimo', sans-serif;
    outline: none;
    width: 70%;
    max-width: 200px;
    margin: 0 0 20px 0;
}

#newsearch .form-input:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#newsearch .form-input:focus {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.web-search-btn {
    background: url(../images/search-ico.png) no-repeat center center #50cffe;
    border: none;
    height: 30px;
    width: 30px;
    margin: 0 0 0 -4px;
}

#newsearch input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

#newsearch input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

#newsearch input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

#newsearch input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}


/*footer*/

#patient-quality {
    background-color: #0da0d6;
}

.knee {
    background: url(../images/knee-icnn.png)no-repeat center 0;
}

.knee:hover {
    background: url(../images/knee-icnn-hover.png)no-repeat center 0;
}

.shoulder {
    background: url(../images/shoulder-icnn.png)no-repeat center 0;
}

.shoulder:hover {
    background: url(../images/shoulder-icc-hover.png)no-repeat center 0;
}

.hip {
    background: url(../images/hip-icnn.png)no-repeat center 0;
}

.hip:hover {
    background: url(../images/hip-icnn-hover.png)no-repeat center 0;
}

.sports {
    background: url(../images/sports-icnn.png)no-repeat center 0;
}

.sports:hover {
    background: url(../images/sport-icnn-hover.png)no-repeat center 0;
}

.arthrities {
    background: url(../images/athritis-icnn.png)no-repeat center 0;
}

.arthrities:hover {
    background: url(../images/athritis-icnn-hover.png)no-repeat center 0;
}

#patient-quality-inside {
    position: relative;
    top: -75px;
}

#patient-quality-inside li a {
    font: 500 17.5px/25px'Roboto', sans-serif;
    color: #fff;
    padding: 160px 0px 40px 0px;
    display: block;
}

#patient-quality-inside li a span {
    background: url(../images/arrow-straight.png) no-repeat bottom center;
    height: 16px;
    display: block;
}

.quality-text-1 {
    height: 243px;
}

.quality-text p {
    font: 400 20px/28px 'Roboto', sans-serif;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.quality-text {
    padding: 40px 10px;
    border-top: 1px solid #86d0eb;
}

#luke-mooney-profile {
    background: url(../images/railban.png) no-repeat center #f1f1f1;
    padding-top: 20px;
    height: 468px;
}

.meet {
    font: 400 32px/40px'Open Sans', sans-serif;
    color: #004974;
}

.deatils-inside h1 {
    font: 900 50px/55px 'Roboto', sans-serif;
    color: #004974;
}

.deatils-inside h1 span {
    font: 400 18px/24px 'Muli', sans-serif;
    display: block;
    color: #000;
}

#your-care {
    background: #16648d;
}

.light {
    font: 300 16px/22px 'Roboto', sans-serif;
    color: #242424;
    text-align: left;
    margin: 12px auto;
}

.blue-image {
    background: url(../images/triangleee.png) no-repeat 0px 0px;
    width: 147px;
    height: 148px;
    position: absolute;
    bottom: 0px;
    right: -86px;
}

.view-profile {
    background: url(../images/blacl-arrow.png) no-repeat 90% center;
    display: block;
    border: 2px solid #0da0d6;
    width: 200px;
    padding: 10px;
    font: 15px/ 23px'Roboto', sans-serif;
    color: #000;
    margin: 30px 0px;
}

#your-care-inside {
    height: 400px;
}

.yourcare {
    background: url(../images/your-care-bg.jpg) no-repeat center top;
    background-size: cover;
}

.joint-pain {
    background: url(../images/joint-pain-bg.jpg) no-repeat center top;
}

.yourcare h2 {
    font: 800 32px/40px'Muli', sans-serif;
    background: url(../images/blue-border.png) no-repeat left center;
    color: #fff;
    padding-left: 20px;
    margin: 40px 0 30px 0;
}

#your-care-inside .theme-L {
    background: url(../images/your-care-bg-l.jpg) no-repeat right top;
}

#your-care-inside .theme-R {
    background: url(../images/joint-pain-bg-r.jpg) no-repeat left top;
}

.yourcare li {
    font: 300 19px/28px 'Roboto', sans-serif;
    margin: 10px 0px;
    padding: 0px 0px 0px 30px;
    background: url(../images/dot.png) no-repeat left center;
    color: #fff;
}

.joint-pain {
    padding-left: 60px;
}

.joint-pain h3 {
    font: 800 32px/40px'Muli', sans-serif;
    background: url(../images/blue-border.png) no-repeat left center;
    color: #fff;
    padding-left: 20px;
    margin: 40px 0 0 0;
}

.under {
    font: 16px/ 23px'Roboto', sans-serif;
    color: #FFF;
    padding: 0 0 20px 20px;
}

.joint-pain li {
    font: 300 18px/28px 'Roboto', sans-serif;
}

.joint-pain li a {
    color: #fff;
    display: block;
    background: url(../images/list-style.png) no-repeat 5px center;
    padding: 10px 0px 10px 30px;
}

.patient {
    font: 300 32px/44px 'Roboto', sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 30px;
}

#patient-resource-inside li {
    display: inline-block;
    position: relative;
    margin: 15px 2%;
    width: 180px;
    transition: 0.8s all ease;
}

#patient-resource-inside ul {
    text-align: center;
    margin: 0px auto;
}

#patient-resource-inside li a {
    display: block;
    font: 300 18px/24px'Muli', sans-serif;
    color: #000;
    height: 100%;
    z-index: 9;
    position: relative;
}

#patient-resource-inside li span {
    position: relative;
    padding: 140px 0 0 0;
    display: block;
}

.first {
    background: url(../images/fvg-ico.png)no-repeat center 10px;
}

.formm {
    background: url(../images/forms-and-downloads-ico.png)no-repeat center 10px;
}

.payment {
    background: url(../images/payment-options-ico.png)no-repeat center 10px;
}

.urgent {
    background: url(../images/urgent-appointment-ico.png)no-repeat center 10px;
}

.first:hover {
    background: url(../images/fvg-ico-h.png)no-repeat center 10px;
}

.formm:hover {
    background: url(../images/forms-and-downloads-ico-h.png)no-repeat center 10px;
}

.payment:hover {
    background: url(../images/payment-options-ico-h.png)no-repeat center 10px;
}

.urgent:hover {
    background: url(../images/urgent-appointment-ico-h.png)no-repeat center 10px;
}

#patient-resource {
    padding: 30px 0px 40px 0;
}

#form-section {
    background: url("../images/form-sec-ban.jpg") no-repeat center #12b0e9;
    height: 300px;
    padding: 50px 0px;
}

.patient-form {
    font: 300 32px/38px 'Roboto', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.patient-form span {
    display: block;
    font: 300 16px/24px 'Roboto', sans-serif;
    padding-top: 6px;
    text-transform: none;
}

#map-section {
    background: url("../images/map-section-ban.jpg") no-repeat center #d0d0d0;
    height: 530px;
}

#am-i-candidate {
    background-color: #f0f0f0;
    padding: 90px 15px;
    position: relative;
}

.cell {
    background-color: #00aae7;
    position: relative;
    height: 330px;
    border: 12px solid transparent;
    border-image-outset: 2;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    /* min-height: 400px; */
    /* margin: 2px; */
    -webkit-border-image: url(../images/borborder.png) 30 round;
    -o-border-image: url(../images/borborder.png) 30 round;
    border-image: url(../images/borborder.png) 3 round;
}

.sholder .cell1 {
    background: url("../images/shoulder-white.png") no-repeat 45px 60px;
    min-width: 300px;
}

.hip2 .cell1 {
    background: url("../images/hip-white.png") no-repeat 45px 60px;
    min-width: 300px;
}

.knee-2 .cell1 {
    background: url("../images/knee-white.png") no-repeat 45px 60px;
    min-width: 300px;
}

.am {
    font: 800 34px/42px 'Muli', sans-serif;
    color: #fff;
    position: absolute;
    top: 131px;
    left: 153px;
    background: url(../images/boder-white.png) no-repeat 0px 0px;
    background-position: 96% 94%;
}

.am a {
    color: #fff;
}

.am-i-candidate-inside {
    position: relative;
}

.sliders {
    position: relative;
}

.Banner-1_nav.prev span {
    display: none;
}

.Banner-1_nav.next span {
    display: none;
}

.Banner-1_nav.prev {
    background: #002856 url("../images/blue-right.png") no-repeat 7px center;
    width: 45px;
    height: 46px;
    position: absolute;
    z-index: 999;
    right: 0px;
    bottom: 0px;
    padding: 10px;
}

.Banner-1_nav.next {
    background: #002856 url(../images/blue-left.png) no-repeat 10px center;
    width: 45px;
    height: 46px;
    position: absolute;
    z-index: 999;
    right: 45px;
    bottom: 0px;
    padding: 10px;
}

.side-scroll_nav.prev span {
    display: none;
}

.side-scroll_nav.next span {
    display: none;
}

.side-scroll_nav.prev {
    background: #002856 url("../images/blue-right.png") no-repeat 7px center;
    width: 30px;
    height: 46px;
    position: absolute;
    z-index: 999;
    right: -9px;
    bottom: -9px;
    padding: 10px;
}

.side-scroll_nav.next {
    background: #002856 url(../images/blue-left.png) no-repeat 4px center;
    width: 30px;
    height: 46px;
    position: absolute;
    z-index: 999;
    right: 21px;
    bottom: -9px;
    padding: 10px;
}

.cell span {
    font: 200 28px/35px'Muli', sans-serif;
    display: block;
}

.iam {
    font: 300 16px/26px 'Roboto', sans-serif;
    color: #fff;
    padding-top: 60px;
    width: 90%;
    margin: auto;
}

.read {
    font: 900 16px/23px'Roboto', sans-serif;
    color: #fff;
}

#Slider2 .cell2 {
    position: absolute;
    top: -93px;
}

.navigation a {
    font: 15px/22px'Muli', sans-serif;
    text-decoration: none;
    color: #000;
}

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

.side-specialities {
    background-color: #004974;
    font: 300 23px/28px 'Roboto', sans-serif;
    color: #fff;
    padding: 20px 15px 18px 20px;
}

.side-specialities-P {
    background-color: #0da0d6;
    font: 300 23px/28px 'Roboto', sans-serif;
    color: #fff;
    padding: 20px 15px 18px 20px;
}

.side-speciality-list li a {
    font: 500 19px/25px 'Roboto', sans-serif;
    color: #fff;
    display: block;
    padding: 34px 2px 34px 90px;
}

.side-speciality-list-2 li a {
    font: 500 19px/25px 'Roboto', sans-serif;
    color: #fff;
    display: block;
    padding: 29px 0px 29px 64px;
}

.side-speciality-list li a:hover {
    color: #000;
    background: url(../images/yelli-arrow.png) no-repeat 92px 90%;
}

.side-speciality-list-2 {
    margin: 0px;
    padding: 0px;
    background-color: #0f4061;
    text-align: left;
}

.side-speciality-list {
    margin: 0px;
    padding: 0px;
    background-color: #0da0d6;
    text-align: left;
}

.side-speciality-list li {
    border-bottom: 1px solid #34afdd;
    width: 90%;
    display: block;
    margin: 0px auto;
    transition: 0.7s all ease;
}

.side-speciality-list-2 li {
    border-bottom: 1px solid #275371;
    width: 90%;
    display: block;
    margin: 0px auto;
}

.knee-s {
    background: url(../images/knee-s.png) no-repeat 10px center;
}

.knee-s:hover {
    background: url(../images/knee-s-hover.png) no-repeat 10px center;
}

.shoulder-s {
    background: url(../images/shoulder-s.png) no-repeat 10px center;
}

.shoulder-s:hover {
    background: url(../images/shoulder-s-hover.png) no-repeat 10px center;
}

.hip-s {
    background: url(../images/hip-s.png) no-repeat 10px center;
}

.hip-s:hover {
    background: url(../images/hip-s-over.png) no-repeat 10px center;
}

.sports-s {
    background: url(../images/sports-s.png) no-repeat 10px center;
}

.sports-s:hover {
    background: url(../images/sports-s-hover.png) no-repeat 10px center;
}

.athritis-s {
    background: url(../images/arthritis-s.png) no-repeat 10px center;
}

.athritis-s:hover {
    background: url(../images/artrities-s-hover.png) no-repeat 10px center;
}

.first-s {
    background: url(../images/first-guide-s-hover.png) no-repeat 1px 15px;
}

.first-s:hover {
    background: url(../images/first-guide-s.png) no-repeat 1px 15px;
}

.form-s {
    background: url(../images/form-s-hover.png) no-repeat 1px 15px;
}

.form-s:hover {
    background: url(../images/form-s.png) no-repeat 1px 15px;
}

.payment-s {
    background: url(../images/patient-payment-s.png) no-repeat 1px 15px;
}

.payment-s:hover {
    background: url(../images/patient-s-hover.png) no-repeat 1px 15px;
}

.urgent-s {
    background: url(../images/urgent-s.png) no-repeat 1px 15px;
}

.urgent-s:hover {
    background: url(../images/urgent-s-hover.png) no-repeat 1px 15px;
}

.loc-map {
    background-color: #00aae7;
    font: 300 23px/28px 'Roboto', sans-serif;
    color: #fff;
    padding: 20px;
}

.imagee {
    padding: 1px 0px 0px 1px;
}

.maps {
    background-color: #0f4061;
}

.c-location {
    font: 700 18px/22px 'Muli', sans-serif;
    color: #55d2ff;
    border-bottom: 1px solid #1b4a69;
    padding: 20px 0px;
    text-align: center;
}

.c-list li a {
    font: 600 16px/22px 'Muli', sans-serif;
    color: #fff;
    padding: 15px 0px 15px 20px;
    display: block;
}

.c-list li {
    border-bottom: 1px solid #1b4a69;
    display: block;
}

.text-1 {
    font: 15px/22px 'Roboto', sans-serif !important;
    color: #000;
}

.sub-list li {
    font: 15px/22px 'Roboto', sans-serif !important;
    color: #000;
}

.sub-listt li {
    font: 15px/22px 'Roboto', sans-serif !important;
    color: #000;
    list-style: none;
}

.profile {
    padding: 10px;
    float: none;
    display: block;
    text-align: center;
    text-decoration: none !important;
    background-color: #015eab;
    font: 700 15px/22px 'Roboto', sans-serif;
    color: #fff !important;
}

.sub-list {
    padding: 0px;
}

.drimage {
    float: right;
    border: 5px solid #015eab;
    margin: 0px 45px;
}

.sliders {
    background: #00aae7;
    margin: 20px auto;
    position: relative;
    border: 9px solid #0000;
    border-image: url(../images/bord-blue-b.png) 3 round;
}

.sidebar-specialities-2 {
    margin: 10px auto;
}

.sliders ul li {
    margin: 20px 0px;
    height: 215px;
    border-image: url(../images/border-image.png) 30 round;
    width: 90%;
    position: relative;
}


/* .sliders ul li a{ */


/* display:block; */


/* } */

.shoulder-ss {
    background: url(../images/shoulder-white.png) no-repeat 7px 12px;
}

.knee-ss {
    background: url(../images/shoul-ovr.png) no-repeat 17px 38px;
}

.hip-ss {
    background: url(../images/hip-new.png) no-repeat 35px 52px;
}

.ia {
    font: 800 26px/32px 'Muli', sans-serif;
    color: #fff;
    padding: 60px 0px 5px 90px;
    display: block;
    background: url(../images/boder-white.png) no-repeat 0px 0px;
    background-position: center bottom;
    padding-bottom: 10px;
}

.ia span {
    font: 200 21px/28px'Muli', sans-serif;
    display: block;
}

.doctor-luke-profile {
    text-align: center;
    background-color: #004974;
    margin: 10px 0px;
    padding: 5px 0px;
}

.s-meet {
    text-align: left;
    font: 300 29px/35px 'Lato', sans-serif;
    color: #fff;
    padding: 10px 0 0 20px;
}

.luke span {
    margin-bottom: 20px;
    font: 16px/24px'Muli', sans-serif;
    display: block;
    color: #fff;
}

.luke {
    text-align: left;
    font: 700 32px/38px 'Muli', sans-serif;
    color: #fff;
    padding: 10px 0 0 20px;
}

.v-f-profile {
    font: 15px/35px 'Roboto', sans-serif;
    color: #000;
    background: url(../images/arrow-straight.png) no-repeat 96% 18px #0da0d6;
    padding: 5px 31px 5px 2px;
    display: block;
    width: 73%;
    margin: 2px 4px 14px 22px;
}

.table-cell.listu-1 ul li a {
    font: 15px/35px 'Roboto', sans-serif;
    text-decoration: none;
    list-style: disc !important;
    color: #0f4061;
}

.table-cell.listu-1 ul li {
    list-style: disc !important;
}

.table-cell.listu-2 ul li {
    list-style: disc !important;
}

.table-cell.listu-2 ul li a {
    font: 15px/35px 'Roboto', sans-serif;
    text-decoration: none;
    color: #0f4061;
}

.kneee {
    margin: 5% 20px;
    position: relative;
}

.posii-image {
    background: url(../images/knee-service-ban.png) no-repeat left top;
    height: 250px;
}

.posi-image {
    background: url(../images/knee-service.png) no-repeat 43px 32px #0da0d6;
    height: 172px;
    width: 172px;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: #004974 0px 0px 0px 8px;
}

.posii-shoulder-image {
    background: url(../images/should-service.png) no-repeat left top;
    height: 250px;
}

.posi-shoulder-image {
    background: url(../images/should-need.png) no-repeat 43px 32px #0da0d6;
    height: 172px;
    width: 172px;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: #004974 0px 0px 0px 8px;
}

.posii-hip-image {
    background: url(../images/hip-bann.png) no-repeat left top;
    height: 250px;
}

.posi-hip-image {
    background: url(../images/hipppp.png) no-repeat 43px 32px #0da0d6;
    height: 172px;
    width: 172px;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: #004974 0px 0px 0px 8px;
}

.posii-injuri-image {
    background: url(../images/injuriiii.png) no-repeat left top;
    height: 250px;
}

.posi-injuri-image {
    background: url(../images/injuu.png) no-repeat 43px 32px #0da0d6;
    height: 172px;
    width: 172px;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: #004974 0px 0px 0px 8px;
}

.posii-ath-image {
    background: url(../images/injuri-next.png) no-repeat left top;
    height: 250px;
}

.posi-ath-image {
    background: url(../images/arthibg.png) no-repeat 43px 32px #0da0d6;
    height: 172px;
    width: 172px;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: #004974 0px 0px 0px 8px;
}

.arthi {
    float: right;
    border: 6px solid #fff;
    box-shadow: #c1c1c1 0px 0px 0px 1px;
    margin: 10px 60px;
}

.text-2 {
    font: 500 15px/22px 'Roboto', sans-serif;
    font-size: 15px;
    color: #000;
}

.indi {
    font: 500 15px/22px 'Roboto', sans-serif;
    color: #004974;
}

.list-below li {
    list-style: disc;
}

.above li {
    color: #000 !important;
    list-style: disc;
}

.above li a {
    font: 15px/22px 'Roboto', sans-serif !important;
    color: #000 !important;
}

.list-below li a {
    text-decoration: none;
}

#am-i-candidate-inside li {
    display: block;
}

.footer-btm p {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    font: 400 13px/23px 'Open Sans';
    color: #fff;
}

.footer-btm p a {
    color: #fff;
}

.footer-btm {
    border-top: 1px solid #246487;
}

.footer-btm-l {
    float: left;
}

.footer-btm-r {
    float: right;
}

.service-div {
    margin: 10px 0;
    position: relative;
    text-align: center;
}

.service-div:before {
    content: '';
    height: 172px;
    width: 172px;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: #004974 0px 0px 0px 8px;
}

.shoulder-ico:before {
    background: url(../images/should-need.png) no-repeat 43px 32px #0da0d6;
}

.knee-ico:before {
    background: url(../images/knee-service.png) no-repeat 43px 32px #0da0d6;
}

.hip-ico:before {
    background: url(../images/hipppp.png) no-repeat 43px 32px #0da0d6;
}

.sm-ico:before {
    background: url(../images/injuu.png) no-repeat 43px 32px #0da0d6;
}

.service-div li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: left;
    background: url(../images/ticker.png) no-repeat 8px center;
}

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

.service-div li a {
    text-decoration: none;
}


/*----------Useful links-----------*/

.useful-links-tab {
    width: 100%;
    margin-top: 40px !important;
}

.useful-links-tab li {
    background: none !important;
    float: left;
    margin: 0 11px 20px 0;
    padding: 5px 5px !important;
    width: 48%;
    border: 1px solid #6c7074;
    vertical-align: top;
    min-height: 205px;
}

.useful-links-tab .logo-sec a {
    display: block;
}

.useful-links-tab li .logo-sec {
    text-align: center;
}

.link-tab>.link-head {
    background: #6c7074;
    font: 600 18px/21px 'Open Sans', sans-serif;
    margin: 0 0 0 0;
    padding: 9px 0;
    color: #fff !important;
    text-align: center !important;
    min-height: 60px;
}

.link-tab p {
    text-align: center;
}

.useful-linkpage #Content {
    position: relative;
}

.ypo-usefullink {
    position: absolute;
    bottom: 0;
}


/*---contact page css-----*/

.contactTable {
    position: relative;
    margin: 30px 1.5%;
    color: #fff !important;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.info-list-c {
    z-index: 99;
    background: #004880;
    padding: 20px 10px 0px 10px;
    min-height: 180px;
}

.info-list-c p {
    font: 500 16px/25px 'Open Sans', sans-serif;
}

.info-list-c p span {
    display: block;
    font: 700 20px/24px 'Open Sans', sans-serif;
    margin-bottom: 5px;
}

.info-list-c ul {
    margin: 15px 0 0 0;
    font: 500 17px/22px 'Open Sans', sans-serif;
}

.info-list-c li {
    padding: 0px !important;
    margin: 15px 0px;
    background: none !important;
}

.address-list img {
    margin-right: 8px;
}

.address-list li a,
.address-list li a:hover {
    color: #fff;
    text-decoration: none;
}

.contactTable {
    color: #fff !important;
}

.iframe-c iframe {
    width: 100%;
    height: 200px;
    border: 2px solid #ccc;
}

.general-page h2 {
    padding: 0px 0px 0px 10px !important;
    border-left: 3px solid #505050;
    margin: 20px 0px 10px 0px;
    color: #0DA0D6;
}

.general-page h3 {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.link-list {
    margin: 5% 0 0 0 !important;
}

.link-list li {
    background: #004974 !important;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 0px 0 0 !important;
    width: 47%;
}

.link-list a {
    color: #fff !important;
    display: block;
    padding: 9px 0 9px 13px;
    text-align: left;
    text-decoration: none;
}

.link-list li:hover {
    background: #0DA0D6 !important;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.file-pdf {
    float: left;
    margin: 2px 8px 0 0px;
    width: 16px;
    height: 22px;
    background: url(../images/pdf-icon.png) no-repeat scroll 0 0;
}

.profile-header span {
    font: 400 18px/25px Verdana, Arial, Helvetica, sans-serif !important;
    color: #000 !important;
}

.deatails-dr .address-c {
    display: none;
}


/*-----------Map CSS------------*/

.gm-style>div:nth-child(1)>div:nth-child(4)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2),
.gm-style>div:nth-child(1)>div:nth-child(4)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1),
.gm-style>div:nth-child(1)>div:nth-child(4)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
    display: none;
}

.gm-style .gm-style-iw {
    overflow: visible !important;
    position: relative;
    background: #004d78;
    padding: 10px;
}

.gm-style .gm-style-iw::before {
    position: absolute;
    content: '';
    left: -25px;
    top: 30%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #004d78 transparent transparent;
}

.gm-style>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(4)>div:nth-child(1) {
    background: #004d78;
}

.gm-style>div:nth-child(1)>div:nth-child(4)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(4) {
    border: none !important;
    border-radius: 0 !important;
}

.gm-style>div:nth-child(1)>div:nth-child(4)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2) {
    box-shadow: none !important;
    background-color: transparent !important;
}

.gm-style>div:nth-child(1)>div:nth-child(4)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(4) {
    width: auto !important;
}

.gm-style-iw>div:nth-child(1),
.gm-style-iw>div:nth-child(1)>div:nth-child(1) {
    width: 360px !important;
    max-width: 100% !important;
}

.gm-style>div:nth-child(1)>div:nth-child(4)>div:nth-child(4)>div:nth-child(1) {
    width: 45.3% !important;
}

.gm-style>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2),
.gm-style>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1),
.gm-style>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1),
.gm-style>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(4),
.gm-style>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(4)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2) {
    display: none;
}

.loc-l {
    float: left;
    padding: 5px 10px 0 0;
    width: 100%;
    font: 400 16px/20px 'Roboto', sans-serif;
}

.loc-name {
    font: 600 18px/25px 'Muli', sans-serif;
    color: #fff;
    margin-bottom: 5px;
}

.loc-r {
    float: left;
    width: 28%;
    padding: 0 0 0 24px;
}

.gm-style-iw .map-loc-add {
    font: 300 13px/18px 'Muli', sans-serif;
    margin: 4px 0 0px 0px;
    padding: 0 0 0 0;
    color: #fff;
}

.gm-style-iw .driving {
    font: 700 16px/22px 'Muli', sans-serif;
    color: #fff;
    margin: 15px 0 0 0px;
    clear: both;
}

.gm-style-iw .driving a {
    color: #fff;
}

.gm-style-iw .loc-l ul li .loc-ph-img {
    background: url(../images/phone-icon.png) no-repeat scroll 0px 3px;
}

.gm-style-iw .loc-l ul li .fax-img {
    background: url(../images/fax-icon.png) no-repeat scroll 0px 2px;
}

.gm-style-iw .loc-r ul {
    margin: 5px 0 0 0;
}

.gm-style-iw .loc-r li {
    font: 13px/19px 'Lato', sans-serif;
    color: #fff;
    margin: 0px 0 3px 0px;
}

.gm-style-iw .loc-r .clock-icon {
    float: left;
    width: 16px;
    height: 18px;
    margin: 0px 5px 0 0;
    background: url(../images/clock-icon.png) no-repeat scroll 0px 2px;
}

.website-search {
    width: 100%;
}

.website-search #tfq {
    background: none !important;
    border: 2px solid #50cffe !important;
    padding: 6px 3px 8px 9px;
    width: 100%;
    float: left;
    border: none;
    -webkit-padding-before: 5px !important;
    font: 300 15px/18px 'Titillium Web', sans-serif;
    color: #fff;
}

#tfq input:-webkit-autofill,
#tfq textarea:-webkit-autofill,
#tfq select:-webkit-autofill {
    background-color: transparent !important;
}

.website-search .tfbutton2 {
    background: url("../images/search-icon.png") no-repeat scroll center 0px;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 18px;
    text-indent: -999px;
    border: none;
    margin: -25px 9px 0 0px;
    -webkit-margin-before: -25px !important;
    -webkit-margin-after: 0px !important;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.foot-translator {
    width: 100%;
    padding-top: 40px;
    clear: both;
}

.foot-translator .heading-img {
    margin-bottom: 12px;
}

.goog-te-gadget-simple {
    width: 100% !important;
    background: none !important;
    padding-bottom: 0px !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border: 2px solid #50cffe !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    display: block !important;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding: 4px 0px 27px 7px;
}

.goog-te-gadget-simple .goog-te-menu-value span:first-child {
    text-decoration: none;
    float: left;
    font: 300 15px/18px 'Titillium Web', sans-serif;
    position: relative;
    color: #fff !important;
}

.goog-te-menu-value {
    margin-left: 0px;
    margin-right: 0px;
}

.goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) {
    display: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span:nth-child(5) {
    color: transparent !important;
    float: right;
    margin: 7px 10px 0px 0px;
    padding: 0 0 0 1px;
    background: url("../images/google-arrow.png") no-repeat scroll 0 0;
}

.goog-te-gadget-simple img {
    display: none !important;
}


/*-----------Easy Tabs CSS-----------*/

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

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

.textMain .kneepage .resp-tabs-list.hor_1 li {
    cursor: pointer;
    display: inline-block !important;
    vertical-align: top;
    font: 500 15px/18px 'Roboto', sans-serif;
    text-transform: uppercase;
    position: relative;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 0 15px;
    display: block;
    text-align: center;
    padding: 10px 0;
    background: #105F88 !important;
    color: #ffffff;
    padding: 15px 0px;
    border-radius: 5px;
    margin: 3px;
}

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

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

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

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

.textMain .kneepage .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #0da0d6 !important;
    color: #fff;
}

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

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

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

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

.textMain .kneepage h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

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


/*-----------Vertical tabs-----------*/

.textMain .kneepage .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 33%;
}

.textMain .kneepage .resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.textMain .kneepage .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.textMain .kneepage .resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.textMain .kneepage .resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
}

.textMain .kneepage .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

.textMain .kneepage h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

.textMain .kneepage h2.resp-tab-active {
    background: #DBDBDB;
}

.textMain .kneepage .resp-easy-accordion h2.resp-accordion {
    display: block;
}

.textMain .kneepage .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.textMain .kneepage .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
}

.textMain .kneepage .resp-jfit {
    width: 100%;
    margin: 0px;
}

.textMain .kneepage .resp-tab-content-active {
    display: block;
}

.textMain .kneepage h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
}

.textMain .kneepage .resp-tabs-list li a {
    color: #a8a8a8;
    float: left;
    text-decoration: none;
    position: relative;
    width: auto;
}

.textMain .kneepage .resp-tabs-list li a span {
    float: left;
    width: 116px;
    height: 115px;
    margin: -45px 10px 0 0;
}

.textMain .kneepage .resp-tabs-list li a:hover {
    position: relative;
    color: #37aaff;
}

.textMain .kneepage .resp-tabs-list li:hover::before {
    display: none;
}

.Wrapper.slideMenu {
    height: 100%;
}


/*mobile menu css*/

.parentMenu li a {
    font: 400 15px/24px 'Muli', sans-serif !important;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

.parentMenu li.actMenu li {
    background: #6ccdfa;
    color: #242424;
    text-transform: none !important;
}

.parentMenu li li a {
    text-transform: none;
}

.footer-social-btm div {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    margin: 0 0 10px 0;
    position: relative;
    font: 400 17px/24px 'Muli', sans-serif;
}

.footer-social-btm div a::before {
    position: absolute;
    font-family: 'fontello';
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 3px;
    font-size: 17px;
}


/*---------Knee Test CSS----------*/

.container_cont {
    margin: 30px auto 0;
    max-width: 638px;
}

.blueish {
    display: block;
    background: #004974;
    color: #fff;
    padding: 5px 20px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.blueish h2 {
    margin: 0;
    color: #fff;
    font: 700 24px/30px 'Open Sans', sans-serif;
}

.container_cont {
    margin: 30px auto 0;
    max-width: 638px;
    border: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.container_cont ul {
    padding: 0px 0px 0px 0px;
    margin: 0;
}

.container_cont ul li {
    padding: 11px 5px 5px 33px;
    background: #e4eef4 url('../images/bullet-point.png') no-repeat scroll 12px 15px;
}

.container_cont ul li:nth-child(even) {
    background: #badcee url('../images/bullet-point.png') no-repeat scroll 12px 15px;
}

.container_cont ul li span {
    margin: 0 7px 0 -16px;
    color: #fff;
}

.ypo {
    float: right;
    margin: -36px 0 0 0;
}

#submit-btn {
    width: 100px;
    padding: 8px;
    border-radius: 6px;
    border: none;
    color: #fff;
    background: #4a8aaf;
    display: inline-block;
    margin: 5px 0 5px 0;
    font: 400 15px/15px 'Open Sans', sans-serif;
    cursor: pointer;
}

.btn-list {
    background: none !important;
    padding: 0 !important;
    text-align: center;
}


/*-----------Video & Page Tabs CSS-----------*/

.landing-page ul {
    text-align: right;
}

.landing-page ul li {
    background: none !important;
    padding: 0 !important;
    display: inline-block;
    font: 400 15px/15px 'Lato', sans-serif;
}

.landing-page ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 8px 10px 8px 34px;
    border-radius: 7px;
}

.landing-page ul li a:hover {
    text-decoration: none;
    color: #dde7f4;
}

.knowmore-s a {
    background: #105F88 url(../images/plus-w-img.png) no-repeat 10px center;
}

.educationalvideo-s a {
    background: #0da0d6 url(../images/loadmove.png) no-repeat 10px center;
}


/*-----------Treatment page image CSS-----------*/

.topicimage {
    float: left;
    width: 230px;
    margin: 16px 18px 11px 0;
    border: 1px solid #ccc;
}

#Robotic-Knee-Surgery {
    background: url(../images/robotic-knee-surgery-bg.jpg) no-repeat center center;
    padding: 55px 0px;
    min-height: 711px;
    background-size: cover;
}

.robotic-top-sec h3 {
    font: 800 32px/36px 'Muli', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 0px 0px 0px 15px;
    border-left: 6px solid #0db1f0;
}

.robotic-top-sec h3 a {
    color: #fff;
}

.robotic-top-sec h3 a:hover {
    color: #fff;
    text-shadow: 1px 0px 0px #ccc;
}

.robotic-top-sec p {
    color: #f4f4f4;
    font: 300 14px/20px 'Roboto', sans-serif;
    padding: 35px 0px 20px 15px;
}

.robotic-top-sec ul li {
    color: #f4f4f4;
    font: 300 14px/20px 'Roboto', sans-serif;
    padding: 15px 0px 15px 35px;
    margin: 0px 0px 0px 0px;
    background: url(../images/robo-t-bg.png) no-repeat 20px 22px;
}

.robotic-bot-sec h4 {
    font: 500 18px/22px 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 50px 0px 20px 15px;
}

.robotic-bot-sec,
.robotic-top-sec {
    width: 40%;
}

.robotic-top-sec {
    border-bottom: 1px solid #23507b;
}

.robotic-bot-sec ul li {
    color: #f4f4f4;
    font: 300 14px/18px 'Roboto', sans-serif;
    padding: 8px 0px 10px 25px;
    margin: 0px 0px 0px 10px;
    background: url(../images/robo-b-bg.png) no-repeat 5px center;
    display: inline-block;
}


/* Media Query */

@media only screen and (max-width: 1170px) {
    .table-cell.cell2 {
        display: none;
    }
    .yourcare {
        padding-left: 5px;
    }
    #your-care-inside {
        min-height: 426px;
        padding-bottom: 20px;
    }
    #luke-mooney-profile {
        height: 465px;
    }
    .view-profile {
        margin: 20px 0px 0 0;
    }
}

@media only screen and (max-width: 940px) {
    .logo {
        width: 34%;
        padding: 0 1%;
    }
    .menu li {
        font: 400 12px/24px 'Muli', sans-serif;
    }
    .appointment a,
    .location a {
        font: 400 15px/24px 'Muli', sans-serif;
        padding: 20px 15px 15px 33px;
    }
    .contact a {
        font: 400 15px/24px 'Muli', sans-serif;
        padding: 20px 15px 15px 33px;
    }
    .table-cell.listu-1 {
        display: block;
    }
    .table-cell.listu-2 {
        display: block;
    }
    .disclimer-o {
        display: block;
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }
    .copy-right {
        display: block;
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }
    .quality-text-1 {
        height: auto;
    }
    /* .footer-menu, .footer-specialities, .footer-follow-us { */
    /* display: block; */
    /* width: 50%; */
    /* margin: 0px auto; */
    /* } */
    .menu-text {
        padding-top: 50px;
    }
    #Footer-Container {
        background-size: cover;
        height: auto;
    }
    .banner-content {
        position: absolute;
        top: initial;
        bottom: 80px;
        right: 0;
        margin: auto;
        text-align: center;
    }
    .info-list-c p span {
        font: 700 18px/24px 'Open Sans', sans-serif;
    }
    .info-list-c li {
        margin: 15px 0px 0 0;
    }
}

@media only screen and (max-width: 720px) {
    .footer-grid>div {
        padding: 0 1% 30px 1%;
        width: 49%;
        display: inline-block;
    }
    .contact a {
        font: 400 14px/24px 'Muli', sans-serif;
        padding: 20px 7px 15px 32px;
    }
    .appointment a,
    .location a {
        font: 400 14px/24px 'Muli', sans-serif;
        padding: 20px 7px 15px 32px;
    }
    .logo-imagee {
        border: 0px;
        max-width: 84%;
        vertical-align: middle;
    }
    #Banner-Container-S {
        display: none;
    }
}

@media only screen and (max-width: 860px) {
    .logo {
        display: block;
        width: auto;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .call-appoint {
        display: block;
    }
    .social-media {
        text-align: center;
    }
    .menu li a {
        padding: 10px 0;
    }
    #Banner-Container-S .rhs-slides {
        position: fixed;
        right: 6px;
        z-index: 9999999;
        top: 44%;
    }
    .table-cell.cell1 {
        display: block;
        height: auto;
        background: none;
        text-align: center;
    }
    .am {
        position: static;
    }
    .table-cell.cell3 {
        text-align: center;
        display: block;
        height: auto;
    }
    .service-div img {
        display: none;
    }
    .service-div:before {
        left: 0;
        right: 0;
        margin: auto;
    }
    .service-div ul {
        padding: 210px 0 0 0;
    }
    .service-div li {
        min-width: 300px;
    }
    #Content {
        display: block;
        width: 100%;
        margin: 0px auto;
        text-align: justify;
    }
    #Sidebar {
        display: block;
        margin: 0px auto;
    }
    .footer-btm p {
        margin: 0 0 0 5px;
        float: left;
    }
}

@media only screen and (max-width: 780px) {
    .deatils-inside h1 {
        font: 900 32px/52px 'Roboto', sans-serif;
        color: #004974;
    }
    .light {
        text-align: center;
    }
    .table-cell.image {
        display: block;
        margin: 0px auto;
        text-align: center;
    }
    #luke-mooney-profile {
        background-size: cover;
        height: auto;
    }
    .view-profile {
        margin: 4% auto;
    }
    .table-cell.deatils {
        display: block;
        margin: 0px auto;
        text-align: center;
    }
    .table-cell.joint-pain {
        display: block;
        margin: 0px auto;
        width: auto;
        padding: 0;
        background-size: cover;
    }
    .table-cell.yourcare {
        width: auto;
        display: block;
    }
    #your-care-inside {
        background-size: cover;
        height: auto;
    }
    .yourcare h2 {
        background: none;
        padding: 20px 0;
        text-align: center;
        margin: 0;
    }
    .yourcare ul {
        width: 90%;
        margin: auto;
    }
    .joint-pain ul {
        width: 90%;
        margin: auto;
    }
    .joint-pain h2 {
        margin: auto;
        background: none;
        padding: 20px 0;
        text-align: center;
    }
    .under {
        text-align: center;
        padding: 0 5px 30px 5px;
    }
    .yourcare li {
        margin: auto;
    }
    .yourcare li a {
        padding: 10px 0 10px 30px;
    }
    .joint-pain li a {
        background: url(../images/list-style.png) no-repeat 7px center;
    }
    #form-section {
        padding: 10px 0px;
    }
    header.sticky {
        position: static;
    }
    .view-profile {
        width: 222px;
    }
}

@media only screen and (max-width: 640px) {
    header {
        padding: 0 0 20px 0;
    }
    .drimage {
        float: none;
        width: 300px;
        margin: auto;
    }
    .footer-btm p {
        display: block;
        float: none;
        text-align: center;
        margin: auto;
        padding: 10px 0;
    }
    .banner-content {
        z-index: 99999;
        color: #fff;
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 90px;
    }
    .banner-content .read-all {
        color: #fff;
        border: 2px solid #fff;
    }
    .social-media li {
        padding: 4px 0;
    }
    #Banner-Container .rslides li:after {
        content: '';
        position: absolute;
        background: #00000080;
        height: 100%;
        width: 100%;
    }
    .deatails-dr h1 {
        text-align: center;
    }
    .banner-head {
        font: 800 18px/19px'Muli', sans-serif;
        text-transform: uppercase;
    }
    .banner-sub-text {
        font: 400 15px/22px'Muli', sans-serif !important;
        margin: 10px 0px 22px 0px;
    }
    .contact a {
        font: 400 12px/22px 'Muli', sans-serif;
        padding: 20px 6px 15px 32px;
    }
    .appointment a,
    .location a {
        font: 400 12px/22px 'Muli', sans-serif;
        padding: 20px 6px 15px 32px;
    }
    .info-list-c p span {
        font: 700 16px/20px 'Open Sans', sans-serif;
    }
    #form-section {
        height: 600px;
        background-size: cover;
    }
    #Robotic-Knee-Surgery {
        background: #093766;
        min-height: auto;
    }
    .robotic-bot-sec,
    .robotic-top-sec {
        width: 90%;
    }
    #sun-pop {
        width: 95% !important;
        top: 3% !important;
        padding: 10px !important;
        overflow-y: scroll !important;
    }
}

@media only screen and (max-width: 580px) {
    .contactTable {
        margin: 30px auto;
        width: 100%;
    }
    #social-logo {
        margin: 0px auto;
        width: 100%;
        text-align: center;
    }
    .footer-follow-us {
        text-align: left;
        margin: 0 0 0 34%;
    }
    .appointment a,
    .location a {
        font: 400 18px/22px 'Muli', sans-serif;
        padding: 20px 6px 15px 32px;
    }
    .contact a {
        font: 400 18px/22px 'Muli', sans-serif;
        padding: 20px 6px 15px 32px;
    }
    .logo {
        display: block;
        margin: 0px auto;
        width: 100%;
    }
    .call-appoint {
        display: block;
        text-align: center !important;
    }
    .social-media {
        text-align: center !important;
    }
}

@media only screen and (max-width: 460px) {
    .footer-grid>div {
        padding: 10px;
    }
    .foot-grid-3.table-cell,
    .foot-grid-4.table-cell {
        width: 100% !important;
    }
    .table-cell.logo {
        width: auto;
    }
    .appointment a,
    .location a {
        font: 400 18px/26px 'Muli', sans-serif;
        padding: 20px 0px 8px 30px;
    }
    .profile {
        display: none;
    }
    .drimage {
        float: right;
        border: none;
        margin: 0px;
    }
    .textMain h1 {
        font: 600 26px/40px 'Roboto', sans-serif;
        color: #004974;
    }
    .textMain h1 span {
        font: 400 15px/22px Verdana, Arial, Helvetica, sans-serif;
        color: #427ab8;
    }
}

@media only screen and (max-width: 320px) {
    #Mobile-Menu {
        position: absolute;
        top: -81px;
        right: 20px;
    }
    #Banner-Container-S .rhs-slides {
        position: fixed;
        right: 6px;
        z-index: 9999999;
        top: 54%;
    }
    .logo-imagee {
        max-width: 100% !important;
        /* padding: 0px 0px 1px -17px; */
        margin: 20px 20px 20px 0px !important;
    }
    .dr-luke {
        margin-right: -100px;
    }
    .contact a {
        background: url("../images/luke-phone-number.png") no-repeat 45px 10px;
    }
    .contact {
        display: block !important;
    }
    .patient {
        font: 300 27px/41px 'Roboto', sans-serif;
        padding: 35px 0px;
    }
    .textMain h1 {
        font: 600 20px/23px 'Roboto', sans-serif;
        color: #004974;
    }
    .textMain h1 span {
        font: 400 12px/22px Verdana, Arial, Helvetica, sans-serif;
        color: #427ab8;
    }
    .am {
        position: static;
    }
    .am {
        background-position: center 100%;
        padding-bottom: 20px;
    }
    .cell span {
        font: 200 26px/34px'Muli', sans-serif;
        display: block;
    }
}