/**
 * @project             BattlefieldJourney
 * @description         Amasci Boilerplate
 * @url                 https://www.battlefieldjourney.com
 * @build               Fri, Oct 4, 2019 11:47 AM ET
 * @author              Terry Upton, Amasci Creative Limited
 * @contact             <terry@amasci.co.uk> <www.amasci.co.uk> <01908 668665>
 * @copyright           Copyright (c) 2019, Amasci Creative Limited
 *
 */
@charset "UTF-8";
/*---------------------------------------------------
    STYLES v1.1
  ---------------------------------------------------
    initial Setup yo import all our SASS based files.

	by Terry Upton (Amasci Creative Limited)
-----------------------------------------------------*/
/*---------------------------------------------------
   RESET STYLES v1.1
  ---------------------------------------------------
    A set of common reset styles
-----------------------------------------------------
*/
/* ==========================================================================
   GLOBAL RESET
========================================================================== */
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/* ==========================================================================
   FORMS
========================================================================== */
/*  If no forms, remove these bad boys */
button, input {
  line-height: normal; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  *overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*Fonts*/
/*---------------------------------------------------
    FRAMEWORK AND BASE STYLES v1.1
  ---------------------------------------------------
    A set of common SASS framework and base layout styles by Terry Upton (Amasci Creative Limited)
-----------------------------------------------------
*/
/* ==========================================================================
   FRAMEWORK STYLES
========================================================================== */
/* See Normalize for addition resets */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 100%;
  overflow-y: scroll; }

body {
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  color: #666; }

.container {
  max-width: 1400px;
  min-width: 300px;
  height: auto;
  margin: 0 auto; }
  @media screen and (min-width: 59.375em) {
    .container--tour {
      margin-right: 2.08333%; } }

.container-full-width {
  width: 100%; }

.header {
  width: 100%;
  background-color: #686960;
  color: #FFF; }
  @media screen and (min-width: 44.0625em) {
    .header {
      padding-top: 15px; } }

.footer {
  width: 100%;
  background-image: url("../img/bg-jag-footer.png");
  background-repeat: repeat-x;
  color: #FFF;
  clear: both;
  margin-top: -5px; }
  @media screen and (min-width: 44.0625em) {
    .footer .container {
      padding-top: 24px;
      padding-top: 1.5rem;
      padding-bottom: 24px;
      padding-bottom: 1.5rem;
      background-image: url(../img/bg-footer.jpg);
      background-position: 0 5px;
      background-repeat: no-repeat; } }
  @media screen and (max-width: 44em) {
    .footer {
      padding-top: 12px;
      padding-top: 0.75rem; } }

main {
  margin-top: -5px; }

section {
  padding-bottom: 24px;
  padding-bottom: 1.5rem; }

hr {
  border: solid #CCC 0px;
  border-top: solid #CCC 1px;
  height: 0px;
  clear: both; }
  .tour-details-right hr {
    border: solid rgba(255, 255, 255, 0.5) 0px;
    border-top: solid rgba(255, 255, 255, 0.5) 1px; }

/* ==========================================================================
   ONE WAY MARGINS
========================================================================== */
p, h1, h2, h3, h4, h5, h6, hgroup, dd, figure, pre, table, fieldset, legend, hr {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

/* ==========================================================================
   SELECTION STYLING
========================================================================== */
/* This is used to change the highlight colour when selecting text.
 * Nice bespoke touch to websites.
 * Full article here: http://davidwalsh.name/css-selection
 */
::-moz-selection {
  background: #179484;
  color: #FFF;
  text-shadow: none; }

::selection {
  background: #179484;
  color: #FFF;
  text-shadow: none; }

/* ==========================================================================
   CHROME FRAME PROMPT
========================================================================== */
.chromeframe {
  border: 1px solid #b94a48;
  border: 0.0625rem solid #b94a48;
  padding: 11.5px;
  padding: 0.71875rem;
  margin-left: 24px;
  margin-right: 24px;
  background: #f2dede;
  color: #b94a48; }

/* ==========================================================================
   CLEARFIX  STYLES
========================================================================== */
/*
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `%cf` class appearing over
 * and over in your markup.
 */
.container:after, .row:after, .header:after, .footer:after, .box--sidebar:after, .box-pullout:after, .header-strapline:after, .header-strapline-text:after, .header-strapline-icons:after, .tour-details-right:after, .content-left:after, .content-right:after, .faqs-contact:after, .image-gallery:after {
  content: "";
  display: table;
  clear: both; }

/*---------------------------------------------------
    HELPER STYLES v1.1
  ---------------------------------------------------
    A set of common SASS helper styles by Terry Upton (Amasci Creative Limited)
-----------------------------------------------------*/
/* ==========================================================================
   HELPER STYLES
========================================================================== */
.island-top {
  margin-top: 72px;
  margin-top: 4.5rem; }

.margin-top {
  margin-top: 48px;
  margin-top: 3rem; }

.margin-right {
  margin-right: 24px; }

.margin-bottom {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.margin-left {
  margin-left: 24px; }

.half-margin-top {
  margin-top: 12px;
  margin-top: 0.75rem; }

.half-margin-right {
  margin-right: 12px; }

.half-margin-bottom {
  margin-bottom: 12px; }

.half-margin-left {
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }

.flush-top {
  margin-top: 0 !important; }

.flush-right, .signup-form button, .enquiry-form button, .booking-form button {
  margin-right: 0 !important; }

.flush-bottom {
  margin-bottom: 0 !important; }

.flush-left {
  margin-left: 0 !important; }

.flush {
  margin: 0 !important; }

.float-right {
  float: right !important; }

.float-left, .tel, .address, .address-text, .email {
  float: left !important; }

@media screen and (max-width: 44em) {
  .m-no-float {
    float: none !important; } }

.text-left {
  text-align: left  !important; }

.text-center, .main-menu ul, .footer-menu ul, .tour-details-link, .image-container, .tta-logos {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.clear, .top, .address {
  clear: both; }

.padding-full, .box--sidebar, .tour-details-left, .content-left, .faqs-contact {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 6.25%;
  padding-right: 6.25%; }
  @media screen and (min-width: 44.0625em) {
    .padding-full, .box--sidebar, .tour-details-left, .content-left, .faqs-contact {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 2.83688%;
      padding-right: 2.83688%; } }
  @media screen and (min-width: 61.875em) {
    .padding-full, .box--sidebar, .tour-details-left, .content-left, .faqs-contact {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 2.08333%;
      padding-right: 2.08333%; } }

.display-inline {
  display: inline-block; }

/* ==========================================================================
   HIDE STYLES
========================================================================== */
@media screen and (max-width: 44em) {
  .m-hide, .banner, .cycling-bg-up, .walking-bg-up, .bg-jag-white {
    display: none !important; }
  .m-show {
    display: block !important; } }

@media screen and (min-width: 44.0625em) {
  .t-hide, .tour-details-link, .top, .tour-details-left .icon-cycling-round, .tour-details-left .icon-walking-round, .tour-details-left .places, .tour-details-left .places-small {
    display: none !important; }
  .t-show {
    display: block !important; } }

@media screen and (min-width: 61.875em) {
  .d-hide {
    display: none !important; }
  .d-show {
    display: block !important; } }

.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.menu-link span, .menu-link:hover span, .icon-cycling-round span, .icon-walking-round span, .places span, .places-small span, .alt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */ }
  .menu-link span .focusable:active, .icon-cycling-round span .focusable:active, .icon-walking-round span .focusable:active, .places span .focusable:active, .places-small span .focusable:active, .alt .focusable:active, .menu-link span .focusable:focus, .icon-cycling-round span .focusable:focus, .icon-walking-round span .focusable:focus, .places span .focusable:focus, .places-small span .focusable:focus, .alt .focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/*
 * Image replacement
 */
/* ==========================================================================
   ARROW/TRIANGLE  STYLES
========================================================================== */
/*---------------------------------------------------
    NAVIGATION STYLES
  ---------------------------------------------------
    A set of common navigation styles by Terry Upton (Amasci Creative Limited)
	These might be unique for every project.
-----------------------------------------------------*/
/* ==========================================================================
   NAV BUTTON
========================================================================== */
.menu-link, .menu-link:hover {
  color: #FFF;
  display: block;
  float: right;
  text-decoration: none; }
  .menu-link:before, .menu-link:hover:before {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 36px;
    line-height: 2.25rem;
    content: "\e000";
    margin-right: 2px;
    position: relative;
    top: 2px; }
  .menu-link:after, .menu-link:hover:after {
    content: 'Menu'; }
  @media screen and (min-width: 44.0625em) {
    .menu-link, .menu-link:hover {
      display: none; } }

.menu-link-active, .menu-link-active:hover {
  color: #987643; }
  .menu-link-active:before, .menu-link-active:hover:before {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 36px;
    line-height: 2.25rem;
    content: "\e017";
    margin-right: 2px;
    position: relative;
    top: 2px; }
  .menu-link-active:after, .menu-link-active:hover:after {
    content: 'Close'; }

/* ==========================================================================
   MAIN NAV
========================================================================== */
.main-menu {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: absolute;
  top: 45px;
  z-index: 1000;
  width: 100%;
  max-height: 0;
  overflow: hidden; }
  @media screen and (min-width: 44.0625em) {
    .main-menu {
      clear: both;
      position: relative;
      top: 0;
      max-height: 27em;
      overflow: visible; } }
  .main-menu ul {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    list-style: none;
    padding: 0; }
  .main-menu li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: 400; }
    .main-menu li:first-child > a {
      border-top: 1px solid #FFF; }
    .main-menu li > a {
      color: #FFF;
      background-color: #333;
      padding: 10px 0;
      display: block;
      border-bottom: 1px solid; }
      .main-menu li > a:hover, .main-menu li > a:focus, .main-menu li > a:active, .main-menu li > a.current {
        color: #FFF;
        background-color: #179484;
        text-decoration: none; }
    @media screen and (min-width: 44.0625em) {
      .main-menu li {
        display: inline-block;
        margin-top: 12px; }
        .main-menu li:first-child > a {
          border-top: 0; }
        .main-menu li > a {
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 24px;
          line-height: 1.5rem;
          padding: 0 16px;
          color: #FFF;
          background-color: inherit;
          border-bottom: 0; }
          .main-menu li > a:hover, .main-menu li > a:focus, .main-menu li > a:active, .main-menu li > a.current {
            color: #c5a87c;
            background-color: inherit; } }
    @media screen and (min-width: 44.0625em) and (min-width: 47.5em) {
      .main-menu li > a {
        padding: 0 25px; } }
    @media screen and (min-width: 44.0625em) and (min-width: 59.375em) {
      .main-menu li > a {
        padding: 0 12px; } }
    @media screen and (min-width: 44.0625em) and (min-width: 68.75em) {
      .main-menu li > a {
        padding: 0 18px; } }

/* ==========================================================================
   RWD NAV - HIDE
========================================================================== */
.active {
  max-height: 27em; }

/* ==========================================================================
   FOOTER NAV
========================================================================== */
.footer-menu {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  background-color: #333; }
  .footer-menu ul {
    list-style: none;
    padding: 15px 0; }
    @media screen and (min-width: 61.875em) {
      .footer-menu ul {
        width: 990px;
        margin: auto; } }
  .footer-menu li {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: inline-block;
    padding: 0 10px; }
    .footer-menu li > a {
      color: #FFF; }
      .footer-menu li > a:hover, .footer-menu li > a:focus, .footer-menu li > a:active {
        color: #c5a87c;
        text-decoration: none; }
    @media screen and (min-width: 44.0625em) {
      .footer-menu li {
        padding: 0 9px; } }
    @media screen and (min-width: 59.375em) {
      .footer-menu li {
        padding: 0 20px; } }

.footer-terms-menu ul {
  list-style: none;
  padding: 15px 0; }

.footer-terms-menu li {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: inline-block;
  padding: 0 10px; }
  .footer-terms-menu li > a {
    color: #FFF; }
    .footer-terms-menu li > a:hover, .footer-terms-menu li > a:focus, .footer-terms-menu li > a:active {
      color: #c5a87c;
      text-decoration: none; }
  @media screen and (min-width: 44.0625em) {
    .footer-terms-menu li {
      padding-right: 9px; } }
  @media screen and (min-width: 59.375em) {
    .footer-terms-menu li {
      padding-right: 20px; } }
  .footer-terms-menu li:last-of-type {
    padding-right: 0; }

/* ==========================================================================
   SIDEBAR  NAV
========================================================================== */
.nav--sidebar li {
  list-style: none;
  margin-bottom: 10px;
  margin-left: 10px; }
  .nav--sidebar li:first-child {
    margin-top: 20px; }

.nav--terms {
  padding: 30px;
  background-color: #f4eee6;
  margin-bottom: 20px; }

/*---------------------------------------------------
    COLOUR STYLES v1.1
  ---------------------------------------------------
    A set of common SASS colour styles by Terry Upton (Amasci Creative Limited)
	These should be unique for every project.
-----------------------------------------------------*/
/* ==========================================================================
   COLOUR STYLES
========================================================================== */
.base {
  color: #987643; }

.sub-color {
  color: #179484; }

.required {
  color: #179484; }

.error-text {
  color: #b94a48; }

.success-text {
  color: #468847; }

.twitter {
  color: #00aced; }

.bg-cycling {
  background-color: #c3ba99; }

.bg-walking {
  background-color: #a1a0a0; }

.bg-generic {
  background-color: #686960; }

.bg-contact {
  background-color: #b4b4ae; }

.color-cycling {
  color: #c3ba99; }

.color-walking {
  color: #a1a0a0; }

.color-generic {
  color: #686960; }

.text-white {
  color: white; }

/*---------------------------------------------------
    FONT/TYPOGRAPHY STYLES v1.1
  ---------------------------------------------------
    A set of common SASS font and typography styles by Terry Upton (Amasci Creative Limited)
-----------------------------------------------------
*/
/* ==========================================================================
   HEADING STYLES
========================================================================== */
h1, h2, h3, h4, h5, h6 {
  color: #987643;
  font-family: "Oswald", sans-serif; }

h1, .alpha {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36px;
  line-height: 2.25rem;
  line-height: 1.5;
  margin-top: 24px;
  margin-top: 1.5rem; }
  @media screen and (max-width: 44em) {
    h1, .alpha {
      margin-top: 48px;
      margin-top: 3rem; } }
  .section-cycling h1, .section-walking h1,
  .section-walking h1, .section-cycling .alpha, .section-walking .alpha,
  .section-walking .alpha {
    margin-top: 12px;
    margin-top: 0.75rem;
    color: #FFF; }
    .section-cycling h1 i, .section-walking h1 i,
    .section-walking h1 i, .section-cycling .alpha i, .section-walking .alpha i,
    .section-walking .alpha i {
      font-size: 45px;
      font-size: 2.8125rem;
      line-height: 60px;
      line-height: 3.75rem; }
  .tour-details-left h1, .faqs h1, .tour-details-left .alpha, .faqs .alpha {
    margin-top: 12px;
    margin-top: 0.75rem; }
  h1 .sub-header, .alpha .sub-header {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 36px;
    line-height: 2.25rem; }

.home-tours [class*=" icon-"] {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 72px;
  line-height: 4.5rem; }

h2, .beta {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem; }
  footer h2, footer .beta {
    margin-top: 24px;
    margin-top: 1.5rem;
    font-family: "Open Sans", sans-serif;
    color: #FFF; }
  .tour-details-right h2, .content-right h2, .tour-details-right .beta, .content-right .beta {
    color: #FFF; }
  .faqs-contact h2, .faqs-contact .beta {
    margin-top: 24px;
    margin-top: 1.5rem; }
  h2 .sub-header, .beta .sub-header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .tour-details-left h2, .tour-details-left .beta {
    margin-top: 48px;
    margin-top: 3rem; }

h3, .gamma {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem; }
  header h3, header .gamma {
    color: #FFF;
    clear: right;
    margin: -15px 0 15px; }
    @media screen and (min-width: 44.0625em) {
      header h3, header .gamma {
        margin: 10px 0 5px; } }
  .tour-details-right h3, .content-right h3, .tour-details-right .gamma, .content-right .gamma {
    color: #FFF; }
  .strapline-index h3, .strapline-index .gamma {
    color: #FFF;
    clear: right;
    margin: -5px 0 5px; }
    @media screen and (min-width: 44.0625em) {
      .strapline-index h3, .strapline-index .gamma {
        margin: 10px 0 5px; } }
  @media screen and (max-width: 53.25em) {
    h3, .gamma {
      font-size: 16px;
      font-size: 1rem;
      line-height: 24px;
      line-height: 1.5rem;
      text-wrap: none; }
      .header-strapline h3, .header-strapline .gamma {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 24px;
        line-height: 1.5rem; } }

h4, .delta, .tel, .address, .address-text, .email {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem; }
  @media screen and (max-width: 44.0625em) {
    h4, .delta, .tel, .address, .address-text, .email {
      font-size: 16.2px;
      font-size: 1.0125rem;
      line-height: 24px;
      line-height: 1.5rem; } }
  .booking-right h4, .booking-right .delta, .booking-right .tel, .booking-right .address, .booking-right .address-text, .booking-right .email {
    color: #FFF; }

h5, .epsilon {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem; }

h6, .zeta {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem; }

/* ==========================================================================
   PARAGRAPH AND LIST STYLES
========================================================================== */
p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #666; }
  header p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #FFF; }
  footer p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #FFF; }

.lead {
  color: #987643;
  font-size: 15.75px;
  font-size: 0.98438rem;
  line-height: 24px;
  line-height: 1.5rem; }

.price {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: #179484; }

.tour-details-right p, .content-right p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #FFF; }
  .tour-details-right p.schedule, .content-right p.schedule {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 10px;
    clear: both; }

@media screen and (min-width: 44.0625em) and (max-width: 61.8125em) {
  .tour-details-right p.schedule, .content-right p.schedule {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 24px;
    line-height: 1.5rem; } }
  .tour-details-right p.tel, .content-right p.tel {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-right: 20px; }
    @media screen and (max-width: 44em) {
      .tour-details-right p.tel, .content-right p.tel {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem; } }
  .tour-details-right p.email, .content-right p.email {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-right: 0; }
    @media screen and (min-width: 44.0625em) {
      .tour-details-right p.email, .content-right p.email {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 24px;
        line-height: 1.5rem; } }
    @media screen and (min-width: 61.875em) {
      .tour-details-right p.email, .content-right p.email {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 24px;
        line-height: 1.5rem; } }

/*.tour-details-right  > P, .tour-details-contact P:first-of-type {
	@include set-font-size(13px);
	color:$white;
}*/
.caps {
  text-transform: uppercase; }

main ul, main ol {
  margin: 12px 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #666; }

main ul {
  list-style: disc inside; }

main ol {
  list-style: decimal inside; }

main ul.square {
  list-style: square inside; }

main ul.disc {
  list-style: circle inside; }

main ul.bullet {
  list-style: disc inside; }

main li {
  margin: 0 24px; }

main ul ul,
main ul ol,
main ol ol,
main ol ul {
  margin: 12px; }

.bullets li {
  margin: 24px; }

.ticks, .ticks-tour-details {
  list-style: none; }
  .ticks li, .ticks-tour-details li {
    font-weight: 600;
    color: #179484;
    font-style: italic;
    margin: 0 12px 8px; }
    .ticks li:before, .ticks-tour-details li:before {
      content: "\e006";
      padding-right: 5px; }
  @media screen and (min-width: 61.875em) {
    .ticks, .ticks-tour-details {
      font-size: 16px;
      font-size: 1rem;
      line-height: 24px;
      line-height: 1.5rem; }
      .ticks li, .ticks-tour-details li {
        margin-bottom: 24px; } }

.ticks-tour-details li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 400;
  font-style: normal;
  color: #FFF;
  margin: 0 0 24px; }
  .ticks-tour-details li:before {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 36px;
    line-height: 2.25rem;
    padding-right: 3px; }

.list-col-third {
  width: 30%;
  float: left; }

.list-col-half {
  width: 45%;
  float: left; }

/* ==========================================================================
   FONT WEIGHTS AND SIZES
========================================================================== */
.extra-light {
  font-weight: 100; }

.light {
  font-weight: 300; }

.normal {
  font-weight: 400; }

.bold, .required, .price, .tour-details-right p.schedule, .content-right p.schedule, table thead th, .error, strong, b {
  font-weight: 600; }

.extra-bold {
  font-weight: 900; }

.xsmall {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 24px;
  line-height: 1.5rem; }

.small, .address-text, small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem; }

.medium {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem; }

.large {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem; }

.xlarge {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36px;
  line-height: 2.25rem; }

em, i {
  font-style: italic; }

sub,
sup {
  set-font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   BLOCKQUOTES
========================================================================== */
blockquote {
  margin: 24px 0;
  padding: 24px;
  background: #f7f7f7;
  border-left: 10px solid #CCC;
  quotes: "“" "”" "‘" "’";
  font-style: italic;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #666; }
  @media screen and (min-width: 44.0625em) {
    blockquote {
      margin: 24px; } }
  blockquote:before {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 72px;
    line-height: 4.5rem;
    color: #CCC;
    content: open-quote;
    line-height: 0.1em;
    vertical-align: -0.4em;
    content: "\201C";
    padding-right: 10px; }
  @media screen and (min-width: 44.0625em) {
    blockquote.home-testimonail {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 36px;
      line-height: 2.25rem; } }

cite {
  font-style: normal;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #987643;
  font-weight: 600;
  margin-top: 12px; }

/*---------------------------------------------------
    LINK STYLES v1.1
  ---------------------------------------------------
    A set of common and unique links styles by Terry Upton (Amasci Creative Limited)
	Some of these elements will be unique for every project.
-----------------------------------------------------*/
/* ==========================================================================
   BASE LINK STYLES
========================================================================== */
a {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  color: #987643;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ie-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    color: #686960;
    text-decoration: none;
    cursor: pointer; }

header a {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  color: #FFF;
  text-decoration: none; }
  header a:hover, header a:focus, header a:active {
    color: #c5a87c;
    text-decoration: none;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ie-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; }

footer a {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  color: #c5a87c; }
  footer a:hover, footer a:focus, footer a:active {
    color: #262626;
    text-decoration: none;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ie-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; }

a[href^="tel:"] {
  color: #987643; }
  header a[href^="tel:"],
  footer a[href^="tel:"],
  .tour-details-right a[href^="tel:"] {
    color: #FFF; }

/* ==========================================================================
   BUTTON STYLES
========================================================================== */
.btn, .btn-book, .tour-details-link {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-appearance: none;
  color: #FFF;
  text-decoration: none;
  display: inline-block;
  width: 130px;
  text-align: center; }
  .btn:hover, .btn-book:hover, .tour-details-link:hover, .btn:focus, .btn-book:focus, .tour-details-link:focus, .btn:active, .btn-book:active, .tour-details-link:active {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ie-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background-color: #686960;
    color: #FFF; }
  @media screen and (max-width: 49.25em) {
    .box-tour .btn, .box-tour .btn-book, .box-tour .tour-details-link {
      padding: 8px 15px; } }
  @media screen and (max-width: 25em) {
    .box-tour .btn, .box-tour .btn-book, .box-tour .tour-details-link {
      padding: 8px 10px;
      margin-right: 5px; } }
  .btn + .btn, .btn-book + .btn, .tour-details-link + .btn, .btn + .btn-book, .btn-book + .btn-book, .tour-details-link + .btn-book, .btn + .tour-details-link, .btn-book + .tour-details-link, .tour-details-link + .tour-details-link {
    margin-right: 10px; }

.btn {
  background-color: #987643; }

.btn-book, .tour-details-link {
  background-color: #179484; }
  .btn-book [class^="icon"], .tour-details-link [class^="icon"] {
    margin-right: 3px; }
  .box-bespoke .btn-book:hover, .box-bespoke .tour-details-link:hover, .box-bespoke .btn-book:focus, .box-bespoke .tour-details-link:focus, .box-bespoke .btn-book:active, .box-bespoke .tour-details-link:active {
    background-color: #987643; }

.auto {
  width: auto !important; }

/* ==========================================================================
   SPECIFIC LINK STYLES
========================================================================== */
.header-icon-cycling, .header-icon-walking {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  margin-top: 35px;
  text-decoration: none;
  position: relative;
  top: 0px; }
  .header-icon-cycling:hover, .header-icon-walking:hover, .header-icon-cycling:focus, .header-icon-walking:focus, .header-icon-cycling:active, .header-icon-walking:active {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ie-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    top: -10px; }
  @media screen and (min-width: 44em) {
    .header-icon-cycling, .header-icon-walking {
      margin-left: 10px;
      margin-top: 0;
      display: inline-block;
      *display: inline;
      zoom: 1; } }

a.icon-cycling-round:hover, a.icon-cycling-round:focus, a.icon-cycling-round:active {
  background-color: #c3ba99;
  color: #FFF; }

a.icon-walking-round:hover, a.icon-walking-round:focus, a.icon-walking-round:active {
  background-color: #a1a0a0;
  color: #FFF; }

.tour-details-link {
  margin-top: 24px;
  margin-top: 1.5rem;
  display: block;
  padding: 12px; }
  .tour-details-link [class^="icon"] {
    margin-right: 3px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    top: 2px; }
  .tour-details-link:hover, .tour-details-link:focus, .tour-details-link:active {
    background-color: #179484; }

.top {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: block; }

.social-media {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 60px;
  line-height: 3.75rem;
  margin-right: 6px; }

/* ==========================================================================
	SOCIAL ICON STYLES
========================================================================== */
.icon-social {
  width: 36px;
  height: 36px;
  fill: currentColor; }

.icon-twitter {
  fill: #00aced; }
  .icon-twitter:hover, .icon-twitter:focus, .icon-twitter:active {
    fill: #00aced; }

.icon-facebook {
  fill: #3b5998; }
  .icon-facebook:hover, .icon-facebook:focus, .icon-facebook:active {
    fill: #3b5998; }

.icon-google-plus {
  fill: #dd4b39; }
  .icon-google-plus:hover, .icon-google-plus:focus, .icon-google-plus:active {
    fill: #dd4b39; }

.icon-email-share {
  fill: #686960; }
  .icon-email-share:hover, .icon-email-share:focus, .icon-email-share:active {
    fill: #686960; }

.social-list li {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: relative;
  list-style: none;
  display: inline-block;
  margin: 0;
  margin-right: 6px; }
  .social-list li:hover, .social-list li:focus, .social-list li:active {
    transform: translate(0, -10px); }

/* ==========================================================================
	SOCIAL SHARING STYLES
========================================================================== */
.social-sharing {
  margin-top: 24px;
  margin-top: 1.5rem; }
  .social-sharing h3 {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }

/* ==========================================================================
   DIFFICULTY GRADE STYLES
========================================================================== */
.difficulty {
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media screen and (min-width: 44.0625em) {
    .difficulty {
      float: right;
      margin-left: 24px;
      margin-top: 24px; } }
  .difficulty__title {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #179484;
    display: inline-block;
    vertical-align: top; }
  .difficulty__rating {
    display: inline-block;
    vertical-align: top; }
  .difficulty__rating-text {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-style: italic;
    text-align: center;
    display: block;
    letter-spacing: 0.5px;
    color: rgba(23, 148, 132, 0.8); }
  .difficulty__icon {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem; }
    .difficulty__icon--active {
      color: #179484; }
    .difficulty__icon--disabled {
      color: #dadada; }

.difficulty--tour-box {
  float: none;
  text-align: left;
  margin-left: 0; }
  .difficulty--tour-box .difficulty__title {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .difficulty--tour-box .difficulty__icon {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .difficulty--tour-box .difficulty__icon--disabled {
    color: rgba(255, 255, 255, 0.7); }

/*---------------------------------------------------
	Image STYLES v1.1
	---------------------------------------------------
	A set of common SASS image styles by Terry Upton (Amasci Creative Limited)
-----------------------------------------------------
*/
/* ==========================================================================
	 IMAGES
========================================================================== */
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/**
 * Non-fluid images if you specify 'width' and/or 'height' attributes.
 */
img[width],
img[height] {
  max-width: none; }

/* ==========================================================================
	 FIGURES
========================================================================== */
.figure {
  margin-bottom: 24px; }

@media screen and (min-width: 30em) and (max-width: 47.5em) {
  .figure--left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.93229%; } }
  @media screen and (min-width: 68.75em) {
    .figure--left {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 48.93229%; } }

@media screen and (min-width: 30em) and (max-width: 47.5em) {
  .figure--right {
    display: block;
    float: left;
    margin-left: 51.01562%;
    margin-right: -100%;
    width: 48.93229%; } }
  @media screen and (min-width: 68.75em) {
    .figure--right {
      display: block;
      float: left;
      margin-left: 51.01562%;
      margin-right: -100%;
      width: 48.93229%; } }

.caption {
  text-align: right;
  font-style: italic;
  color: #179484;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 6px; }

/* ==========================================================================
	 PLACEMENTS
========================================================================== */
.img-right {
  float: right;
  margin-left: 24px;
  margin-bottom: 24px; }

@media screen and (min-width: 31.5625em) {
  .t-img-right, .tta-logos {
    float: right;
    margin-left: 24px;
    margin-bottom: 24px; } }

.img-left {
  float: left;
  margin-right: 24px;
  margin-bottom: 24px; }

.img-center, .logo, .profile img {
  display: block;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto; }

.image-container {
  display: table-cell;
  vertical-align: middle; }
  @media screen and (min-width: 44.0625em) {
    .image-container img {
      margin-top: -12px;
      margin-right: 24px; } }

/* ==========================================================================
	 MISC/UNIQUE STYLES
========================================================================== */
.logo {
  min-width: 150px;
  margin-top: -15px; }
  @media screen and (min-width: 44.0625em) {
    .logo {
      margin-top: 0; } }

.tour-icon-x-large, .tour-details-left .icon-cycling-round, .tour-details-left .icon-walking-round, .tour-details-left .places, .tour-details-left .places-small, .tour-icon-large, .tour-icon-small, .tour-icon-xsmall {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.tour-icon-x-large, .tour-details-left .icon-cycling-round, .tour-details-left .icon-walking-round, .tour-details-left .places, .tour-details-left .places-small {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 60px;
  line-height: 3.75rem;
  width: 93px;
  height: 93px;
  padding: 13px; }

.tour-icon-large {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
  width: 63px;
  height: 63px;
  padding: 13px; }

.tour-icon-small {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
  width: 42px;
  height: 42px;
  padding: 8px; }

.tour-icon-xsmall {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  width: 30px;
  height: 30px;
  padding: 4px; }

.tour-icon-corporate {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  width: 30px;
  height: 30px;
  padding: 5px;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 8px; }

.icon-cycling-round, .icon-walking-round, .places, .places-small {
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.6);
  color: #987643;
  text-align: center; }
  .box-tour .icon-cycling-round, .box-tour .icon-walking-round, .box-tour .places, .box-tour .places-small {
    top: -12px; }
  .tour-details-left .icon-cycling-round, .tour-details-left .icon-walking-round, .tour-details-left .places, .tour-details-left .places-small {
    margin-top: 24px;
    margin-top: 1.5rem;
    background-color: #c3ba99;
    color: #FFF; }

.profile img {
  -webkit-border-radius: 50%;
  border-radius: 50%; }

@media screen and (min-width: 34.375em) {
  .profile img {
    float: right;
    margin-left: 24px;
    margin-top: -48px;
    margin-bottom: 12px; } }

@media screen and (min-width: 59.375em) {
  .profile img {
    width: 50%; } }

@media screen and (min-width: 68.75em) {
  .profile img {
    width: auto; } }

.lt-ie9 .tta-logos {
  width: 280px; }

/* ==========================================================================
	 BANNER IMAGES
========================================================================== */
.banner {
  background-image: none; }
  @media screen and (min-width: 44.0625em) {
    .banner {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 200px;
      margin-top: -5px; } }
  @media screen and (min-width: 59.4375em) {
    .banner {
      height: 330px; } }

.banner-tours-cycling {
  background-image: url(../img/banners/tours-cycling-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-cycling {
      background-image: url(../img/banners/tours-cycling-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-cycling {
      background-image: url(../img/banners/tours-cycling-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-cycling {
      background-image: url(../img/banners/tours-cycling-2800.jpg); } }

.banner-tours-walking {
  background-image: url(../img/banners/tours-walking-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-walking {
      background-image: url(../img/banners/tours-walking-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-walking {
      background-image: url(../img/banners/tours-walking-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-walking {
      background-image: url(../img/banners/tours-walking-2800.jpg); } }

.banner-tours-cycling-d-day {
  background-image: url(../img/banners/tours-cycling-d-day-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-cycling-d-day {
      background-image: url(../img/banners/tours-cycling-d-day-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-cycling-d-day {
      background-image: url(../img/banners/tours-cycling-d-day-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-cycling-d-day {
      background-image: url(../img/banners/tours-cycling-d-day-2800.jpg); } }

.banner-tours-cycling-passchendaele {
  background-image: url(../img/banners/tours-cycling-passchendaele-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-cycling-passchendaele {
      background-image: url(../img/banners/tours-cycling-passchendaele-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-cycling-passchendaele {
      background-image: url(../img/banners/tours-cycling-passchendaele-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-cycling-passchendaele {
      background-image: url(../img/banners/tours-cycling-passchendaele-2800.jpg); } }

.banner-tours-cycling-somme {
  background-image: url(../img/banners/tours-cycling-somme-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-cycling-somme {
      background-image: url(../img/banners/tours-cycling-somme-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-cycling-somme {
      background-image: url(../img/banners/tours-cycling-somme-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-cycling-somme {
      background-image: url(../img/banners/tours-cycling-somme-2800.jpg); } }

.banner-tours-cycling-western-front {
  background-image: url(../img/banners/tours-cycling-western-front-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-cycling-western-front {
      background-image: url(../img/banners/tours-cycling-western-front-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-cycling-western-front {
      background-image: url(../img/banners/tours-cycling-western-front-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-cycling-western-front {
      background-image: url(../img/banners/tours-cycling-western-front-2800.jpg); } }

.banner-tours-cycling-arnhem {
  background-image: url(../img/banners/tours-cycling-arnhem-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-cycling-arnhem {
      background-image: url(../img/banners/tours-cycling-arnhem-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-cycling-arnhem {
      background-image: url(../img/banners/tours-cycling-arnhem-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-cycling-arnhem {
      background-image: url(../img/banners/tours-cycling-arnhem-2800.jpg); } }

.banner-tours-walking {
  background-image: url(../img/banners/tours-walking-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-walking {
      background-image: url(../img/banners/tours-walking-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-walking {
      background-image: url(../img/banners/tours-walking-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-walking {
      background-image: url(../img/banners/tours-walking-2800.jpg); } }

.banner-tours-walking-somme {
  background-image: url(../img/banners/tours-walking-somme-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-walking-somme {
      background-image: url(../img/banners/tours-walking-somme-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-walking-somme {
      background-image: url(../img/banners/tours-walking-somme-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-walking-somme {
      background-image: url(../img/banners/tours-walking-somme-2800.jpg); } }

.banner-tours-walking-d-day {
  background-image: url(../img/banners/tours-walking-d-day-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-walking-d-day {
      background-image: url(../img/banners/tours-walking-d-day-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-walking-d-day {
      background-image: url(../img/banners/tours-walking-d-day-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-walking-d-day {
      background-image: url(../img/banners/tours-walking-d-day-2800.jpg); } }

.banner-tours-walking-ypres {
  background-image: url(../img/banners/tours-walking-ypres-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-walking-ypres {
      background-image: url(../img/banners/tours-walking-ypres-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-walking-ypres {
      background-image: url(../img/banners/tours-walking-ypres-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-walking-ypres {
      background-image: url(../img/banners/tours-walking-ypres-2800.jpg); } }

.banner-tours-london {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-2800.jpg); } }

.banner-about {
  background-image: url(../img/banners/about-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-about {
      background-image: url(../img/banners/about-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-about {
      background-image: url(../img/banners/about-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-about {
      background-image: url(../img/banners/about-2800.jpg); } }

.banner-faqs {
  background-image: url(../img/banners/faqs-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-faqs {
      background-image: url(../img/banners/faqs-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-faqs {
      background-image: url(../img/banners/faqs-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-faqs {
      background-image: url(../img/banners/faqs-2800.jpg); } }

.banner-contact {
  background-image: url(../img/banners/contact-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-contact {
      background-image: url(../img/banners/contact-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-contact {
      background-image: url(../img/banners/contact-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-contact {
      background-image: url(../img/banners/contact-2800.jpg); } }

.banner-gallery {
  background-image: url(../img/banners/gallery-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-gallery {
      background-image: url(../img/banners/gallery-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-gallery {
      background-image: url(../img/banners/gallery-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-gallery {
      background-image: url(../img/banners/gallery-2800.jpg); } }

.banner-testimonials {
  background-image: url(../img/banners/testimonials-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-testimonials {
      background-image: url(../img/banners/testimonials-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-testimonials {
      background-image: url(../img/banners/testimonials-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-testimonials {
      background-image: url(../img/banners/testimonials-2800.jpg); } }

.banner-unsubscribe {
  background-image: url(../img/banners/unsubscribe-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-unsubscribe {
      background-image: url(../img/banners/unsubscribe-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-unsubscribe {
      background-image: url(../img/banners/unsubscribe-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-unsubscribe {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/unsubscribe-2800.jpg); } }

.banner-subscribe {
  background-image: url(../img/banners/subscribe-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-subscribe {
      background-image: url(../img/banners/subscribe-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-subscribe {
      background-image: url(../img/banners/subscribe-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-subscribe {
      background-image: url(../img/banners/subscribe-2800.jpg); } }

.banner-home {
  background-image: url(../img/banners/home-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-home {
      background-image: url(../img/banners/home-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-home {
      background-image: url(../img/banners/home-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-home {
      background-image: url(../img/banners/home-2800.jpg); } }

.banner-tours-london-pubs-and-pirates {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-pubs-and-pirates-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london-pubs-and-pirates {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-pubs-and-pirates-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london-pubs-and-pirates {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-pubs-and-pirates-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london-pubs-and-pirates {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-pubs-and-pirates-2800.jpg); } }

.banner-tours-london-east-end-markets {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-east-end-markets-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london-east-end-markets {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-east-end-markets-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london-east-end-markets {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-east-end-markets-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london-east-end-markets {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-east-end-markets-2800.jpg); } }

.banner-tours-london-city-of-london {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-city-of-london-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london-city-of-london {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-city-of-london-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london-city-of-london {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-city-of-london-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london-city-of-london {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-city-of-london-2800.jpg); } }

.banner-tours-london-markets-kites-canals {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-markets-kites-canals-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london-markets-kites-canals {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-markets-kites-canals-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london-markets-kites-canals {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-markets-kites-canals-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london-markets-kites-canals {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-markets-kites-canals-2800.jpg); } }

.banner-tours-london-a-monopoly-of-power-and-wealth {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-a-monopoly-of-power-and-wealth-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london-a-monopoly-of-power-and-wealth {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-a-monopoly-of-power-and-wealth-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london-a-monopoly-of-power-and-wealth {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-a-monopoly-of-power-and-wealth-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london-a-monopoly-of-power-and-wealth {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-a-monopoly-of-power-and-wealth-2800.jpg); } }

.banner-tours-london-walk-in-the-wake-of-the-boat-race {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-walk-in-the-wake-of-the-boat-race-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london-walk-in-the-wake-of-the-boat-race {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-walk-in-the-wake-of-the-boat-race-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london-walk-in-the-wake-of-the-boat-race {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-walk-in-the-wake-of-the-boat-race-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london-walk-in-the-wake-of-the-boat-race {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-walk-in-the-wake-of-the-boat-race-2800.jpg); } }

.banner-tours-cycling-operation-dynamo-and-the-dunkirk-evacuation {
  background-image: url(../img/banners/tours-cycling-operation-dynamo-and-the-dunkirk-evacuation-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-cycling-operation-dynamo-and-the-dunkirk-evacuation {
      background-image: url(../img/banners/tours-cycling-operation-dynamo-and-the-dunkirk-evacuation-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-cycling-operation-dynamo-and-the-dunkirk-evacuation {
      background-image: url(../img/banners/tours-cycling-operation-dynamo-and-the-dunkirk-evacuation-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-cycling-operation-dynamo-and-the-dunkirk-evacuation {
      background-image: url(../img/banners/tours-cycling-operation-dynamo-and-the-dunkirk-evacuation-2800.jpg); } }

.banner-tours-london-soho {
  background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-soho-950.jpg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-tours-london-soho {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-soho-1900.jpg); } }
  @media screen and (min-width: 59.375em) {
    .banner-tours-london-soho {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-soho-1400.jpg); } }
  @media screen and (min-width: 59.375em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 59.375em) and (min-resolution: 192dpi) {
    .banner-tours-london-soho {
      background-image: url(https://www.battlefieldjourney.com/assets/img/banners/tours-london-soho-2800.jpg); } }

/*---------------------------------------------------
    BOX and SHADOWS STYLES v1.1
  ---------------------------------------------------
    A set of common SASS box styles by Terry Upton (Amasci Creative Limited)
	Some of these elements will be unique for every project.
-----------------------------------------------------*/
/* ==========================================================================
   BOXES
========================================================================== */
.box {
  margin-bottom: 24px;
  padding: 24px; }

.box-tour {
  margin-bottom: 24px;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative; }
  .box-tour .content {
    padding: 24px; }
  .box-tour img {
    width: 100%;
    border-bottom: 2px solid #FFF; }
  .box-tour--walking {
    background-color: #a1a0a0; }
    .box-tour--walking h2, .box-tour--walking p {
      color: #FFF; }
  .box-tour--cycling {
    background-color: #c3ba99; }
    .box-tour--cycling h2, .box-tour--cycling p {
      color: #FFF; }

@media screen and (min-width: 47.5em) {
  .box-tour {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.58156%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 2.83688%; }
    .box-tour:nth-of-type(2n) {
      margin-right: 0; }
    .box-tour:nth-of-type(2n+1) {
      clear: both; } }

@media screen and (min-width: 68.75em) {
  .box-tour {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 31.92708%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 2.08333%; }
    .box-tour:nth-of-type(2n) {
      margin-right: 2.08333%; }
    .box-tour:nth-of-type(2n+1) {
      clear: none; }
    .box-tour:nth-of-type(3n) {
      margin-right: 0; }
    .box-tour:nth-of-type(4n) {
      clear: both; } }

.box-tour p:last-child {
  margin-bottom: 0; }

.box--sidebar {
  padding: 24px; }
  @media screen and (min-width: 47.5em) {
    .box--sidebar {
      -webkit-border-top-left-radius: 20px;
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 20px;
      border-radius: 20px 0 0 20px;
      margin-bottom: 48px;
      margin-bottom: 3rem; } }
  @media screen and (min-width: 59.375em) {
    .box--sidebar {
      -webkit-border-radius: 20px;
      border-radius: 20px; } }

/* ==========================================================================
   STYLING
========================================================================== */
.shadow {
  -webkit-box-shadow: 0 0 4px 2px #CCC;
  box-shadow: 0 0 4px 2px #CCC; }

.round {
  -webkit-border-radius: 20px;
  border-radius: 20px; }

/* ==========================================================================
   BESPOKE FEATURE BOX
========================================================================== */
.box-bespoke {
  background-color: #686960;
  border-top: 15px solid #33342f; }
  .box-bespoke p:last-of-type {
    margin-bottom: 0; }
  .box-bespoke h1, .box-bespoke h2, .box-bespoke h3, .box-bespoke p {
    color: #FFF; }
  .box-bespoke__image {
    border-bottom: 1px solid #FFF; }

.box-value p:last-of-type {
  margin-bottom: 0; }

.box-value h1, .box-value h2, .box-value h3, .box-value p {
  color: #FFF; }

.box-value--cycling {
  border-top: 15px solid #9b8d5b; }

.box-value--walking {
  border-top: 15px solid #6e6d6d; }

.box-value p, .box-value li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem; }

.box-pullout {
  margin-bottom: 48px;
  margin-bottom: 3rem; }
  .box-pullout:last-of-type {
    margin-bottom: 0; }

@media screen and (min-width: 37.5em) and (max-width: 47.5em) {
  .box-pullout {
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 2.08333%;
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.93229%;
    margin-bottom: 0; }
    .box-pullout:nth-of-type(even) {
      clear: none;
      float: right;
      margin-right: 0;
      margin-left: 2.08333%; } }
  @media screen and (min-width: 68.75em) {
    .box-pullout {
      clear: none;
      float: left;
      margin-left: 0;
      margin-right: 2.08333%;
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 48.93229%;
      margin-bottom: 0; }
      .box-pullout:nth-of-type(even) {
        clear: none;
        float: right;
        margin-right: 0;
        margin-left: 2.08333%; } }
  .box-pullout__title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 36px;
    line-height: 2.25rem; }
  .box-pullout__content {
    padding: 15px 30px; }

/* ==========================================================================
   SPECIAL OFFER BOX
========================================================================== */
.box-offer {
  padding: 25px 15px; }
  .box-offer p:last-of-type {
    margin-bottom: 0; }
  .box-offer--walking {
    background-color: rgba(161, 160, 160, 0.3);
    border-left: 10px solid #a1a0a0; }
    .box-offer--walking p {
      color: #7b7a7a; }
    .box-offer--walking .box-offer__title {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 36px;
      line-height: 2.25rem; }
    .box-offer--walking .box-offer__title, .box-offer--walking strong {
      color: #545454; }

/*---------------------------------------------------
    TABLE STYLES v1.1
  ---------------------------------------------------
    A set of common SASS tables styles by Terry Upton (Amasci Creative Limited)
-----------------------------------------------------*/
/* ==========================================================================
   BASE TABLE
========================================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  background-color: #FFF; }
  table thead th,
  table tbody td {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #666; }
  table thead th {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    background-color: #987643;
    color: #FFF; }
  table thead th {
    vertical-align: top;
    padding-right: 20px; }
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {
    border-top: 0; }
  table tbody tr td,
  table tbody tr th {
    -webkit-transition: background-color 0.25s linear 0.3s linear;
    -moz-transition: background-color 0.25s linear 0.3s linear;
    -ie-transition: background-color 0.25s linear 0.3s linear;
    -o-transition: background-color 0.25s linear 0.3s linear;
    transition: background-color 0.25s linear 0.3s linear; }

/* ==========================================================================
   BORDERED TABLE
========================================================================== */
.table-bordered {
  border: 1px solid #CCC;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed; }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #CCC; }
  .table-bordered thead:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child td {
    border-top: 0; }

/* ==========================================================================
   STRIPED TABLE
========================================================================== */
.table-striped tbody tr:nth-child(even) td {
  background-color: rgba(204, 204, 204, 0.3); }

/* ==========================================================================
   RESPONSIVE TABLE
========================================================================== */
@media screen and (max-width: 44.0625em) {
  /* Force table to not be like tables anymore */
  .no-more-tables {
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 24px;
      line-height: 1.5rem;
      display: block; }
    .no-more-tables thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .no-more-tables td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
      white-space: normal;
      text-align: left; }
      .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        /* Label the data */
        content: attr(data-title); } }

/*---------------------------------------------------
    Print STYLES v1.1
  ---------------------------------------------------
    A set of common SASS print styles - kindly sourced from Stu Robson - https://github.com/sturobson/a-slightly-bizarre-starting-point
-----------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*---------------------------------------------------
    FORM STYLES v1.1
  ---------------------------------------------------
    A set of common SASS form styles by Terry Upton (Amasci Creative Limited)
	Some of these elements will be unique for every project.
-----------------------------------------------------*/
label,
input,
textarea,
button,
select,
option {
  cursor: pointer; }


textarea:active,
textarea:focus {
  cursor: text;
  outline: none; }

#fax {
  display: none; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

/* ==========================================================================
   BASE FORM STYLES
========================================================================== */
.text-input, .payment-form input[type=text],
.payment-form input[type=number],
.payment-form input[type=tel],
.payment-form input[type=email],
.payment-form select,
.payment-form textarea, .signup-form input[type=text],
.signup-form input[type=number],
.signup-form input[type=tel],
.signup-form input[type=email],
.signup-form select,
.signup-form textarea, .enquiry-form input[type=text],
.enquiry-form input[type=number],
.enquiry-form input[type=tel],
.enquiry-form input[type=email],
.enquiry-form select,
.enquiry-form textarea, .booking-form input[type=text],
.booking-form input[type=number],
.booking-form input[type=tel],
.booking-form input[type=email],
.booking-form select,
.booking-form textarea, .sq-input {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem;
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  -webkit-border-radius: 0;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  color: #666;
  padding: 6px 4px;
  border: 1px solid #cccccc;
  margin: 2px 0 5px 0;
  -webkit-appearance: none;
  outline: none;
  font-weight: 600; }
  .text-input::-webkit-input-placeholder, .payment-form input[type=text]::-webkit-input-placeholder,
  .payment-form input[type=number]::-webkit-input-placeholder,
  .payment-form input[type=tel]::-webkit-input-placeholder,
  .payment-form input[type=email]::-webkit-input-placeholder,
  .payment-form select::-webkit-input-placeholder,
  .payment-form textarea::-webkit-input-placeholder, .signup-form input[type=text]::-webkit-input-placeholder,
  .signup-form input[type=number]::-webkit-input-placeholder,
  .signup-form input[type=tel]::-webkit-input-placeholder,
  .signup-form input[type=email]::-webkit-input-placeholder,
  .signup-form select::-webkit-input-placeholder,
  .signup-form textarea::-webkit-input-placeholder, .enquiry-form input[type=text]::-webkit-input-placeholder,
  .enquiry-form input[type=number]::-webkit-input-placeholder,
  .enquiry-form input[type=tel]::-webkit-input-placeholder,
  .enquiry-form input[type=email]::-webkit-input-placeholder,
  .enquiry-form select::-webkit-input-placeholder,
  .enquiry-form textarea::-webkit-input-placeholder, .booking-form input[type=text]::-webkit-input-placeholder,
  .booking-form input[type=number]::-webkit-input-placeholder,
  .booking-form input[type=tel]::-webkit-input-placeholder,
  .booking-form input[type=email]::-webkit-input-placeholder,
  .booking-form select::-webkit-input-placeholder,
  .booking-form textarea::-webkit-input-placeholder, .sq-input::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.6); }
  .text-input:-moz-placeholder, .payment-form input:-moz-placeholder[type=text],
  .payment-form input:-moz-placeholder[type=number],
  .payment-form input:-moz-placeholder[type=tel],
  .payment-form input:-moz-placeholder[type=email],
  .payment-form select:-moz-placeholder,
  .payment-form textarea:-moz-placeholder, .signup-form input:-moz-placeholder[type=text],
  .signup-form input:-moz-placeholder[type=number],
  .signup-form input:-moz-placeholder[type=tel],
  .signup-form input:-moz-placeholder[type=email],
  .signup-form select:-moz-placeholder,
  .signup-form textarea:-moz-placeholder, .enquiry-form input:-moz-placeholder[type=text],
  .enquiry-form input:-moz-placeholder[type=number],
  .enquiry-form input:-moz-placeholder[type=tel],
  .enquiry-form input:-moz-placeholder[type=email],
  .enquiry-form select:-moz-placeholder,
  .enquiry-form textarea:-moz-placeholder, .booking-form input:-moz-placeholder[type=text],
  .booking-form input:-moz-placeholder[type=number],
  .booking-form input:-moz-placeholder[type=tel],
  .booking-form input:-moz-placeholder[type=email],
  .booking-form select:-moz-placeholder,
  .booking-form textarea:-moz-placeholder, .sq-input:-moz-placeholder {
    color: #666666; }
  .text-input::-moz-placeholder, .payment-form input[type=text]::-moz-placeholder,
  .payment-form input[type=number]::-moz-placeholder,
  .payment-form input[type=tel]::-moz-placeholder,
  .payment-form input[type=email]::-moz-placeholder,
  .payment-form select::-moz-placeholder,
  .payment-form textarea::-moz-placeholder, .signup-form input[type=text]::-moz-placeholder,
  .signup-form input[type=number]::-moz-placeholder,
  .signup-form input[type=tel]::-moz-placeholder,
  .signup-form input[type=email]::-moz-placeholder,
  .signup-form select::-moz-placeholder,
  .signup-form textarea::-moz-placeholder, .enquiry-form input[type=text]::-moz-placeholder,
  .enquiry-form input[type=number]::-moz-placeholder,
  .enquiry-form input[type=tel]::-moz-placeholder,
  .enquiry-form input[type=email]::-moz-placeholder,
  .enquiry-form select::-moz-placeholder,
  .enquiry-form textarea::-moz-placeholder, .booking-form input[type=text]::-moz-placeholder,
  .booking-form input[type=number]::-moz-placeholder,
  .booking-form input[type=tel]::-moz-placeholder,
  .booking-form input[type=email]::-moz-placeholder,
  .booking-form select::-moz-placeholder,
  .booking-form textarea::-moz-placeholder, .sq-input::-moz-placeholder {
    color: #666666; }
  .text-input:-ms-input-placeholder, .payment-form input:-ms-input-placeholder[type=text],
  .payment-form input:-ms-input-placeholder[type=number],
  .payment-form input:-ms-input-placeholder[type=tel],
  .payment-form input:-ms-input-placeholder[type=email],
  .payment-form select:-ms-input-placeholder,
  .payment-form textarea:-ms-input-placeholder, .signup-form input:-ms-input-placeholder[type=text],
  .signup-form input:-ms-input-placeholder[type=number],
  .signup-form input:-ms-input-placeholder[type=tel],
  .signup-form input:-ms-input-placeholder[type=email],
  .signup-form select:-ms-input-placeholder,
  .signup-form textarea:-ms-input-placeholder, .enquiry-form input:-ms-input-placeholder[type=text],
  .enquiry-form input:-ms-input-placeholder[type=number],
  .enquiry-form input:-ms-input-placeholder[type=tel],
  .enquiry-form input:-ms-input-placeholder[type=email],
  .enquiry-form select:-ms-input-placeholder,
  .enquiry-form textarea:-ms-input-placeholder, .booking-form input:-ms-input-placeholder[type=text],
  .booking-form input:-ms-input-placeholder[type=number],
  .booking-form input:-ms-input-placeholder[type=tel],
  .booking-form input:-ms-input-placeholder[type=email],
  .booking-form select:-ms-input-placeholder,
  .booking-form textarea:-ms-input-placeholder, .sq-input:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.6); }
  .text-input:focus, .payment-form input:focus[type=text],
  .payment-form input:focus[type=number],
  .payment-form input:focus[type=tel],
  .payment-form input:focus[type=email],
  .payment-form select:focus,
  .payment-form textarea:focus, .signup-form input:focus[type=text],
  .signup-form input:focus[type=number],
  .signup-form input:focus[type=tel],
  .signup-form input:focus[type=email],
  .signup-form select:focus,
  .signup-form textarea:focus, .enquiry-form input:focus[type=text],
  .enquiry-form input:focus[type=number],
  .enquiry-form input:focus[type=tel],
  .enquiry-form input:focus[type=email],
  .enquiry-form select:focus,
  .enquiry-form textarea:focus, .booking-form input:focus[type=text],
  .booking-form input:focus[type=number],
  .booking-form input:focus[type=tel],
  .booking-form input:focus[type=email],
  .booking-form select:focus,
  .booking-form textarea:focus, .sq-input:focus {
    -webkit-appearance: none;
    outline: none; }

label {
  color: #666;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem; }

.payment-form input[type=text],
.payment-form input[type=number],
.payment-form input[type=tel],
.payment-form input[type=email],
.payment-form select,
.payment-form textarea {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 12px;
  width: 100%; }
  .payment-form input[type=text].error,
  .payment-form input[type=number].error,
  .payment-form input[type=tel].error,
  .payment-form input[type=email].error,
  .payment-form select.error,
  .payment-form textarea.error {
    border: 1px solid #b94a48;
    background-color: #f2dede;
    color: #b94a48;
    /* WebKit browsers */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10+ */ }
    .payment-form input[type=text].error::-webkit-input-placeholder,
    .payment-form input[type=number].error::-webkit-input-placeholder,
    .payment-form input[type=tel].error::-webkit-input-placeholder,
    .payment-form input[type=email].error::-webkit-input-placeholder,
    .payment-form select.error::-webkit-input-placeholder,
    .payment-form textarea.error::-webkit-input-placeholder {
      color: rgba(185, 74, 72, 0.6); }
    .payment-form input[type=text].error:-moz-placeholder,
    .payment-form input[type=number].error:-moz-placeholder,
    .payment-form input[type=tel].error:-moz-placeholder,
    .payment-form input[type=email].error:-moz-placeholder,
    .payment-form select.error:-moz-placeholder,
    .payment-form textarea.error:-moz-placeholder {
      color: #b94a48; }
    .payment-form input[type=text].error::-moz-placeholder,
    .payment-form input[type=number].error::-moz-placeholder,
    .payment-form input[type=tel].error::-moz-placeholder,
    .payment-form input[type=email].error::-moz-placeholder,
    .payment-form select.error::-moz-placeholder,
    .payment-form textarea.error::-moz-placeholder {
      color: #b94a48; }
    .payment-form input[type=text].error:-ms-input-placeholder,
    .payment-form input[type=number].error:-ms-input-placeholder,
    .payment-form input[type=tel].error:-ms-input-placeholder,
    .payment-form input[type=email].error:-ms-input-placeholder,
    .payment-form select.error:-ms-input-placeholder,
    .payment-form textarea.error:-ms-input-placeholder {
      color: rgba(185, 74, 72, 0.6); }

.signup-form label, .enquiry-form label, .booking-form label {
  display: none; }

.signup-form input[type=text],
.signup-form input[type=number],
.signup-form input[type=tel],
.signup-form input[type=email],
.signup-form select,
.signup-form textarea, .enquiry-form input[type=text],
.enquiry-form input[type=number],
.enquiry-form input[type=tel],
.enquiry-form input[type=email],
.enquiry-form select,
.enquiry-form textarea, .booking-form input[type=text],
.booking-form input[type=number],
.booking-form input[type=tel],
.booking-form input[type=email],
.booking-form select,
.booking-form textarea {
  width: 90%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  margin: 0 0 15px 0; }
  .signup-form input[type=text]:focus, .signup-form input[type=text].required:focus,
  .signup-form input[type=number]:focus,
  .signup-form input[type=number].required:focus,
  .signup-form input[type=tel]:focus,
  .signup-form input[type=tel].required:focus,
  .signup-form input[type=email]:focus,
  .signup-form input[type=email].required:focus,
  .signup-form select:focus,
  .signup-form select.required:focus,
  .signup-form textarea:focus,
  .signup-form textarea.required:focus, .enquiry-form input[type=text]:focus, .enquiry-form input[type=text].required:focus,
  .enquiry-form input[type=number]:focus,
  .enquiry-form input[type=number].required:focus,
  .enquiry-form input[type=tel]:focus,
  .enquiry-form input[type=tel].required:focus,
  .enquiry-form input[type=email]:focus,
  .enquiry-form input[type=email].required:focus,
  .enquiry-form select:focus,
  .enquiry-form select.required:focus,
  .enquiry-form textarea:focus,
  .enquiry-form textarea.required:focus, .booking-form input[type=text]:focus, .booking-form input[type=text].required:focus,
  .booking-form input[type=number]:focus,
  .booking-form input[type=number].required:focus,
  .booking-form input[type=tel]:focus,
  .booking-form input[type=tel].required:focus,
  .booking-form input[type=email]:focus,
  .booking-form input[type=email].required:focus,
  .booking-form select:focus,
  .booking-form select.required:focus,
  .booking-form textarea:focus,
  .booking-form textarea.required:focus {
    /* WebKit browsers */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10+ */
    border: 2px solid rgba(255, 255, 255, 0.6);
    background-color: #987643;
    color: #FFF;
    outline: none; }
    .signup-form input[type=text]:focus::-webkit-input-placeholder, .signup-form input[type=text].required:focus::-webkit-input-placeholder,
    .signup-form input[type=number]:focus::-webkit-input-placeholder,
    .signup-form input[type=number].required:focus::-webkit-input-placeholder,
    .signup-form input[type=tel]:focus::-webkit-input-placeholder,
    .signup-form input[type=tel].required:focus::-webkit-input-placeholder,
    .signup-form input[type=email]:focus::-webkit-input-placeholder,
    .signup-form input[type=email].required:focus::-webkit-input-placeholder,
    .signup-form select:focus::-webkit-input-placeholder,
    .signup-form select.required:focus::-webkit-input-placeholder,
    .signup-form textarea:focus::-webkit-input-placeholder,
    .signup-form textarea.required:focus::-webkit-input-placeholder, .enquiry-form input[type=text]:focus::-webkit-input-placeholder, .enquiry-form input[type=text].required:focus::-webkit-input-placeholder,
    .enquiry-form input[type=number]:focus::-webkit-input-placeholder,
    .enquiry-form input[type=number].required:focus::-webkit-input-placeholder,
    .enquiry-form input[type=tel]:focus::-webkit-input-placeholder,
    .enquiry-form input[type=tel].required:focus::-webkit-input-placeholder,
    .enquiry-form input[type=email]:focus::-webkit-input-placeholder,
    .enquiry-form input[type=email].required:focus::-webkit-input-placeholder,
    .enquiry-form select:focus::-webkit-input-placeholder,
    .enquiry-form select.required:focus::-webkit-input-placeholder,
    .enquiry-form textarea:focus::-webkit-input-placeholder,
    .enquiry-form textarea.required:focus::-webkit-input-placeholder, .booking-form input[type=text]:focus::-webkit-input-placeholder, .booking-form input[type=text].required:focus::-webkit-input-placeholder,
    .booking-form input[type=number]:focus::-webkit-input-placeholder,
    .booking-form input[type=number].required:focus::-webkit-input-placeholder,
    .booking-form input[type=tel]:focus::-webkit-input-placeholder,
    .booking-form input[type=tel].required:focus::-webkit-input-placeholder,
    .booking-form input[type=email]:focus::-webkit-input-placeholder,
    .booking-form input[type=email].required:focus::-webkit-input-placeholder,
    .booking-form select:focus::-webkit-input-placeholder,
    .booking-form select.required:focus::-webkit-input-placeholder,
    .booking-form textarea:focus::-webkit-input-placeholder,
    .booking-form textarea.required:focus::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.6); }
    .signup-form input[type=text]:focus:-moz-placeholder, .signup-form input[type=text].required:focus:-moz-placeholder,
    .signup-form input[type=number]:focus:-moz-placeholder,
    .signup-form input[type=number].required:focus:-moz-placeholder,
    .signup-form input[type=tel]:focus:-moz-placeholder,
    .signup-form input[type=tel].required:focus:-moz-placeholder,
    .signup-form input[type=email]:focus:-moz-placeholder,
    .signup-form input[type=email].required:focus:-moz-placeholder,
    .signup-form select:focus:-moz-placeholder,
    .signup-form select.required:focus:-moz-placeholder,
    .signup-form textarea:focus:-moz-placeholder,
    .signup-form textarea.required:focus:-moz-placeholder, .enquiry-form input[type=text]:focus:-moz-placeholder, .enquiry-form input[type=text].required:focus:-moz-placeholder,
    .enquiry-form input[type=number]:focus:-moz-placeholder,
    .enquiry-form input[type=number].required:focus:-moz-placeholder,
    .enquiry-form input[type=tel]:focus:-moz-placeholder,
    .enquiry-form input[type=tel].required:focus:-moz-placeholder,
    .enquiry-form input[type=email]:focus:-moz-placeholder,
    .enquiry-form input[type=email].required:focus:-moz-placeholder,
    .enquiry-form select:focus:-moz-placeholder,
    .enquiry-form select.required:focus:-moz-placeholder,
    .enquiry-form textarea:focus:-moz-placeholder,
    .enquiry-form textarea.required:focus:-moz-placeholder, .booking-form input[type=text]:focus:-moz-placeholder, .booking-form input[type=text].required:focus:-moz-placeholder,
    .booking-form input[type=number]:focus:-moz-placeholder,
    .booking-form input[type=number].required:focus:-moz-placeholder,
    .booking-form input[type=tel]:focus:-moz-placeholder,
    .booking-form input[type=tel].required:focus:-moz-placeholder,
    .booking-form input[type=email]:focus:-moz-placeholder,
    .booking-form input[type=email].required:focus:-moz-placeholder,
    .booking-form select:focus:-moz-placeholder,
    .booking-form select.required:focus:-moz-placeholder,
    .booking-form textarea:focus:-moz-placeholder,
    .booking-form textarea.required:focus:-moz-placeholder {
      color: white; }
    .signup-form input[type=text]:focus::-moz-placeholder, .signup-form input[type=text].required:focus::-moz-placeholder,
    .signup-form input[type=number]:focus::-moz-placeholder,
    .signup-form input[type=number].required:focus::-moz-placeholder,
    .signup-form input[type=tel]:focus::-moz-placeholder,
    .signup-form input[type=tel].required:focus::-moz-placeholder,
    .signup-form input[type=email]:focus::-moz-placeholder,
    .signup-form input[type=email].required:focus::-moz-placeholder,
    .signup-form select:focus::-moz-placeholder,
    .signup-form select.required:focus::-moz-placeholder,
    .signup-form textarea:focus::-moz-placeholder,
    .signup-form textarea.required:focus::-moz-placeholder, .enquiry-form input[type=text]:focus::-moz-placeholder, .enquiry-form input[type=text].required:focus::-moz-placeholder,
    .enquiry-form input[type=number]:focus::-moz-placeholder,
    .enquiry-form input[type=number].required:focus::-moz-placeholder,
    .enquiry-form input[type=tel]:focus::-moz-placeholder,
    .enquiry-form input[type=tel].required:focus::-moz-placeholder,
    .enquiry-form input[type=email]:focus::-moz-placeholder,
    .enquiry-form input[type=email].required:focus::-moz-placeholder,
    .enquiry-form select:focus::-moz-placeholder,
    .enquiry-form select.required:focus::-moz-placeholder,
    .enquiry-form textarea:focus::-moz-placeholder,
    .enquiry-form textarea.required:focus::-moz-placeholder, .booking-form input[type=text]:focus::-moz-placeholder, .booking-form input[type=text].required:focus::-moz-placeholder,
    .booking-form input[type=number]:focus::-moz-placeholder,
    .booking-form input[type=number].required:focus::-moz-placeholder,
    .booking-form input[type=tel]:focus::-moz-placeholder,
    .booking-form input[type=tel].required:focus::-moz-placeholder,
    .booking-form input[type=email]:focus::-moz-placeholder,
    .booking-form input[type=email].required:focus::-moz-placeholder,
    .booking-form select:focus::-moz-placeholder,
    .booking-form select.required:focus::-moz-placeholder,
    .booking-form textarea:focus::-moz-placeholder,
    .booking-form textarea.required:focus::-moz-placeholder {
      color: white; }
    .signup-form input[type=text]:focus:-ms-input-placeholder, .signup-form input[type=text].required:focus:-ms-input-placeholder,
    .signup-form input[type=number]:focus:-ms-input-placeholder,
    .signup-form input[type=number].required:focus:-ms-input-placeholder,
    .signup-form input[type=tel]:focus:-ms-input-placeholder,
    .signup-form input[type=tel].required:focus:-ms-input-placeholder,
    .signup-form input[type=email]:focus:-ms-input-placeholder,
    .signup-form input[type=email].required:focus:-ms-input-placeholder,
    .signup-form select:focus:-ms-input-placeholder,
    .signup-form select.required:focus:-ms-input-placeholder,
    .signup-form textarea:focus:-ms-input-placeholder,
    .signup-form textarea.required:focus:-ms-input-placeholder, .enquiry-form input[type=text]:focus:-ms-input-placeholder, .enquiry-form input[type=text].required:focus:-ms-input-placeholder,
    .enquiry-form input[type=number]:focus:-ms-input-placeholder,
    .enquiry-form input[type=number].required:focus:-ms-input-placeholder,
    .enquiry-form input[type=tel]:focus:-ms-input-placeholder,
    .enquiry-form input[type=tel].required:focus:-ms-input-placeholder,
    .enquiry-form input[type=email]:focus:-ms-input-placeholder,
    .enquiry-form input[type=email].required:focus:-ms-input-placeholder,
    .enquiry-form select:focus:-ms-input-placeholder,
    .enquiry-form select.required:focus:-ms-input-placeholder,
    .enquiry-form textarea:focus:-ms-input-placeholder,
    .enquiry-form textarea.required:focus:-ms-input-placeholder, .booking-form input[type=text]:focus:-ms-input-placeholder, .booking-form input[type=text].required:focus:-ms-input-placeholder,
    .booking-form input[type=number]:focus:-ms-input-placeholder,
    .booking-form input[type=number].required:focus:-ms-input-placeholder,
    .booking-form input[type=tel]:focus:-ms-input-placeholder,
    .booking-form input[type=tel].required:focus:-ms-input-placeholder,
    .booking-form input[type=email]:focus:-ms-input-placeholder,
    .booking-form input[type=email].required:focus:-ms-input-placeholder,
    .booking-form select:focus:-ms-input-placeholder,
    .booking-form select.required:focus:-ms-input-placeholder,
    .booking-form textarea:focus:-ms-input-placeholder,
    .booking-form textarea.required:focus:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.6); }
    @media screen and (max-width: 44em) {
      .signup-form input[type=text]:focus, .signup-form input[type=text].required:focus,
      .signup-form input[type=number]:focus,
      .signup-form input[type=number].required:focus,
      .signup-form input[type=tel]:focus,
      .signup-form input[type=tel].required:focus,
      .signup-form input[type=email]:focus,
      .signup-form input[type=email].required:focus,
      .signup-form select:focus,
      .signup-form select.required:focus,
      .signup-form textarea:focus,
      .signup-form textarea.required:focus, .enquiry-form input[type=text]:focus, .enquiry-form input[type=text].required:focus,
      .enquiry-form input[type=number]:focus,
      .enquiry-form input[type=number].required:focus,
      .enquiry-form input[type=tel]:focus,
      .enquiry-form input[type=tel].required:focus,
      .enquiry-form input[type=email]:focus,
      .enquiry-form input[type=email].required:focus,
      .enquiry-form select:focus,
      .enquiry-form select.required:focus,
      .enquiry-form textarea:focus,
      .enquiry-form textarea.required:focus, .booking-form input[type=text]:focus, .booking-form input[type=text].required:focus,
      .booking-form input[type=number]:focus,
      .booking-form input[type=number].required:focus,
      .booking-form input[type=tel]:focus,
      .booking-form input[type=tel].required:focus,
      .booking-form input[type=email]:focus,
      .booking-form input[type=email].required:focus,
      .booking-form select:focus,
      .booking-form select.required:focus,
      .booking-form textarea:focus,
      .booking-form textarea.required:focus {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem; } }
  .signup-form input[type=text].required,
  .signup-form input[type=number].required,
  .signup-form input[type=tel].required,
  .signup-form input[type=email].required,
  .signup-form select.required,
  .signup-form textarea.required, .enquiry-form input[type=text].required,
  .enquiry-form input[type=number].required,
  .enquiry-form input[type=tel].required,
  .enquiry-form input[type=email].required,
  .enquiry-form select.required,
  .enquiry-form textarea.required, .booking-form input[type=text].required,
  .booking-form input[type=number].required,
  .booking-form input[type=tel].required,
  .booking-form input[type=email].required,
  .booking-form select.required,
  .booking-form textarea.required {
    /* WebKit browsers */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10+ */ }
    .signup-form input[type=text].required::-webkit-input-placeholder,
    .signup-form input[type=number].required::-webkit-input-placeholder,
    .signup-form input[type=tel].required::-webkit-input-placeholder,
    .signup-form input[type=email].required::-webkit-input-placeholder,
    .signup-form select.required::-webkit-input-placeholder,
    .signup-form textarea.required::-webkit-input-placeholder, .enquiry-form input[type=text].required::-webkit-input-placeholder,
    .enquiry-form input[type=number].required::-webkit-input-placeholder,
    .enquiry-form input[type=tel].required::-webkit-input-placeholder,
    .enquiry-form input[type=email].required::-webkit-input-placeholder,
    .enquiry-form select.required::-webkit-input-placeholder,
    .enquiry-form textarea.required::-webkit-input-placeholder, .booking-form input[type=text].required::-webkit-input-placeholder,
    .booking-form input[type=number].required::-webkit-input-placeholder,
    .booking-form input[type=tel].required::-webkit-input-placeholder,
    .booking-form input[type=email].required::-webkit-input-placeholder,
    .booking-form select.required::-webkit-input-placeholder,
    .booking-form textarea.required::-webkit-input-placeholder {
      color: rgba(23, 148, 132, 0.8); }
    .signup-form input[type=text].required:-moz-placeholder,
    .signup-form input[type=number].required:-moz-placeholder,
    .signup-form input[type=tel].required:-moz-placeholder,
    .signup-form input[type=email].required:-moz-placeholder,
    .signup-form select.required:-moz-placeholder,
    .signup-form textarea.required:-moz-placeholder, .enquiry-form input[type=text].required:-moz-placeholder,
    .enquiry-form input[type=number].required:-moz-placeholder,
    .enquiry-form input[type=tel].required:-moz-placeholder,
    .enquiry-form input[type=email].required:-moz-placeholder,
    .enquiry-form select.required:-moz-placeholder,
    .enquiry-form textarea.required:-moz-placeholder, .booking-form input[type=text].required:-moz-placeholder,
    .booking-form input[type=number].required:-moz-placeholder,
    .booking-form input[type=tel].required:-moz-placeholder,
    .booking-form input[type=email].required:-moz-placeholder,
    .booking-form select.required:-moz-placeholder,
    .booking-form textarea.required:-moz-placeholder {
      color: #179484; }
    .signup-form input[type=text].required::-moz-placeholder,
    .signup-form input[type=number].required::-moz-placeholder,
    .signup-form input[type=tel].required::-moz-placeholder,
    .signup-form input[type=email].required::-moz-placeholder,
    .signup-form select.required::-moz-placeholder,
    .signup-form textarea.required::-moz-placeholder, .enquiry-form input[type=text].required::-moz-placeholder,
    .enquiry-form input[type=number].required::-moz-placeholder,
    .enquiry-form input[type=tel].required::-moz-placeholder,
    .enquiry-form input[type=email].required::-moz-placeholder,
    .enquiry-form select.required::-moz-placeholder,
    .enquiry-form textarea.required::-moz-placeholder, .booking-form input[type=text].required::-moz-placeholder,
    .booking-form input[type=number].required::-moz-placeholder,
    .booking-form input[type=tel].required::-moz-placeholder,
    .booking-form input[type=email].required::-moz-placeholder,
    .booking-form select.required::-moz-placeholder,
    .booking-form textarea.required::-moz-placeholder {
      color: #179484; }
    .signup-form input[type=text].required:-ms-input-placeholder,
    .signup-form input[type=number].required:-ms-input-placeholder,
    .signup-form input[type=tel].required:-ms-input-placeholder,
    .signup-form input[type=email].required:-ms-input-placeholder,
    .signup-form select.required:-ms-input-placeholder,
    .signup-form textarea.required:-ms-input-placeholder, .enquiry-form input[type=text].required:-ms-input-placeholder,
    .enquiry-form input[type=number].required:-ms-input-placeholder,
    .enquiry-form input[type=tel].required:-ms-input-placeholder,
    .enquiry-form input[type=email].required:-ms-input-placeholder,
    .enquiry-form select.required:-ms-input-placeholder,
    .enquiry-form textarea.required:-ms-input-placeholder, .booking-form input[type=text].required:-ms-input-placeholder,
    .booking-form input[type=number].required:-ms-input-placeholder,
    .booking-form input[type=tel].required:-ms-input-placeholder,
    .booking-form input[type=email].required:-ms-input-placeholder,
    .booking-form select.required:-ms-input-placeholder,
    .booking-form textarea.required:-ms-input-placeholder {
      color: rgba(23, 148, 132, 0.8); }
  .signup-form input[type=text].error,
  .signup-form input[type=number].error,
  .signup-form input[type=tel].error,
  .signup-form input[type=email].error,
  .signup-form select.error,
  .signup-form textarea.error, .enquiry-form input[type=text].error,
  .enquiry-form input[type=number].error,
  .enquiry-form input[type=tel].error,
  .enquiry-form input[type=email].error,
  .enquiry-form select.error,
  .enquiry-form textarea.error, .booking-form input[type=text].error,
  .booking-form input[type=number].error,
  .booking-form input[type=tel].error,
  .booking-form input[type=email].error,
  .booking-form select.error,
  .booking-form textarea.error {
    border: 1px solid #b94a48;
    background-color: #f2dede;
    color: #b94a48;
    /* WebKit browsers */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10+ */ }
    .signup-form input[type=text].error::-webkit-input-placeholder,
    .signup-form input[type=number].error::-webkit-input-placeholder,
    .signup-form input[type=tel].error::-webkit-input-placeholder,
    .signup-form input[type=email].error::-webkit-input-placeholder,
    .signup-form select.error::-webkit-input-placeholder,
    .signup-form textarea.error::-webkit-input-placeholder, .enquiry-form input[type=text].error::-webkit-input-placeholder,
    .enquiry-form input[type=number].error::-webkit-input-placeholder,
    .enquiry-form input[type=tel].error::-webkit-input-placeholder,
    .enquiry-form input[type=email].error::-webkit-input-placeholder,
    .enquiry-form select.error::-webkit-input-placeholder,
    .enquiry-form textarea.error::-webkit-input-placeholder, .booking-form input[type=text].error::-webkit-input-placeholder,
    .booking-form input[type=number].error::-webkit-input-placeholder,
    .booking-form input[type=tel].error::-webkit-input-placeholder,
    .booking-form input[type=email].error::-webkit-input-placeholder,
    .booking-form select.error::-webkit-input-placeholder,
    .booking-form textarea.error::-webkit-input-placeholder {
      color: rgba(185, 74, 72, 0.6); }
    .signup-form input[type=text].error:-moz-placeholder,
    .signup-form input[type=number].error:-moz-placeholder,
    .signup-form input[type=tel].error:-moz-placeholder,
    .signup-form input[type=email].error:-moz-placeholder,
    .signup-form select.error:-moz-placeholder,
    .signup-form textarea.error:-moz-placeholder, .enquiry-form input[type=text].error:-moz-placeholder,
    .enquiry-form input[type=number].error:-moz-placeholder,
    .enquiry-form input[type=tel].error:-moz-placeholder,
    .enquiry-form input[type=email].error:-moz-placeholder,
    .enquiry-form select.error:-moz-placeholder,
    .enquiry-form textarea.error:-moz-placeholder, .booking-form input[type=text].error:-moz-placeholder,
    .booking-form input[type=number].error:-moz-placeholder,
    .booking-form input[type=tel].error:-moz-placeholder,
    .booking-form input[type=email].error:-moz-placeholder,
    .booking-form select.error:-moz-placeholder,
    .booking-form textarea.error:-moz-placeholder {
      color: #b94a48; }
    .signup-form input[type=text].error::-moz-placeholder,
    .signup-form input[type=number].error::-moz-placeholder,
    .signup-form input[type=tel].error::-moz-placeholder,
    .signup-form input[type=email].error::-moz-placeholder,
    .signup-form select.error::-moz-placeholder,
    .signup-form textarea.error::-moz-placeholder, .enquiry-form input[type=text].error::-moz-placeholder,
    .enquiry-form input[type=number].error::-moz-placeholder,
    .enquiry-form input[type=tel].error::-moz-placeholder,
    .enquiry-form input[type=email].error::-moz-placeholder,
    .enquiry-form select.error::-moz-placeholder,
    .enquiry-form textarea.error::-moz-placeholder, .booking-form input[type=text].error::-moz-placeholder,
    .booking-form input[type=number].error::-moz-placeholder,
    .booking-form input[type=tel].error::-moz-placeholder,
    .booking-form input[type=email].error::-moz-placeholder,
    .booking-form select.error::-moz-placeholder,
    .booking-form textarea.error::-moz-placeholder {
      color: #b94a48; }
    .signup-form input[type=text].error:-ms-input-placeholder,
    .signup-form input[type=number].error:-ms-input-placeholder,
    .signup-form input[type=tel].error:-ms-input-placeholder,
    .signup-form input[type=email].error:-ms-input-placeholder,
    .signup-form select.error:-ms-input-placeholder,
    .signup-form textarea.error:-ms-input-placeholder, .enquiry-form input[type=text].error:-ms-input-placeholder,
    .enquiry-form input[type=number].error:-ms-input-placeholder,
    .enquiry-form input[type=tel].error:-ms-input-placeholder,
    .enquiry-form input[type=email].error:-ms-input-placeholder,
    .enquiry-form select.error:-ms-input-placeholder,
    .enquiry-form textarea.error:-ms-input-placeholder, .booking-form input[type=text].error:-ms-input-placeholder,
    .booking-form input[type=number].error:-ms-input-placeholder,
    .booking-form input[type=tel].error:-ms-input-placeholder,
    .booking-form input[type=email].error:-ms-input-placeholder,
    .booking-form select.error:-ms-input-placeholder,
    .booking-form textarea.error:-ms-input-placeholder {
      color: rgba(185, 74, 72, 0.6); }

.signup-form button, .enquiry-form button, .booking-form button {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem;
  border: 2px solid rgba(255, 255, 255, 0.6);
  margin-bottom: 5px; }
  .signup-form button:hover, .signup-form button:focus, .signup-form button:active, .enquiry-form button:hover, .enquiry-form button:focus, .enquiry-form button:active, .booking-form button:hover, .booking-form button:focus, .booking-form button:active {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ie-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background-color: #179484;
    color: #FFF; }

/* ==========================================================================
   ERROR STYLES
========================================================================== */
.error {
  color: #b94a48;
  float: left;
  margin: 4px 0 12px 0; }

div.error {
  width: 90%;
  border: 1px solid #b94a48;
  background-color: #f2dede;
  padding: 12px; }

/*---------------------------------------------------
    Layout STYLES v1.1
  ---------------------------------------------------
    A set of unique SASS layout styles by Terry Upton (Amasci Creative Limited)
-----------------------------------------------------
*/
/* ==========================================================================
   LAYOUT STYLES
========================================================================== */
/* See Normalize for addition resets */
.header-contact {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  background-color: #333;
  padding: 10px; }
  @media screen and (min-width: 44.0625em) {
    .header-contact {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 48.58156%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 1.41844%;
      padding-right: 1.41844%;
      background-color: inherit; } }
  @media screen and (min-width: 61.875em) {
    .header-contact {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 31.92708%;
      background-color: inherit;
      position: inherit; } }

.header-logo {
  display: block;
  float: left;
  margin-left: 26.25%;
  margin-right: -100%;
  width: 47.34375%;
  clear: left; }
  @media screen and (min-width: 44.0625em) {
    .header-logo {
      display: block;
      float: left;
      margin-left: 34.27896%;
      margin-right: -100%;
      width: 31.44208%;
      clear: none; } }
  @media screen and (min-width: 61.875em) {
    .header-logo {
      display: block;
      float: left;
      margin-left: 34.01042%;
      margin-right: -100%;
      width: 31.92708%; } }

.header-strapline {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3.125%;
  padding-right: 3.125%; }
  @media screen and (min-width: 44.0625em) {
    .header-strapline {
      display: block;
      float: left;
      margin-left: 68.55792%;
      margin-right: -100%;
      width: 31.44208%;
      left: -1.41844%;
      position: relative;
      padding-left: 1.41844%;
      padding-right: 1.41844%; } }
  @media screen and (min-width: 61.875em) {
    .header-strapline {
      display: block;
      float: left;
      margin-left: 68.02083%;
      margin-right: -100%;
      width: 31.92708%;
      padding: 0; } }

.header-strapline-text {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3.125%;
  padding-right: 3.125%;
  text-align: center; }
  @media screen and (min-width: 44.0625em) {
    .header-strapline-text {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 1.41844%;
      padding-right: 1.41844%;
      text-align: right; } }

.header-strapline-icons {
  margin-top: 55px;
  text-align: center; }
  @media screen and (min-width: 44.0625em) {
    .header-strapline-icons {
      text-align: right;
      margin-top: 15px; } }

@media screen and (max-width: 44.0625em) {
  .header-icon-cycling {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 20%;
    clear: none; } }

@media screen and (max-width: 44.0625em) {
  .header-icon-walking {
    display: block;
    float: left;
    margin-left: 79.84375%;
    margin-right: -100%;
    width: 20%;
    clear: none; } }

.jagged-strip, .header-bg, .cycling-bg, .cycling-bg-up, .walking-bg, .walking-bg-up, .bg-jag-white {
  background-repeat: repeat-x;
  height: 5px;
  overflow: hidden;
  position: relative;
  z-index: 10; }

.header-bg {
  background-image: url("../img/bg-jag-header.png"); }

@media screen and (min-width: 44.0625em) {
  .footer-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.58156%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.83688%;
    padding-right: 2.83688%;
    float: left; } }

@media screen and (min-width: 61.875em) {
  .footer-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.93229%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.08333%;
    padding-right: 2.08333%; } }

@media screen and (min-width: 44.0625em) {
  .footer-right {
    display: block;
    float: left;
    margin-left: 51.41844%;
    margin-right: -100%;
    width: 48.58156%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.83688%;
    padding-right: 2.83688%;
    float: left; } }

@media screen and (min-width: 61.875em) {
  .footer-right {
    display: block;
    float: left;
    margin-left: 51.01562%;
    margin-right: -100%;
    width: 48.93229%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.08333%;
    padding-right: 2.08333%; } }

/* ==========================================================================
   HOMEPAGE STYLES
========================================================================== */
.cycling-bg, .cycling-bg-up {
  background-image: url("../img/bg-jag-cycling.png"); }

.cycling-bg-up {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
  position: relative;
  top: -5px;
  z-index: 500; }

.walking-bg, .walking-bg-up {
  background-image: url("../img/bg-jag-walking.png"); }

.walking-bg-up {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
  position: relative;
  top: -5px;
  z-index: 500; }

@media screen and (min-width: 44.0625em) {
  .bg-jag-white {
    background-image: url("../img/bg-jag-white.png");
    position: relative;
    top: -3px;
    z-index: 10; } }

.section-cycling, .section-walking {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3.125%;
  padding-right: 3.125%;
  background-color: #c3ba99;
  padding-top: 12px;
  margin-top: -5px; }
  @media screen and (min-width: 44.0625em) {
    .section-cycling, .section-walking {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 2.83688%;
      padding-right: 2.83688%; } }

.section-walking {
  background-color: #a1a0a0; }

@media screen and (min-width: 44.0625em) {
  .home-tours {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.83688%;
    padding-right: 2.83688%; } }

@media screen and (min-width: 61.875em) {
  .home-tours {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.93229%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.08333%;
    padding-right: 2.08333%; } }

@media screen and (min-width: 44.0625em) {
  .home-tours-group {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.83688%;
    padding-right: 2.83688%; } }

@media screen and (min-width: 61.875em) {
  .home-tours-group {
    display: block;
    float: left;
    margin-left: 51.01562%;
    margin-right: -100%;
    width: 48.93229%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
    clear: none; } }

.home-testimonial {
  clear: both; }

@media screen and (min-width: 59.375em) {
  .home-contact {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.93229%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.08333%;
    padding-right: 2.08333%; } }

.home-tta {
  clear: both; }
  @media screen and (min-width: 59.375em) {
    .home-tta {
      clear: none;
      display: block;
      float: left;
      margin-left: 51.01562%;
      margin-right: -100%;
      width: 48.93229%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 2.08333%;
      padding-right: 2.08333%; } }
  .home-tta img {
    width: 70%; }

/* ==========================================================================
   TOUR PAGE STYLES
========================================================================== */
@media screen and (min-width: 47.5em) {
  .tour-details-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 65.72104%;
    margin-bottom: 48px;
    margin-bottom: 3rem;
    float: left; } }

@media screen and (min-width: 59.375em) {
  .tour-details-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 57.4349%; } }

@media screen and (min-width: 68.75em) {
  .tour-details-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 65.9375%;
    padding-right: 50px; } }

.tour-details-right {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  margin-bottom: -5px; }
  @media screen and (min-width: 47.5em) {
    .tour-details-right {
      display: block;
      float: left;
      margin-left: 68.55792%;
      margin-right: -100%;
      width: 31.44208%;
      margin-top: 24px;
      margin-top: 1.5rem;
      margin-bottom: 24px;
      margin-bottom: 1.5rem;
      float: left; } }
  @media screen and (min-width: 59.375em) {
    .tour-details-right {
      display: block;
      float: left;
      margin-left: 59.51823%;
      margin-right: -100%;
      width: 40.42969%;
      margin-top: 72px;
      margin-top: 4.5rem;
      padding-right: 2.08333%; } }
  @media screen and (min-width: 68.75em) {
    .tour-details-right {
      display: block;
      float: left;
      margin-left: 68.02083%;
      margin-right: -100%;
      width: 31.92708%; } }

.london-walk {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #CCC; }

/* ==========================================================================
   CONTACT PAGE STYLES
========================================================================== */
@media screen and (min-width: 47.5em) {
  .content-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 65.72104%;
    margin-bottom: 48px;
    margin-bottom: 3rem;
    float: left; } }

@media screen and (min-width: 59.375em) {
  .content-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 57.4349%; } }

@media screen and (min-width: 68.75em) {
  .content-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 65.9375%; } }

.content-right {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ie-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  margin-bottom: -5px; }
  @media screen and (min-width: 47.5em) {
    .content-right {
      display: block;
      float: left;
      margin-left: 68.55792%;
      margin-right: -100%;
      width: 31.44208%;
      margin-top: 24px;
      margin-top: 1.5rem;
      margin-bottom: 24px;
      margin-bottom: 1.5rem;
      float: left; } }
  @media screen and (min-width: 59.375em) {
    .content-right {
      display: block;
      float: left;
      margin-left: 59.51823%;
      margin-right: -100%;
      width: 40.42969%;
      margin-top: 72px;
      margin-top: 4.5rem;
      padding-right: 2.08333%; } }
  @media screen and (min-width: 68.75em) {
    .content-right {
      display: block;
      float: left;
      margin-left: 68.02083%;
      margin-right: -100%;
      width: 31.92708%; } }

/* ==========================================================================
   USEFUL INFO PAGE STYLES
========================================================================== */
details {
  padding: 24px 24px 0;
  border-bottom: 1px solid #CCC;
  margin-left: -24px;
  margin-right: -24px; }
  details:nth-of-type(even) {
    background-color: #f2f2f2; }
  details:first-of-type {
    padding-top: 0; }

summary {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #987643;
  display: block;
  cursor: pointer;
  outline: 0; }
  summary:focus {
    -webkit-appearance: none;
    outline: none;
    color: #179484; }
  summary:before {
    content: "[+] "; }
  details[open] summary:before,
  .open summary:before {
    content: "[–] "; }

details summary::-webkit-details-marker {
  display: none; }

.faqs {
  padding: 24px; }

.faqs-contact {
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }

/* ==========================================================================
   CORPORATE PAGE STYLES
========================================================================== */
/* ==========================================================================
   TESTIMONIAL STYLES
========================================================================== */
@media screen and (min-width: 50em) {
  .testimonial {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.93229%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 2.08333%; }
    .testimonial:nth-of-type(2n) {
      margin-right: 0; } }

/* ==========================================================================
   MISC STYLES
========================================================================== */
@media screen and (min-width: 44.0625em) {
  .content-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 65.72104%;
    float: left; } }

@media screen and (min-width: 61.8125em) {
  .content-left {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 65.9375%; } }

@media screen and (min-width: 44.0625em) {
  .content-right {
    display: block;
    float: left;
    margin-left: 68.55792%;
    margin-right: -100%;
    width: 31.44208%;
    float: left; } }

@media screen and (min-width: 61.8125em) {
  .content-right {
    display: block;
    float: left;
    margin-left: 68.02083%;
    margin-right: -100%;
    width: 31.92708%; } }

@media screen and (min-width: 59.375em) {
  .content--primary {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 57.4349%;
    clear: left; } }

@media screen and (min-width: 59.375em) {
  .content--secondary {
    display: block;
    float: left;
    margin-left: 59.51823%;
    margin-right: -100%;
    width: 40.42969%;
    clear: none;
    float: right;
    margin-right: 0;
    margin-left: 2.08333%;
    padding-left: 6.41927%; } }

.profile {
  padding-top: 24px;
  margin-bottom: 24px; }
  @media screen and (min-width: 59.375em) {
    .profile {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 48.93229%;
      clear: none;
      float: left;
      margin-left: 0;
      margin-right: 2.08333%;
      padding-left: 36px;
      padding-right: 36px; }
      .profile:nth-of-type(2n) {
        margin-right: 0; } }

.tel, .address, .address-text, .email {
  margin-right: 48px; }

.address {
  margin-right: 5px; }
  .tour-details-right .address, .tour-details-right .address, .content-right .address {
    color: #FFF; }

.places, .places-small {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 36px;
  line-height: 2.25rem;
  display: block;
  width: 40px;
  height: 40px;
  padding: 2px;
  vertical-align: middle;
  display: inline-block;
  float: left;
  margin-right: 6px;
  position: relative;
  top: -8px; }

.places-small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
  width: 25px;
  height: 25px;
  padding: 1px;
  top: 0;
  float: right; }

.full {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #b94a48;
  border-radius: 5px;
  padding: 0 5px;
  margin-bottom: 15px;
  float: right; }

/*---------------------------------------------------
    Icon STYLES v1.1
  ---------------------------------------------------
    A set of unquie icons styles by Terry Upton (Amasci Creative Limited)
	These elements will be unique for every project.

	Icons from http://icomoon.io/ - icon set IcoMoon - Free

-----------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon_ajzc8e.eot");
  src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon_ajzc8e.woff") format("woff"), url("../fonts/icomoon_ajzc8e.ttf") format("truetype"), url("../fonts/icomoon_ajzc8e.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-menu, .menu-link:before, .menu-link:hover:before, .icon-cycling, .icon-cycling-round, .icon-walking, .icon-walking-round, .icon-phone, .icon-email, .icon-address, .icon-tick, .ticks li:before, .ticks-tour-details li:before, .icon-tours, .icon-dates, .icon-requirements, .icon-contact, .icon-itinery, .icon-accomodation, .icon-train, .icon-airplane, .icon-cart, .icon-warning, .icon-close, .menu-link-active, .menu-link-active:hover, .menu-link-active:before, .menu-link-active:hover:before, .icon-top, .icon-camera, .icon-facebook, .icon-twitter, .icon-new, .icon-trip-advisor {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: -10%; }

.icon-cycling, .icon-cycling-round, .icon-walking, .icon-walking-round {
  vertical-align: -15%; }

.icon-dates, .icon-train, .icon-accomodation {
  vertical-align: 0%; }

.icon-menu:before, .menu-link:before, .menu-link:hover:before {
  content: "\e000"; }

.icon-cycling:before, .icon-cycling-round:before {
  content: "\e001"; }

.icon-walking:before, .icon-walking-round:before {
  content: "\e002"; }

.icon-phone:before {
  content: "\e003"; }

.icon-email:before {
  content: "\e004"; }

.icon-address:before {
  content: "\e005"; }

.icon-tick:before, .ticks li:before, .ticks-tour-details li:before {
  content: "\e006"; }

.icon-tours:before {
  content: "\e007"; }

.icon-dates:before {
  content: "\e008"; }

.icon-requirements:before {
  content: "\e009"; }

.icon-contact:before {
  content: "\e010"; }

.icon-itinery:before {
  content: "\e011"; }

.icon-accomodation:before {
  content: "\e012"; }

.icon-train:before {
  content: "\e013"; }

.icon-airplane:before {
  content: "\e014"; }

.icon-cart:before {
  content: "\e015"; }

.icon-warning:before {
  content: "\e016"; }

.icon-close:before, .menu-link-active:before, .menu-link-active:hover:before {
  content: "\e017"; }

.icon-top:before {
  content: "\e018";
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 36px;
  line-height: 2.25rem;
  vertical-align: -10%; }

.icon-camera:before {
  content: "\e600"; }

.icon-facebook:before {
  content: "\e601"; }

.icon-twitter:before {
  content: "\e609"; }

.icon-new:before {
  content: "\e608";
  color: #b94a48;
  font-size: 200%;
  float: right;
  position: relative;
  top: -8px; }

.icon-trip-advisor:before {
  content: "\e602"; }

.icon--new {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 60px !important;
  height: 60px !important;
  border: 0 !important; }

.icon--new-inpage {
  width: 60px;
  height: 60px;
  float: right;
  margin-left: 10px; }
  @media screen and (min-width: 37.5em) {
    .icon--new-inpage {
      width: 40px;
      height: 40px;
      top: 5px;
      float: left;
      margin-left: 0;
      margin-right: 10px;
      position: relative; } }

.icon--instagram {
  display: inline-block;
  width: 45px;
  height: 45px;
  fill: currentColor;
  position: relative;
  top: 7px;
  margin-left: 2px; }

.inlineIcon svg {
  fill: currentColor; }

/* Magnific Popup CSS */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.85; }

.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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-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;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !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;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

button.mfp-close {
  background: #b94a48;
  border-radius: 50%;
  margin-top: 24px;
  margin-right: 24px; }

.mfp-close {
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.8;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 24px;
  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: #999999; }

.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; }

.mfp-arrow {
  position: absolute;
  opacity: 0.8;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    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,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    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 18px 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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0 0px;
  margin: 0 auto;
  border: 3px solid #FFF; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
    background: #FFF; }
  .mfp-figure small {
    color: #CCC;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #FFF;
  word-wrap: break-word;
  padding-right: 36px;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-right: 5px; }
  .mfp-title p {
    font-weight: normal;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-top: 12pxpx; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* ==========================================================================
	GENERIC GALLERY STYLES
========================================================================== */
.image-gallery {
  margin-bottom: 24px; }
  .image-gallery li {
    list-style: none;
    float: left;
    margin-top: 0;
    position: relative;
    text-align: center;
    margin-bottom: 24px; }
  .image-gallery img {
    width: 100%;
    height: auto; }
  .image-gallery--full-width li, .image-gallery--primary li {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.58156%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 2.83688%;
    margin-bottom: 6.25%; }
    .image-gallery--full-width li:nth-of-type(2n), .image-gallery--primary li:nth-of-type(2n) {
      margin-right: 0; }
    @media screen and (min-width: 30em) {
      .image-gallery--full-width li, .image-gallery--primary li {
        display: block;
        float: left;
        margin-left: 0%;
        margin-right: -100%;
        width: 31.44208%;
        clear: none;
        float: left;
        margin-left: 0;
        margin-right: 2.83688%;
        margin-bottom: 2.83688%; }
        .image-gallery--full-width li:nth-of-type(2n), .image-gallery--primary li:nth-of-type(2n) {
          margin-right: 2.83688%; }
        .image-gallery--full-width li:nth-of-type(3n), .image-gallery--primary li:nth-of-type(3n) {
          margin-right: 0; } }
    @media screen and (min-width: 47.5em) {
      .image-gallery--full-width li, .image-gallery--primary li {
        display: block;
        float: left;
        margin-left: 0%;
        margin-right: -100%;
        width: 23.42448%;
        clear: none;
        float: left;
        margin-left: 0;
        margin-right: 2.08333%;
        margin-bottom: 2.08333%; }
        .image-gallery--full-width li:nth-of-type(2n), .image-gallery--full-width li:nth-of-type(3n), .image-gallery--primary li:nth-of-type(2n), .image-gallery--primary li:nth-of-type(3n) {
          margin-right: 2.08333%; }
        .image-gallery--full-width li:nth-of-type(4n), .image-gallery--primary li:nth-of-type(4n) {
          margin-right: 0; } }
  .lt-ie9 .image-gallery--full-width, .lt-ie9 .image-gallery--primary {
    width: 15%; }
  @media screen and (min-width: 59.375em) {
    .image-gallery--full-width li {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 14.92187%;
      clear: none;
      float: left;
      margin-left: 0;
      margin-right: 2.08333%;
      margin-bottom: 2.08333%; }
      .image-gallery--full-width li:nth-of-type(4n) {
        margin-right: 2.08333%; }
      .image-gallery--full-width li:nth-of-type(6n) {
        margin-right: 0; } }
  @media screen and (min-width: 68.75em) {
    .image-gallery--full-width li {
      width: 11.375%; }
      .image-gallery--full-width li:nth-of-type(n) {
        margin-right: 1.125%; }
      .image-gallery--full-width li:nth-of-type(8n) {
        margin-right: 0; } }
  @media screen and (min-width: 59.375em) {
    .image-gallery--primary li {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 14.92187%;
      clear: none;
      float: left;
      margin-left: 0;
      margin-right: 2.08333%;
      margin-bottom: 2.08333%; }
      .image-gallery--primary li:nth-of-type(4n) {
        margin-right: 2.08333%; }
      .image-gallery--primary li:nth-of-type(6n) {
        margin-right: 0; } }

.cc-window {
  opacity: 1;
  transition: opacity 1s ease; }

.cc-window.cc-invisible {
  opacity: 0; }

.cc-animate.cc-revoke {
  transition: transform 1s ease; }

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  transform: translateY(0); }

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s; }

.cc-link,
.cc-revoke:hover {
  text-decoration: underline; }

.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999; }

.cc-window.cc-static {
  position: static; }

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column; }

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-revoke {
  padding: .5em; }

.cc-header {
  font-size: 18px;
  font-weight: 700; }

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer; }

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em; }

.cc-link:hover {
  opacity: 1; }

.cc-link:active,
.cc-link:visited {
  color: initial; }

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap; }

.cc-banner .cc-btn:last-child {
  min-width: 140px; }

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline; }

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75; }

.cc-close:focus,
.cc-close:hover {
  opacity: 1; }

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em; }

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em; }

.cc-revoke.cc-left {
  left: 3em;
  right: unset; }

.cc-revoke.cc-right {
  right: 3em;
  left: unset; }

.cc-top {
  top: 1em; }

.cc-left {
  left: 1em; }

.cc-right {
  right: 1em; }

.cc-bottom {
  bottom: 1em; }

.cc-floating > .cc-link {
  margin-bottom: 1em; }

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center; }

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0; }

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0; }

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1; }

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-compliance > .cc-btn {
  -ms-flex: 1;
  flex: 1; }

.cc-btn + .cc-btn {
  margin-left: .5em; }

@media print {
  .cc-revoke,
  .cc-window {
    display: none; } }

@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal; } }

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0; }
  .cc-window.cc-bottom {
    bottom: 0; }
  .cc-window.cc-banner,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0; }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column; }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1; }
  .cc-window.cc-floating {
    max-width: none; }
  .cc-window .cc-message {
    margin-bottom: 1em; }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset; } }

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none; }

.cc-theme-classic .cc-btn {
  border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block; }

.cc-theme-edgeless.cc-window {
  padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

.third {
  float: left;
  width: calc((100% - 32px) / 3);
  padding: 0;
  margin: 0 16px 16px 0; }

.third:last-of-type {
  margin-right: 0; }

/* Define how SqPaymentForm iframes should look */
.sq-input {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 0;
  width: 100%;
  background-color: 'transparent'; }

/* Define how SqPaymentForm iframes should look when they have focus */
.sq-input--focus {
  border: 1px solid #4A90E2;
  background-color: rgba(74, 144, 226, 0.02); }

/* Define how SqPaymentForm iframes should look when they contain invalid values */
.sq-input--error {
  border: 1px solid #E02F2F;
  background-color: rgba(244, 47, 47, 0.02); }

#sq-card-number {
  margin-bottom: 16px; }

/* Customize the "Pay with Credit Card" button */
.button-credit-card {
  width: 100%;
  height: 56px;
  margin-bottom: 24px;
  background-color: #179484;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center; }

.button-credit-card:hover {
  background-color: #10685d; }

#error {
  width: 100%;
  margin-top: 16px;
  font-size: 14px;
  color: red;
  font-weight: 500;
  opacity: 0.8; }