body {font-family:'Roboto',Arial,Helvetica,sans-serif; font-weight:400; font-size:0.938em; color:#333; background:#fff;}
html {font-size:1em;}

/* Doctify */
.doctify-widget {margin-top:2rem;}

/* Nav  */
.navbar-default {background-color:#fff;}
.navbar {border-radius:0; min-height:10px; margin-bottom:0; border:none; padding-bottom:20px;}
.navbar-nav {padding-left:63px;}
.nav>li {margin-right:25px;}
.nav>li.last {margin-right:0;}
.nav>li>a { font-size:1.133em; font-weight:700; padding:0;}
.nav>li>a span {display:inline-block; border-bottom:2px solid #fff; padding:6px 0; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.mobileNav {display:none;}
.navbar-default .navbar-nav>li>a {color:#235C81;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#235C81; background-color:transparent;}
.navbar-default .navbar-nav>li>a:focus span, .navbar-default .navbar-nav>li>a:hover span {border-bottom:2px solid #FF6699;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#235C81; background-color:transparent;}
.navbar-default .navbar-nav>.active>a span, .navbar-default .navbar-nav>.active>a:focus span, .navbar-default .navbar-nav>.active>a:hover span {border-bottom:2px solid #FF6699;}

/* Header */
header {color:#235C81;}
.headerContact {color:#fff; text-align:center; padding:11px 0; font-size:1.133em;}
.headerContact br {display:none;}
.headerContact a {color:#fff;}
.headerContact a:hover {color:#FF6699;}
.headerLogo {background:#fff; padding:25px 0;}
.logo {float:left; margin-right:20px;}
.strapline {text-align:right; font-family:'Ubuntu'; font-size:1.333em; font-weight:400; padding-top:22px; line-height:1.1em;}
.strapline strong {font-weight:500;}

/* Content  */
.content {background-image:url(/images/background-skin-allergies.jpg); padding:30px 0 0 0; background-color:#fff; background-repeat: no-repeat; background-position:top center; min-height:450px;}
body.home .content {min-height:0; padding:0; background-image:none;}
body.dr .content {background-image:none;}
.page {padding:20px; background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.9); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; margin-bottom:37px;}
.title {display:inline-block; padding:18px 20px; background-color:rgb(35,92,129); background-color:rgba(35,92,129,0.8); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; margin-bottom:37px;}
h1 {margin:0 0 0 0; font-family:'Ubuntu'; color:#fff; font-size:2.467em; font-weight:300;}
h2 {margin:0 0 0.8em 0; font-family:'Ubuntu'; color:#FF6699; font-size:1.667em; font-weight:400;}
h3 {margin:0 0 0.8em 0; font-family:'Ubuntu'; color:#FF6699; font-size:1.133em; font-weight:500;}
a {color:#FF6699; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:focus {color:#333; text-decoration:none; outline:none;}
img.lazy{ display:block; width:100%;}
p, .content ul, .content ol {line-height:1.5em; margin-bottom:1.4em;}
.content ul {padding-left:15px;}
img.imgBorder {-webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6);}
p.imgCaption {text-align:right; padding:0;}

/* Fees */
.fee {font-size:1.333em;}
h2 span {display:block; font-family:'Roboto';}
.appointments {background:#F8F8F8; margin:20px 0;}
.appointmentsImg {float:left; width:60%;}
.appointmentsText {width:auto; padding-left:60%;}
.appointmentsTextContainer {padding:30px 43px;}
.appointmentsTextContainer p {font-size:1.2em;}
.contactInfo br.emailLine {display:inline;}
	
/* Conditions */
body.skincancer .content {background-image:url(/images/background-skin-cancer.jpg);}
body.botox .content {background-image:url(/images/background-skin-rejuvenation.jpg);}
.condition {background:#eeeeee; border-bottom: 6px solid #d1d1d1; margin-bottom:20px;}
.condition .condTitle {padding:15px 15px 10px 15px;}
.condition .condText {padding:0 15px; font-size:0.85em; line-height:1.1em;}
.condition h2 {font-size:1.4em; margin:0;}
.condition h2 a:hover {color:#23527c;}
.conditionLink {padding:15px;}
.conditionLink a {padding:14px 12px; display:inline-block; background:#235C81; color:#fff;}
.conditionLink a:hover {color:#FF6699;}

/* Clinics */
.clinic {background:#eeeeee; border-bottom: 6px solid #d1d1d1; margin-bottom:20px;}
.clinicImg {margin-bottom:20px;}
.clinicAddress {padding:0 15px;}
.clinics {padding:35px 0 35px 0;}
.clinics ul {list-style:none; padding-left:0; text-align:center; margin:0;}
.clinics ul li {display:inline-block; margin:0 40px 0 40px;}
.clinics ul li a img {max-width:100%; height:auto;}
.clinics ul li a:hover img {opacity:0.8;}
.clinicLogo {text-align:right;}
.clinicLogo img {max-width:100%; height:auto;}
.clinicLogos {display:block;}
.clinics .clinicLogos ul li a {color:#000; font-size:1.8em; font-family:'Ubuntu';}
.clinics .clinicLogos ul li a:hover {color:#999;}
.clinicLinks {display:none;}

/* Footer */
footer {color:#999; text-align:center;}
footer a {color:#999;}
footer a:hover, footer a:focus {color:#FF6699;}
.footerAuthor {font-size:0.800em; padding:24px 0 65px 0;}
.clinics ul li.logoPS a img {max-height:70px;}
.clinics ul li.logoFP a img {max-width:400px;}
.clinics ul li.logoHS a img {max-height:100px;}

/* Home */
.flex-caption {width:100%; padding:16px 18px 16px 18px; left:0; bottom:0; background:rgba(35,92,129,0.8); color:#fff; font-size:14px; line-height:18px; display:block;}
.flex-caption {position:absolute; top:45px; right:100px; width:auto; min-width:300px; left:auto; bottom:auto;}
.flex-caption h1 {font-size:2.467em; color:#FF6699; margin:0 0 0.3em 0;}
.flex-caption p {font-size:1.133em; color:#fff; margin-bottom:1em;}
.flex-control-paging {display:none;}
.heroLink {text-align:left;}
.heroLink a {padding:18px 16px; display:inline-block; background:#fff;}
.heroLink a:hover {color:#235C81;}
.flex-caption .heroLink a {position:relative; padding-right:32px;}
.flex-caption .heroLink a:before {font-size:28px; position:absolute; font-family:FontAwesome; top:50%; right:14px; margin-top:-9px; content:"\f105";}
.boxContent {background:#eeeeee; padding:20px 5px; border-bottom:6px solid #d1d1d1;}
.innerContent {padding:20px;}
.homeIntro {margin-bottom:0;}
.homeIntro .intro {/*font-size:1.533em;*/ padding:0 40px 0 0;}
.introName {font-size:1.533em;}

.doctify {background:#F8F9FB; padding:40px 0;}
.doctify .heroLink {display:inline-block; margin:10px 20px; float:none !important;}
.doctify .heroLink a {position:relative; padding-right:32px; border-radius:0; background:#235C81;}
.doctify .heroLink a:hover {color:#FF6699;}
.doctify .heroLink a:before {font-size:28px; position:absolute; font-family:FontAwesome; top:50%; right:14px; margin-top:-20px; content:"\f105";}

/* Contact */
.locationMap {width:100%; height:268px; margin-bottom:20px;}

/* Side Nav */
.content .subNav {padding:20px; background-color:#eee; margin-bottom:40px; border-bottom: 6px solid #d1d1d1;}
.content .subNav ul {list-style:none; padding-left:0; margin-bottom:0;}
.content .subNav ul li {padding:0; margin-bottom:2px; border-bottom:1px solid #F6F6F6;}
.content .subNav ul li a {text-decoration:none; color:#235C81; display:block; position:relative; padding:6px 20px 6px 0; font-weight:400; font-size:1em; background:transparent;}
.content .subNav ul li a:hover, .content .subNav ul li.active a {color:#FF6699; background:transparent;}
.content .subNav ul li a:before {position:absolute; font-family:FontAwesome; top:6px; right:0; content:"\f105"; color:#235C81; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.content .subNav ul li a:hover:before, .content .subNav ul li.active a:before {color:#FF6699;}
.content .subNav .dropdown-header {font-size:1em; color:#57C7E5; font-weight:700; padding:12px 0;}
.btn-group {display:none; width:100%; z-index:999; -webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5); box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5); margin-bottom:20px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-group .btn {border:none; border-radius:0; background-color:rgb(35,92,129); background-color:rgba(35,92,129,0.8); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; width:100%; text-align:left; padding:28px; font-size:1em; color:#FF6699; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {background-color:#235C81; color:#FF6699;}
.btn-group .btn-default.active.focus, .btn-group .btn-default.active:focus, .btn-group .btn-default.active:hover, .btn-group .btn-default:active.focus, .btn-group .btn-default:active:focus, .btn-group .btn-default:active:hover, .btn-group .open>.dropdown-toggle.btn-default.focus, .btn-group .open>.dropdown-toggle.btn-default:focus, .btn-group .open>.dropdown-toggle.btn-default:hover {color:#FF6699; background-color:#235C81;}
.btn-group ul.dropdown-menu {padding-left:0;}
.btn-group .dropdown-menu {float:left; top:70px; min-width:160px; width:100%; padding:5px 0; margin:0; font-size:1em; background-color:#235C81; border:none; border-radius:0;}
.btn-group .btn {padding:28px;}
.btn-group .dropdown-menu>li>a {color:#fff; text-decoration:none; padding:3px 28px;}
.btn-group .dropdown-menu>li>a:focus, .btn-group .dropdown-menu>li>a:hover {color:#FF6699; background-color:#235C81;}
.btn-group .dropdown-menu>.active>a, .btn-group .dropdown-menu>.active>a:focus, .btn-group .dropdown-menu>.active>a:hover {color:#FF6699; background-color:#235C81;}
.btn-group .btn-default.active, .btn-group .btn-default:active, .btn-group .open>.dropdown-toggle.btn-default {color:#fff; background-color:#FF6699;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {color:#FF6699; background-color:#fff;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow:none; box-shadow:none;}
.appointmentsPanel {margin-bottom:40px; background:#F8F8F8;}	
.panelText {padding:15px 28px 15px 28px;}
.appointmentsPanel .conditionLink {display:block; margin-bottom:5px;}
.appointmentsPanel .conditionLink a {display:block;}
.appointmentsFooter {background: #F8F9FB; margin-bottom:20px;}
.appointmentsContainer {position:relative;}
.appointmentsFooterImg {background:url(/images/appointments.jpg) no-repeat center center; min-height:300px; width:50%; float:left; background-size:cover;}
.appointmentsFooterText {width:50%; margin-left:50%; }
.appointmentsFooterLinks {position:absolute; bottom:0; left:50%; padding-left:43px;}
.appointmentsFooter .conditionLink {display:inline-block; margin-top:5px; padding:0;}
.appointmentsFooter .conditionLink a {display:block;}							
.contactInfo br {display:none;}

/* Accordion */
.panel {margin-bottom:5px; border:none; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
.panel-heading {padding:0; border-radius:0;}
.panel-default>.panel-heading {color:#333; background-color:#eee; border:none;}
.panel-body {padding:0 28px; background-color:#eee;}
.panel-default {border:none;}
h2.panel-title {font-size:1.667em;}
.panel-title>a {color:#FF6699; display:block; padding:15px 48px 15px 28px; position:relative; text-decoration:none;}
.panel-title>a:hover {color:#235C81;}
.panel-title>a:before {font-family:FontAwesome; position:absolute; top:12px; right:28px; color:#235C81; font-size:1.286em; content:"\f107"; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}		
.panel-title>a:hover:before {color:#FF6699;}	
.panel-title.active-panel>a:before {content:"\f106"; color:#FF6699;}
.panel-title.active-panel>a {color:#FF6699;}
.panel-title>a span {color:#235C81; font-size:0.600em;}
.panel-group .panel {border-radius:0; border-bottom: 6px solid #d1d1d1;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top:none;}

/* table */
table {margin-bottom:1em; width:100%;}
thead td, th {color:#333; font-weight:400;}
tbody td {font-size:1em; padding:5px 8px; background:#F8F8F8; vertical-align:top; border-bottom:2px solid #eee;}
th.st-head-row-main {display:none;}
tbody td.price {width:200px;}
.stacktable {width:100%;}
.st-head-row {padding:3px 0 3px 0; text-align:left;}
.st-key {width:0%; display:none;}
.st-val {width:99%;}
.stacktable.large-only {display:table;}
.stacktable.small-only {display:none;}
.hide {display:none;}

/* Profile */
.profileLink a {padding:14px 12px; display:block; background:#235C81; text-align:right; color:#fff; margin-bottom:8px;}
.profileLink a:hover {color:#FF6699;}
.profileLink a img {float:left;}

@media (max-width: 1200px) {
	.pageLinks .col-sm-4 {width:50%;}
	.clinics ul li {margin:0 20px 0 20px;}
	.clinics ul li.logoPS a img {max-height:70px;}
	.clinics ul li.logoFP a img {max-width:400px;}
	.clinics ul li.logoHS a img {max-height:100px;}
	.clinics .clinicLogos ul li a {font-size:1.65em;}
}

@media (max-width: 992px) {	
	body.dr .content {background-size:1000px 508px;}
	.clinicLogo {text-align:left;}
	.appointmentsFooterLinks {padding-left:28px;}
	/* Fees */
	.appointmentsImg {float:none; width:100%;}
	.appointmentsText {padding-left:0;}
	.appointmentsTextContainer {padding:28px 28px;}
	/* Clinics */
	.clinics ul li.logoPS a img {max-height:45px;}
	.clinics ul li.logoFP a img {max-width:320px;}
	.clinics ul li.logoHS a img {max-height:65px;}
	.clinics .clinicLogos ul li a {font-size:1em;}
	/* Nav */
	.navbar-nav {padding-left:0;}
	.pageLinks .col-sm-4 {width:50%;}
}

@media (max-width: 930px) {
	#owl-main .owlCaption {padding:28px 20px 0 20px;}
	#owl-main h1 {font-size:1.625em; margin:0 0 0.4em 0;}
	#owl-main p {font-size:1em;}
}

@media (max-width: 780px) {
	.headerContact br.t2 {display:inline;}
}

@media (max-width: 767px) {
	.appointmentsTextContainer p {font-size: 1.1em;}
	.contactInfo br {display:inline;}
	.conditions .col-sm-4 {width:50%; float:left;}
	.conditions .col-sm-6 {width:50%; float:left;}
	.pageLinks .col-sm-4 {width:33.33333333%; float:left;}
	.headerLogo {padding:25px 0 10px 0;}
	.flex-caption {right:70px;}
	
	/* Nav */
	.dropdown-menu:before {display:none;}
	.dropdown-menu:after {display:none;}
	.navbar {padding-bottom:0;}
	.nav>li {margin-right:0;}
	.nav>li>a {padding:10px 15px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#235C81;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color:#FF6699; background-color:transparent;}
	.dropdown-menu {padding:2px 0;}
	.mobileNav {position:absolute; top:25px; right:10px; display:block;}
	.mobileNavTitle { font-size:12px; text-align:center;}
	.navbar-toggle {position:relative; top:0; right:0; margin-right:0; margin-bottom:0; background-color:#235C81; border:none; border-radius:0; width:42px; color:#fff; font-size:1.133em;}
	.navbar-toggle:hover {color:#FF6699;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#FF6699; color:#fff;}
	.navbar-collapse {border-top:none; -webkit-box-shadow:none; box-shadow:none;}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {color:#FF6699; background-color:transparent;}
	
	/* Sub Nav */
	.content .subNav {display:none;}
	.btn-group {display:block;}
	.appointmentsPanel {display:none;}
	.appointmentsFooter {display:block;}

	/* Header */
	.logo {float:none; margin-right:0;}
	.strapline {text-align:left; padding:10px 0 0 0;}
	.homeIntro .intro {/*font-size: 1.3em;*/}
	.introName {font-size:1.3em;}
	p.imgCaption {text-align: left;}
}

@media (max-width: 730px) {
	/* Clinics Footer */
	.clinics ul li.logoPS a img {max-height:38px;}
	.clinics ul li.logoFP a img {max-width:270px;}
	.clinics ul li.logoHS a img {max-height:58px;}
}

@media (max-width: 660px) {
	.appointmentsFooter .container {padding-left:0; padding-right:0;}
	.appointmentsFooterImg {min-height:200px; width:100%; float:none;}
	.appointmentsFooterText {width:100%; margin-left:0;}
	.appointmentsFooterLinks {position:relative; bottom:0; left:0; padding-left:0;}
	.clinics ul li.logoPS a img {max-height:38px;}
	.clinics ul li.logoFP a img {max-width:240px;}
	.clinics ul li.logoHS a img {max-height:45px;}
	.flex-caption {background:rgba(35,92,129,1); padding:16px 20px 16px 20px; width:100%; left:0; bottom:0; position:relative; top:auto; right:auto;}
	.flex-direction-nav a {margin:-60px 0 0 !important; top:50% !important;}
  	.heroText {float:left;}
  	.flex-caption h1 br {display:none;}
   	.flex-caption p br {display:none;}
	.flex-caption h1 {padding-right:8px;}
	.flex-caption p {padding-right:8px;}
	.heroLink {text-align:left; width:auto; float:right;}
}

@media (max-width: 650px) {
	.pageLinks .col-sm-4 {width:100%; float:none; height:auto !important;}
	.conditions .col-sm-4 {width:100%; float:none; height:auto !important;}
	.conditions .col-sm-6 {width:100%; float:none; height:auto !important;}
	.condition {margin-bottom:15px;}
	.contactInfo br {display:inline;}
}

@media (max-width: 620px) {
	/* Table */
	table td {border-right:none; padding:0 8px 5px 8px;}
	.stacktable.large-only {display:none;}
  	.stacktable.small-only {display:table;}
	.st-head-row {padding:5px 8px 0 8px; font-weight:bold; text-align:left; background:#F8F8F8;}
	tbody td.price {width:auto;}
	/* Clinics */
	.clinics ul li {margin:0 15px 0 15px;}	
}

@media (max-width: 590px) {
	/* Home */
	.homeIntro .col-xs-4 {float:none; width:100%;}
	.homeIntro .col-xs-8 {float:none; width:100%;}
	.homeIntro .intro {padding-top:30px;}
	.flex-caption h1 {font-size:1.8em;}
	.flex-caption p {font-size:1em;}
	/* Clinics Footer */
	.clinics ul li.logoPS a img {max-height:32px;}
	.clinics ul li.logoFP a img {max-width:220px;}
	.clinics ul li.logoHS a img {max-height:40px;}
}

@media (max-width: 515px) {
	/* Clinics */
	.clinicLogos {display:none;}
	.clinicLinks {display:block;}
	.clinics {padding:0;}
	.clinics .container {padding-left:0; padding-right:0;}
	.clinicLinks {text-align:left;}
	.clinicLinks ul li.clinicTitle {padding:11px 15px; color:#333; background:#F8F9FB; display:none;}
	.clinicLinks ul li {display:block; text-align:left; margin:0; border-bottom:3px solid #fff;}
	.clinicLinks ul li a {color:#fff; display:block; background:#235C81; padding:11px 15px;}
	.clinicLinks ul li a:hover {color:#FF6699; background:#235C81;}
	.clinicLinks ul li img {vertical-align:middle;}
	.clinics ul li a:hover img {opacity:1;}
	/* Header */
	.logo {margin-right:70px;}
}

@media (max-width: 470px) {
	/* Header */
	.headerContact br.t1 {display:inline;}
}

@media (max-width: 420px) {
	/* Home */
	.heroText {float:none; width:100%;}
	.flex-caption h1 {padding-right:0;}
	.flex-caption p {padding-right:0;}
	.heroLink {float:none;}
}

@media (max-width: 380px) {
	/* Header */
	.strapline {font-size:1em; padding-top:15px;}
}

@media (max-width: 320px) {
	/* Header */
	.headerContact {font-size:1em;}
}