/*
Theme Name: Matthew Byington, DO 
	Theme URI: http://www.yourpracticeonline.net
*/
/* ------------------------------ Global CSS ------------------------------ */
.play-button-video {
    position: relative;
}
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 {
    padding: 0px;
    margin: 0px;
}
ul,
ol {
    margin: 0px;
    padding: 0px;
}
ul,
li {
    list-style: none;
}
a,
a:hover {
    text-decoration: none;
    outline: none;
}
/* ------------------------------ General CSS ------------------------------ */
.adaOn span {
    background: #003263;
    color: #fff;
    border-radius: 50%;
}
.hr {
    height: 10px;
    background: url(../images/hr.gif) repeat-x left center;
    clear: both;
}
.clear-float,
.clear {
    clear: both;
}
.align-left {
    float: left;
}
.align-right {
    float: right;
}
.videoBorder {
    border: 4px solid #0F778A;
}
.PDFtext {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.bgnone {
    background: none !important;
}
.bordernone {
    border: none !important;
}
.border-bottom-none {
    border-bottom: none !important;
}
.border-right-none {
    border-right: none !important;
}
.order-list ol {
    margin: 0px 0px 0px 7% !important;
}
.order-list ol li {
    list-style: decimal !important;
}
.showcase li {
    background: none !important;
}
.mandatory {
    color: #ff8204;
    font: bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
}
.formHead {
    background: #29ABFF;
    color: #fff;
    font: normal 16px/30px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
/*----------Scrolling Styles----------*/
#flexiselDemo1 {
    margin: 0px;
    padding: 0px;
    display: block;
    list-style: none;
    overflow: hidden !important;
}
.nbs-flexisel-container {
    padding: 0px;
    position: relative;
    max-width: 100%;
    overflow: hidden !important;
}
.nbs-flexisel-ul {
    width: 9999px;
    *width: 9999px;
    position: relative;
    margin: 0px !important;
    padding: 0px !important;
    list-style: none;
    overflow: hidden !important;
}
.nbs-flexisel-inner {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden !important;
}
.nbs-flexisel-item {
    margin: 0px;
    padding: 3px;
    float: left;
    overflow: hidden !important;
    text-align: center;
    vertical-align: middle;
}
.nbs-flexisel-item img {
    vertical-align: middle;
	float:left;
}
.nbs-flexisel-item a,
.nbs-flexisel-item a:hover {
    text-decoration: none;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 40px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 16;
    top: 0px;
}
.nbs-flexisel-nav-left {
    left: 12px;
}
.nbs-flexisel-nav-right {
    right: 12px;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}
/* ------------------------------ Main CSS ------------------------------ */
#Container,
header,
#Intra-Container,
#Intra-Container-S,
#Services-Container-H,
#PatientResources-Container,
#Credibility-Container,
#HealthOrthopaedics-Multimedia-Container,
#OtherLogosContainer,
#Map-Container,
footer,
#Content-Container,
#rater8container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    clear: both;
    float: left;
    overflow: hidden;
}
#Menu-Container {
    margin: 0px;
    padding: 0px;
    width: 100%;
    clear: both;
    overflow: visible;
}
#Header,#Accessibility,
#Main-Menu,
#Interactivity,
#Services-H,
#Services-Container,
#PatientResources,
#OtherLogos,
#MapSection,
#Credibility,
#HealthOrthopaedics-Multimedia,
#Footer,
#Content-Main,
#rater8section {
    max-width: 1170px;
    min-width: 320px;
    margin: 0px auto;
}
/* ------------------------------Header CSS ------------------------------ */
header {
    background: #232c35;
}
#Header {
    padding: 19px 0;
}
.logo {
    float: left;
    width: 40%;
}
.header-right {
    float: right;
    padding: 35px 0 0 0;
}
.header-right li {
    float: left;
    border-right: 1px solid #4f565d;
    padding: 3px 0;
    padding: 0 25px;
    font: 400 14px/18px 'Open Sans', sans-serif;
}
.header-right li a {
    color: #ffffff;
    text-transform: uppercase;
}
.header-right li span {
    float: left;
    width: 20px;
    padding: 0 5px 0 0;
}
.phone.phone-mob {
    font: 700 14px/18px 'Open Sans', sans-serif;
}

.prairie-logo{
    float: right;
    margin: 20px 0px 0px 0px;
    padding: 0 24px 0px 0px;
}
.prairie-logo img{
    
}

#Header .serving{display: inline-block; color: #fff; padding: 29px 10px 0px 30px; font-size: 22px;}

/* ------------------------------ Menu CSS ------------------------------ */
#Menu-Container {
    height: 55px;
    position: relative;
    z-index: 9999;
    background: #000000 url(../images/menu-bg.png) repeat-x 0 0;
}
#Main-Menu {
    display: block;
}
#Mobile-Menu {
    display: none;
}
.menu li {
    float: left;
    text-align: center;
    border-right: 1px solid #2b3339;
}
.menu li a {
    font: 400 14px/55px 'Open Sans', sans-serif;
    color: #fff;
    display: block;
    text-transform: uppercase;
}
.menu-item1 {
    width: 8%;
}
.menu-item2 {
    width: 9%;
}
.menu .menu-item2 ul li {
    width: 210px;
}
.menu-item3 {
    width: 10%;
}
.menu .menu-item3 ul li {
    width: 300px;
}
.menu-item4 {
    width: 11%;
}
.menu-item4 ul li {
    width: 305px !important;
}
.menu-item4 ul ul li {
    width: 120px !important;
}
.menu-item4 ul ul li {
    width: 195px !important;
}
.menu-item6 {
    width: 7%;
}
.menu-item6 .sub-menu li {
    width: 187px;
}
.menu-item7 {
    width: 13%;
}
.menu-item8 {
    width: 21%;
}
.menu-item9 {
    width: 10%;
}
.menu > li:hover {
    background: #01c5e2 url(../images/menu-hover.png) repeat-x 0 0;
}
.menu li:hover > ul {
    display: block;
}
.menu ul {
    position: absolute;
    z-index: 999;
    display: none;
}
.menu ul li {
    position: relative;
    background: #121b20;
    font: 400 14px/20px 'Open Sans', sans-serif;
    color: #fff;
    text-align: left;
    width: 200px;
    float: none !important;
    border-bottom: 2px solid #121b20;
}
.menu ul li:hover {
    background: #2193a5;
}
.menu li ul li a {
    font-size: 13px;
    line-height: 23px !important;
    border-right: none !important;
}
.menu li li a {
    padding: 10px 0px 10px 28px;
}
.menu ul ul {
    left: 100%;
    z-index: 9999;
    top: 0px;
}
.menu ul li li {
    background: #121b20;
}
.menu ul li li:hover {
    background: #00adc7;
}
.Wrapper {
    position: absolute;
    z-index: 9999;
    left: 0px;
    width: 100%;
    background: #0C8195;
    display: none;
}
.par-menu {
    font: normal 14px/20px 'Open Sans', sans-serif !important;
    color: #fff;
}
.par-menu li a {
    padding: 10px 0px 10px 20px;
    color: #fff;
    background: #232C35;
    display: block;
}
.par-menu li a:hover {
    background: #1d6479;
}
.par-menu li ul {
    display: none;
}
.par-menu li li a {
    padding: 10px 0px 10px 40px;
    background: #1d6479;
    color: #fff;
}
.par-menu li li li a {
    padding: 10px 0px 10px 60px;
    background: #1d6479;
    color: #fff;
}
.par-menu li li a:hover {
    background: #232C35;
}



/* ------------------------------ Banner CSS ------------------------------ */
/* Common Banner css */
.intra-div {
    width: 100%;
    height: 100%;
}
.Intra-L,
.Intra-R {
    width: 2000px;
    height: 100%;
    position: absolute;
}
.Intra-L {
    margin: 0px 0px 0px -2000px;
}
.Intra-R {
    margin: 0px 0px 0px 1170px;
}
.rslides {
    position: relative;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    right: 0;
    top: 0;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    display: block;
    height: auto;
    float: left;
    border: 0;
}
#Intra-Container,
#Intra-Container-S {
    padding: 0px;
    width: 100%;
    position: relative;
    overflow: visible;
}
#Intra-Container-S {
    overflow: hidden !important;
}
#Intra-Container #Interactivity {
    position: relative;
    background: url(../images/interactivity-h-bg.png) repeat 0 0;
    height: 400px;
}
#Intra-Container #Interactivity .Intra-R {
    background: url(../images/banner-right.jpg) repeat 0 0;
    height: 400px;
}
#Intra-Container .banner1h .Intra-L {
    background: url(../images/banner1h-l.jpg) no-repeat right top;
}
#Intra-Container .banner2h .Intra-L {
    background: url(../images/banner2h-l.jpg) no-repeat right top;
}
#Intra-Container .banner3h .Intra-L {
    background: url(../images/banner3h-l.jpg) no-repeat right top;
}
#Intra-Container .banner4h .Intra-L {
    background: url(../images/banner4h-l.jpg) no-repeat right top;
}
#Intra-Container .banner5h .Intra-L {
    background: url(../images/banner5h-l.jpg) no-repeat right top;
}
#Intra-Container .banner6h .Intra-L {
    background: url(../images/banner6h-l.jpg) no-repeat right top;
}
#Intra-Container .banner7h .Intra-L {
    background: url(../images/banner7h-l.jpg) no-repeat right top;
}
#Intra-Container .banner8h .Intra-L {
    background: url(../images/banner8h-l.jpg) no-repeat right top;
}
#Intra-Container .banner9h .Intra-L {
    background: url(../images/banner9h-l.jpg) no-repeat right top;
}
#Intra-Container .banner10h .Intra-L {
    background: url(../images/banner10h-l.jpg) no-repeat right top;
}
#Intra-Container .bannertext-h {
    left: 40%;
    position: absolute;
    top: 31%;
}
#Intra-Container .bannertext-h h3 a,
#Intra-Container-S .bannertext-h h3 a {
    font: 400 52px/56px 'Vidaloka', serif;
    color: #343f49;
}
#Intra-Container .bannertext-h h3 span,
#Intra-Container-S .bannertext-h h3 span {
    font: 400 40px/44px 'Vidaloka', serif;
    color: #343f49;
    display: block;
}
#Intra-Container .banner-readmore {
    width: 120px;
    margin: 40px 0 0 0;
}
#Intra-Container .banner-readmore a {
    font: 400 15px/19px 'Open Sans', sans-serif;
    color: #ffffff;
    background: #00adc7;
    display: block;
    text-align: center;
    border: 1px solid #228096;
    border-radius: 2px;
    padding: 12px 0;
}
#Intra-Container .bullet7,
#Intra-Container-S .bullet7 {
    float: left;
    margin: -3% 0 0 2%;
    position: relative;
    z-index: 6;
}
#Intra-Container .bullet7 li,
#Intra-Container-S .bullet7 li {
    float: left;
    list-style-type: none;
    margin: 0px 5px 0px 0px;
    width: 10px;
    height: 10px;
    margin: 0px 8px 0px 0px;
}
#Intra-Container .bullet7 li a,
#Intra-Container-S .bullet7 li a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #5e6369;
}
#Intra-Container .bullet7 li a:hover,
#Intra-Container .bullet7 li.rslides_here a,
#Intra-Container-S .bullet7 li a:hover,
#Intra-Container-S .bullet7 li.rslides_here a {
    background: #00adc7 !important;
    border: 1px solid #00adc7;
}
/* #Intra-Container .prev { */
/* background: url(../images/banner-left.png) no-repeat left top; */
/* width: 40px; */
/* height: 65px; */
/* left: -15px; */
/* position: absolute; */
/* text-indent: -9999px; */
/* top: 41%; */
/* z-index: 101; */
/* } */
/* #Intra-Container .next { */
/* background: url(../images/banner-right.png) no-repeat left top; */
/* width: 40px; */
/* height: 65px; */
/* position: absolute; */
/* right: -45px; */
/* text-indent: -9999px; */
/* top: 41%; */
/* z-index: 101; */
/* } */
#Intra-Container-S #Interactivity {
    position: relative;
    background: url(../images/interactivity-h-bg.png) repeat 0 0;
    height: 300px;
}
#Intra-Container-S #Interactivity .Intra-R {
    background: url(../images/banner-s-r.jpg) repeat 0 0;
    height: 300px;
}
#Intra-Container-S .banner1s .Intra-L {
    background: url(../images/banner1s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner2s .Intra-L {
    background: url(../images/banner2s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner3s .Intra-L {
    background: url(../images/banner3s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner4s .Intra-L {
    background: url(../images/banner4s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner5s .Intra-L {
    background: url(../images/banner5s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner6s .Intra-L {
    background: url(../images/banner6s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner7s .Intra-L {
    background: url(../images/banner7s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner8s .Intra-L {
    background: url(../images/banner8s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner9s .Intra-L {
    background: url(../images/banner9s-l.jpg) no-repeat right top;
}
#Intra-Container-S .banner10s .Intra-L {
    background: url(../images/banner10s-l.jpg) no-repeat right top;
}
#Intra-Container-S .bannertext-h {
    left: 66%;
    position: absolute;
    top: 35%;
}
#Intra-Container .bullet7 {
    float: left;
    margin: -3% 0 0 2%;
    position: relative;
    z-index: 6;
}
#Intra-Container .bullet7 li {
    float: left;
    list-style-type: none;
    margin: 0px 5px 0px 0px;
    width: 10px;
    height: 10px;
    margin: 0px 8px 0px 0px;
}
#Intra-Container .bullet7 li a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #5e6369;
}
#Intra-Container-S .bullet7 li a:hover,
#Intra-Container-S .bullet7 li.rslides_here a {
    background: #00adc7 !important;
    border: 1px solid #00adc7;
}
/* #Intra-Container-S .prev { */
/* background: url(../images/banner-left.png) no-repeat left top; */
/* width: 40px; */
/* height: 65px; */
/* left: -15px; */
/* position: absolute; */
/* text-indent: -9999px; */
/* top: 41%; */
/* z-index: 101; */
/* } */
/* #Intra-Container-S .next { */
/* background: url(../images/banner-right.png) no-repeat left top;  */
/* width: 40px; */
/* height: 65px; */
/* position: absolute; */
/* right: -45px; */
/* text-indent: -9999px; */
/* top: 41%; */
/* z-index: 101; */
/* } */
/* -----------------------------HomeServices  CSS ------------------------------ */
#Services-Container-H {
    background: url(../images/services-h-bg.jpg) repeat 0 0;
    height: 510px;
    overflow: visible;
}
#Services {}
.services-sec {
    width: 61%;
    margin: 45px 0 0 14px;
    background: rgba(255, 255, 255, 0.2);
    padding: 22px 20px 0 20px;
    position: relative;
    z-index: 10;
}
.ourservices-head {
    background: #000;
    text-align: center;
}
.ourservices-head a {
    font: normal 26px/51px 'Vidaloka', serif;
    color: #ffffff;
    text-align: center;
}
.serv-img1 {
    background: url(../images/shoulder-service.jpg) no-repeat 0 0;
    height: 387px;
}
.serv-img2 {
    background: url(../images/elbow-service.jpg) no-repeat 0 0;
    height: 387px;
}
.serv-img3 {
    background: url(../images/knee-service.jpg) no-repeat 0 0;
    height: 387px;
}
.serv-img4 {
    background: url(../images/sports-medicine-service.jpg) no-repeat 0 0;
    height: 387px;
}
.pana-knee {
    background: url(../images/knee-service.jpg) no-repeat left top !important;
}
.pana-shoulder {
    background: url(../images/shoulder-service.jpg) no-repeat left top !important;
}
.pana-sp-medicine {
    background: url(../images/sports-medicine-service.jpg) no-repeat left top !important;
}
.pana-elbow {
    background: url(../images/elbow-service.jpg)no-repeat left top !important;
}
.service-condition {
    bottom: 0px;
    left: 5px;
    position: absolute;
    width: 96px;
    text-align: center;
    background: #151618;
    width: 130px;
    padding: 0 0 16px 0;
}
.service-condition a {}
.service-condition a img {
    padding: 0 0 15px 0;
    margin: -45px 0 0 0;
}
.service-condition a span {
    display: block;
    font: 400 16px/20px 'Vidaloka', serif;
    color: #00d3f3;
    text-transform: uppercase;
}
.service-condition a span i {
    display: block;
    font: 400 12px/16px 'Open Sans', sans-serif;
    color: #ffffff;
}
.conditions-hover {
    position: absolute;
    top: 60px;
    left: 80px;
    padding: 0 0 16px 0;
    display: none;
    padding: 0 20px 0 0;
}
.conditions-hover h3 {
    margin: 0 0 20px 0;
}
.conditions-hover h3 a {
    font: 400 18px/22px 'Vidaloka', serif;
    color: #01c5e2;
}
.conditions-hover ul {
    min-height: 150px;
}
.conditions-hover ul li {
    background: url(../images/condition-list-icon.png) no-repeat 0 8px;
    margin: 0 0 12px 0;
}
.conditions-hover li a {
    font: 400 14px/18px 'Open Sans', sans-serif;
    color: #ffffff;
    padding: 0 0 0 12px;
}
.conditon-more {
    width: 110px;
    margin: 45px 0 0 0;
}
.conditon-more a {
    font: 400 14px/18px 'Open Sans', sans-serif;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background: #00adc7;
    display: block;
    padding: 10px 0;
}
.conditions-hover li a,
.conditions-hover p {
    font: 400 14px/18px 'Open Sans', sans-serif;
    color: #ffffff;
}
.pana-accordion-item.active .conditions-hover {
    display: block;
}
.pana-accordion-item.active .service-condition {
    display: none;
}
.sp-medicine .conditions-hover {
    left: 15px !important;
}
/* ------------------------------Credibility Section CSS ------------------------------ */
#Credibility-Container {
    overflow: visible;
    background: #f2f2f2;
}
#Credibility {
    padding: 60px 0 42px 0;
}
#Credibility .nbs-flexisel-nav-left {
    left: 12px;
    background: url(../images/credibility-left.png) no-repeat left center;
}
#Credibility .nbs-flexisel-nav-right {
    right: 12px;
    background: url(../images/credibility-right.png) no-repeat right center;
}
/* ------------------------MeetDoctor-Container CSS ----------------- */
.doctorsection-h {
    background: url(../images/meetdr-h-bg.png) no-repeat center top;
    height: 930px;
    right: 0;
    top: -22px;
    z-index: 102;
    width: 400px;
    position: absolute;
}
.drimage-h {
    text-align: center;
    padding: 100px 0 0 0;
}
.aboutdoctor-h {
    margin: -171px auto 0;
    width: 62%;
}
.aboutdoctor-h h1 {
    padding: 8px 0 10px 0;
}
.aboutdoctor-h i {
    font: 300 20px/24px 'Open Sans', sans-serif;
    color: #ffffff;
    font-style: normal;
    text-align: left;
}
.aboutdoctor-h h1 a {
    font: normal 61px/65px 'Vidaloka', serif;
    color: #00daf6;
}
.aboutdoctor-h h1 a span {
    display: block;
    font: normal 40px/44px 'Vidaloka', serif;
    color: #00daf6;
}
.aboutdoctor-h h3 {
    font: 400 12px/16px 'Open Sans', sans-serif;
    color: #a0b7c6;
    text-transform: uppercase;
}
.aboutdoctor-h p {
    font: 300 15px/23px 'Open Sans', sans-serif;
    color: #728491;
    text-align: center;
    padding: 40px 0 25px;
}
.viewprofile {
    width: 175px;
    margin: 0 auto;
}
.viewprofile a {
    display: block;
    font: 400 13px/17px 'Open Sans', sans-serif;
    color: #fdfdfc;
    text-transform: uppercase;
    background: #455661;
    text-align: center;
    border-radius: 2px;
    padding: 5px 0;
    margin: 8px 0;
}
/* -----------------------HealthOrthopaedics-Multimedia-Container  CSS -------------------------*/
#HealthOrthopaedics-Multimedia-Container {
    background: #232c35;
}
#HealthOrthopaedics-Multimedia {
    padding: 100px 0 105px 0;
}
.fremont-health-orthopaedics {
    float: left;
    width: 45%;
    margin: 0 0 0 4%;
}
.fremont-health-image {
    padding: 0 7% 7% 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.fremont-health-image::before {
    position: absolute;
    content: "";
    background: #4f565d;
    width: 1px;
    height: 71%;
    right: 0px;
    top: 29%;
}
.fremont-health-image::after {
    position: absolute;
    content: "";
    background: #4f565d;
    height: 1px;
    width: 44%;
    right: 0;
    bottom: 0;
}
.fremont-health-image .videoBorder,
.fremont-s-img .videoBorder {
    margin: 0px !important;
    width: 100%;
}
.fremont-health-orthopaedics h3 {
    margin: -13px 0 0;
    position: relative;
    z-index: 2;
}
.fremont-health-orthopaedics h3 a {
    font: 400 22px/26px 'Vidaloka', serif;
    color: #00adc7;
    background: #232c35;
    text-transform: uppercase;
}
.fremont-health-orthopaedics h3 a span {
    display: block;
    font: 400 30px/34px 'Vidaloka', serif;
    color: #ffffff;
}
.multimedia-h h3 {
    float: right;
    margin: -9px 0 0;
    position: relative;
    z-index: 2;
}
.multimedia-h h3 a {
    font: 400 22px/26px 'Vidaloka', serif;
    color: #00adc7;
    text-transform: uppercase;
}
.multimedia-h h3 a i {
    font-style: normal;
    float: right;
}
.multimedia-h h3 a span {
    clear: both;
    float: right;
    display: block;
    font: 400 30px/34px 'Vidaloka', serif;
    color: #ffffff;
}
.multimedia-h {
    float: left;
    width: 45%;
    margin: 0 0 0 2%;
}
.multimedia-h-image {
    padding: 13% 0 0 8%;
    position: relative;
    width: 91%;
    z-index: 1;
}
.multimedia-h-image::before {
    position: absolute;
    content: "";
    background: #4f565d;
    width: 1px;
    height: 66%;
    left: 0px;
    top: 0;
}
.multimedia-h-image::after {
    position: absolute;
    content: "";
    background: #4f565d;
    height: 1px;
    width: 68%;
    left: 0;
    top: 0;
}
/* ------------------------------PatientResources Section CSS ------------------------------ */
#PatientResources-Container {
    background: url(../images/quicklinks-h-bg.jpg) repeat-x center top;
}
#PatientResources {}
.quicklinks-h {
    float: left;
    width: 100%;
    padding: 80px 0;
}
.quicklinks-h ul li {
    float: left;
    margin: 0 1%;
    width: 269px;
}
.quicklinks-h li a {
    font: 400 14px/18px 'Open Sans', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    background: #00adc7;
    display: block;
    padding: 7px 30px 27px 30px;
	width:270px;
}
.quicklinks-h li a:hover {
    border: 1px solid #474e52;
    background: none;
    color: #00adc7;
    margin: -1px;
}
.quicklinks-h a span {
    float: left;
    width: 18px;
    height: 21px;
}
.quicklinks-h a i {
    float: left;
    font-style: normal;
}
.first-visit-h a span {
    background: url(../images/firstvisit-h.png) no-repeat 0 0;
    width: 40px;
}
.first-visit-h a:hover span {
    background: url(../images/firstvisit-h-hover.png) no-repeat 0 0;
}
.patient-forms-h a span {
    background: url(../images/patient-forms-h.png) no-repeat 0 0;
    width: 40px;
}
.patient-forms-h a:hover span {
    background: url(../images/patient-forms-h-hover.png) no-repeat 0 0;
}
.testimonials-h a span {
    background: url(../images/patient-testimonials-h.png) no-repeat 0 0;
    width: 40px;
}
.testimonials-h a:hover span {
    background: url(../images/patient-testimonials-h-hover.png) no-repeat 0 0;
}
.online-appointment-h a {
    padding: 7px 23px 27px !important;
}
.online-appointment-h a span {
    background: url(../images/onlineappt-h.png) no-repeat 0 0;
    width: 40px;
}
.online-appointment-h a:hover span {
    background: url(../images/onlineappt-h-hover.png) no-repeat 0 0;
}
/* ------------------------------OhterLogos Section CSS ------------------------------ */
#OtherLogosContainer {}
#OtherLogos {
    padding: 57px 0;
}
.athletic-history,
.sports-medicine-affiliations {
    float: left;
    width: 44%;
    padding: 0 2%;
    position: relative;
    border-right: 1px solid #dedede;
}
.athletic-logos-section h3,
.sports-medicine-affiliations-section h3 {
    font: 400 24px/28px 'Vidaloka', serif;
    color: #232c35;
    padding: 0 0 25px 0;
}
.athletic-logos-section h3 span,
.sports-medicine-affiliations-section h3 span {
    display: block;
    font: 400 30px/34px 'Vidaloka', serif;
    color: #00adc7;
}
.athletic-logos-section li,
.sports-medicine-affiliations-section li {
    height: 400px;
}
.athletic-logos-section li i,
.sports-medicine-affiliations-section li i {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    padding: 32px 8px;
    width: 27%;
}
.athletic-logos-section .prev,
.sports-medicine-affiliations-section .prev {
    background: url(../images/logo-left.jpg) no-repeat left top;
    position: absolute;
    text-indent: -9999px;
    bottom: 10px;
    left: 45%;
    height: 15px;
    width: 22px;
    z-index: 101;
    border-right: 1px solid #d3d3d4;
}
.athletic-logos-section .next,
.sports-medicine-affiliations-section .next {
    background: url(../images/logo-right.jpg) no-repeat left top;
    position: absolute;
    left: 50%;
    text-indent: -9999px;
    bottom: 10px;
    height: 15px;
    width: 15px;
    z-index: 101;
}
.athletic-logos-section .rslides2_nav {}
.athletic-logos-section .prev::before,
.sports-medicine-affiliations-section .prev::before {
    position: absolute;
    content: "";
    background: #e8e9e9;
    height: 1px;
    left: -155px;
    top: 7px;
    width: 135px;
}
.athletic-logos-section .next::before,
.sports-medicine-affiliations-section .next::before {
    position: absolute;
    content: "";
    background: #e8e9e9;
    height: 1px;
    top: 7px;
    width: 135px;
    right: -155px;
}
/* -----------------------------Map -------------------------------------*/
#Map-Container {
    
    border-top: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
}
.gm-style .gm-style-iw {
    overflow: visible !important;
    position: relative;
    background: url(../images/infowindow-bg.png) repeat 0 0 !important;
    /* padding: 40px 0 40px 100px; */
    top: 100px;
	height:100px;
}
.gm-style > div > div > div > div > div > div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    position: relative;
}
.gm-style > div > div > div > div > div > div > div > div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.gm-style > div > div > div > div > div {
    /* background: #fefefe; */
    color: #fff !important;
    font: normal 20px/31px 'open_sansregular';
    text-align: left;
    right: 15px !important;
}
.gm-style > div > div > div > div > div > div > div {
    top: -6px !important;
}
.gm-style > div > div > div > div > div > div > div > div {
    box-shadow: none !important;
    font: 400 16px/25px 'Open Sans', sans-serif;
    text-transform: none;
    color: #e91d24;
    padding-right: 10px;
    margin-left: 12px;
    margin-top: 10px;
    position: relative;
}
.gm-style-iw {
    height: 70px;
    width: 300px !important;
}
.gm-style-iw p {
    font: 400 16px/25px 'Open Sans', sans-serif;
    margin-left: 12px;
    color: #ffffff;
    text-transform: uppercase;
}
.gm-style-iw p a {
    font: 700 16px/25px 'Open Sans', sans-serif;
    color: #00adc7;
}
#map > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(3) {
    display: none;
}
/* ------------------------------Footer Section CSS ------------------------------ */
footer {
    background: #131c22;
}
#Footer {
    padding: 48px 0
}
.footer-section {
    width: 570px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #21292f;
}
.social-icons {
    display: inline-block;
}
.social-icons ul li {
    float: left;
    margin: 0px 3px 0px 0px;
}
.social-icons li a {
    display: block;
    width: 35px;
    height: 35px;
}
.social-icons li a span {
    float: left;
    width: 20px;
    height: 20px;
}
.social-icons li.facebook a span {
    background: url(../images/social-sprite.png) no-repeat -10px -10px;
}
.social-icons li.twitter a span {
    background: url(../images/social-sprite-upd.png) no-repeat -10px -49px;
}
.social-icons li.linkedin a span {
    background: url(../images/social-sprite.png) no-repeat -10px -88px;
}
.social-icons li.google-plus a span {
    background: url(../images/social-sprite.png) no-repeat -10px -127px;
}
.social-icons li.youtube a span {
    background: url(../images/social-sprite.png) no-repeat -10px -166px;
}
.copy-text {
    font: 300 14px/18px 'Open Sans', sans-serif;
    color: #00adc7;
    margin: 5px 0 12px 0;
}
.footer-menu {
    color: #ffffff;
}
.footer-menu a {
    text-decoration: none;
    text-transform: uppercase;
    font: 300 13px/17px 'Open Sans', sans-serif;
    color: #ffffff;
}
.footer-menu a:hover {
    text-decoration: underline;
}
.ypo-logo {
    text-align: center;
    padding: 20px 0 0;
}
/* ------------------------------ Sub Page CSS ------------------------------ */
#Content-Container {
    padding: 0px 0px 15px 0px;
}
#Content-Main .intra-div {
    display: table;
    height: 100%;
    padding: 50px 0 0;
    width: 100%;
}
#Content-Left {
    width: 100%;
    display: table-cell;
    vertical-align: top;
}
#Sidebar {
    width: 320px;
    vertical-align: top;
    margin: 55px 15px 50px 0px;
}
/*----- Navigation Starts -----*/
.navigation {
    font: normal 14px/18px 'Open Sans', sans-serif;
    color: #00adc7;
    padding: 18px 30px 11px 10px;
    width: 92%;
}
.navigation a {
    color: #3e3e3e;
}
.navigation a:hover {
    text-decoration: underline;
}
/*--- textMain Starts ---*/
.textMain {
    padding: 10px 30px 30px 10px;
    text-align: justify;
    font: 400 14px/24px 'Open Sans', sans-serif;
    color: #000000;
}
.textMain a {
    color: #000000;
    text-decoration: underline;
}
.textMain a:hover {
    color: #000000;
    text-decoration: underline;
}
.textMain p {
    padding: 0px;
    margin: 10px 0px;
}
.textMain ul,
.textMain ol {
    padding: 0px;
    margin: 10px 0px;
    list-style: none;
}
.textMain ul li {
    padding-bottom: 10px;
    background: url(../images/bullet-tm.gif) no-repeat 15px 12px;
    padding: 5px 0px 0px 30px;
    list-style: none;
}
.textMain ul li ul {
    padding-bottom: 10px;
    background: none;
    padding: 5px 0px 0px 20px;
    list-style: circle;
}
.textMain ul li ul li {
    padding-bottom: 10px;
    background: none;
    padding: 5px 0px 0px 0px;
    list-style: circle;
}
.textMain ul li ul li ul li {
    padding-bottom: 8px;
    background: none;
    padding: 6px 0px 0px 0px;
    list-style: square;
}
.textMain ol li {
    padding-bottom: 10px;
}
.textMain ul li p,
textMain ol li p {
    padding-bottom: 0px;
    margin: 10px 0px 0px 0px;
}
.textMain ul li ul,
.textMain ul li ol,
.textMain ol li ul,
.textMain ol li ol {
    padding-bottom: 0px;
}
.textMain .pdf-list li {
    list-style: outside none none;
    padding: 6px 0 0 30px;
}
.textMain .pdf-list li a {
    text-decoration: none;
}
/*--- textMain Ends ---*/
.fremont-s-img {
    text-align: center;
}
.fremont-s-img img {
    width: 150px;
}
.News-audio {
    color: #00d3f3;
    padding: 15px 0;
    text-align: center;
    font: 400 18px/26px 'Open Sans', sans-serif;
}
.SidebarAudio {
    width: 250px;
}
.textMain h1 {
    font: 400 30px/34px 'Vidaloka', serif;
    color: #00a3bb;
    text-align: left;
    padding: 0 15px 10px 0;
    margin: 10px 0;
}
.textMain h1 span {
    font: 400 22px/28px 'Vidaloka', serif;
    display: block;
    color: #000;
    text-align: left;
}
.textMain h2 {
    font: 600 24px/30px 'Open Sans', sans-serif;
    color: #0A556B;
    text-align: left;
    margin: 10px 0px;
}
.textMain h2 a {
    color: #0A556B;
    text-decoration: none;
}
.textMain h2 a:hover {
    color: #0A556B;
    text-decoration: underline;
}
.textMain h3 {
    font: 400 19px/25px 'Open Sans', sans-serif;
    color: #0061A7;
    text-align: left;
    margin: 10px 0px;
}
.textMain h3 a {
    color: #0061A7;
    text-decoration: none;
}
.textMain h3 a:hover {
    color: #0061A7;
    text-decoration: underline;
}
.textMainBold {
    text-align: left;
    font: 700 14px/20px 'Open Sans', sans-serif;
    color: #000000;
}
.textMainBold a {
    color: #142C3C;
    text-decoration: underline;
}
.textMainBold a:hover {
    color: #142C3C;
    text-decoration: none;
}
/* ----------- Sidebar CSS ------*/
.meetdoctor-s {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/meetdr-s-bg.png) no-repeat 0 0;
    height: 541px;
    margin: -38px 0 40px 0;
}
.meetdoctor-s::before {
    position: absolute;
    content: "";
    width: 37px;
    height: 431px;
    left: -37px;
    top: -50px;
    background: url(../images/left-shadow.png) no-repeat 0 0;
}
.meetdoctor-s::after {
    position: absolute;
    content: "";
    width: 37px;
    height: 431px;
    right: -37px;
    top: -50px;
    background: url(../images/right-shadow.png) no-repeat 0 0;
}
.drimage-s {
    text-align: center;
    padding: 30px 0 0 0;
}
.aboutdotor-s {
    margin: -100px auto 0;
    width: 230px;
}
.aboutdotor-s i {
    font: 300 18px/22px 'Open Sans', sans-serif;
    color: #ffffff;
    font-style: normal;
    text-align: left;
}
.aboutdotor-s h2 {
    padding: 7px 0 7px;
}
.aboutdotor-s h2 a {
    font: 400 55px/59px'Vidaloka', serif;
    color: #00daf6;
}
.aboutdotor-s h2 a span {
    display: block;
    font: 400 36px/40px'Vidaloka', serif;
    color: #00daf6;
}
.aboutdotor-s h3 {
    font: 300 11px/15px 'Open Sans', sans-serif;
    color: #a0b7c6;
    text-transform: uppercase;
}
.viewprofile-s {
    width: 174px;
    margin: 30px 0 0 0;
}
.viewprofile-s a {
    font: 400 13px/17px 'Open Sans', sans-serif;
    color: #fdfdfc;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding: 12px 0;
    background: #455661;
    border-radius: 3px;
}
.services-s {
    float: left;
    width: 310px;
    background: #151618;
    border: 6px solid #353637;
    margin: 0 0 40px 0;
}
.services-s ul li {
    clear: both;
    border-bottom: 1px solid #2d2e30;
}
.services-s li a {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    text-transform: uppercase;
}
.services-s li a span {
    float: left;
    width: 70px;
    margin: 0 18px 0 0;
    padding: 0 0 0 20px;
}
.services-s li a u {
    font: 400 24px/28px 'Vidaloka', serif;
    color: #00d3f3;
    float: left;
    text-decoration: none;
    margin: 11px 0 0 0;
}
.services-s li a u i {
    display: block;
    font-style: normal;
    font: 400 18px/22px 'Open Sans', sans-serif;
    color: #606162;
}
.fremont-health-orthopaedics-s {
    float: left;
    width: 266px;
    background: #232c35;
    padding: 10px 27px;
}
.fremont-health-orthopaedics-s h3 {}
.fremont-health-orthopaedics-s h3 a {
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.fremont-health-orthopaedics-s h3 a i {
    font-style: normal;
    font: 400 15px/19px 'Open Sans', sans-serif;
    color: #00adc7;
    position: relative;
}
.fremont-health-orthopaedics-s h3 a u {
    text-decoration: none;
    display: block;
    font: 400 16px/20px 'Open Sans', sans-serif;
    color: #ffffff;
}
.quicklinks-s {
    float: left;
    width: 264px;
    padding: 36px 28px;
    background: url(../images/quicklinks-s-bg.jpg) repeat 0 0;
}
.quicklinks-s ul li {
    margin: 0 0 10px 0;
}
.quicklinks-s li a {
    font: 400 14px/18px 'Open Sans', sans-serif;
    color: #ffffff;
    background: #00adc7;
    display: block;
    padding: 10px 0 10px 30px;
}
.quicklinks-s li a span {
    float: left;
    width: 20px;
    height: 25px;
    margin: 0 20px 0 0;
}
.quicklinks-s li a:hover {
    background: none;
    color: #00adc7;
}
.first-visit-s a span {
    background: url(../images/sprite.png) no-repeat 0px 0px;
}
.first-visit-s a:hover span {
    background: url(../images/sprite.png) no-repeat -30px 0px;
}
.patient-forms-s a span {
    background: url(../images/sprite.png) no-repeat 0px -30px;
}
.patient-forms-s a:hover span {
    background: url(../images/sprite.png) no-repeat -30px -30px;
}
.patient-testimonials-s a span {
    background: url(../images/sprite.png) no-repeat -60px 0px;
}
.patient-testimonials-s a:hover span {
    background: url(../images/sprite.png) no-repeat -90px 0px;
}
.online-appointment-s a span {
    background: url(../images/sprite.png) no-repeat -60px -30px;
}
.online-appointment-s a:hover span {
    background: url(../images/sprite.png) no-repeat -90px -30px;
}
.patient-education-s a span {
    background: url(../images/sprite.png) no-repeat -150px 0px;
    margin: 3px 20px 0 0 !important;
}
.patient-education-s a:hover span {
    background: url(../images/sprite.png) no-repeat -180px 0px;
}
/*-------------------- Contact Us Styles --------------------*/
.contact-details-section {
    width: 95%;
    padding: 12px;
    border: 2px solid #dedede;
    margin: 15px 0 0 0;
}
.contact-details-section h2 {
    text-align: center;
}
.contactinformation {
    float: left;
    margin: 10px 0 20px;
    width: 100%;
}
.contact-address {
    float: left;
    width: 50%;
    text-align: left;
    font: 400 15px/25px 'Lato', sans-serif;
    color: #000000;
}
.contact-info {
    float: left;
    width: 50%;
}
.contact-info li {
    background: none !important;
    padding: 0px !important;
    margin: 0 0 14px;
    text-align: left;
}
.contact-info li a {
    font: 700 15px/25px 'Open Sans', sans-serif;
    color: #000000;
    text-decoration: none;
}
.contact-info .fa.fa-volume-control-phone {
    color: #0a556b;
    float: left;
    font-size: 21px;
    padding: 0 15px 0 7px;
}
.contact-info .fa-envelope {
    color: #0a556b;
    float: left;
    font-size: 18px;
    padding: 0 12px 0 7px;
}
.schema-right .fa-envelope {
    color: #0a556b;
    float: left;
    font-size: 21px;
    padding: 0 5px 0 0px;
}
.fa.fa-envelope.faa-horizontal {
    margin: 0 10px 0 0;
}
.contact-icon {
    float: left;
    width: 40px;
}
.contact-address .fa.fa-map-marker {
    color: #0a556b;
    float: left;
    font-size: 50px;
    margin: 0 10px 0 0;
}
.contact-address u {
    text-decoration: none;
    float: left;
}
.google-map-view {
    height: 280px;
    position: relative;
    width: 100%;
}
.google-map-view iframe {
    border: 0 none !important;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
#mapviewer {
    position: relative;
    height: 100%;
}
#mapviewer iframe {
    pointer-events: none;
}
#mapviewer iframe.clicked {
    position: relative;
    pointer-events: auto;
}
/*Facebook*/
.facebook-head {
    font-size: 28px;
    text-align: center;
}
.facebook-head a,
.facebook-head a:hover {
    text-decoration: none;
}
.fa.fa-thumbs-o-up {
    color: #28377a;
    font-size: 50px;
}
.facebook-head span {
    margin: 0 0 0 15px;
}
.drinfo {
    margin: -8px 0 0 20px;
    text-align: center;
}
.drinfo h2,
.drinfo h3,
.drinfo .p,
.drinfo .textMainBold {
    text-align: center;
}
/*******Conditions Section********/
.conditions-section {
    float: left;
    width: 100%;
    margin: 10px 0;
}
.condition-image {
    float: left;
    margin: 0 3% 0 0;
    width: 26%;
}
.condition-image img {
    border: 1px dashed #cccccc;
    padding: 2px;
}
.conditon-text {
    float: left;
    width: 71%;
}
.condition-more {
    float: right;
    margin: 10px;
    width: 100px;
}
.condition-more a {
    background: #004A4A;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    display: block;
}
.condition-more a:hover {
    text-decoration: none;
    color: #ffffff;
}
/*-------------------- Review Page Styles --------------------*/
.review {
    margin: 20px auto 0px auto;
    padding: 0px;
    width: 100%;
    height: auto;
    text-align: left;
}
.review img {
    margin: 5px;
    padding: 0px;
}
/*---- Multimedia List Styles----*/
.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.multiBorder {
    width: 100%;
    position: relative;
    margin: 10px auto;
    padding: 100% 0px 0px 0px;
    overflow: hidden;
    height: 535px;
}
.videoBorder {
    width: 90%;
    position: relative;
    margin: 15px auto;
    padding: 55% 0px 0px 0px;
}
.videoBorder iframe,
.videoBorder embed,
.multiBorder iframe,
.multiBorder embed {
    top: 0px;
    position: absolute;
    width: 100.1%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px !important;
}
.videoborder {
    border: 4px solid #333;
    width: 90%;
    position: relative;
    margin: 15px auto;
}
.videoborder iframe,
.videoborder embed {
    top: 0px;
    position: absolute;
    width: 100.1%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px !important;
}
/***Launch Moive****/
.multimedialist {
    clear: both;
    margin: 20px 0 10px 0;
}
.media {
    font: normal 14px/16px 'open_sansregular';
    color: #fff;
    text-decoration: none;
    text-align: left;
    margin: 0px !important;
    padding: 0px !important;
    list-style: none;
}
.media li {
    float: left;
    list-style: outside none none;
    margin: 0px 5% 0px 2% !important;
    padding: 0px !important;
    width: 152px;
}
.media li a {
    text-decoration: none !important;
}
.video a {
    font: 600 14px/16px 'Open Sans', sans-serif;
}
.info a {
    font: 600 14px/16px 'Open Sans', sans-serif;
}
.print a {
    font: 600 14px/16px 'Open Sans', sans-serif;
}
.media li a {
    color: #ffffff;
    display: block;
    text-decoration: none;
    line-height: 20px;
    width: 110px;
    height: 20px;
    padding: 5px 0px 5px 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #57A9A8;
}
.media li a:hover {
    text-decoration: none;
    color: #ffffff;
}
/****** *** Accordion Styles ***/
.accordion {
    margin: 1em 0;
}
.accordion h2 {
    background: url(../images/accordian-icon.png) 95% center no-repeat #03A0B8;
    color: #fff;
    cursor: pointer;
    margin: 5px 0 0;
    padding: 4px 10px;
    font: 400 18px/22px 'Open Sans', sans-serif;
}
.accordion h2.current {
    background: url(../images/accordian-icon-hover.png) 95% center no-repeat #07556D;
    cursor: default;
    color: #fff;
    border: 1px solid #cccccc;
    border-bottom: 0 solid #cccccc !important;
}
.accordion h2 a {
    color: #fff !important;
    text-decoration: none !important;
}
.accordion div.pane {
    padding: 15px 10px 10px;
    border: 1px solid #cccccc;
}
/*-------------------- Useful Links Styles --------------------*/
.UseFul-links {
    width: 90%;
    height: auto;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}
.UseFul-links img {
    margin: 2px;
    padding: 10px;
    border: 1px solid #666666;
    float: left;
}
/*-----------Our Surgeons------------------*/
.surgeons {
    float: left;
    width: 100%;
    margin: 10px 0;
}
.doctor-team {
    float: left;
    width: 200px;
    margin: 10px 20px;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 5px 5px 0;
}
.doctor-team h3 {
    text-align: center;
}
.doctor-team h3 a {
    color: #302f2f;
    font: 600 15px/19px 'Lato', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.doctor-team h3 a:hover {
    color: #302f2f;
    text-decoration: none;
}
.doctor-team h3 span,
.textMain h1 i {
    display: block;
    font-size: 16px;
    color: #757575;
    font-style: normal;
}
.textMain h1 i {
    font-size: 20px;
}
.viewprofile-team {
    margin: 20px auto 0;
    width: 95px;
}
.viewprofile-team a {
    background: #0A556B none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font: 400 13px/35px 'Lato', sans-serif;
    text-align: center;
    text-decoration: none;
}
.viewprofile-team a:hover {
    color: #ffffff;
    text-decoration: none;
}
/*-----------Back to Top------------------*/
#backtotop {
    cursor: pointer;
    right: 5px;
    position: fixed;
    z-index: 10000;
    bottom: 10px;
    font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: none;
}
#backtotop a {
    display: block;
    color: #fff;
}
#backtotop:hover {
    opacity: 0.9;
}
/****************schema*****************/
.tableborder {
    border: 1px solid #0A556B;
    border-radius: 0;
    text-align: left;
    margin: auto;
}
.table-bg {
    background: url(../images/byington-sports-med.jpg) 45px center no-repeat;
    background-size: cover;
}

.adr-br{
    border-top: 1px dotted #000;
    width: 200px;
}
.text-address {
    font: normal 14px/21px 'Open Sans', sans-serif;
    color: #707070;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
    text-align: left;
}
.text-address a {
    color: #0A556B;
    text-decoration: underline;
    font: normal 14px/16px 'Open Sans', sans-serif;
}
.text-address a:hover {
    color: #0A556B;
    text-decoration: underline;
}
.tel-schema {
    height: 28px;
}
.tel-schema span {
    color: #0A556B !important;
}
.tel-schema img {
    float: left;
    margin: 0 10px 0 0;
}
.schema-left {
    float: left;
    width: 48%;
}
.schema-right {
    float: left;
    width: 48%;
}
.tel-schema .fa.fa-volume-control-phone {
    font-size: 18px;
    margin: 0 4px 0 0;
    color: #0A556B !important;
}
.tel-schema .fa.fa-fax {
    font-size: 18px;
    margin: 0 4px 0 0;
    color: #0A556B !important;
}
.schema-right a {
    text-decoration: none;
}
.tableborder h2 {
    font-size: 19px;
    line-height: 23px;
}
.tableborder h3 {
    font-size: 16px;
    line-height: 20px;
}
.tableborder .formHead {
    background: #09566C;
    margin: 0;
    color: #fff;
    padding: 10px;
    text-align: center;
}
/*-------------Related Links-----------------*/
.textMain .links-tabs {
    line-height: 40px;
    list-style: outside none none;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
}
.textMain .links-tabs li {
    background: none;
    display: inline-block;
    margin: 10px;
    padding: 0;
}
.textMain .links-tabs li a {
    border-radius: 3px;
    /* font: 400 14px/18px 'Open Sans', sans-serif; */
    color: #fdfdfc;
    padding: 10px 30px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    background: #455661 url(../images/relatedlinks-icon.png) no-repeat 95% center;
}
.textMain .links-tabs {
    font: 400 14px/18px 'Open Sans', sans-serif;
}
.textMain .links-tabs li a:hover {
    background: #01c5e2 url(../images/relatedlinks-icon.png) no-repeat 95% center;
    color: #ffffff;
}
/*-------------Services Page---------------*/
.services-section {
    float: left;
    width: 100%;
}
.services-section ul {}
.services-section ul li {
    background: none;
    padding: 0px;
    border-top: 1px solid #e1e1e1;
    padding: 35px 0;
}
.services-image {
    float: left;
    width: 23%;
    margin: 0 3% 0 0;
}
.service-description {
    float: left;
    width: 72%;
}
.service-description h2 {
    font: 400 26px/30px 'Vidaloka', serif;
    color: #00adc7;
    text-transform: uppercase;
}
.service-description h2 a {
    color: #00adc7;
    text-decoration: underline;
}
.service-description h2 a:hover {
    color: #00adc7;
    text-decoration: none;
}
.service-description h3 {
    font: 400 20px/24px 'Vidaloka', serif;
    color: #343f49;
    position: relative;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}
.service-description h3::before {
    position: absolute;
    content: "";
    background: #eaebec;
    height: 1px;
    width: 100%;
    left: 140px;
    top: 10px;
}
.service-description h3::after {
    position: absolute;
    content: "";
    background: #eaebec;
    height: 1px;
    width: 100%;
    left: 140px;
    top: 13px;
}
.service-description ul {}
.service-description ul li {
    float: left;
    list-style-type: none !important;
    background: url(../images/serviceslist-icon.png) no-repeat 0 5px !important;
    padding: 0px !important;
    text-align: left;
    width: 394px;
    margin: 8px 0;
    border: none;
}
.service-description li a {
    font: 400 15px/19px 'Open Sans', sans-serif;
    color: #3e3e3e;
    text-decoration: none;
    padding: 0 0 0 20px;
    float: left;
}
.service-description li a:hover {
    color: #3e3e3e;
    text-decoration: none;
}
.service-description p {
    font: 400 15px/19px 'Open Sans', sans-serif;
    color: #3e3e3e;
}
/*-------------Profile Page---------------*/
.profile-image {
    float: left;
    width: 200px;
    margin: 0 5% 15px 0;
    color: #00A3BB;
    text-align: center;
    font: 400 20px/25px 'Open Sans', sans-serif;
}
.profile-image img {
    padding: 3px;
    border: 1px solid #cccccc;
}
.preview-image a::before {
    content: '';
    padding: 13px;
    width: 19px;
    height: 16px;
    margin: 5px auto;
    position: absolute;
    background: url(../images/play-button.png) no-repeat center center;
    top: 0;
    left: 80px;
    opacity: 0.7;
}
.conditions-procedures {
    float: left;
    padding: 10px 0;
    width: 100%;
}
.conditions-image {
    float: left;
    margin: 0 4% 0 0;
    width: 200px;
}
.conditions-image img {
    padding: 2px;
    border: 1px solid #cccccc;
}
.about-condition {
    float: left;
    width: 70%;
}
.about-condition h3 {
    margin: 0px;
}
.about-condition p {}
.media-list {
    float: right;
}
.media-list li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin: 0 10px;
    padding: 0 !important;
    width: 100px;
}
.media-list li a {
    background: #00adc7 !important;
    color: #ffffff;
    display: block;
    font: 600 15px/19px 'Open Sans', sans-serif;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
}
.media-list li a:hover {
    color: #ffffff;
    text-decoration: none;
}
.pdf-links {
    margin: 15px 0;
}
.pdf-links li {
    background-image: none !important;
    margin: 6px auto !important;
    padding: 5px 7px !important;
    width: 100%;
}
.pdf-links li a {
    color: #000000 !important;
}
.pdf-links li i {
    float: left;
    font-size: 20px;
    margin: 0 13px 0 0;
    text-decoration: none;
}
.pdf-links li i.fa-file-pdf-o {
    color: #f00 !important;
    font-size: 20px;
    clear: both;
}
.patient-forms-page .pdf-links li a {
    text-decoration: none;
}
.patient-forms-page .pdf-links li a:hover {
    color: #1B9ADD !important;
    text-decoration: underline;
}
.profile-page .meetdoctor-s,
.services-page .services-s {
    display: none;
}
.small-case {
    text-transform: lowercase;
}
.relatedlinks a {
    background: #00adc7;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    width: 218px;
    margin: 1%;
    transition: 0.5s all ease;
}
.relatedlinks a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
.textMain .patient-testimonial-list li {
    background: none;
    padding: 0px;
    padding-bottom: 20px;
    display: table;
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 1px dashed #000;
}
.textMain .patient-testimonial-list li .testimonial-content {
    display: table-cell;
    position: relative;
    font: 400 14px/22px 'Open Sans', sans-serif;
    padding: 4px 0px 0px 60px;
}
.textMain .patient-testimonial-list li .testimonial-content:before {
    content: '';
    position: absolute;
    background: url(../images/blockquote.jpg) no-repeat left top;
    height: 36px;
    width: 45px;
    display: block;
    top: -6px;
    left: 0px;
}
.textMain .patient-testimonial-list li div {
    display: table-cell;
    vertical-align: top;
    width: 20%;
}
.textMain .patient-testimonial-list li div p {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
    margin: -25px auto 0 auto;
    position: relative;
}
.textMain .patient-testimonial-list li div p:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    border-right: 10px solid #18c1c7;
    left: -26px;
    top: 39%;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}
.textMain .patient-testimonial-list li span {
    display: block;
    font: italic 14px/19px 'Open Sans', sans-serif;
    padding: 36px 0px 0px 0px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}
/* #Interactivity .prev, #Interactivity .next { */
/* display: none; */
/* } */
.submit-testimonial {
    margin: -110px 7px 0px 0px;
    float: right;
    font: 400 14px/16px 'Lato', sans-serif;
}
.textMain .quick-appointment {
    text-align: center;
}
.textMain .quick-appointment li {
    display: inline-block;
    background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
    color: #fff;
    font: 400 18px/22px 'Lato', sans-serif;
    padding: 10px;
    width: 245px;
    margin: 10px 0px;
    text-align: center;
}
.textMain .quick-appointment li a {
    color: #fff;
    display: block;
    text-decoration: none;
}
.textMain .quick-appointment li a:hover {
    color: #fff;
    text-decoration: none;
}
.submit-testimonial a {
    padding: 5px 20px !important;
    text-decoration: none;
    float: left;
    margin: 10px;
    position: relative;
    z-index: 2;
    background: #1ac3ce;
    color: #fff;
    transition: 0.5s all ease;
}
.submit-testimonial a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
.useful-list {
    position: relative;
    border: 1px solid #ccc;
    float: left;
    margin: 10px 4px;
    padding: 10px;
    height: 180px;
    min-width: 250px;
    text-align: center;
    vertical-align: top;
    width: 46%;
    filter: grayscale(100%);
}
.useful-list h3 {
    font: 400 16px/25px 'Open Sans', sans-serif;
    text-align: center;
}
.use-more {
    position: absolute;
    bottom: 10px;
    margin: auto;
    left: 0;
    right: 0;
}
.textMain .pdf-img li {
    padding: 10px;
    background: none;
    text-align: center;
}
.textMain .pdf-img li .pdf-a-link {
    display: block;
    background: #0f778a;
    color: #fff;
    padding: 10px 0px;
    width: 270px;
    margin: auto;
    text-decoration: none;
}
.useful-list img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.contactinformation .fa-clock-o {
    font-size: 26px;
    padding-right: 12px;
    color: #0a556b;
}
.contact-info .fa-globe {
    font-size: 26px;
    padding: 0px 6px 0px 5px;
    color: #0a556b;
}
/*----------Blog CSS---------*/
.textMain .blog-posts li {
    padding: 0px;
    background: none;
}
.post-content {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
}
.fremont-health-Text {
    font: 300 15px/23px 'Open Sans', sans-serif;
    color: #728491;
}
.in-the-news-imgs {
    float: left;
    margin-right: 10px;
}
.in-the-news-imgs img {
    max-width: 190px;
}
.patient-forms-page .pdf-links li a {
    text-decoration: none;
}
.accordian li section {
    overflow: hidden;
}
/* -------ADA--------*/
#Access-Container {
    background: #800000 !important;
}
.Banner_auto {
    position: absolute;
    z-index: 2;
    width: 30px;
    /* height: 30px; */
    display: block;
    background: url(/images/pause-b.png) no-repeat center center;
   /*  bottom: 10px; */
}
.Banner_auto.Banner_pause {
    background: url(/images/play-b.png) no-repeat center center;
}
.Banner_nav.prev {
    left: -17px;
    background: url(/images/prev-b.png) no-repeat center center;
    position: absolute;
    bottom: 15px;
    width: 12px;
    height: 20px;
    z-index: 2;
}
.Banner_nav.next {
    left: 37px;
    background: url(/images/next-b.png) no-repeat center center;
    position: absolute;
    bottom: 15px;
    width: 12px;
    height: 20px;
    z-index: 2;
}
/*.dfw-blackmode footer,
.dfw-blackmode #OtherLogosContainer,
.dfw-blackmode #PatientResources-Container,
.dfw-blackmode #HealthOrthopaedics-Multimedia-Container,
.dfw-blackmode #Services-Container-H,
.dfw-blackmode #Credibility-Container,
.dfw-blackmode .viewprofile a,
.dfw-blackmode #Content-Container,
.dfw-blackmode .services-s,
.dfw-blackmode .viewprofile-s a,
.dfw-blackmode .media-list li a,
.dfw-blackmode #Intra-Container .banner-readmore a,
.dfw-blackmode .conditon-more a,
.dfw-blackmode .accordian header,
.dfw-blackmode .accordian section,
.dfw-blackmode header {
    background: #000 !important;
}
.dfw-blackmode .athletic-logos-section h3,
.dfw-blackmode .sports-medicine-affiliations-section h3,
.dfw-blackmode .fremont-health-Text,
.dfw-blackmode .aboutdoctor-h p,
.dfw-blackmode .aboutdoctor-h h3,
.dfw-blackmode .textMain,
.dfw-blackmode .textMain h1 span,
.dfw-blackmode .textMainBold,
.dfw-blackmode .contact-address,
.dfw-blackmode .contact-address .fa.fa-map-marker,
.dfw-blackmode .contactinformation .fa-clock-o,
.dfw-blackmode .contact-info .fa.fa-volume-control-phone,
.dfw-blackmode .contact-info .fa-envelope,
.dfw-blackmode .contact-info .fa-globe {
    color: #fff !important;
}
.dfw-blackmode #Menu-Container {
    border-top: 1px #fff solid;
}
.dfw-blackmode #PatientResources-Container {
    border-bottom: 2px #FC0 solid;
    border-top: 2px #FC0 solid;
}
.dfw-blackmode #HealthOrthopaedics-Multimedia-Container {
    border-top: 2px #FC0 solid;
}
.dfw-blackmode .footer-menu a:hover {
    color: #FC0 !important;
    text-decoration: underline;
}
.dfw-blackmode .quicklinks-h li a:hover {
    border: 1px solid #fff;
    background: none;
    color: #FC0;
    margin: -1px;
}
.dfw-blackmode .viewprofile a:hover,
.dfw-blackmode .services-s li a u:hover,
.dfw-blackmode .quicklinks-s li a:hover,
.dfw-blackmode .viewprofile-s a:hover,
.dfw-blackmode .quicklinks-h li a:hover,
.dfw-blackmode #Intra-Container .banner-readmore a:hover,
.dfw-blackmode .conditon-more a:hover {
    color: #FC0 !important;
}
.dfw-blackmode .menu > li:hover {
    background: #FC0 url(../images/menu-hover.png) repeat-x 0 0 !important;
}
.dfw-blackmode .menu ul li:hover {
    background: #FC0 !important;
}
.dfw-blackmode .menu li {
    border-right: 1px solid #fff !important;
}
.dfw-blackmode .menu li:hover > a {
    color: #000 !important;
}
.dfw-blackmode .fa.fa-thumbs-o-up {
    color: #FC0 !important;
}
.dfw-blackmode .services-s {
    border: 6px solid #fff !important;
}
.dfw-blackmode .services-s ul li {
    border-bottom: 1px solid #fff !important;
}
.dfw-blackmode .quicklinks-s,
.dfw-blackmode .fremont-health-orthopaedics-s,
.dfw-blackmode .textMain .quick-appointment li,
.dfw-blackmode .relatedlinks a,
.dfw-blackmode .submit-testimonial a {
    background: #000 !important;
    border: 1px #fff solid;
}
.dfw-blackmode .textMain .links-tabs li a {
    background: #000 url(../images/relatedlinks-icon.png) no-repeat 95% center !important;
}
.dfw-blackmode .fremont-health-orthopaedics-s {
    border-bottom: none;
}
.dfw-blackmode .quicklinks-s ul li,
.dfw-blackmode .media-list li a {
    border: 1px solid #fff !important;
}
.dfw-blackmode .navigation,
.dfw-blackmode .service-description p,
.dfw-blackmode .use-more h3,
.dfw-blackmode #Intra-Container .bannertext-h h3 a,
.dfw-blackmode #Intra-Container-S .bannertext-h h3 a,
.dfw-blackmode #Intra-Container .bannertext-h h3 span,
.dfw-blackmode #Intra-Container-S .bannertext-h h3 span,
.dfw-blackmode .quicklinks-s li a {
    color: #fff !important;
}
.dfw-blackmode .service-description h3 {
    color: #00FFFF !important;
}
.dfw-blackmode .table-bg {
    background: url(/images/byington-sports-med.jpg) 45px center no-repeat #fff !important;
}
.dfw-blackmode .tableborder .formHead {
    background: #0FABD7 !important;
    color: #000 !important;
}
.dfw-blackmode .text-address,
.dfw-blackmode .quicklinks-h li a {
    color: #000 !important;
}
.dfw-blackmode .text-address .textMainBold,
.dfw-blackmode .textMain .patient-testimonial-list li span,
.dfw-blackmode .textMain .patient-testimonial-list li div p {
    color: #000 !important;
}
.dfw-blackmode .textMain .patient-testimonial-list li span {
    font-weight: bold;
}
.dfw-blackmode #Intra-Container-S .bannertext-h,
.dfw-blackmode #Intra-Container .bannertext-h {
    background: #000 !important;
    padding: 10px;
    border-radius: 3px;
}
.dfw-blackmode .services-s li a u i {
    color: #989A9A !important;
}
.dfw-blackmode #Intra-Container .banner-readmore a {
    border: 1px solid #2EAFCC !important;
}
.dfw-blackmode .animation li img,
.dfw-blackmode .navigation span {
    background: #fff !important;
}
.dfw-blackmode .accordion h2.current {
    background: #07556D !important;
}
.dfw-blackmode .accordion h2 a.current,
.dfw-blackmode .athletic-logos-section h3 span,
.dfw-blackmode .sports-medicine-affiliations-section h3 span,
.dfw-blackmode .copy-text,
.dfw-blackmode .News-audio,
.dfw-blackmode .fremont-health-orthopaedics h3 a,
.dfw-blackmode .News-audio,
.dfw-blackmode .textMain h1,
.dfw-blackmode .textMain h3,
.dfw-blackmode .multimedia-h h3 a,
.dfw-blackmode .textMain h2 {
    color: #fff !important;
}
.dfw-blackmode .accordion h2 a {
    color: #000 !important;
    text-decoration: none !important;
}
.dfw-blackmode .quicklinks-s li a {
    background: #000 !important;
}*/
/*Note: for .dfw-greymode it should look like same as a light-mode, plss remove unwanted css when all done */

/*accessibility 22-09-2020 (last updated)*/
.accessible_on #Container .pana-accordion .pana-accordion-wrap .pana-accordion-item.active .pana-accordion-mask,.accessible_on #Container .doctorsection-h {
    display: block;
}
.accessible_on.dfw-blackmode #Container .logo img {
    background: #111 !important;
}
.accessible_on #Container .pana-accordion .pana-accordion-wrap .pana-accordion-item,.accessible_on #Container .service-condition,.accessible_on #Container .pana-accordion .pana-accordion-wrap .pana-accordion-item .pana-accordion-mask,.accessible_on .doctorsection-h,.accessible_on #Container .conditions-hover {
    position: relative;
}
.accessible_on #Container #Intra-Container #Interactivity .Intra-R,.accessible_on #Container .service-condition a img,.accessible_on #Container #Intra-Container-S,.accessible_on #Container #Intra-Container #Interactivity li img,.accessible_on #Container .bannertext-h,.accessible_on #Container .google-map-view {
    display: none;
}
.accessible_on #Container .pana-accordion .pana-accordion-wrap .pana-accordion-item {
    border: none;
    height: auto;
    width: 240px;
    border: 1px solid #ccc;
}
.accessible_on #Container .services-sec,.accessible_on #Container .pana-accordion .pana-accordion-wrap,.accessible_on #Container .service-condition {
    width: auto;
}
.accessible_on #Container .pana-accordion {
    width: auto;
    height: auto;
    text-align: center;
}
.accessible_on #Container #Services-Container-H {
    margin-top: 365px;
}
.accessible_on #Container .drimage-h {
    text-align: left;
    padding: 74px 0 0 0;
}
.accessible_on #Container .aboutdoctor-h {
    margin: -136px auto 0;
    width: auto;
}
.accessible_on #Container .doctorsection-h {
    top:10px;
    height: 811px;
    width: auto;
}
.accessible_on #Container #Services-Container-H {
    height: 210px;
}
.accessible_on #Container .pana-accordion .pana-accordion-wrap .pana-accordion-item {
    display: inline-block;
    float: none;
}
.quicklinks-h ul li {
    border: 1px solid #ccc;
    /* width: auto; */
}

.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; margin: 0 !important; width: 310px; text-align: center;}
.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ clear: both;}

/*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 #Sidebar ul li, .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;}

/*common border code goes here*/
.accessible_on .lp-rd a, .accessible_on .abc
{ border: 1px solid !important; margin: 5px;}

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


/* .Logo1_nav.Logo12_nav.slidePrev {
	padding:20px;
}
.Logo1_nav.Logo12_nav.slideNext{
	padding:20px;
} */
.Logo1_nav.Logo12_nav.slidePrev span {
	display:none;
}
.Logo1_nav.Logo12_nav.slideNext span {
	display:none;
}

/* .Logo2_nav.Logo23_nav.slidePrev{
		padding:20px;
}
.Logo2_nav.Logo23_nav.slideNext{
		padding:20px;
} */
.Logo2_nav.Logo23_nav.slidePrev span{
		display:none;
}

.Logo2_nav.Logo23_nav.slideNext span{
		display:none;
}

.Logo2_nav.Logo24_nav.slidePrev span{
    display:none;
}


.Logo2_nav.Logo24_nav.slideNext span{
    display:none;
}

#OtherLogos .slideNext::before span{
    display: none !important;
}

#OtherLogos .slidePrev::before span{
    display: none !important;
}




.prairie-h{
    font: 400 17px/25px 'Lato', sans-serif;
    
}
.contactinformation h2{
    text-align: left;
    padding: 0 0 10px 5px;
    margin: 5px;
}

 #Map-Container .slidePrev::before {
    content: '\e80e';
    top: 45%;
    position: absolute;
    left: 40px;
    z-index: 9999999999;
    font-size: 40px;
}



  #Map-Container .slideNext::before {
    content: '\e810';
    /* padding: 0px 80px; */
    right: -50px !important;
    top: 45%;
    font-size: 40px;
    position: absolute;
    z-index: 999999999999;
}

#Map-Container .rslides img{
    float: none !important;
    text-align: center;
    margin: auto;
    
}


#Map-Container .rslides li:first-child{
    float: none !important;
    text-align: center;
}

#Map-Container .rslides li{
    float: none !important;
    text-align: center;
}


#Map-Container .h-loc{
    
    width: 280px;
    position: absolute;
    background: #131c22;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    top: 32%;
    z-index: 999999999;
}

#Map-Container .h-loc h2{
    padding: 15px 0 20px 0;
}

#Map-Container .h-loc p{
    padding: 10px;
}

#rater8container {
	background: #f2f2f2;
	padding: 40px 0px;
}
/* ------------------------------ Media Screen CSS ------------------------------ */
/* ---------- 1024 CSS ---------- */
@media screen and (max-width:1169px) {
    .logo {
        margin: 0 0 0 2%;
    }
    .header-right {
        margin: 0 2% 0 0;
    }
    #Intra-Container #Interactivity {
        height: auto;
    }
    .quicklinks-h ul li {
        margin: 0 1%;
    }
    .fremont-health-orthopaedics h3 a span {
        font-size: 28px;
    }
    .doctorsection-h {
        width: 26.5%;
        right: 3px;
    }
    .aboutdoctor-h {
        width: 87%;
    }
    .doctorsection-h {
        height: 877px;
    }
    .aboutdoctor-h p {
        text-align: left;
    }
    .services-sec {
        margin: 10px 0 0 14px;
        padding: 22px 8px;
        width: 712px;
    }
    .athletic-logos-section h3 span,
    .sports-medicine-affiliations-section h3 span {
        font-size: 28px;
    }
    #Intra-Container-S #Interactivity {
        height: auto;
    }
    #Intra-Container-S .prev,
    #Intra-Container-S .next {
        display: none;
    }
    .service-description ul li {
        width: 340px;
    }
    .conditions-image {
        float: none;
        margin: 10px auto;
        width: 204px;
    }
    .about-condition {
        float: none;
        width: 98%;
    }
}
/* ---------- 768 CSS ---------- */
@media screen and (max-width:1023px) {
    .header-right {
        padding: 18px 0 0;
    }
    .header-right li {
        padding: 0 15px;
    }
    .quicklinks-h {
        padding: 15px 0;
        width: 270px;
        margin: 0 auto;
        float: none;
    }
    .fremont-health-image::after {
        width: 40%;
    }
    .quicklinks-h ul li {
        margin: 1%;
    }
    .fremont-health-orthopaedics h3 a,
    .fremont-health-orthopaedics h3 a span {
        font-size: 21px;
    }
    .multimedia-h h3 a span {
        font-size: 25px;
    }
    .multimedia-h-image::after {
        width: 60%;
    }
    .multimedia-h h3 {
        margin: -9px 0 10px 0;
    }
    #Intra-Container .bannertext-h {
        top: 17%;
    }
    #Intra-Container .prev,
    #Intra-Container-S .prev {
        left: 15px;
        top: 10%;
    }
    #Intra-Container .next,
    #Intra-Container-S .next {
        right: 15px;
        top: 10%;
    }
    #MeetDoctor-Container {
        position: static;
        width: 100%;
    }
    .doctorsection-h {
        background: url(../images/meetdr-bg.jpg) no-repeat center top;
        height: 500px;
        position: static;
        width: 100%;
        clear: both;
    }
    .drimage-h {
        float: left;
        width: 47%;
        padding: 0;
        margin: 0 2% 0 0;
    }
    .aboutdoctor-h {
        float: left;
        margin: 0;
        padding: 65px 10px 10px;
        width: 47%;
    }
    .service-description h3::after,
    .service-description h3::before {
        display: none;
    }
    .services-image {
        float: none;
        margin: 0 auto;
        width: 250px;
    }
    .service-description {
        float: none;
        width: 98%;
    }
    .profile-image {
        float: none;
        width: 200px;
        margin: 0 auto;
    }
    .contact-address,
    .contact-info {
       
        width: 350px;
    }
    .services-sec {}
    .conditions-hover {
        left: 5px;
    }
    .service-condition {
        left: 5px;
        background: none;
        width: 90px;
    }
}
/* ---------- 940 CSS ---------- */
@media screen and (max-width: 940px) {
    .in-the-news-imgs {
        float: none;
        text-align: center;
        padding: 10px;
    }
}
@media screen and (max-width: 768px) {
    .preview-image a::before {
        right: 58%;
    }
}
/* ---------- 768-641 CSS ---------- */
@media screen and (max-width: 767px) {
    .useful-list {
        float: none;
        width: auto;
    }
    #Content-Left,
    #Sidebar {
        display: inherit;
        margin: 0px auto;
    }
    #Sidebar {
        display: inherit;
        margin: 15px auto;
    }
    .header-right li a {
        font-size: 12px;
    }
    #HealthOrthopaedics-Multimedia {
        padding: 30px 0;
    }
    .fremont-health-orthopaedics {
        float: none;
        margin: 20px auto;
        width: 400px;
    }
    .multimedia-h {
        float: none;
        margin: 30px auto;
        width: 400px;
    }
    .athletic-history,
    .sports-medicine-affiliations {
        border-right: none;
        float: none;
        margin: 30px auto;
        padding: 0;
        width: 98%;
    }
    #Intra-Container .bannertext-h {
        top: 9%;
        left: 44%;
    }
    .logo {
        width: 38%;
    }
    .menu li a {
        font-size: 12px;
    }
    .service-description ul li {
        width: 98%;
    }
    #Intra-Container-S .bannertext-h {
        left: 63%;
        position: absolute;
        top: 15%;
    }
    #Intra-Container-S .bannertext-h h3 a {
        font-size: 35px;
        line-height: 39px;
        font: 400 35px/40px "Vidaloka", serif;
    }
    #Intra-Container-S .bannertext-h h3 span {
        font-size: 32px;
        line-height: 36px;
    }
  /*  .contact-address {
        float: left;
        width: 50%;
    }*/
   /* .contact-info {
        float: left;
        width: 50%;
    }*/
    .preview-image a::before {
        right: 0;
        left: 0;
        margin: auto !important;
    }
}
/* ----------640 CSS ---------- */
@media screen and (max-width: 640px) {
    
    #Map-Container .h-loc {
        top:12%;
    }
    
    .contact-info ul{
        position: relative;
        
    }
    .clinic-mob{
        position: absolute;
         top: -79px;
        left: 39px;
    }
    
    .athletic-logos-section h3,
    .sports-medicine-affiliations-section h3 {
        text-align: center;
    }
    /* Menu CSS */
    #Main-Menu {
        display: none;
    }
    #Mobile-Menu {
        display: block;
    }
    .menu-mobile {
        text-align: center;
        padding: 8px 0px;
        color: #fff;
        font: normal 20px/40px 'Open Sans', sans-serif;
    }
    .menu-mobile a {
        color: #fff;
        display: block;
    }
    .menu-mobile img {
        margin: 0px 0px 0px 10px;
    }
    a.menu-parent {
        background: url(../images/drop-down-plus.png)no-repeat right center ! important;
    }
    .profile-image {
        float: left;
        width: 200px;
        margin: 0 5% 15px 0;
    }
    .textMain .patient-testimonial-list li .testimonial-content {
        display: block;
        width: 100%;
    }
    .textMain .patient-testimonial-list li div {
        display: block;
        float: right;
        margin-right: 30px;
    }
    .textMain .patient-testimonial-list li div p {
        margin: 0px;
    }
    .textMain .patient-testimonial-list li div p:before {
        left: -13px;
        top: 1%;
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(36deg);
    }
}
@media screen and (min-width: 768px) and (max-width: 940px) {
    .textMain .patient-testimonial-list li .testimonial-content {
        display: block;
        width: 100%;
    }
    .textMain .patient-testimonial-list li div {
        display: block;
        float: right;
        margin-right: 30px;
    }
    .textMain .patient-testimonial-list li div p {
        margin: 0px;
    }
    .textMain .patient-testimonial-list li div p:before {
        left: -13px;
        top: 1%;
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(36deg);
    }
}
@media screen and (min-width: 768px) and (max-width: 840px) {
    .submit-testimonial {
        margin: 0px;
        float: right;
    }
}
@media screen and (max-width: 720px) {
    .hide-mask {}
    .pana-accordion .pana-accordion-wrap .pana-accordion-item img {
        display: none;
    }
    .services-sec {
        width: 300px;
        margin: auto;
    }
    .pana-accordion {
        width: 300px !important;
        display: block;
        margin: auto;
    }
    .pana-accordion .pana-accordion-wrap .pana-accordion-item {
        position: static !important;
    }
    .pana-knee {
        background: none !important;
    }
    .pana-shoulder {
        background: none !important;
    }
    .pana-sp-medicine {
        background: none !important;
    }
    .pana-elbow {
        background: none !important;
    }
    .pana-knee .conditions-hover,
    .pana-shoulder .conditions-hover,
    .pana-sp-medicine .conditions-hover,
    .pana-elbow .conditions-hover {
        top: 0;
        width: 270px;
        height: 450px;
        padding: 12px 2%;
    }
    .pana-knee .conditions-hover {
        left: 0 !important;
        background: url(../images/knee-service.jpg) no-repeat left top !important;
    }
    .pana-shoulder .conditions-hover {
        left: 0 !important;
        background: url(../images/shoulder-service.jpg) no-repeat left top !important;
    }
    .pana-sp-medicine .conditions-hover {
        left: 0 !important;
        background: url(../images/elbow-service.jpg) no-repeat left top !important;
    }
    .pana-sp-medicine .conditions-hover p {
    width: 270px;
}
    .pana-elbow .conditions-hover {
        left: 0 !important;
        background: url(../images/shoulder-service.jpg) no-repeat left top !important;
    }
    #Header .serving{padding: 27px 0px 0px 10px}
}
/* ---------- 480 CSS ---------- */
/*@media screen and (max-width: 720px) {
    .conditions-hover {
    position: absolute;
    top: 60px;
    left: 80px;
    padding: 0 0 16px 0;
    display: none;
    padding: 0 20px 0 0;
}
    .service-condition {
    bottom: 0px;
    left: 5px;
    position: absolute;
    width: 96px;
    text-align: center;
    background: #151618;
    width: 130px;
    padding: 0 0 16px 0;
}
    .pana-accordion .pana-accordion-wrap .pana-accordion-item .pana-accordion-mask {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 10;
    background-color: #000;
}
    .pana-accordion .pana-accordion-wrap .pana-accordion-item
    {
      border-left: 1px solid #BABABA;
    width: 100px;
    height: 387px;
    overflow: hidden;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}
}*/
@media screen and (max-width: 639px) {
    #backtotop {
        display: none !important;
    }
    .header-right ul {text-align: left;}
    .header-right li a {
        font-size: 14px;
    }
    .logo {
        margin: 0 auto;
        float: none;
        width: 90%;
    }
    .header-right {
        padding: 16px 0 0 0;
        float: none;
        width: 400px;
        margin: 0 auto;
        text-align: center;
    }
    #PatientResources-Container {
        background-size: 100% 100%;
    }
    .quicklinks-h {
        float: none;
        margin: 0 auto;
        width: 240px;
        padding: 10px 0;
    }
    .quicklinks-h ul li {
        margin: 4% 0;
    }
    .footer-section {
        width: 95%;
    }
    .athletic-logos-section li,
    .sports-medicine-affiliations-section li {
        height: 355px;
    }
    #Intra-Container .banner-readmore {
        display: none;
    }
    .doctorsection-h {
        background: #090F16;
        height: auto;
        padding: 10px 0;
    }
    #Intra-Container .prev,
    #Intra-Container-S .prev,
    #Intra-Container .next,
    #Intra-Container-S .next {
        display: none;
    }
    .drimage-h {
        float: none;
        margin: 10px auto;
        width: 300px;
    }
    .aboutdoctor-h {
        float: none;
        margin: 0 0 0 2%;
        padding: 0;
        width: 98%;
    }
    .profile-image {
        float: none;
        width: 200px;
        margin: 0 auto;
    }
    .conditions-image {
        float: none;
        margin: 10px auto;
        width: 204px;
    }
    .about-condition {
        float: none;
        width: 98%;
    }
    /*.contact-address,
    .contact-info {
        float: none;
        width: 300px;
    }*/
    .prairie-logo{
            margin: 15px 100px 4px 2px;
    }
    
}
@media screen and (max-width: 479px) {
    .header-right li {
        border: medium none;
        float: none;
        padding: 5px 0;
        width: 300px;
        margin: 0 auto;
    }
    .fremont-health-orthopaedics {
        width: 300px;
    }
    .fremont-health-orthopaedics h3 a,
    .fremont-health-orthopaedics h3 a span {
        font-size: 18px;
    }
    .fremont-health-orthopaedics h3 {
        margin: 15px 0 0;
        position: relative;
        z-index: 2;
    }
    .multimedia-h {
        width: 300px;
    }
    .multimedia-h h3 {
        margin: 15px 0 10px;
    }
    .multimedia-h h3 a span {
        font-size: 22px;
    }
    .athletic-logos-section li,
    .sports-medicine-affiliations-section li {
        height: 280px;
    }
    #Intra-Container .bannertext-h {
        top: 20%;
    }
    #Intra-Container .bullet7 {
        display: none;
    }
    #Intra-Container .bannertext-h h3 a,
    #Intra-Container-S .bannertext-h h3 a {
        font-size: 26px;
        line-height: 30px;
    }
    #Intra-Container .bannertext-h h3 span,
    #Intra-Container-S .bannertext-h h3 span {
        font-size: 28px;
        line-height: 32px;
    }
    .submit-testimonial {
        margin: 0px;
        float: right;
    }
    .prairie-logo{
        float: none;
margin: 10px 5px 22px 65px;
    }
	.header-right {
	width: 222px;
}
}


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

    #Map-Container .h-loc {
        top:1%;
    }
    
    #Map-Container .h-loc h2{
        padding: 5px;
        font-size: 18px;
    }
    
    #Map-Container .h-loc p{
         padding: 4px;
    }
    
    #Map-Container .rslides img{
       
        
        
        background-size: cover;
    }
    
    #Map-Container .h-loc{
        width: 250px;
    }
    
    #Map-Container .slidePrev::before{
        left: 10px;
        font-size: 20px;
    }
    
    #Map-Container .slideNext::before{
        right: -65px !important;
                 font-size: 20px;
        
    }
    
    #Header .serving{
        padding: 0;
    }
}


@media screen and (max-width: 369px) {
    .contact-address, .contact-info{
        width: 340px;
    }
}

@media screen and (max-width: 360px) {
    
      .contact-address, .contact-info{
        width: 320px;
                
    }
    
    .mob-txt{
        margin-top: 40px !important;
    }
    
    .clinic-mob{
        top: -105px;
        left: 0px
    }
    
}

/* ---------- 320 CSS ---------- */
@media screen and (max-width: 359px) {
    .prairie-logo{
        float: none;
margin: 10px 5px 22px 65px;
    }
}