html, body {padding:0; margin:0; font-size:16px;}
body {font-family:'Roboto',Arial,Helvetica,sans-serif; font-weight:400; color:#333; font-size:16px; background-color:#6C5D5B;}

/* Nav */
.navbar-default {padding:0 0 15px 0; font-family:'Open Sans',sans-serif; font-weight:400; text-align:left; background-color:#6C5D5B; border-color:transparent;}
.navbar {border-radius:0; min-height:50px; margin-bottom:0; border:none;}
.logo {padding:24px 0 25px 0;}
.awardHeader {text-align:right; color:#fff; font-weight:300; font-size:15px; margin-top:18px; letter-spacing:5px; text-transform:uppercase;}
.contactHeader {text-align:right;}
.phone {text-align:right; color:#fff; display:inline-block; vertical-align:middle; margin-right:20px;}

.contactHeader > div {text-align:right; padding:8px 0 8px 0; display:inline-block;}
.contactHeader .btn-default {border:none; transition:all 0.3s ease-out; background-color: #54ABC7; color:#fff;}
.contactHeader .btn-default:hover, .contactHeader .btn-default:focus, .contactHeader .btn-default:active, .contactHeader .btn-default.active, .contactHeader .open>.dropdown-toggle.btn-default {background-color:#fff; color: #54ABC7;}
.contactHeader .btn {padding:8px 14px; font-size:16px;}
/*.bookNowSquareup {font-family:Georgia,serif; font-style:italic;}*/

.navbar .inner-wrapper {display:flex; gap:1rem; justify-content:space-between;}
.logo a, .freephone a {color:#fff;}
.telNo {font-size:20px; font-family:'Open Sans',sans-serif; font-weight:300; display:block;}
.navbar-nav {float:none; margin:0 auto; text-align:center; display:inline-block;}
.nav>li {margin:0 9px;}
.nav>li>a {padding:0 0;}
.navbar-default .navbar-nav>li>a {text-transform:uppercase; font-size:16px; color:#fff; border-bottom:1px solid transparent; -webkit-transition:all ease-out 0.2s; -moz-transition:all ease-out 0.2s; -o-transition:all ease-out 0.2s; transition:all ease-out 0.2s;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#fff; border-bottom:1px solid #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#fff; background-color:transparent; border-bottom:1px solid #fff;}
.navbar-collapse {padding-left:0;}

/* Content */
iframe {display:block; margin:0 auto;}
h1 {font-weight:300;}
.content {background:#fff;}
.content h1 {margin:0; padding:0; font-size:28px; text-transform:uppercase; font-family:'Open Sans',sans-serif; font-weight:300; color:#fff; background:#54ABC7; text-align:center; padding:22px 22px;}
.content h2 {margin:0 0 0.5em 0; padding:0; font-size:28px; font-family:'Open Sans',sans-serif; font-weight:300; color:#6C5D5B;}
.content h3 {margin:0 0 0.3em 0; padding:0; font-size:22px; font-family:'Open Sans',sans-serif; font-weight:300; color:#6C5D5B;}
.content a {color:#54ABC7; transition:all 0.3s ease-out;}
.content a.btn.btn-primary {color:#fff;}
.content h2 span {font-size:14px;}
.content .uBlogsy_post h2 span {font-size:22px;}
.content .container {padding:40px 20px;}
.content ul li {margin-bottom:0.6em;}
.circles {margin:0px auto 20px auto;}
.circles > div {overflow:hidden; float:left; width:auto; height:auto; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; background:#eee;}
.offerHighlight {padding:10px; color:#fff; background:#54ABC7;}
.smallText {font-size:12px;}
.blueBoxQuote {color:#fff; background:#54ABC7; padding:20px; font-size:20px; text-align:center; margin-bottom:1em;}
.content img {max-width:100%; height:auto;}
img[src$=".svg"] {width:100%;}
p {margin: 0 0 14px 0;}
video {width:100%; height:auto;}
.content a.btn.btn-primary.btn-highlight {width:100%; margin-bottom:0; padding:24px 20px; font-size:20px; background-color:#6C5D5B; border-color:#6C5D5B;}
.content a.btn.btn-primary.btn-highlight:hover {background-color:#54ABC7; border-color:#54ABC7;}
.mt-4 {margin-top:35px !important;}
.mb-4 {margin-bottom:35px !important;}

/* Accordion */
.panel-group {margin-top:1rem;}
.panel-default>.panel-heading {background-color:#f1efef; border:none; border-radius:0; padding:0;}
.panel-group .panel {border:none; border-radius:0;}	
.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {border-top:none;}
.panel {box-shadow:none;}
.panel-title>a {padding:1rem 2rem 1rem 1rem; display:block; position:relative;}	
.panel-title>a::before {position:absolute; right:1rem; top:1rem; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f063";}
			
/* Footer */
footer {color:#fff; text-align:center; padding-bottom:84px; border-top:1px solid #6C5D5B;}
body.page-1221 footer {border-top:none;}
footer a {text-decoration:none; color:#6C5D5B;}
footer a:hover, footer a:focus {text-decoration:none; color:#54ABC7;}
.footerText {font-size:0.857em;}
.share {background:#fff; padding:22px 0; margin-bottom:22px;}
.share p {color:#6C5D5B; font-size:0.857em; font-family:'Open Sans',sans-serif; font-weight:700;}
.strapline {padding:20px 0 50px 0; text-align:center;}
.strapline img {max-width:100%; height:auto;}
.footerLeft {text-align:center}
.footerRight {padding:20px 0 0 0; }
.footerRight span {display:block; text-align:center;}
.footerRight span.awardSilver {font-size:0.625em;}
.footerRight span.awardWinner {font-size:2em; font-weight:bold;}
.footerRight ul {list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto;}
.footerRight ul li {flex:0 0 182px; margin-bottom:15px;}
.footerRight ul li:nth-child(1),
.footerRight ul li:nth-child(2) {flex:0 0 300px; align-self:center;}
.footerRight ul li a {display:block; }
.footerRight ul li img {max-width:100%; height:auto; padding:0 20px;}
.footerRight span.reg {text-align:left; padding:4px 0 0 3px; display:block;}

footer p.instagram {font-size:20px; margin-bottom:20px;}
footer p.instagram i {vertical-align:middle;}

.footerText .row {margin:0;}
.footerTextCandour div, .footerTextDisabled div {border:1px solid #fff; padding:20px; margin-bottom:20px;}
.footerText i {font-size:24px;}

/* Home */
.homeSection {max-width:1170px; margin:0 auto;}
.homeLinks div {float:none; width:100%;}
.homeLinks div.col1 a {border-right:2px solid #fff;}
.homeLinks div.col3 a {border-left:2px solid #fff;}

.homeLinks { }
.homeLinks a {transition:background-position ease-out 0.4s; background:url(/images/arrow-large.png) no-repeat right 30px top 50%; background-size:auto 50px; padding:28px 60px 28px 28px; font-family:'Open Sans',sans-serif; font-weight:400; display:block; color:#fff;}
.homeLinks a:hover {background-position:right 15px top 50%; text-decoration:none;}
.homeLinks span {display:block;}
.homeLinkTitle {font-weight:700; font-size:1.5em;}
.homeLinkText {font-size:1.2em; padding-right:40px;}

.homeLinks .banner-profhydro {background-color:#04336b;}
.homeLinks .banner-profhydro .homeLinkTitle {color:#caafa8;}
.homeLinks .banner-profhydro img {border:1px solid #fff;}

.homeLinks .banner-marionbrownskin {background-color:#0DB2AD; background:url(https://www.marionbrown.skin/images/circles-green.webp) no-repeat 50% 50%;
background-size: cover;}

.homeLinks span.link-container {display:flex; align-items:center}
.homeLinks span.link-container>span:first-child {flex:0 0 240px}
.homeLinks span.link-container>span:last-child {padding-left:40px;}

.slideshow {position:relative;}
.cycle-slideshow img {width:100%; position:static; display:block;}
.cycle-slideshow h1 {color:#54ABC7; text-shadow:0px 0px 2px rgba(0,0,0,0.1);}
.composite-example > div .cycle-overlay {color:white; position:absolute; top:20%; left:58px; text-align:center; font-family:'Open Sans',sans-serif; font-weight:400; }
.cycle-slideshow a {color:#6C5D5A; display:inline-block; font-size:1.143em; border:1px solid #6C5D5A; padding:4px 10px; font-style:italic; font-family:Georgia, serif;}
.cycle-slideshow a:hover {text-decoration:none; background:#fff; -webkit-transition:all ease-out 0.4s; -moz-transition:all ease-out 0.4s; -o-transition:all ease-out 0.4s; transition:all ease-out 0.4s;}
.cycle-slideshow .slideRev h1 {color:#fff;}
.cycle-slideshow .slideRev a {color:#fff; border:1px solid #fff;}
.cycle-slideshow .slideRev a:hover {color:#6C5D5A;}
.cycle-slideshow div.homeSlide {display:none;}
.cycle-slideshow div.homeSlide.first {display:block;}
.homeNotice {list-style:none; display:flex; margin:0; padding:0; justify-content:center;}
.homeNotice li {flex:1 1 25%; white-space:nowrap; padding:0 20px;}

/* Appointment Guide */
.guideContainer {padding:0 18px;}
.guide {background:#54ABC7; display:flex; flex-wrap:wrap; color:#fff;}
.guide > div {min-height:140px; overflow:hidden; font-size:16px; position:relative; flex:0 0 33.333%; max-width:33.333%; padding:28px 20px 28px 85px; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.guide > div:nth-child(3),.guide > div:nth-child(6) {border-right:0;}
.guide a {transition: all 0.3s ease-out;}
.guideTitle {background:#423736; color:#fff; font-size:24px; text-align:center; padding:20px 20px; border-bottom:1px solid #fff;}
.guideFooter {background:#423736; color:#fff; text-align:center; padding:20px 20px;}
.guide > div > span {position:relative; z-index:2; display:block; padding-left:20px;}
.guide > div::before {content:""; z-index:1; position:absolute; bottom:0; left:0; width:100px; height:100px; background-size:100px auto; background-repeat:no-repeat; background-image:url(/images/icons/step-1.svg); background-position:bottom left;}
.guide > div:nth-child(2)::before {background-image:url(/images/icons/step-2.svg);}
.guide > div:nth-child(3)::before {background-image:url(/images/icons/step-3.svg);}
.guide > div:nth-child(4)::before {background-image:url(/images/icons/step-4.svg);}
.guide > div:nth-child(5)::before {background-image:url(/images/icons/step-5.svg);}
.guide > div:nth-child(6)::before {background-image:url(/images/icons/step-6.svg);}
.guide span.number {display:inline-block; position:absolute; font-size:40px; font-weight:bold; left:-12px; top:-8px;}
.appointmentIntro {background:#54ABC7; padding:40px; color:#fff; text-align:center;}
.appointmentIntro h2 {color:#fff; text-align:center;}
.appointmentIntro ul {padding-left:0; margin:20px 0; list-style:none;}

/* New */
.bannerContainer {position:relative;}
.new {position:absolute; padding-top:30px; top:20px; right:20px; width:120px; height:120px; border-radius:50%; color:#fff; font-size:40px; text-align:center; background:#54ABC7;}
.new.posBottom {top:auto; bottom:20px;}
.new.smallNew  {padding-top:15px; top:0; left:20px; width:60px; height:60px; font-size:20px; display:block;}
.new.smallNew {top:20px; left:auto; right:20px;}
.treatmentLinkTitle.newTitle {top:35px; left:85px;}

/* Viscoderm */
.viscoderm {font-weight:300; font-family:'Open Sans'; background:url(/images/skin-pattern.png) repeat-x bottom left; padding-bottom:350px;}
.viscoderm p {font-size:1.4em;}
.viscoderm img.viscodermProduct {max-height:600px;}
.viscoderm img[src$=".svg"] {max-width:350px;}
.viscoderm .btn {font-size:0.75em; margin-top:10px; text-transform:uppercase;}
		
/* About */
.imgCaption {font-size:0.9em; text-align:center;}

/*consultation*/
.introSection p {font-size:1.2em; margin-bottom:1.4em;}
.paymentLogo {text-align:center;}

/* Prices */
table.priceList {margin-bottom:20px; width:100%;}
table.priceList td {vertical-align:top; border-bottom:1px solid #fff; padding:5px 8px; background:#54ABC7; color:#fff;}

/* Treatments */
.treatmentList {clear:both;}
.treatmentList div {float:left; width:33.333%; font-family:'Open Sans',sans-serif; font-weight:400;}
.treatmentLinkTitle {font-family:'Open Sans',sans-serif; display:block; line-height:1.2em; font-weight:300; display:block; font-size:24px; position:absolute; top:25px; left:25px;}
.treatmentAward {font-size:0.75em; line-height:1.2em; display:block; margin-top:3px;}
.treatmentLinkRead {font-family:Georgia,serif; display:inline-block; font-size:1.143em; position:absolute; bottom:25px; left:25px; border:1px solid #6C5D5A; padding:4px; font-style:italic;}
.treatmentList div a {padding:2px; display:block; color:#6C5D5A; position:relative;}
.treatmentList div a:hover {text-decoration:none; cursor:pointer;}
.treatmentList div a:hover .treatmentLinkRead {background:#fff; -webkit-transition:all ease-out 0.4s; -moz-transition:all ease-out 0.4s; -o-transition:all ease-out 0.4s; transition:all ease-out 0.4s;}
.treatmentList div a.rev {color:#fff;}
.treatmentList div a.rev .treatmentLinkRead {border:1px solid #fff;}
.treatmentList div a.rev:hover .treatmentLinkRead {background:#fff; color:#6C5D5A; border:1px solid #6C5D5A;}
.content .treatmentList img {max-width:none; width:100%;}
.bookNow {margin-top:30px; margin-bottom:20px;}
.bookNow a {font-family:Georgia,serif; display:inline-block; font-size:1.5em; border:1px solid #54ABC7; padding:8px 14px; font-style:italic;
-webkit-transition:all ease-out 0.2s; -moz-transition:all ease-out 0.2s; -o-transition:all ease-out 0.2s; transition:all ease-out 0.2s;}
.bookNow a:hover {text-decoration:none; background:#54ABC7; color:#fff;}
.subnavList {display:none;}
.btn-group {display:block;}
.subnavList {padding:20px 0;}
.subnavList ul {padding:0; text-align:center;}
.subnavList .nav>li {margin:0;}
.subnavList ul li {display:inline-block; padding:0 9px;}
.subnavList .nav>li>a:hover, .subnavList .nav>li>a:focus {text-decoration:underline; background-color:transparent;}
.subnavList .nav>li.active>a {text-decoration:underline;}
.btn-group {margin-left:0; margin-top:0;}
.btn-group .btn-default {color:#6C5D5A; background-color:#fff; border-color:#6C5D5A;}		
.btn-group .dropdown-menu {padding:5px 0; margin:0; font-size:1em; background-color:#fff; border:1px solid #6C5D5A; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}			
.btn-group.open .dropdown-toggle {-webkit-box-shadow:none; box-shadow:none;}							
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color:#fff; background-color:#6C5D5A; border-color:#6C5D5A;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color:#54ABC7; text-decoration:none; background-color:#fff;}
.modal-header {border-bottom:0;}
.modal-content {border:0; border-radius:0;}
.image-caption {text-align:center; font-size:1.4em; padding:15px 0; color:#54ABC7;}
.modal-backdrop {opacity:0.9 !important;}
.modal-header {text-align:right;}
.close {float:none; font-size:44px;}
.owl-theme .owl-nav [class*=owl-]:hover {background:#54ABC7 !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#54ABC7 !important;}
.galleryLink {text-align:center; background:#6C5D5B; color:#fff; padding:30px; margin-bottom:20px;}
.galleryLink:hover {cursor:pointer;}
.galleryLinkBox {display:inline-block; transition:all .3s ease-in-out; border:1px solid #fff; padding:20px 35px;}
.galleryLink:hover .galleryLinkBox {background-color:#fff; color:#54ABC7;}
.galleryLinkTitle {font-size:1.4em; font-weight:300;}
.galleryLinkSubTitle {font-size:2.25em; padding:15px 0; font-weight:300; text-transform:uppercase; letter-spacing:2px;}
.treatmentList div.noLinkPanel {padding:2px; display:block; color:#6C5D5A; position:relative; width:100%; height:100%;}
.treatmentList div.noLinkPanel.rev {color:#fff;}
.treatmentBrand {position:absolute; bottom:25px; right:25px; font-size:12px; background-color: rgba(0, 0, 0, .5); padding:5px; color:#fff;}
.colIcon div:first-child {max-width:60px; float:left;}
.colIcon div:last-child {padding-left:70px;}
.colIcon {margin-bottom:25px;}
.mb-3 {margin-bottom:30px !important;}

/* Skin Cancer - Mole Check */
ul.list-skin-cancer { list-style:none; padding-left:0;}
ul.list-skin-cancer li {background:#FFF9F5; padding:1rem; border-radius:.75rem; list-style-position:inside; position:relative; padding-left:3rem; margin-bottom:.75rem;}
ul.list-skin-cancer li::before {content:""; position:absolute; top:1rem; left:1rem; width:24px; height:24px; background:url(/images/icon-melanoma.svg) no-repeat 50% 50%; background-size:contain;}

/* New Treatment */
.treatmentNew {float:left; margin:2px 0 0 0; position:relative; text-align:right; overflow:hidden; width:50%}	
.content .treatmentNew a {background:#000; display:block;}
.content .treatmentNew.rev a {color:#fff;}
.content .treatmentNew a .treatmentLinkRead {transition:all 0.3s ease-out;}
.content .treatmentNew a:hover .treatmentLinkRead {background:#fff; color:#000;}
.treatmentNewTitle {position:absolute; top:25px; left:0; width:100%; text-align:left; padding-left:25px;}	
.treatmentNew .treatmentLinkTitle {position:relative; top:auto; left:auto; text-align:left; margin-bottom:30px; padding-top:70px;}
.treatmentNew .treatmentLinkRead {position:relative; bottom:auto; left:auto; text-align:center;}
.treatmentNew .b {position:absolute; top:0; left:0; display:block; height:100%;}

/* offers */
.offers {/*float:left; margin:2px 0 0 0; position:relative; overflow:hidden; width:50%; background:#e9dcd4;*/}	
.offerTitle {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; text-align:center;}	
.offerTitle .treatmentLinkTitle {position:relative; top:auto; left:auto; margin-bottom:25px;}
.offerTitle .treatmentLinkRead {position:relative; top:auto; left:auto; bottom:auto;}
.offerTitle .treatmentLinkRead {transition:all 0.3s ease-out; background-color:rgba(255,255,255,0.9); padding:25px;}
.offerTitle .treatmentLinkTitle {font-style:normal;}
.offers a {display:block;}
.offers a:hover .offerTitle .treatmentLinkRead, .offers a:focus .offerTitle .treatmentLinkRead {color:#ffa87f;}

/* About */
.quotes {padding-left:20%;}
.quote {font-size:2.3em; font-family:'Open Sans',sans-serif; font-weight:300; margin-bottom:5px; color:#6C5D5A; display:block; line-height:1.2em;}
.quoteName {color:#6C5D5A;}
.brownSection {padding:15px 0; background:#6C5D5B url(/images/browns-b.png) no-repeat right bottom; color:#fff;}
.content .brownSection h2, .content .brownSection h3 {color:#fff;}
.testimonialList {margin-bottom:30px;}

/* Contact */
.contactDetails {text-align:left;}
p.contactTel {font-size:30px; color:#54ABC7; font-family:'Open Sans',sans-serif; font-weight:300;}
.errorMessage, .error, .required {color:#CC0000;}
.error {display:block; padding-bottom:10px;}
.errorMessage {padding:0 0 20px 0;}
label {margin-top:10px; color:#000; font-weight:normal;}
.status {display:block; text-align:right; font-style:italic;}
.btn-primary {color:#fff; background-color:#54ABC7; border-color:#54ABC7; margin-bottom:30px; margin-top:10px; white-space:normal;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {color:#fff; background-color:#6C5D5B; border-color:#6C5D5B; outline:none !important;}
.btn {font-size:1.143em; border-radius:0;}
.btn:hover, .btn:focus {outline:none;}
.mandatory {text-align:right; margin:0; padding:0;}
.directions {background:#54ABC7; padding:30px 40px; text-align:center; color:#fff;}
.directions h3 {font-weight:400; color:#fff;}
.directions h2 {font-weight:400; color:#fff;}
.directions p {position:relative; padding:15px; margin:0 0 20px 0; color:#000; background:#ffffff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:inline-block;}
.directions p:after {content:""; position:absolute; bottom:-10px; right:80px; border-width:10px 10px 0; border-style:solid; border-color:#ffffff transparent; display:block; width:0;}
.directions p.last:after {top:16px; right:-10px; bottom:auto; left:auto; border-width:10px 0 10px 10px; border-color:transparent #ffffff;}
#locationMap {height:505px;}
#locationMap iframe {height:505px;}
.bubblePic {margin:0 0 0 10px; width:90px; height:90px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.checkbox-inline {position:relative; display:inline-block !important; padding-left:20px; margin-bottom:0; font-weight:400; vertical-align:middle; cursor:pointer;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {position:absolute;margin-top:4px\9; margin-left:-20px;}
input[type=checkbox] {margin:4px 0 0; margin-top:1px\9; line-height:normal;display:inline-block !important;}
label {max-width: 100%;}
input[type=checkbox] {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0;}
.checkbox-inline:first-child {padding-left:0;}
.page-1062 .circles img {width:100%; max-width:200px;}
.page-1062 .circles {margin-bottom:20px;}
.address {font-size:18px;}
.contactDetails.colLeft {padding-right:15px;}
.contactDetails.colRight {padding-left:15px;}
.defibrillator {margin-top:25px; font-size:18px;}
.defibrillator img {max-width:640px; height:auto;}

a.whatsapp-link img {width:100%; max-width:240px;}
a.btn-email {margin:0; border-radius:12px; padding:8px 16px; width:100%; max-width:240px; text-align:left}
a.btn-email i {font-size:28px; margin-right:10px; vertical-align: bottom;}

/* Appointments */
.paymentLogo {margin-top:20px;}
.paymentPlans {color:#fff; background:#54ABC7; padding:12px 20px; text-align:center; margin-top:20px; font-size:22px;}
.paymentPlans img {max-width:180px; height:auto; vertical-align:baseline;}

/* Blog */
.blogNav {padding:50px 0 10px 0;}
.blogNav h2 {color:#6C5D5B;}
.blogNav a {color:#54ABC7; text-decoration:underline;}
.blogNav a:hover {color:#54ABC7; text-decoration:none;}
.blogNav ul {list-style:none; padding-left:0;}
.blogNav ul.uBlogsy_months {padding-left:10px;}
.blogNav ul.uBlogsy_post_items {padding-left:10px;}
.uBlogsy_post_date {font-style:italic; font-size:0.923em; color:#000;}
.uBlogsy_post .uBlogsy_post_date {color:#666; font-size:16px;}
.uBlogsy_post_time {display:none;}
.uBlogsy_bottom_border {margin-bottom:15px;}
#uBlogsyTxtSearch {width:100%; border:2px solid #ccc; margin-bottom:7px; padding:5px 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#uBlogsyTxtSearch:focus {outline:none; border:2px solid #37AAE1;}
#uBlogsyBtnSearch {padding:5px 10px; margin-bottom:15px; background:#37AAE1; color:#fff; border:0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#uBlogsyBtnSearch:hover {background:#6C5D5B; color:#fff;}
.blogNav a.uBlogsy_feed {text-decoration:none;}
.blogNav a.uBlogsy_feed:hover i {color:#FF6600;}
.blogNav .uBlogsy_rss_link_container h2 {font-size:1.2em;}
#uBlogsy_pagination {text-align:right; list-style:none; padding:0; margin:0 0 18px 0;}
#uBlogsy_pagination li {display:inline;}
.uBlogsy_post {border-bottom:1px dotted #666;}
.uBlogsy_next_prev {text-align:right; margin:0 0 18px 0;}
.uBlogsy_related_posts_container {display:none;}
.addthis_native_toolbox {margin:0 0 18px 0; padding:20px 0 0 0;}
.uBlogsy_author {display:none;}
.blogNav .uBlogsy_posts_container {color:#000;}
.uBlogsy_archive {display:none;}
.uBlogsy_post_image {margin-bottom:15px;}
.postTxt {float:left; width:60%; margin-right:5%;}
.postImg {float:left; width:35%;}
.uBlogsy_posts_container .uBlogsy_post_image img {width:auto !important; max-width:100%; height:auto;}
.postTxt.postWide {width:100%; margin-right:0;}

/* Prices */
.prices {padding:0 30px 0 0;}
.pricesQuote {color:#fff; padding:25px; background:#6C5D5B url(/images/browns-b.png) no-repeat right bottom; color:#fff;}
.pricesQuote .quote {color:#fff; font-size:1.8em;}
.pricesQuote .quoteName {color:#fff; padding-top:10px; display:block;}

/* Call Back */
form {margin-bottom:80px;}
label, .checkboxTitle {text-transform:uppercase; font-size:0.813em;}
.form-control {font-size:14px; color:#333F48; border:1px solid #A2AAAD; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
.input-group-addon {border:1px solid #A2AAAD; border-radius:0;}
select.form-control {background-repeat:no-repeat; background-image:url(/images/arrow.png); -webkit-appearance:none; -moz-appearance:none; background-position:98% 50%; background-color:transparent;}
span.required {color:#E31E42; font-size:18px;}
.submitButton {text-align:right;}
.success {color:#fff; background-color:#2ecc71;}
.success, .error {padding:1em; margin-bottom:12px; color:#fff;}
.form-control.error {color:#E31E42;}
#success_fail_info.error {background:#E31E42;}
#success_fail_info.success {background:#35c786;}
.g-recaptcha {margin-bottom:15px;}
label.error {padding:0; margin-bottom:12px; border-radius:0; background-color:transparent; color:#E31E42;}
.charCount {text-align:right; font-size:0.85em; float:right; padding-top:4px;}

/* Reviews */
.googleLinks ul {list-style:none; padding-left:0; margin-bottom:30px; text-transform:uppercase;}
.googleLinks ul i {display:block; font-size:24px;}
.googleLinks .btn-primary {display:block; margin-bottom:6px; margin-top:6px; padding-top:20px; padding-bottom:20px;}
.starRating {color:#fcc600;}
.reviewItem {border-bottom:1px dotted #e2e2e2; padding-bottom:12px; margin-bottom:20px;}

/* Video Controls */
#mute-video .fa-volume-off {display:none;}
#mute-video .fa-volume-up {display:block;}
#mute-video.on .fa-volume-off {display:block;}
#mute-video.on .fa-volume-up {display:none;}

/* Weight Loss Clinic */
.content img.profile-img {max-width:160px; height:auto; border-radius:50%;}
.main-image-mobile {display:none; max-width:160px; margin:0 auto;}

/* Unlock you Skin */
.unlockPrice {font-size:30px;}
.unlockPrice span {font-size:18px;}
.unlockCode {font-size:18px;}
.newaDescription {font-size:18px;}
.newaDescription p, .newaDescription ul {margin-bottom:24px;}
.unlockResults {display:flex; align-items:center; margin-bottom:20px;}
.unlockResults  > div:first-child {flex:0 0 100px; max-width:100px;}
.resultsPercent {background:#6C5D5B; font-weight:300; font-family:'Open Sans',sans-serif; width:100px; text-align:center; height:100px; border-radius:50%; color:#fff; font-size:50px; display:flex; align-items:center; justify-content: center;}
.resultsPercent span {font-size:20px;}
.unlockResults > div:last-child {font-size:18px;}
.unlockResults > div:last-child span {display:block; margin-left:10px;}
.resultsText span:first-child {border-bottom:1px dotted #ccc; padding-bottom:4px; margin-bottom:4px;}
.resultsText span:last-child {font-weight:300; font-family:'Open Sans',sans-serif;}

/* Skincare at Home */
.offers a {display:block;}
.treatmentNew {width:100%; float:none; margin:0 2px;}
.trzatmentNew a {min-height:300px; background:#fff; text-decoration:none;}
.treatmentNew a:hover {text-decoration:none;}
.treatmentNew a img {width:100%; max-width:700px;}
.treatmentNew .treatmentLinkTitle {font-size:55px;}
.treatmentNewTitle {padding-left:0;}
	
@media (max-width:1200px) {
	.awardHeader {font-size:14px; letter-spacing: 3px;}
}
	
@media (max-width:970px) {
	.treatmentNewTitle {position:relative; display:block; padding:0 0 0 20px; margin-bottom:0;}
}
	
@media (max-width:480px) {
	.treatmentNew .treatmentLinkTitle {font-size:24px;}
}


@media (max-width:1200px) {	
	/* Home */
	.homeLinks a {min-height:auto;}

	/* Nav */
	.navbar-header {float:none;}
    .navbar-toggle {display:block;}
    .navbar-collapse.collapse {display:none!important;}
    .navbar-nav {float:none!important; margin:0;}
    .navbar-nav>li {float:none;}
    .navbar-collapse.collapse.in {display:block!important;}
    .collapsing {overflow:hidden!important;}
	.navbar-collapse.collapse.in {display:block!important;}
	.navbar-default .navbar-nav>li>a {font-size:1.143em;}
	.navbar-nav {float:none; margin:auto; text-align:center; display:block;}
	.navbar-collapse {padding-right:0; padding-left:0; border-top:none; box-shadow:none;}
	.nav>li {margin:0;}
	.nav>li a {padding:10px 15px;}
	.nav>li a.treatmentLink {max-width:none;}
	.navbar-default .navbar-nav>li>a {border-bottom:1px solid #7B6E6C;}
	.navbar-default .navbar-toggle {border-color:#7B6E6C; transition:all ease-out 0.2s;}
	.navbar-toggle {float:none; padding:0; margin-top:0; margin-right:0; margin-bottom:0; border-left:none; border-right:none; border-radius:0; width:100%; text-align:center; color:#fff; padding:5px 0; font-size:1.143em;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {color:#6C5D5B;}
	
	/* Contact */
	#locationMap {height:565px;}
	#locationMap iframe {height:565px;}

	/* Treatments */
	.treatmentList div {float:left; width:50%;}
	.treatmentList div.offers {width:100%; clear:both; background:#e9dcd4;}

	/* Skincare at Home */
	.treatmentNew .treatmentLinkTitle {font-size:40px;}
	.treatmentNew a img {width:100%; max-width:640px;}
}
@media (max-width:992px) {
	.awardHeader {font-size:15px;}
	.awardHeader div {max-width: 250px;}
.awardHeader div span {display:none}
	/* Contact */
	#locationMap {float:none; width:100%; height:250px;}
	#locationMap iframe {height:250px;}
	.directions {float:none; width:100%;}
	/* Treatments */
	.treatmentNew .treatmentLinkTitle {padding-top:25px;}
	.treatmentNewTitle {height:100%; top:0;}
}
@media (max-width:880px) {
	/* New Treatment */
	.treatmentNewTitle {text-align:left; padding-left:25px;}
	.treatmentNew .treatmentLinkTitle {text-align:left;}
}
@media (max-width:768px) {
	.navbar .inner-wrapper {flex-wrap:wrap;}
	.logo {padding: 12px 0 12px 0; float:none; text-align: center;}
	.callback {text-align:center; padding-bottom:18px; display:block;}
	.phone {text-align:center; display:block; margin-right:0;}
	/* Home */
	.homeNotice {flex-wrap:wrap;}
	.homeNotice li {flex:0 0 50%; padding:6px 20px;}
	/* About */
	.quotes {padding-left:0;}
	/* Prices */
	.prices {padding:0;}
	/* Contact */
	.contactDetails.colLeft {padding-right:0;}
	.contactDetails.colRight {padding-left:0; border-top:1px solid #ccc; padding-top:30px;}
	/* Appointment Guide */
	.guide > div {padding:28px 20px 100px 20px;}
}
@media (max-width:760px) {
	.freephone {text-align:center; padding:0 0 8px 0;}
	.navbar-default {text-align:center;}
	/* Home */
	.homeLinks div {float:none; width:100%;}
	.homeLinks div.col1 a,.homeLinks div.col3 a {border-left:none; border-right:none;}
}
@media (max-width:690px) {
	/* Treatments */
	.treatmentList div {float:none; width:100%;}
	.treatmentList div a {padding:2px 2px 0 2px;}
}
@media (max-width:660px) {
	.composite-example > div .cycle-overlay {left:30px;}
	/* New Treatment */
	.treatmentNew, .offers {width:100%;}
	.treatmentNew a, .offers a {margin:2px 2px 0 2px;}
	/* Appointment Guide */
	.guide > div {flex:0 0 50%; max-width:50%;}
	.guide > div:nth-child(3) {border-right:1px solid #fff;}
	.guide > div:nth-child(2),.guide > div:nth-child(4) {border-right:0;}
}
@media (max-width:650px) {
	.navbar .inner-wrapper {justify-content:center;}
.awardHeader {margin-top:0; text-align:center;}
	.awardHeader div {max-width:unset;}
	.awardHeader div span {display:inline;}
	.contactHeader {text-align:center; margin-bottom:1rem;}
}
@media (max-width:620px) {
	/* New Treatment */
	.treatmentNew .b img{max-height:unset; max-width:unset; height:100%;}
	/* Home */
	.homeLinks span.link-container {flex-wrap:wrap;}
	.homeLinks span.link-container>span:first-child {flex:0 0 100%; max-width:240px; margin-bottom:16px;}
	.homeLinks span.link-container>span:last-child {padding-left:0;}
}
@media (max-width:576px) {
	/* Home */
	.homeNotice li {flex:0 0 100%;}
	/* Weight Loss Clinic */
	.main-image-mobile {display:block;}
	.main-image-desktop {display:none;}
	.col-xs-5,.col-xs-7 {width:100%;}
}
@media (max-width:480px) {
	.content .container {padding:20px;}
	/* Header */
	.logo img {max-width:100%; height:auto;}
	/* Home */
	.homeSection .new.posBottom {bottom:auto; top:auto; top:15px; left:15px;}
	.homeSection .new {position:absolute; width:70px; height:70px; font-size:23px; padding-top:18px;}
	.homeLinks {margin-top:180px;}
	.composite-example > div .cycle-overlay {position:relative; top:0; left:auto; padding-bottom:0;}
	.cycle-slideshow h1 {color:#fff;}
	.cycle-slideshow a {color:#fff; border:1px solid #fff;}
	.cycle-slideshow a:hover {color:#6C5D5A;}
	/* Contact */
	.directions p.last:after {top:auto; bottom:-10px; right:80px; border-width:10px 10px 0; border-style:solid; border-color:#ffffff transparent; display:block; width:0;}
	.bubblePic {margin:0;}
	/* Appointment Guide */
	.guide > div {padding:28px 20px 28px 85px;}
	.guide > div {flex:0 0 100%; max-width:100%;}
	.guide > div {border-right:0 !important;}
}
@media (max-width:380px) {
	.new.smallNew {left:auto; right:20px; top:auto; bottom:20px;}
	.treatmentLinkRead {bottom:32px;}
	.treatmentBrand {position:absolute; bottom:0; right:0; width:calc(100% - 4px); text-align:center; margin:0 2px;}
	.treatmentLinkTitle {font-size:26px;}
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
