@charset "UTF-8";/* ---------------------------------------------- *	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----------------------------------------- */@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);.yourClass_svgWrap-square {  width: 100%;  height: 0;  position: relative;  padding-bottom: 100%; }  .yourClass_svgWrap-square svg {    width: 100%;    height: 100%;    position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 0; }.yourClass_svgWrap-3by4 {  width: 100%;  height: 0;  position: relative;  padding-bottom: 133.33333%; }  .yourClass_svgWrap-3by4 svg {    width: 100%;    height: 100%;    position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 0; }/* -----------------------------------------	5.0. Variables----------------------------------------- */@font-face {  font-family: "Libre Caslon";  font-style: normal;  font-weight: normal;  src: url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Regular.eot?") format("eot"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Regular.woff") format("woff"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Regular.ttf") format("truetype"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Regular.svg#Libre_Caslon") format("svg"); }@font-face {  font-family: "Libre Caslon";  font-style: italic;  font-weight: normal;  src: url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Italic.eot?") format("eot"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Italic.woff") format("woff"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Italic.ttf") format("truetype"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Italic.svg#Libre_Caslon") format("svg"); }@font-face {  font-family: "Libre Caslon";  font-style: normal;  font-weight: 600;  src: url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Bold.eot?") format("eot"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Bold.woff") format("woff"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Bold.ttf") format("truetype"), url("/blythestables-co-uk/_img/assets/fonts/LibreCaslonText-Bold.svg#Libre_Caslon") format("svg"); }/* -----------------------------------------	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; }/* -----------------------------------------	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\* ---------------------------------------------- */.container {  max-width: 1400px;  margin-left: auto;  margin-right: auto; }  .container:after {    content: " ";    display: block;    clear: both; }.container-12 {  max-width: 1400px;  margin-left: auto;  margin-right: auto; }  .container-12:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-12 .g-1-xs {      width: 8.33333%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-2-xs {      width: 16.66667%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-3-xs {      width: 25%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-4-xs {      width: 33.33333%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-5-xs {      width: 41.66667%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-6-xs {      width: 50%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-7-xs {      width: 58.33333%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-8-xs {      width: 66.66667%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-9-xs {      width: 75%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-10-xs {      width: 83.33333%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-11-xs {      width: 91.66667%;      float: left; } }  @media (min-width: 0em) {    .container-12 .g-12-xs {      width: 100%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-1-sm {      width: 8.33333%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-2-sm {      width: 16.66667%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-3-sm {      width: 25%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-4-sm {      width: 33.33333%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-5-sm {      width: 41.66667%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-6-sm {      width: 50%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-7-sm {      width: 58.33333%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-8-sm {      width: 66.66667%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-9-sm {      width: 75%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-10-sm {      width: 83.33333%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-11-sm {      width: 91.66667%;      float: left; } }  @media (min-width: 30em) {    .container-12 .g-12-sm {      width: 100%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-1-md {      width: 8.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-2-md {      width: 16.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-3-md {      width: 25%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-4-md {      width: 33.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-5-md {      width: 41.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-6-md {      width: 50%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-7-md {      width: 58.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-8-md {      width: 66.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-9-md {      width: 75%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-10-md {      width: 83.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-11-md {      width: 91.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-12 .g-12-md {      width: 100%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-1-lg {      width: 8.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-2-lg {      width: 16.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-3-lg {      width: 25%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-4-lg {      width: 33.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-5-lg {      width: 41.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-6-lg {      width: 50%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-7-lg {      width: 58.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-8-lg {      width: 66.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-9-lg {      width: 75%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-10-lg {      width: 83.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-11-lg {      width: 91.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-12 .g-12-lg {      width: 100%;      float: left; } }.container-10 {  max-width: 1148px;  margin-left: auto;  margin-right: auto; }  .container-10:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-10 .g-1-xs {      width: 10%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-2-xs {      width: 20%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-3-xs {      width: 30%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-4-xs {      width: 40%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-5-xs {      width: 50%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-6-xs {      width: 60%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-7-xs {      width: 70%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-8-xs {      width: 80%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-9-xs {      width: 90%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-10-xs {      width: 100%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-11-xs {      width: 110%;      float: left; } }  @media (min-width: 0em) {    .container-10 .g-12-xs {      width: 120%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-1-sm {      width: 10%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-2-sm {      width: 20%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-3-sm {      width: 30%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-4-sm {      width: 40%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-5-sm {      width: 50%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-6-sm {      width: 60%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-7-sm {      width: 70%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-8-sm {      width: 80%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-9-sm {      width: 90%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-10-sm {      width: 100%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-11-sm {      width: 110%;      float: left; } }  @media (min-width: 30em) {    .container-10 .g-12-sm {      width: 120%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-1-md {      width: 10%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-2-md {      width: 20%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-3-md {      width: 30%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-4-md {      width: 40%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-5-md {      width: 50%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-6-md {      width: 60%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-7-md {      width: 70%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-8-md {      width: 80%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-9-md {      width: 90%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-10-md {      width: 100%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-11-md {      width: 110%;      float: left; } }  @media (min-width: 57.5em) {    .container-10 .g-12-md {      width: 120%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-1-lg {      width: 10%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-2-lg {      width: 20%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-3-lg {      width: 30%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-4-lg {      width: 40%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-5-lg {      width: 50%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-6-lg {      width: 60%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-7-lg {      width: 70%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-8-lg {      width: 80%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-9-lg {      width: 90%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-10-lg {      width: 100%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-11-lg {      width: 110%;      float: left; } }  @media (min-width: 78.125em) {    .container-10 .g-12-lg {      width: 120%;      float: left; } }.container-8 {  max-width: 914px;  margin-left: auto;  margin-right: auto; }  .container-8:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-8 .g-1-xs {      width: 12.5%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-2-xs {      width: 25%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-3-xs {      width: 37.5%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-4-xs {      width: 50%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-5-xs {      width: 62.5%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-6-xs {      width: 75%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-7-xs {      width: 87.5%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-8-xs {      width: 100%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-9-xs {      width: 112.5%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-10-xs {      width: 125%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-11-xs {      width: 137.5%;      float: left; } }  @media (min-width: 0em) {    .container-8 .g-12-xs {      width: 150%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-1-sm {      width: 12.5%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-2-sm {      width: 25%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-3-sm {      width: 37.5%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-4-sm {      width: 50%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-5-sm {      width: 62.5%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-6-sm {      width: 75%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-7-sm {      width: 87.5%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-8-sm {      width: 100%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-9-sm {      width: 112.5%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-10-sm {      width: 125%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-11-sm {      width: 137.5%;      float: left; } }  @media (min-width: 30em) {    .container-8 .g-12-sm {      width: 150%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-1-md {      width: 12.5%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-2-md {      width: 25%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-3-md {      width: 37.5%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-4-md {      width: 50%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-5-md {      width: 62.5%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-6-md {      width: 75%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-7-md {      width: 87.5%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-8-md {      width: 100%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-9-md {      width: 112.5%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-10-md {      width: 125%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-11-md {      width: 137.5%;      float: left; } }  @media (min-width: 57.5em) {    .container-8 .g-12-md {      width: 150%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-1-lg {      width: 12.5%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-2-lg {      width: 25%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-3-lg {      width: 37.5%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-4-lg {      width: 50%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-5-lg {      width: 62.5%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-6-lg {      width: 75%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-7-lg {      width: 87.5%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-8-lg {      width: 100%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-9-lg {      width: 112.5%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-10-lg {      width: 125%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-11-lg {      width: 137.5%;      float: left; } }  @media (min-width: 78.125em) {    .container-8 .g-12-lg {      width: 150%;      float: left; } }.container-6 {  max-width: 680px;  margin-left: auto;  margin-right: auto; }  .container-6:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-6 .g-1-xs {      width: 16.66667%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-2-xs {      width: 33.33333%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-3-xs {      width: 50%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-4-xs {      width: 66.66667%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-5-xs {      width: 83.33333%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-6-xs {      width: 100%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-7-xs {      width: 116.66667%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-8-xs {      width: 133.33333%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-9-xs {      width: 150%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-10-xs {      width: 166.66667%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-11-xs {      width: 183.33333%;      float: left; } }  @media (min-width: 0em) {    .container-6 .g-12-xs {      width: 200%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-1-sm {      width: 16.66667%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-2-sm {      width: 33.33333%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-3-sm {      width: 50%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-4-sm {      width: 66.66667%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-5-sm {      width: 83.33333%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-6-sm {      width: 100%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-7-sm {      width: 116.66667%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-8-sm {      width: 133.33333%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-9-sm {      width: 150%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-10-sm {      width: 166.66667%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-11-sm {      width: 183.33333%;      float: left; } }  @media (min-width: 30em) {    .container-6 .g-12-sm {      width: 200%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-1-md {      width: 16.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-2-md {      width: 33.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-3-md {      width: 50%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-4-md {      width: 66.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-5-md {      width: 83.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-6-md {      width: 100%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-7-md {      width: 116.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-8-md {      width: 133.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-9-md {      width: 150%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-10-md {      width: 166.66667%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-11-md {      width: 183.33333%;      float: left; } }  @media (min-width: 57.5em) {    .container-6 .g-12-md {      width: 200%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-1-lg {      width: 16.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-2-lg {      width: 33.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-3-lg {      width: 50%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-4-lg {      width: 66.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-5-lg {      width: 83.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-6-lg {      width: 100%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-7-lg {      width: 116.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-8-lg {      width: 133.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-9-lg {      width: 150%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-10-lg {      width: 166.66667%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-11-lg {      width: 183.33333%;      float: left; } }  @media (min-width: 78.125em) {    .container-6 .g-12-lg {      width: 200%;      float: left; } }.container-4 {  max-width: 1080px;  margin-left: auto;  margin-right: auto; }  .container-4:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 0em) {    .container-4 .g-1-xs {      width: 25%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-2-xs {      width: 50%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-3-xs {      width: 75%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-4-xs {      width: 100%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-5-xs {      width: 125%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-6-xs {      width: 150%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-7-xs {      width: 175%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-8-xs {      width: 200%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-9-xs {      width: 225%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-10-xs {      width: 250%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-11-xs {      width: 275%;      float: left; } }  @media (min-width: 0em) {    .container-4 .g-12-xs {      width: 300%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-1-sm {      width: 25%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-2-sm {      width: 50%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-3-sm {      width: 75%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-4-sm {      width: 100%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-5-sm {      width: 125%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-6-sm {      width: 150%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-7-sm {      width: 175%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-8-sm {      width: 200%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-9-sm {      width: 225%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-10-sm {      width: 250%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-11-sm {      width: 275%;      float: left; } }  @media (min-width: 30em) {    .container-4 .g-12-sm {      width: 300%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-1-md {      width: 25%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-2-md {      width: 50%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-3-md {      width: 75%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-4-md {      width: 100%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-5-md {      width: 125%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-6-md {      width: 150%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-7-md {      width: 175%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-8-md {      width: 200%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-9-md {      width: 225%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-10-md {      width: 250%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-11-md {      width: 275%;      float: left; } }  @media (min-width: 57.5em) {    .container-4 .g-12-md {      width: 300%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-1-lg {      width: 25%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-2-lg {      width: 50%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-3-lg {      width: 75%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-4-lg {      width: 100%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-5-lg {      width: 125%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-6-lg {      width: 150%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-7-lg {      width: 175%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-8-lg {      width: 200%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-9-lg {      width: 225%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-10-lg {      width: 250%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-11-lg {      width: 275%;      float: left; } }  @media (min-width: 78.125em) {    .container-4 .g-12-lg {      width: 300%;      float: left; } }/* -----------------------------------------	7.0. Base----------------------------------------- *//* ---------------------------------------------- *  Partial: base  Here you place the base defaults to any project\* ---------------------------------------------- */*,*: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: "Libre Caslon", serif; }  body.menuOpen {    overflow: hidden; }.paddings {  padding: 7em 0; }  @media (min-width: 0em) and (max-width: 57.4375em) {    .paddings {      padding: 4em 0; } }.sidePadded {  padding-left: 1em;  padding-right: 1em; }.centered {  margin-left: auto;  margin-right: auto; }.relative {  position: relative; }.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) {  .killMiddle-md {    position: static;    -webkit-transform: none;        -ms-transform: none;            transform: none; } }.white {  color: white; }.caps {  text-transform: uppercase; }.large {  font-size: 1.44em; }.wideScreen {  position: relative;  width: 100%;  padding-bottom: 56.25%;  height: 0; }.whiteBorder {  border: 10px solid #FFFFFF;  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); }p {  line-height: 1.6; }small {  font-size: 0.85em; }ul li {  list-style: none; }ol li {  list-style: none; }embed,img,object {  height: auto;  max-width: 100%; }.align-center {  text-align: center; }/*********************************************	- 2.0 -  LINKS*********************************************//* - 2.1. - BASE LINK STYLES	------------------------------------------ */a {  text-decoration: none;  color: inherit;  /* 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: inherit; }/* -----------------------------------------	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,h6 {  line-height: 1.1; }  h1 .preHeading,  h2 .preHeading,  h3 .preHeading,  h4 .preHeading,  h5 .preHeading,  h6 .preHeading {    display: block;    line-height: 1.3;    text-transform: uppercase;    color: #666;    font-size: 19px;    font-family: "roboto", sans-serif; }    .white h1 .preHeading, .white    h2 .preHeading, .white    h3 .preHeading, .white    h4 .preHeading, .white    h5 .preHeading, .white    h6 .preHeading {      color: #FFFFFF; }h1::after,h2::after,h3::after,h4::after {  content: "";  display: block;  width: 45px;  height: 3px;  background-color: #fd7721; }  .white h1::after, .white  h2::after, .white  h3::after, .white  h4::after {    background-color: #FFFFFF; }h1.center::after,h2.center::after,h3.center::after,h4.center::after {  margin-left: auto;  margin-right: auto; }@media (min-width: 0em) and (max-width: 57.4375em) {  .altern_section h1,  .intro h1, .altern_section  h2,  .intro  h2, .altern_section  h3,  .intro  h3, .altern_section  h4,  .intro  h4 {    margin-bottom: 19px; } }h1 {  font-size: 5.15978em; }  @media (min-width: 0em) and (max-width: 39.9375em) {    h1 {      font-size: 3.58318em; } }  h1::after {    margin: 8px auto; }h2 {  font-size: 4.29982em; }  @media (min-width: 0em) and (max-width: 39.9375em) {    h2 {      font-size: 2.98598em; } }  h2::after {    margin: 8px 0; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .intro h2::after {        margin-left: auto;        margin-right: auto; } }h3,h4 {  font-size: 2.98598em; }  h3::after,  h4::after {    margin: 8px 0; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .altern_section h3::after, .altern_section      h4::after {        margin-left: auto;        margin-right: auto; } }  .pageBanner_box h3::after, .pageBanner_box  h4::after {    margin-left: auto;    margin-right: auto; }h4 {  font-size: 2.0736em; }p {  margin-bottom: 1.44em; }  p:last-child {    margin-bottom: 0; }strong {  font-weight: bold; }em {  font-style: italic; }@font-face {  font-family: 'icomoon';  src: url("/blythestables-co-uk/_img/assets/fonts/icomoon.eot?qz8g93");  src: url("/blythestables-co-uk/_img/assets/fonts/icomoon.eot?qz8g93#iefix") format("embedded-opentype"), url("/blythestables-co-uk/_img/assets/fonts/icomoon.ttf?qz8g93") format("truetype"), url("/blythestables-co-uk/_img/assets/fonts/icomoon.woff?qz8g93") format("woff"), url("/blythestables-co-uk/_img/assets/fonts/icomoon.svg?qz8g93#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-facebook2:before {  content: ""; }.icon-linkedin2:before {  content: ""; }.icon-twitter2:before {  content: ""; }.icon-chevron-thin-left:before {  content: ""; }.icon-chevron-thin-right:before {  content: ""; }/* -----------------------------------------	10.0. Nav----------------------------------------- */@media (min-width: 0em) and (max-width: 64em) {  .header_nav {    left: -100%;    right: 100%;    background: white;    transition: all 0.2s linear;    top: 0;    bottom: 0;    padding-top: 100px;    position: fixed; }    .header_nav ul li {      padding: 0.83333em 0;      white-space: nowrap;      opacity: 0;      border-bottom: 1px solid #fd7721;      transition: opacity 0s 0s; }      .menuOpen .header_nav ul li {        opacity: 1;        transition: opacity 0.5s 0.25s; }      .header_nav ul li a {        text-transform: uppercase;        color: #fd7721;        text-decoration: none;        font-family: "roboto", sans-serif;        font-weight: 500;        font-size: 1.2em; }    .menuOpen .header_nav {      left: 0;      right: 0;      z-index: 1;      width: 100%;      height: 100%; }      .menuOpen .header_nav ul {        display: block;        height: 100%;        background: white;        padding: 1em;        overflow: scroll; } }@media (min-width: 64.0625em) {  .header_nav ul {    display: block;    text-align: right; }    .header_nav ul li {      display: inline-block;      padding: 0 0.465em; } }    @media (min-width: 64.0625em) and (min-width: 68.75em) {      .header_nav ul li {        padding: 0 0.85em; } }    @media (min-width: 64.0625em) and (min-width: 71.875em) {      .header_nav ul li {        padding: 0 1em; } }    @media (min-width: 64.0625em) and (min-width: 75em) {      .header_nav ul li {        padding: 0 1.25em; } }    @media (min-width: 64.0625em) and (min-width: 81.25em) {      .header_nav ul li {        padding: 0 1.5em; } }@media (min-width: 64.0625em) {      .header_nav ul li a {        display: block;        text-align: center;        color: inherit;        text-decoration: none;        text-transform: uppercase;        padding: 2.98598em 0;        font-size: 0.83333em; }        .header_nav ul li a.linkActive {          border-bottom: 3px solid #fd7721;          color: #fd7721; } }.menu-toggle {  display: block;  margin: auto;  background: #FFFFFF;  position: absolute;  -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);          transform: translateY(-50%);  right: 1em;  top: 50%;  z-index: 2;  height: 1.175em;  width: 2em;  cursor: pointer; }  @media (min-width: 64.0625em) {    .menu-toggle {      display: none; } }  .menu-toggle .bars {    display: block;    width: 2em;    height: 0.175em;    border-radius: 0;    background-color: #e95c02;    position: absolute;    top: 50%;    left: 0;    margin-top: -0.0875em;    transition: all 0.2s linear; }    .menu-toggle .bars:after, .menu-toggle .bars:before {      display: block;      width: 2em;      height: 0.175em;      border-radius: 0;      content: "";      position: absolute;      transition: all 0.4s ease-in-out; }    .menu-toggle .bars:before {      top: -0.5em;      background-color: #e95c02; }    .menu-toggle .bars:after {      bottom: -0.5em;      background-color: #e95c02; }  .menuOpen .menu-toggle .bars {    -webkit-transform: rotate(-45deg);        -ms-transform: rotate(-45deg);            transform: rotate(-45deg);    background-color: transparent; }    .menuOpen .menu-toggle .bars:before {      top: 0;      -webkit-transform: rotate(-180deg);          -ms-transform: rotate(-180deg);              transform: rotate(-180deg);      background-color: #e95c02; }    .menuOpen .menu-toggle .bars:after {      bottom: 0;      -webkit-transform: rotate(90deg);          -ms-transform: rotate(90deg);              transform: rotate(90deg);      background-color: #e95c02; }/* -----------------------------------------	11.0. Header----------------------------------------- */.header {  font-size: 0;  z-index: 10;  position: fixed;  left: 0;  right: 0;  top: 0;  bottom: auto;  background: #FFFFFF;  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }  .header_logo, .header_nav {    display: inline-block;    vertical-align: top; }  .header_logo {    width: 67%;    max-width: 340px;    z-index: 10;    position: relative; }  .header_nav {    font-size: 16px;    width: calc(100% - 340px); }.menuButtonWrap {  font-size: 16px; }/* -----------------------------------------	12.0. Content----------------------------------------- */.bg-fields {  background-size: cover;  background-position: center center;  background-image: url(/blythestables-co-uk/_img/assets/images/fields.jpg); }.bg-facilities {  background-size: cover;  background-position: center center;  background-image: url(/blythestables-co-uk/_img/assets/images/facilities.jpg); }.bg-fadedHorses {  background-size: cover;  background-position: center center;  background-image: url(/blythestables-co-uk/_img/assets/images/horses-faded-bg.jpg); }.bg-orangeHorses {  background-size: cover;  background-position: center center;  background-image: url(/blythestables-co-uk/_img/assets/images/orangeHorses.jpg); }.fadedBg {  position: relative; }  .fadedBg .container-8 {    z-index: 2;    position: relative; }  .fadedBg::after {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    content: "";    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 50%, white 100%);    z-index: 1; }.logo_inner {  width: 100%;  height: 0;  position: relative;  padding-bottom: 27.6755%; }  .logo_inner svg {    width: 100%;    height: 100%;    position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 0; }.logo svg,.logo svg * {  fill: #fd7721;  transition: all 0.2s linear; }.blackBox {  width: 90%;  max-width: 680px;  margin: 0 auto;  position: absolute;  top: 50%;  right: 0;  bottom: auto;  left: 0;  -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);          transform: translateY(-50%);  background: rgba(0, 0, 0, 0.55);  padding: 2em;  border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;  text-align: center;  color: white; }  @media (min-width: 0em) and (max-width: 39.9375em) {    .blackBox {      padding: 0.5em;      font-size: 0.83333em; } }  .blackBox_tag {    text-transform: uppercase;    margin-top: 1.2em;    padding-left: 6em;    padding-right: 6em; }    @media (min-width: 0em) and (max-width: 39.9375em) {      .blackBox_tag {        padding: 0 1em; } }.banner {  position: relative;  margin-top: 90px; }  @media (min-width: 0em) and (max-width: 39.9375em) {    .banner {      margin-top: 50px; } }  .banner_slideContainer {    max-width: 100%;    margin-left: auto;    margin-right: auto;    height: 100%;    position: relative; }    .banner_slideContainer:after {      content: " ";      display: block;      clear: both; }  .banner_slide {    height: 90vh;    height: calc(100vh - 90px);    background-size: cover;    background-position: center center; }    @media (min-width: 0em) and (max-width: 39.9375em) {      .banner_slide {        height: 90vh;        height: calc(100vh - 50px); } }    .banner_slide_box {      opacity: 0;      width: 75%;      z-index: 1;      transition: opacity 1.5s 0.5s; }      .visible .banner_slide_box {        opacity: 1; }  .banner .owl-dots {    position: absolute;    top: auto;    right: 0;    bottom: 60px;    left: 0;    width: 150px;    margin: 0 auto;    text-align: center; }  .banner .owl-dot {    display: inline-block;    padding: 0 0.40188em; }    .banner .owl-dot span {      height: 9px;      width: 9px;      border-radius: 50%;      background-color: white;      display: block; }  .banner .owl-dot.active span {    background-color: #fd7721; }  .banner .owl-nav {    font-family: "icomoon";    position: absolute;    top: 50%;    right: 0;    bottom: auto;    left: 0;    -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);            transform: translateY(-50%); }    .banner .owl-nav .owl-next,    .banner .owl-nav .owl-prev {      color: #FFFFFF;      font-size: 5.15978em; }      @media (min-width: 0em) and (max-width: 39.9375em) {        .banner .owl-nav .owl-next,        .banner .owl-nav .owl-prev {          font-size: 2.0736em; } }    .banner .owl-nav .owl-prev {      position: absolute;      top: 0;      right: auto;      bottom: 0;      left: 0; }    .banner .owl-nav .owl-next {      position: absolute;      top: 0;      right: 0;      bottom: 0;      left: auto; }.pageBanner {  padding: 8em 0;  margin-top: 80px; }  .pageBanner_box {    width: 90%;    max-width: 680px;    margin: 0 auto;    position: absolute;    top: 50%;    right: 0;    bottom: auto;    left: 0;    -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);            transform: translateY(-50%);    background: rgba(0, 0, 0, 0.55);    padding: 2em;    border-top: 1px solid #ccc;    border-bottom: 1px solid #ccc;    text-align: center;    color: white;    -webkit-transform: none;        -ms-transform: none;            transform: none;    position: static; }    @media (min-width: 0em) and (max-width: 39.9375em) {      .pageBanner_box {        padding: 0.5em;        font-size: 0.83333em; } }.intro {  text-align: left; }  @media (min-width: 0em) and (max-width: 57.4375em) {    .intro {      text-align: center; } }.doubleFrame {  width: 100%;  height: 0;  padding-bottom: 56.25%;  position: relative; }  .doubleFrame .bgPat {    height: 100%;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100px; }  .doubleFrame_largePhoto, .doubleFrame_largePhoto::before, .doubleFrame_smallPhoto {    transition: opacity 1s;    opacity: 0; }    .visible .doubleFrame_largePhoto, .visible .doubleFrame_largePhoto::before, .visible .doubleFrame_smallPhoto {      opacity: 1; }  .doubleFrame_smallPhoto {    position: absolute;    top: auto;    right: auto;    bottom: 0;    left: 0;    max-width: 240px;    width: 37.5%;    border: 5px solid #FFFFFF;    transition-delay: 0.25s; }    .doubleFrame_smallPhoto_inner {      padding-bottom: 100%;      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); }  .doubleFrame_largePhoto, .doubleFrame_smallPhoto {    -webkit-filter: brightness(110%);            filter: brightness(110%); }    .doubleFrame_largePhoto_inner, .doubleFrame_smallPhoto_inner {      background-size: cover;      background-position: center center; }      .doubleFrame_largePhoto_inner.imgLiquid_error, .doubleFrame_smallPhoto_inner.imgLiquid_error {        background-size: cover;        background-position: center center;        background-image: url(/blythestables-co-uk/_img/assets/images/waiting.jpg); }        .doubleFrame_largePhoto_inner.imgLiquid_error p, .doubleFrame_smallPhoto_inner.imgLiquid_error p {          display: none; }  .doubleFrame_largePhoto {    transition-delay: 0s;    position: absolute;    top: 0;    right: 100px;    bottom: auto;    left: auto;    max-width: 700px;    width: 75%; }    @media (min-width: 0em) and (max-width: 57.4375em) {      .doubleFrame_largePhoto {        right: 0; } }    .doubleFrame_largePhoto.single, .doubleFrame_largePhoto:last-child {      position: absolute;      top: 0;      right: 0;      bottom: auto;      left: 0;      margin: 0 auto; }    .doubleFrame_largePhoto_inner {      padding-bottom: 66.7%;      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); }    .doubleFrame_largePhoto::before {      content: "";      position: absolute;      top: 3em;      right: 7.5em;      bottom: -1.5em;      left: -1.5em;      background: #e2e2e2;      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);      display: block;      z-index: -1; }.fly .middle {  transition: all 0.5s ease-in-out;  opacity: 0; }  @media (min-width: 57.5em) {    .fly .middle {      transition-delay: 0.6s;      -webkit-transform: translateX(-50%) translateY(-50%);          -ms-transform: translateX(-50%) translateY(-50%);              transform: translateX(-50%) translateY(-50%); } }  body .altern_section.visible .fly .middle {    opacity: 1; }    @media (min-width: 57.5em) {      body .altern_section.visible .fly .middle {        -webkit-transform: translateY(-50%);            -ms-transform: translateY(-50%);                transform: translateY(-50%); } }.altern_section {  padding-bottom: 5em;  overflow: hidden; }  .altern_section [class*=" g-"],  .altern_section [class^="g-"] {    padding-left: 0.83333em;    padding-right: 0.83333em; }    @media (min-width: 0em) and (max-width: 68.6875em) {      .altern_section [class*=" g-"],      .altern_section [class^="g-"] {        font-size: 0.83333em; } }  .altern_section:last-child {    padding-bottom: 0; }  @media (min-width: 57.5em) {    .altern_section:nth-child(2n) [class*=" g-"],    .altern_section:nth-child(2n) [class^="g-"] {      float: right; }    .altern_section:nth-child(2n) .fly .middle {      -webkit-transform: translateX(50%) translateY(-50%);          -ms-transform: translateX(50%) translateY(-50%);              transform: translateX(50%) translateY(-50%); }    .altern_section:nth-child(2n) .doubleFrame_smallPhoto {      position: absolute;      top: auto;      right: 0;      bottom: 0;      left: auto; } }@media (min-width: 0em) and (max-width: 57.4375em) {  .contentBlock-small {    padding-bottom: 3em;    text-align: center; } }@media (min-width: 57.5em) {  .contentBlock-small {    max-width: 400px;    padding-left: 0.5em;    padding-right: 0.5em; } }.contentBlock-small ul li, .contentBlock-small ul {  list-style-type: disc; }.contentBlock-small ul {  padding-left: 1em; }.contactBlock {  padding: 3em;  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); }  @media (min-width: 0em) and (max-width: 29.9375em) {    .contactBlock {      padding: 2em; } }  .contactBlock_intro {    margin-bottom: 2em;    padding: 0.5em 0 2em;    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }    .contactBlock_intro p {      max-width: 500px; }  .contactBlock_details {    max-width: 100%;    margin-left: auto;    margin-right: auto; }    .contactBlock_details:after {      content: " ";      display: block;      clear: both; }  @media (min-width: 40em) {    .contactBlock_details_left, .contactBlock_details_right {      width: 50%;      float: left; } }  .contactBlock_details_left {    font-family: "roboto", sans-serif; }    @media (min-width: 0em) and (max-width: 39.9375em) {      .contactBlock_details_left {        margin-bottom: 1.44em; } }  .contactBlock_details_right p {    line-height: 2.2; }.contentArea {  max-width: 914px;  margin-left: auto;  margin-right: auto;  padding: 0 1em; }  .contentArea:after {    content: " ";    display: block;    clear: both; }.horse,.teamMember {  padding: 2em; }  @media (min-width: 57.5em) {    .horse,    .teamMember {      width: 50%;      float: left; } }  .horse_photo_inner,  .teamMember_photo_inner {    width: 100%;    padding-bottom: 62.5%;    background-size: cover;    background-position: center center;    background-image: url(/blythestables-co-uk/_img/assets/images/waiting.jpg);    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }  .horse_info,  .teamMember_info {    position: relative;    text-align: center; }    .horse_info_inner,    .teamMember_info_inner {      padding: 1em; }      .horse_info_inner h4::after,      .teamMember_info_inner h4::after {        margin: 8px auto 16px; }@media (min-width: 57.5em) {  .teamMember {    width: 33.33%;    float: left; }    .teamMember.two {      width: 50%;      float: left; } }.btn {  text-transform: uppercase;  display: inline-block;  padding: 0.6em 1.5em;  color: #FFFFFF;  background: #da5300;  border: 2px solid #fd7721;  transition: all 0.3s;  cursor: pointer;  outline: none;  text-decoration: none;  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); }  .btn:active, .btn:focus {    -webkit-transform: scale(0.97);        -ms-transform: scale(0.97);            transform: scale(0.97);    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); }  .btn:hover {    background: #fd7721; }.btnContainer {  padding: 2em 0; }/* -----------------------------------------	13.0. Footer----------------------------------------- */footer {  background-color: #dadada;  padding: 3em 0; }.footer_section {  border-right: 1px solid #aaa; }  @media (min-width: 0em) and (max-width: 57.4375em) {    .footer_section {      margin-bottom: 1.44em; } }  .footer_section .matchHeight {    position: relative; }.footer_header {  text-transform: uppercase;  font-family: "roboto", sans-serif;  color: #da5300;  font-weight: 500;  margin-bottom: 1em; }.footer_credits {  font-size: 0.83333em;  padding-top: 3.6em; }  .footer_credits a {    white-space: nowrap;    text-decoration: none;    color: inherit; }.logo-AJ {  margin: 0 auto;  max-width: 140px; }  .logo-AJ_inner {    width: 100%;    height: 0;    position: relative;    padding-bottom: 31.81818%; }    .logo-AJ_inner svg {      width: 100%;      height: 100%;      position: absolute;      left: 0;      right: 0;      bottom: 0;      top: 0; }.social_icon {  text-decoration: none;  color: #2f2f2f;  font-size: 2.48832em;  display: inline-block;  padding: 0 0.1em; }/* *  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; }