/* Base Styles *//* Clear Elements */  .group:before, .group:after {content: ""; display: table;}   .group:after {clear: both;}  .group {zoom: 1;}  /* Set up REM style *//*  html { font-size: 62.5%; }   body { font-size: 14px; font-size: 1.4rem; background: #fff;}   h1   { font-size: 24px; font-size: 2.4rem; } */  /* Older browsers */  html { font-size: 12px; background: #fff;}    @media screen and (min-width: 320px){    html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }}    @media screen and (min-width: 800px){      html { font-size: 16px; }}  /* Border Box */  *, *:before, *:after {      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;  }/* font-family: 'Alegreya', serif;Reg = 400Bold = 700*/@font-face {    font-family: 'Butler';    src: url('/naturalbeautybristolnew-com/_img/fonts/Butler.eot');    src: url('/naturalbeautybristolnew-com/_img/fonts/Butler.eot?#iefix') format('embedded-opentype'),        url('/naturalbeautybristolnew-com/_img/fonts/Butler.woff2') format('woff2'),        url('/naturalbeautybristolnew-com/_img/fonts/Butler.woff') format('woff'),        url('/naturalbeautybristolnew-com/_img/fonts/Butler.ttf') format('truetype'),        url('/naturalbeautybristolnew-com/_img/fonts/Butler.svg#Butler') format('svg');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'Frontage';    src: url('/naturalbeautybristolnew-com/_img/fonts/Frontage-Regular.eot');    src: url('/naturalbeautybristolnew-com/_img/fonts/Frontage-Regular.eot?#iefix') format('embedded-opentype'),        url('/naturalbeautybristolnew-com/_img/fonts/Frontage-Regular.woff2') format('woff2'),        url('/naturalbeautybristolnew-com/_img/fonts/Frontage-Regular.woff') format('woff'),        url('/naturalbeautybristolnew-com/_img/fonts/Frontage-Regular.ttf') format('truetype'),        url('/naturalbeautybristolnew-com/_img/fonts/Frontage-Regular.svg#Frontage-Regular') format('svg');    font-weight: normal;    font-style: normal;}/* Font Styles */  h1 {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 32px; font-size: 2em; line-height: 1.4; margin: 0px; color: #5d524c;}  h2 {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px;  color: #5d524c;}  h3 {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 20px; font-size: 1.25em; line-height: 1.4; margin: 0px; color: #5d524c;}  h4 {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px;  color: #5d524c;}  h5 {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.4; margin: 0px; color: #5d524c;}  h6 {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.4; color: #5d524c;}  p {color: #252525; font-family: 'Alegreya', serif; font-size: 18px; font-size: 1.125em; line-height: 1.8;font-weight: 400; font-style: normal; color: #5d524c;}  a {color: #252525; font-family: 'Alegreya', serif; font-size: 18px; font-size: 1.125em; text-decoration: none;font-weight: 400; font-style: normal; color: #5d524c;}  ul li, ol li, li {color: #252525; font-family: 'Alegreya', serif; font-size: 18px; font-size: 1.125em; line-height: 1.8;font-weight: 400; font-style: normal; color: #5d524c;}  em {color: #252525; font-family: 'Alegreya', serif; font-size: 18px; font-size: 1.125em; font-weight: 400; font-style: italic; color: #5d524c;}/* Buttons */.grey-btn {transition: all 0.5s ease 0s; display: inline-block; background: #5d524c; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #fff;}.grey-btn:hover {  opacity: 0.8;  color: #5d524c;background: #a88758;  }.menu-btn  {  display: none; border: 0px;transition: all 0.5s ease 0s; background: #5d524c; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #fff;}.menu-btn:hover {  opacity: 0.8;  color: #5d524c;background: #a88758;  }/* Animations */.inviewport .slideRight {  animation-name: slideRight;  -webkit-animation-name: slideRight;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important; }@keyframes slideRight {  0% {    transform: translateX(-150%);  }  50%{    transform: translateX(8%);  }  100% {    transform: translateX(0%);  } }@-webkit-keyframes slideRight {  0% {    -webkit-transform: translateX(-150%);  }  50%{    -webkit-transform: translateX(8%);  }   100% {    -webkit-transform: translateX(0%);  }}.inviewport .slideLeft{  animation-name: slideLeft;  -webkit-animation-name: slideLeft;    animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important; }@keyframes slideLeft {  0% {    transform: translateX(150%);  }  50%{    transform: translateX(-8%);  }  100% {    transform: translateX(0%);  }}@-webkit-keyframes slideLeft {  0% {    -webkit-transform: translateX(150%);  }  50%{    -webkit-transform: translateX(-8%);  }  100% {    -webkit-transform: translateX(0%);  }}.inviewport .fadeIn{  animation-name: fadeIn;  -webkit-animation-name: fadeIn;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important; }@keyframes fadeIn {  0% {    transform: scale(0);    opacity: 0.0;     }  100% {    transform: scale(1);    opacity: 1;   }   }@-webkit-keyframes fadeIn {  0% {    -webkit-transform: scale(0);    opacity: 0.0;     }  100% {    -webkit-transform: scale(1);    opacity: 1;   }   }html {background: url("/naturalbeautybristolnew-com/_img/img/rough.png") repeat;}/* Header Bar */.inner-position {vertical-align: middle; display: table-cell;}.mobile-contact {display: none;}.home-banner {background: #f8e2d9; position: relative; }.header-bar {margin-bottom: 2%;}.tel-wrapper {text-align: center; display: table; width: 33.33%; float: left; }.tel-wrapper h3 {font-family: 'Butler'; font-weight: normal; font-style: normal; color: #a78758; font-size: 24px; font-size: 1.5em;}.logo-wrapper {text-align: center; display: table; width: 33.33%; float: left; }.logo-wrapper img {width: 240px;}.email-wrapper {text-align: center; display: table; width: 33.33%; float: left; }.email-wrapper a {font-family: 'Butler'; font-weight: normal; font-style: normal; color: #a78758; font-size: 18px; font-size: 1.125em;}.navigation-bar-wrapper { padding: 20px 0; z-index: 10; position: relative; margin-bottom: 3%;}.navigation-inner {display: table;}.main-nav #primary {  margin: 0px 0px 0px 0px; width: 100%; height: 100%; padding-left: 0px;  text-align: right; display: -ms-flexbox; display: flex; }.main-nav #primary>li {-ms-flex-positive: 1; flex-grow: 1; float: left; vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0px 0px; border-bottom: 2px solid transparent; }.main-nav #primary>li:hover {transition: all 0.5s ease 0s; }.main-nav #primary>li>a {padding: 0 8%; line-height: 16px; display: block; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Frontage'; font-weight: normal; font-style: normal; font-size: 13px; font-size: 0.8125em; color: #5d524c;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }.main-nav #primary>li>a:hover {color: #ca8f65; }.main-nav #primary>li:last-of-type>a {border-right: 0px;}.main-nav .menu>li>a.linkActive.main-nav #primary>li.liLinkActive a {color: #ca8f65; }  /* Dropdown LV1 */.main-nav #primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.main-nav #primary>li:hover>ul {display: block;  position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; }.main-nav #primary>li>ul>li {padding: 7px 10px !important; text-align: left; }.main-nav #primary>li>ul>li:hover {background: #68b32d;}.main-nav #primary>li>ul>li>a { height: auto;  display: block; border: none; font-size: 14px !important; font-size: 0.875em !important; line-height: 20px !important; color: #024b8f; font-family: 'Frontage'; text-decoration:none; font-weight: 700; padding: 0px; }.main-nav #primary>li>ul>li>a:hover {text-decoration: none;}.main-nav #primary li>ul>li {position: relative;}  /* Dropdown LV2 */.main-nav #primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.main-nav #primary>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }.main-nav #primary>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }.main-nav #primary>li>ul>li>ul>li:hover {background: #68b32d;}.main-nav #primary>li>ul>li>ul>li a { height: auto;  display: block; border: none;font-size: 15px !important; font-size: 0.9375em !important;  line-height: 20px !important; color: #024b8f; font-family: 'Frontage'; text-decoration:none; font-weight: 700; padding: 0px; }.main-nav #primary>li>ul>li>ul>li a:hover {text-decoration: none;}.main-nav #primary li>ul>li>ul>li {position: relative;}  /* Dropdown LV3 */.main-nav #primary>li>ul>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.main-nav #primary>li>ul>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }.main-nav #primary>li>ul>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }.main-nav #primary>li>ul>li>ul>li>ul>li:hover {background: #68b32d;}.main-nav #primary>li>ul>li>ul>li>ul>li a { height: auto;  display: block; border: none; font-size: 15px !important; font-size: 0.9375em !important;  line-height: 20px !important; color: #024b8f; font-family: 'Frontage'; text-decoration:none; font-weight: 700; padding: 0px; }.main-nav #primary>li>ul>li>ul>li>ul>li a:hover {text-decoration: none;}.main-nav #primary li>ul>li>ul>li>ul>li {position: relative;}/* Mobile Nav */.pushy-content .logo-wrapper {padding: 30px; text-align: center; position: relative; width: 100%;}/*.pushy-content .logo-wrapper a {color: #fff;}.pushy-content .logo-wrapper a:hover {color: #590c0c;}*/.pushy-content .logo-wrapper img {width: 200px; position: relative;}.close-btn a{  position: absolute; top: 0; right: 0; display: block;transition: all 0.5s ease 0s;display: inline-block; background: #5d524c;  font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #fff !important;}.close-btn a:hover {  opacity: 0.8;  color: #590c0c !important;background: #a78758; }.pushy-navigation {float: left; display: block; width: 100%;}.pushy-navigation ul {margin: 0px; padding: 0px; width: 100%;}.pushy-navigation ul li {text-align: center; font-size: 25px; font-size: 1.5625em; border-bottom: 1px solid #f2f2f2; transition: all 0.5s ease 0s;}.pushy-navigation ul li a {color: #5d524c; font-family: 'Frontage';  transition: all 0.5s ease 0s; font-size: 14px; font-size: 0.875em;}.pushy-navigation ul li a:hover {color: #fff; }.pushy-navigation ul li:hover {background: #a78758; }.home-banner:after {width: 100%; padding-top: 4%; background: url("/naturalbeautybristolnew-com/_img/img/brush.png") ; background-size: cover; content:" ";position: absolute; bottom: 0; left: 0; z-index: 0;}.intro-wrapper {padding-top: 5%;}.intro-header {width: 35%; float: left; text-align: center; padding: 0 3%; display: table;}.intro-header h1 {color: #a78758; font-size: 72px; font-size: 4.5em; line-height: 1.2; }.intro-header img {width: 125px; margin-top: 20px;}.slider {width: 65%; float: left; position: relative; z-index: 999;}.home-slider ul {margin: 0; padding: 0; background: #5d524c; -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);}.home-slider {margin-bottom: -50px;}/*.home-slider ul li:after {width: 100%; padding-top: 67%; content:" "; display: block;}*/.home-slider ul li {height: 70vh;}.slider-nav {width: 100%; float: left; position: relative; z-index: 9999; text-align: right; padding: 10px;}.intro-text {text-align: center;} .intro-text h1 {font-size: 88px; font-size: 5.5em; color: #a78758;}.intro-links {border: 1px solid #a88757; padding: 10px; position: relative; margin: 5% 0;}.book-treatment-link {width: 50%; border: 1px solid #a88757; border-right: 0px; float: left; text-align: center; padding: 3%; transition: all 0.5s ease 0s;}.book-treatment-link:hover {background: #5d524c;}.book-treatment-link h3 {font-size: 16px; font-size: 1em; text-transform: uppercase; font-family: 'Frontage'; font-weight: normal; font-style: normal;}.book-treatment-link:hover h3 {color: #fff;}.where-to-find-us-link {width: 50%; border: 1px solid #a88757; float: left; text-align: center; padding: 3%; transition: all 0.5s ease 0s;}.where-to-find-us-link:hover {background: #5d524c;}.where-to-find-us-link h3 {font-size: 16px; font-size: 1em; text-transform: uppercase;font-family: 'Frontage'; font-weight: normal; font-style: normal;}.where-to-find-us-link:hover h3 {color: #fff;}.or-icon {width: 60px; height: 60px; border-radius: 50%; background: #a88757; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.or-icon p em {color: #fff; margin: 0px; line-height: 60px;}.or-icon p { margin: 0px; line-height: 60px;}.treatment-product-wrap {position: relative; width: 100%;  }.treatment-of-the-month-wrapper {width: 50%; padding: 10% 3%; float: left; text-align: center; display: table; background: url("/naturalbeautybristolnew-com/_img/img/treatment-bg.png") no-repeat center center; background-size: contain;}.treatment-of-the-month-wrapper:after {width: 1px; height: 150px; display: block; background: #a88758; content:" "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.product-of-the-month-wrapper {width: 50%; padding: 10% 3%; float: left; text-align: center; display: table; background: url("/naturalbeautybristolnew-com/_img/img/product-bg.png") no-repeat center center; background-size: contain;}.treatment-of-the-month-wrapper h3,.product-of-the-month-wrapper h3 {font-size: 36px; font-size: 2.25em; color: #5d524c; margin-bottom: 20px;}.treatment-of-the-month-wrapper h1,.product-of-the-month-wrapper h1 {font-size: 60px; font-size: 3.75em; color: #a88758; margin-bottom: 20px;}.where-to-find-us-wrapper {padding: 5% 0; position: relative; margin-bottom: 200px;}.map-outer {position: relative;}.find-us-map {padding-top: 50%; z-index: 0; }.find-us-details-outer {padding: 3% 0; width: 100%; max-width: 500px; position: absolute; top: 90%; left: 10%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}.find-us-heading {padding: 5% 0; }.find-us-heading h1 {font-size: 60px; font-size: 3.75em; text-align: center;}.find-us-details {background: #fff; padding: 5% 3%; text-align: center; -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);}.find-us-details h2 {font-size: 48px; font-size: 3em; color: #a88758;}.testimonials-wrapper {width: 100%; padding: 8% 0; background: url("/naturalbeautybristolnew-com/_img/img/testimonials-bg.jpg") no-repeat center center; background-size: cover; position: relative;}.testimonials-wrapper:before {width: 100%; height: 61px; background: url("/naturalbeautybristolnew-com/_img/img/brush-top.png") ; background-size: cover; content:" "; position: absolute; top: 0; left: 0; z-index: 0;}.testimonials {margin: 0px; padding: 0px; }.testimonials li h2 {color: #a88758; font-size: 36px; font-size: 2.25em; text-align: center;}.testimonials li h3 {color: #5c514b; font-size: 30px; font-size: 1.875em; text-align: center;}.footer {background: #5c514b; padding: 3% 0 0 0;}.footer h3 {width: 100%; border-bottom: 1px solid #f8e2d9; color: #f8e2d9; font-size: 24px; font-size: 1.5em; padding-bottom: 20px;}.footer p {color: #f8e2d9;}.footer a {color: #f8e2d9;}.footer-bottom {border-top: 1px solid #f8e2d9; margin-top: 35px !important;}.footer-credit {text-align: right;}.inner-heading {padding: 3% 0; text-align: center;}.inner-heading h1 {color: #a78758; font-size: 72px; font-size: 4.5em; line-height: 1.2; }.inner-heading img {display: block; width: 100px; margin: 0 auto;}.inner-content {padding: 5% 0; }.mfp-bg {background: rgba(0,0,0,0.7);}.white-popup {  position: relative;background: url("/naturalbeautybristolnew-com/_img/img/rough.png") repeat;  width: auto;  max-width: 500px;  margin: 20px auto;}.button.mfp-close, button.mfp-arrow {background: #5d524c !important;}.mfp-close-btn-in .mfp-close {color: #fff;}.treatment-name {width: 100%; float: left; display: block; text-align: center; background: #a88758; padding: 25px;} .treatment-name h2 {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 45px; font-size: 2.8125em; line-height: 1.4; margin: 0px; color: #fff;}.treatment-details {width: 100%; float: left; padding: 25px;}.treatment-cost {width: 100%; float: left; display: block;}.treatment-offer-cost {width: 100%; float: left; text-align: center; font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 45px; font-size: 2.8125em; line-height: 1.4; margin: 0px; color: #a88758;  padding: 15px 25px;}.treatment-offer-ends {width: 100%; display: block; float: left; background: #5c514b; padding: 5px; text-align: center; }.treatment-offer-ends p {color: #fff;}.indicates-required {font-family: 'Alegreya', serif; font-size: 14px; font-size: 0.875em; line-height: 1.8;font-weight: 400; font-style: normal; color: #f8e2d9;  }#mc_embed_signup .mc-field-group label {font-family: 'Alegreya', serif; font-size: 14px; font-size: 0.875em; line-height: 1.8;font-weight: 400; font-style: normal; color: #f8e2d9;  }#mc_embed_signup input {width: 100%; padding: 10px; border: 0; border-radius: 5px;}#mc_embed_signup input#mc-embedded-subscribe.button {  margin-top: 20px;  display: block; border: 0px;transition: all 0.5s ease 0s; background: #a88758; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #5d524c;}#mc_embed_signup input#mc-embedded-subscribe.button:hover {  opacity: 0.8;  color: #5d524c;background: #f8e2d9;  }.defaultForm {  width: 100%;  *zoom: 1;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {  display: block;  width: 100%;  position: relative;  margin-bottom: 0.625em;}.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;}.defaultForm .inputset label {  display: block;  width: 100%;  font-family: 'Alegreya', serif; font-size: 18px; font-size: 1.125em; line-height: 1.8;font-weight: 400; font-style: normal;}.defaultForm .inputset label.label {  display: inline-block;  font-family: 'Alegreya', serif; font-size: 18px; font-size: 1.125em; line-height: 1.8;font-weight: 400; font-style: normal;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;}.defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select {  display: block;  width: 100%;  padding: 0.625em;  width: 100%;}.defaultForm .inputset textarea {  height: 10.625em;}.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit {  text-align: right;}.defaultForm .form_submit .fbElementButton {  border: 0px;transition: all 0.5s ease 0s; display: inline-block; background: #5d524c; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #fff;}.defaultForm .form_submit .fbElementButton:hover {  opacity: 0.8;  color: #5d524c;background: #a88758;  }.treatment-left h3 {color: #a78758; font-size: 30px; font-size: 1.875em;}.treatment-left h4 {font-size: 20px; font-size: 1.25em;}.treatment-right h3 {color: #a78758; font-size: 30px; font-size: 1.875em;}.treatment-right h4 {font-size: 20px; font-size: 1.25em;}.treatment-left table tbody tr td p, .treatment-right table tbody tr td p {margin: 0px;}.treatment-left table tbody tr td:nth-of-type(2), .treatment-right table tbody tr td:nth-of-type(2) {text-align: right;}#displayBlogStories #displayBlogStory {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #a78758;}.blogTitle a {font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px;  color: #5d524c;}.blogDate {color: #a78758; font-family: 'Alegreya', serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; margin-bottom: 20px;}.blogSummaryImageTop {display: none;}.blogBody {font-family: 'Alegreya', serif; font-size: 18px; font-size: 1.125em; line-height: 1.8;font-weight: 400; font-style: normal; color: #5d524c;}.blogBody p a { font-size: 11px; font-size: 0.6875em; transition: all 0.5s ease 0s; display: inline-block; background: #5d524c; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; text-transform: uppercase; color: #fff;}.blogBody p a:hover {  opacity: 0.8;  color: #5d524c;background: #a88758;  }.newsDateFull,.newsCategory,.newsAuthor {display: none;}.newsDate {color: #a78758; font-family: 'Alegreya', serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; margin-bottom: 20px;}.side-content {margin-top: 5%; padding: 30px; background: #a78758;}.side-content h2 {margin-bottom: 30px; color: #fff; margin-bottom: 25px;}.blogCategories form div.blogCat a {color: #fff;}.inner-content-wrapper {padding: 5% 0;}.shop-side {padding: 25px; background: #a78758;}.shop-side h2 {color: #fff ;}.categoryItem {margin-bottom: 10px;}.categoryItem a {color: #fff;}.product_item {width: 31.33%; margin-right: 2%; float: left; }.mfp-content {width: 80% !important; margin: 0 auto; background: url("/naturalbeautybristolnew-com/_img/img/rough.png") repeat; padding: 30px;}.mfp-content .grey-btn {padding: 15px 30px !important;}/* Shop *//* Group Items */#ecommerceCategoryGroups a {width: 31.33%; margin-right: 2%; float: left; transition: all 0.5s ease 0s; border: 2px solid transparent;}#ecommerceCategoryGroups a:hover {border: 2px solid #5c514b; transition: box-shadow 300ms ease-out, -webkit-transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out, -webkit-transform 400ms ease-out;      color: #fff;      z-index: 2;         -webkit-transform: scale(1.01);          -ms-transform: scale(1.01);              transform: scale(1.01);      box-shadow: 0 3px 10px 0 rgba(167, 135, 88, 0.15), 0 12px 30px 0 rgba(167, 135, 88, 0.1);}.categoryImageItemTextLink {display: block; margin-top: 15px; margin-bottom: 15px;  text-align: center; font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1em; line-height: 1.4;  color: #a78758;}/* Group Categories */.categoryImageItem {width: 31.33%; margin-right: 2%; float: left; transition: all 0.5s ease 0s ; border: 2px solid transparent; }.categoryImageItem:hover {border: 2px solid #5c514b; transition: box-shadow 300ms ease-out, -webkit-transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out, -webkit-transform 400ms ease-out;      color: #fff;      z-index: 2;           -webkit-transform: scale(1.01);          -ms-transform: scale(1.01);              transform: scale(1.01);      box-shadow: 0 3px 10px 0 rgba(167, 135, 88, 0.15), 0 12px 30px 0 rgba(167, 135, 88, 0.1);}#ecommerceCategoryGroups a .ecommerceCategoryGroupItemName {margin-top: 15px; margin-bottom: 15px;  text-align: center; font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1em; line-height: 1.4;  color: #a78758;}#ecommerceCategoryGroups a .ecommerceCategoryGroupItemDescription {display: none;}/* Product Items */.product_item {width: 31.33%; margin-right: 2%; float: left; transition: all 0.5s ease 0s; border: 2px solid transparent;}.product_item:hover {border: 2px solid #5c514b; transition: box-shadow 300ms ease-out, -webkit-transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out, -webkit-transform 400ms ease-out;      color: #fff;      z-index: 2;         -webkit-transform: scale(1.01);          -ms-transform: scale(1.01);              transform: scale(1.01);      box-shadow: 0 3px 10px 0 rgba(167, 135, 88, 0.15), 0 12px 30px 0 rgba(167, 135, 88, 0.1);}.product_item .productName {margin-top: 15px; margin-bottom: 15px;  text-align: center; font-family: 'Butler'; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1em; line-height: 1.4;  color: #a78758;}.productCat, .productId, .productDesc {display: none;}.product_img {width: 100%;}.product_img .product_slide {width: 100%; }.product_img .product_slide img {width: 100%; }.product_item .productPrice {text-align: center; color: #a78758; font-family: 'Butler'; font-size: 25px; font-size: 1.5625em; margin-bottom: 15px;}.product_view_btn {display: none;}.product-description {padding: 25px; background: #fff; margin-bottom: 25px;}/* Product Item */.detailProductCat {color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.3;font-weight: 700; font-style: normal; text-transform: uppercase;}/* Product Side */.price-wrap {/*padding: 20px 20px 0px 20px;*/ background: #a78758; padding: 25px;}.productHide {display: none;}.detailProductPrice { font-family: 'Butler'; font-size: 35px; font-size: 2.1875em; line-height: 1.3; font-weight: 400; font-style: normal; text-align: center; color: #fff; padding: 20px; }.detailProductPrice p {color: #fff; margin: 0;}.detailProductQuantityWrap {padding: 0 25px 25px 25px; background: #a78758;}.detailProductQuantityLabel {font-size: 16px;font-size: 1em;font-family: 'Alegreya', serif;font-weight: 500;color: #fff; }.detailProductQuantityInput input {-webkit-appearance: none; border-radius: 0; background: #fff;  width: 100%; padding: 10px 20px; color: #252525; font-family: 'Raleway', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.3;font-weight: 400; font-style: normal; border: 1px solid #d3957e;}.detailProductBtn {padding: 0 25px 25px 25px; background: #a78758;}.detailProductBtn a {transition: all 0.5s ease 0s; display: inline-block; background: #5d524c; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #fff;}.detailProductBtn a:hover {  opacity: 0.8;  color: #a88758;background: #fff;  }.itemQuantity {margin-top: 20px; }/* END Product Side *//* Product Details */.product__detail {  *zoom: 1;}.product__detail:before, .product__detail:after {  content: " ";  display: table;}.product__detail:after {  clear: both;}.product__detail .detailProductFeat {  margin-bottom: 20px;}.productOptions.hasselect:before {font-family: 'Raleway', sans-serif; font-size: 18px; font-size: 1.125em; line-height: 1.8;font-weight: 700; content:"Select Options:"; display: block; width: 100%; text-align: center; margin-bottom: 15px; }.product__detail .ecommerceProductOptions {  margin-bottom: 20px;  *zoom: 1;}.product__detail .ecommerceProductOptions:before, .product__detail .ecommerceProductOptions:after {  content: " ";  display: table;}.product__detail .ecommerceProductOptions:after {  clear: both;}.product__detail .ecommerceProductOptions .productOptions {  *zoom: 1;}.product__detail .ecommerceProductOptions .productOptions:before, .product__detail .ecommerceProductOptions .productOptions:after {  content: " ";  display: table;}.product__detail .ecommerceProductOptions .productOptions:after {  clear: both;}.product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerTitle {  font-weight: bold;  margin-bottom: 10px;  border-bottom: 1px solid #cccccc;  margin-bottom: 10px;}.product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerLabel {  display: block;  float: left;  /* you may need to tweak this dependant on length of option label */  width: 30%;  margin-bottom: 5px;}.product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown {  display: block;  float: left;  /* you may need to tweak this dependant on length of option label */  width: 70%;  margin-bottom: 5px;}.product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown select {  width: 100%;}.product__detail .detailProductPrice {  /* extended from heading 4 styles */}.product__detail .productHide {  /* hide unnecessary output - you will alway want this in place */  display: none;}/********** ZOOM IMAGES */.detailProductImage {  *zoom: 1;}.detailProductImage:before, .detailProductImage:after {  content: " ";  display: table;}.detailProductImage:after {  clear: both;}.detailProductImage #ecom_zoom {  width: 100%;  /* Set your desired dimensions *//*  height: 450px;*/  overflow: hidden;  margin-bottom: 10px;  /* important if you want to use image positioning jQuery */  position: relative;  height: auto !important;}.detailProductImage #ecom_zoom:hover {  cursor: crosshair;}.detailProductImage #ecom_zoom .cycle-slide {  width: 100%;/*  height: 450px;*//*padding-top: 80%;*/cursor: default;}.detailProductImage #ecom_zoom .cycle-slide img {  width: 100%;  /* this cancels out any max-width you might have set on 'img' element */  max-width: initial;  height: auto;}#carousel  {     /* clear as a precaution */ *zoom:  1;     position:  relative;/*     padding:  0 24px;*/ } #carousel:before,  #carousel:after  {     content:  " ";     display:  table; } #carousel:after  {     clear:  both; } .cycle-carousel-wrap {position: relative !important; left: initial !important; top: initial !important; right: initial !important; bottom: initial !important;}#cycle-2 .cycle-sentinel {display: none !important;}.cycle-carousel-wrap .cycle-slide:only-child {display: none !important;} #carousel .cycle-slide  {     /* set your thumbnail dimensions */ width:  24.25%;     padding-top: 30%;     /* basics */ display:  block;     overflow:  hidden;     position:  relative;     /* optional - if we set a border the same color as background it looks like margin */ border:  1px solid #dddddd;     margin-right:  1%;     margin-bottom: 10px;     float: left;     cursor: pointer; }#carousel .cycle-slide:nth-of-type(4n) {margin-right: 0px;} #carousel .cycle-slide.cycle-slide-active  {     /* we can then change the active thumbnail border-color to help highlight which is currently in view */ border-color:  #dddddd; } #carousel .cycle-slide img  {     /* if you have max-width:  100%;     in your css globally,  this can break the resize function. In order to stop this,  the follow CSS will cancel out the max-width and prevent breakage */ max-width:  initial; } #carousel .cycle-prev  {  display: none;     /* hides text */ text-indent:  -9999px;     /* positions them absolute to the carousel cotainer */ position:  absolute;     left:  0;     top:  50%;     /* gets rid of dotted outline on click */ outline:  0;     margin-top:  -12px;     width:  24px;     /*display:  block;*/     height:  24px;     /* remember,  as a background image,  svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image:  url("/planetdance-com/_img/img/arrow-left.svg");     background-position:  center center;     background-repeat:  no-repeat;     /* when you just can't scroll anymore,  lets give the user some feedback */ } #carousel .cycle-prev.disabled  {     opacity:  0.5; } #carousel .cycle-next  {  display: none;     /* hides text */ text-indent:  -9999px;     /* positions them absolute to the carousel cotainer */ position:  absolute;     right:  0;     top:  50%;     /* gets rid of dotted outline on click */ outline:  0;     margin-top:  -12px;     width:  24px;     /*display:  block;*/     height:  24px;     /* remember,  as a background image,  svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image:  url("/planetdance-com/_img/img/arrow-right.svg") ;     background-position:  center center;     background-repeat:  no-repeat;     /* when you just can't scroll anymore,  lets give the user some feedback */ } #carousel .cycle-next.disabled  {     opacity:  0.5; } #custom-pager  {     display:  none;     *zoom:  1;     /* usually hidden - if used we add padding to push away from edge to match carousel */ padding:  0 24px;     margin-top:  10px; } #custom-pager:before,  #custom-pager:after  {     content:  " ";     display:  table; } #custom-pager:after  {     clear:  both; } #custom-pager span  {     display:  inline-block;     vertical-align:  top;     margin-right:  8px; } #custom-pager span a  {     text-decoration:  none;     outline:  0; }.product-description-wrap {/*padding: 20px; background: #e9e6e7;*/ margin-top: 20px;}.fancybox-overlay {background: rgba(0,0,0,0.7);}.detailProductDesc,.detailProductSpec, .detailProductFeat,.ecommerceReviewsWrap {display: block !important;}.ecommerceReviewsWrap form div {display: block !important;}.zoomImg {min-width: 2000px; height: auto !important;}.ecommerceProductOptionsInner {margin-top: 0px; padding: 20px 0px 0 0 ;}.ecommerceProductOptionsInnerTitle {display: none;}.productOptionsLabel {font-size: 16px;font-size: 1em;font-family: 'Alegreya', serif;font-weight: 500;color: #fff;}.productOptions select { border-radius: 0; background: #fff;   width: 100%; padding: 10px 20px;  margin-top: 20px; font-family: 'Raleway', sans-serif;font-size: 16px;font-size: 1em;line-height: 1.3;font-weight: 400;font-style: normal;border: 1px solid #d3957e;margin-bottom: 20px;}.productOptions div:last-of-type select {margin-bottom: 0px;}#checkoutAddMore {text-align: center; width: 49%; margin-right: 2%transition: all 0.5s ease 0s; display: inline-block; background: #5d524c; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #fff;}#checkoutAddMore:hover {  opacity: 0.8;  color: #fff;background: #a88758;  }#checkoutGo {text-align: center; width: 49%; transition: all 0.5s ease 0s; display: inline-block; background: #a88758; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #fff;}#checkoutGo:hover {  opacity: 0.8;  color: #fff;background: #5d524c;  }/* Basket */#editirFullBasket .basketOutput .basketHead {background: #5d524c; color: #fff; padding: 20px;}#editirFullBasket .basketOutput .basketHead th {color: #fff; padding: 20px; font-family: 'Alegreya', serif; text-align: center;}#editirFullBasket .basketOutput .basketOdd {background: #fff; border-bottom: 1px solid #5d524c; border-left: 1px solid #5d524c; border-right: 1px solid #5d524c; }#editirFullBasket .basketOutput .basketOdd td {padding: 20px; font-family: 'Alegreya', serif; text-align: center;}#editirFullBasket .basketOutput .basketOdd td:first-of-type {text-align: left;}#editirFullBasket .basketOutput .basketEven {background: #fff; border-bottom: 1px solid #5d524c; border-left: 1px solid #5d524c; border-right: 1px solid #5d524c; }#editirFullBasket .basketOutput .basketEven td {padding: 20px; font-family: 'Alegreya', serif; text-align: center;}#editirFullBasket .basketOutput .basketEven td:first-of-type {text-align: left;}.top-header-bar {display: none; background: #a78758;padding: 5px 10px;}.top-header-bar p {font-size: 14px; font-size: 0.875em; color: #fff; margin: 0px;}.top-header-bar a {color: #fff;}.top-basket {text-align: right;}.top-header-bar img {display: inline-block; width: 20px; vertical-align: middle;}#editirMiniBasket {display: inline-block; line-height: 1.8; }#editirMiniBasket span {color: #fff; font-family: 'Alegreya', serif; text-align: right;}.col7 {display: none;}.basketSummarySub, .basketSummaryDel, .basketSummaryTotal {background: #d5d5d5; border-bottom: 1px solid #5d524c; border-left: 1px solid #5d524c; border-right: 1px solid #5d524c; }.basketSummarySub td, .basketSummaryDel td, .basketSummaryTotal td {padding: 20px; font-family: 'Alegreya', serif; text-align: center;}.basketSummarySub td:first-of-type, .basketSummaryDel td:first-of-type, .basketSummaryTotal td:first-of-type {text-align: left;}.basketSummarySub .col6 {display: none;}.basketSummaryDel td:nth-of-type(4) {display: none;}.basketSummaryTotal td:nth-of-type(4) {display: none;}.basketSummary form a.btnPayPal.btnSubmit {transition: all 0.5s ease 0s; display: inline-block; background: #5d524c; font-family: 'Frontage'; font-weight: normal; font-style: normal; padding: 12px 25px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; color: #fff;}.basketSummary form a.btnPayPal.btnSubmit:hover {  opacity: 0.8;  color: #fff;background: #a78758;  }.col8 {text-align: center;}.icon-close {display: inline-block; background:url("/naturalbeautybristolnew-com/_img/img/remove.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px;}.google-reviews-wrapper {padding: 55px 0; background: #272727;}.review-item {padding: 20px; background: #fff; border-radius: 5px; width: 100%; display: block; margin-right: 10px;}#map-plug {display: none;}.review-author {font-family: 'Source Sans Pro', sans-serif; color: #282726; font-size: 20px; font-size: 1.25em; font-weight: 700;}#google-reviews {display: block;}.review-stars ul {padding: 0px; margin: 10px 0;}.review-stars ul li {list-style-type: none; display: inline-block; margin-right: 5px;}.review-stars ul li:before{display: block;content: url("/naturalbeautybristolnew-com/_img/img/star1.svg");width: 15px;height: 15px;}.review-text {margin: 0px;}.review-btn {margin-top: 25px; text-align: center;}.review-text {color: #5c514b !important;}#google-reviews {margin-bottom: 20px;}/* Media Queries */ @media all and (max-width: 1400px) and (min-width: 0px) { .intro-header h1 {font-size: 60px; font-size: 3.75em;}  } @media all and (max-width: 1285px) and (min-width: 0px) {  .front h2 {font-size: 50px; font-size: 3.125em;}  .back h3 {font-size: 39px; font-size: 2.4375em;}} @media all and (max-width: 1150px) and (min-width: 0px) { .intro-header h1 {font-size: 45px; font-size:2.8125em;}  } @media all and (max-width: 1024px) and (min-width: 0px) {.eight.columns.push_one.home-banner-text {width: 82.98611%;}  .front h2 {font-size: 40px; font-size: 2.5em;}  .back h3 {font-size: 25px; font-size: 1.5625em;}  .find-us-details-outer {top: 50%;width: 80%; max-width: 100%; -webkit-transform: translateY(0%); transform: translateY(0%);}} @media all and (max-width: 870px) and (min-width: 0px) {.testimonial-holder {background: rgba(255,255,255, 0.7); padding: 20px;}.treatment-of-the-month-wrapper {width: 100%; margin-bottom: 40px;}.treatment-of-the-month-wrapper:after {width: 150px; height: 1px; display: block; background: #a88758; content:" "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.product-of-the-month-wrapper {width: 100%;}.slider {width: 100%;}.home-slider {margin-bottom: 0px;}.intro-header {width: 100%; margin: 7% 0;}  .find-us-details-outer {top: 70%;}.six.columns.shop-images {width: 100% !important; }.five.columns.shop-content.push_one {width: 100% !important; margin: 0px;}.navigation-inner {text-align: center;}.main-nav {display: none; }.menu-btn {display: inline-block;}} @media all and (max-width: 768px) and (min-width: 0px) {.six.columns.treatment-left {width: 100%;}.six.columns.treatment-right {width: 100%; margin-left: 0px;}} @media all and (max-width: 650px) and (min-width: 0px) {.home-banner .logo-wrapper {text-align: center; margin-bottom: 10px; width: 100%;}.navigation-inner .inner-position {display: block;}.navigation-inner {text-align: center; display: block;}.main-navigation {margin-top: 20px;}.tel-wrapper, .email-wrapper {display: none;}.mobile-contact {display: block; width: 100%; text-align: center;}.mobile-contact h3, .mobile-contact a {color: #a78758;}#primary {text-align: center;}.where-to-find-us-wrapper {margin-bottom: 300px;}.testimonials-wrapper {padding: 13% 0;}.footer {padding: 10% 0 0 0;}.footer-address {margin-bottom: 25px;}.footer-opening {margin-bottom: 25px;}.footer-copy, .footer-credit {text-align: center;}#ecommerceCategoryGroups a {width: 48%;}.categoryImageItem {width: 48%;}.product_item {width: 48%;}.footer-google-review-image img {margin-bottom: 25px;}} @media all and (max-width: 550px) and (min-width: 0px) {.book-treatment-link {width: 100%; padding: 15% 5%; border-right: 1px solid #a88757; border-bottom: 0px;}.where-to-find-us-link {width: 100%; padding: 15% 5%;  }.or-icon {width: 50px; height: 50px; }.or-icon p {line-height: 50px;}.or-icon p em {line-height: 50px;}} @media all and (max-width: 480px) and (min-width: 0px) {  .home-banner-text h1 {font-size: 60; font-size: 3.75em;}.treatment-left table tbody tr td p, .treatment-right table tbody tr td p {font-size: 14px; font-size: 0.875em;}#ecommerceCategoryGroups a {width: 100%; margin-right: 0px;}.categoryImageItem {width: 100%; margin-right: 0px;}.product_item {width: 100%; margin-right: 0px;}.inner-heading h1 {font-size: 45px; font-size: 2.8125em;}#checkoutAddMore,#checkoutGo {width: 100%; margin-right: 0px;}#editirFullBasket .basketOutput .basketOdd td {padding: 20px 10px; font-size: 14px; font-size: 0.875em;}#editirFullBasket .basketOutput .basketEven td {padding: 20px 10px; font-size: 14px; font-size: 0.875em;}.basketSummarySub td, .basketSummaryDel td, .basketSummaryTotal td {padding: 20px 10px; font-size: 14px; font-size: 0.875em;}}
/* not required */