@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i");@font-face {  font-family: "Aleo";  font-style: normal;  font-weight: 400;  src: url("/rachelcropper-co-uk/_img/fonts/Aleo-Regular-webfont.eot?") format("eot"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Regular-webfont.woff") format("woff"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Regular-webfont.ttf") format("truetype"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Regular-webfont.svg#Aleo") format("svg"); }@font-face {  font-family: "Aleo";  font-style: normal;  font-weight: 300;  src: url("/rachelcropper-co-uk/_img/fonts/Aleo-Light-webfont.eot?") format("eot"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Light-webfont.woff") format("woff"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Light-webfont.ttf") format("truetype"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Light-webfont.svg#Aleo") format("svg"); }@font-face {  font-family: "Aleo";  font-style: italic;  font-weight: 300;  src: url("/rachelcropper-co-uk/_img/fonts/Aleo-LightItalic-webfont.eot?") format("eot"), url("/rachelcropper-co-uk/_img/fonts/Aleo-LightItalic-webfont.woff") format("woff"), url("/rachelcropper-co-uk/_img/fonts/Aleo-LightItalic-webfont.ttf") format("truetype"), url("/rachelcropper-co-uk/_img/fonts/Aleo-LightItalic-webfont.svg#Aleo") format("svg"); }@font-face {  font-family: "Aleo";  font-style: italic;  font-weight: 400;  src: url("/rachelcropper-co-uk/_img/fonts/Aleo-Italic-webfont.eot?") format("eot"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Italic-webfont.woff") format("woff"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Italic-webfont.ttf") format("truetype"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Italic-webfont.svg#Aleo") format("svg"); }@font-face {  font-family: "Aleo";  font-style: normal;  font-weight: 600;  src: url("/rachelcropper-co-uk/_img/fonts/Aleo-Bold-webfont.eot?") format("eot"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Bold-webfont.woff") format("woff"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Bold-webfont.ttf") format("truetype"), url("/rachelcropper-co-uk/_img/fonts/Aleo-Bold-webfont.svg#Aleo") format("svg"); }@font-face {  font-family: "Aleo";  font-style: normal;  font-weight: 600;  src: url("/rachelcropper-co-uk/_img/fonts/Aleo-BoldItalic-webfont.eot?") format("eot"), url("/rachelcropper-co-uk/_img/fonts/Aleo-BoldItalic-webfont.woff") format("woff"), url("/rachelcropper-co-uk/_img/fonts/Aleo-BoldItalic-webfont.ttf") format("truetype"), url("/rachelcropper-co-uk/_img/fonts/Aleo-BoldItalic-webfont.svg#Aleo") format("svg"); }/* ---------------------------------------------- *  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; }/* ---------------------------------------------- *  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\* ---------------------------------------------- */.container-12 {  max-width: 1500px;  margin-left: auto;  margin-right: auto;  padding-left: 1em;  padding-right: 1em; }  .container-12:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-12 .g-1-xs {      width: 8.33333%;      float: left; }      .container-12 .g-1-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-2-xs {      width: 16.66667%;      float: left; }      .container-12 .g-2-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-3-xs {      width: 25%;      float: left; }      .container-12 .g-3-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-4-xs {      width: 33.33333%;      float: left; }      .container-12 .g-4-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-5-xs {      width: 41.66667%;      float: left; }      .container-12 .g-5-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-6-xs {      width: 50%;      float: left; }      .container-12 .g-6-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-7-xs {      width: 58.33333%;      float: left; }      .container-12 .g-7-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-8-xs {      width: 66.66667%;      float: left; }      .container-12 .g-8-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-9-xs {      width: 75%;      float: left; }      .container-12 .g-9-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-10-xs {      width: 83.33333%;      float: left; }      .container-12 .g-10-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-11-xs {      width: 91.66667%;      float: left; }      .container-12 .g-11-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-12 .g-12-xs {      width: 100%;      float: left; }      .container-12 .g-12-xs.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-1-sm {      width: 8.33333%;      float: left; }      .container-12 .g-1-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-2-sm {      width: 16.66667%;      float: left; }      .container-12 .g-2-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-3-sm {      width: 25%;      float: left; }      .container-12 .g-3-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-4-sm {      width: 33.33333%;      float: left; }      .container-12 .g-4-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-5-sm {      width: 41.66667%;      float: left; }      .container-12 .g-5-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-6-sm {      width: 50%;      float: left; }      .container-12 .g-6-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-7-sm {      width: 58.33333%;      float: left; }      .container-12 .g-7-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-8-sm {      width: 66.66667%;      float: left; }      .container-12 .g-8-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-9-sm {      width: 75%;      float: left; }      .container-12 .g-9-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-10-sm {      width: 83.33333%;      float: left; }      .container-12 .g-10-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-11-sm {      width: 91.66667%;      float: left; }      .container-12 .g-11-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-12 .g-12-sm {      width: 100%;      float: left; }      .container-12 .g-12-sm.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-1-md {      width: 8.33333%;      float: left; }      .container-12 .g-1-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-2-md {      width: 16.66667%;      float: left; }      .container-12 .g-2-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-3-md {      width: 25%;      float: left; }      .container-12 .g-3-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-4-md {      width: 33.33333%;      float: left; }      .container-12 .g-4-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-5-md {      width: 41.66667%;      float: left; }      .container-12 .g-5-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-6-md {      width: 50%;      float: left; }      .container-12 .g-6-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-7-md {      width: 58.33333%;      float: left; }      .container-12 .g-7-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-8-md {      width: 66.66667%;      float: left; }      .container-12 .g-8-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-9-md {      width: 75%;      float: left; }      .container-12 .g-9-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-10-md {      width: 83.33333%;      float: left; }      .container-12 .g-10-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-11-md {      width: 91.66667%;      float: left; }      .container-12 .g-11-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-12 .g-12-md {      width: 100%;      float: left; }      .container-12 .g-12-md.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-1-lg {      width: 8.33333%;      float: left; }      .container-12 .g-1-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-2-lg {      width: 16.66667%;      float: left; }      .container-12 .g-2-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-3-lg {      width: 25%;      float: left; }      .container-12 .g-3-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-4-lg {      width: 33.33333%;      float: left; }      .container-12 .g-4-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-5-lg {      width: 41.66667%;      float: left; }      .container-12 .g-5-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-6-lg {      width: 50%;      float: left; }      .container-12 .g-6-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-7-lg {      width: 58.33333%;      float: left; }      .container-12 .g-7-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-8-lg {      width: 66.66667%;      float: left; }      .container-12 .g-8-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-9-lg {      width: 75%;      float: left; }      .container-12 .g-9-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-10-lg {      width: 83.33333%;      float: left; }      .container-12 .g-10-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-11-lg {      width: 91.66667%;      float: left; }      .container-12 .g-11-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-12 .g-12-lg {      width: 100%;      float: left; }      .container-12 .g-12-lg.empty {        height: 1px; } }.container-10 {  max-width: 1252px;  margin-left: auto;  margin-right: auto;  padding-left: 1em;  padding-right: 1em; }  .container-10:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-10 .g-1-xs {      width: 10%;      float: left; }      .container-10 .g-1-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-2-xs {      width: 20%;      float: left; }      .container-10 .g-2-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-3-xs {      width: 30%;      float: left; }      .container-10 .g-3-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-4-xs {      width: 40%;      float: left; }      .container-10 .g-4-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-5-xs {      width: 50%;      float: left; }      .container-10 .g-5-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-6-xs {      width: 60%;      float: left; }      .container-10 .g-6-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-7-xs {      width: 70%;      float: left; }      .container-10 .g-7-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-8-xs {      width: 80%;      float: left; }      .container-10 .g-8-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-9-xs {      width: 90%;      float: left; }      .container-10 .g-9-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-10-xs {      width: 100%;      float: left; }      .container-10 .g-10-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-11-xs {      width: 110%;      float: left; }      .container-10 .g-11-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-10 .g-12-xs {      width: 120%;      float: left; }      .container-10 .g-12-xs.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-1-sm {      width: 10%;      float: left; }      .container-10 .g-1-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-2-sm {      width: 20%;      float: left; }      .container-10 .g-2-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-3-sm {      width: 30%;      float: left; }      .container-10 .g-3-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-4-sm {      width: 40%;      float: left; }      .container-10 .g-4-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-5-sm {      width: 50%;      float: left; }      .container-10 .g-5-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-6-sm {      width: 60%;      float: left; }      .container-10 .g-6-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-7-sm {      width: 70%;      float: left; }      .container-10 .g-7-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-8-sm {      width: 80%;      float: left; }      .container-10 .g-8-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-9-sm {      width: 90%;      float: left; }      .container-10 .g-9-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-10-sm {      width: 100%;      float: left; }      .container-10 .g-10-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-11-sm {      width: 110%;      float: left; }      .container-10 .g-11-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-10 .g-12-sm {      width: 120%;      float: left; }      .container-10 .g-12-sm.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-1-md {      width: 10%;      float: left; }      .container-10 .g-1-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-2-md {      width: 20%;      float: left; }      .container-10 .g-2-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-3-md {      width: 30%;      float: left; }      .container-10 .g-3-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-4-md {      width: 40%;      float: left; }      .container-10 .g-4-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-5-md {      width: 50%;      float: left; }      .container-10 .g-5-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-6-md {      width: 60%;      float: left; }      .container-10 .g-6-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-7-md {      width: 70%;      float: left; }      .container-10 .g-7-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-8-md {      width: 80%;      float: left; }      .container-10 .g-8-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-9-md {      width: 90%;      float: left; }      .container-10 .g-9-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-10-md {      width: 100%;      float: left; }      .container-10 .g-10-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-11-md {      width: 110%;      float: left; }      .container-10 .g-11-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-10 .g-12-md {      width: 120%;      float: left; }      .container-10 .g-12-md.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-1-lg {      width: 10%;      float: left; }      .container-10 .g-1-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-2-lg {      width: 20%;      float: left; }      .container-10 .g-2-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-3-lg {      width: 30%;      float: left; }      .container-10 .g-3-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-4-lg {      width: 40%;      float: left; }      .container-10 .g-4-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-5-lg {      width: 50%;      float: left; }      .container-10 .g-5-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-6-lg {      width: 60%;      float: left; }      .container-10 .g-6-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-7-lg {      width: 70%;      float: left; }      .container-10 .g-7-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-8-lg {      width: 80%;      float: left; }      .container-10 .g-8-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-9-lg {      width: 90%;      float: left; }      .container-10 .g-9-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-10-lg {      width: 100%;      float: left; }      .container-10 .g-10-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-11-lg {      width: 110%;      float: left; }      .container-10 .g-11-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-10 .g-12-lg {      width: 120%;      float: left; }      .container-10 .g-12-lg.empty {        height: 1px; } }.container-8 {  max-width: 1000px;  margin-left: auto;  margin-right: auto;  padding-left: 1em;  padding-right: 1em; }  .container-8:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-8 .g-1-xs {      width: 12.5%;      float: left; }      .container-8 .g-1-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-2-xs {      width: 25%;      float: left; }      .container-8 .g-2-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-3-xs {      width: 37.5%;      float: left; }      .container-8 .g-3-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-4-xs {      width: 50%;      float: left; }      .container-8 .g-4-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-5-xs {      width: 62.5%;      float: left; }      .container-8 .g-5-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-6-xs {      width: 75%;      float: left; }      .container-8 .g-6-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-7-xs {      width: 87.5%;      float: left; }      .container-8 .g-7-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-8-xs {      width: 100%;      float: left; }      .container-8 .g-8-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-9-xs {      width: 112.5%;      float: left; }      .container-8 .g-9-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-10-xs {      width: 125%;      float: left; }      .container-8 .g-10-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-11-xs {      width: 137.5%;      float: left; }      .container-8 .g-11-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-8 .g-12-xs {      width: 150%;      float: left; }      .container-8 .g-12-xs.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-1-sm {      width: 12.5%;      float: left; }      .container-8 .g-1-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-2-sm {      width: 25%;      float: left; }      .container-8 .g-2-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-3-sm {      width: 37.5%;      float: left; }      .container-8 .g-3-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-4-sm {      width: 50%;      float: left; }      .container-8 .g-4-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-5-sm {      width: 62.5%;      float: left; }      .container-8 .g-5-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-6-sm {      width: 75%;      float: left; }      .container-8 .g-6-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-7-sm {      width: 87.5%;      float: left; }      .container-8 .g-7-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-8-sm {      width: 100%;      float: left; }      .container-8 .g-8-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-9-sm {      width: 112.5%;      float: left; }      .container-8 .g-9-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-10-sm {      width: 125%;      float: left; }      .container-8 .g-10-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-11-sm {      width: 137.5%;      float: left; }      .container-8 .g-11-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-8 .g-12-sm {      width: 150%;      float: left; }      .container-8 .g-12-sm.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-1-md {      width: 12.5%;      float: left; }      .container-8 .g-1-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-2-md {      width: 25%;      float: left; }      .container-8 .g-2-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-3-md {      width: 37.5%;      float: left; }      .container-8 .g-3-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-4-md {      width: 50%;      float: left; }      .container-8 .g-4-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-5-md {      width: 62.5%;      float: left; }      .container-8 .g-5-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-6-md {      width: 75%;      float: left; }      .container-8 .g-6-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-7-md {      width: 87.5%;      float: left; }      .container-8 .g-7-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-8-md {      width: 100%;      float: left; }      .container-8 .g-8-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-9-md {      width: 112.5%;      float: left; }      .container-8 .g-9-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-10-md {      width: 125%;      float: left; }      .container-8 .g-10-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-11-md {      width: 137.5%;      float: left; }      .container-8 .g-11-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-8 .g-12-md {      width: 150%;      float: left; }      .container-8 .g-12-md.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-1-lg {      width: 12.5%;      float: left; }      .container-8 .g-1-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-2-lg {      width: 25%;      float: left; }      .container-8 .g-2-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-3-lg {      width: 37.5%;      float: left; }      .container-8 .g-3-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-4-lg {      width: 50%;      float: left; }      .container-8 .g-4-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-5-lg {      width: 62.5%;      float: left; }      .container-8 .g-5-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-6-lg {      width: 75%;      float: left; }      .container-8 .g-6-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-7-lg {      width: 87.5%;      float: left; }      .container-8 .g-7-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-8-lg {      width: 100%;      float: left; }      .container-8 .g-8-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-9-lg {      width: 112.5%;      float: left; }      .container-8 .g-9-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-10-lg {      width: 125%;      float: left; }      .container-8 .g-10-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-11-lg {      width: 137.5%;      float: left; }      .container-8 .g-11-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-8 .g-12-lg {      width: 150%;      float: left; }      .container-8 .g-12-lg.empty {        height: 1px; } }.container-6 {  max-width: 752px;  margin-left: auto;  margin-right: auto;  padding-left: 1em;  padding-right: 1em; }  .container-6:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-6 .g-1-xs {      width: 16.66667%;      float: left; }      .container-6 .g-1-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-2-xs {      width: 33.33333%;      float: left; }      .container-6 .g-2-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-3-xs {      width: 50%;      float: left; }      .container-6 .g-3-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-4-xs {      width: 66.66667%;      float: left; }      .container-6 .g-4-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-5-xs {      width: 83.33333%;      float: left; }      .container-6 .g-5-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-6-xs {      width: 100%;      float: left; }      .container-6 .g-6-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-7-xs {      width: 116.66667%;      float: left; }      .container-6 .g-7-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-8-xs {      width: 133.33333%;      float: left; }      .container-6 .g-8-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-9-xs {      width: 150%;      float: left; }      .container-6 .g-9-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-10-xs {      width: 166.66667%;      float: left; }      .container-6 .g-10-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-11-xs {      width: 183.33333%;      float: left; }      .container-6 .g-11-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-6 .g-12-xs {      width: 200%;      float: left; }      .container-6 .g-12-xs.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-1-sm {      width: 16.66667%;      float: left; }      .container-6 .g-1-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-2-sm {      width: 33.33333%;      float: left; }      .container-6 .g-2-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-3-sm {      width: 50%;      float: left; }      .container-6 .g-3-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-4-sm {      width: 66.66667%;      float: left; }      .container-6 .g-4-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-5-sm {      width: 83.33333%;      float: left; }      .container-6 .g-5-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-6-sm {      width: 100%;      float: left; }      .container-6 .g-6-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-7-sm {      width: 116.66667%;      float: left; }      .container-6 .g-7-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-8-sm {      width: 133.33333%;      float: left; }      .container-6 .g-8-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-9-sm {      width: 150%;      float: left; }      .container-6 .g-9-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-10-sm {      width: 166.66667%;      float: left; }      .container-6 .g-10-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-11-sm {      width: 183.33333%;      float: left; }      .container-6 .g-11-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-6 .g-12-sm {      width: 200%;      float: left; }      .container-6 .g-12-sm.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-1-md {      width: 16.66667%;      float: left; }      .container-6 .g-1-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-2-md {      width: 33.33333%;      float: left; }      .container-6 .g-2-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-3-md {      width: 50%;      float: left; }      .container-6 .g-3-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-4-md {      width: 66.66667%;      float: left; }      .container-6 .g-4-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-5-md {      width: 83.33333%;      float: left; }      .container-6 .g-5-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-6-md {      width: 100%;      float: left; }      .container-6 .g-6-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-7-md {      width: 116.66667%;      float: left; }      .container-6 .g-7-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-8-md {      width: 133.33333%;      float: left; }      .container-6 .g-8-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-9-md {      width: 150%;      float: left; }      .container-6 .g-9-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-10-md {      width: 166.66667%;      float: left; }      .container-6 .g-10-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-11-md {      width: 183.33333%;      float: left; }      .container-6 .g-11-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-6 .g-12-md {      width: 200%;      float: left; }      .container-6 .g-12-md.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-1-lg {      width: 16.66667%;      float: left; }      .container-6 .g-1-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-2-lg {      width: 33.33333%;      float: left; }      .container-6 .g-2-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-3-lg {      width: 50%;      float: left; }      .container-6 .g-3-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-4-lg {      width: 66.66667%;      float: left; }      .container-6 .g-4-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-5-lg {      width: 83.33333%;      float: left; }      .container-6 .g-5-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-6-lg {      width: 100%;      float: left; }      .container-6 .g-6-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-7-lg {      width: 116.66667%;      float: left; }      .container-6 .g-7-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-8-lg {      width: 133.33333%;      float: left; }      .container-6 .g-8-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-9-lg {      width: 150%;      float: left; }      .container-6 .g-9-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-10-lg {      width: 166.66667%;      float: left; }      .container-6 .g-10-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-11-lg {      width: 183.33333%;      float: left; }      .container-6 .g-11-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-6 .g-12-lg {      width: 200%;      float: left; }      .container-6 .g-12-lg.empty {        height: 1px; } }.container-4 {  max-width: 500px;  margin-left: auto;  margin-right: auto;  padding-left: 1em;  padding-right: 1em; }  .container-4:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-4 .g-1-xs {      width: 25%;      float: left; }      .container-4 .g-1-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-2-xs {      width: 50%;      float: left; }      .container-4 .g-2-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-3-xs {      width: 75%;      float: left; }      .container-4 .g-3-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-4-xs {      width: 100%;      float: left; }      .container-4 .g-4-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-5-xs {      width: 125%;      float: left; }      .container-4 .g-5-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-6-xs {      width: 150%;      float: left; }      .container-4 .g-6-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-7-xs {      width: 175%;      float: left; }      .container-4 .g-7-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-8-xs {      width: 200%;      float: left; }      .container-4 .g-8-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-9-xs {      width: 225%;      float: left; }      .container-4 .g-9-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-10-xs {      width: 250%;      float: left; }      .container-4 .g-10-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-11-xs {      width: 275%;      float: left; }      .container-4 .g-11-xs.empty {        height: 1px; } }  @media (min-width: 0em) {    .container-4 .g-12-xs {      width: 300%;      float: left; }      .container-4 .g-12-xs.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-1-sm {      width: 25%;      float: left; }      .container-4 .g-1-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-2-sm {      width: 50%;      float: left; }      .container-4 .g-2-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-3-sm {      width: 75%;      float: left; }      .container-4 .g-3-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-4-sm {      width: 100%;      float: left; }      .container-4 .g-4-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-5-sm {      width: 125%;      float: left; }      .container-4 .g-5-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-6-sm {      width: 150%;      float: left; }      .container-4 .g-6-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-7-sm {      width: 175%;      float: left; }      .container-4 .g-7-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-8-sm {      width: 200%;      float: left; }      .container-4 .g-8-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-9-sm {      width: 225%;      float: left; }      .container-4 .g-9-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-10-sm {      width: 250%;      float: left; }      .container-4 .g-10-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-11-sm {      width: 275%;      float: left; }      .container-4 .g-11-sm.empty {        height: 1px; } }  @media (min-width: 30em) {    .container-4 .g-12-sm {      width: 300%;      float: left; }      .container-4 .g-12-sm.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-1-md {      width: 25%;      float: left; }      .container-4 .g-1-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-2-md {      width: 50%;      float: left; }      .container-4 .g-2-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-3-md {      width: 75%;      float: left; }      .container-4 .g-3-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-4-md {      width: 100%;      float: left; }      .container-4 .g-4-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-5-md {      width: 125%;      float: left; }      .container-4 .g-5-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-6-md {      width: 150%;      float: left; }      .container-4 .g-6-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-7-md {      width: 175%;      float: left; }      .container-4 .g-7-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-8-md {      width: 200%;      float: left; }      .container-4 .g-8-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-9-md {      width: 225%;      float: left; }      .container-4 .g-9-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-10-md {      width: 250%;      float: left; }      .container-4 .g-10-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-11-md {      width: 275%;      float: left; }      .container-4 .g-11-md.empty {        height: 1px; } }  @media (min-width: 57.5em) {    .container-4 .g-12-md {      width: 300%;      float: left; }      .container-4 .g-12-md.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-1-lg {      width: 25%;      float: left; }      .container-4 .g-1-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-2-lg {      width: 50%;      float: left; }      .container-4 .g-2-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-3-lg {      width: 75%;      float: left; }      .container-4 .g-3-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-4-lg {      width: 100%;      float: left; }      .container-4 .g-4-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-5-lg {      width: 125%;      float: left; }      .container-4 .g-5-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-6-lg {      width: 150%;      float: left; }      .container-4 .g-6-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-7-lg {      width: 175%;      float: left; }      .container-4 .g-7-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-8-lg {      width: 200%;      float: left; }      .container-4 .g-8-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-9-lg {      width: 225%;      float: left; }      .container-4 .g-9-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-10-lg {      width: 250%;      float: left; }      .container-4 .g-10-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-11-lg {      width: 275%;      float: left; }      .container-4 .g-11-lg.empty {        height: 1px; } }  @media (min-width: 78.125em) {    .container-4 .g-12-lg {      width: 300%;      float: left; }      .container-4 .g-12-lg.empty {        height: 1px; } }.container-full {  max-width: 100%;  margin-left: auto;  margin-right: auto; }  .container-full:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 57.5em) {    .container-full .g-50 {      width: 50%;      float: left; } }*,*:after,*:before {  box-sizing: border-box; }html {  font-size: 100%;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;          text-size-adjust: 100%; }body,html {  height: 100%;  min-height: 100%; }body {  font-family: "Aleo"; }small {  font-size: 0.85em; }ul li {  list-style: none; }ol li {  list-style: none; }embed,img,object {  height: auto;  max-width: 100%; }/*********************************************	- 2.0 -  LINKS*********************************************//* - 2.1. - BASE LINK STYLES	------------------------------------------ */a {  /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ }  a:active, a:focus {    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: blue; }.squared {  display: block;  width: 100%;  padding-bottom: 100%;  height: 0;  border: 1px solid rgba(47, 47, 47, 0.3); }.middle {  position: absolute;  top: 50%;  right: 0;  bottom: auto;  left: 0;  -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);          transform: translateY(-50%); }  @media (min-width: 0em) and (max-width: 57.4375em) {    .middle.killMiddle-md {      position: static;      -webkit-transform: none;          -ms-transform: none;              transform: none; } }.paddings {  padding: 5em 0; }.smallText {  font-size: 0.83333em; }.largeText {  font-size: 1.2em; }.whiteBox {  background: #FFFFFF;  padding: 2em;  color: #777;  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }  .whiteBox p {    color: #2f2f2f; }  .whiteBox .container-full {    border: 1px solid rgba(47, 47, 47, 0.1); }.relative {  position: relative; }.content {  padding: 6em; }  @media (min-width: 0em) and (max-width: 57.4375em) {    .content {      padding: 3em; } }  @media (min-width: 0em) and (max-width: 39.9375em) {    .content {      padding: 1.5em; } }  .content.padding-x {    padding: 9em; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .content.padding-x {        padding: 6em; } }    @media (min-width: 0em) and (max-width: 39.9375em) {      .content.padding-x {        padding: 4.5em; } }  .content p {    line-height: 1.6; }  .content ul,  .content ul li {    list-style-type: circle; }  .content ul {    padding-left: 1em; }.gold {  color: #cd9456; }.innerBorder {  outline: 1px solid rgba(255, 255, 255, 0.5);  outline-offset: -2em; }.align-center, .align-left, .align-right {  text-align: center; }@media (min-width: 57.5em) {  .align-right {    text-align: right; }  .align-left {    text-align: left; } }.bgPat {  position: relative;  z-index: 100; }.previewFrame .banner .imgLiquid .editItem {  top: 300px; }  .previewFrame .banner .imgLiquid .editItem .bgPat {    height: 80px; }.contactPage .banner_slides_slide {  height: 70vh; }.contactPage .banner_text_small {  display: none; }.contactPage .banner_text {  padding-top: 2em; }/* ---------------------------------------------- *  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.\* ---------------------------------------------- */.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {  margin-bottom: 0.5em; }.content h2 {  text-transform: uppercase;  font-size: 2.48832em;  font-weight: 300; }  @media (min-width: 0em) and (max-width: 39.9375em) {    .content h2 {      font-size: 1.728em; } }h2.lines {  text-align: center;  overflow: hidden;  text-transform: uppercase;  font-size: 2.48832em;  font-weight: 300;  color: #777;  margin-bottom: 0.48225em; }  h2.lines span {    position: relative; }    h2.lines span::before {      position: absolute;      right: 110%;      left: -10000px;      content: "";      background: #777;      height: 1px;      top: 50%; }    h2.lines span::after {      position: absolute;      left: 110%;      right: -10000px;      content: "";      background: #777;      height: 1px;      top: 50%; }p {  margin-bottom: 1em; }  p:last-child {    margin-bottom: 0; }strong {  font-weight: bolder; }em {  font-style: italic; }@font-face {  font-family: 'icomoon';  src: url("/rachelcropper-co-uk/_img//fonts/icomoon.eot?igp0hk");  src: url("/rachelcropper-co-uk/_img//fonts/icomoon.eot?igp0hk#iefix") format("embedded-opentype"), url("/rachelcropper-co-uk/_img//fonts/icomoon.ttf?igp0hk") format("truetype"), url("/rachelcropper-co-uk/_img//fonts/icomoon.woff?igp0hk") format("woff"), url("/rachelcropper-co-uk/_img//fonts/icomoon.svg?igp0hk#icomoon") format("svg");  font-weight: normal;  font-style: normal; }[class^="icon-"], [class*=" icon-"] {  /* use !important to prevent issues with browser extensions that change fonts */  font-family: 'icomoon' !important;  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-circular-down-arrow-button:before {  content: ""; }.icon-envelope:before {  content: ""; }.icon-telephone:before {  content: ""; }.icon-social-twitter-circular:before {  content: ""; }.icon-social-pinterest-circular:before {  content: ""; }.icon-social-linkedin-circular:before {  content: ""; }.icon-social-facebook-circular:before {  content: ""; }.icon-social-tumbler-circular:before {  content: ""; }/* ---------------------------------------------- *  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.\* ---------------------------------------------- */@media (min-width: 0em) and (max-width: 57.4375em) {  .header_nav ul {    display: none; } }.header_nav ul li {  display: inline-block;  padding: 0 0.75em; }  .header_nav ul li a {    text-decoration: none;    color: #FFFFFF;    text-transform: uppercase;    padding: 0.5em;    display: block;    position: relative;    transition: color 0.3s; }    .header_nav ul li a.linkActive, .header_nav ul li a:hover {      color: #cd9456; }    .header_nav ul li a::after {      font-size: 0.83333em;      position: absolute;      top: auto;      right: 0.5em;      bottom: 0;      left: 0.5em;      content: "";      display: block;      height: 2px;      background: #FFFFFF;      opacity: 0;      -webkit-transform: scaleX(0);          -ms-transform: scaleX(0);              transform: scaleX(0);      transition: opacity 0.5s, background-color 0.5s, -webkit-transform 0.5s linear;      transition: transform 0.5s linear, opacity 0.5s, background-color 0.5s;      transition: transform 0.5s linear, opacity 0.5s, background-color 0.5s, -webkit-transform 0.5s linear;      transition-delay: 0.1s;      -webkit-transform-origin: right;          -ms-transform-origin: right;              transform-origin: right; }    .header_nav ul li a.linkActive::after, .header_nav ul li a:hover::after {      background: #cd9456;      -webkit-transform-origin: left;          -ms-transform-origin: left;              transform-origin: left;      -webkit-transform: scaleX(1);          -ms-transform: scaleX(1);              transform: scaleX(1);      opacity: 1; }@media (min-width: 57.5em) {  .side_menu {    display: none; } }@media (min-width: 0em) and (max-width: 57.4375em) {  .side_menu {    position: relative;    height: 100vh;    outline: 1px solid rgba(255, 255, 255, 0.2);    outline-offset: -10px; }    .side_menu ul li {      display: block;      padding: 0.5em 0; }      .side_menu ul li a {        color: #FFFFFF;        font-size: 1.728em;        text-decoration: none;        text-transform: uppercase; }    .side_menu ul {      padding: 2em;      position: absolute;      top: 50%;      right: 0;      bottom: auto;      left: 0;      -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);              transform: translateY(-50%); } }@media (min-width: 0em) and (max-width: 57.4375em) {  .menuOpen {    overflow-y: hidden; }  .site,  aside {    transition: all 0.5s; }  .site {    position: relative;    right: 0;    left: 0; }    .menuOpen .site {      right: 300px;      left: -300px; }  .side {    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);    position: fixed;    width: 300px;    text-align: center;    border-left: 1px solid rgba(255, 255, 255, 0.1);    left: auto;    top: 0;    bottom: 0;    background: #2f2f2f;    z-index: 3;    right: -300px; }    .menuOpen .side {      right: 0; }  .menuBtn {    z-index: 100;    position: fixed;    right: 1.5em;    top: 2em;    display: block;    width: 2.66667em;    height: 2em; }    .menuOpen .menuBtn {      transition: all 0.5s;      -webkit-transform: rotate(-270deg) scale(0.75);          -ms-transform: rotate(-270deg) scale(0.75);              transform: rotate(-270deg) scale(0.75);      opacity: 0.5;      top: 1em;      right: 1em; }    .menuBtn::after, .menuBtn::before,    .menuBtn .menuBtn_bar {      background: white;      height: 0.32em;      width: 100%;      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);      border-radius: 1px; }      .menuOpen .menuBtn::after, .menuOpen .menuBtn::before, .menuOpen      .menuBtn .menuBtn_bar {        box-shadow: none; }    .menuBtn::after, .menuBtn::before {      content: "";      display: block;      transition: all 0.5s; }      .menuOpen .menuBtn::after, .menuOpen .menuBtn::before {        transition: all 0.5s; }    .menuBtn::after {      position: absolute;      top: auto;      right: 0;      bottom: 0;      left: 0; }      .menuOpen .menuBtn::after {        position: absolute;        top: 50%;        right: 0;        bottom: auto;        left: 0;        -webkit-transform: translateY(-50%) rotate(225deg);            -ms-transform: translateY(-50%) rotate(225deg);                transform: translateY(-50%) rotate(225deg);        -webkit-transform-origin: center center;            -ms-transform-origin: center center;                transform-origin: center center; }    .menuBtn::before {      position: absolute;      top: 0;      right: 0;      bottom: auto;      left: 0; }      .menuOpen .menuBtn::before {        position: absolute;        top: 50%;        right: 0;        bottom: auto;        left: 0;        -webkit-transform: translateY(-50%) rotate(135deg);            -ms-transform: translateY(-50%) rotate(135deg);                transform: translateY(-50%) rotate(135deg); }    .menuBtn .menuBtn_bar {      position: absolute;      top: 50%;      right: 0;      bottom: auto;      left: 0;      -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);              transform: translateY(-50%);      transition: all 0.4s 0.4s; }      .menuOpen .menuBtn .menuBtn_bar {        opacity: 0;        -webkit-transform: translateX(50px) translateY(-50%);            -ms-transform: translateX(50px) translateY(-50%);                transform: translateX(50px) translateY(-50%);        transition: all 0s 0s; } }.header {  padding-bottom: 180px;  background: linear-gradient(rgba(0, 0, 0, 0.75), transparent);  z-index: 11; }  @media (min-width: 0em) and (max-width: 57.4375em) {    .header {      transition: background 0.5s; } }  .header_social {    position: absolute;    top: 4em;    right: 1em;    bottom: auto;    left: auto; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .header_social {        display: none; } }    .scrolled .header_social {      top: -0.67em; }    .header_social a {      font-size: 1.2em;      color: white; }      .header_social a:visited {        color: white; }  .scrolled .header {    position: fixed;    padding: 1.44em 0;    transition: background 0.5s;    background: rgba(47, 47, 47, 0.8);    top: -3em;    -webkit-transform: translateY(3em);        -ms-transform: translateY(3em);            transform: translateY(3em); }    @media (min-width: 57.5em) {      .scrolled .header {        transition: -webkit-transform 0.3s;        transition: transform 0.3s;        transition: transform 0.3s, -webkit-transform 0.3s; } }    .scrolled .header_nav {      padding: 0; }    .scrolled .header_logo {      width: 67px;      position: absolute;      top: 50%;      right: auto;      bottom: auto;      left: 1em;      -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);              transform: translateY(-50%); }  .header_logo {    width: 100px;    position: absolute;    top: 2em;    right: auto;    bottom: auto;    left: 1em; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .header_logo {        width: 67px;        position: absolute;        top: 0.69444em;        right: auto;        bottom: auto;        left: 1em; } }    .header_logo_inner {      width: 100%;      height: 0;      position: relative;      padding-bottom: 100%;      fill: #cd9456; }      .header_logo_inner svg {        width: 100%;        height: 100%;        position: absolute;        left: 0;        right: 0;        bottom: 0;        top: 0; }  .header_nav {    text-align: center;    padding: 5em 0 0; }.header {  position: absolute;  top: 0;  right: 0;  bottom: auto;  left: 0;  z-index: 2; }  @media (min-width: 0em) and (max-width: 57.4375em) {    .header_nav {      height: 50px; } }.social_link {  display: inline-block;  color: white;  text-decoration: none;  font-size: 3.58318em; }/* *  Owl Carousel - Animate Plugin */.owl-carousel .animated {  -webkit-animation-duration: 1000ms;  animation-duration: 1000ms;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }.owl-carousel .owl-animated-in {  z-index: 0; }.owl-carousel .owl-animated-out {  z-index: 1; }.owl-carousel .fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut; }@-webkit-keyframes fadeOut {  0% {    opacity: 1; }  100% {    opacity: 0; } }@keyframes fadeOut {  0% {    opacity: 1; }  100% {    opacity: 0; } }/* * 	Owl Carousel - Auto Height Plugin */.owl-height {  transition: height 500ms ease-in-out; }/* *  Core Owl Carousel CSS File */.owl-carousel {  display: none;  width: 100%;  -webkit-tap-highlight-color: transparent;  /* position relative and z-index fix webkit rendering fonts issue */  position: relative;  z-index: 1; }.owl-carousel .owl-stage {  position: relative;  -ms-touch-action: pan-Y; }.owl-carousel .owl-stage:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0; }.owl-carousel .owl-stage-outer {  position: relative;  overflow: hidden;  /* fix for flashing background */  -webkit-transform: translate3d(0px, 0px, 0px); }.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {  cursor: pointer;  cursor: hand;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.owl-carousel.owl-loaded {  display: block; }.owl-carousel.owl-loading {  opacity: 0;  display: block; }.owl-carousel.owl-hidden {  opacity: 0; }.owl-carousel .owl-refresh .owl-item {  display: none; }.owl-carousel .owl-item {  position: relative;  min-height: 1px;  float: left;  -webkit-backface-visibility: hidden;  -webkit-tap-highlight-color: transparent;  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.owl-carousel .owl-item img {  display: block;  width: 100%;  -webkit-transform-style: preserve-3d; }.owl-carousel.owl-text-select-on .owl-item {  -webkit-user-select: auto;  -moz-user-select: auto;  -ms-user-select: auto;  user-select: auto; }.owl-carousel .owl-grab {  cursor: move;  cursor: -webkit-grab;  cursor: -o-grab;  cursor: -ms-grab;  cursor: grab; }.owl-carousel.owl-rtl {  direction: rtl; }.owl-carousel.owl-rtl .owl-item {  float: right; }/* No Js */.no-js .owl-carousel {  display: block; }/* * 	Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item .owl-lazy {  opacity: 0;  transition: opacity 400ms ease; }.owl-carousel .owl-item img {  -webkit-transform-style: preserve-3d;          transform-style: preserve-3d; }/* * 	Owl Carousel - Video Plugin */.owl-carousel .owl-video-wrapper {  position: relative;  height: 100%;  background: #000; }.owl-carousel .owl-video-play-icon {  position: absolute;  height: 80px;  width: 80px;  left: 50%;  top: 50%;  margin-left: -40px;  margin-top: -40px;  background: url("owl.video.play.png") no-repeat;  cursor: pointer;  z-index: 1;  -webkit-backface-visibility: hidden;  transition: scale 100ms ease; }.owl-carousel .owl-video-play-icon:hover {  transition: scale(1.3, 1.3); }.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {  display: none; }.owl-carousel .owl-video-tn {  opacity: 0;  height: 100%;  background-position: center center;  background-repeat: no-repeat;  background-size: contain;  transition: opacity 400ms ease; }.owl-carousel .owl-video-frame {  position: relative;  z-index: 1; }/* Magnific Popup CSS */.mfp-bg {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1042;  overflow: hidden;  position: fixed;  background: #0b0b0b;  opacity: 0.8; }.mfp-wrap {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1043;  position: fixed;  outline: none !important;  -webkit-backface-visibility: hidden; }.mfp-container {  text-align: center;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  padding: 0 8px;  box-sizing: border-box; }.mfp-container:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle; }.mfp-align-top .mfp-container:before {  display: none; }.mfp-content {  position: relative;  display: inline-block;  vertical-align: middle;  margin: 0 auto;  text-align: left;  z-index: 1045; }.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {  width: 100%;  cursor: auto; }.mfp-ajax-cur {  cursor: progress; }.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {  cursor: -webkit-zoom-out;  cursor: zoom-out; }.mfp-zoom {  cursor: pointer;  cursor: -webkit-zoom-in;  cursor: zoom-in; }.mfp-auto-cursor .mfp-content {  cursor: auto; }.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;      user-select: none; }.mfp-loading.mfp-figure {  display: none; }.mfp-hide {  display: none !important; }.mfp-preloader {  color: #CCC;  position: absolute;  top: 50%;  width: auto;  text-align: center;  margin-top: -0.8em;  left: 8px;  right: 8px;  z-index: 1044; }.mfp-preloader a {  color: #CCC; }.mfp-preloader a:hover {  color: #FFF; }.mfp-s-ready .mfp-preloader {  display: none; }.mfp-s-error .mfp-content {  display: none; }button.mfp-close,button.mfp-arrow {  overflow: visible;  cursor: pointer;  background: transparent;  border: 0;  -webkit-appearance: none;  display: block;  outline: none;  padding: 0;  z-index: 1046;  box-shadow: none;  -ms-touch-action: manipulation;      touch-action: manipulation; }button::-moz-focus-inner {  padding: 0;  border: 0; }.mfp-close {  width: 44px;  height: 44px;  line-height: 44px;  position: absolute;  right: 0;  top: 0;  text-decoration: none;  text-align: center;  opacity: 0.65;  padding: 0 0 18px 10px;  color: #FFF;  font-style: normal;  font-size: 28px;  font-family: Arial, Baskerville, monospace; }.mfp-close:hover,.mfp-close:focus {  opacity: 1; }.mfp-close:active {  top: 1px; }.mfp-close-btn-in .mfp-close {  color: #333; }.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {  color: #FFF;  right: -6px;  text-align: right;  padding-right: 6px;  width: 100%; }.mfp-counter {  position: absolute;  top: 0;  right: 0;  color: #CCC;  font-size: 12px;  line-height: 18px;  white-space: nowrap; }.mfp-arrow {  position: absolute;  opacity: 0.65;  margin: 0;  top: 50%;  margin-top: -55px;  padding: 0;  width: 90px;  height: 110px;  -webkit-tap-highlight-color: transparent; }.mfp-arrow:active {  margin-top: -54px; }.mfp-arrow:hover,.mfp-arrow:focus {  opacity: 1; }.mfp-arrow:before,.mfp-arrow:after {  content: '';  display: block;  width: 0;  height: 0;  position: absolute;  left: 0;  top: 0;  margin-top: 35px;  margin-left: 35px;  border: medium inset transparent; }.mfp-arrow:after {  border-top-width: 13px;  border-bottom-width: 13px;  top: 8px; }.mfp-arrow:before {  border-top-width: 21px;  border-bottom-width: 21px;  opacity: 0.7; }.mfp-arrow-left {  left: 0; }.mfp-arrow-left:after {  border-right: 17px solid #FFF;  margin-left: 31px; }.mfp-arrow-left:before {  margin-left: 25px;  border-right: 27px solid #3F3F3F; }.mfp-arrow-right {  right: 0; }.mfp-arrow-right:after {  border-left: 17px solid #FFF;  margin-left: 39px; }.mfp-arrow-right:before {  border-left: 27px solid #3F3F3F; }.mfp-iframe-holder {  padding-top: 40px;  padding-bottom: 40px; }.mfp-iframe-holder .mfp-content {  line-height: 0;  width: 100%;  max-width: 900px; }.mfp-iframe-holder .mfp-close {  top: -40px; }.mfp-iframe-scaler {  width: 100%;  height: 0;  overflow: hidden;  padding-top: 56.25%; }.mfp-iframe-scaler iframe {  position: absolute;  display: block;  top: 0;  left: 0;  width: 100%;  height: 100%;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #000; }/* Main image in popup */img.mfp-img {  width: auto;  max-width: 100%;  height: auto;  display: block;  line-height: 0;  box-sizing: border-box;  padding: 40px 0 40px;  margin: 0 auto; }/* The shadow behind the image */.mfp-figure {  line-height: 0; }.mfp-figure:after {  content: '';  position: absolute;  left: 0;  top: 40px;  bottom: 40px;  display: block;  right: 0;  width: auto;  height: auto;  z-index: -1;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #444; }.mfp-figure small {  color: #BDBDBD;  display: block;  font-size: 12px;  line-height: 14px; }.mfp-figure figure {  margin: 0; }.mfp-bottom-bar {  margin-top: -36px;  position: absolute;  top: 100%;  left: 0;  width: 100%;  cursor: auto; }.mfp-title {  text-align: left;  line-height: 18px;  color: #F3F3F3;  word-wrap: break-word;  padding-right: 36px; }.mfp-image-holder .mfp-content {  max-width: 100%; }.mfp-gallery .mfp-image-holder .mfp-figure {  cursor: pointer; }@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {  /**       * Remove all paddings around the image on small screen       */  .mfp-img-mobile .mfp-image-holder {    padding-left: 0;    padding-right: 0; }  .mfp-img-mobile img.mfp-img {    padding: 0; }  .mfp-img-mobile .mfp-figure:after {    top: 0;    bottom: 0; }  .mfp-img-mobile .mfp-figure small {    display: inline;    margin-left: 5px; }  .mfp-img-mobile .mfp-bottom-bar {    background: rgba(0, 0, 0, 0.6);    bottom: 0;    margin: 0;    top: auto;    padding: 3px 5px;    position: fixed;    box-sizing: border-box; }  .mfp-img-mobile .mfp-bottom-bar:empty {    padding: 0; }  .mfp-img-mobile .mfp-counter {    right: 5px;    top: 3px; }  .mfp-img-mobile .mfp-close {    top: 0;    right: 0;    width: 35px;    height: 35px;    line-height: 35px;    background: rgba(0, 0, 0, 0.6);    position: fixed;    text-align: center;    padding: 0; } }@media all and (max-width: 900px) {  .mfp-arrow {    -webkit-transform: scale(0.75);    -ms-transform: scale(0.75);        transform: scale(0.75); }  .mfp-arrow-left {    -webkit-transform-origin: 0;    -ms-transform-origin: 0;        transform-origin: 0; }  .mfp-arrow-right {    -webkit-transform-origin: 100%;    -ms-transform-origin: 100%;        transform-origin: 100%; }  .mfp-container {    padding-left: 6px;    padding-right: 6px; } }@media (min-width: 0em) and (max-width: 29.9375em) {  body {    font-size: 15px; } }.bg-gold {  background-color: #856c46;  color: #FFFFFF; }.bg-grey {  background-image: url("/rachelcropper-co-uk/_img//images/overlay.png"); }.banner {  position: relative; }  .banner_slides_slide {    height: 100vh;    background-size: cover;    background-position: center center;    background-image: url(/rachelcropper-co-uk/_img/images/room.jpg);    -webkit-filter: brightness(85%);            filter: brightness(85%); }  .banner_text {    position: absolute;    top: 50%;    right: 0;    bottom: auto;    left: 0;    -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);            transform: translateY(-50%);    text-shadow: 0 0 79px black;    color: #FFFFFF;    z-index: 1;    text-align: center;    text-transform: uppercase;    font-size: 1.44em;    line-height: 1.4; }    .banner_text::before {      height: 400px;      width: 315px;      border: 1px solid rgba(255, 255, 255, 0.2);      content: "";      display: block;      position: absolute;      top: 50%;      right: 0;      bottom: auto;      left: 0;      z-index: 0;      -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);              transform: translateY(-50%);      margin: 0 auto; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .banner_text {        font-size: 1em;        line-height: 1.2; } }    .banner_text_large, .banner_text_small {      display: block; }    .banner_text_large {      font-size: 3.58318em; }  .banner_arrow {    position: absolute;    top: auto;    right: 0;    bottom: 5%;    left: 0;    text-align: center;    z-index: 1;    display: block;    margin: 0 auto; }    .banner_arrow a {      display: inline-block;      color: white;      text-decoration: none;      font-size: 2.98598em; }.projects_project {  position: relative;  padding: 1em; }  .projects_project_inner {    position: relative;    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);    overflow: hidden;    background-size: cover;    background-position: center center;    background-image: url(/rachelcropper-co-uk/_img/images/room.jpg); }    .projects_project_inner:after {      content: "";      left: 0;      right: 0;      top: 0;      bottom: 0;      width: 100%;      height: 100%;      opacity: 0.3;      transition: opacity 0.3s;      position: absolute;      background: #2f2f2f;      z-index: 0; }    .projects_project_inner::after {      transition: opacity 0.3s; }    .projects_project_inner::before {      content: "";      position: absolute;      top: 0.83333em;      right: 0.83333em;      bottom: 0.83333em;      left: 0.83333em;      box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25);      transition: box-shadow 0.2s ease-in-out; }  .projects_project_text {    text-align: center;    text-transform: uppercase;    color: #FFFFFF;    line-height: 1.4;    font-size: 1.2em;    top: 50%;    bottom: 0;    transition: all 0.3s linear;    -webkit-transform: translateY(50%);        -ms-transform: translateY(50%);            transform: translateY(50%);    z-index: 1; }    @media (min-width: 0em) and (max-width: 64em) {      .projects_project_text {        font-size: 1em; } }    @media (min-width: 0em) and (max-width: 57.4375em) {      .projects_project_text {        font-size: 1.2em; } }    @media (min-width: 0em) and (max-width: 29.9375em) {      .projects_project_text {        font-size: 1em; } }  .projects_project_link {    color: #cd9456;    font-size: 0.83333em;    opacity: 0;    position: relative;    display: inline-block; }    .projects_project_link::before {      content: "";      position: absolute;      top: auto;      right: 0;      bottom: -0.25em;      left: 0;      height: 2px;      background: linear-gradient(to right, rgba(205, 148, 86, 0.33) 0%, #cd9456);      -webkit-transform: scaleX(0);          -ms-transform: scaleX(0);              transform: scaleX(0);      transition: opacity 0.5s, background-color 0.5s, -webkit-transform 0.5s linear;      transition: transform 0.5s linear, opacity 0.5s, background-color 0.5s;      transition: transform 0.5s linear, opacity 0.5s, background-color 0.5s, -webkit-transform 0.5s linear;      transition-delay: 0.1s;      -webkit-transform-origin: right;          -ms-transform-origin: right;              transform-origin: right; }    .projects_project_link::after {      content: "»";      display: inline-block;      padding-left: 0.1em; }  .projects_project:hover .projects_project_inner {    overflow: hidden; }    .projects_project:hover .projects_project_inner:after {      content: "";      left: 0;      right: 0;      top: 0;      bottom: 0;      width: 100%;      height: 100%;      opacity: 0.5;      transition: opacity 0.3s;      position: absolute;      background: black;      z-index: 0; }    .projects_project:hover .projects_project_inner::before {      box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.25); }  .projects_project:hover .projects_project_text {    top: 50%;    bottom: 50%;    transition: all 0.3s linear;    -webkit-transform: translateY(-38px);        -ms-transform: translateY(-38px);            transform: translateY(-38px); }  .projects_project:hover .projects_project_link {    opacity: 1; }    .projects_project:hover .projects_project_link::before {      -webkit-transform: scaleX(1);          -ms-transform: scaleX(1);              transform: scaleX(1);      opacity: 1;      -webkit-transform-origin: left;          -ms-transform-origin: left;              transform-origin: left; }.content p,.content ul {  font-family: "Open Sans"; }.threePhotos {  position: relative; }  .threePhotos::after {    content: "";    display: block;    width: 100%;    padding-bottom: 75%; }  .threePhotos_large, .threePhotos_med, .threePhotos_small {    background-size: cover;    background-position: center center;    background-image: url(/rachelcropper-co-uk/_img/images/room.jpg); }  .threePhotos_large {    position: absolute;    top: 10%;    right: 10%;    bottom: 33%;    left: 25%; }  .threePhotos_med {    position: absolute;    top: 40%;    right: 45%;    bottom: 20%;    left: 10%;    border: 2px solid white; }  .threePhotos_small {    position: absolute;    top: 60%;    right: 20%;    bottom: 10%;    left: 45%;    outline: 10px solid rgba(255, 255, 255, 0.4);    box-shadow: 0 10px 70px 10px rgba(0, 0, 0, 0.2); }#instafeed {  max-width: 100%;  margin-left: auto;  margin-right: auto; }  #instafeed:after {    content: " ";    display: block;    clear: both; }.instagram_shot_wrap {  color: white;  padding: 2em 0;  background: transparent;  transition: background-color 0.5s;  position: relative; }  @media (min-width: 40em) {    .instagram_shot_wrap {      width: 50%;      float: left; } }  @media (min-width: 57.5em) {    .instagram_shot_wrap {      width: 20%;      float: left; } }  .instagram_shot_wrap:hover {    background: #222; }  .instagram_shot_wrap .instagram_shot {    display: block;    background-size: cover;    background-position: center center; }    .instagram_shot_wrap .instagram_shot::after {      content: "";      display: block;      padding-bottom: 56.25%;      width: 100%; }  .instagram_shot_wrap .instagram_shot_data {    position: absolute;    top: 0;    right: 0.5em;    bottom: auto;    left: 0.5em;    color: #FFFFFF;    z-index: 2;    text-align: right;    font-size: 0.83333em;    opacity: 0;    transition: opacity 0.5s; }    @media (min-width: 0em) and (max-width: 39.9375em) {      .instagram_shot_wrap .instagram_shot_data {        display: none; } }    .instagram_shot_wrap .instagram_shot_data span {      padding: 0.5em;      display: inline-block; }    .instagram_shot_wrap .instagram_shot_data .camera {      position: absolute;      top: 0;      right: auto;      bottom: auto;      left: 0; }      .instagram_shot_wrap .instagram_shot_data .camera i.fa-instagram {        font-size: 1.2em; }      .instagram_shot_wrap .instagram_shot_data .camera i.fa-camera,      .instagram_shot_wrap .instagram_shot_data .camera i.fa-video-camera {        display: none; }  .instagram_shot_wrap:hover .instagram_shot_data {    opacity: 1; }.button-gold {  color: #FFFFFF;  display: inline-block;  position: relative;  z-index: 1;  border: 1px solid #FFFFFF;  transition: all 0.1s;  padding: 0.69444em 3em;  text-transform: uppercase;  text-decoration: none; }  @media (min-width: 0em) and (max-width: 39.9375em) {    .button-gold {      font-size: 0.83333em; } }  .button-gold:active {    -webkit-transform: scale(0.95);        -ms-transform: scale(0.95);            transform: scale(0.95); }  p + .button-gold {    margin-top: 1.44em; }  .button-gold::before {    content: "";    z-index: -1;    display: block;    position: absolute;    top: -5px;    right: 3px;    bottom: -5px;    left: 3px;    transition: all 0.1s;    border: 1px solid #FFFFFF; }  .button-gold::after {    content: " »"; }  .button-gold:hover {    color: #cd9456;    background: #FFFFFF;    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }    .button-gold:hover::before {      background: #FFFFFF;      position: absolute;      top: 2px;      right: 2px;      bottom: 2px;      left: 2px;      border-color: #cd9456;      border-width: 2px; }.button-white {  color: #cd9456;  display: inline-block;  position: relative;  z-index: 1;  border: 1px solid #cd9456;  transition: all 0.1s;  padding: 0.69444em 3em;  text-transform: uppercase;  text-decoration: none; }  @media (min-width: 0em) and (max-width: 39.9375em) {    .button-white {      font-size: 0.83333em; } }  .button-white:active {    -webkit-transform: scale(0.95);        -ms-transform: scale(0.95);            transform: scale(0.95); }  p + .button-white {    margin-top: 1.44em; }  .button-white::before {    content: "";    z-index: -1;    display: block;    position: absolute;    top: -5px;    right: 3px;    bottom: -5px;    left: 3px;    transition: all 0.1s;    border: 1px solid #cd9456; }  .button-white::after {    content: " »"; }  .button-white:hover {    color: #FFFFFF;    background: #cd9456;    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }    .button-white:hover::before {      background: #cd9456;      position: absolute;      top: 2px;      right: 2px;      bottom: 2px;      left: 2px;      border-color: #FFFFFF;      border-width: 2px; }.footer {  padding: 4em 0;  background: #2f2f2f;  color: #FFFFFF; }  .footer a {    color: white; }    .footer a:active, .footer a:visited {      color: white; }  @media (min-width: 0em) and (max-width: 57.4375em) {    .footer {      padding: 2em 0; } }  .footer .g-4-md {    min-height: 1px; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .footer .g-4-md {        padding: 1em 0; } }  .footer_logo {    width: 100px;    display: inline-block;    fill: #cd9456; }    .footer_logo_inner {      width: 100%;      height: 0;      position: relative;      padding-bottom: 100%; }      .footer_logo_inner svg {        width: 100%;        height: 100%;        position: absolute;        left: 0;        right: 0;        bottom: 0;        top: 0; }  .footer .mail,  .footer .tel {    font-weight: 300;    font-size: 1.2em; }    .footer .mail span,    .footer .tel span {      display: inline-block;      font-size: 1.44em;      display: inline-block;      vertical-align: middle;      padding: 0 0.25em; }.previewFrame .banner_slides_slide {  height: 850px; }.previewFrame .banner {  height: 850px; }@media (min-width: 40em) {  .owl-nav {    position: absolute;    top: 50%;    right: 0;    bottom: auto;    left: 0;    -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);            transform: translateY(-50%);    z-index: 2; }    .owl-nav .owl-next::after,    .owl-nav .owl-prev::after {      font-family: FontAwesome;      color: white;      line-height: 0;      font-size: 2.5em; }    .owl-nav .owl-prev {      position: absolute;      top: auto;      right: auto;      bottom: 0;      left: 25px; }      .owl-nav .owl-prev::after {        content: '\f053'; }    .owl-nav .owl-next {      position: absolute;      top: auto;      right: 25px;      bottom: 0;      left: auto; }      .owl-nav .owl-next::after {        content: '\f054'; } }.banner_text {  margin: 0 auto; }  @media (min-width: 40em) {    .banner_text {      max-width: calc(100% - 200px); } }.image-gallery-item-created,.image-gallery-item-description,.image-gallery-item-title,.image-gallery-item-updated,.image-gallery-title {  display: none; }.image-gallery {  font-size: 0;  margin-bottom: 64px; }.image-gallery-item {  padding: 8px;  display: block; }  @media (min-width: 30em) {    .image-gallery-item {      width: 50%; } }  @media (min-width: 40em) {    .image-gallery-item {      width: 33%; } }  @media (min-width: 64.0625em) {    .image-gallery-item {      width: 25%; } }  .image-gallery-item a {    display: block;    position: relative; }    .image-gallery-item a:after {      content: "";      left: 0;      right: 0;      top: 0;      bottom: 0;      width: 100%;      height: 100%;      opacity: 0.1;      transition: opacity 0.3s;      position: absolute;      background: black;      z-index: 0; }    .image-gallery-item a img {      display: block;      width: 100%; }    .image-gallery-item a:hover:after {      content: "";      left: 0;      right: 0;      top: 0;      bottom: 0;      width: 100%;      height: 100%;      opacity: 0;      transition: opacity 0.3s;      position: absolute;      background: black;      z-index: 0; }    .image-gallery-item a:hover::after {      transition: opacity 0.5s; }