/* ---------- Theme CSS ---------- */
#Map-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
.Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility {
    max-width: 100%;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px 1.5rem;
    position: relative;
}

/* Default Custom CSS */
.img-l {
    margin: 0px 15px 10px 0px;
}

.img-r {
    margin: 0px 0px 10px 15px;
}

.img-c {
    margin: 10px;
}

/* Selection CSS */
#Container ::selection {
    background: #CCC;
    color: #000;
}

/* ADA Icon CSS */
.adaOn span {
    background: #003263;
    color: #fff;
    border-radius: 50%;
}

/* Scroller CSS */
#Scroller a {
    background: #fff;
    border: 2px solid #000;
    color: #000;
    border-radius: 50%;
}

/* Header CSS */
#Header {
    min-height: 163px;
}

.logo {
    width: 650px;
    padding: 30px 5px 0px;
    vertical-align: middle;
}

.logo a {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.logo a:first-child {
    margin-right: 30px;
}

.logo a:last-child:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 104px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -18px;
    background: #000000;
}

.appoint {
    text-align: right;
}

.call-appoint {
    position: relative;
    font-size: 0;
    display: inline-block;
    padding: 14px 0px 0px;
}

.call-appoint li {
    text-transform: uppercase;
    color: #222020;
    text-align: left;
    margin: 20px auto;
}

.req {
    font: 600 25px/30px 'Poppins';
}

.num {
    font: 600 35px/40px 'Open Sans';
}

.call-appoint a {
    position: relative;
    padding: 2px 2px 2px 45px;
}

.call-appoint a:before {
    position: absolute;
    content: '';
    width: 32px;
    height: 32px;
    bottom: 0;
    margin: auto;
    background-image: url(../images/home-sprite.png);
    background-repeat: no-repeat;
}

.req a:before {
    background-position: 0px 3px;
    left: 0px;
    top: 0;
}

.num a:before {
    background-position: 0px -48px;
    top: 2px;
    left: 5px;
}

/* Menu CSS */
.menu {
    text-align: center;
}

.menu li {
    font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
    height: 50px;
}

.menu li a {
    padding: 15px 0px;
    color: #000;
}

.menu ul li {
    background: #CCC;
}

.menu ul li a {
    padding: 10px 15px 10px 30px;
}

.menu li.menu-home {
    width: 50px;
}

.menu-home a::before {
    font-size: 20px;
}

/* Mobile Menu CSS */
.toggleMenu {
    font: bold 16px/30px Verdana, Arial, Helvetica, sans-serif;
}

.toggleMenu a {
    border-radius: 5px;
    border: 2px solid #ccc;
}

.Wrapper {
    font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
}

/* Home Banner CSS */
.Banner-Container {
    background: url(../images/banner.jpg) no-repeat left center;
    background-size: cover;
}

.Banner {
    min-height: 434px;
}

.Banner .banner {
    min-height: 434px;
}

.drimg {
    position: absolute;
    bottom: 0;
    left: 3%;
}

/* Banner Tabs CSS */
.Menu-Tabs {
    top: -70px;
    /* left: 0; */
    right: 25%;
    margin: auto;
    min-width: 685px;
    text-align: center;
}

.Menu-Tabs li {
    display: inline-block;
    position: relative;
    color: #000;
    font: 600 22px/30px 'Poppins';
    text-transform: uppercase;
    margin: 5px 2%;
}

.Menu-Tabs li a {
    padding: 5px;
}

.Menu-Tabs li:hover,
.Menu-Tabs li.Smenu_here {
    color: #b21e3b;
}

.Menu-Tabs li::before,
.Menu-Tabs li.Smenu_here:before {
    position: absolute;
    content: '';
    width: 0%;
    left: 0%;
    bottom: 0;
    height: 5px;
    background: #2a2a2a;
    transition: 0.5s linear;
}

.Menu-Tabs li:hover::before,
.Menu-Tabs li.Smenu_here:before {
    width: 100%;
}

.Menu-Tabs li.Banner_here {
    background: ;
}

/* Banner Navigation CSS */
.Banner_nav.slidePrev {
    left: 5px;
}

.Banner_nav.slideNext {
    left: 55px;
}

.Banner_nav.slidePrev span {
    left: 0px;
}

.Banner_nav.slideNext span {
    right: 0px;
}

/* Navigation CSS */
.navigation {
    font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
    padding: 50px 0px 10px 10px;
}

/* Text CSS */
.textMain {
    padding: 10px 10px 50px 10px;
    font: normal 14px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #2d2f2f;
}

.textMain a {
    color: #141414;
}

.textMain a:hover {
    color: #0000AC;
}

.textMain h1 {
    font: 600 30px/34px Verdana, Arial, Helvetica, sans-serif;
    color: #414141;
}

.textMain h1 span {
    font: normal 20px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #4d4d4d;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 500 24px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #014cbe;
}

.textMain h2 span {
    font: normal 18px/22px 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 20px/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: normal 18px/22px Verdana, Arial, Helvetica, sans-serif;
    color: #014cbe;
}

.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
    color: #014cbe;
}

/* Sidebar CSS */
#Sidebar {
    width: 300px;
    padding: 5px 0px 20px 0px;
}

/* Footer CSS */
.social-logo {
    width: 300px;
    text-align: center;
}

.social-logo ul {
    font-size: 0px;
}

.social-logo li {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 30px;
    font-size: 20px;
}

.social-logo li a {
    width: 100%;
    height: 100%;
    display: block;
}

.ypo-logo {
    width: 120px;
    text-align: center;
}

/* Contact Page */
.contactTable {
    border-spacing: 5px;
    border: 2px solid #ccc;
}

.contactTable:hover {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}

.contact-address {
    width: 300px;
    padding: 10px;
    position: relative;
}

.contact-address p.textMainBold {
    padding: 5px 0px;
}

.contact-address p {
    position: relative;
    padding: 5px 10px 5px 30px;
}

.contact-address p::before {
    position: absolute;
    left: 5px;
    top: 5px;
}

.contact-map {
    position: relative;
}

.contact-map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    border: 0px;
}

/* Profile Schema */
.textMain .schemaTable {
    padding: 5px;
    text-align: center;
}

.textMain .schemaTitle {
    padding: 5px 10px;
    font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
}

.textMain .schemaTable ul {
    margin: 0px;
    padding: 0px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    -o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}

.textMain .schemaTable li {
    margin: 0px;
    padding: 10px;
    position: relative;
    background: none;
    border-right: 1px dotted #ccc;
    min-width: 250px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.textMain .schemaTable li:last-child {
    border-right: 0px;
}

.textMain .schemaTable p.textMainBold {
    padding: 5px 0px;
}

.textMain .schemaTable p {
    position: relative;
    padding: 5px 10px 5px 30px;
}

.textMain .schemaTable p::before {
    position: absolute;
    left: 5px;
    top: 5px;
}

/* Submit Testimonials */
.textMain .write-review {
    font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
    float: right;
    position: relative;
    border: 2px solid #ccc;
}

.textMain .write-review a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
}

.textMain .write-review a::before {
    margin-right: 15px;
}

/* Usefull Links Page */
.textMain .useFul {
    margin: 15px 0px;
    padding: 0px;
}

.textMain .useFul ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    text-align: center;
}

.textMain .useFul li {
    margin: 1%;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    min-width: 290px;
    font: 400 16px/20px 'Source Sans Pro', sans-serif;
    background: none;
    border: 2px solid #ccc;
}

.textMain .useFul li span {
    display: block;
    padding: 15px 0px;
    background: #ccc;
    margin: 0px 0px 15px 0px;
}

.textMain .useFul li img {
    margin: 10px 0px;
}

.textMain .useFul li a {
    display: block;
    padding: 5px;
    text-decoration: none;
}

/* Relative List */
.textMain .relList li {
    border: 2px solid #ccc;
}

.textMain .relList li a {
    padding: 5px 15px;
}



#Menu-tabs {
    background: #b21e3b;
    min-height: calc(100Vh - 163px);
}

/*#Menu-lst {
    min-height: 483px;
}*/
.tab-cntnt {
    min-height: 917px;
}

.all-dr {
    color: #fff;
}

.abt-dr {
    padding: 79px 3% 15px;
}

.abt-dr,
.drint {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.abt-dr {
    width: 40%;
}

.drint {
    width: 59%;
    padding: 135px 3% 15px;
}

.drint:before {
    position: absolute;
    content: '';
    background: #666666;
    width: 2px;
    height: 276px;
    top: 135px;
    left: 0;
}

.abt-dr h1 {
    font: 700 50px/55px 'Poppins';
    text-transform: uppercase;
    margin-bottom: 40px;
}

.abt-dr li {
    position: relative;
    padding: 2px 2px 2px 22px;
    font: 500 23px/30px 'Poppins';
}

.abt-dr li:before {
    position: absolute;
    content: '';
    border-left: 8px solid #fff;
    border-right: 0px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: 0;
    top: 8px;
}

.drint p {
    font: 500 24px/50px 'Poppins';
}

.video-bg {
    position: absolute;
    right: 10%;
    /*top: -89.7%;*/
    top: 0;
    width: 874px;
    z-index: 9;
}

.video-bg:before {
    position: absolute;
    content: '';
    background: url(../images/videobg.png) no-repeat center;
    width: 100%;
    height: 557px;
    top: 0;
    left: 0;
}

.video-bg iframe {
    background: #fff;
    min-height: 504px;
    width: 100%;
}

.contact-hd {
    font: 700 45px/50px 'Poppins';
    text-transform: uppercase;
    margin-bottom: 41px;
}

.add {
    width: 32%;
    padding: 79px 2% 15px 3%;
}

.add,
.map {
    position: relative;
}

.map {
    padding: 156px 2% 15px;
}

.iu-add {
    font: 700 32px/40px 'Poppins';
    text-transform: uppercase;
    margin-bottom: 23px;
}

.str {
    font: 400 26px/32px 'Poppins';
    margin-bottom: 23px;
}

.get-d a {
    display: inline-block;
    font: 600 22px/28px 'Poppins';
    text-transform: uppercase;
}

.ser-hd {
    font: 700 40px/45px 'Poppins';
    padding: 45px 2% 46px 20%;
    text-transform: uppercase;
}

#Slider1 > li {
    width: 100%;
}

.ser-lst {
    font-size: 0;
    max-width: 1920px;
    margin: auto;
    text-align: center;
}

.ser-lst > li {
    display: inline-block;
    position: relative;
    width: 25%;
    vertical-align: top;
    text-align: center;
    min-height: 347px;
    padding: 40px 10px 20px;
}

.ser-lst li a {
    display: inline-block;
    margin: 5px;
}

.ser-lst li li {
    font: 400 22px/27px 'Poppins';
    margin: 6px;
}

.ser-lst p {
    font: 400 22px/35px 'Poppins';
    width: 85%;
    margin: 5px auto;
}

.tpc-hd {
    font: 700 32px/38px 'Poppins';
    text-transform: uppercase;
    margin-bottom: 23px;
}

.shoulder {
    background: url(../images/shoulder-bg.jpg) no-repeat center;
}

.sportmed {
    background: url(../images/sports-medicine.jpg) no-repeat center;
}

.knee {
    background: url(../images/knee-bg.jpg) no-repeat center;
}

.workers {
    background: url(../images/workers-compensation-bg.jpg) no-repeat center;
}







@media screen and (max-width : 1899px) {
    .abt-dr {
        padding: 79px 2% 15px;
    }

    .abt-dr h1 {
        font-size: 2.63Vw;
        line-height: 3.3Vw;
    }

    .tpc-hd {
        font-size: 1.7Vw;
        line-height: 2.1Vw;
    }

    .ser-lst p {
        font: 400 21px/34px 'Poppins';
    }

    .ser-lst li li {
        font: 400 21px/27px 'Poppins';
    }

    .contact-hd {
        font-size: 2.4Vw;
        line-height: 3Vw;
    }

    .iu-add {
        font-size: 1.7Vw;
        line-height: 2.1Vw;
    }

    .str {
        font: 400 25px/32px 'Poppins';
    }
}

@media screen and (max-width : 1799px) {
    .call-appoint {
        display: block;
        padding: 30px 0px 0px;
    }

    .call-appoint li {
        display: inline-block;
        vertical-align: bottom;
        margin: 5px 1%;
    }

    .Menu-Tabs {
        right: 1%;
        text-align: right;
    }

    .abt-dr li {
        font: 500 22px/30px 'Poppins';
    }

    .drint p {
        font: 500 23px/49px 'Poppins';
    }

    .video-bg {
        right: 5%;
    }

    .req {
        font: 600 24px/30px 'Poppins';
    }

    .num {
        font: 600 34px/40px 'Open Sans';
    }

    .tpc-hd {
        font-size: 1.6Vw;
    }

    .str {
        font: 400 24px/31px 'Poppins';
    }

    .get-d a {
        font: 600 21px/27px 'Poppins';
    }
}

@media screen and (max-width : 1699px) {
    .abt-dr li {
        font: 500 21px/29px 'Poppins';
    }

    .drint p {
        font: 500 22px/48px 'Poppins';
    }

    .req {
        font: 600 23px/29px 'Poppins';
    }

    .num {
        font: 600 33px/39px 'Open Sans';
    }

    .ser-lst > li {
        background-size: cover;
        padding: 40px 10px 10px;
    }
}

@media screen and (max-width : 1599px) {
    .video-bg {
        right: 1%;
    }

    .abt-dr h1 {
        font-size: 2.75Vw;
        line-height: 3.35Vw;
    }

    .drint p {
        font: 500 21px/47px 'Poppins';
    }

    .abt-dr li {
        font: 500 20px/28px 'Poppins';
    }

    .ser-lst p {
        font: 400 20px/33px 'Poppins';
    }

    .tpc-hd {
        margin-bottom: 18px;
    }

    .str {
        font: 400 23px/30px 'Poppins';
    }

    .get-d a {
        font: 600 20px/26px 'Poppins';
    }
}

@media screen and (max-width : 1499px) {
    .drimg {
        left: 1%;
    }

    .req {
        font: 600 22px/28px 'Poppins';
    }

    .num {
        font: 600 32px/38px 'Open Sans';
    }

    #Header {
        padding: 0px 0.5rem;
    }

    .ser-lst p {
        width: 95%;
    }

    .ser-lst li li {
        font: 400 19px/26px 'Poppins';
    }

    .iu-add {
        font-size: 1.8Vw;
        line-height: 2.2Vw;
    }

    .contact-hd {
        font-size: 2.42Vw;
    }

    .str {
        font: 400 22px/29px 'Poppins';
    }
}

@media screen and (max-width : 1399px) {
    .video-bg::before {
        display: none;
    }

    .video-bg {
        width: 58%;
        min-height: 435px;
    }

    .video-bg iframe {
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        border: 5px solid #1a1a1c;
        min-height: auto;
        top: 0;
    }

    .Menu-Tabs li {
        font: 600 20px/30px 'Poppins';
    }

    .drint p {
        font: 500 20px/46px 'Poppins';
    }

    .abt-dr li {
        font: 500 19px/28px 'Poppins';
    }

    .req {
        font: 600 21px/27px 'Poppins';
    }

    .num {
        font: 600 31px/37px 'Open Sans';
    }

    .ser-lst p {
        font: 400 18px/33px 'Poppins';
    }

    .ser-lst li li {
        font: 400 18px/25px 'Poppins';
        margin: 6px auto;
    }
}

@media screen and (max-width : 1299px) {
    .drint p {
        font: 500 19px/45px 'Poppins';
    }

    #Header {
        padding: 0px 5px;
    }

    .logo a:first-child {
        margin-right: 20px;
    }

    .logo a:last-child::before {
        left: -15px;
    }

    .drint {
        width: 55%;
    }

    .abt-dr {
        width: 44%;
        padding: 60px 2% 15px;
    }

    .abt-dr h1 {
        font-size: 3.1Vw;
        line-height: 3.5Vw;
    }

    .video-bg {
        width: 54%;
        top: 6%;
    }

    .Menu-Tabs {
        right: auto;
        text-align: center;
        position: relative;
        top: auto;
        background: #fff;
        border-top: 2px solid #b31e3c;
    }

    .appoint {
        vertical-align: middle;
    }

    /*.tab-cntnt {
        min-height: 950px;
    }*/
}

@media screen and (max-width : 1199px) {
    .abt-dr {
        padding: 45px 1% 15px;
    }

    .abt-dr h1 {
        margin-bottom: 20px;
    }

    .drint {
        padding: 75px 2% 15px;
    }

    .drint p {
        font: 500 18px/42px 'Poppins';
    }

    .video-bg {
        width: 50%;
        top: 8%;
        min-height: auto;
        padding: 30% 0 0;
    }

    .ser-lst > li {
        width: 40%;
        min-height: 290px;
    }

    .tpc-hd {
        font-size: 25px;
        line-height: 30px;
    }

    .add {
        width: 35%;
    }

    .contact-hd {
        font-size: 2.9Vw;
        line-height: 3.3Vw;
    }

    .str {
        font: 400 20px/27px 'Poppins';
    }

    .iu-add {
        font-size: 2Vw;
        line-height: 2.5Vw;
    }

    .add {
        padding: 79px 1% 15px 1%;
    }
}

@media screen and (max-width : 1023px) {
    #Header {
        min-height: auto;
    }

    .logo {
        width: 640px;
        padding: 15px 0px;
    }

    .req {
        font: 600 19px/25px 'Poppins';
    }

    .num {
        font: 600 29px/35px 'Open Sans';
    }

}

@media screen and (max-width : 959px) {
    #Header .table-cell {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0px 5px;
    }

    .call-appoint {
        padding: 0;
    }

    .abt-dr,
    .drint {
        width: 100%;
        margin: 10px auto;
    }

    .abt-dr {
        padding: 30px 10px 10px;
    }

    .drint {
        padding: 10px;
    }

    .abt-dr h1 {
        font-size: 40px;
        line-height: 45px;
    }

    /*.tab-cntnt {
        min-height: 1000px;
    }*/

    .drimg {
        left: -2%;
    }

    .drint p {
        font: 500 17px/39px 'Poppins';
    }

    .abt-dr li {
        font: 500 17px/28px 'Poppins';
    }

    .Menu-Tabs {
        min-width: auto;
    }

    .ser-lst > li {
        width: 45%;
    }

    .ser-hd {
        padding: 20px;
        text-align: center;
    }

    .cont-tbl .table-cell {
        display: block;
        width: 100%;
        margin: 10px auto 20px;
    }

    .add {
        padding: 35px 10px 10px;
    }

    .map {
        padding: 5px 10px;
    }

    .contact-hd {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .iu-add {
        font-size: 20px;
        line-height: 25px;
    }

    .str {
        font: 400 19px/27px 'Poppins';
        margin-bottom: 15px;
    }
}

@media screen and (max-width : 859px) {
    .drimg {
        left: -8%;
    }

    .ser-lst > li {
        width: 50%;
        min-width: 375px;
    }
}

@media screen and (max-width : 768px) {
    .drimg {
        left: 12%;
    }

    .video-bg {
        width: 80%;
        top: auto;
        min-height: auto;
        padding: 50% 0 0;
        position: relative;
        margin: 25px auto 10px;
    }

    /*.tab-cntnt {
        min-height: 1400px;
    }*/

    .ser-lst > li {
        margin: 5px;
        width: 45%;
    }

    .ser-lst {
        padding: 15px 0px;
    }

    #Menu-tabs {
        min-height: auto;
        padding: 5px 0px 0px;
    }
}


@media screen and (max-width : 640px) {

    /* Menu CSS */
    #Main-Menu {
        display: none;
    }

    #Mobile-Menu {
        display: block;
    }

    #Content,
    #Sidebar {
        display: block;
    }

    #Sidebar {
        margin: 0px auto;
    }

    .contactTable .table-cell {
        display: block;
        width: 100%;
    }

    .contact-address {
        border-radius: 10px 10px 0px 0px;
    }

    .contact-map {
        height: 250px;
        border-radius: 0px 0px 10px 10px;
    }

    .textMain .useFul li {
        width: 95%;
    }

    .textMain .schemaTable .table-cell {
        display: block;
        margin: 0px auto;
    }

    .drimg {
        left: 8%;
    }

    .Menu-Tabs li {
        font: 600 18px/27px 'Poppins';
    }

    .logo a:last-child::before {
        display: none;
    }

    .logo a,
    .logo a:first-child {
        margin: 12px auto 2px;
    }

}

@media screen and (max-width : 480px) {
    .drimg {
        left: 0;
        max-width: 300px;
        margin: auto;
        right: 0;
    }

    .Banner .banner,
    .Banner {
        min-height: 300px;
    }

    .ser-lst > li {
        min-width: 300px;
    }
}
