/* ---------------------------------------------- *	Big Mama Styles!	Here we collate all of our partials into one file ready to be processed and generate that	beautiful CSS.\* ---------------------------------------------- *//* - Index-------------------------------------------------	- Susy ...................................... 1.0.	- Breakpoint ................................ 2.0.	- Modular Scale ............................. 3.0.	- Mixins .................................... 4.0.	- Variables ................................. 5.0.	- Reset ..................................... 6.0.	- Base ...................................... 7.0.	- Grid ...................................... 8.0.	- Typography ................................ 9.0.	- Nav ...................................... 10.0.	- Header ................................... 11.0.	- Content .................................. 12.0.	- Footer ................................... 13.0.*//* -----------------------------------------	1.0. Susy----------------------------------------- *//* -----------------------------------------	2.0. Breakpoint----------------------------------------- *//* -----------------------------------------	3.0. Modular Scale----------------------------------------- *//* -----------------------------------------	4.0. Mixins----------------------------------------- *//* -----------------------------------------	5.0. Variables----------------------------------------- *//* Webfont: Overpass-Bold */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Bold.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Bold.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Bold.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Bold.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Bold.svg#Overpass-Bold") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 700;  text-rendering: optimizeLegibility; }/* Webfont: Overpass-BoldItalic */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-BoldItalic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-BoldItalic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-BoldItalic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-BoldItalic.svg#Overpass-BoldItalic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 700;  text-rendering: optimizeLegibility; }/* Webfont: Overpass-Reg */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Reg.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Reg.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Reg.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Reg.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Reg.svg#Overpass-Reg") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 400;  text-rendering: optimizeLegibility; }/* Webfont: Overpass-Italic */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Italic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Italic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Italic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Italic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Italic.svg#Overpass-Italic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 400;  text-rendering: optimizeLegibility; }/* Webfont: Overpass-Light */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Light.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Light.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Light.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Light.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-Light.svg#Overpass-Light") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 300;  text-rendering: optimizeLegibility; }/* Webfont: Overpass-LightItalic */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-LightItalic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-LightItalic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-LightItalic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-LightItalic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-LightItalic.svg#Overpass-LightItalic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 300;  text-rendering: optimizeLegibility; }/* Webfont: Overpass-ExtraLight */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLight.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLight.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLight.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLight.svg#Overpass-ExtraLight") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 200;  text-rendering: optimizeLegibility; }/* Webfont: Overpass-ExtraLightItalic */@font-face {  font-family: 'Overpass';  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLightItalic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLightItalic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLightItalic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/Overpass-ExtraLightItalic.svg#Overpass-ExtraLightItalic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 200;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_thin */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin.svg#brandon_text_thin") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 100;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_thin_italic */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin_italic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin_italic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin_italic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin_italic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_thin_italic.svg#brandon_text_thin_italic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 100;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_light */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light.svg#brandon_text_light") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 300;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_light_italic */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light_italic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light_italic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light_italic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light_italic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_light_italic.svg#brandon_text_light_italic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 300;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_regular */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular.svg#brandon_text_regular") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 400;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_regular_italic */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular_italic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular_italic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular_italic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular_italic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_regular_italic.svg#brandon_text_regular_italic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 400;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_medium */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium.svg#brandon_text_medium") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 500;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_medium_italic */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium_italic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium_italic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium_italic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium_italic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_medium_italic.svg#brandon_text_medium_italic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 500;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_bold */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold.svg#brandon_text_bold") format("svg");  /* Legacy iOS */  font-style: normal;  font-weight: 700;  text-rendering: optimizeLegibility; }/* Webfont: brandon_text_bold_italic */@font-face {  font-family: 'Brandon Text';  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold_italic.eot");  /* IE9 Compat Modes */  src: url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold_italic.eot?#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold_italic.woff") format("woff"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold_italic.ttf") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/brandon_text_bold_italic.svg#brandon_text_bold_italic") format("svg");  /* Legacy iOS */  font-style: italic;  font-weight: 700;  text-rendering: optimizeLegibility; }/* -----------------------------------------	6.0. Reset----------------------------------------- *//* ---------------------------------------------- *  Partial: reset  Reset the fuck out of everything. Phwouah!\* ---------------------------------------------- */* {  box-sizing: border-box; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }html, body {  height: 100%; }a img {  border: none; }blockquote {  quotes: none; }blockquote:before, blockquote:after {  content: '';  content: none; }table {  border-collapse: collapse;  border-spacing: 0; }caption, th, td {  text-align: left;  font-weight: normal;  vertical-align: middle; }/* -----------------------------------------	7.0. Base----------------------------------------- *//* ---------------------------------------------- *  Partial: base  Here you place the base defaults to any project\* ---------------------------------------------- */*,*:before,*:after {  box-sizing: border-box; }html {  font-size: 100%;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;          text-size-adjust: 100%; }site.scrollLocked {  height: 100%;  overflow: hidden; }body {  color: #333;  font-family: "Brandon Text", sans-serif;  font-size: 16px;  line-height: 1.8;  margin: 0; }html,body {  height: 100%;  min-height: 100%; }small {  font-size: 0.85em; }ul li {  list-style: none; }ol li {  list-style: none; }b {  font-weight: 600; }strong {  font-weight: 600; }img,object,embed {  height: auto;  max-width: 100%; }blockquote {  background: #e3e3e3;  color: #FFFFFF;  font-size: 1.1em;  font-style: italic;  margin: 0 0 1.250em 1.250em;  padding: 0.625em 1.250em 1.250em; }  blockquote p:last-child {    margin-bottom: 0; }/*********************************************	- 2.0 -  LINKS*********************************************//* - 2.1. - BASE LINK STYLES	------------------------------------------ */a {  color: #FFFFFF;  cursor: pointer;  text-decoration: none;  /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ }  a:hover {    color: #FFFFFF; }  a:focus {    color: #FFFFFF; }  a:focus, a:active {    outline: none; }/* - 2.2. - HEADER LINKS 	------------------------------------------ */h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {  color: #FFFFFF; }/*********************************************	- 3.0 -  Helpers*********************************************/.hide {  display: none; }.center-align {  text-align: center; }.thin {  font-weight: 100; }.light {  font-weight: 300; }.medium {  font-weight: 500; }.bold, strong {  font-weight: 700; }.italic, em {  font-style: italic; }/* -----------------------------------------	8.0. Grid----------------------------------------- *//* ---------------------------------------------- *  Partial: grid  We're using Susy. Please visit http://susy.readthedocs.org/en/latest/install/  Due to using Susy, we're going to need the Ruby gems installed. Please a see a guide here: [TBD].  Usage  =====\* ---------------------------------------------- *//* - Index-------------------------------------------------  - Global defaults     ............................. 1.0.  - Grid makeup         ............................. 2.0.*//* ---------------------------------------------- *  1.0 Global defaults\* ---------------------------------------------- *//* ---------------------------------------------- *  1.0 Grid makeup\* ---------------------------------------------- */.contain {  max-width: 90%;  margin-left: auto;  margin-right: auto;  padding: 0 2.0736em; }  .contain:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 75em) {    .contain {      padding: 0; } }  .contain--table {    display: table;    width: 100%;    max-width: 1500px;    margin: 0 auto; }/* -----------------------------------------	9.0. Typography----------------------------------------- *//* ---------------------------------------------- *  Partial: typography  I set all typographic styles here. First we list our variables such as fonts (maybe we're using some @font-face) and  additionally and maps we might want to use. Then we specificy the typographic scales we want.\* ---------------------------------------------- */h1,h2,h3,h4,h5 {  font-family: "Overpass", sans-serif;  text-transform: uppercase; }  h1:after,  h2:after,  h3:after,  h4:after,  h5:after {    content: "";    display: block;    width: 60px;    height: 2px;    margin-top: 8px;    margin-bottom: 16px;    background: #FFFFFF; }h1 {  font-size: 1.728em; }  @media (min-width: 30em) {    h1 {      font-size: 2.48832em; } }  @media (min-width: 40em) {    h1 {      font-size: 2.98598em; } }h2 {  font-size: 2.0736em; }  h2:after {    background: #46ce9e; }  @media (min-width: 40em) {    h2 {      font-size: 2.48832em; } }h3 {  font-size: 1.728em; }  @media (min-width: 30em) {    h3 {      font-size: 2.0736em; } }  h3:after {    display: none; }h4 {  font-size: 1.44em;  font-weight: 300; }  @media (min-width: 30em) {    h4 {      font-size: 1.728em; } }  @media (min-width: 40em) {    h4 {      font-size: 2.0736em; } }  h4:after {    display: none; }h5 {  font-size: 1.44em; }  @media (min-width: 40em) {    h5 {      font-size: 1.728em; } }  h5:after {    display: none; }h6 {  font-family: "Overpass", sans-serif;  font-size: 1.44em; }/* -----------------------------------------	10.0. Nav----------------------------------------- *//* ---------------------------------------------- *  Partial: nav  All navigation styles here. This is sort that we can try keep things seperated and easy to maintain. You can  include all global navigation styles here. \* ---------------------------------------------- */nav.deskMenu {  display: none; }  @media (min-width: 64.0625em) {    nav.deskMenu {      display: block; } }  nav.deskMenu ul {    text-align: right; }    nav.deskMenu ul li {      display: inline-block;      padding: 0 2em 0; }      nav.deskMenu ul li:last-child {        padding-right: 0; }      nav.deskMenu ul li a {        color: #333;        font-family: "Overpass", sans-serif;        text-transform: uppercase;        display: inline;        position: relative; }        nav.deskMenu ul li a:after {          content: "";          position: absolute;          display: block;          height: 1px;          background: #333;          bottom: 0;          left: 0;          right: 0;          width: 100%;          -webkit-transform: scaleX(0);          transform: scaleX(0);          transition: all 0.5s; }        nav.deskMenu ul li a:hover:after {          -webkit-transform: scaleX(1);          transform: scaleX(1); }        nav.deskMenu ul li a:hover {          color: #333; }        nav.deskMenu ul li a.linkActive {          color: #46ce9e;          display: inline;          position: relative; }          nav.deskMenu ul li a.linkActive:after {            content: "";            position: absolute;            display: block;            height: 0;            background: none;            bottom: 0;            left: 0;            right: 0;            width: 100%;            -webkit-transform: scaleX(0);            transform: scaleX(0);            transition: all 0; }          nav.deskMenu ul li a.linkActive:hover:after {            -webkit-transform: scaleX(1);            transform: scaleX(1); }#menuButton {  position: absolute;  font-size: 2.98598em;  top: 43px;  right: 5%;  color: #46ce9e; }  @media (min-width: 64.0625em) {    #menuButton {      display: none; } }  @media (min-width: 30em) {    #menuButton {      top: 49px;      font-size: 3.58318em; } }  #menuButton:hover {    cursor: pointer;    color: #83d3b7; }  #menuButton.menuOpen:before {    content: "\e209"; }nav.mobileMenu {  position: fixed;  background: #FFFFFF;  top: 95px;  left: 10%;  left: calc(100% - 300px);  right: 0;  -webkit-transform: translateX(200%);  transform: translateX(200%);  transition: all 1s;  bottom: 0; }  @media (min-width: 40em) {    nav.mobileMenu {      top: 110px; } }  nav.mobileMenu.open {    -webkit-transform: translateX(0);    transform: translateX(0);    display: block; }  nav.mobileMenu ul {    padding-left: 1em;    position: absolute;    top: 45%;    -webkit-transform: translateY(-50%);    transform: translateY(-50%); }    nav.mobileMenu ul li {      border-bottom: 1px solid rgba(70, 206, 158, 0.8);      padding-bottom: 1em;      margin-bottom: 1em; }      nav.mobileMenu ul li a {        text-transform: uppercase;        font-weight: bold;        color: #46ce9e;        font-size: 1.44em; }/* -----------------------------------------	11.0. Header----------------------------------------- */header {  max-width: 100%;  margin-left: auto;  margin-right: auto;  padding: 2em 5% 0.5em;  position: fixed;  width: 100%;  background: #FFFFFF;  z-index: 999;  left: 0;  right: 0;  border-bottom: 2px solid #f5f5f5;  /*.logo {        @include respond-to(1025) {            @include span(1 of 3);        }        font-size: ms(4);        @include respond-to(640) {            font-size: ms(5);        }        font-weight: 300;        text-transform: uppercase;        span {            font-weight: 600;            color: $light-green;        }    }*/ }  header:after {    content: " ";    display: block;    clear: both; }  header .contactStrip {    position: absolute;    z-index: 999;    left: 0;    right: 0;    top: 0;    background: #46ce9e; }    header .contactStrip .contactStripText {      text-align: center;      font-size: 0.83333em;      color: #FFFFFF;      max-width: 95%;      margin-left: auto;      margin-right: auto; }      @media (min-width: 30em) {        header .contactStrip .contactStripText {          font-size: 0.83333em; } }      @media (min-width: 40em) {        header .contactStrip .contactStripText {          text-align: right;          font-size: 1em; } }      header .contactStrip .contactStripText:after {        content: " ";        display: block;        clear: both; }      @media (min-width: 40em) {        header .contactStrip .contactStripText {          max-width: 90%;          margin-left: auto;          margin-right: auto; }          header .contactStrip .contactStripText:after {            content: " ";            display: block;            clear: both; } }      @media (min-width: 40em) {        header .contactStrip .contactStripText span {          margin-left: 1em; } }  header .logo {    line-height: 0;    padding-top: 0.5em;    transition: padding 0.3s; }    @media (min-width: 64.0625em) {      header .logo {        width: 33.33333%;        float: left; } }    header .logo img {      width: 235px; }      @media (min-width: 30em) {        header .logo img {          width: 320px; } }  header nav {    width: 66.66667%;    float: left;    padding: 1.75em 0 1.25em;    transition: padding 0.3s; }  @media (min-width: 64.0625em) {    header.scrolled {      border-bottom: 1px solid #f5f5f5; }      header.scrolled .logo {        padding-top: 0.25em; }      header.scrolled nav {        padding: 1.25em 0 0; } }/* -----------------------------------------	12.0. Content----------------------------------------- */#banner .slide, #slideShow .slide {  height: 400px;  height: 100vh;  height: calc(100vh - 1em);  background-position: 75% 75%;  background-size: cover; }  @media (min-width: 64.0625em) {    #banner .slide, #slideShow .slide {      height: 700px;      height: 100vh; } }  #banner .slide .boxWrapper, #slideShow .slide .boxWrapper {    max-width: 90%;    margin-left: auto;    margin-right: auto;    position: relative;    height: 100%; }    #banner .slide .boxWrapper:after, #slideShow .slide .boxWrapper:after {      content: " ";      display: block;      clear: both; }    @media (min-width: 96.875em) {      #banner .slide .boxWrapper, #slideShow .slide .boxWrapper {        max-width: 1500px;        margin-left: auto;        margin-right: auto; }        #banner .slide .boxWrapper:after, #slideShow .slide .boxWrapper:after {          content: " ";          display: block;          clear: both; } }    #banner .slide .boxWrapper .box, #slideShow .slide .boxWrapper .box {      text-align: center;      line-height: 1.2;      color: #FFFFFF;      background: rgba(70, 206, 158, 0.8);      padding: 2.5em;      position: relative;      top: 60%;      opacity: 0;      transition: opacity 1s;      -webkit-transform: translateY(-50%);      transform: translateY(-50%); }      #banner .slide .boxWrapper .box h1:after, #slideShow .slide .boxWrapper .box h1:after {        margin-left: auto;        margin-right: auto; }      @media (min-width: 43.75em) {        #banner .slide .boxWrapper .box, #slideShow .slide .boxWrapper .box {          width: 66.66667%;          float: left;          text-align: left; }          #banner .slide .boxWrapper .box h1:after, #slideShow .slide .boxWrapper .box h1:after {            margin-left: 0; } }      @media (min-width: 75em) {        #banner .slide .boxWrapper .box, #slideShow .slide .boxWrapper .box {          width: 50%;          float: left; } }      #banner .slide .boxWrapper .box.loaded, #slideShow .slide .boxWrapper .box.loaded {        opacity: 1; }.centerText {  max-width: 90%;  margin-left: auto;  margin-right: auto;  text-align: center;  padding: 5em 0; }  .centerText:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 62.5em) {    .centerText {      max-width: 1000px;      margin-left: auto;      margin-right: auto; }      .centerText:after {        content: " ";        display: block;        clear: both; } }  .centerText h2:after {    margin-left: auto;    margin-right: auto;    margin-top: 0; }  .centerText p {    font-size: 1.2em; }  .centerText img {    margin: 1.2em;    max-width: 75%; }    @media (min-width: 40em) {      .centerText img {        margin: 1.2em 2.0736em; } }  .centerText img.hamilton {    width: 100px; }  .centerText img.bacn {    width: 300px; }.popularProcedures {  max-width: 90%;  margin-left: auto;  margin-right: auto;  padding-bottom: 100px; }  .popularProcedures:after {    content: " ";    display: block;    clear: both; }  .popularProcedures .box {    position: relative;    background-color: #83d3b7;    border: 4px solid #FFFFFF;    padding: 1em;    overflow-x: hidden;    background-size: cover;    background-position: center 75%; }    .popularProcedures .box .procedureName {      position: absolute;      bottom: 3em;      left: 0;      right: 2em;      background: #FFFFFF;      padding: 0.5em;      font-size: 1.2em;      font-weight: 500;      text-transform: uppercase;      transition: opacity 0.8s 0.5s, -webkit-transform 1s 0.3s;      transition: transform 1s 0.3s, opacity 0.8s 0.5s;      transition: transform 1s 0.3s, opacity 0.8s 0.5s, -webkit-transform 1s 0.3s; }    .popularProcedures .box a {      display: block; }    .popularProcedures .box a.detailsWrap {      color: #FFFFFF;      text-align: center;      background: rgba(70, 206, 158, 0.8);      padding: 1em 2em;      opacity: 0; }      .popularProcedures .box a.detailsWrap.transformable {        -webkit-transform: scale(1.05);        transform: scale(1.05);        transition: opacity 0.7s ease-in-out, -webkit-transform 0.5s 0.2s;        transition: opacity 0.7s ease-in-out, transform 0.5s 0.2s;        transition: opacity 0.7s ease-in-out, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s; }      .popularProcedures .box a.detailsWrap:hover, .popularProcedures .box a.detailsWrap:active, .popularProcedures .box a.detailsWrap:focus {        opacity: 1;        -webkit-transform: scale(1);        transform: scale(1); }    .popularProcedures .box:hover .procedureName, .popularProcedures .box:active .procedureName, .popularProcedures .box:focus .procedureName {      -webkit-transform: translateX(-100%);              transform: translateX(-100%);      opacity: 0; }    .popularProcedures .box:hover a.detailsWrap, .popularProcedures .box:active a.detailsWrap, .popularProcedures .box:focus a.detailsWrap {      opacity: 1;      -webkit-transform: scale(1);      transform: scale(1); }  @media (min-width: 30em) {    .popularProcedures .box {      padding: 2em; }      .popularProcedures .box a.detailsWrap {        padding: 2.5em; } }  @media (min-width: 40em) {    .popularProcedures .box {      padding: 1.25em;      width: 50%;      float: left; }      .popularProcedures .box a.detailsWrap {        padding: 1.5em; } }  @media (min-width: 57.5em) {    .popularProcedures .box {      padding: 2.5em; }      .popularProcedures .box a.detailsWrap {        padding: 1.5em 3em; } }  @media (min-width: 68.75em) {    .popularProcedures .box {      padding: 0.75em;      width: 33.33333%;      float: left; }      .popularProcedures .box a.detailsWrap {        padding: 2.5em 0.5em; } }  @media (min-width: 78.125em) {    .popularProcedures .box {      padding: 1em; }      .popularProcedures .box a.detailsWrap {        padding: 2.5em; } }  @media (min-width: 96.875em) {    .popularProcedures {      max-width: 1500px;      margin-left: auto;      margin-right: auto; }      .popularProcedures:after {        content: " ";        display: block;        clear: both; }      .popularProcedures .box {        padding: 1.5em; }        .popularProcedures .box a.detailsWrap {          padding: 2.5em 3.5em; } }  .popularProcedures h3 {    position: absolute;    left: 1em;    right: 0;    bottom: 1em;    line-height: 1.2;    color: #FFFFFF; }.testimonial {  padding-bottom: 100px; }  .testimonial .testimonialWrap {    background: #f5f5f5;    max-width: 90%;    margin-left: auto;    margin-right: auto; }    .testimonial .testimonialWrap:after {      content: " ";      display: block;      clear: both; }    @media (min-width: 43.75em) {      .testimonial .testimonialWrap {        max-width: 660px;        margin-left: auto;        margin-right: auto; }        .testimonial .testimonialWrap:after {          content: " ";          display: block;          clear: both; } }    @media (min-width: 78.125em) {      .testimonial .testimonialWrap {        max-width: 90%;        margin-left: auto;        margin-right: auto; }        .testimonial .testimonialWrap:after {          content: " ";          display: block;          clear: both; } }    @media (min-width: 96.875em) {      .testimonial .testimonialWrap {        max-width: 1500px;        margin-left: auto;        margin-right: auto; }        .testimonial .testimonialWrap:after {          content: " ";          display: block;          clear: both; } }    @media (min-width: 78.125em) {      .testimonial .testimonialWrap .beforeAfter,      .testimonial .testimonialWrap .testimonialContentWrap {        width: 50%;        float: left; } }    .testimonial .testimonialWrap .testimonialContentWrap {      padding: 0 24px; }      @media (min-width: 64.0625em) {        .testimonial .testimonialWrap .testimonialContentWrap {          padding: 0 64px; } }      .testimonial .testimonialWrap .testimonialContentWrap .testimonialContent {        position: relative; }        .testimonial .testimonialWrap .testimonialContentWrap .testimonialContent .testContentInner {          padding: 3em 0; }          @media (min-width: 78.125em) {            .testimonial .testimonialWrap .testimonialContentWrap .testimonialContent .testContentInner {              padding: 0;              position: absolute;              left: 0;              right: 0;              top: 50%;              -webkit-transform: translateY(-50%);                      transform: translateY(-50%); } }          .testimonial .testimonialWrap .testimonialContentWrap .testimonialContent .testContentInner h2 {            font-size: 2.0736em; }          .testimonial .testimonialWrap .testimonialContentWrap .testimonialContent .testContentInner p {            margin-bottom: 1em; }.form_error,.form_error_specific {  background: #ce4676;  display: inline-block;  padding: 0.25em 0.5em;  margin-bottom: 0.25em; }button,.button,footer .ftr-left .contact form input.fbElementButton,footer .ftr-left .contact form textarea.fbElementButton {  border: 3px solid #FFFFFF;  padding: 0.25em 1em;  outline: none;  color: #FFFFFF;  font-family: "Brandon Text", sans-serif;  background: transparent;  font-size: 1em;  margin: 1em 0 0;  transition: all 0.3s; }  button.green-btn,  .button.green-btn,  footer .ftr-left .contact form input.green-btn.fbElementButton,  footer .ftr-left .contact form textarea.green-btn.fbElementButton {    background: #46ce9e;    border: none;    transition: background 0.3s;    border: 3px solid transparent;    font-size: 0.83333em;    padding: 0.5em 2em;    margin-top: 1em;    display: inline-block; }    button.green-btn:hover,    .button.green-btn:hover,    footer .ftr-left .contact form input.green-btn.fbElementButton:hover,    footer .ftr-left .contact form textarea.green-btn.fbElementButton:hover {      border: 3px solid #46ce9e;      -webkit-transform: scale(1);              transform: scale(1); }  button:hover,  .button:hover,  footer .ftr-left .contact form input.fbElementButton:hover,  footer .ftr-left .contact form textarea.fbElementButton:hover {    cursor: pointer;    color: #46ce9e;    background: #FFFFFF;    font-weight: 600;    -webkit-transform: scale(1.05);            transform: scale(1.05);    border: 3px solid transparent; }.social-btn {  display: inline-block;  font-size: 22px;  color: #FFFFFF;  border: 2px solid #FFFFFF;  border-radius: 50%;  line-height: 40px;  height: 40px;  width: 40px;  text-align: center;  padding: 7px;  margin-right: 0.5em;  margin-bottom: 0.5em;  transition: all 0.3s; }  .social-btn:hover {    color: #46ce9e;    background: #FFFFFF; }@font-face {  font-family: 'icomoon';  src: url("/visageclinicbristol-co-uk/_img/fonts/icomoon.eot?ir2bym");  src: url("/visageclinicbristol-co-uk/_img/fonts/icomoon.eot?ir2bym#iefix") format("embedded-opentype"), url("/visageclinicbristol-co-uk/_img/fonts/icomoon.ttf?ir2bym") format("truetype"), url("/visageclinicbristol-co-uk/_img/fonts/icomoon.woff?ir2bym") format("woff"), url("/visageclinicbristol-co-uk/_img/onts/icomoon.svg?ir2bym#icomoon") format("svg");  font-weight: normal;  font-style: normal; }[class^="icon-"], [class*=" icon-"] {  font-family: 'icomoon';  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }.icon-envelope:before {  content: "\e801"; }.icon-phone:before {  content: "\e800"; }.icon-twitter:before {  content: "\f099"; }.icon-facebook:before {  content: "\f09a"; }.icon-linkedin:before {  content: "\f0e1"; }.icon-instagram:before {  content: "\f16d"; }.icon-close:before {  content: "\e209"; }.icon-expand_more:before {  content: "\e20b"; }.icon-menu:before {  content: "\e20e"; }.icon-room:before {  content: "\e2c8"; }.previewFrame #banner .slide {  height: 200px; }.innerpage #banner .slide {  height: calc(40vh + 120px); }  .innerpage #banner .slide .box {    padding: 2.5em 2.5em 1.5em; }.innerpage .testimonials {  max-width: 75%;  margin-left: auto;  margin-right: auto; }  .innerpage .testimonials:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 57.5em) {    .innerpage .testimonials {      max-width: 860px;      margin-left: auto;      margin-right: auto; }      .innerpage .testimonials:after {        content: " ";        display: block;        clear: both; } }  .innerpage .testimonials .testimonial {    background: #f5f5f5;    padding: 1.2em;    margin-bottom: 2.98598em; }    @media (min-width: 40em) {      .innerpage .testimonials .testimonial {        padding: 2.98598em 2.98598em 1.2em; } }    .innerpage .testimonials .testimonial p {      margin-bottom: 0.83333em;      font-size: 1.2em;      line-height: 1.4; }    .innerpage .testimonials .testimonial:nth-child(2n + 1) {      background: #46ce9e;      color: #FFFFFF; }.treatments .anchor {  visibility: hidden;  position: relative;  height: 4px;  top: -100px;  display: block; }  @media (min-width: 64.0625em) {    .treatments .anchor {      top: -200px; } }.treatments .treatmentMainBox {  padding-bottom: 100px; }  .treatments .treatmentMainBox .treatmentWrap {    background: #f5f5f5;    max-width: 90%;    margin-left: auto;    margin-right: auto; }    .treatments .treatmentMainBox .treatmentWrap:after {      content: " ";      display: block;      clear: both; }    @media (min-width: 33.75em) {      .treatments .treatmentMainBox .treatmentWrap {        max-width: 600px;        margin-left: auto;        margin-right: auto; }        .treatments .treatmentMainBox .treatmentWrap:after {          content: " ";          display: block;          clear: both; } }    @media (min-width: 82.5em) {      .treatments .treatmentMainBox .treatmentWrap {        max-width: 90%;        margin-left: auto;        margin-right: auto; }        .treatments .treatmentMainBox .treatmentWrap:after {          content: " ";          display: block;          clear: both; } }    @media (min-width: 96.875em) {      .treatments .treatmentMainBox .treatmentWrap {        max-width: 1500px;        margin-left: auto;        margin-right: auto; }        .treatments .treatmentMainBox .treatmentWrap:after {          content: " ";          display: block;          clear: both; } }    .treatments .treatmentMainBox .treatmentWrap .treatmentImage {      padding: 35% 0;      background-size: cover;      background-position: center; }      @media (min-width: 82.5em) {        .treatments .treatmentMainBox .treatmentWrap .treatmentImage {          padding: 24% 0; } }      @media (min-width: 87.5em) {        .treatments .treatmentMainBox .treatmentWrap .treatmentImage {          padding: 19% 0; } }    @media (min-width: 82.5em) {      .treatments .treatmentMainBox .treatmentWrap .treatmentImage,      .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap {        width: 50%;        float: left; } }    .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap {      padding: 0 24px; }      @media (min-width: 64.0625em) {        .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap {          padding: 0 64px; } }      .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent {        position: relative;        text-align: center; }        .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner {          padding: 3em 0; }          @media (min-width: 82.5em) {            .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner {              padding: 0;/*              position: absolute;              left: 0;              right: 0;              top: 50%;              -webkit-transform: translateY(-50%);                      transform: translateY(-50%);*/  padding:  30px 0} }          .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner h2 {            font-size: 1.728em;            font-weight: 600; }            @media (min-width: 40em) {              .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner h2 {                font-size: 2.0736em; } }          .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner h2:after {            margin-left: auto;            margin-right: auto; }          @media (min-width: 82.5em) {            .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner {              text-align: left; }              .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner h2:after {                margin-left: 0; } }          .treatments .treatmentMainBox .treatmentWrap .treatmentContentWrap .treatmentContent .treatmentContentInner p {            margin-bottom: 1em; }@media (min-width: 82.5em) {  .treatments .treatmentMainBox:nth-child(8n-2) .treatmentWrap .treatmentImage,  .treatments .treatmentMainBox:nth-child(8n-2) .treatmentContentWrap {    float: right; } }.treatments .faq {  max-width: 90%;  margin-left: auto;  margin-right: auto;  margin-bottom: 6em; }  .treatments .faq:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 64.0625em) {    .treatments .faq {      max-width: 1000px;      margin-left: auto;      margin-right: auto; }      .treatments .faq:after {        content: " ";        display: block;        clear: both; } }  .treatments .faq h2 {    text-align: center;    margin-bottom: 1em;    font-size: 1.728em; }    @media (min-width: 40em) {      .treatments .faq h2 {        font-size: 2.0736em; } }  .treatments .faq h2:after {    margin-right: auto;    margin-left: auto; }  .treatments .faq .questionBox {    background: #f5f5f5;    margin-bottom: 1em; }    .treatments .faq .questionBox h3 {      font-size: 1em;      text-transform: none;      font-family: "Brandon Text", sans-serif;      font-weight: 600;      padding: 1em;      padding-right: 4em;      position: relative;      transition: background-color 0.6s 0.1s, color 0.6s 0.1s;      opacity: 1;      transition: opacity 0.5s; }      @media (min-width: 40em) {        .treatments .faq .questionBox h3 {          font-size: 1.2em; } }      .treatments .faq .questionBox h3:after {        content: "\e20b";        font-family: "icomoon";        display: block;        background: none;        position: absolute;        right: 0;        bottom: 0;        color: #999;        font-size: 1.728em;        transition: -webkit-transform;        transition: transform;        transition: transform, -webkit-transform;        line-height: 0;        margin: 1em 0; }      .treatments .faq .questionBox h3:hover {        opacity: 0.8;        cursor: pointer; }    .treatments .faq .questionBox p {      display: block;      border-top: 1px solid #FFFFFF;      padding: 1em;      display: none; }    .treatments .faq .questionBox.open h3 {      background: #83d3b7;      color: #FFFFFF; }      .treatments .faq .questionBox.open h3:after {        -webkit-transform: rotateX(180deg);        transform: rotateX(180deg);        color: #FFFFFF; }.treatments .prices {  padding: 2.98598em 0;  text-align: center;  margin-bottom: 6em;  background-color: #46ce9e;  color: #FFFFFF; }  .treatments .prices h2 {    font-size: 1.728em; }    .treatments .prices h2:after {      margin-left: auto;      margin-right: auto;      background-color: #FFFFFF; }    @media (min-width: 40em) {      .treatments .prices h2 {        font-size: 2.0736em; } }  .treatments .prices p {    font-size: 1.44em; }/* -----------------------------------------	13.0. Footer----------------------------------------- */footer {  max-width: 100%;  margin-left: auto;  margin-right: auto; }  footer:after {    content: " ";    display: block;    clear: both; }  footer .ftr-left,  footer .ftr-right {    color: #FFFFFF; }    @media (min-width: 75em) {      footer .ftr-left,      footer .ftr-right {        width: 50%;        float: left; } }  footer .ftr-left {    background: #83d3b7; }    footer .ftr-left .contact {      max-width: 90%;      margin-left: auto;      margin-right: auto;      padding: 3em 0; }      footer .ftr-left .contact:after {        content: " ";        display: block;        clear: both; }      @media (min-width: 75em) {        footer .ftr-left .contact {          max-width: 750px;          margin-left: auto;          margin-right: 0;          padding: 3em 8em; }          footer .ftr-left .contact:after {            content: " ";            display: block;            clear: both; } }      footer .ftr-left .contact h3 {        margin-bottom: 0.5em; }      footer .ftr-left .contact form label {        display: none; }      footer .ftr-left .contact form input,      footer .ftr-left .contact form textarea {        width: 100%;        padding: 1em;        margin-bottom: 1em;        border: none;        outline: none;        font-family: "Brandon Text", sans-serif;        font-size: 0.83333em;        color: #999; }        footer .ftr-left .contact form input.fbElementButton,        footer .ftr-left .contact form textarea.fbElementButton {          width: auto;          padding: 0.5em 2em;          font-size: 0.83333em; }          footer .ftr-left .contact form input.fbElementButton:hover,          footer .ftr-left .contact form textarea.fbElementButton:hover {            -webkit-transform: scale(1);            transform: scale(1); }  footer .ftr-right {    background: #46ce9e; }    footer .ftr-right .right-contact {      max-width: 90%;      margin-left: auto;      margin-right: auto;      padding: 3em 0; }      footer .ftr-right .right-contact:after {        content: " ";        display: block;        clear: both; }      @media (min-width: 75em) {        footer .ftr-right .right-contact {          max-width: 750px;          margin-left: 0;          margin-right: auto;          padding: 3em 8em; }          footer .ftr-right .right-contact:after {            content: " ";            display: block;            clear: both; } }      footer .ftr-right .right-contact h3 {        margin-bottom: 0.5em; }      footer .ftr-right .right-contact p {        margin-bottom: 1em;        font-size: 0.83333em; }        footer .ftr-right .right-contact p span {          font-size: 1.44em;          padding-right: 0.5em;          position: relative;          top: 0.1em; }      footer .ftr-right .right-contact .social {        margin-top: 3em;        padding-top: 2em;        border-top: 2px solid rgba(255, 255, 255, 0.2); }        footer .ftr-right .right-contact .social h6 {          margin-bottom: 0.25em; }  footer .ftr-bottom {    display: block;    padding: 0.25em 0;    text-align: center;    color: #333; }    footer .ftr-bottom a {      color: #333;      display: inline;      position: relative; }      footer .ftr-bottom a:after {        content: "";        position: absolute;        display: block;        height: 1px;        background: #333;        bottom: 0;        left: 0;        right: 0;        width: 100%;        -webkit-transform: scaleX(0);        transform: scaleX(0);        transition: all 0.5s; }      footer .ftr-bottom a:hover:after {        -webkit-transform: scaleX(1);        transform: scaleX(1); }.inputsetItem4 label {display:  block !important;}