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

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

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fax:before {
    content: "\e902";
}

.icon-youtube:before {
    content: "\e901";
}

.icon-location:before {
    content: "\e900";
}

.icon-phone:before {
    content: "\e942";
}

.icon-envelop:before {
    content: "\e945";
}

.icon-calendar:before {
    content: "\e953";
}

.icon-search:before {
    content: "\e986";
}

.icon-google-plus:before {
    content: "\ea8b";
}

.icon-facebook:before {
    content: "\ea90";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-linkedin2:before {
    content: "\eaca";
}


/*------------------------------ Global CSS ------------------------------ */

body {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    *overflow-y: none;
}

img {
    border: 0px;
    max-width: 100%;
    vertical-align: middle;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 7px 0px;
    padding: 0px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    outline: none;
}

a {
    color: #050c98;
}

a:hover {
    color: #696dcd;
}


/* ------------------------------ General CSS ------------------------------ */

.hr {
    height: 10px;
    background: url("../images/hr.png") repeat-x left center;
}

.clear-float,
.clear {
    clear: both;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.videoBorder {
    border: 4px solid #333;
}


/* ------------------------------ Banner CSS ------------------------------ */

.rslides {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.rslides li {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 0px;
    display: none;
}

#Interactivity {
    position: relative;
}

.intra-div {
    width: 100%;
    height: 100%;
}

.Intra-L,
.Intra-R {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    top: 0px;
}

.Intra-L {
    left: -100%;
}

.Intra-R {
    right: -100%;
}

.Intra-Tabs {
    position: absolute;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    right: 10px;
    bottom: 10px;
}


/* ------------------------------ Scrolling Styles ------------------------------ */

#flexiselDemo1,
#flexiselDemo2 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 20px;
}

.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
    margin: 10px 0px;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    position: absolute;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    top: 10%;
    width: 40px;
    height: 100%;
    cursor: pointer;
}

.nbs-flexisel-nav-left {
    left: 0px;
}

.nbs-flexisel-nav-right {
    right: 0px;
}


/*----------------------------- Navigation ------------------------------*/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    cursor: pointer;
    height: 35px;
    position: absolute;
    top: 45%;
    width: 35px;
    z-index: 100;
    opacity: 0.40;
}

.nbs-flexisel-nav-left {
    left: 0px;
    background: url(../images/scroll-l.png) no-repeat scroll 0px 0px;
}

.nbs-flexisel-nav-right {
    right: 0px;
    background: url(../images/scroll-r.png) no-repeat scroll 0px 0px;
}

.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {
    opacity: 0.70;
}


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

#Container,
header,
#Menu-Container,
#Intra-Container,
#Intra-Container-S,
#SurfingBgContainer,
section,
#Content-Container,
footer {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Header,
#Mobile-Main,
#Interactivity,
#SurfingBg,
#Welcome-text,
#Speciality-main,
#Meet-physician-main,
#Patient-resourses-main,
#Testimonial-main,
#Content-Main,
#Credibility-main,
#Footer-container {
    max-width: 1170px;
    min-width: 310px;
    margin: 0 auto;
}

#Intra-Container,
#Intra-Container-S {
    overflow: hidden;
}

#Content-Main .intra-div,
#Header .intra-div,
#Resourses-main .intra-div,
.resourses-intra {
    display: table;
    table-layout: fixed;
}

#Content-Left,
#Sidebar,
.specialist-l,
.resourse-r {
    display: table-cell;
    vertical-align: top;
}


/* ------------------------------ Header CSS ------------------------------ */

header {
    background: #f0f0f0;
}

#Header {
    min-height: 145px;
    padding: 0 0 10px 0;
}

.ocean-logo {
    float: left;
    padding: 10px 0 0;
    width: 330px;
    margin: 0 1% 0 0;
}

.header-location {
    float: left;
    margin: 0 0 0 0;
    padding: 10px 0 0;
    text-align: center;
    width: 380px;
}

.header-location p {
    font: 600 18px/22px 'Lato', sans-serif;
    color: #000000;
    display: inline-block;
    margin: 0px 10px;
    text-align: center;
}

.zocdoc-header {
    float: left;
    padding: 50px 0 0;
    width: 14%;
}

.header-right {
    float: right;
    padding: 34px 0 0;
    text-align: right;
    width: 448px;
}

.head-appointment {
    float: right;
}

.head-appointment li {
    display: inline-block;
}

.head-appointment li.book-appointment {
    font: 400 18px/22px 'Lato', sans-serif;
    color: #333333;
    margin: 0 13px 0 0;
}

.head-appointment li.book-appointment a {
    color: #000000;
}

.head-appointment li.phone-h {
    width: 177px;
    font: 700 20px/24px 'Lato', sans-serif;
}

.head-appointment li.phone-h a {
    color: #000000;
}

.head-appointment .book-appointment span {
    background: url(../images/header-book-appointment.png) no-repeat 0 0;
    width: 26px;
    height: 26px;
}

.head-appointment .phone-h .phone-img {
    background: url(../images/header-contact-icon.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
}

.head-appointment li:hover,
.head-appointment li:hover a {
    color: #23a0d1;
}


/* Pop */

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* ------------------------------ Menu CSS ------------------------------ */

#Menu-Container {
    width: 872px;
    float: right;
    margin-top: 40px;
}

#Main-Menu {
    height: 31px;
    width: 100%;
    position: relative;
}

#Mobile-Menu {
    display: none;
}

nav {
    position: relative;
}

.menu,
.menu ul {
    display: block;
}

.menu li {
    border: 0;
    display: inline-block;
    position: relative;
    z-index: 99999;
    text-align: center;
    margin: 0 0px 0 0;
}

.menu li:last-child {
    margin: 0 0px 0 0;
}

.menu a {
    cursor: pointer;
    display: block;
    position: relative;
    text-decoration: none;
    font: 400 15px/30px "Open Sans", sans-serif;
    color: #000000;
    text-transform: uppercase;
}

.menu li:hover {
    background: #23a0d1;
    border-radius: 20px;
}

.menu li:hover a {
    color: #ffffff;
}

.menu ul {
    left: 0px;
    position: absolute;
    top: 48px;
    visibility: hidden;
    width: 198px;
    padding: 17px 0px 0 0;
}

.menu li.patinfo-nav ul {
    width: 245px;
}

.menu ul.sub-menu1,
.menu ul.pat-info {
    width: 230px;
}

.menu ul.faq-list {
    width: 110px;
}

.menu li li {
    display: block;
    float: none;
    margin: 0;
    background: #23a0d1 url(../images/menu-li-la.png) no-repeat scroll 19px 17px;
}

.menu li li:hover {
    background: #012938 url(../images/menu-li-la.png) no-repeat scroll 19px 17px;
    border-radius: 0 !important;
}

.menu li li li {
    background: #23a0d1 url(../images/menu-li-la.png) no-repeat scroll 19px 17px;
}

.menu li li li:hover {
    background: #012938 url(../images/menu-li-la.png) no-repeat scroll 19px 17px;
}

.menu li li:hover a {
    color: #ffffff;
}

.menu li li:hover li a {
    color: #ffffff;
}

.menu li li li:hover a {
    color: #fff;
}

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

.menu li li a {
    height: auto;
    padding: 10px 0 10px 39px;
    text-shadow: none;
    text-align: left;
    color: #ffffff;
    border-bottom: none;
    margin: 0px;
    font: 400 14px/18px "Open Sans", sans-serif;
    text-transform: none;
    background: none !important;
}

.menu ul ul {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 175px;
    padding: 0 0 0 1px;
}

.menu ul ul.app-sub-menu {
    width: 200px;
}

.menu ul ul ul {
    position: absolute;
    top: 0;
    visibility: hidden;
}

.menu li:hover > ul {
    top: 100%;
    visibility: visible;
}

.menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.home-nav {
    width: 9%;
}

.about-nav {
    width: 14%;
}

.services-nav {
    width: 13%;
}

.patinfo-nav {
    width: 18%;
}

.appoin-nav {
    width: 20%;
}


/*.patient-nav {
    width: 20%;
}*/

.contact-nav {
    width: 16%;
}

.about-nav ul {
    width: 243px !important;
}

.adaOn span {
    background: url('../images/ada-icon.png') no-repeat center center;
}



/*-----------Mobile Menu CSS-------------*/

.menu-mobile {
    background: #1a728c;
    padding: 6px 0 6px 0px;
    width: 100%;
}

.menu-mobile img {
    float: right;
    margin: 1px 5px 0 0;
}

.menu-mobile a {
    color: #fff;
    font: 400 18px/22px "Open Sans", sans-serif;
    padding: 0 0 0 5px;
}

.par-menu li {
    width: 100%;
    background: #23a0d1;
    border-bottom: 1px solid #139997;
}

.par-menu li li {
    background: #1386b3;
}

.par-menu li li li {
    background: #1ab7b5;
}

.sub-menu {
    display: none;
}

.par-menu li li a {
    padding: 5px 0 5px 4%;
}

.par-menu li li li a {
    padding: 5px 0 5px 6%;
}

.par-menu li a {
    color: #fff;
    display: block;
    font: 400 14px/18px "Open Sans", sans-serif;
    padding: 5px 0 5px 5px;
}

.par-menu li:hover {
    background: #012938;
}

.menu-parent,
.sub-parent {
    background: url(../images/menu-li-ar.png) no-repeat scroll 98% 7px;
}

.menu-parent:hover,
.sub-parent:hover {
    background: url(../images/menu-li-ab.png) no-repeat scroll 98% 9px;
}


/* ------------------------------ Banner CSS ------------------------------ */

#Intra-Container,
#Intra-Container-S {
    border-top: 2px solid #808080;
}

#Intra-Container #Interactivity {
    height: 444px;
}

#Intra-Container-S #Interactivity {
    height: 229px;
}

#Intra-Container #Interactivity .banner1 {
    background: url(../images/banner1-m.jpg) right top no-repeat;
}

#Intra-Container #Interactivity .banner1 .Intra-L,
#SurfingBg .Intra-L {
    background: url(../images/banner1-l.jpg) right top no-repeat;
}

#Intra-Container #Interactivity .banner1 .Intra-R,
#SurfingBg .Intra-R {
    background: url(../images/banner1-r.jpg) left top no-repeat;
}

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

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

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

#Intra-Container #Interactivity .banner3 {
    background: url(../images/new-location-banner-home.jpg) right top no-repeat;
}

#Intra-Container #Interactivity .banner3 .Intra-L {
    background: url(../images/new-location-banner-home-l.jpg) right top no-repeat;
}

#Intra-Container #Interactivity .banner3 .Intra-R {
    background: url(../images/new-location-banner-home-r.jpg) left top no-repeat;
}

#Intra-Container-S #Interactivity .banner1 {
    background: url(../images/sub-banner1-m.jpg) right top no-repeat;
}

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

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

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

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

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

#Intra-Container-S #Interactivity .banner3 {
    background: url(../images/new-location-banner-s.jpg) right top no-repeat;
}

#Intra-Container-S #Interactivity .banner3 .Intra-L {
    background: url(../images/new-location-banner-s-l.jpg) right top no-repeat;
}

#Intra-Container-S #Interactivity .banner3 .Intra-R {
    background: url(../images/new-location-banner-s-r.jpg) left top no-repeat;
}

#Intra-Container #Interactivity .banner-text {
    position: absolute;
    right: 5%;
    top: 23%;
    width: 530px;
}

#Intra-Container-S #Interactivity .banner-text {
    position: absolute;
    right: 11%;
    top: 33%;
    width: 440px;
}

#Intra-Container #Interactivity .banner-text h2 {
    font: 700 42px/46px 'Lato', sans-serif;
    color: #fff;
    margin: 0 0 14px 0;
    text-transform: uppercase;
}

#Intra-Container-S #Interactivity .banner-text h2 {
    font: 700 35px/40px 'Lato', sans-serif !important;
    color: #fff;
    text-transform: uppercase;
}

#Intra-Container-S #Interactivity .location-banner h2 span {
    font: 700 23px/30px 'Lato', sans-serif !important;
    display: block;
}

#Intra-Container #Interactivity .banner-text p {
    font: 400 25px/30px 'Lato', sans-serif;
    color: #fff;
    text-align: justify;
}

.intra-tabs {
    position: absolute;
    bottom: 5%;
    right: 0%;
    z-index: 100;
    width: 53px;
}

.intra-tabs li {
    display: inline-block;
    margin: 0px;
    border-radius: 50%;
}

.intra-tabs a {
    display: block;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #ffffff;
}

#Intra-Container .intra-tabs li a:hover,
#Intra-Container .Banner_here a,
#Intra-Container-S .intra-tabs li a:hover,
#Intra-Container-S .Banner_here a {
    background: #94d2e2;
}


/*-----------------Welcome  CSS----------------*/

.welcome-text-intra {
    width: 100%;
    padding: 25px 0 15px 0;
    text-align: center;
}

.welcome-text-intra h2 {
    font: 700 40px/45px 'Lato', sans-serif;
    color: #484848;
    margin-bottom: 28px;
    background: url(../images/welcome-bb.png) center 52px no-repeat;
    padding-bottom: 10px;
}

.welcome-text-intra p {
    font: 400 17px/24px 'Lato', sans-serif;
    color: #000000;
}

#SurfingBgContainer {
    overflow: hidden;
    display: none;
}

#SurfingBg {
    position: relative;
}


/*------------Specialitis CSS------------------*/

#Speciality-bg {
    background: url(../images/specialities-bg.jpg) center center no-repeat #363636;
    background-attachment: fixed;
}

#Speciality-main {
    min-height: 602px;
}

.speciality-intra {
    width: 100%;
    float: left;
    text-align: center;
}

.speciality-intra h2 {
    font: 700 40px/44px 'Lato', sans-serif;
    color: #fff;
    margin: 67px 0 0 0;
}

.speciality-intra h2 a {
    color: #fff;
}

.speciality-intra h2 a:hover {
    color: #c9edec;
}

.speciality-intra p {
    font: 300 18px/22px 'Lato', sans-serif;
    color: #fff;
    margin: 6px 0 50px 0;
}

.speciality-intra li {
    background-position: center top;
    height: 323px;
    position: relative;
    width: 252px;
}

.speciality-intra li:hover {
    background-position: center top;
}

.arthroscopic-h {
    background: url(../images/arthoscopy-surgery-img.png) no-repeat scroll 0px 0px;
}

.joint-h {
    background: url(../images/joint-replacement-img.png) no-repeat scroll 0px 0px;
}

.sports-h {
    background: url(../images/sports-medicine-img.png) no-repeat scroll 0px 0px;
}

.trauma-h {
    background: url(../images/trauma-img.png) no-repeat scroll 0px 0px;
}

.robotic-h {
    background: url(../images/rosa-robotic-knee-replacement.jpg) no-repeat scroll 0px 0px;
}


.wrist-arthroscopy-h {
    background: url(../images/wrist-arthroscopy-hs.jpg) no-repeat scroll 0px 0px;
}


.elbow-arthroplasty-h {
    background: url(../images/elbow-arthroscopy-hs.jpg) no-repeat scroll 0px 0px;
}


.complex-wrist-and-hand-h {
    background: url(../images/complex-wrist-hand-fractures-hs.jpg) no-repeat scroll 0px 0px;
}


.nerve-surgery-h {
    background: url(../images/nerve-surgery-hs.jpg) no-repeat scroll 0px 0px;
}


.nerve-repair-h {
    background: url(../images/nerve-repair-ttransfers-hs.jpg) no-repeat scroll 0px 0px;
}


.wrist-arthroscopy-h:hover {
    background: url(../images/wrist-arthroscopy-hs-h.jpg) no-repeat scroll 0px 0px;
}


.elbow-arthroplasty-h:hover {
    background: url(../images/elbow-arthroscopy-hs-h.jpg) no-repeat scroll 0px 0px;
}


.complex-wrist-and-hand-h:hover {
    background: url(../images/complex-wrist-hand-fractures-hs-h.jpg) no-repeat scroll 0px 0px;
}


.nerve-surgery-h:hover {
    background: url(../images/nerve-surgery-hs-h.jpg) no-repeat scroll 0px 0px;
}


.nerve-repair-h:hover {
    background: url(../images/nerve-repair-ttransfers-hs-h.jpg) no-repeat scroll 0px 0px;
}








.arthroscopic-h:hover {
    background: url(../images/arthoscopy-surgery-img-h.png) no-repeat scroll 0px 0px;
}

.joint-h:hover {
    background: url(../images/joint-replacement-img-h.png) no-repeat scroll 0px 0px;
}

.sports-h:hover {
    background: url(../images/sports-medicine-img-h.png) no-repeat scroll 0px 0px;
}

.trauma-h:hover {
    background: url(../images/trauma-img-h.png) no-repeat scroll 0px 0px;
}

.robotic-h:hover {
    background: url(../images/rosa-robotic-knee-replacement-hover.jpg) no-repeat scroll 0px 0px;
}









.speciality-text {
    background: rgb(1, 41, 56, 0.88) none repeat scroll 0 0;
    bottom: 0;
    clip-path: polygon(0px 2%, 100% 32%, 100% 100%, 0 100%);
    height: 89px;
    margin: 234px auto;
    width: 252px;
}

.speciality-text a {
    color: #fff;
    display: block;
    font: 300 20px/24px "Lato", sans-serif;
    padding: 34px 0 31px;
}

.speciality-text:hover {
    background: #138886;
    transition: all 0.5s ease-out 0s;
}

.robotic {
    background: #23A0D1;
    width: 215px;
    padding: 10px 15px;
    border-radius: 10px;
}

.robotic a {
    color: #fff !important;
}

.robotic a:hover {
    color: #FFCC00 !important;
}


/*-----------Patient Testmonials CSS-------------*/

#Patient-testimonials {
    border-top: 1px solid #d3d3d3;
    background: url(../images/testmonial-bg.jpg) no-repeat center top;
}

#Testimonial-main {
    min-height: 493px;
    overflow: hidden;
}

.testmonial-intra {
    float: left;
    width: 100%;
    padding: 115px 0 0 0;
}

.testmonial-sec {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 96%;
    background: rgba(23, 117, 154, 0.7);
    height: 286px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
}

.testmonial-sec h2 {
    font: 700 38px/42px 'Lato', sans-serif;
    margin: 43px 0 5px 0;
}

.testmonial-sec .intro-text {
    font: 400 14px/18px 'Lato', sans-serif;
    margin: 0px 0 35px 0;
}

.testmonial-sec .testimonial-text {
    font: 300 17px/22px "Lato", sans-serif;
    margin: 0 auto;
    position: relative;
    width: 88%;
}

.testmonial-sec .testimonial-text a {
    font: 300 15px/20px 'Lato', sans-serif;
    font-style: italic;
    color: #24d0e4;
}

.fa.fa-quote-left {
    margin: 0 9px 0 0;
    color: #52c3ef;
}

.fa.fa-quote-right {
    margin: 0 0 0 7px;
    color: #52c3ef;
}

.testimonial-tabs {
    bottom: 38%;
    position: absolute;
    right: 20px;
    width: 13px;
    z-index: 100;
}

.testimonial-tabs a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 13px;
    width: 13px;
    margin-bottom: 2px;
}

.testimonial-tabs li a:hover,
.testimonial-tabs .Testimonial_here a {
    background: #07d2ed;
}


/*-----------Patient Resourses CSS-------------*/

#Patient-resourses-main {
    min-height: 375px;
    overflow: hidden;
}

.resourses-intra {
    width: 100%;
    float: left;
    margin: 53px 0 0 0;
}

.specialist-l {
    float: left;
    width: 48%;
}

.specialist-img-l,
.resourse-img-l {
    float: left;
    width: 252px;
    height: 252px;
    margin: 0 30px 0 0;
}

.resourse-r {
    float: right;
    width: 48%;
}

.specialist-sec-r,
.resourse-sec-r {
    float: left;
    width: 49%;
}

.specialist-sec-r h2,
.resourse-sec-r h2 {
    font: 700 30px/35px "Lato", sans-serif;
    margin: 21px 0 0 0;
}

.specialist-sec-r li,
.resourse-sec-r li {
    font: 400 18px/23px "Lato", sans-serif;
    border-bottom: 1px solid #e5e5e5;
    background: url(../images/specialist-li-bg.png) no-repeat scroll 0px 18px;
}

.specialist-sec-r li a,
.resourse-sec-r li a {
    color: #000000;
    display: block;
    padding: 10px 0 8px 17px;
}

.specialist-sec-r li a:hover,
.resourse-sec-r li a:hover {
    color: #23a0d1;
}


/*-----------Meet our Physician----------*/

#Meet-physician-bg {
    background: url(../images/meet-physician-bg.jpg) repeat-x scroll 0px 0px #E9E9E9;
}

#Meet-physician-main {
    min-height: 851px;
    overflow: hidden;
}

.physician-intra {
    width: 100%;
    float: left;
    padding: 64px 0 75px 0;
}

.physician-intra h2 {
    font: 700 42px/46px 'Lato', sans-serif;
    margin: 0 0 54px 0;
    color: #252525;
    text-align: center;
    padding-bottom: 20px;
    background: url(../images/meet-physician-bb.png) no-repeat center bottom;
}

.dr-sec {
    margin: 0 2% 0 0;
    width: 100%;
    vertical-align: top;
}

.dr-sec ul {
    min-height: 124px;
}


/*.dr-sec.michael {
    margin: 0 !important;
}*/

.dr-sec h2 {
    margin: 16px 0 0 0;
    color: #23a0d1;
    background: none !important;
    padding: 0 !important;
    text-align: center;
    font: 700 26px/32px 'Lato', sans-serif;
}

.dr-sec h2 a {
    color: #23a0d1;
}

.dr-sec .dr-specialisation {
    margin: 0px 0 12px 0;
    color: #252525;
    font: 400 20px/24px 'Lato', sans-serif;
    height: 70px;
}

.dr-sec.stephan .dr-specialisation {
    margin: 0px 0 12px 0 !important;
}

.dr-sec.golden .dr-specialisation {
    margin: 0px 0 12px 0 !important;
}

.dr-sec .dr-descrp {
    font: 400 14px/20px 'Open Sans', sans-serif;
    color: #141414;
    margin: 0 20px 16px 0;
    padding: 10px 0 0 0;
    text-align: justify;
    border-top: 1px solid #23a0d1;
}

.dr-sec li {
    font: 500 16px/20px 'Roboto', sans-serif;
    margin: 0 0 10px 0;
}

.dr-sec li a {
    color: #000000;
}

.dr-sec li a:hover {
    color: #23a0d1;
}

.dr-sec li .dr-web,
.dr-sec li .dr-cal {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 7px 0 0;
}

.dr-sec li.dr-website span {
    background: url(../images/physician-web.png) no-repeat 0 0;
}

.dr-sec li.dr-phone .dr-cal {
    background: url(../images/physician-phone.png) no-repeat 0 0;
}

.dr-readm {
    float: none;
    width: 98px;
    text-align: center;
    background: #23a0d1;
    margin: 14px auto 0 auto;
}

.dr-readm a {
    display: block;
    padding: 11px 0;
    font: 300 14px/18px 'Lato', sans-serif;
    color: #fff;
}

.dr-readm a:hover {
    background: #67aead;
    transition: all 0.5s ease-out 0s;
}

.michael-info {
    margin: 18px 0 0;
}

.stephan {
    display: inline-block;
}

.golden {
    display: inline-block;
}

.michael {
    display: inline-block;
}


/*----------------Credibility CSS---------------*/

#Credibility-bt {
    border-top: 1px solid #d3d3d3;
}

.credibility-intra {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.credibility-intra li {
    display: inline;
    margin: 0 7% 0 0;
    display: inline-block;
}

.credibility-intra li a {
    display: inline-block;
}

.credibility-intra li:last-child {
    margin: 0 !important;
}


/*------------------Aside CSS---------------------*/

#Content-Left {
    padding-bottom: 5%;
}

#Sidebar {
    width: 300px;
    padding-bottom: 5%;
}

.aside-specialities {
    width: 100%;
    margin: 22px 0 0 0;
}

.aside-specialities h2 {
    background: #3f3f3f;
    color: #fff;
    font: 700 25px/29px 'Open Sans', sans-serif;
    padding: 13px 0 14px 19px;
    margin: 0;
}

.aside-specialities li {
    font: 400 16px/20px 'Open Sans', sans-serif;
    border-bottom: 1px solid #18a8a6;
    background: #23a0d1;
}

.aside-specialities li:last-child {
    border-bottom: none;
}

.aside-specialities li a {
    display: block;
    padding: 24px 0 30px 0;
    color: #fff;
}

.aside-specialities li.joint-s a {
    padding: 14px 0 20px 0 !important;
}

.aside-specialities li span {
    float: left;
    width: 57px;
    height: 56px;
    margin: 10px 12px 0 19px;
    background: url(../images/sprite.png) no-repeat;
}

.aside-specialities li.arthroscopic-s span {
    background-position: 0px -113px;
}

.aside-specialities li.joint-s span {
    background-position: -113px -113px;
}

.aside-specialities li.sports-s span {
    background-position: -226px -113px;
}

.aside-specialities li.trauma-s span {
    background-position: -340px -113px;
}

.aside-meet-dr {
    background: #012938 none repeat scroll 0 0;
    height: 355px;
    overflow: hidden;
    padding: 21px 19px 0px 19px;
    position: relative;
    width: 262px;
}

.aside-meet-dr h2 {
    color: #fff;
    font: 700 25px/30px 'Open Sans', sans-serif;
    margin: 0 0 16px 0;
}

.dr-sec-s {
    width: 100%;
    height: 268px;
}

.dr-sec-s h1 {
    color: #fff;
    font: 900 20px/25px 'Lato', sans-serif;
    margin: 16px 0 2px 0;
}

.dr-sec-s h1 a {
    color: #fff;
}

.dr-sec-s h1 a:hover {
    color: #23c0be;
}

.dr-sec-s p {
    color: #fff;
    font: 400 16px/20px 'Lato', sans-serif;
    margin: 0;
}

.intra-tabs-s {
    bottom: 4%;
    position: absolute;
    right: 5%;
    width: 100px;
    z-index: 100;
}

.intra-tabs-s li {
    display: inline-block;
    margin: 0;
}

.intra-tabs-s a {
    background: #677f88;
    border-radius: 50%;
    display: block;
    height: 10px;
    width: 9px;
}

.intra-tabs-s li a:hover,
.intra-tabs-s .aside-dr_here a {
    background: #ffffff;
}

.aside-physicians {
    width: 100%;
}

.aside-physicians h2 {
    background: #1386b3;
    color: #fff;
    font: 700 19px/23px 'Open Sans', sans-serif;
    padding: 20px 0 17px 0px;
    margin: 0;
    position: relative;
}

.aside-physicians span {
    float: left;
    width: 58px;
    height: 58px;
    margin: -6px 13px 0 19px;
    background: url(../images/sprite.png) no-repeat scroll -170px -56px;
}

.aside-physicians h2::before {
    border-color: transparent transparent #1386b3;
    border-style: solid;
    border-width: 0 11px 10px;
    bottom: -10px;
    content: "";
    height: 0;
    left: 44%;
    position: absolute;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    z-index: 5;
}

.aside-physicians li {
    font: 400 17px/21px 'Open Sans', sans-serif;
    border-bottom: 1px solid #42a09e;
    background: #23a0d1 url(../images/aside-li-bg.png) no-repeat scroll 19px 25px;
}

.aside-physicians li:last-child {
    border-bottom: none;
}

.aside-physicians li a {
    display: block;
    padding: 16px 0 12px 41px;
    color: #fff;
}

.aside-physicians li:hover {
    background: #23a0d1 url(../images/aside-li-bg.png) no-repeat scroll 19px 25px;
}

.aside-resourses {
    width: 100%;
}

.aside-resourses li {
    font: 700 19px/24px 'Open Sans', sans-serif;
    width: 100%;
}

.aside-resourses li a {
    display: block;
    padding: 23px 0 23px 0;
    color: #fff;
}

.aside-resourses li span {
    float: left;
    width: 58px;
    height: 58px;
    margin: 17px 13px 0 19px;
    background: url(../images/sprite.png) no-repeat;
}

.aside-resourses li.resourses-s {
    background: #3f3f3f;
}

.aside-resourses li.testimonial-s {
    background: #181a1b;
}

.aside-resourses li.resourses-s span {
    background-position: -283px -56px;
}

.aside-resourses li.testimonial-s span {
    background-position: -396px -56px;
}


/* Sweep To Left */

.hvr-sweep-to-left {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #23a0d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
    color: white;
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* Sweep To Bottom */

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2b2b2b;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
    color: white;
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.testimonial-s.hvr-sweep-to-bottom:before {
    background: #383c3e;
}


/* Shutter In Vertical */

.hvr-shutter-in-vertical {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #23a0d1 url(../images/aside-li-bg.png) no-repeat scroll 19px 25px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
    color: white;
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

#Sidebar .credibilitylogos-s li {
    margin: 10px 0;
    list-style: none;
    padding: 0px;
    text-align: center;
}

#Credibility-bt {
    display: none;
}

.oceanmainpage #Credibility-bt {
    display: block;
}


/*---------------------Footer CSS------------------------*/

footer {
    background: url(../images/footer-bg.jpg) repeat-x scroll center top;
    border-top: 1px solid #cfd0d0;
    overflow: hidden;
}

#Footer-container {
    min-height: 435px;
}

.footer-main {
    width: 99%;
    float: left;
    min-height: 270px;
    padding: 70px 2px 0 2px;
    font: 400 16px/20px 'Lato', sans-serif;
}

.footer-main a {
    color: #000000;
}

.footer-main a:hover {
    color: #23a0d1;
}

.footer-main h3 {
    font: 900 22px/22px 'Lato', sans-serif;
    color: #000000;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.footer-main h3 a {
    color: #000000;
}

.footer-main h3 a:hover {
    color: #23a0d1;
}

.footer-main ul {
    list-style: disc;
    color: #23a0d1;
}

.foot-specialities {
    float: left;
    width: 27%;
}

.foot-specialities li {
    margin: 0 0 10px 16px;
}

.foot-specialities li a {
    color: #000000;
}

.foot-links {
    float: left;
    width: 33%;
}

.foot-links li {
    float: left;
    margin: 0 0 13px 16px;
    width: 43%;
}

.foot-loaction {
    float: left;
    width: 40%;
}

.foot-loaction img {
    float: left;
    border: 10px solid #c1c1c1;
    width: 132px;
    margin: 0 17px 0 0;
}

.foot-address {
    float: left;
    width: 63%;
}

.foot-address h2 {
    font: 900 18px/24px 'Lato', sans-serif;
    color: #000000;
    margin: 0;
}

.foot-address p {
    font: 400 14px/18px 'Lato', sans-serif;
    color: #000000;
    margin: 3px 0 17px 0;
}

.foot-address ul {
    list-style: none !important;
}

.foot-address li {
    font: 400 18px/22px 'Lato', sans-serif;
    color: #000000;
    float: left;
}

.foot-address li:first-child {
    margin-right: 15px;
}

.foot-address li i {
    float: left;
    font-size: medium;
    color: #23a0d1;
    margin: 5px 5px 0 0;
}

.foot-address li a {
    color: #000000;
}

.foot-address .foot-dir {
    margin: 14px 0 0;
}

.foot-address .foot-dir a {
    text-decoration: underline;
}

.foot-copyright {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
    margin: 40px 0 65px 0;
}

.foot-copyright h1 {
    float: left;
    width: 50%;
    font: 400 15px/20px 'Lato', sans-serif;
    color: #000000;
    margin: 0;
}

.foot-copyright h1 span {
    font: 400 12px/20px 'Lato', sans-serif;
}

.foot-copyright h1 a {
    color: #000000;
}

.foot-copyright h1 a:hover {
    color: #23a0d1;
}

.foot-copyright .foot-ypo {
    float: right;
    width: 101px;
}

.review {
    font-size: 0px;
}

.review li {
    display: inline-block !important;
    background: none !important;
}

.main-head {
    float: left;
    font: 600 15px/20px 'Lato', sans-serif;
    padding-right: 5px;
}

.smo {
    float: left;
}

.smo li a {
	width: 28px;
	height: 28px;
	position: relative;
	display: inline-block;
}
.smo li {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    position: relative;
    background: #23A0D1;
   /* border-radius: 50%;*/
	margin: 0px 4px;
}

/*.smo li a::before {
    position: absolute;
    font-family: 'fontello';
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 4px;
    font-size: 17px;
}

.smo .fb a::before {
    content: '\f30c'
}

.smo .twitter a::before {
    content: '\f309'
}

.smo .linkedin a::before {
    content: '\f318'
}

.smo .youtube a::before {
    content: '\f167'
}*/

.smo .fb {
   background: url(/images/fb-c-upd.png) no-repeat center center; background-size: 28px; 
}

.smo .twitter {
   background: url(/images/twitter-icon-n.png) no-repeat center center; background-size: 30px; 
}

.smo .linkedin {
    background: url(/images/linkd-c.png) no-repeat center center; background-size: 31px; 
}

.smo .youtube {
    background: url(/images/youtube-icon-c.png) no-repeat center center; background-size: 30px; 
}


/*-----------Animation CSS----------------*/

.animation-element {
    opacity: 0;
    position: relative;
}

.animation-element.slide-left,
.animation-element.slide-right,
.animation-element.slide-up,
.animation-element.slide-down {
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.animation-element.slide-left {
    -webkit-transform: translate3d(-200px, 0px, 0px);
    -moz-transform: translate3d(-200px, 0px, 0px);
    -ms-transform: translate(-200px, 0px);
    -o-transform: translate(-200px, 0px);
    transform: translate3d(-200px, 0px, 0px);
}

.animation-element.slide-right {
    -webkit-transform: translate3d(200px, 0px, 0px);
    -moz-transform: translate3d(200px, 0px, 0px);
    -ms-transform: translate(200px, 0px);
    -o-transform: translate(200px, 0px);
    transform: translate3d(200px, 0px, 0px);
}

.animation-element.slide-left.in-view,
.animation-element.slide-right.in-view,
.animation-element.bounce-up.in-view,
.animation-element.bounce-down.in-view {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-up,
.animation-element.bounce-down {
    opacity: 0;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.animation-element.bounce-up {
    -webkit-transform: translate3d(0px, 200px, 0px);
    -moz-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
}

.animation-element.bounce-down {
    -webkit-transform: translate3d(0px, -200px, 0px);
    -moz-transform: translate3d(0px, -200px, 0px);
    -o-transform: translate(0px, -200px);
    -ms-transform: translate(0px, -200px);
    transform: translate3d(0px, -200, 0px);
}


/*-----------------Multimedia CSS----------------------------*/

.multimedia-iframe iframe {
    border: none;
    height: 300px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 2px solid #475EA5;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*----------------------------- Navigation Starts ------------------------------*/

.navigation {
    font: 400 15px/19px 'Open Sans', sans-serif;
    color: #23a0d1;
    margin: 30px 0 30px 0;
}

.navigation a {
    color: #000000;
}

.navigation a:hover {
    color: #23a0d1;
}


/*------------------------- textMain Starts ------------------------------*/

.textMain {
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #000000;
    padding: 0 30px 30px 15px;
    text-align: justify;
}

.textMain a {
    color: #23a0d1;
}

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

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

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

.textMain ul li {
    background: url(../images/textmain-li-b.png) no-repeat 6px 13px;
    padding: 5px 0px 5px 20px;
    list-style: none;
}

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

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

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

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

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

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

.textMain li p {
    margin: 5px 0px;
}


/* Pulse */

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.textMain a {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.textMain a:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/*----------------------------- textMain Heading Starts ------------------------*/

.textMain h1 {
    color: #23a0d1;
    font: 400 28px/28px 'Lato', sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-top: 40px;
    border-top: 1px solid #c5c5c5;
}

.textMain h2 {
    font: 700 24px/24px 'Roboto', sans-serif;
    color: #23a0d1;
    text-align: left;
    margin: 24px 0 5px 0;
}

.textMain h2 a {
    color: #1e1651;
}

.textMain h2 a:hover {
    text-decoration: underline;
}

.textMain h3,
.textMain .hTag3 {
    color: #0b6a83;
    font: 500 22px/22px "Roboto", sans-serif;
    margin: 18px 0 10px;
    text-align: left;
}

.textMain h3 a {
    color: #413a6b;
}

.textMain h3 a:hover {
    text-decoration: underline;
}

.textMain h4 {
    font: 500 18px/18px 'Roboto', sans-serif;
    color: #158baa;
    text-align: left;
}

.textMain h4 a {
    color: #5b9df4;
}

.textMain h4 a:hover {
    text-decoration: underline;
}

.textMainBold {
    font: 600 14px/21px 'Open Sans', sans-serif;
    color: #000000;
    text-align: left;
}

.textMainBold a {
    color: #025384;
}

.textMainBold a:hover {
    text-decoration: underline;
}

.PDFtext {
    font: normal 12px 'Open Sans', sans-serif;
    color: #999999;
}

.PDFtext img {
    margin: 0 8px 0 0;
}


/*-----------Services CSS-----------*/

.service-tab {
    width: 100%;
    float: left;
    margin-top: 33px;
    padding: 0 0 44px 0;
    border-bottom: 1px solid #e1e1e1;
}

.service-tab img {
    float: left;
    margin: 0 11px 0 0;
    width: 161px;
}

.service-tab a {
    display: inline;
}

.serv-r {
    float: left;
    width: 78%;
}

.serv-r h2 {
    font: 700 22px/26px 'Open Sans', sans-serif;
    margin: 0;
    background: #23a0d1 none repeat scroll 0 0;
    color: #fff;
    display: block;
    padding: 6px 0 11px 19px;
}

.serv-r h2:hover {
    text-decoration: none;
    animation-play-state: paused;
    background: #367788;
}

.serv-r li {
    padding: 2px 0 !important;
    background: none !important;
    margin: 0 0 0 0px;
    color: #23a0d1;
    font: 400 15px/20px 'Open Sans', sans-serif;
}

.serv-r li::before {
    color: #848484;
    content: "•";
    float: left;
    font-size: 22px;
    margin: 0 8px 2px 0;
    vertical-align: middle;
}

.list-r,
.list-l {
    float: left;
    width: 50%;
    min-width: 290px;
}

.list-r h2,
.list-l h2 {
    font: 600 18px/22px 'Open Sans', sans-serif;
    color: #2d2d2d;
    margin: 13px 0 0 0;
    background: none !important;
    padding: 0 !important;
}


/*-----------Back to Top------------------*/

#backtotop,
#backtobot {
    cursor: pointer;
    right: 12px;
    position: fixed;
    z-index: 10000;
    width: 38px;
    height: 38px;
    font: 400 12px/40px 'Open Sans', sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}

#backtotop {
    bottom: 10px;
    background: url(../images/up-arrow-icon.png) no-repeat scroll center top;
    display: none;
}

#backtobot {
    bottom: 10px;
    background: url(../images/down-arrow-icon.png) no-repeat scroll center top;
}

#backtotop a,
#backtobot a {
    display: block;
    text-indent: -9999px;
}

#backtotop:hover,
#backtobot:hover {
    opacity: 0.9;
}


/*-------Other CSS-----*/

.more-reviews.submit-testi.share-story {
    margin: 0 6px 0 0;
}

.submit-testi {
    float: right;
}

.more-reviews {
    background: #23a0d1;
    margin: 0 auto;
    width: 290px;
}

.more-reviews .fa {
    color: #ffffff;
    float: left;
    font-size: x-large;
    margin: 9px 10px 0 17px;
}

.more-reviews a {
    color: #fff;
    display: block;
    padding: 10px 0;
}

.review-list {
    height: auto;
    margin: 20px auto 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.review-list img {
    margin: 5px;
    padding: 0;
}

.contact-page aside {
    display: none !important;
}

.contact-page #Intra-Container-S {
    height: 444px !important;
}

.contact-page #Intra-Container-S iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.mandatory {
    color: #d6062d;
}

.about-list li {
    background: #23a0d1 !important;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px 0 5px 13px;
    width: 40%;
}

.about-list a {
    color: #fff;
    display: block;
    padding: 5px 0 7px;
    text-align: left;
}

.about-list .hvr-sweep-to-bottom:before {
    background: #012938 !important;
}

.patient-form > li {
    background: none !important;
    float: left;
    font-weight: 600;
    margin: 0 3% 3%;
    padding: 0;
    text-align: center;
    width: 200px;
}

.patient-form img {
    height: 305px;
    border: 1px solid #ccc;
    margin: 0 0 5px 0;
}

.patient-form li .fa {
    font-size: medium;
    color: #D80A0A;
    margin: 0 5px 0 0;
}

.patient-form > li a:hover {
    animation-play-state: paused !important;
    text-decoration: underline;
}


/*--------Contact Us CSS-------*/

.contact-l {
    border: 1px none;
    /*float: left;*/
    width: 90%;
    margin: 0 0 0 2%;
}

.contact-l li {
    background: none !important;
    padding: 0 !important;
    /* margin-bottom: 6%; */
}

.contact-l li a {
    color: #23a0d1;
}

.textMain .contact-l h1 {
    border-top: medium none;
    font: 400 25px/28px "Lato", sans-serif;
    margin-bottom: 37px;
}

.ofc-add {
    width: 100%;
    margin: 4% 0;
}

.ofc-add .fa.fa-map-marker {
    color: #23a0d1;
    float: left;
    font-size: x-large;
    margin: 0 10px 70px 0;
}

.ofc-cal h2 {
    margin: 0 !important;
}

.contact-l li .fa {
    color: #23a0d1;
    float: left;
    font-size: x-large;
    margin: 0px 10px 5px 0;
}

.contact-r {
    float: left;
}

.contact-r h2 {
    text-align: center;
    margin: 115px 0 18px 0;
}


/*----Patient Testimonial CSS-----*/

.testmonials-sec {
    width: 100%;
    float: left;
}

.testi-tabs {
    float: left;
    margin: 3% 0 5% 0;
    width: 100%;
}

.testi-img {
    float: left;
    height: 71px;
    margin: 22px 20px 0 0;
    text-align: center;
    width: 160px;
}

.testi-img span {
    color: #23a0d1 !important;
}

.testi-img img {
    margin-bottom: 5px;
}

.testimonial-r {
    background: #d5eaea none repeat scroll 0 0;
    float: left;
    padding: 13px;
    position: relative;
    width: 74%;
}

.testimonial-r::before {
    border-color: transparent transparent #d5eaea;
    border-style: solid;
    border-width: 0 11px 10px;
    bottom: 80%;
    content: "";
    height: 0;
    left: -16px;
    position: absolute;
    transform: rotate(-90deg);
    z-index: 5;
}

.testimonial-r.meghan::before {
    bottom: 92% !important;
}

.testimonial-r .fa {
    color: #23a0d1;
    margin: 0 2px 0 2px;
}


/*----------Our physicians CSS-------*/

.our-specialists {
    float: left;
    width: 100%;
}

.dr-tab .dr-img {
    float: left;
    width: 150px;
}

.our-specialists h1 {
    border-top: medium none;
    color: #23a0d1;
    font: 400 24px/28px "Lato", sans-serif;
    margin: 17px 0 0;
    padding-top: 0;
    text-transform: uppercase;
}

.our-specialists h1 a {
    color: #23a0d1;
}

.dr-tab .dr-descrp {
    float: left;
    margin: 0 0 0 20px;
    width: 59%;
}

.our-specialists .dr-tab {
    background: #d7e2e2;
    float: left;
    margin: 0 0 3%;
    padding: 3px;
    width: 90%;
}

.our-specialists .readmore {
    background: #23a0d1 none repeat scroll 0 0;
    border-radius: 16px;
    color: #fff;
    display: block;
    font: 400 13px/13px "Open Sans", sans-serif;
    margin: 50px 0 0;
    padding: 7px 0 9px;
    text-align: center;
    width: 90px;
}

.our-specialists .dr-descrp a:hover {
    background: #808080;
    text-decoration: none;
    transition: all 0.25s ease-in 0s;
    color: #ffffff;
}

.dr-profile-page h1 {
    color: #23a0d1;
    font: 700 27px/32px "Open Sans", sans-serif;
}

.dr-profile-page .dr-profile-s {
    color: #000000;
    font: 300 20px/24px "Open Sans", sans-serif;
    margin: -16px 0 22px 0;
}

.dr-img-p {
    float: right;
    margin: 45px 0 10px 16px;
}

.dr-img-p img {
    border: 5px solid #504b47;
}


/*-----------Accordian---------*/

.accessible_on .aside-physicians span{
    display: none;
}

.textMain .accordian h2 {
    background: #cce5e6 url(../images/plus.png) no-repeat scroll 99% 12px;
    border: 1px solid #a7dcdf;
    color: #1a5659;
    display: block;
    font: 400 16px/30px 'Lato', sans-serif;
    margin: 10px 0 0;
    padding: 5px 22px 5px 15px;
    text-transform: uppercase;
}

.textMain .accordian .current {
    background: #8cd9d7 url(../images/minus.png) no-repeat scroll 99% 19px;
}

.textMain .accordian .pane {
    border-color: currentcolor #a7dcdf #a7dcdf;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 0 10px 0 15px;
}

.pane ul {
    margin: 0;
}

.textMain .accordian p {
    margin: 0 0 7px;
    padding: 7px 0 0;
}

.textMain .accordian li {
    display: block;
}

.zocdoc-appointment {
    padding: 10px 0 0 0;
    width: 100px;
    margin: 0 auto;
}

.zocdoc-appointment h3 a {
    font: 700 15px/19px "Lato", sans-serif;
    display: block;
    background: #23a0d1;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
}

.zocdoc-appointment h3 a span {
    display: block;
    font-size: 12px;
    margin: 5px 10px 0 0;
    text-align: right;
    line-height: 5px;
}

.zocdoc-appointment h3 a span i {
    color: #5B5E5B;
    font-style: normal;
    margin: 0 0 0 2px;
}

.zocdoc-s {
    padding: 10px 0 0 0;
    width: 100px;
    float: right;
}

.zocdoc-s a {
    font: 700 15px/19px "Lato", sans-serif;
    display: block;
    background: #23a0d1;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
}

.zocdoc-appointment h3 a:hover,
.zocdoc-s a:hover {
    color: #000000;
}

.contact-zocdoc {
    margin: 15px 0;
    width: 100px;
}

.contact-zocdoc a {
    clear: both;
    background: #23a0d1 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    font: 700 15px/19px "Lato", sans-serif;
    padding: 4px 0;
    text-align: center;
}

.contact-zocdoc a:hover {
    color: #000000;
}

.textMain .sweetcontact a {
    font-size: 18px;
    color: #158baa;
}

.sweet-con {
    display: none;
}

.stephen-profile-page .foot-address li {
    float: none;
}

.stephen-profile-page .sweet-con {
    display: block !important;
}

.stephen-profile-page .maincontact {
    display: none;
}

.textMain .contact-l h2 {
    font: 400 24px/24px 'Roboto', sans-serif;
}

.dfw-blackmode header,
.dfw-blackmode .menu li:hover,
.dfw-blackmode .menu li li,
.dfw-blackmode .menu li li:hover,
.dfw-blackmode section,
.dfw-blackmode #Speciality-bg,
.dfw-blackmode #Meet-physician-bg,
.dfw-blackmode .zocdoc-appointment h3 a,
.dfw-blackmode .dr-readm,
.dfw-blackmode .dr-readm a:hover,
.dfw-blackmode footer,
.dfw-blackmode .foot-copyright,
.dfw-blackmode .aside-specialities h2,
.dfw-blackmode .aside-specialities li,
.dfw-blackmode .aside-physicians h2,
.dfw-blackmode .aside-physicians li,
.dfw-blackmode .aside-resourses li.testimonial-s,
.dfw-blackmode #Content-Container,
.dfw-blackmode .hvr-shutter-in-vertical::before,
.dfw-blackmode .aside-resourses li.resourses-s,
.dfw-blackmode .aside-meet-dr,
.dfw-blackmode .hvr-sweep-to-left::before,
.dfw-blackmode .serv-r h2,
.dfw-blackmode .contact-zocdoc a {
    background: #000;
}

.dfw-blackmode .about-list li {
    background: #000 !important;
}

.dfw-blackmode .testmonial-sec {
    background: rgba(0, 0, 0, 0.7);
}

.dfw-blackmode .header-location p,
.dfw-blackmode .head-appointment li,
.dfw-blackmode .menu a,
.dfw-blackmode .welcome-text-intra h2,
.dfw-blackmode #Welcome-text a,
.dfw-blackmode .welcome-text-intra p,
.dfw-blackmode .dr-sec h2 a,
.dfw-blackmode .dr-sec .dr-specialisation,
.dfw-blackmode .dr-sec .dr-descrp,
.dfw-blackmode .dr-sec li a,
.dfw-blackmode .physician-intra h2,
.dfw-blackmode .specialist-sec-r li a,
.dfw-blackmode .resourse-sec-r li a,
.dfw-blackmode .specialist-sec-r h2,
.dfw-blackmode .resourse-sec-r h2,
.dfw-blackmode .footer-main h3,
.dfw-blackmode .footer-main a,
.dfw-blackmode .foot-specialities li a,
.dfw-blackmode .foot-address h2,
.dfw-blackmode .foot-address p,
.dfw-blackmode .foot-address li,
.dfw-blackmode .foot-address .foot-dir a,
.dfw-blackmode .foot-copyright,
.dfw-blackmode .foot-copyright h1 a,
.dfw-blackmode .navigation,
.dfw-blackmode .textMain h1,
.dfw-blackmode .textMain h2,
.dfw-blackmode .textMain h3,
.dfw-blackmode .textMain h4,
.dfw-blackmode .textMain p,
.dfw-blackmode .serv-r li,
.dfw-blackmode .textMain,
.dfw-blackmode .textMainBold {
    color: #fff !important;
}

.dfw-blackmode .phone-mob a,
.dfw-blackmode .menu a:hover,
.dfw-blackmode #Welcome-text a:hover,
.dfw-blackmode .speciality-intra h2 a:hover,
.dfw-blackmode .speciality-text a:hover,
.dfw-blackmode .dr-sec h2 a:hover,
.dfw-blackmode .dr-sec li a:hover,
.dfw-blackmode .phone-mob1,
.dfw-blackmode .zocdoc-appointment h3 a:hover,
.dfw-blackmode .dr-readm a:hover,
.dfw-blackmode .specialist-sec-r li a:hover,
.dfw-blackmode .resourse-sec-r li a:hover,
.dfw-blackmode .footer-main a:hover,
.dfw-blackmode .foot-specialities li a:hover,
.dfw-blackmode .footer-main h3 a:hover,
.dfw-blackmode .foot-address .foot-dir a:hover,
.dfw-blackmode .foot-copyright h1 a:hover,
.dfw-blackmode .aside-specialities li a:hover,
.dfw-blackmode .dr-sec-s h1 a:hover,
.dfw-blackmode .aside-resourses li a:hover,
.aside-physicians li a:hover {
    color: #FC0 !important
}

.dfw-blackmode .menu li:hover,
.dfw-blackmode .menu li,
.dfw-blackmode .speciality-intra li,
.dfw-blackmode .zocdoc-appointment h3 a,
.dfw-blackmode .dr-readm,
.dfw-blackmode .testmonial-sec,
.dfw-blackmode .foot-copyright,
.dfw-blackmode .aside-specialities h2,
.dfw-blackmode .aside-specialities,
.dfw-blackmode .aside-meet-dr,
.dfw-blackmode .aside-physicians h2,
.dfw-blackmode .aside-physicians,
.dfw-blackmode .aside-resourses li.testimonial-s,
.dfw-blackmode .aside-resourses li.resourses-s,
.dfw-blackmode .about-list li,
.dfw-blackmode .credibilitylogos-s,
.dfw-blackmode .serv-r h2,
.dfw-blackmode .contact-zocdoc a {
    border: 1px solid #fff;
}

.dfw-blackmode #Speciality-bg,
.dfw-blackmode #Meet-physician-bg,
.dfw-blackmode .dr-sec .dr-descrp {
    border-top: 1px solid #fff;
}

.dfw-blackmode .zocdoc-appointment h3 a,
.dfw-blackmode .testmonial-sec {
    border-radius: 5px;
}

.dfw-blackmode .menu li:hover,
.dfw-blackmode .menu li {
    border-radius: 20px;
}

.dfw-blackmode .menu li li,
.dfw-blackmode #Meet-physician-bg,
.dfw-blackmode .aside-specialities li,
.dfw-blackmode .aside-physicians li {
    border-bottom: 1px solid #fff;
}

.dfw-blackmode .speciality-text,
.dfw-blackmode .speciality-text:hover {
    background: rgb(0, 0, 0, 0.88) none repeat scroll 0 0;
}

.dfw-blackmode .ocean-logo img {
    filter: brightness(250%);
}

.dfw-blackmode .foot-ypo img {
    filter: invert(100%);
}


/* 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;
}

.textMain .useFul li a:hover,
.textMain .subList li a:hover {
    transform: none;
    animation: none;
    box-shadow: none;
}


/*subList CSS*/

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

.textMain .subList ul li {
    padding: 0px;
    width: auto;
    min-width: 280px;
    background: #23A0D1;
    display: inline-block;
    vertical-align: top;
    font: 400 16px/20px 'Open Sans', sans-serif;
    margin: 5px;
}

.textMain .subList ul li:hover {
    background: #3F3F3F;
}

.textMain .subList ul li a {
    display: block;
    padding: 10px 0px;
    color: #fff;
}

#Container #Intra-Container .location-banner {
    width: 420px;
    right: 0;
}

#Container #Intra-Container .location-banner ul {
    display: block;
}

#Container #Intra-Container .location-banner h2 {
    font: 700 32px/38px 'Lato', sans-serif;
}

#Container #Intra-Container .location-banner p {
    font-size: 20px;
}

#Container #Intra-Container .location-banner ul li {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin: 5px 2%;
    color: #fff;
    font: 400 17px/25px 'Lato', sans-serif;
}

#Container #Intra-Container .location-banner ul li i {
    padding: 0 8px 0 0;
}

#Container #Intra-Container .location-banner ul li a {
    color: #fff;
    display: inline-block;
}

#Container #Intra-Container .location-banner h2 span {
    display: block;
    font: 400 23px/30px 'Lato', sans-serif;
    color: #fff;
    margin: 5px 0 5px 0;
}


.pagelet-posts li {
    background: none !important;


}

.pagelet-posts li .read-more {
    text-align: right !important;
    margin: 10px 0px !important;
    border-bottom: 1px dotted #ccc !important;
}

.adaOnly,
.adaOnlyside{
    display: none;
}

.accessible_on .adaOnly,
.accessible_on .adaOnlyside{
    display: block;
}

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

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

/*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;
}

/*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 #Content,
.accessible_on #Sidebar {
    position: relative;
}

.accessible_on .social-logo li span,
.accessible_on #Content,
.accessible_on #Sidebar {
    display: block;
}

.accessible_on #Sidebar .dfw-skip {
	top: 0px !important;
	right: 0px;
}

/*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;
}

/*
.accessible_on .menu ul
{ display: none; visibility: visible;  opacity: 1; z-index: 99; }
*/

/*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;
}

/*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 .joint,
.accessible_on .abc ul {
    text-align: center;
    float: none !important;
}

.accessible_on #Credibility ul li,
.accessible_on .tabs li,
.accessible_on #qlinks ul li,
.accessible_on .joint 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 .joint 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: 260px;
    height: auto;
    background: none;
}

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

/*required font icons*/
#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;
}

/*not required font icons*/
.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;
}

.dfw-whitemode #Accessibility li {
    color: #00e;
}

.dfw-blackmode #Accessibility li {
    color: #fc0;
}

/*common other code*/
.accessible_on footer .social-logo a span {
    display: block !important;
}

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

.accessible_on #Content-Main {
    padding-top: 60px;
    margin-top: -60px;
}

/*check bredcrumb links on this style*/

/*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;
}

/*border colors (it should be last)*/
.accessible_on.dfw-whitemode #Container *,
.accessible_on.dfw-greymode #Container * {
    border-color: #000 !important;
}

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

.accessible_on #Sidebar {
    display: block;
    margin-top: 5% !important;
}

.accessible_on #Content-Left {
    display: block;
    padding-bottom: 3%;
}

.accessible_on .aside-specialities li span,
.accessible_on .aside-resourses li span {
    height: 0px;
}

.accessible_on .hvr-sweep-to-bottom:hover::before {
    display: none;
}

.accessible_on .about-list li,
.accessible_on .our-specialists .readmore {
    border: 1px solid #ccc !important;
}

.dfw-blackmode .dfwOn li a {
    color: #fff;
}

.accessible_on .aside-physicians h2 {
    padding: 20px 10px 17px 20px;
}

.accessible_on .menu li:hover > ul {
    top: 100%;
    visibility: visible;
}

.accessible_on .speciality-text {
    margin: 10px auto;
}

.accessible_on #Speciality-main {
    min-height: 300px;
}

.accessible_on .speciality-intra li {
    height: 125px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    border: 1px solid #ccc;
}

.accessible_on #Testimonial-main {
    min-height: 345px;
}

.accessible_on .testmonial-intra {
    padding: 5px 0 0 0;
}

.accessible_on #Menu-Container .dfw-skip {
    right: -60px;
}

.accessible_on header,
.accessible_on #Meet-physician-bg {
    border-bottom: 1px solid #ccc;
}

.accessible_on #Speciality-bg,
.accessible_on #Meet-physician-bg {
    border-top: 1px solid #ccc;
}

.accessible_on .smo .nodisplay {
    display: block;
}

.accessible_on .smo li {
    width: 50px;
    margin: 0px 10px;
}

.accessible_on #Content-Container .dfw-skip {
    top: 59px;
}

.accessible_on .smo li a::before {
    display: none !important;
}

/*
.accessible_on #Meet-physician-main ul {
    margin: auto;
    text-align: center;
}

.accessible_on #Meet-physician-main li {
    display: inline-block;
    width: 25% !important;
    text-align: center;
    margin: 20px;
}
*/

.accessible_on .dr-readm {
    border: 1px solid #ccc;
}

.accessible_on .foot-loaction {
    display: none;
}

.accessible_on .contIframe {
    display: none;
}

.accessible_on .contact-zocdoc {
    margin: 15px 20px;
    width: 100px;
}

.accessible_on .hvr-shutter-in-vertical::before,
.accessible_on .aside-physicians h2::before {
    display: none;
}

.accessible_on .speciality-intra li {
    height: 50px;
    padding: 10px;
}

.accessible_on .physician-intra #flexiselDemo2 li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-height: 520px;
    width: 380px !important;
}

.accessible_on .physician-intra h2 {
	margin: 0 0 0px 0;
	padding-bottom: 10px;
}

.accessible_on #Testimonial0,
.accessible_on #Testimonial1,
.accessible_on #Testimonial2,
.accessible_on #Testimonial3{
    position: relative !important;
}

.textMain .image_center {
    margin: 25px auto;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.textMain .image_center img {
    border: 2px solid #012938;
    padding: 3px;
}
.dr-website a {
    font: 14px/18px 'Open Sans', sans-serif !important;
}
.phone-mob a {
    font: 14px/18px 'Open Sans', sans-serif !important;
}



/*----------Media screen---------------*/

.gdpCookie .cookie-main li.cookie-content {
	width: calc(96% - 150px) !important;
}
.gdpCookie, .gdp_popup {font: 400 15px/30px "Open Sans", sans-serif !important;}



@media screen and (max-width: 1152px) {
    .ocean-logo {
        margin: 0 2% 0 0;
    }

    .zocdoc-header {
        width: 11%;
    }

    .foot-links {
        width: 24%;
    }

    .foot-loaction {
        width: 46%;
    }

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

    .credibility-intra li {
        margin: 0 2% 0 0;
    }

    .specialist-l,
    .resourse-r {
        width: 50%;
    }

    .resourses-intra {
        float: left;
        margin: 53px 0 0 7px;
        width: 100%;
    }

    .foot-loaction img {
        margin: 0 10px 0 0;
    }

    .foot-copyright {
        padding: 0 2px;
        width: 99%;
    }

    .specialist-sec-r,
    .resourse-sec-r {
        width: 69%;
    }

    .physician-intra {
        padding: 64px 0 75px 3px;
        width: 99%;
    }

    /*.dr-sec {
        margin: 0 3% 0 0;
        width: 31%;
    }*/
    .dr-sec h2 {
        font: 700 22px/32px "Lato", sans-serif;
    }

    .serv-r {
        width: 72%;
    }

    .serv-r li {
        text-align: left;
    }

    .testi-img {
        margin: 0 20px 16px 0;
        height: 23px;
    }
	.header-right {
	text-align: center;
}
	.header-right {
	float: none;
	width: auto;
}
	#Menu-Container {
		float: none;
		width: 100%;
	}
	.patinfo-nav {
	width: 12% !important;
}
.head-appointment {
	float: left;
	padding-top: 28px;
}
	.resourses-intra {
	margin: 53px 0 0 96px;
}
    .foot-specialities {
	float: left;
	width: 17%;
}
  .foot-links {
	width: 37%;
}
}

@media screen and (max-width: 1023px) {
    .header-left {
        width: 570px;
        margin: 0 auto;
    }

    .head-appointment li.phone-h {
        width: 183px;
        margin: 10px 0 0 0;
    }

    .header-right {
        float: none;
        padding: 34px 0 0;
        text-align: right;
        width: 422px;
        clear: both;
        margin: 0 auto;
    }

    .head-appointment li {
        display: block;
        text-align: center;
    }

    /*  .home-nav {
        width: 12%;
    }
    .about-nav {
        width: 15%;
    }
    .services-nav {
        width: 15%;
    }
    .contact-nav {
        width: 20%;
    }*/
    #Menu-Container {
        width: auto;
        float: none;
    }

    .header-right {
        width: auto;
        text-align: center;
    }

    .head-appointment {
        float: none;
    }

    .header-location {
        padding: 45px 0 0;
    }
    .foot-links li {
	width: 44%;
}
    .foot-links {
	width: 43%;
}
    .foot-specialities {
	width: 18%;
}
    .foot-loaction {
	width: 39%;
        float: right;
}
}

@media screen and (max-width: 963px) {
    .menu li {
        margin: 0;
    }

    .patient-nav {
        width: 17%;
    }

    /*.dr-sec {
        width: 47%;
    }*/
    .dr-sec.michael {
        /*margin-top: 5% !important;*/
		margin-top: 0% !important;
    }

    #Meet-physician-bg {
        background-size: auto 100%;
    }

    .credibility-intra li {
        margin: 0 7% 0 0;
    }

    .foot-specialities {
        width: 27%;
    }

    .foot-links {
        width: 31%;
    }

    .foot-loaction {
        width: 42%;
    }

    .foot-address {
        width: 49%;
    }

    .contact-l {
        float: none;
        margin: 0 auto 5%;
    }

    .contact-r {
        float: none;
        margin: 0 auto;
        width: 300px;
    }

    .serv-r {
        width: 61%;
    }

    .testi-img {
        float: none;
        margin: 0 auto 16px;
    }

    .more-reviews.submit-testi.share-story {
        float: none;
        margin: 9% auto 4%;
    }

    .testimonial-r {
        padding: 13px;
        width: 96%;
        margin: 0 auto;
        float: none;
    }

    .testimonial-r::before {
        left: 50%;
        top: -10px;
        transform: rotate(360deg);
    }
	.head-appointment {
	float: none;
		padding: 0px;
}
	.header-left {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
	.header-location {
	padding: 45px 0 0;
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
	.ocean-logo {
	float: none;
	width: 100%;
}
}
@media screen and (max-width: 810px) {
	.patinfo-nav {
	width: 18% !important;
}
    .foot-links li {
	width: 40%;
}
}
@media screen and (max-width: 767px) {
    .foot-links li {
	width: 47%;
}

    .ocean-logo,
    .header-right {
        display: inherit;
    }

    .ocean-logo {
        margin: 0 auto;
        padding: 7px 0 0;
    }

    .header-right {
        padding: 20px 0 0;
        text-align: center;
    }

    .head-appointment {
        float: none;
    }

    #Menu-Container {
        margin-top: 20px;
        width: 100%;
    }

    .home-nav {
        width: 11%;
    }

    .about-nav {
        width: 14%;
    }

    .services-nav {
        width: 15%;
    }

    .patient-nav {
        width: 19%;
    }

    .contact-nav {
        width: 17%;
    }

    #Intra-Container #Interactivity #Slider1 li,
    #Intra-Container-S #Interactivity #Slider1 li {
        background-position: left top;
    }

    .dr-sec {
       /* margin: 20px 0;*/
        margin: 0px auto;
        text-align: center;
        width: 90%;
        /*margin: 50px auto;*/
        float: none;
    }

    .dr-sec h2 {
        text-align: center;
    }

    .dr-sec .dr-specialisation {
        margin: 0 0 13px;
    }

    .dr-sec li {
        margin: 0 auto 3%;
        text-align: left;
        width: 300px;
    }

    .dr-readm {
        float: none;
        margin: 14px auto 2%;
    }

    .dr-sec.michael {
        margin-top: 0 !important;
    }

    .michael-info {
        margin: 18px 0 0;
    }

    .foot-links {
        width: 50%;
    }

    .foot-specialities {
        width: 50%;
    }

    .footer-main {
        background: rgba(0, 0, 0, 0) url("../images/footer-bg.jpg") repeat-x scroll center top;
        background-size: auto 100%;
    }

    .foot-loaction {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .foot-copyright {
        margin: 20px 0 0;
    }

    #Mobile-Menu {
        display: block;
    }
    
    .parentMenu {
	display: none;
}

    #Menu-Container,
    .Wrapper {
        display: none;
    }

    .dr-sec li.z-doc {
        width: 277px;
    }

    .zocdoc-appointment {
        margin: 0 auto;
    }
	.resourses-intra {
	margin: 53px 0 0 50px;
}
    .menu-mobile {
	text-align: center;
}
    .menu-mobile img {
	float: none;
}
}

@media screen and (max-width: 640px) {
    .zocdoc-header {
        clear: both;
        float: none;
        margin: 0 auto;
        padding: 24px 0;
        width: 144px;
    }

    .header-right {
        padding: 0;
    }

    .specialist-l,
    .resourse-r {
        display: inherit;
    }

    .specialist-l,
    .resourse-r {
        float: none;
        margin: 0 auto;
        width: 98%;
    }

    .specialist-img-l,
    .resourse-img-l {
        float: none;
        margin: 0 auto;
    }

    .specialist-sec-r,
    .resourse-sec-r {
        float: none;
        margin: 0 auto 5%;
        width: 69%;
    }

    .testmonial-sec h2 {
        font: 700 32px/42px "Lato", sans-serif;
        margin: 19px 0 5px;
    }

    .testmonial-sec .intro-text {
        margin: 0 0 33px;
    }

    .testimonial-tabs {
        right: 9px;
    }

    #backtotop,
    #backtobot {
        background: none;
    }

    .foot-loaction {
        margin: 20px 0 15px;
    }

    .foot-copyright h1 {
        float: none;
        text-align: center;
        width: 100%;
    }

    .foot-copyright .foot-ypo {
        float: none;
        margin: 2% auto 0;
        width: 101px;
    }

    .smo,
    .main-head {
        float: none;
        text-align: center
    }

    .credibility-intra li a {
        margin-bottom: 1%;
    }

    .welcome-text-intra h2 {
        font: 700 33px/45px "Lato", sans-serif;
    }

    #Content-Main .intra-div {
        display: inherit;
    }

    #Content-Left,
    #Sidebar {
        display: inherit;
    }

    #Sidebar {
        margin: 0 auto;
        clear: both;
    }

    .navigation {
        margin: 30px 4px;
    }

    .contact-l {
        width: 108%;
    }

    .contact-l li {
        margin-bottom: 5%;
    }

    .textMain .contact-l h2 {
        font: 700 19px/24px "Roboto", sans-serif !important;
    }

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

    footer {
        background: #e3e3e3;
    }

    .footer-main {
        width: 96%;
        margin: 0 auto;
        float: none;
    }

    .foot-copyright {
        background: none;
    }

    .stephan {
        display: block;
    }

    .dr-sec.michael {
        margin: 0 auto;
        float: none;
    }

    .header-right {
        padding: 10px 0;
    }

    #Intra-Container #Interactivity {
        display: none;
    }

    .welcome-text-intra h2 {
        border-bottom: none;
    }

    #SurfingBgContainer {
        display: block;
        margin: 0 0 10px 0;
    }

    #SurfingBg h3 {
        position: absolute;
        top: 80px;
        left: 49%;
        color: #ffffff;
        font: 700 22px/30px "Lato", sans-serif;
    }

    .welcome-text-intra h2 {
        display: none;
    }

    .welcome-text-intra {
        padding: 5px 0 15px;
    }

    .zocdoc-s {
        float: none;
        padding: 10px 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 639px) {
    .head-appointment li.book-appointment {
        margin: 0 13px 10px 0;
    }

    .ocean-logo {
        float: none;
        margin: 10px auto;
    }

    .header-location {
        float: none;
        margin: 0 auto;
        padding: 10px 0 0;
        width: 235px;
    }

    .header-right {
        display: block;
        margin: 0 auto;
        width: 300px;
        padding: 10px 0 0;
    }

    .header-left {
        width: auto;
    }

    #Intra-Container #Interactivity,
    #Intra-Container-S #Interactivity {
        height: auto;
    }

    .welcome-text-intra h2 {
        background: none;
        border-bottom: 2px solid #012938;
    }

    .welcome-text-intra {
        padding: 10px 0 15px;
    }

    .physician-intra {
        padding: 17px 0 75px 3px;
    }

    .physician-intra h2 {
        font: 700 30px/40px "Lato", sans-serif;
    }

    .specialist-sec-r,
    .resourse-sec-r {
        width: 93%;
    }

    .specialist-sec-r h2,
    .resourse-sec-r h2 {
        font: 700 28px/35px "Lato", sans-serif;
    }

    .testmonial-sec h2 {
        font: 700 22px/28px "Lato", sans-serif;
        margin: 8px 0 5px;
    }

    .testmonial-sec .intro-text {
        margin: 0;
    }

    .testimonial-tabs {
        right: 3px;
    }

    .footer-main {
        padding: 20px 2px 0;
    }

    .foot-specialities {
        width: 99%;
    }

    .foot-links {
        width: 99%;
    }

    .footer-main h3 {
        font: 900 22px/22px "Lato", sans-serif;
        margin: 15px 0 21px;
        text-align: center;
    }

    .foot-address {
        width: 99%;
    }

    .foot-loaction {
        margin: 7px 0 15px;
        text-align: center;
    }

    .foot-loaction img {
        float: none;
    }

    .textMain h1 {
        font: 400 24px/28px "Lato", sans-serif;
    }

    .contact-l {
        width: 95%;
        margin: 0 auto;
    }

    .ofc-add .fa.fa-map-marker {
        margin: 0 10px 69px 0;
    }

    .service-tab img {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .serv-r {
        float: none;
        margin: 3px 0 0 0;
        width: 100%;
    }

    .list-r,
    .list-l {
        width: 100%;
    }

    .testimonial-r {
        width: 92%;
    }

    .dr-tab .dr-img {
        float: none;
        margin: 0 auto;
    }

    .dr-tab .dr-descrp {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .our-specialists h1 {
        text-align: center;
    }

    .our-specialists .dr-descrp a {
        margin: 9px auto 7px;
    }

    .our-specialists .dr-tab {
        width: 99%;
    }

    .about-list li {
        width: 90%;
    }

    .foot-address > ul {
        margin: 0 auto;
        width: 304px;
    }

    .welcome-text-intra p {
        width: 97%;
        margin: 0 auto;
    }

    .physician-intra {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    #Footer-container {
        width: 96%;
    }

    .dr-img-p {
        float: none;
        width: 151px;
        margin: 10px auto;
    }

    .head-appointment li span {
        display: none;
    }

    .head-appointment li {
        display: inline;
    }

    .book-appointment b {
        display: block;
    }

    .head-appointment li.book-appointment {
        font-size: 16px;
    }

    .head-appointment li.phone-h {
        font-size: 17px;
    }

    #SurfingBg h3 {
        left: 53%;
        top: 50px;
    }
    .foot-links li {
	float: none;
	margin: 0 0 13px 16px;
	width: 66%;
}
}

@media screen and (max-width: 479px) {
    #SurfingBg h3 {
        color: #ffffff;
        left: 40%;
        top: 17px;
    }

    .dr-sec li.z-doc {
        width: 260px;
    }

    #SurfingBg h3 {
        font-size: 21px;
        line-height: 24px;
        left: 47%;
        top: 30px;
    }

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

    .textMain h1 {
        font: 400 22px/28px "Lato", sans-serif;
        padding-top: 18px;
    }

    .serv-r h2 {
        font: 700 20px/26px 'Open Sans', sans-serif;
    }
	.resourses-intra {
	margin: 53px 0 0 0px;
}
}

@media screen and (max-width: 359px) {
    #SurfingBg h3 {
        font-size: 19px;
        left: 48%;
        top: 18px;
    }
}