/*----------Fonts----------*/
@font-face {
    font-family: 'Titillium';
    src: url('../fonts/Titillium-Thin.eot');
    src: url('../fonts/Titillium-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Titillium-Thin.woff2') format('woff2'),
        url('../fonts/Titillium-Thin.woff') format('woff'),
        url('../fonts/Titillium-Thin.ttf') format('truetype'),
        url('../fonts/Titillium-Thin.svg#Titillium-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium';
    src: url('../fonts/Titillium-Bold.eot');
    src: url('../fonts/Titillium-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Titillium-Bold.woff2') format('woff2'),
        url('../fonts/Titillium-Bold.woff') format('woff'),
        url('../fonts/Titillium-Bold.ttf') format('truetype'),
        url('../fonts/Titillium-Bold.svg#Titillium-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*--------- Accessible ---------*/
.dfw-off {
    background: #003263;
    position: fixed;
    z-index: 999;
    left: 15px;
    top: 50%;
    transform-origin: left;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    -moz-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
    -o-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
    border-radius: 0px 0px 10px 10px;
}
.dfw-off a {
    display: block;
    padding: 5px 10px 5px 40px;
    background: url(../images/accessible-img.png) no-repeat 10px center;
}
/* ---------- Theme CSS ---------- */
#Map-Container,
#Services-container,
#Dr-container,
#Emergency-container,
#Article-container,
#Map-container,
#Location-container,
#Credibility-container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}
#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
#Services-main,
#Dr-main,
#Emergency-main,
#Article-main,
#Map-main,
#Cred-main,
#Location-inner {
    max-width: 1140px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}
/*--------- Navigation CSS ---------*/
.navigation {
    font: 400 18px/24px 'Roboto Condensed', sans-serif;
    color: #7a7979;
    padding: 33px 0px 10px 10px;
}
.navigation a {
    color: #000;
    padding: 0px 12px 0px 12px;
}
.navigation a:first-child {
    padding: 0px 12px 0px 0px;
}
.navigation span {
    padding: 0px 0px 0px 12px;
}
.navigation a:hover {
    color: #d9b907;
}
/*--------- Text CSS ---------*/
.textMain {
    font: 400 16px/26px 'Roboto', sans-serif;
    color: #5b5b5d;
}
.textMain a {
    color: #141414;
}
.textMain a:hover {
    color: #d9b907;
}
.textMain h1 {
    font: 400 36px/40px 'Roboto Condensed', sans-serif;
    color: #3a3b3c;
    text-transform: uppercase;
    padding: 10px 0 25px 0;
    margin: 0 0 0px 0;
}
.textMain h1 span {
    background: url(../images/h1-bb.png) no-repeat center bottom;
    padding: 0px 0 26px 0;
}
.textMain h2,
.hTag2,
h3.hTag2 {
    font: 600 32px/36px 'Roboto', sans-serif;
    color: #706f6b;
}
.textMain h2 a,
.hTag2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
    color: #014cbe;
}
.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 500 28px/33px 'Roboto', sans-serif;
    color: #353535;
}
.textMain h3 a,
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h4.hTag3 a {
    color: #353535;
}
.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: 400 26px/30px 'Roboto Condensed', sans-serif;
    color: #aa9001;
}
.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
    color: #014cbe;
}
/*------Font Awesome Icons------*/
.fa,
.fab,
.fal,
.far,
.fas {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}
@font-face {
    font-family: Font Awesome\ 5 Brands;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fa-brands-400.eot);
    src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg")
}
.fab {
    font-family: Font Awesome\ 5 Brands;
}
@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fa-regular-400.eot);
    src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg")
}
.far {
    font-weight: 400;
}
@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.eot);
    src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}
.fa,
.far,
.fas {
    font-family: Font Awesome\ 5 Free;
}
.fa,
.fas {
    font-weight: 900;
}
.fa-phone:before {
    content: "\f095";
}
.fa-google-plus-g:before {
    content: "\f0d5";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-car:before {
    content: "\f1b9";
}
.fa-facebook-f:before {
    content: "\f39e";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-linkedin-in:before {
    content: "\f0e1";
}
.fa-pinterest-p::before {
    content: "\f231";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-home:before {
    content: "\f015";
}
.fa-phone-volume:before {
    content: "\f2a0";
}
.fa-calendar-alt:before {
    content: "\f073";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-edit:before {
    content: "\f044";
}
.fa-comment-alt:before {
    content: "\f27a";
}
.fa-download:before {
    content: "\f019";
}
.fa-file-pdf:before {
    content: "\f1c1";
}
.fa-map-marker-alt:before {
    content: "\f3c5";
}
/*----------Header CSS-------------*/
#Header {
    min-height: 97px;
}
#Header .table-div {
    padding: 0px 2px 0 2px;
}
.brendan-logo {
    text-align: left;
    padding: 26px 24px 0 0;
    position: relative;
    display: inline-block;
}
.brendan-logo:after {
    content: '';
    position: absolute;
    background: #dedede;
    height: 48px;
    width: 1px;
    right: 0;
    bottom: 0;
}
.costal-logo {
    padding: 23px 0 0 16px;
    display: inline-block;
}
.table-cell.call-appoint {
    text-align: right;
    width: 166px;
    font: 600 22px/26px 'Muli', sans-serif;
}
.table-cell.call-appoint a {
    color: #3a3b3c;
}
.appoint {
    margin: 34px 0 0 0;
    position: relative;
}
.appoint::before {
    position: absolute;
    left: -23px;
    top: 7px;
    content: '';
    height: 20px;
    width: 19px;
    background: url(../images/sprite.png) no-repeat 0 0;
}
.table-cell.call-appoint a:hover {
    color: #f6d106;
}
/*-----------Banner CSS-----------*/
#Banner-Container #Banner {
    height: 517px;
}
#Banner-Container-S #Banner {
    height: 370px;
}
#Banner-Container .banner0 {
    background: url(../images/banner1-m.jpg) left top no-repeat;
}
#Banner-Container .banner0 .theme-L {
    background: url(../images/banner1-l.jpg) right top no-repeat;
}
#Banner-Container .banner0 .theme-R {
    background: url(../images/banner1-r.jpg) left top no-repeat;
}
#Banner-Container .banner1 {
    background: url(../images/banner2-m.jpg) left top no-repeat;
}
#Banner-Container .banner1 .theme-L {
    background: url(../images/banner2-l.jpg) right top no-repeat;
}
#Banner-Container .banner1 .theme-R {
    background: url(../images/banner2-r.jpg) left top no-repeat;
}
#Banner-Container .banner2 {
    background: url(../images/banner3-m.jpg) left top no-repeat;
}
#Banner-Container .banner2 .theme-L {
    background: url(../images/banner3-l.jpg) right top no-repeat;
}
#Banner-Container .banner2 .theme-R {
    background: url(../images/banner3-r.jpg) left top no-repeat;
}
#Banner-Container .banner3 {
    background: url(../images/banner4-m.jpg) left top no-repeat;
}
#Banner-Container .banner3 .theme-L {
    background: url(../images/banner4-l.jpg) right top no-repeat;
}
#Banner-Container .banner3 .theme-R {
    background: url(../images/banner4-r.jpg) left top no-repeat;
}
#Banner-Container .banner4 {
    background: url(../images/banner5-m.jpg) left top no-repeat;
}
#Banner-Container .banner4 .theme-L {
    background: url(../images/banner5-l.jpg) right top no-repeat;
}
#Banner-Container .banner4 .theme-R {
    background: url(../images/banner5-r.jpg) left top no-repeat;
}
#Banner-Container .banner5 {
    background: url(../images/banner6-m.jpg) left top no-repeat;
}
#Banner-Container .banner5 .theme-L {
    background: url(../images/banner6-l.jpg) right top no-repeat;
}
#Banner-Container .banner5 .theme-R {
    background: url(../images/banner6-r.jpg) left top no-repeat;
}
#Banner-Container-S .banner0 {
    background: url(../images/sub-banner1-m.jpg) left top no-repeat;
}
#Banner-Container-S .banner0 .theme-L {
    background: url(../images/sub-banner1-l.jpg) right top no-repeat;
}
#Banner-Container-S .banner0 .theme-R {
    background: url(../images/sub-banner1-r.jpg) left top no-repeat;
}
#Banner-Container-S .banner1 {
    background: url(../images/sub-banner2-m.jpg) left top no-repeat;
}
#Banner-Container-S .banner1 .theme-L {
    background: url(../images/sub-banner2-l.jpg) right top no-repeat;
}
#Banner-Container-S .banner1 .theme-R {
    background: url(../images/sub-banner2-r.jpg) left top no-repeat;
}
#Banner-Container-S .banner2 {
    background: url(../images/sub-banner3-m.jpg) left top no-repeat;
}
#Banner-Container-S .banner2 .theme-L {
    background: url(../images/sub-banner3-l.jpg) right top no-repeat;
}
#Banner-Container-S .banner2 .theme-R {
    background: url(../images/sub-banner3-r.jpg) left top no-repeat;
}
#Banner-Container-S .banner3 {
    background: url(../images/sub-banner4-m.jpg) left top no-repeat;
}
#Banner-Container-S .banner3 .theme-L {
    background: url(../images/sub-banner4-l.jpg) right top no-repeat;
}
#Banner-Container-S .banner3 .theme-R {
    background: url(../images/sub-banner4-r.jpg) left top no-repeat;
}
#Banner-Container-S .banner4 {
    background: url(../images/sub-banner5-m.jpg) left top no-repeat;
}
#Banner-Container-S .banner4 .theme-L {
    background: url(../images/sub-banner5-l.jpg) right top no-repeat;
}
#Banner-Container-S .banner4 .theme-R {
    background: url(../images/sub-banner5-r.jpg) left top no-repeat;
}
#Banner-Container-S .banner5 {
    background: url(../images/sub-banner6-m.jpg) left top no-repeat;
}
#Banner-Container-S .banner5 .theme-L {
    background: url(../images/sub-banner6-l.jpg) right top no-repeat;
}
#Banner-Container-S .banner5 .theme-R {
    background: url(../images/sub-banner6-r.jpg) left top no-repeat;
}
.banner-content {
    position: absolute;
    width: 40%;
    right: 2%;
    top: 28%;
    text-align: right;
}
.banner-head {
    font: 400 50px/55px 'Roboto Condensed', sans-serif;
    color: #3a3b3c;
    text-transform: uppercase;
}
.banner-head span {
    color: #f6d001;
}
.banner-content p {
    color: #3a3b3c;
    font: 400 15px/25px 'Roboto', sans-serif;
    margin: 25px 0 40px 0;
}
#Banner-Container-S .banner-content p,
#Banner-Container-S .banner-content .banner-more {
    display: none;
}
.banner-more {
    width: 115px;
    text-align: center;
    text-transform: uppercase;
    font: 400 15px/15px 'Titillium Web', sans-serif;
    float: right;
}
.banner-more a {
    color: #fff;
    padding: 13px 0;
    background: #3a3b3c;
    display: block;
}
.banner-more a:hover {
    background: #565758;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.banner2 .banner-content,
.banner4 .banner-content {
    width: 48%;
}
/*----------Service CSS-----------*/
#Services-main {
    min-height: 436px;
}
.service-intra {
    width: 100%;
    padding: 40px 0 50px 0;
    float: left;
}
.service-head {
    margin: 0 auto;
    width: 170px;
    margin: 0 auto;
    font: 100 20px/25px 'Titillium';
    text-transform: uppercase;
    color: #909090;
    text-align: center;
    position: relative;
}
.service-head span {
    display: block;
    color: #3a3b3c;
    font: bold 40px/45px 'Titillium';
}
.service-head:before,
.service-head:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 149px;
    background: #ecebeb;
}
.service-head::before {
    left: -156px;
    top: 13px;
}
.service-head:after {
    right: -156px;
    top: 13px;
}
.service-intra ul {
    margin-top: 33px;
    text-align: center;
}
.service-intra ul li {
    font: bold 18px/22px 'Titillium';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    width: 19%;
}
.service-intra ul li a {
    color: #3a3b3c;
    padding: 211px 0 0 0;
    display: block;
}
.service-intra ul li.hip-serv {
    background: url(../images/hip-bg.png) center top no-repeat;
}
.service-intra ul li.knee-serv {
    background: url(../images/knee-bg.png) center top no-repeat;
}
.service-intra ul li.shoulder-serv {
    background: url(../images/shoulder-bg.png) center top no-repeat;
}
.service-intra ul li.ankle-serv {
    background: url(../images/foot-bg.png) center top no-repeat;
}
.service-intra ul li.trauma-serv {
    background: url(../images/trauma-bg.png) center top no-repeat;
}
.service-intra ul li.hip-serv:hover {
    background: url(../images/hip-bg-h.png) center top no-repeat;
}
.service-intra ul li.knee-serv:hover {
    background: url(../images/knee-bg-h.png) center top no-repeat;
}
.service-intra ul li.shoulder-serv:hover {
    background: url(../images/shoulder-bg-h.png) center top no-repeat;
}
.service-intra ul li.foot-serv:hover {
    background: url(../images/foot-bg-h.png) center top no-repeat;
}
.service-intra ul li.trauma-serv:hover {
    background: url(../images/trauma-bg-h.png) center top no-repeat;
}
/*--------------Dr CSS-----------*/
#Dr-container {
    background: #f5f7f7;
}
#Dr-main {
    min-height: 534px;
}
.dr-intra {
    padding: 58px 0 50px 0;
    width: 100%;
    float: left;
}
.dr-image {
    float: left;
    width: 38%;
}
.dr-introduction {
    width: 56%;
    margin: 0 0 0 5%;
    float: left;
}
.dr-introduction .about {
    color: #909090;
    font: 100 30px/35px 'Titillium';
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 8px 0 4px 0;
}
.dr-introduction h1 {
    font: bold 45px/50px 'Titillium';
    color: #3a3b3c;
    text-transform: uppercase;
    margin: 0px 0 35px 0;
}
.dr-introduction h1 span {
    display: block;
    font: 100 18px/22px 'Titillium';
    color: #000;
    letter-spacing: 3px;
    margin: 13px 0 0 0;
}
.dr-introduction p {
    color: #5b5b5d;
    font: 400 16px/23px 'Roboto', sans-serif;
    margin: 0px 0 20px 0;
}
.profile-more {
    width: 150px;
    border-radius: 12px;
    text-align: center;
    margin: 43px 0 0 0;
}
.profile-more a {
    color: #fff;
    font: 500 16px/16px 'Roboto', sans-serif;
    padding: 13px 0 13px 0;
    background: #3a3b3c;
    display: block;
    border-radius: 12px;
}
.profile-more a:hover {
    background: #565758;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
/*----------Emergency CSS------------*/
#Emergency-container {
    background: url(../images/emergency-bg.jpg) center top no-repeat;
}
#Emergency-main {
    min-height: 424px;
}
.emergency-intra {
    width: 100%;
    float: left;
    padding: 55px 0 60px 0;
}
.emergency-head {
    text-align: center;
    text-transform: uppercase;
    font: bold 45px/50px 'Titillium';
    color: #fff;
    position: relative;
    width: 584px;
    margin: 0 auto;
    text-shadow: 0px -1px #000;
}
.emergency-head span {
    display: block;
    font: 100 30px/35px 'Titillium';
    margin-bottom: 4px;
    text-shadow: none;
}
.emergency-head:before,
.emergency-head:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 178px;
    background: #f8d828;
    border-bottom: 1px solid #a6abb0;
}
.emergency-head::before {
    left: -203px;
    top: 67px;
}
.emergency-head::after {
    right: -203px;
    top: 67px;
}
.emergency-intra ul {
    text-align: center;
    margin: 43px 0 0 0;
}
.emergency-intra ul li {
    text-align: center;
    width: 259px;
    min-height: 174px;
    background: #4d535a;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font: 700 18px/23px 'Roboto', sans-serif;
}
.emergency-intra ul li a {
    display: block;
    color: #fff;
    padding: 30px 0 35px 0;
}
.emergency-intra ul li:hover {
    background: #f7d100;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.emergency-intra ul li:hover a {
    color: #424548;
    display: block;
}
.emergency-intra ul li:nth-child(2) {
    margin: 0 2%;
}
.emergency-intra ul li span {
    margin: 0 auto;
    display: block;
    width: 53px;
    height: 55px;
    background: url(../images/sprite.png) no-repeat scroll 0 0;
    margin-bottom: 8px;
}
.emergency-intra ul li:hover span {
    filter: invert(1);
}
.emergency-intra ul li.acute-knee span {
    background-position: -30px 0;
}
.emergency-intra ul li.acute-shoulder span {
    background-position: -90px 0;
}
.emergency-intra ul li.acute-ankle span {
    background-position: -150px 0;
}
/*----------Recent Article CSS--------*/
#Article-main {
    min-height: 393px;
}
.article-intra {
    width: 100%;
    padding: 55px 0 45px 0;
}
.article-head {
    text-align: center;
    text-transform: uppercase;
    font: bold 45px/50px 'Titillium';
    color: #3a3b3c;
    margin: 0 0 40px 0;
}
.post-l {
    float: left;
    width: 100%;
    padding: 0 0 0 8%;
}
.post-r {
    float: right;
    width: 48%;
    padding: 0 0 0 8%;
    border-left: 1px solid #ccd0d6;
}
.post-head {
    font: bold 25px/30px 'Titillium';
    color: #767b83;
    position: relative;
}
.post-head:before {
    position: absolute;
    content: '';
    left: -60px;
    top: 0;
    width: 48px;
    height: 44px;
    background: url(../images/sprite.png) no-repeat scroll -210px 0;
}
.article-intra p {
    color: #5b5b5d;
    font: 400 16px/23px 'Roboto', sans-serif;
    margin: 20px 0 0 0;
}
.article-intra p a {
    color: #5b5b5d;
}
.article-more {
    width: 150px;
    border-radius: 12px;
    text-align: center;
    margin: 43px auto 0;
}
.article-more a {
    color: #fff;
    font: 500 16px/16px 'Roboto', sans-serif;
    padding: 13px 0 13px 0;
    background: #3a3b3c;
    display: block;
    border-radius: 12px;
}
.article-more a:hover {
    background: #565758;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
/*----------Map Container-----------*/
#Location-container {
    background: url(../images/location-home-bg.jpg) no-repeat center;
}
#Location-inner {
    height: 479px;
}
.location-address-left {
    font: 400 15px/20px 'Roboto', sans-serif;
    width: 175px;
}
.hover-location-img p a {
    font: #3A3B3C 400 15px/20px 'Roboto', sans-serif;
}
.common-location-styles .hover-location-img {
    text-align: center;
}
.location-address-left span {
    font: 400 18px/23px 'Roboto', sans-serif;
}
.location-address-left .inside-location {
    font: 400 10px/15px 'Roboto', sans-serif;
}
.location-address-left p a {
    color: #3A3B3C
}
.location-address-left p a:hover {
    color: #fff;
}
.hover-location .location-address-left span {
    display: block;
    padding: 3px 0;
}
.hover-location .location-address-left .inside-location {
    display: block;
    font: 400 16px/21px 'Roboto', sans-serif;
    padding: 4px 0;
}
.common-location-styles {
    background-color: #565656;
    padding: 5px 10px;
}
.common-location-styles > a {
    color: #fff;
    font: 400 9px/14px 'Roboto', sans-serif;
    background: url(../images/location-logo.png) no-repeat 0 2px;
    display: block;
    padding: 0 0 0 20px;
}
.location-heading
{
    font: bold 33px/50px 'Titillium';
}
.common-location-styles a > span {
    font: 400 15px/20px 'Roboto', sans-serif;
    display: block;
}
.common-location-styles a > .inside-location {
    font: 400 13px/19px 'Roboto', sans-serif;
}
.hover-location-img p {
    padding-top: 10px;
}
.hover-location-img a {
    display: block;
}
.hover-location-img p a {
    font: 400 13px/20px 'Roboto', sans-serif;
    color: #3A3B3C;
    padding: 5px 4px !important;
    background: #fff;
    display: block;
    border-radius: 10px;
}
.hover-location-img p a:hover {
    background: #3A3B3C;
    color: #fff;
}
.common-location-styles-h {
    position: absolute;
    margin: 5px;
    transform: scale(0);
    transition: all .7s ease 0s;
    background: #f4d200;
    border: 1px solid #26272c;
    border-radius: 2px;
    z-index: 1;
    width: 310px;
    color: #3A3B3C;
    padding: 5px 10px;
    display: table;
}
.claremont-location-hover {
    top: -38px;
    left: -81px;
}
.common-location-styles-h div {
    display: table-cell;
    vertical-align: top;
}
.claremont-location:hover .common-location-styles-h,
.murdoch-location:hover .common-location-styles-h,
.fiona-stanley-hospital-location:hover .common-location-styles-h,
.fremantle-hospital-location:hover .common-location-styles-h,
.esperance-location:hover .common-location-styles-h,
.geraldton-location:hover .common-location-styles-h {
    transform: scale(1);
    transition: all .3s ease 0s;
}
.claremont-location,
.murdoch-location,
.fiona-stanley-hospital-location,
.fremantle-hospital-location,
.esperance-location,
.geraldton-location {
    position: absolute;
    padding: 12px 16px;
}
.claremont-location {
    bottom: 203px;
    left: 80px;
}
.murdoch-location {
    left: 295px;
    bottom: 190px;
}
.fiona-stanley-hospital-location {
    bottom: 100px;
    left: 192px;
}
.fremantle-hospital-location {
    bottom: 100px;
    left: 40px;
}
.esperance-location {
    left: 576px;
    bottom: 128px;
}
.geraldton-location {
    top: 65px;
    left: 182px;
}
.geraldton-location-hover {
    top: -30px;
    left: -50px;
}
.murdoch-location-hover {
    top: -35px;
    left: -6px;
}
.fremantle-location-hover {
    top: -14px;
    left: -70px;
}
.fiona-stanley-location-hover {
    top: -9px;
    left: -75px;
}
.esperance-location-hover {
    bottom: -20px;
    left: -70px;
}
#Map-container {
    background: url(../images/map-bg.jpg) no-repeat scroll center top;
}
#Map-main {
    min-height: 479px;
}
.map-intra {
    width: 100%;
    height: 373px;
    position: absolute;
    bottom: 0;
    background: url(../images/map-main-bg.jpg) no-repeat scroll center top;
}
.map-section {
    position: relative;
    width: 100%;
    height: 100%;
}
.map-heading {
    font: bold 30px/35px 'Titillium';
    color: #3a3b3c;
    text-align: center;
    padding: 42px 0 22px 0;
    text-transform: uppercase;
}
.location-address {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}
.loc-head {
    color: #3a3b3c;
    font: 500 20px/25px 'Roboto', sans-serif;
}
.loc-address {
    color: #3a3b3c;
    font: 400 16px/22px 'Roboto', sans-serif;
    padding: 5px 0 14px 0;
    border-bottom: 1px solid #ae9822;
}
.loc-address .fas {
    margin: 0 8px 0 0;
}
.loc-contacts {
    width: 100%;
    padding: 10px 0 0 0;
}
.loc-contacts .loc-cal,
.loc-contacts .loc-fax {
    display: inline-block;
    vertical-align: top;
    color: #3a3b3c;
    font: 400 20px/24px 'Roboto', sans-serif;
}
.loc-contacts a {
    color: #3a3b3c;
}
.loc-contacts span {
    margin: 0 0 0 8px;
}
.loc-cal {
    padding: 0 20px 0 0px;
}
.loc-fax {
    padding: 0 0 0 20px;
    position: relative;
}
.loc-fax:before {
    content: '';
    left: 0;
    top: -11px;
    background: #c9af1d;
    width: 2px;
    height: 34px;
    position: absolute;
}
.loc-btns {
    margin: 30px 0 0 0;
}
.loc-btns .loc-direction,
.loc-btns .loc-appoint {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font: 400 16px/16px 'Roboto', sans-serif;
    width: 200px;
}
.loc-btns .loc-direction a,
.loc-btns .loc-appoint a {
    display: block;
    padding: 14px 0;
    color: #3a3b3c;
    background: #fff;
    border-radius: 15px;
}
.loc-btns .loc-appoint a {
    color: #fff;
    background: #3a3b3c;
}
.loc-btns .loc-direction a:hover {
    color: #fff;
    background: #3a3b3c;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.loc-btns .loc-appoint a:hover {
    color: #3a3b3c;
    background: #fff;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.Location-Tabs {
    position: absolute;
    width: 100%;
    top: 99px;
    left: 0;
    height: 15px;
    text-align: center;
}
.Location-Tabs li {
    display: inline-block;
    width: 15%;
    position: relative;
    vertical-align: top;
}
.Location-Tabs li a {
    display: block;
    color: #000000;
    font: 400 18px/22px 'Roboto Condensed', sans-serif;
    padding: 6px 0 9px 0;
    background: #fff;
    text-align: center;
}
.map-section #Slider2 {
    top: 65px;
    overflow: hidden;
    height: 200px;
}
.Location-Tabs li.fiona,
.Location-Tabs li.fremantle {
    width: 17%;
}
.Location-Tabs li.Location_here a {
    color: #fff;
    background: #3a3b3c;
}
.Location-Tabs li.Location_here::after {
    content: '';
    position: absolute;
    left: 45%;
    bottom: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 12px;
    border-color: #3a3b3c transparent transparent transparent;
}
/*----------Credibility CSS-------------*/
#Cred-main {
    padding: 24px 0 26px 0;
    border-bottom: 1px solid #e5e5e5;
}
#Cred-main ul {
    text-align: center;
}
#Cred-main ul li {
    display: inline-block;
    width: 24%;
    vertical-align: top;
}
/*----------Footer CSS-------------*/
#Footer {
    min-height: 376px;
    border-top: 1px solid #e5e5e5;
}
.footer-intra {
    padding: 45px 0 22px 0;
    width: 100%;
    float: left;
}
.foot-serv {
    width: 22%;
    float: left;
}
.foot-serv.quicklinks {
    width: 16%;
}
.foot-serv .foot-heading {
    font: 400 20px/25px 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #111111;
    margin: 0 0 25px 0;
}
.foot-serv li {
    font: 400 15px/20px 'Roboto', sans-serif;
    margin: 0 0 6px 0;
}
.foot-serv li a {
    color: #454545;
}
.website-search {
    width: 165px;
    float: left;
}
.website-search #tfq {
    background: transparent;
    border-bottom: 1px solid #b9b9b9 !important;
    padding: 5px 0 3px 2px;
    width: 100%;
    float: left;
    border: none;
    -webkit-padding-before: 5px !important;
    font: 400 15px/20px 'Roboto', sans-serif;
    color: #454545;
}
.website-search .tfbutton2 {
    background: url("../images/search-icon.png") no-repeat scroll center 4px;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 18px;
    text-indent: -999px;
    border: none;
    margin: -25px 0 0 0px;
    -webkit-margin-before: -25px !important;
    -webkit-margin-after: 0px !important;
}
::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #454545;
}
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #454545;
    opacity: 1;
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #454545;
    opacity: 1;
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #454545;
}
::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #454545;
}
.foot-translator {
    width: 175px;
    margin-top: 0px;
    float: left;
}
.foot-translator .heading-img {
    margin-bottom: 12px;
}
.goog-te-gadget-simple {
    width: 100% !important;
    background: none !important;
    padding-bottom: 0px !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #b9b9b9 !important;
}
.goog-te-gadget-simple .goog-te-menu-value {
    display: block !important;
    width: 98%;
}
.goog-te-gadget-simple .goog-te-menu-value span:first-child {
    text-decoration: none;
    float: left;
    font: 400 15px/26px 'Roboto', sans-serif;
    position: relative;
    color: #454545 !important;
}
.goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) {
    display: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value span:nth-child(5) {
    color: #4c4c4c !important;
    float: right;
    margin: 1px -1px 0px 0px;
    padding: 4px 5px 6px 5px;
}
.goog-te-gadget-simple img {
    display: none !important;
}
.foot-appoint {
    font: 400 18px/22px 'Roboto', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 24px;
    margin-top: 65px;
}
.foot-appoint a {
    color: #171717;
}
.footer-intra a:hover {
    color: #9b881b;
}
.foot-appoint:before {
    position: absolute;
    content: '';
    top: -5px;
    left: 0;
    width: 14px;
    height: 24px;
    background: url("../images/sprite.png") no-repeat scroll -270px 0px;
}
.foot-serv.doctoralia {
    width: 17%;
    float: right;
}
.doctoralia-logo {
    margin: 50px 0 0 0;
}
.foot-location {
    font: 400 18px/22px 'Roboto', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 24px;
    margin: 65px 0 0 17px;
}
.foot-location a {
    color: #171717;
}
.foot-location:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0;
    width: 15px;
    height: 21px;
    background: url("../images/sprite.png") no-repeat scroll 0px -60px;
}
.smo-heading {
    font: 400 20px/25px 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #111111;
    margin: 0 0 16px 0;
}
.foot-smo {
    clear: both;
    padding-top: 29px;
}
.foot-smo li {
    margin: 0px 8px 0 0;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.foot-smo li:last-child {
    margin: 0;
}
.foot-smo li a {
    display: block;
    width: 21px;
    height: 19px;
    background: url("../images/sprite.png") no-repeat scroll 0 0;
}
.foot-smo li.facebook a {
    background-position: -180px -240px;
    width: 10px;
}
.foot-smo li.twitter a {
    background-position: -210px -240px;
}
.foot-smo li.linkedin a {
    background-position: -240px -240px;
}
.foot-smo li.gplus a {
    background-position: -270px -240px;
}
.foot-smo li.youtube a {
    background-position: -300px -240px;
}
.foot-smo li.pinerest a {
    background-position: -330px -240px;
}
.foot-smo li:hover {
    transform: scale(1.1);
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.footer-quicklinks {
    width: 100%;
    padding: 15px 0 16px 0;
    font: 400 15px/20px 'Roboto', sans-serif;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    color: #454545;
    letter-spacing: 1px;
    float: left;
}
.footer-quicklinks a {
    color: #454545;
    padding: 0 4px;
}
.footer-quicklinks a:hover,
.copyrights a:hover {
    color: #90833b;
}
.copyrights {
    width: 100%;
    padding: 15px 0 14px 0;
    float: left;
}
.copyrights p {
    font: 400 15px/20px 'Roboto', sans-serif;
    width: 70%;
    float: left;
}
.copyrights a {
    color: #454545;
}
.ypo-logo {
    width: 101px;
    float: right;
}
/*------------SideBar--------*/
#Sidebar {
    width: 320px;
    float: left;
}
#Content {
    padding-bottom: 30px;
}
.no-sidebar #Sidebar {
    display: none;
}
.no-sidebar #Content {
    float: none;
    width: 100%;
}
.no-sidebar .navigation {
    text-align: center;
}
.no-sidebar .textMain h1 {
    text-align: center;
}
#Content {
    width: 70%;
    float: right;
}
.aside-services {
    width: 100%;
    background: #f6f6f6;
    padding: 38px 0 27px 0px;
    margin: 95px 0 0 0;
}
.aside-services li {
    font: bold 20px/24px 'Titillium';
    color: #3a3b3c;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    background: url("../images/aside-serv-li-bb.png") no-repeat scroll center bottom;
    padding: 0 0 4px 0;
}
.aside-services li:last-child {
    background: none;
}
.aside-services li a {
    color: #3a3b3c;
    display: block;
    padding: 35px 0 32px 24px;
}
.aside-services .heading {
    width: 113px;
    position: relative;
    font: 100 16px/22px 'Titillium';
    color: #909090;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
}
.aside-services .heading span {
    display: block;
    color: #3a3b3c;
    font: bold 26px/30px 'Titillium';
}
.aside-services .heading::before,
.aside-services .heading::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 51px;
    background: #e8e6e6;
}
.aside-services .heading::before {
    left: -64px;
    top: 13px;
}
.aside-services .heading::after {
    right: -64px;
    top: 13px;
}
.aside-services li span {
    width: 85px;
    height: 85px;
    float: left;
    margin: -32px 20px 0 0;
    background: url("../images/sprite.png") no-repeat scroll 0px 0px;
}
.aside-services li.hip-serv-s span {
    background-position: -30px -60px;
}
.aside-services li.knee-serv-s span {
    background-position: -120px -60px;
}
.aside-services li.shoulder-serv-s span {
    background-position: -210px -60px;
}
.aside-services li.foot-serv-s span {
    background-position: -300px -60px;
}
.aside-services li.trauma-serv-s span {
    background-position: -390px -60px;
}
.aside-services li.hip-serv-s:hover span {
    background-position: -30px -150px;
}
.aside-services li.knee-serv-s:hover span {
    background-position: -120px -150px;
}
.aside-services li.shoulder-serv-s:hover span {
    background-position: -210px -150px;
}
.aside-services li.foot-serv-s:hover span {
    background-position: -300px -150px;
}
.aside-services li.trauma-serv-s:hover span {
    background-position: -390px -150px;
}
.aside-dr {
    width: 100%;
    text-align: center;
    padding: 30px 0 40px 0;
    margin: 40px 0;
    background: #f5f7f7;
}
.aside-dr .about {
    color: #909090;
    font: 100 15px/20px 'Titillium';
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0px 0 4px 0;
}
.aside-dr .dr-heading {
    font: bold 30px/35px 'Titillium';
    color: #3a3b3c;
    text-transform: uppercase;
    margin: 0px 0 34px 0;
}
.aside-dr .dr-heading span {
    display: block;
    font: 100 16px/20px 'Titillium';
    color: #000;
    letter-spacing: 3px;
    margin: 2px 0 0 0;
}
.aside-dr .profile-more {
    width: 150px;
    border-radius: 12px;
    text-align: center;
    margin: 28px auto 0;
}
.profile-more a {
    color: #fff;
    font: 500 16px/16px 'Roboto', sans-serif;
    padding: 12px 0 12px 0;
    background: #3a3b3c;
    display: block;
    border-radius: 12px;
}
.profile-more a:hover {
    background: #565758;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.aside-emergency {
    width: 100%;
    min-height: 425px;
    background: url("../images/emergency-bg-s.jpg") repeat;
    padding: 40px 0 40px 0;
}
.aside-emergency .emergency-head span {
    display: block;
    font: 100 16px/20px 'Titillium';
    margin-bottom: 4px;
    text-shadow: none;
    letter-spacing: 2px
}
.aside-emergency .emergency-head {
    text-align: center;
    text-transform: uppercase;
    font: bold 22px/26px 'Titillium';
    color: #fff;
    position: relative;
    width: 286px;
    margin: 0 auto;
    text-shadow: none;
    margin-bottom: 27px;
}
.aside-emergency .emergency-head::before,
.aside-emergency .emergency-head::after {
    position: absolute;
    content: '';
    height: 1px;
    width: 60px;
    background: #f8d828;
}
.aside-emergency .emergency-head::before {
    left: 10px;
    top: 10px;
}
.aside-emergency .emergency-head::after {
    right: 10px;
    top: 10px;
}
.aside-emergency ul li {
    width: 280px;
    min-height: 80px;
    background: #4d535a;
    text-transform: uppercase;
    font: 700 16px/20px 'Roboto', sans-serif;
    margin: 0 auto;
    margin-bottom: 10px;
}
.aside-emergency ul li a {
    display: block;
    color: #fff;
    padding: 20px 0 25px 0;
}
.aside-emergency ul li span {
    float: left;
    width: 49px;
    height: 51px;
    background: url(../images/sprite.png) no-repeat scroll 0 0;
    margin: -5px 18px 0 30px;
}
.aside-emergency ul li.acute-knee-s span {
    background-position: 0px -240px;
}
.aside-emergency ul li.acute-shoulder-s span {
    background-position: -60px -240px;
}
.aside-emergency ul li.acute-ankle-s span {
    background-position: -120px -240px;
}
.aside-emergency ul li:hover {
    background: #f7d100;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.aside-emergency ul li:hover a {
    color: #424548;
}
.aside-emergency ul li:hover span {
    filter: invert(1);
    -webkit-filter: invert(1);
}
/*------------Service Page CSS--------*/
.servicepage .textMain {
    float: left;
}
.service-wrap {
    width: 100%;
    margin: 40px 0 25px 0;
    float: left;
}
.service-wrap li {
    width: 50%;
    float: left;
    position: relative;
    min-height: 275px;
    background: #fff !important;
    padding: 40px 0 0 0 !Important;
}
.service-wrap li:nth-child(1),
.service-wrap li:nth-child(4),
.service-wrap li:nth-child(5),
.service-wrap li:nth-child(1) .theme-L,
.service-wrap li:nth-child(4) .theme-R,
.service-wrap li:nth-child(5) .theme-L {
    background: #f0f0f0 !important;
}
.service-pic {
    width: 38%;
    float: left;
    margin: 0 25px 0 0;
}
.service-text {
    width: 49%;
    float: left;
}
.heading-s {
    text-transform: uppercase;
    font: bold 24px/28px 'Titillium';
    color: #3a3b3c;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8eaec;
    margin-bottom: 20px;
}
.heading-s a {
    color: #3a3b3c;
    text-decoration: none;
}
.service-text li {
    font: 400 16px/20px 'Roboto', sans-serif;
    list-style: disc !important;
    color: #cbcfd2;
    width: 100%;
    float: none;
    position: static;
    min-height: auto;
    background: none !important;
    padding: 0px 0 0 5px !Important;
    margin-bottom: 15px;
}
.service-text li a {
    color: #3a3b3c;
    text-decoration: none;
}
.service-wrap li li:nth-child(1) {
    background: none !important;
}
.service-wrap li:nth-child(2),
.service-wrap li:nth-child(4) {
    padding: 40px 0 0 40px !important;
}
.service-wrap li li:nth-child(2),
.service-wrap li li:nth-child(4) {
    padding: 0px 0 0 5px !Important;
}
/*--------Contact US CSS----------*/
.contact-page h1 span.dr-spec-c {
    background: none;
    display: block;
    padding: 0;
    font: 400 17px/24px 'Roboto', sans-serif;
    text-transform: none;
}
.contact-page h1 .dr-bb {
    padding: 0 0 42px 0;
}
.textMainBold.text-center.textservloc {
    margin: 0 0 20px 0;
}
.contact-intra {
    float: left;
    width: 100%;
    margin-bottom: 3%;
    margin-top: 2%;
    border: 1px solid #ccc;
    margin: 0 0% 5% 0;
}
.contact-intra.left {
    margin: 0 2% 5% 0;
}
.contact-intra .address-l {
    float: left;
    width: 30%;
    padding: 5px;
    min-height: 300px;
    text-align: left;
    border-right: 1px solid #ccc;
}
.contact-intra .address-l li {
    background: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
    text-align: left;
}
.contact-intra .address-l .phone-c,
.contact-intra .address-l .fax-c,
.contact-intra .address-l .car-c {
    float: left;
    margin: 4px 13px 0 6px;
    width: 20px;
    height: 19px;
}
.contact-intra .address-l .phone-c {
    background: url(../images/phone.png) no-repeat scroll 0 0;
}
.contact-intra .address-l .fax-c {
    background: url(../images/fax.png) no-repeat scroll 0 0;
}
.contact-intra .address-l .car-c {
    background: url(../images/car.png) no-repeat scroll 0 0;
}
.text-center.textsize {
    font-size: 20px !important;
    color: #545151;
    text-align: center;
}
.textservloc {
    font-size: 17px !important;
    color: #545151;
    text-align: center;
}
.contact-intra .address-l .loc-heading {
    background: #545151;
    color: #fff;
    font: 500 18px/20px 'Roboto', sans-serif;
    margin: 0;
    padding: 7px;
    text-align: left;
}
.contact-cal {
    margin: 15px 0 15px 0 !important;
}
.contact-map iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.contact-map {
    float: left;
    margin: 0 0 0 0%;
    width: 70%;
    height: 300px;
}
/*----------Schema---------*/
.tableborder {
    border: 1px solid #727374;
    border-radius: 0;
    width: 100%;
    float: left;
    margin-top: 7%;
}
.dr-address {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    border-bottom: 1px dotted #272727;
}
.dr-address.geraldton {
    border-bottom: none;
}
.formHead {
    font: 600 20px/24px 'Roboto', sans-serif;
    color: #fff;
    padding: 3px 5px 4px 5px;
    background: #656667;
}
.text-address {
    font: 400 16px/25px 'Roboto', sans-serif;
    color: #282828;
    padding: 10px 5px 10px 5px;
}
.loc-caption-dr {
    font: 600 17px/25px 'Roboto', sans-serif;
    color: #727374;
}
.text-address p {
    font: 400 16px/25px 'Roboto', sans-serif;
     !important;
}
.text-address a {
    color: #0DB4DE;
    text-decoration: none;
}
.text-address a:hover {
    color: #727374;
    text-decoration: underline;
}
.schema-left {
    float: left;
    width: 60%;
}
.schema-left p {
    margin: 0 !important;
    padding: 4px 0;
}
.schema-right {
    float: right;
    width: 30%;
    margin: 17px 0 0 0;
}
.schema-right li {
    background: none !important;
    width: 100%;
    padding: 0 !important;
    float: left;
    margin: 0 0 6px 0;
}
.schema-right li a {
    color: #0360b7;
}
.schema-right .phone-c,
.schema-right .fax-c,
.schema-right .car-c {
    float: left;
    margin: 4px 13px 0 6px;
    width: 20px;
    height: 19px;
}
.schema-right .phone-c {
    background: url(../images/phone.png) no-repeat scroll 0 0;
}
.schema-right .fax-c {
    background: url(../images/fax.png) no-repeat scroll 0 0;
}
.schema-right .car-c {
    background: url(../images/car.png) no-repeat scroll 0 0;
}
/*---------Other----------*/
.news-more {
    width: 90px;
    text-align: center;
    float: left;
    margin: 10px 0 10px 0;
}
.news-more a {
    display: block;
    color: #fff;
    padding: 4px 0;
    background: #3a3b3c;
    text-decoration: none;
}
.landing-img-right {
    float: right;
    border: 2px solid #ccc;
    margin: 17px 0 10px 10px;
}
.image-center {
    text-align: center;
}
.dr-page .textMain h1 {
    margin: 0 0 0px 0;
}
.dr-page .textMain h1 span {
    background: none;
    display: block;
    padding: 0;
    font: 400 17px/24px 'Roboto', sans-serif;
    text-transform: none;
}
.dr-page .aside-dr {
    display: none;
}
.dr-page .aside-emergency {
    margin-top: 30px;
}
.dr-profile-img {
    float: right;
    width: 247px;
    margin: 0px 0 10px 15px;
}
.dr-name-p {
    font: 400 15px/15px 'Roboto', sans-serif;
    background: #5e6062;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    margin: 8px auto 0;
    width: 170px
}
.link-list {
    margin-top: 30px;
}
.link-list li {
    background: #5e6062 !important;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 0px 0 0 !important;
    width: 47%;
}
.link-list a {
    color: #fff !important;
    display: block;
    padding: 9px 0 9px 13px;
    text-align: left;
    text-decoration: none;
}
.link-list li:hover {
    background: #7a7c7d !important;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.link-list li a:hover {
    text-decoration: none;
}
.media-list {
    text-align: right;
}
.media-list li {
    background: none !important;
    padding: 0 !important;
    display: inline-block;
    font: 400 15px/15px 'Roboto', sans-serif;
}
.media-list li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 8px 10px 8px 34px;
    border-radius: 7px;
}
.textMain .topic-inner {
    margin: 15px 0;
}
.textMain .topicimage {
    float: left;
    width: 230px;
    margin: 16px 2% 0 0;
    border: 1px solid #b9bbbd;
    padding: 2px;
}
.textMain .landing-page {
    float: left;
    width: 70%;
}
.heading-dl .textMain h1 span {
    display: block;
}
.file-pdf {
    float: left;
    margin: 2px 8px 0 0px;
    width: 16px;
    height: 22px;
    background: url(../images/pdf-icon.png) no-repeat scroll 0 0;
}
.PDFtext img {
    float: left;
    margin: 0 5px 0 0;
}
/*---------Useful links----------------*/
.usefullinks-page #Content {
    position: relative;
    height: 1764px;
}
.ypo-usefullink {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.useful-links-tab {
    width: 100%;
    margin-top: 40px;
}
.useful-links-tab li {
    background: none !important;
    float: left;
    margin: 0 11px 20px 0;
    padding: 5px 5px !important;
    width: 48%;
    border: 1px solid #6c7074;
    vertical-align: top;
    min-height: 180px;
}
.useful-links-tab .logo-sec a {
    display: block;
}
.useful-links-tab li .logo-sec {
    text-align: center;
    height: 79px;
    margin: 0 0 0 0;
}
.link-tab > .link-head {
    background: #6c7074;
    font: 600 18px/21px 'Roboto', sans-serif;
    margin: 0 0 0 0;
    padding: 9px 0;
    color: #fff !important;
    text-align: center !important;
}
.link-tab p {
    text-align: center;
}
/*-----------Easy Tabs CSS-----------*/
.textMain .kneepage #parentHorizontalTab {
    background: none;
    text-transform: none;
}
.textMain .kneepage .resp-tabs-list.hor_1 {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}
.textMain .kneepage .resp-tabs-list.hor_1 li {
    cursor: pointer;
    display: inline-block !important;
    vertical-align: top;
    font: 500 15px/18px 'Roboto', sans-serif;
    text-transform: uppercase;
    position: relative;
    width: 180px;
    height: auto;
    padding: 0px;
    margin: 0 15px;
    display: block;
    text-align: center;
    padding: 10px 0;
    background: #191919 !important;
    color: #ffffff;
    padding: 15px 0px;
    border-radius: 5px;
    margin: 3px;
}
.textMain .kneepage .resp-tabs-container {
    padding: 0px;
    clear: left;
    background: #fff;
}
.textMain .kneepage h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
.textMain .kneepage .resp-tab-content {
    display: none;
    padding: 15px;
}
.textMain .kneepage .resp-tab-active {
    border-bottom: none;
}
.textMain .kneepage .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #f7d100 !important;
    color: #232323;
}
.textMain .kneepage .resp-tabs-list li.resp-tab-active::before {
    vertical-align: top;
    position: absolute;
}
.textMain .kneepage .resp-content-active,
.textMain .kneepage .resp-accordion-active {
    display: block;
}
.textMain .kneepage .resp-tab-content {
    border: none;
    min-height: auto;
    margin: 30px 0 0 0;
}
.textMain .kneepage h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}
.textMain .kneepage h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}
.textMain .kneepage h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.textMain .kneepage .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}
.textMain .kneepage .resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}
.textMain .kneepage .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}
.textMain .kneepage .resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}
.textMain .kneepage .resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
}
.textMain .kneepage .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}
.textMain .kneepage h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}
.textMain .kneepage h2.resp-tab-active {
    background: #DBDBDB;
}
.textMain .kneepage .resp-easy-accordion h2.resp-accordion {
    display: block;
}
.textMain .kneepage .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}
.textMain .kneepage .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
}
.textMain .kneepage .resp-jfit {
    width: 100%;
    margin: 0px;
}
.textMain .kneepage .resp-tab-content-active {
    display: block;
}
.textMain .kneepage h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
}
.textMain .kneepage .resp-tabs-list li a {
    color: #a8a8a8;
    float: left;
    text-decoration: none;
    position: relative;
    width: auto;
}
.textMain .kneepage .resp-tabs-list li a span {
    float: left;
    width: 116px;
    height: 115px;
    margin: -45px 10px 0 0;
}
.textMain .kneepage .resp-tabs-list li a:hover {
    position: relative;
    color: #37aaff;
}
.textMain .kneepage .resp-tabs-list li:hover::before {
    display: none;
}
@media screen and (max-width: 1140px) {
    #Location-container {
        background-position: -480px 0;
    }
    .fremantle-location-hover {
        left: -20px;
        top: 10px;
    }
}
@media screen and (max-width: 1067px) {
    #Content {
        width: 67%;
    }
}
@media screen and (max-width: 1042px) {
    #Header .table-div {
        padding: 0px 4px 0 4px;
    }
    .service-intra ul li {
        background-size: 100% auto !important;
    }
    .location-address {
        width: 51%;
    }
    #Footer {
        padding: 0 5px;
    }
    .usefullinks-page #Content {
        height: auto;
    }
}
@media screen and (max-width: 979px) {
    .menu-home {
        width: 17%;
    }
    .menu-about {
        width: 20%;
    }
    .menu-patient {
        width: 24%;
    }
    .menu-doctor {
        width: 20%;
    }
    .menu-contact {
        width: 19%;
    }
    .banner-content {
        width: 59%;
    }
    .banner2 .banner-content,
    .banner4 .banner-content {
        width: 70%;
    }
    .service-intra ul li a {
        padding: 112% 0 0 0;
    }
    .emergency-intra ul li {
        width: 30%;
    }
    .post-head {
        font: bold 23px/30px 'Titillium';
    }
    .Location-Tabs li a {
        min-height: 59px;
    }
    .map-section #Slider2 {
        top: 22%;
    }
    .location-address {
        width: 60%;
    }
    .foot-serv.quicklinks {
        width: 19%;
    }
    .foot-serv {
        width: 27%;
    }
    .foot-serv.doctoralia {
        width: 24%;
        float: none;
        clear: both;
        padding-top: 34px;
    }
    .doctoralia-logo {
        margin: 0px 0 0 0;
    }
    .foot-location {
        margin: 30px 0 0 17px;
    }
    .foot-appoint {
        font: 400 15px/22px 'Roboto', sans-serif;
    }
    #Content {
        width: 58%;
    }
    .service-wrap li {
        min-height: 279px;
    }
    .service-wrap li li {
        min-height: auto !important;
    }
    .schema-right {
        width: 40%;
    }
    .schema-left {
        width: 51%;
    }
    .dr-profile-img {
        float: none;
        margin: 0 auto;
    }
    .textMain .landing-page {
        width: 65%;
    }
    .link-list li {
        width: 80%;
    }
}
@media screen and (max-width: 830px) {
    .esperance-location-hover {
        bottom: -20px;
        left: -150px;
    }
}
@media screen and (max-width: 767px) {
    #Services-main {
        min-height: 358px;
    }
    .dr-introduction .about {
        font: 100 28px/32px 'Titillium';
    }
    .dr-introduction h1 {
        font: bold 37px/42px 'Titillium';
        margin: 0px 0 30px 0;
    }
    .post-l,
    .post-r {
        float: none;
        width: 98%;
        padding: 0 0 0 10%;
        margin: 0 auto;
    }
    .post-r {
        margin-top: 4%;
        border-left: none;
    }
    .article-intra {
        float: none;
    }
    .location-address {
        width: 75%;
    }
    .foot-serv .foot-heading {
        font: 400 18px/25px 'Roboto', sans-serif;
    }
    .footer-quicklinks a {
        padding: 0 3px;
    }
    #Content-Main .table-div,
    #Content-Main .table-cell {
        display: inherit;
        float: none;
    }
    #Content {
        width: 100%;
    }
    #Sidebar {
        margin: 0 auto;
        clear: both;
        padding-top: 10%;
    }
    .aside-services {
        margin: 0px 0 0 0;
    }
    .servicepage .textMain {
        float: none;
    }
    .service-wrap li {
        width: 100%;
        float: none;
        padding: 40px 0 0 16px !important;
    }
    .service-wrap li:nth-child(2),
    .service-wrap li:nth-child(4) {
        padding: 40px 0 0 16px !important;
    }
    .service-wrap li li,
    .service-wrap li li:nth-child(2),
    .service-wrap li li:nth-child(4) {
        padding: 0px 0 0 16px !important;
        background: none;
    }
    .service-wrap li:nth-child(1),
    .service-wrap li:nth-child(4),
    .service-wrap li:nth-child(5),
    .service-wrap li:nth-child(1) .theme-L,
    .service-wrap li:nth-child(4) .theme-R,
    .service-wrap li:nth-child(5) .theme-L {
        background: none !important;
    }
    #Header .table-div,
    #Header .table-cell {
        display: inherit;
    }
    .brendan-logo {
        padding: 26px 0px 0 0;
        text-align: center;
    }
    .brendan-logo::after {
        display: none;
    }
    .costal-logo {
        float: none;
        padding: 17px 0 0 0;
        text-align: center;
    }
    .dr-page .textMain h1 {
        text-align: center;
    }
    .textMain .landing-page {
        width: 59%;
    }
    .link-list li {
        width: 49%;
    }
    .foot-appoint {
        font: 400 13px/22px 'Roboto', sans-serif;
    }
    .table-cell.call-appoint {
        margin: 0 auto;
    }
    .appoint {
        margin: 13px 0 10px 0;
    }
}
@media screen and (max-width: 765px) {
    .location-heading {
    font: bold 22px/27px 'Titillium' !important;
        margin: 0 0 10px 0 !important;
    }
    .common-location-styles {
        position: static;
        width: 165px;
        margin: 10px 0;
        border-radius: 20px;
        padding: 0;
    }
    #Location-container {
        background: url(../images/location-home-bg-responsive.jpg) no-repeat center;
    }
    #Location-inner {
        padding: 10px 20px;
    }
    .common-location-styles > a {
        display: inline-block;
        border-bottom: 1px doted #ccc;
        width: 120px;
        padding: 12px 15px 12px 40px;
        background: url(../images/location-logo.png) no-repeat 15px 15px;
        width: 165px;
        border-radius: 20px;
    }
    .common-location-styles-h {
        left: 36.5% !important;
        top: 130px !important;
    }
}
@media screen and (max-width: 640px) {
    .service-intra {
        float: none;
    }
    .service-intra ul li {
        width: 34%;
        margin: 0 2% 6% 0;
    }
    .table-cell.call-appoint {
        margin: 0 auto;
    }
    .appoint {
        margin: 16px 0 13px 0;
    }
    .dr-image {
        float: none;
        width: 60%;
        margin: 0 auto;
    }
    .dr-introduction {
        width: 100%;
        margin: 0 0 0 0%;
        float: none;
        padding: 0 2%;
        text-align: center;
    }
    .profile-more {
        text-align: center;
        margin: 35px auto 0;
    }
    .dr-intra {
        width: 100%;
        float: none;
    }
    .emergency-head span {
        font: 100 28px/35px 'Titillium';
    }
    .emergency-head {
        font: bold 36px/44px 'Titillium';
        width: auto;
    }
    .emergency-intra ul li {
        font: 700 16px/23px 'Roboto', sans-serif;
    }
    .emergency-intra ul li {
        width: 31%;
    }
    .emergency-intra ul li:nth-child(2) {
        margin: 0 1%;
    }
    .post-l,
    .post-r {
        padding: 0 0 0 15%;
    }
    .map-heading {
        font: bold 26px/34px 'Titillium';
    }
    .location-address {
        width: 100%;
    }
    .Location-Tabs li a {
        font: 600 15px/22px 'Roboto Condensed', sans-serif;
    }
    .foot-serv.quicklinks {
        width: 28%;
    }
    .foot-serv {
        width: 36%;
    }
    .foot-serv.doctoralia {
        float: left;
        clear: none;
        padding-top: 56px;
    }
    .foot-appoint {
        margin-top: 30px;
    }
    .foot-serv.language {
        clear: both;
    }
    .ypo-logo {
        float: none;
        margin: 0 auto;
        margin-top: 14px;
    }
    .copyrights p {
        width: 100%;
        float: none;
        text-align: center;
    }
    #Cred-main ul li {
        vertical-align: middle;
    }
    .contact-map {
        width: 100%;
    }
    .contact-intra .address-l {
        width: 100%;
        min-height: 240px;
        border-right: none;
    }
    .textMain .landing-page {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    #Location-inner {
        padding: 10px 13px;
        text-align: center;
    }
    .common-location-styles {
        width: 150px;
    }
    .common-location-styles-h {
        left: 33.3% !important;
        top: 100px !important;
    }
}
@media screen and (max-width: 480px) {
    .brendan-logo {
        margin: 0 auto;
        width: auto;
        text-align: center;
    }
    #Banner-Container-S,
    #Banner-Container {
        display: none;
    }
    .service-intra ul li {
        margin: 0 6% 6% 0;
    }
    .Location-Tabs li,
    .Location-Tabs li.fiona,
    .Location-Tabs li.fremantle {
        width: 31%;
        margin-bottom: 5px;
    }
    .Location-Tabs li a {
        min-height: auto;
    }
    .map-intra {
        height: 405px;
        background-size: auto 100%;
    }
    .Location-Tabs li.Location_here::after {
        display: none;
    }
    #Cred-main ul li {
        width: 47%;
        margin: 0 2% 2% 0;
    }
    .foot-serv,
    .foot-serv.quicklinks,
    .foot-serv.doctoralia {
        width: 196px;
        float: none;
        margin: 0 auto;
    }
    .foot-serv .foot-heading {
        margin: 31px 0 14px 0;
    }
    .foot-serv.doctoralia {
        padding-top: 31px;
    }
    .footer-quicklinks {
        font: 400 15px/28px 'Roboto', sans-serif;
    }
    .emergency-intra {
        float: none;
    }
    #Emergency-container {
        background-size: cover;
    }
    .service-intra {
        padding: 40px 0 30px 0;
        float: none;
    }
    .article-head {
        font: bold 42px/50px 'Titillium';
    }
    .media-list li {
        float: left;
        margin: 0 3px 0 0;
    }
    .link-list li {
        width: 80%;
    }
}
@media screen and (max-width: 479px) {
    .common-location-styles {
        width: 140px !important;
        display: inline-block;
        vertical-align: middle;
        background: none;
        margin: 10px 2px;
    }
    .common-location-styles > a {
       background: url(../images/location-logo.png) no-repeat 15px 15px;
        display: inline-block;
        width: 145px !important;
        padding: 12px 10px 12px 40px;
        width: 130px;
        background-color: #565656;
    }
    .common-location-styles-h
    {
        top: 300px !important;
        right: 0!important;
        left: 0 !important;
        margin: auto !important;
    }
    .location-heading {
    font: bold 15px/20px 'Titillium' !important;
    }
}
@media screen and (max-width: 375px) {
    .service-intra ul li {
        width: 39%;
        margin: 0 auto;
        margin-bottom: 7%;
    }
    .service-intra ul li {
        width: 51%;
    }
    .dr-image {
        width: 80%;
    }
    .dr-introduction h1 {
        font: bold 32px/42px 'Titillium';
    }
    .dr-introduction .about {
        font: 100 25px/28px 'Titillium';
    }
    .emergency-intra ul li,
    .emergency-intra ul li:nth-child(2) {
        width: 80%;
        margin-bottom: 2%;
    }
    .post-head {
        font: bold 20px/25px 'Titillium';
    }
    .post-l,
    .post-r {
        padding: 0 0 0 20%;
    }
    .Location-Tabs {
        top: 119px;
    }
    .Location-Tabs li,
    .Location-Tabs li.fiona,
    .Location-Tabs li.fremantle {
        width: 48%;
    }
    .map-heading {
        padding: 22px 0 18px 0;
    }
    .map-intra {
        height: 479px;
    }
    .map-section #Slider2 {
        top: 31%;
    }
    .loc-contacts .loc-cal,
    .loc-contacts .loc-fax {
        font: 400 17px/24px 'Roboto', sans-serif;
    }
    .loc-fax {
        padding: 0 0 0 5px;
    }
    .loc-cal {
        padding: 0 0px 0 0px;
    }
    .loc-btns .loc-direction a,
    .loc-btns .loc-appoint a {
        padding: 8px 0;
    }
    .loc-btns .loc-direction,
    .loc-btns .loc-appoint {
        margin-bottom: 3px;
    }
    .loc-head {
        font: 500 17px/23px 'Roboto', sans-serif;
    }
    #Map-main {
        min-height: 479px;
    }
    .map-intra {
        height: 479px;
    }
    .map-section #Slider2 {
        height: 223px;
    }
    .map-intra,
    #Map-main {
        height: 493px;
    }
    .map-intra,
    #Map-main {
        height: 524px;
    }
    .Location_nav.next {
        left: 54%;
    }
    .Location_nav.prev {
        left: 40%;
    }
    .Banner_auto,
    .Location_auto {
        left: 47%;
    }
    .service-text {
        width: 100%;
        text-align: center;
    }
    .service-pic {
        width: 38%;
        float: none;
        margin: 0 auto;
    }
    .service-wrap li li {
        text-align: left !important;
    }
    .service-wrap {
        margin: 0px 0 0 0;
    }
    .schema-left {
        width: 100%;
    }
    .schema-right {
        float: left;
        width: 100%;
        margin: 3px 0 0 0;
        clear: both;
    }
    .textMain h1 {
        font: 400 30px/40px 'Roboto Condensed', sans-serif;
    }
    .link-list li {
        width: 100%;
    }
    .textMain h2,
    h3.hTag2 {
        font: 600 27px/36px 'Roboto', sans-serif;
    }
    .textMain h3,
    .hTag3,
    .textMain h2.hTag3,
    .textMain h4.hTag3 {
        font: 500 25px/33px 'Roboto', sans-serif;
    }
}