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

#Map-Container,
#Doctors-container,
#Credibility-container,
#Map-container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
#Doctors-intra,
#Map-intra,
#Credibility-intra {
    max-width: 1100px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/* Header CSS */

.ada-off span {
    background: url(../images/accessible-b.png) no-repeat center center #00ffff;
}

.ada-hide a {
    background: #0ff;
    color: #000;
}

.logo a {
    display: inline-block;
    margin: 7.5% 0px;
}

.appoint a {
    display: inline-block;
    background: url("../images/phone-icon.jpg") no-repeat left center;
    padding: 0px 0px 0px 53px;
}

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

.appoint {
    font: 700 26px/32px 'Roboto', sans-serif;
    color: #202020;
    display: inline-block;
    margin-right: 10px;
}
#Corona-Container{
    background: #5dacda;
}
#Corona-intra {
    text-align: center;
    font: 600 23px/29px 'Roboto', sans-serif;
    color: #fff;
    padding: 10px 0;
}
#Corona-intra ul {
    text-align: center;
}
#Corona-intra ul li {
    text-align: center;
    vertical-align: top;
    background: #fff;
    border-radius: 15px;
    margin: 15px 10px 0 10px;
    display: inline-block;
    padding: 0px 25px;
}
#Corona-intra ul li:hover{
    background: #003c78;
}
#Corona-intra ul li a {
    display: block;
    font: 600 18px/23px 'Roboto', sans-serif;
    color: #5dacda;
    padding: 7px 0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
#Corona-intra ul li a:hover{
    color: #fff;
}
/* Menu CSS */

.toggleMenu a {
    color: #fff;
}

.menuClose {
    display: none;
}

nav {
    background: #003c78;
}

.menu li {
    height: 49px;
    color: #fff;
    text-transform: uppercase;
    font: 700 17px/25px 'Roboto', sans-serif;
}

.menu li a {
    padding: 12px 0px;
}

.menu>li {
    background: url("../images/menu-border.jpg") no-repeat right center;
}

.menu>li:hover {
    background: #0364c4 url("../images/menu-border.jpg") no-repeat right center;
    transition: 0.7s ease all;
}

.menu>li:last-child {
    background-image: none;
}

.menu li li {
    background: rgba(0, 60, 120, 0.8);
    font: 700 14px/22px 'Lato', sans-serif;
    text-transform: none;
    min-width: 220px;
}

.menu li li:hover {
    background: rgba(3, 100, 196, 1);
    transition: 0.5s ease all;
}

.menu-home {
    width: 16%;
    font-size: 0px !important;
}

.menu-team {
    width: 24%;
}

.menu-services {
    width: 19%;
}

.menu-appointment {
    width: 23%;
}

.menu-contact {
    width: 18%;
}

.menu-home a::before {
    font-size: 20px;
}

.menu-home a {
    width: 100%;
    height: 100%;
}

.menu-home a::before {
    vertical-align: top;
    margin: auto;
}

.menu-home span {
    vertical-align: middle;
}

.menu .menu-appointment li {
    width: 309px;
}


/* Home Banner CSS */

#Banner-Container #Banner {
    height: 530px;
}

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

#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 right top;
}

#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 right top;
}

#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;
}

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

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

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


/* Subpage Banner CSS */

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

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

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

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

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

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

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

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

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

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

#Banner-Container-S .banner4 {
    background: url(../images/banner4.jpg) no-repeat right top;
}

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

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


/* Banner Content CSS */

.banner-content {
    position: absolute;
    font: 700 36px/40px 'Roboto', sans-serif;
    color: #fff;
    text-transform: uppercase;
    left: 10%;
    top: 34%;
    padding: 15px;
    text-align: right;
}

.banner-content span {
    display: block;
}

.banner3 .banner-content {
    color: #fff;
}

.banner1 .banner-content {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.banner-services li {}

.banner1 .b-drname {
    font: 700 18px/24px 'Lato', sans-serif;
    border-bottom: 1px solid #9bb3cb;
    padding: 5px;
}

.banner1 .b-drname:last-child {
    border-bottom: none;
}

.b-drname a {
    display: block;
}

.banner1 .b-drname span {
    display: block;
    font: 400 14px/20px 'Lato', sans-serif;
    color: #434343;
    font-style: italic;
}

.banner1 .banner-services {
    position: relative;
}

.in-ser-banner {
    width: 100px;
    background: #5192d4;
    text-align: center;
    text-transform: none;
    border-radius: 5px;
    padding: 5px;
    position: relative;
    z-index: 99;
}

.hw-width {
    width: 160px;
}

.in-ser-banner:before {
    position: absolute;
    content: '';
}

.banner1 .banner-services li {
    position: absolute;
    width: 70px;
    height: 70px;
}

.banner1 .banner-services li a {
    display: block;
    height: 100%;
    position: relative;
    z-index: 9;
}

.banner1 .banner-services li.shoulder-b .in-ser-banner {
    left: -470px;
    top: -65px;
}

.banner1 .banner-services li.shoulder-b {
    top: 90px;
    left: 72%;
}

.shoulder-b .in-ser-banner::before {
    background: url("../images/shoulder-before.png") no-repeat center;
    width: 131px;
    height: 53px;
    right: -124px;
    top: 36%;
}

.banner1 .banner-services li.elbow-b {
    top: 209px;
    left: 68%;
}

.elbow-b .in-ser-banner::before {
    background: url("../images/shoulder-before.png") no-repeat center;
    width: 131px;
    height: 53px;
    right: -123px;
    top: 36%;
}

.banner1 .banner-services li.elbow-b .in-ser-banner {
    left: -448px;
    top: -30px;
}

.banner1 .banner-services li.wrist-b {
    top: 168px;
    left: 70%;
}

.wrist-b .in-ser-banner::before {
    background: url("../images/wrist-before.png") no-repeat center;
    width: 66px;
    height: 180px;
    right: -58px;
    bottom: 16px;
}

.banner1 .banner-services li.wrist-b .in-ser-banner {
    left: -373px;
    bottom: -165px;
}

.banner1 .banner-services li.hip-b {
    top: 151px;
    left: 63%;
}

.hip-b .in-ser-banner::before {
    background: url("../images/hip-before.png") no-repeat center;
    width: 79px;
    height: 140px;
    bottom: -112px;
    left: -115px;
}

.banner1 .banner-services li.hip-b .in-ser-banner {
    left: 105px;
    bottom: 90px;
}

.banner1 .banner-services li.knee-b {
    top: 225px;
    left: 60%;
}

.knee-b .in-ser-banner::before {
    background: url("../images/knee-arrow.png") no-repeat center;
    width: 105px;
    height: 71px;
    bottom: -39px;
    left: -136px;
}

.banner1 .banner-services li.knee-b .in-ser-banner {
    left: 125px;
    bottom: -50px;
}

.banner1 .banner-services li.ankle-b {
    top: 360px;
    left: 52%;
}

.ankle-b .in-ser-banner::before {
    background: url("../images/ankle-arrow.png") no-repeat center;
    width: 105px;
    height: 71px;
    bottom: -13px;
    left: -123px;
}

.banner1 .banner-services li.ankle-b .in-ser-banner {
    left: 125px;
    bottom: -50px;
}

.Banner-Tabs {
    width: 52spx;
    left: 0;
    right: 0;
    margin: auto;
}

.Banner-Tabs li {
    width: 9px;
    height: 9px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fefefe;
}

.innerSerBG {
    position: absolute;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    left: -45px;
    top: -7px;
}

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

.elbow-icn {
    background: url(../images/elbow-icn.png) no-repeat 0px 0px;
}

.hand-icn {
    background: url(../images/hand-wrist-icn.png) no-repeat 0px 0px;
}

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

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

.ankle-icn {
    background: url(../images/ankle-icn.png) no-repeat 0px 0px;
}


/* Navigation CSS */

.navigation {
    font: 500 14px/20px 'Roboto', sans-serif;
    text-transform: uppercase;
    padding: 35px 0px 5px 10px;
    color: #003c78;
}

.navigation a {
    display: inline-block;
    text-decoration: none;
    color: #363636;
    font-weight: 500;
}


/* Text CSS */

.textMain {
    font: 400 16px/26px 'Lato', sans-serif;
    color: #747474;
}

.textMain a {
    color: #227dd7;
    font-weight: 700;
    text-decoration: none;
}

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

.textMain h1 {
    font: 700 36px/42px 'Lato', sans-serif;
    color: #003c78;
    border-top: 1px solid #d3d3d3;
}

.doctors-profile .textMain h1 span {
    font-style: italic;
}

.textMain h1 span {
    font: 400 18px/24px 'Lato', sans-serif;
    color: #747474;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 600 28px/38px 'Lato', sans-serif;
    color: #878384;
}

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

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


/* Sidebar CSS */

.border {
    border-top: 1px solid #c2c2c2;
}

#Sidebar {
    width: 270px;
}

.meet-s {
    min-height: 585px;
    text-align: center;
    position: relative;
}

.meet-head-s {
    font: 700 20px/26px 'Lato', sans-serif;
    background: #003c78;
    padding: 12px 0px;
    color: #fff;
    text-transform: uppercase;
}

.dr-images-s {
    background: #003c78;
}

.specific-border {
    background: #1180c0;
    color: #fff;
    border: 1px solid #00aeef;
    min-height: 246px;
}

.dr-names-s {
    min-height: 118px;
}

.dr-names-s a {
    display: block;
    font: 700 20px/26px 'Lato', sans-serif;
    padding: 16px 3px 0px 3px;
}

.dr-names-s span {
    display: inline-block;
    font: 400 16px/22px 'Lato', sans-serif;
    font-style: italic;
}

.viewprofile-s {
    font: 400 12px/20px 'Lato', sans-serif;
    font-style: italic;
    width: 104px;
    margin: auto;
    border: 1px solid #88c0e0;
    background: #4199cd;
    margin-bottom: 10px;
}

.viewprofile-s a {
    display: block;
    padding: 6px;
}

.meet-s li {
    min-height: 534px;
}

.Doctors-s_nav span {
    display: none;
}

.Doctors-s_nav.slidePrev,
.Doctors-s_nav.slideNext {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    bottom: 20px;
    z-index: 9;
    border: 1px solid #a0cce6;
    color: #fff;
}

.Doctors-s_nav.slidePrev:before,
.Doctors-s_nav.slideNext:before {
    top: 4px;
    position: absolute;
    margin: auto;
    height: 20px;
    left: 0;
    right: 0;
}

.Doctors-s_nav.slidePrev {
    left: 38%;
}

.Doctors-s_nav.slideNext {
    right: 38%;
}


/* Footer CSS */

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

.f-menu {
    width: 40%;
}

.f-address {
    font: 300 14px/24px 'Open Sans', sans-serif;
    color: #b9bec2;
}

.f-head {
    text-transform: uppercase;
    font: 700 22px/30px 'Open Sans', sans-serif;
    color: #fff;
    padding: 40px 0px 12px 0px;
}

.f-menu-list li {
    font: 300 14px/24px 'Open Sans', sans-serif;
    color: #b9bec2;
    margin: 5px 0px;
}

.f-menu-list li a {
    display: inline-block;
}

.social-icon li {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 30px;
    font-size: 20px;
    color: #b7c0c6;
}

.social-icon {
    min-height: 85px;
}

.social-icon li a {
    width: 100%;
    height: 100%;
    display: block;
}

.social-icon li span {
    display: none;
}

.ypo-logo a {
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
}

.footer-cell {
    border-bottom: 1px solid #314d5c;
    min-height: 303px;
    position: relative;
}

.footer-cell .table-cell {
    padding: 0px 5px;
}

.copyrights {
    font: 300 14px/24px 'Open Sans', sans-serif;
    text-align: center;
    padding: 15px 0px 10px;
    color: #fff;
}

.drs-insite {
    text-align: center;
    font: 300 14px/24px 'Open Sans', sans-serif;
    color: #fff;
    /*position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;*/
}

.drs-insite a {
    display: inline-block;
    margin: 5px;
    color: #fff;
}

.drs-insite a:hover {
    color: #b9bec2;
}


/* Contact Page */

.contactTable {
    margin: 30px 0px 50px;
    border-spacing: 5px;
    box-shadow: 0px 1px 15px 10px #2E34411A;
    border-radius: 10px;
}

.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;
    color: #227dd7;
}

.contact-map {
    position: relative;
}

.contact-map iframe {
    width: 100%;
    height: 210px;
    position: relative;
    z-index: 9;
    border: 0px;
}


/* Profile Schema */

.schemaTable {
    padding: 3px;
    border: 1px solid #000;
}

.textMain .schemaTitle {
    background: #000;
    text-align: center;
    padding: 5px 10px;
    color: #fff;
    font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
}

.textMain .schemaTable .table-div {
    margin: 0px;
    padding: 0px;
    border-spacing: 3px;
}

.textMain .schemaTable .table-cell {
    margin: 0px;
    padding: 10px;
    border: 1px solid #000;
    position: relative;
    background: none;
}

.textMain .schemaTable .table-cell::before,
.textMain .schemaTable .table-cell::after {
    position: absolute;
    content: '';
}

.textMain .schemaTable .table-cell::before {
    border-right: 15px solid transparent;
    border-left: 15px solid #000;
    border-bottom: 15px solid transparent;
    left: 0px;
    top: 0px;
}

.textMain .schemaTable .table-cell::after {
    border-top: 15px solid transparent;
    border-right: 15px solid #000;
    border-left: 15px solid transparent;
    right: 0px;
    bottom: 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;
}

#Doctors-container {
    background: url("../images/doctors-bg.jpg") no-repeat top center;
}

#Doctors-intra {
    min-height: 600px;
}

.doctors-head {
    text-transform: uppercase;
    text-align: center;
    font: 900 30px/35px 'Roboto', sans-serif;
    color: #fff;
    padding: 4.5% 0px 15px 0px;
}

.doctors-head span {
    display: inline-block;
    position: relative;
}

.doctors-head span:before,
.doctors-head span:after {
    position: absolute;
    content: '';
    background: #777777;
    width: 64px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.doctors-head span:before {
    left: -28%;
}

.doctors-head span:after {
    right: -28%;
}

.doctors {
    text-align: center;
}

.doctors li {
    display: inline-block;
    margin: auto;
    vertical-align: top;
    width: 267px;
    margin: 18px 2px 10px;
}

.doctors-in {
    min-height: 481px;
    min-width: 267px;
    text-align: center;
}

.drs-name {
    background: #1180c0;
    color: #fff;
    border-left: 1px solid #00aeef;
    border-bottom: 1px solid #00aeef;
    border-right: 1px solid #00aeef;
}

.drs-name a {
    display: block;
    font: 700 20px/25px 'Lato', sans-serif;
    padding: 9px 0px 0px;
    min-height: 107px;
}

.drs-name span {
    display: block;
    font: 700 16px/21px 'Lato', sans-serif;
    font-style: italic;
}

.more-about-drs a {
    display: block;
    border: 1px solid #1180c0;
    font: 700 16px/25px 'Lato', sans-serif;
    color: #1180c0;
    padding: 10px 0px;
    margin: 15px 0px 0px;
    background: #fff;
}

.more-about-drs:hover a {
    background: #1180c0;
    transition: 0.5s ease all;
    color: #fff;
}

#Credibility-intra li {
    padding: 10px 0px;
}

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

#Credibility-intra .nbs-flexisel-nav-left,
#Credibility-intra .nbs-flexisel-nav-right {
    height: 30px;
    top: 0 !important;
    bottom: 0;
    margin: auto;
}

#Credibility-intra .nbs-flexisel-nav-left::before,
#Credibility-intra .nbs-flexisel-nav-right::before {
    color: #cccccc;
}

#Map-intra {
    min-height: 423px;
}

#Map-intra .table-cell {
    position: relative;
    height: 423px;
}

.map-add {
    background: #2194d5;
    text-align: center;
    width: 362px;
}

#Map-container {
    background: #2194d5;
}

.map {
    background: url("../images/map-bg.jpg") no-repeat left top;
}

.map .theme-R {
    background: url("../images/map-bg-r.jpg") no-repeat left top;
}

.map-head {
    font: 700 26px/32px 'Roboto', sans-serif;
    color: #fff;
    padding: 66px 0px 13px 0px;
    text-transform: uppercase;
}

.map-street {
    font: 300 22px/28px 'Roboto', sans-serif;
    color: #fff;
}

.phone {
    font: 700 22px/30px 'Open Sans', sans-serif;
    color: #fff;
    margin: 50px 0px;
}

.phone a {
    display: inline-block;
    padding: 5px 0px 5px 50px;
    background: url("../images/phone.png") no-repeat left center;
}

.map-drive a {
    display: inline-block;
    text-decoration: underline;
    font: 400 18px/24px 'Roboto', sans-serif;
    color: #fff;
    background: url("../images/direction-icon.png") no-repeat left center;
    padding: 0px 0px 0px 25px;
}


/*bryan emmerson*/

.accordion {
    margin: 10px 0px;
}

.accordead,
.textMain .accordead {
    font: 600 20px/28px 'Lato', sans-serif;
    background: #e7e5e5 url(../images/accordian-up-arrow.png) 98% center no-repeat;
    margin: 5px 0px;
    letter-spacing: 1px;
    color: #2f2f2f;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
}

.accordead a,
.textMain .accordead a {
    color: inherit;
}

.accordane,
.textMain .accordane {
    padding: 15px 10px;
    border: none;
}

.accordead,
.textMain .accordead a {
    position: relative;
    padding: 9px 0 9px 53px;
}

.textMain .accordead a:before,
.textMain .accordead a:after {
    display: none;
}

.daniel-pg .accordane p {
    padding: 0px;
}

.daniel-pg .accordane ul {
    margin: 0;
}

.daniel-pg .accordead a {
    padding: 9px 0 9px 25px;
}

.b-employ {
    background: url("../images/employment-icon.png") no-repeat 20px center;
}

.b-edu {
    background: url("../images/education-icon.png") no-repeat 20px center;
}

.b-honor {
    background: url("../images/honor-icon.png") no-repeat 20px center;
}

.b-board {
    background: url("../images/board-certified-icon.png") no-repeat 20px center;
}

.b-medical {
    background: url("../images/license.png") no-repeat 20px center;
}

.b-researcch {
    background: url("../images/research-icon.png") no-repeat 20px center;
}

.b-public {
    background: url("../images/publication-icon.png") no-repeat 20px center;
}

.b-present {
    background: url("../images/presentation-icon.png") no-repeat 15px center;
}

.textMain .accordead.show_accord {
    background: #e7e5e5 url(../images/accordian-down-arrow.png) 98% center no-repeat;
}

.accordane .textMainBold {
    color: #003c78;
    font-style: normal;
}

.accordane .textMainBold span {
    color: #747474;
    font-weight: normal;
}

.accordane p {
    font-style: italic;
}

.accordane li .table-cell p {
    margin: 0;
    padding: 0px 0px 0px 5px;
}

.years {
    width: 35%;
    text-align: center;
}

.dr-float {
    float: left;
    margin: 25px 10px 10px 0px;
    position: relative;
}


/*.bryan-img {
    width: 34%;
}*/

.dr-float:before {
    width: 98%;
    height: 100%;
    border: 3px solid #7f9dbb;
    position: absolute;
    content: '';
    left: -11px;
    top: 14px;
    z-index: -1;
}

.stevan-img {
    width: 28%;
}

.steven-specific {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    margin: 10px 0px;
}

.steven-specific-head {
    text-transform: uppercase;
    color: #003c78;
    font: 600 16px/22px 'Lato', sans-serif;
}

.textMain .steven-specific p {
    padding: 0;
    line-height: 20px;
}

.hollstien {
    line-height: 21px;
}

.textMain .empty-float {
    padding: 0;
}


/*services page*/

.services-bg {
    min-height: 144px;
    position: relative;
    font: 400 30px/35px 'Lato', sans-serif;
    color: #fff;
}

.shoulder-bg {
    background: url("../images/shoulder-bg.jpg") no-repeat right center;
}

.knee-bg {
    background: url("../images/knee-bg.jpg") no-repeat right center;
}

.hip-bg {
    background: url("../images/hip-bg.jpg") no-repeat right center;
}

.elbow-bg {
    background: url("../images/elbow-bg.jpg") no-repeat right center;
}

.hand-bg {
    background: url("../images/hand-bg.jpg") no-repeat right center;
}

.foot-bg {
    background: url("../images/foot-ankle-bg.jpg") no-repeat right center;
}

.sports-bg {
    background: url("../images/sports-medicine-bg.jpg") no-repeat right center;
}

.arthroscopic-bg {
    background: url("../images/arthroscopic-surgery-bg.jpg") no-repeat right center;
}

.orthobio-bg {
    background: url("../images/orthobiologics-bg.jpg") no-repeat right center;
}

.textMain .ser-services {
    max-width: 720px;
}

.textMain .ind-service {
    background-image: none;
    padding: 0px;
    margin: 30px 0px;
}

.textMain .ser-services .ind-service:nth-child(odd) {
    background: #5dacda;
}

.textMain .ser-services .ind-service:nth-child(even) {
    background: #0f6fa6;
}

.textMain .ser-topic-list {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding: 15px 0;
}

.textMain .ser-topic-list li {
    font: 500 17px/28px 'Lato', sans-serif;
    color: #fff;
    padding: 0;
    list-style: none;
    background: url("../images/serviceli-bg.png") no-repeat 30px 12px;
    padding: 5px 0px 5px 47px;
}


/*.textMain .ser-topic-list li:hover {
	background: url("../images/serviceli-bg-hover.png") no-repeat 30px 12px;
}
.textMain .ser-topic-list li a:hover {
	color: #030303;
}*/

.service-img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.service-img a {
    display: inline-block;
    vertical-align: middle;
}

.ser-name {
    margin-right: 20px;
}

.textMain .ser-head-i {
    font: 400 30px/35px 'Lato', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.textMain .ser-services .ind-service:nth-child(odd) .ser-head-i {
    color: #fff;
}

.textMain .ser-services .ind-service:nth-child(even) .ser-head-i {
    color: #0f6fa6;
}

.textMain .ser-services .sports-bg .service-img .ser-head-i {
    color: #0f6fa6;
}

.shoulder-bg .ser-name {
    background: url("../images/shoulder.jpg") no-repeat center;
    width: 87px;
    height: 81px;
}

.knee-bg .ser-name {
    background: url("../images/knee.jpg") no-repeat center;
    width: 87px;
    height: 85px;
}

.hip-bg .ser-name {
    background: url("../images/hip.jpg") no-repeat center;
    width: 102px;
    height: 82px;
}

.elbow-bg .ser-name {
    background: url("../images/elbow.jpg") no-repeat center;
    width: 87px;
    height: 86px;
}

.hand-bg .ser-name {
    background: url("../images/hand-wrist.jpg") no-repeat center;
    width: 87px;
    height: 78px;
}

.foot-bg .ser-name {
    background: url("../images/foot-ankle.jpg") no-repeat center;
    width: 87px;
    height: 78px;
}

.sports-bg .ser-name {
    background: url("../images/sportsmedicine.jpg") no-repeat center;
    width: 102px;
    height: 79px;
}

.arthroscopic-bg .ser-name {
    background: url("../images/arthroscopic-surgery.jpg") no-repeat center;
    width: 87px;
    height: 79px;
}

.orthobio-bg .ser-name {
    background: url("../images/orthobiologics.jpg") no-repeat center;
    width: 87px;
    height: 79px;
}


/*end of services page*/

.page-address {
    width: 320px;
    border-left: 1px solid #dedede;
    vertical-align: middle;
}

.textMain .page-address p {
    position: relative;
    padding: 5px 5px 5px 50px;
}

.textMain .page-address .textMainBold {
    padding: 5px 5px 5px 25px;
    color: #003c78;
}

.textMain .page-address p::before {
    position: absolute;
    left: 30px;
    color: #545454;
    top: 5px;
}

.loc-frame iframe {
    border: 1px solid #c4c4c4;
    width: 85%;
    height: 255px;
    margin: auto;
}

.loc-frame {
    text-align: center;
}

.pgs-loc {
    margin: 50px 0px;
}

.textMain .partners {
    text-align: center;
    margin: 50px 0px 10px 0px;
}

.textMain .partners li {
    background-image: none;
    display: inline-block;
    text-align: center;
    padding: 0px;
    position: relative;
    min-height: 350px;
    margin: 10px 4px;
    vertical-align: top;
}

.dr-in {
    border: 1px solid #dfdfdf;
    width: 255px;
    min-height: 240px;
    position: relative;
    margin: 95px auto 10px auto;
}

.retire {
    min-height: 190px !important;
}

.retired-doctor .retired-head {
    font: 700 26px/32px 'Lato', sans-serif;
    color: #003c78;
    text-align: center;
}

.retired-doctor ul {
    margin: 10px 0px 10px 0px !important;
}

.partner-img {
    padding: 10px;
    border: 1px solid #dfdfdf;
    display: inline-block;
    margin: -95px 0px 0px 0px;
    background: #fff;
}

.textMain .our-viewprofile {
    position: absolute;
    background: #227dd7;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    width: 100px;
    margin: auto;
    font-weight: 400;
}

.textMain .about-partners a {
    font-weight: 500;
    color: #000;
}

.daniel {
    width: 26%;
}

.about-daniel {
    padding-left: 20px;
    vertical-align: middle;
}

#Sidebar {
    padding: 70px 0px 20px 0px;
}

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

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

.textMain .subList li {
    border: none;
    background: #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    margin: 10px 3px;
    transition: all 150ms linear;
    box-shadow: 2px 5px 10px var(--color-smoke);
    --color-smoke: #747474;
    letter-spacing: 1px;
    width: 273px;
}

.textMain .subList li a {
    display: block;
    color: #000;
    font: 600 15px/20px 'Lato', sans-serif;
    padding: 10px;
}

.textMain .subList li:hover a {
    color: #fff;
}

.textMain .subList li:hover {
    background: #003c78;
}

.ypo-logo {
    margin: 40px 0px 0px 0px;
}

.banner-services li:hover {
    color: #003c78;
}

.accessible_on #Container * {
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    background: none !important;
    border-radius: 0 !important;
    animation: none !important;
}


/*all colors -- not a*/

.dfw-whitemode #Container:not(a) {
    color: #000 !important;
}

.dfw-blackmode #Container:not(a) {
    color: #fff !important;
}


/*disable before and after*/

.dfw-whitemode #Container::after,
.dfw-blackmode #Container::after,
.dfw-whitemode #Container::before,
.dfw-blackmode #Container::before {
    display: none !important;
}


/* anchor colors -- a */

.dfw-whitemode #Container a,
.dfw-whitemode #Container a * {
    color: #00e !important;
    text-decoration: none !important;
}

.dfw-blackmode #Container a,
.dfw-blackmode #Container a * {
    color: #fc0 !important;
    text-decoration: none !important;
}


/*menu backgrounds*/

.dfw-whitemode #Container #Main-Menu ul li ul *,
.dfw-whitemode #Container #Main-Menu ul li ul,
.dfw-whitemode #Container .parentMenu {
    background: #eee !important;
}

.dfw-blackmode #Container #Main-Menu ul li ul *,
.dfw-blackmode #Container #Main-Menu ul li ul,
.dfw-blackmode #Container .parentMenu {
    background: #333 !important;
}

.accessible_on .parentMenu li a {
    margin: 2px;
}

.accessible_on:not(.dfw-greymode) .subMenu li {
    margin: 2px 0;
}

.dfw-greymode .subMenu li {
    padding: 2px;
    margin: 0px;
}

.accessible_on #Menu-Container {
    z-index: 999;
}


/*dfw skip codes*/

.accessible_on .dfw-skip a {
    font-size: 12px !important;
    text-transform: none;
}

.accessible_on .dfw-skip {
    z-index: 999;
    display: block;
    border: 1px solid !important;
}

.accessible_on .dfw-skip {
    background: #fff !important;
}

.dfw-blackmode .dfw-skip {
    background: #000 !important;
}


/*border colors*/

.accessible_on.dfw-whitemode #Container *,
.accessible_on.dfw-greymode #Container * {
    border-color: #000 !important;
}

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


/*sidebar*/

.accessible_on #Sidebar,
.accessible_on .fixedsidebar {
    padding: 5px;
    border: 1px solid;
    margin: 0 !important;
    width: 310px;
    text-align: center;
}

.accessible_on #Sidebar,
.accessible_on .fixedsidebar {
    clear: both;
}

.accessible_on #Sidebar .dfw-skip {
    margin-right: -100px;
}


/*ADA for accordation*/

.accessible_on .accordContent,
.accessible_on .accordTitle {
    display: block !important;
    border: 1px solid !important;
}


/*content width auto*/

.accessible_on #Content {
    width: auto;
}


/*gdp format for ADA*/

.accessible_on:not(.dfw-greymode) #gdpCookie {
    background: #8a8787 !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}


/*menu icon replace with text, Menus border none and top headder code*/

.menu li.menu-home a span {
    display: none !important;
}

.accessible_on li.menu-home a span {
    display: block !important;
    font-size: 16px;
}

.accessible_on:not(.dfw-greymode) .menu * {
    border: none !important;
}


/*conatact us common and social links */

.accessible_on .contactTable {
    display: block;
    border: 0;
    box-shadow: none !important;
}

.accessible_on .contact-address {
    border: 1px solid;
    margin: 10px auto;
    display: block;
}

.accessible_on .social-logo {
    width: auto;
}


/*conatact us common end */

.accessible_on.home #Header-Container,
.accessible_on #credibility-sec {
    position: relative !important;
}

.accessible_on .abc {
    width: auto !important;
    float: none !important;
    height: auto;
    padding: 5px !important;
    clear: both !important;
    text-align: center;
}

.accessible_on .abc {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.accessible_on .abc {
    height: auto !important;
}

.accessible_on .abc {
    width: auto !important;
}

.accessible_on .abc {
    min-height: 10px !important;
    margin: 10px 0;
}

.accessible_on .f-head,
.accessible_on .map-head,
.accessible_on .map-street,
.accessible_on .f-address,
.accessible_on .copyrights{
    color: inherit;
}

.accessible_on .textMain .our-viewprofile {
	border: 1px solid #ccc;
}


/*display none items (updated commonly used clsses too)*/

.accessible_on .Banner-Tabs,
.accessible_on .contactTable .contact-map,
.accessible_on #Sidebar * br,
.accessible_on .abc {
    display: none;
}


/*commonly used ADA style for ul, li & a*/

.accessible_on #Sidebar ul,
.accessible_on #Credibility ul,
.accessible_on .tabs,
.accessible_on #qlinks ul,
.accessible_on .abc ul {
    text-align: center;
    float: none !important;
}

.accessible_on #Sidebar ul li,
.accessible_on #Credibility ul li,
.accessible_on .tabs li,
.accessible_on #qlinks ul li,
.accessible_on .abc ul li {
    display: inline-block !important;
    width: auto !important;
    border: 1px solid !important;
    height: auto;
    margin: 5px !important;
    min-height: 10px !important;
    float: none !important;
    vertical-align: top;
    min-width: 150px;
    padding: 0;
    background: none;
}

.accessible_on #Sidebar ul li a,
.accessible_on #Credibility ul li a,
.accessible_on .tabs li a,
.accessible_on #qlinks ul li a,
.accessible_on .abc ul li a {
    display: inline-block;
    padding: 10px !important;
    min-width: 250px;
    border: 0 !important;
    min-height: 10px !important;
    float: none !important;
    vertical-align: top;
    width: 280px;
    height: auto;
    background: none;
}


/*commonly used ADA style for ul, li & a end*/

#Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before,
#Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before,
.accessible_on:not(.dfw-greymode) .parentList > .dropMenu::after,
.accessible_on:not(.dfw-greymode) .parentList .subparentList > .dropMenu::after,
.accessible_on #Container * .font-icon::before {
    display: inline-block !important;
}

.accessible_on #Container .menu-home a .font-icon::before,
.accessible_on #Container .menu-home a::before,
.accessible_on #Container .social-logo ul li a::before {
    display: none !important;
}


/*grayscale for images*/

.accessible_on .logo img {
    filter: grayscale(100%) contrast(50%);
}

.accessible_on #Credibility li img {
    filter: invert(25%);
}

.accessible_on .ypo-logo {
    filter: invert(1%) !important;
}

.accessible_on.dfw-greymode .ypo-logo {
    filter: invert(1) !important;
}



/*common other code*/

.accessible_on footer .social-logo a span {
    display: block !important;
}

.accessible_on footer .social-logo ul li {
    width: auto;
}


/*common code for grey mode*/

.dfw-greymode #Container * {
    color: #000 !important;
}

.dfw-greymode footer .social-logo ul li a {
    background: none;
    color: #fff;
}

.dfw-greymode .dfw-skip a {
    color: #000;
}

.dfw-greymode #Main-Menu .menu > li:hover {
    background: none !important;
    color: #000 !important;
    border-color: #fff;
}

.dfw-greymode #Main-Menu ul.subMenu * {
    background: #ccc !important;
    color: #000 !important;
}

.dfw-greymode .navigation a,
.dfw-greymode .navigation {
    color: #000;
}

.accessible_on #Credibility-intra ul {
    text-align: center;
}

.accessible_on #Credibility-intra li {
    padding: 10px 0px;
    display: inline-block;
    margin: 20px 85px;
}

.accessible_on .phone {
    margin: 20px 0px;
}

.accessible_on .map-add {
    border: 1px solid #ccc;
}

.accessible_on #Map-intra .table-cell {
    height: 320px;
}

.accessible_on .map-head {
    padding: 40px 0px 13px 0px;
}

.accessible_on .drs-insite a {
	margin: 20px;
}

.accessible_on .retired-doctor .retired-head,
.accessible_on .services-bg,
.accessible_on .textMain .ser-topic-list li,
.accessible_on .meet-head-s,
.accessible_on #Corona-intra{
    color: inherit;
}

.accessible_on .viewprofile-s{
    width: auto;
    margin: 1px;
    border: 1px solid #ccc;
}

.accessible_on .textMain .ind-service {
	border: 1px solid #ccc;
}

.accessible_on #Header-Container,
.accessible_on #Menu-Container,
.accessible_on #Doctors-container,
.accessible_on #Credibility-container,
.accessible_on #Map-container{
    border-bottom: 1px solid #ccc;
}


.tel1{
	margin-bottom:15px;
}
.mk-payment{
	margin: 0 auto;
	width: 50%;
}

.regestration_link{    margin: 10px auto;}
.regestration_link a{    display: inline-block;
    background: #003c78;
    color: #fff;
    padding: 10px 15px;
    border-radius: 30px;
    font: 500 19px/25px 'Roboto', sans-serif !important;
    letter-spacing: 1px;transition: 0.5s ease-in-out;}
.regestration_link a:hover{background: #555;}
@media screen and (max-width: 960px) {
    .f-menu {
        width: 150px;
    }
    .textMain .ser-topic-list li {
        background-position: 10px 12px;
        font-size: 15px;
    }
    .textMain .ser-topic-list li:hover {
        background-position: 10px 12px;
    }
    .textMain .ser-topic-list li a {
        padding: 5px 0px 5px 25px;
    }
    .textMain .empty-float {
        clear: both;
    }
    .steven-specific {
        width: 49%;
    }
    #Doctors-container {
        background-size: cover;
    }
}

@media screen and (max-width: 860px) {
    #Banner-Container-S .banner1,
    #Banner-Container .banner1 {
        background-position: 70% center;
    }
    .banner1 .banner-services li.ankle-b {
        left: 47%;
    }
    .banner1 .banner-services li.knee-b {
        left: 56%;
    }
    .banner1 .banner-services li.hip-b {
        left: 58%;
    }
    .about-daniel {
        padding-left: 5px;
    }
}

@media screen and (max-width: 768px) {
    .menu-explore,
    .contact-follow {
        display: block;
    }
    #Footer-Container {
        min-height: auto;
        background-size: cover;
    }
    .social-icon {
        min-height: 50px;
    }
    .f-menu {
        width: auto;
    }
    .dr-page .accordane li .table-cell {
        display: block;
        width: auto;
        text-align: left;
    }
    #Sidebar,
    #Content {
        display: block;
        margin: auto;
    }
    .drs-insite {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 10px auto;
    }
    #Sidebar {
        padding: 5px 0px 20px 0px;
    }
    .copyrights {
        padding: 15px 0px 40px;
    }
    .daniel-pg .accordead a {
        padding: 9px 0 9px 15px;
    }
    .accordead,
    .textMain .accordead {
        font: 600 16px/22px 'Lato', sans-serif;
    }
    .menu-services {
        width: 17%;
    }
    .menu-team {
        width: 28%;
    }
    .menu-home {
        width: 14%;
    }
    .menu li {
        font: 700 16px/25px 'Roboto', sans-serif;
    }
}

@media screen and (max-width: 640px) {
    .appoint a {
        padding: 0px 0px 0px 40px;
    }
    .tel1 {
        display: inline-block;
    }
    #Map-intra .table-cell {
        display: block;
        margin: auto;
        height: auto;
    }
    .map {
        display: none;
    }
    #Map-intra {
        background: #2194d5;
        min-height: auto;
        padding-bottom: 20px;
    }
    .map-head {
        padding: 30px 0px 10px 0px;
    }
    .phone {
        margin: 15px 0px;
    }
    .float-c {
        text-align: center;
    }
    .dr-float {
        float: none;
        display: inline-block;
        width: auto;
        margin: 10px auto 15px;
    }
    .doc-pg h1.doctitle {
        display: block;
    }
    .doc-pg h1 {
        display: none;
    }
    .textMain .ser-services .ind-service:nth-child(2n+1) .ser-head-i {
        text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    }
    .textMain .ser-services .ind-service:nth-child(2n) .ser-head-i {
        text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    }
    .textMain .ser-services .sports-bg .service-img .ser-head-i {
        text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    }
    .textMain .ser-head-i {
        width: 280px;
    }
    .pgs-loc {
        border: 1px solid #dedede;
        padding: 10px 0px;
    }
    .pgs-loc .table-cell {
        display: block;
    }
    .page-address {
        border: none;
        width: 300px;
    }
    .loc-frame iframe {
        width: 95%;
        border: none;
    }
    #Banner-Container-S #Banner,
    #Banner-Container #Banner {
        display: none;
    }
    .daniel,
    .about-daniel {
        display: block;
        padding: 5px 0px;
        margin: auto;
        width: auto;
    }
    .contactTable .table-cell {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    #Header .table-cell {
        display: block;
        margin: auto;
        text-align: center;
    }
    .logo a {
        margin: 5px 0px;
    }
    .appoint {
        margin: 8px 0px;
    }
    .footer-cell .table-cell {
        display: block;
    }
    #Map-intra .table-cell {
        text-align: left;
        padding: 0px 5px;
    }
    .accordead,
    .textMain .accordead {
        font: 600 17px/28px 'Lato', sans-serif;
    }
    .textMain .ser-topic-list {
        display: block;
        width: auto;
        padding: 0;
    }
    .ser-name {
        margin-right: 5px;
    }
    .textMain .ser-head-i {
        width: 188px;
    }
    .textMain .ser-head-i {
        font: 400 26px/31px 'Lato', sans-serif
    }
    .orthobio-bg .ser-name {
        margin-right: 0;
    }
    .textMain .orthobio-bg .ser-head-i {
        font: 400 23px/28px 'Lato', sans-serif;
        width: auto;
    }
    .steven-specific {
        width: auto;
        display: block;
    }
    .textMain h1 {
        font: 700 28px/34px 'Lato', sans-serif;
    }
    #Accessibility {
        display: none;
    }
    #ToptoBottom {
        display: none !important;
    }
}