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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0 0 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0 0 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 0 0 1em 0;
}

h4 {
  font-size: 1em;
  margin: 0 0 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 0 0 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 0 0 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

p,
pre {
  margin: 1em 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

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

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

/* Contain floats *and margins*. */
.clearfix:before,
.clearfix:after,
.onerow:before,
.onerow:after {
  content: ' ';
  display: table;
}

.clearfix:after,
.onerow:after {
  clear: both;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}

@font-face {
  font-family: "PrintedDisplay";
  src: url("/site/fonts/PrintedDisplay-Black.woff");
}

@font-face {
  font-family: "Gothic";
  src: url("/site/fonts/GothicA1-Regular.woff");
  font-weight: normal;
}

@font-face {
  font-family: "Gothic";
  src: url("/site/fonts/GothicA1-SemiBold.woff");
  font-weight: 600;
}

@font-face {
  font-family: "Gothic";
  src: url("/site/fonts/GothicA1-Bold.woff");
  font-weight: 800;
}

@font-face {
  font-family: "Gothic";
  src: url("/site/fonts/GothicA1-ExtraBold.woff");
  font-weight: 900;
}

.container {
  max-width: 940px;
  padding: 0 1.06383%;
  margin: 0 auto;
  max-width: 1200px;
}

@media all and (max-width: 656px) {
  .container {
    padding: 0 12px !important;
  }
}

.container-thin {
  max-width: 940px;
  padding: 0 1.06383%;
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
}

.container .container {
  padding: 0;
}

.container,
.row {
  zoom: 1;
}

.container:before,
.container:after,
.row:before,
.row:after {
  content: "";
  display: table;
}

.container:after,
.row:after {
  clear: both;
}

.row {
  margin-bottom: 2em;
  position: relative;
}

.content .row {
  margin-bottom: 0;
}

.columns img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 656px) {
  .columns {
    float: left;
    margin: 0 0 0 2.12766%;
    width: 6.38298%;
  }
  .columns:first-child {
    margin-left: 0;
  }
  .columns.two {
    width: 14.89362%;
  }
  .columns.three, .columns.one-fourth {
    width: 23.40426%;
  }
  .columns.four, .columns.one-third {
    width: 31.91489%;
  }
  .columns.five {
    width: 40.42553%;
  }
  .columns.six, .columns.one-half {
    width: 48.93617%;
  }
  .columns.seven {
    width: 57.44681%;
  }
  .columns.eight, .columns.two-thirds {
    width: 65.95745%;
  }
  .columns.nine, .columns.three-fourths {
    width: 74.46808%;
  }
  .columns.ten {
    width: 82.97872%;
  }
  .columns.eleven {
    width: 91.48936%;
  }
  .columns.twelve, .columns.full {
    width: 100.0%;
  }
  .columns.offset-one {
    margin-left: 10.6383%;
  }
  .columns.offset-one:first-child {
    margin-left: 8.51064%;
  }
  .columns.offset-two {
    margin-left: 19.14894%;
  }
  .columns.offset-two:first-child {
    margin-left: 17.02128%;
  }
  .columns.offset-three {
    margin-left: 27.65957%;
  }
  .columns.offset-three:first-child {
    margin-left: 25.53191%;
  }
  .columns.offset-four {
    margin-left: 36.17021%;
  }
  .columns.offset-four:first-child {
    margin-left: 34.04255%;
  }
  .columns.offset-five {
    margin-left: 44.68085%;
  }
  .columns.offset-five:first-child {
    margin-left: 42.55319%;
  }
  .columns.offset-six {
    margin-left: 53.19149%;
  }
  .columns.offset-six:first-child {
    margin-left: 51.06383%;
  }
  .columns.offset-seven {
    margin-left: 61.70213%;
  }
  .columns.offset-seven:first-child {
    margin-left: 59.57447%;
  }
  .columns.offset-eight {
    margin-left: 70.21277%;
  }
  .columns.offset-eight:first-child {
    margin-left: 68.08511%;
  }
  .columns.offset-nine {
    margin-left: 78.7234%;
  }
  .columns.offset-nine:first-child {
    margin-left: 76.59574%;
  }
  .columns.offset-ten {
    margin-left: 87.23404%;
  }
  .columns.offset-ten:first-child {
    margin-left: 85.10638%;
  }
  .columns.offset-eleven {
    margin-left: 95.74468%;
  }
  .columns.offset-eleven:first-child {
    margin-left: 93.61702%;
  }
}

html.oldie .columns,
html.lt-ie9 .columns,
html.no-mq .columns {
  float: left;
  margin: 0 0 0 2.12766%;
  width: 6.38298%;
}

html.oldie .columns:first-child,
html.lt-ie9 .columns:first-child,
html.no-mq .columns:first-child {
  margin-left: 0;
}

html.oldie .columns.two,
html.lt-ie9 .columns.two,
html.no-mq .columns.two {
  width: 14.89362%;
}

html.oldie .columns.three,
html.oldie .columns.one-fourth,
html.lt-ie9 .columns.three,
html.lt-ie9 .columns.one-fourth,
html.no-mq .columns.three, html.no-mq .columns.one-fourth {
  width: 23.40426%;
}

html.oldie .columns.four,
html.oldie .columns.one-third,
html.lt-ie9 .columns.four,
html.lt-ie9 .columns.one-third,
html.no-mq .columns.four, html.no-mq .columns.one-third {
  width: 31.91489%;
}

html.oldie .columns.five,
html.lt-ie9 .columns.five,
html.no-mq .columns.five {
  width: 40.42553%;
}

html.oldie .columns.six,
html.oldie .columns.one-half,
html.lt-ie9 .columns.six,
html.lt-ie9 .columns.one-half,
html.no-mq .columns.six, html.no-mq .columns.one-half {
  width: 48.93617%;
}

html.oldie .columns.seven,
html.lt-ie9 .columns.seven,
html.no-mq .columns.seven {
  width: 57.44681%;
}

html.oldie .columns.eight,
html.oldie .columns.two-thirds,
html.lt-ie9 .columns.eight,
html.lt-ie9 .columns.two-thirds,
html.no-mq .columns.eight, html.no-mq .columns.two-thirds {
  width: 65.95745%;
}

html.oldie .columns.nine,
html.oldie .columns.three-fourths,
html.lt-ie9 .columns.nine,
html.lt-ie9 .columns.three-fourths,
html.no-mq .columns.nine, html.no-mq .columns.three-fourths {
  width: 74.46808%;
}

html.oldie .columns.ten,
html.lt-ie9 .columns.ten,
html.no-mq .columns.ten {
  width: 82.97872%;
}

html.oldie .columns.eleven,
html.lt-ie9 .columns.eleven,
html.no-mq .columns.eleven {
  width: 91.48936%;
}

html.oldie .columns.twelve,
html.oldie .columns.full,
html.lt-ie9 .columns.twelve,
html.lt-ie9 .columns.full,
html.no-mq .columns.twelve, html.no-mq .columns.full {
  width: 100.0%;
}

html.oldie .columns.offset-one,
html.lt-ie9 .columns.offset-one,
html.no-mq .columns.offset-one {
  margin-left: 10.6383%;
}

html.oldie .columns.offset-one:first-child,
html.lt-ie9 .columns.offset-one:first-child,
html.no-mq .columns.offset-one:first-child {
  margin-left: 8.51064%;
}

html.oldie .columns.offset-two,
html.lt-ie9 .columns.offset-two,
html.no-mq .columns.offset-two {
  margin-left: 19.14894%;
}

html.oldie .columns.offset-two:first-child,
html.lt-ie9 .columns.offset-two:first-child,
html.no-mq .columns.offset-two:first-child {
  margin-left: 17.02128%;
}

html.oldie .columns.offset-three,
html.lt-ie9 .columns.offset-three,
html.no-mq .columns.offset-three {
  margin-left: 27.65957%;
}

html.oldie .columns.offset-three:first-child,
html.lt-ie9 .columns.offset-three:first-child,
html.no-mq .columns.offset-three:first-child {
  margin-left: 25.53191%;
}

html.oldie .columns.offset-four,
html.lt-ie9 .columns.offset-four,
html.no-mq .columns.offset-four {
  margin-left: 36.17021%;
}

html.oldie .columns.offset-four:first-child,
html.lt-ie9 .columns.offset-four:first-child,
html.no-mq .columns.offset-four:first-child {
  margin-left: 34.04255%;
}

html.oldie .columns.offset-five,
html.lt-ie9 .columns.offset-five,
html.no-mq .columns.offset-five {
  margin-left: 44.68085%;
}

html.oldie .columns.offset-five:first-child,
html.lt-ie9 .columns.offset-five:first-child,
html.no-mq .columns.offset-five:first-child {
  margin-left: 42.55319%;
}

html.oldie .columns.offset-six,
html.lt-ie9 .columns.offset-six,
html.no-mq .columns.offset-six {
  margin-left: 53.19149%;
}

html.oldie .columns.offset-six:first-child,
html.lt-ie9 .columns.offset-six:first-child,
html.no-mq .columns.offset-six:first-child {
  margin-left: 51.06383%;
}

html.oldie .columns.offset-seven,
html.lt-ie9 .columns.offset-seven,
html.no-mq .columns.offset-seven {
  margin-left: 61.70213%;
}

html.oldie .columns.offset-seven:first-child,
html.lt-ie9 .columns.offset-seven:first-child,
html.no-mq .columns.offset-seven:first-child {
  margin-left: 59.57447%;
}

html.oldie .columns.offset-eight,
html.lt-ie9 .columns.offset-eight,
html.no-mq .columns.offset-eight {
  margin-left: 70.21277%;
}

html.oldie .columns.offset-eight:first-child,
html.lt-ie9 .columns.offset-eight:first-child,
html.no-mq .columns.offset-eight:first-child {
  margin-left: 68.08511%;
}

html.oldie .columns.offset-nine,
html.lt-ie9 .columns.offset-nine,
html.no-mq .columns.offset-nine {
  margin-left: 78.7234%;
}

html.oldie .columns.offset-nine:first-child,
html.lt-ie9 .columns.offset-nine:first-child,
html.no-mq .columns.offset-nine:first-child {
  margin-left: 76.59574%;
}

html.oldie .columns.offset-ten,
html.lt-ie9 .columns.offset-ten,
html.no-mq .columns.offset-ten {
  margin-left: 87.23404%;
}

html.oldie .columns.offset-ten:first-child,
html.lt-ie9 .columns.offset-ten:first-child,
html.no-mq .columns.offset-ten:first-child {
  margin-left: 85.10638%;
}

html.oldie .columns.offset-eleven,
html.lt-ie9 .columns.offset-eleven,
html.no-mq .columns.offset-eleven {
  margin-left: 95.74468%;
}

html.oldie .columns.offset-eleven:first-child,
html.lt-ie9 .columns.offset-eleven:first-child,
html.no-mq .columns.offset-eleven:first-child {
  margin-left: 93.61702%;
}

html, body {
  width: 100vw;
  overflow-x: hidden;
}

@font-face {
  font-family: 'OS Gill Sans Regular';
  src: url("fonts/OSGillSans-Regular.eot");
  src: url("fonts/OSGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/OSGillSans-Regular.woff") format("woff"), url("fonts/OSGillSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'PT Sans Narrow';
  src: url("//fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4SF5Q_m7TPori4ku9pW0m6U.eot");
  src: url("//fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4SF5Q_m7TPori4ku9pW0m6U.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4U6k4-tXVqWiMv2fNYOodmA.woff") format("woff"), url("//fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4T3qrkUnfUKy4CY5bK9uBIM.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'PT Sans Narrow Bold';
  src: url("//fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYupbjcFiCZlwsGzBkzIbhv8.eot");
  src: url("//fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYupbjcFiCZlwsGzBkzIbhv8.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYrh9lQ1dKkrfawgICQDq4uc.woff") format("woff"), url("//fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYkqE9xuTzT7IX8WsnCRxGBg.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Extra-Light';
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFl_EbE5kujbLzdX6sKqH6g.eot");
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFl_EbE5kujbLzdX6sKqH6g.eot#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGC-IiwWNzQT_LXAtr-Ee9Pw.woff") format("woff"), url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNF-01od694vbXd2r4ICkqU.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Light';
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot");
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff") format("woff"), url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGPS42wKzre0cxmO5m5GyTsY.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot");
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff") format("woff"), url("//fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlEY6Fu39Tt9XkmtSosaMoEA.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Semi-Bold';
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNanmHNzStikJN_FjplbBik.eot");
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNanmHNzStikJN_FjplbBik.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCmgpmuQqK2I-L2S9cF65Ek.woff") format("woff"), url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGBRq_IsDXucKYMk4-diqPEc.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Italic';
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM04EkD-uilk0_oIxFXvMtLk.eot");
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM04EkD-uilk0_oIxFXvMtLk.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM_bce-VcyLJMRR1FC9qWbU8.woff") format("woff"), url("//fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMzpKUtbt71woJ25xl7KOGD0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Semi-Bold Italic';
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6EbumxWHRSe1oVyAWeloI5o.eot");
  src: url("//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6EbumxWHRSe1oVyAWeloI5o.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6J4LxuTxC3JbLqy8IUt0K1T3rGVtsTkPsbDajuO5ueQw.woff") format("woff"), url("//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6OgjO17HpiopmTnQucPs34_3rGVtsTkPsbDajuO5ueQw.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'aldiregular';
  src: url("fonts/aldi-regular-webfont.eot");
  src: url("fonts/aldi-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aldi-regular-webfont.woff2") format("woff2"), url("fonts/aldi-regular-webfont.woff") format("woff"), url("fonts/aldi-regular-webfont.ttf") format("truetype"), url("fonts/aldi-regular-webfont.svg#aldiregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #fff;
  color: #3e3e3e;
  font-family: 'Source Sans Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 1.2em;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.browser-lt-ie9 .backgrounds, .browser-lt-ie9 .wrappersub {
  /*
	background-image: url('../img/bg-map-1.png');
	background-repeat: no-repeat;
	background-position: left top;
*/
}

.backgrounds, div.wrappersub {
  /*
	background-image: url('../img/bg-map-1.png'), url('../img/bg-map-2.png');
	background-repeat: no-repeat;
	background-position: left top, left bottom;
	background-size: contain;
*/
  padding-top: 2em;
}

div.wrappersub {
  padding-top: 0;
}

/*
.wrappersub {
	background-image: url('/site/img/sub-bg.png');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #f5f5f5;
	padding-top: 1em;
}
*/
em {
  font-family: 'Source Sans Pro Italic',Helvetica,Arial,sans-serif;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

b, strong {
  font-family: 'Source Sans Pro Semi-Bold';
  font-weight: normal;
}

p {
  margin: 0 0 1em 0;
}

h2 {
  margin: 1.66em 0 0.83em 0;
}

h2 .place-name {
  font-size: 0.8em;
}

.accessibility-hide {
  position: absolute;
  left: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}

.btn {
  border: none;
  padding: 0.75em;
  text-align: center;
  font-family: 'Source Sans Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 0.8em;
}

.btn.grey {
  background-color: #666;
  color: #fff;
}

.btn.grey:hover {
  background-color: #000;
}

.btn.gill {
  font-family: 'OS Gill Sans Regular',Helvetica,Arial,sans-serif;
  letter-spacing: 1px;
  padding-left: 2em;
  padding-right: 2em;
  display: inline-block;
}

.btn.join {
  font-family: 'OS Gill Sans Regular',Helvetica,Arial,sans-serif;
  letter-spacing: 1px;
  color: #fff;
  background-color: transparent;
  text-transform: uppercase;
  border: 1px solid #fff;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 5px;
}

.btn.brand {
  background-color: #FF5B0A;
  color: #fff;
}

.btn.brand:hover {
  background-color: #d64700;
}

.btn.white {
  background-color: #fff;
  color: #666;
}

.btn.white:hover {
  background-color: #333;
  color: #ccc;
}

.btn i {
  margin-right: 0.5em;
}

.btn i, .btn span {
  display: inline-block;
  vertical-align: middle;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='number'],
textarea {
  font-family: inherit;
  font-size: .875em;
  height: 2.286em;
  padding: .571em;
  border: 1px solid #d2d2d2;
  color: #7d7d7d;
}

#breadcrumb {
  padding: 0;
  margin: 0 0 2em 0;
  font-size: 0.9em;
}

#breadcrumb li {
  list-style-type: none;
  display: inline-block;
  font-family: 'Source Sans Pro Italic',Arial,sans-serif;
}

#breadcrumb li:after {
  display: inline-block;
  content: '>';
  padding: 0 0.5em;
}

#breadcrumb li:last-child:after {
  content: none;
}

#breadcrumb a {
  color: inherit;
}

.strapline {
  font-size: 40px;
  color: #b40056;
  padding: 0;
}

.video-embed, .iframeholder, .mapholder {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  margin: 2em 0;
}

.video-embed iframe, .video-embed > div, .iframeholder iframe, .iframeholder > div, .mapholder iframe, .mapholder > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.iframeholder {
  padding-top: 0;
  padding-bottom: 60%;
}

.mapholder {
  background-color: #efefef;
  padding-top: 0;
  padding-bottom: 50%;
  margin: 0 0 1em 0;
}

.greybg {
  background-color: #f1f1f1;
}

.imagewrapper {
  margin-bottom: 1em;
}

.imagewrapper img {
  display: block;
  margin: 0 auto;
}

.callout {
  background-color: #DF504F;
  border: 3px solid #7e7e7e;
  border-radius: 10px;
  color: white;
  text-align: center;
  font-family: 'aldiregular', Arial, sans-serif;
  font-size: 1.2em;
  padding: 8px;
}

.callout a {
  color: inherit;
}

blockquote.cta {
  width: 56%;
  color: #FF5B0A;
  font-size: 1.5em;
  margin: 2em auto;
}

blockquote.cta p {
  margin: 0 0 5px 0;
}

blockquote.cta .caption {
  color: #424242;
  font-size: 0.6em;
  display: block;
  margin-left: 0.5em;
}

a {
  color: #FF5B0A;
  text-decoration: none;
}

a.cta {
  display: block;
  padding: 1em;
}

#sitemap ul {
  margin-top: 0;
}

#disqus_thread {
  margin-top: 2em;
}

#header {
  background: #FF5B0A;
  position: relative;
  z-index: 10000;
}

#header .container {
  padding-top: 0;
  padding-bottom: 0;
}

#header .header-inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

#header .header-inner .logo {
  padding: 16px 0;
}

#header .header-inner .logo img {
  display: block;
  max-width: 180px;
}

@media all and (max-width: 450px) {
  #header .header-inner .logo img.desktop-logo {
    display: none;
  }
}

#header .header-inner .logo img.mobile-logo {
  display: none;
  max-height: 70px;
}

@media all and (max-width: 450px) {
  #header .header-inner .logo img.mobile-logo {
    display: block;
  }
}

#header .header-inner .navPrimary {
  padding: 0 20px;
}

#header .header-inner .navPrimary ul.primaryMenu {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

#header .header-inner .navPrimary ul.primaryMenu > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent {
  position: relative;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent:after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f107";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #FFF;
  transition: 0.25s ease;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent:hover ul {
  opacity: 1;
  pointer-events: auto;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent:hover:after {
  transform: translateY(-50%) rotate(180deg);
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent > a {
  padding: 0 40px 0 0;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent ul {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: -20px;
  width: 320px;
  background: #FF5B0A;
  list-style: none;
  padding: 8px 0 0 0;
  margin: 0;
  transition: 0.25s ease;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent ul li {
  padding: 0;
  margin: 0;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent ul li a {
  display: block;
  padding: 0px 20px 16px;
  position: relative;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent ul li a:hover:after {
  opacity: 1;
  right: 16px;
}

#header .header-inner .navPrimary ul.primaryMenu > li.parent ul li a:after {
  transition: 0.25s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 30px;
  color: #fff;
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f105";
  font-size: 20px;
}

#header .header-inner .navPrimary ul.primaryMenu > li a {
  position: relative;
  color: #fff;
  display: block;
}

#header .header-inner .navPrimary ul.primaryMenu > li > a {
  padding: 0 28px 0 0;
}

#header .header-inner .navPrimary ul.primaryMenu > li > a.osmaps {
  padding-right: 40px;
}

#header .header-inner .navPrimary ul.primaryMenu > li > a.osmaps img {
  position: absolute;
  top: -2px;
  right: 0;
}

#header .header-inner .oslogo {
  padding-left: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media all and (max-width: 450px) {
  #header .header-inner .oslogo {
    padding-left: 0;
  }
}

#header .header-inner .oslogo img {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 170px;
}

@media all and (max-width: 450px) {
  #header .header-inner .oslogo img {
    display: none;
  }
}

#header .header-inner .oslogo:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: -10000px;
  background: #3B4A54;
}

#header .header-inner .search {
  flex: 1;
  text-align: right;
  padding: 0 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

@media all and (max-width: 500px) {
  #header .header-inner .search {
    position: static;
  }
}

#header .header-inner .search a {
  color: #fff;
  display: inline-block;
  outline: 0;
}

#header .header-inner .search #navsearchform {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 300px;
  background: #FF5B0A;
  transition: 0.25s ease;
}

@media all and (max-width: 500px) {
  #header .header-inner .search #navsearchform {
    width: 100%;
  }
}

#header .header-inner .search #navsearchform:after {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 0;
  height: 2px;
  background: #fff;
  transition: 0.5s ease;
}

#header .header-inner .search #navsearchform.active {
  opacity: 1;
  pointer-events: auto;
}

#header .header-inner .search #navsearchform.active:after {
  width: calc(100% - 40px);
}

#header .header-inner .search #navsearchform input {
  display: block;
  width: 100%;
  background: transparent;
  padding: 24px 56px 36px 20px;
  font-size: 18px;
  border: 0;
  outline: 0;
  color: #fff;
  font-weight: bold;
  position: relative;
}

#header .header-inner .search #navsearchform input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

#header .header-inner .search #navsearchform input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

#header .header-inner .search #navsearchform input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

#header .header-inner .search #navsearchform input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

#header .header-inner .search #navsearchform .btn.search {
  background: transparent;
  border: 0;
  outline: 0;
  position: absolute;
  top: 8px;
  right: 0px;
  padding: 0;
  font-size: 30px;
  color: #fff;
  width: 32px;
}

#navMobile {
  display: none;
  position: absolute;
  right: 0;
  width: 250px;
  background: #FF5B0A;
  z-index: 100000;
}

@media all and (max-width: 500px) {
  #navMobile {
    width: 100%;
  }
}

#navMobile ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navMobile a {
  padding: 10px 16px;
  color: #fff;
  font-size: .813em;
  letter-spacing: 1px;
  line-height: 1em;
  font-family: 'Source Sans Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  text-decoration: none;
  display: block;
  transition: 0.25s ease;
}

#navMobile a:hover {
  background: #fff;
  color: #FF5B0A;
}

.slicknav_menu {
  background-color: transparent;
  position: absolute;
  padding-top: 18px;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  font-size: inherit;
  padding: 0;
}

.slicknav_icon-bar {
  background-color: #757575;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 2em;
  font-size: 16px;
  height: 0.125em;
  display: block;
}

.slicknav_icon-bar {
  margin-bottom: 0.6em;
}

.slicknav_btn {
  padding: 0 0 0 20px;
  line-height: 70px;
  width: 50px;
  display: inline-block;
}

@media all and (max-width: 450px) {
  .slicknav_btn {
    line-height: 92px;
  }
}

.slicknav_btn .fa {
  font-size: 32px;
  color: #FF5B0A;
  position: relative;
  top: 4px;
}

.slicknav_nav {
  font-size: inherit;
  background-color: #fff;
  position: absolute;
  width: 100%;
  top: 120px;
}

.slicknav_nav a {
  color: #3e3e3e;
  font-size: .813em;
  letter-spacing: 1px;
  line-height: 1em;
  font-family: 'Source Sans Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.slicknav_nav a:hover {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  background: none;
  color: #0194cc;
}

#globalSearch {
  display: block;
  padding-top: 32px;
  float: right;
  color: #3e3e3e;
}

.searchform {
  margin-bottom: 1em;
}

.btn.search {
  background-color: #fff;
  color: #d2d2d2;
  height: 32px;
  padding: 3px 10px 7px 10px;
  text-align: center;
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1;
  font-size: 19px;
}

.btn.search i {
  margin-right: 0;
}

.btn.search:hover {
  background-color: #d2d2d2;
  color: #fff;
}

#searchQuery {
  font-family: 'Source Sans Pro Light',Arial,sans-serif;
  font-size: .875em;
  height: 32px;
  padding: 8px;
  border-left: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-right: none;
  width: 19.875em;
  width: calc(100% - 40px);
  color: #7d7d7d;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  float: left;
}

#globalSearch input[type='image'] {
  vertical-align: top;
  height: 32px;
  width: 32px;
}

.mainHero {
  background-size: cover;
  position: relative;
  padding-bottom: 25%;
  margin-bottom: 2em;
}

.mainHero .heroContent {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 40px;
  right: 10.71%;
  padding: 16px 16px 0 16px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  color: #222;
  z-index: 99;
}

.mainHero h2 {
  font-size: 2.5em;
  line-height: 1.2;
}

.herobg {
  background-size: cover;
  padding-bottom: 35%;
  margin-bottom: 2em;
  position: relative;
  display: block;
}

.herobg h2, .herobg span {
  display: block;
  position: absolute;
  width: 75%;
  padding: 3%;
  box-sizing: border-box;
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 2.5em;
  line-height: 1.2;
  font-family: 'PT Sans Narrow','Source Sans Pro Light','Source Sans Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  text-transform: none;
  color: #fff;
  border-bottom: 10px solid #F37B23;
}

.herobg:hover span {
  background-color: rgba(0, 0, 0, 0.75);
}

.bx-wrapper {
  position: relative;
  z-index: 1;
}

.bannerbutton, .slide .more, .subhero .more, .storybanner .more, .pagebanner a {
  font-family: 'OS Gill Sans Regular';
  letter-spacing: 0.1em;
  display: inline-block;
  margin: 40px auto 0 auto;
  text-transform: uppercase;
  padding: 10px 30px;
  border: 1px solid #fff;
  width: auto;
  font-weight: 300;
  text-align: center;
}

.bannerbutton:hover, .slide .more:hover, .subhero .more:hover, .storybanner .more:hover, .pagebanner a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.slide, .subhero, .storybanner {
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  width: 100%;
  height: 585px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -ms-behavior: url("/getoutside/backgroundsize.min.htc");
}

.slide img, .subhero img, .storybanner img {
  width: 100%;
  height: auto;
}

.slide img.cross, .subhero img.cross, .storybanner img.cross {
  width: 20px;
  height: 17px;
  position: relative;
  top: 3px;
  display: inline-block;
  margin-right: 5px;
}

.slide .type, .subhero .type, .storybanner .type {
  font-family: 'Source Sans Pro Italic', Arial, sans-serif;
  margin-bottom: 0.5em;
}

.slide .type i, .subhero .type i, .storybanner .type i {
  margin-right: 0.5em;
}

.slide .inner, .subhero .inner, .storybanner .inner {
  position: absolute;
  width: 100%;
  bottom: 50px;
}

.slide a, .subhero a, .storybanner a {
  color: inherit;
  text-decoration: none;
  display: block;
}

.slide h1, .slide h2, .subhero h1, .subhero h2, .storybanner h1, .storybanner h2 {
  font-family: 'OS Gill Sans Regular';
  font-size: 3.5em;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.1;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.slide h1 i, .slide h2 i, .subhero h1 i, .subhero h2 i, .storybanner h1 i, .storybanner h2 i {
  font-size: 0.7em;
}

.slide h2, .subhero h2, .storybanner h2 {
  font-size: 1.4em;
  margin-top: 15px;
}

.slide h1 {
  font-size: 5.5em;
}

.slide h2 {
  font-size: 2em;
  margin-top: 30px;
}

.slide .inner {
  bottom: 14%;
}

.slide .more {
  margin-top: 65px;
  font-size: 1.3em;
  padding: 15px 45px;
  border: 2px solid #fff;
}

.subhero {
  height: 385px;
}

.subhero .inner {
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
}

#bx-pager {
  text-align: center;
  margin-top: -20px;
  position: relative;
  z-index: 10;
  line-height: 0;
}

#bx-pager img {
  max-width: 150px;
  height: auto;
  display: block;
}

#bx-pager a {
  position: relative;
  display: inline-block;
}

#bx-pager span {
  display: block;
  background-color: #FF5B0A;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 5px;
  bottom: 5px;
  color: #fff;
  font-size: 14px;
  text-indent: 0;
  line-height: 1.7;
}

#bx-pager .active span {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 4px;
  text-indent: -999px;
}

#main .twitterbox iframe {
  height: 600px;
}

#main iframe {
  width: auto;
  height: auto;
  max-width: auto;
}

.homehero {
  background: #eee;
}

.bxslider.slider {
  max-height: 585px;
  overflow: hidden;
}

.hpfilters {
  text-align: center;
}

.hpfilters select {
  font-family: 'Source Sans Pro Regular',Arial, sans-serif;
  margin: 1.5em 1em;
  height: 34px;
  padding: 6px 12px;
  font-size: 17px;
  line-height: 1.42857143;
  color: #3e3e3e;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.hpfilters p {
  font-size: 0.8em;
}

.two-up {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media all and (max-width: 760px) {
  .two-up {
    flex-direction: column;
    margin-bottom: 0;
  }
}

.two-up .item {
  width: 48%;
}

@media all and (max-width: 760px) {
  .two-up .item {
    width: 100%;
    margin-bottom: 24px;
  }
  .two-up .item.right {
    margin-bottom: 10px;
  }
}

.campaign-page .two-up {
  margin-bottom: 0;
}

.campaign-page .total-pledges {
  padding-right: 20px;
}

@media all and (max-width: 760px) {
  .campaign-page .total-pledges {
    padding: 20px;
    text-align: center;
  }
}

.campaign-page .total-pledges h2 {
  margin: 0 0 20px 0;
  font-weight: normal;
}

.campaign-page .total-pledges h2 span.counter {
  font-weight: bold;
  color: #ff5b0a;
}

.campaign-page .total-pledges h2, .campaign-page .total-pledges p {
  max-width: 600px;
}

@media all and (max-width: 760px) {
  .campaign-page .total-pledges h2, .campaign-page .total-pledges p {
    max-width: 100%;
  }
}

.campaign-page .form-alert {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 340px;
  z-index: 10000;
  text-align: center;
  padding: 12px 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.campaign-page .form-alert > div {
  display: none;
}

.campaign-page .form-alert .fa-times {
  position: absolute;
  top: 2px;
  right: 4px;
  cursor: pointer;
}

.campaign-page .form-alert.pass {
  background: #fff;
  border: 2px solid green;
  top: 50%;
  transform: translate(-50%, -50%);
}

.campaign-page .form-alert.pass .pass {
  display: block;
}

.campaign-page .form-alert.pass .share {
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
}

.campaign-page .form-alert.pass .share .icons {
  text-align: center;
  margin-top: 8px;
}

.campaign-page .form-alert.pass .share .icons a {
  margin: 0 4px;
  display: inline-block;
  color: #333;
  font-size: 20px;
}

.campaign-page .form-alert.failed {
  background: #fff;
  border: 2px solid red;
}

.campaign-page .form-alert.failed .failed {
  display: block;
}

.campaign-page .form-alert.failed_postcode {
  background: #fff;
  border: 2px solid red;
}

.campaign-page .form-alert.failed_postcode .failed_postcode {
  display: block;
}

.campaign-page .form-alert.none {
  display: none;
}

.campaign-page .cta-bar {
  background: #ff5b0a;
  padding: 20px 0;
  margin-bottom: 60px;
  position: relative;
}

.campaign-page .cta-bar:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 91, 10, 0);
  border-top-color: #ff5b0a;
  border-width: 20px;
  margin-left: -20px;
}

.campaign-page .cta-bar h2 {
  color: #fff;
  margin: 0;
  font-weight: 400;
  font-size: 34px;
  text-align: center;
}

.campaign-page .campaign-register {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d6d6d6;
}

.campaign-page .campaign-register .fake-select {
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.campaign-page .campaign-register .fake-select .current-value {
  padding: 10px;
  color: #3e3e3e;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #3b4a54;
  line-height: 1;
  z-index: 2;
  position: relative;
  background: #fff;
}

.campaign-page .campaign-register .fake-select .fa {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  z-index: 3;
}

.campaign-page .campaign-register .fake-select .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #3b4a54;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  z-index: 5;
  background: #fff;
}

.campaign-page .campaign-register .fake-select .dropdown:before {
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -8px;
  height: 8px;
  border-left: 1px solid #3b4a54;
  border-right: 1px solid #3b4a54;
}

.campaign-page .campaign-register .fake-select .dropdown .option {
  padding: 4px 10px;
  font-size: 14px;
}

.campaign-page .campaign-register .fake-select .dropdown .option:last-child {
  border-radius: 0 0 6px 6px;
}

.campaign-page .campaign-register .fake-select .dropdown .option:hover {
  background: #ddd;
}

.campaign-page .campaign-register form {
  display: block;
  max-width: 500px;
  margin: 0 auto;
}

.campaign-page .campaign-register form .input-row {
  margin: 0 0 12px 0;
}

.campaign-page .campaign-register form .input-row input, .campaign-page .campaign-register form .input-row select {
  outline-width: 0;
  display: block;
  width: 100%;
  padding: 10px;
  color: #3e3e3e;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #3b4a54;
}

.campaign-page .campaign-register form .input-row input[type="checkbox"] {
  float: left;
  width: 20px;
}

.campaign-page .campaign-register form .input-row .label {
  margin-bottom: 4px;
}

.campaign-page .campaign-register form .input-row .label.small {
  font-size: 14px;
}

.campaign-page .campaign-register form input[type="submit"] {
  display: block;
  margin: 30px auto 0;
  border-radius: 200px;
  text-align: center;
  text-decoration: none;
  position: relative;
  background: #3b4a54;
  color: #fff;
  border: 0;
  padding: 1.5em 6em;
  font-size: 14px;
}

/***
* Weather view
***/
#weatherholder {
  border: 10px solid #FF5B0A;
  padding: 30px;
}

@media all and (max-width: 500px) {
  #weatherholder {
    padding: 16px;
  }
}

#weatherholder .place-name {
  margin-bottom: 20px;
}

#weatherHead {
  display: none;
}

#weatherHead.active {
  display: block;
}

#weatherHeadInfoImg {
  width: 60px;
  height: 60px;
  vertical-align: middle;
  margin-top: -15px;
}

#weatherHeadInfoName {
  font-size: 20px;
  color: #000;
  font-weight: 800;
  margin-top: -8px;
  font-family: "OS Gill Sans Regular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
}

#weatherHeadMaxTemp {
  font-size: 40px;
  line-height: 28px;
  color: #000;
  display: inline;
  font-weight: 400;
}

#weatherHeadWeather {
  font-size: 15px;
  color: #000;
  margin-left: 0;
  margin-top: -4px;
  margin-bottom: 20px;
}

#weatherHeadRowThree {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#weatherHeadWind {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#weatherHeadWind p {
  margin: 0;
  font-size: 14px;
}

#weatherHeadWind .wind-number {
  margin: 0 2px 0 10px;
}

#rowThreeTemps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#rowThreeTemps #weatherHeadUV img {
  display: block;
  margin-left: -12px;
}

#rowThreeTemps #rowThreeMaxTemp {
  font-weight: bold;
}

#weatherData {
  display: none;
  margin-bottom: 10px;
  background-color: #00aeef;
}

#weatherData.active {
  display: block;
}

#weatherDataTable {
  width: 100%;
  padding-left: 15px;
  padding-right: 10px;
  background-color: #00aeef;
  border-collapse: separate;
  border-spacing: 0px;
  padding-top: 12px;
  padding-bottom: 10px;
}

#weatherDataTable tr {
  font-size: 18px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

#weatherDataTable tr td {
  display: block;
  flex: 1;
}

.weatherDataTimeCell {
  width: 35px;
  padding-right: 9px;
  padding-left: 5px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.weatherDataImageCell {
  padding-right: 0px;
  width: 40px;
  text-align: center;
  padding-top: 0px;
}

.weatherDataImageCell img {
  width: 40px;
  height: 40px;
}

.weatherDataTempCell {
  padding-left: 29px;
  padding-right: 0px;
  width: 32px;
}

.weatherDataHumidityCell {
  padding-left: 14px;
  padding-right: 0px;
  width: 30px;
}

.weatherDataWindCell {
  width: 30px;
  padding-left: 30px;
  font-size: 11px;
}

.weatherDataWindCell img {
  width: 30px;
  height: 30px;
  max-width: 999px;
  vertical-align: middle;
}

.weatherDataWindCellText {
  position: absolute;
  left: 0;
  text-align: center;
  width: 30px;
  top: 1px;
}

#weatherFooter {
  margin-right: 0;
  padding: 0;
  font-size: 15px;
  background-color: #039cd6;
  margin-top: 20px;
  display: none;
}

#weatherFooter.active {
  display: flex;
}

.five-day-toggle {
  font-size: 16px;
  text-decoration: underline;
  cursor: pointer;
}

.weatherDayButton {
  flex: 1;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-right: none;
  line-height: 18px;
  background-color: #039cd6;
  text-align: center;
  color: white;
  height: 95px;
}

.weatherDayButton:hover {
  background-color: #00aeef;
  cursor: pointer;
}

.weatherDayButtonNotSelected {
  background-color: #039cd6;
  color: white;
  opacity: 0.6;
}

.weatherDayButtonSelected {
  background-color: #00aeef;
}

.weatherFooterImage {
  width: 100%;
  text-align: center;
  height: 32px;
}

.weatherDayButton img {
  width: 40px;
  height: 40px;
  padding-bottom: 5px;
}

.weatherFooterTemp {
  text-align: center;
  font-size: 15px;
  color: white;
  margin-top: 2px;
}

#weatherHeadInfo {
  margin-left: 18px;
  min-height: 78px;
}

#weatherMetOffice {
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}

@-webkit-keyframes bearing {
  0% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes bearing {
  0% {
    transform: rotate(0deg);
  }
}

.Wind_Direction {
  -webkit-animation: bearing 1s;
  animation: bearing 1s;
}

.dynamicpagelist {
  list-style-type: none;
  padding: 0;
  text-align: center;
}

@media (min-width: 760px) {
  .dynamic .hide-desktop {
    display: none;
  }
}

@media (max-width: 760px) {
  .dynamic .hide-mobile {
    display: none;
  }
}

.dynamic .banner {
  padding-top: 40px;
}

@media all and (max-width: 600px) {
  .dynamic .banner {
    padding-top: 24px;
  }
}

.dynamic .banner h1 {
  font-family: 'OS Gill Sans Regular';
  font-size: 50px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  line-height: 1.1;
}

@media all and (max-width: 1064px) {
  .dynamic .banner h1 {
    font-size: 40px;
  }
}

@media all and (max-width: 600px) {
  .dynamic .banner h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

.dynamic .banner h1 span {
  font-size: 32px;
}

@media all and (max-width: 1064px) {
  .dynamic .banner h1 span {
    font-size: 26px;
  }
}

@media all and (max-width: 600px) {
  .dynamic .banner h1 span {
    font-size: 22px;
  }
}

.dynamic h2 {
  font-size: 1.3em;
}

@media all and (max-width: 760px) {
  .dynamic h2 {
    font-size: 1.1em;
  }
}

@media all and (max-width: 760px) {
  .dynamic h3 {
    font-size: 1em;
  }
}

.dynamic #regionmap {
  width: 100%;
  height: 420px;
}

@media all and (max-width: 500px) {
  .dynamic #regionmap {
    height: 300px;
  }
}

.dynamic .map-section {
  margin-bottom: 80px;
}

@media all and (max-width: 1064px) {
  .dynamic .map-section {
    margin-bottom: 40px;
  }
}

@media all and (max-width: 600px) {
  .dynamic .map-section {
    margin-bottom: 24px;
  }
}

.dynamic .map-section .location-info h3 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #3e3e3e;
  line-height: 1.1;
}

.dynamic .map-section .location-info p {
  margin-bottom: 10px;
}

.dynamic .map-section .location-info .info {
  font-size: 16px;
}

.dynamic .map-section .container-thin .btn {
  margin-bottom: 20px;
}

.dynamic .map-section .container-thin p {
  margin: 0;
}

.dynamic .routes h2 {
  margin: 0px;
}

.dynamic .routes h2, .dynamic .routes h3 {
  text-align: center;
}

.dynamic .routes .two-up {
  margin-bottom: 20px;
  align-items: flex-start;
}

.dynamic .routes .two-up .item.left {
  width: 66%;
  padding: 0 20px;
}

@media all and (max-width: 890px) {
  .dynamic .routes .two-up .item.left {
    width: 48%;
  }
}

@media all and (max-width: 760px) {
  .dynamic .routes .two-up .item.left {
    width: 100%;
    margin-bottom: 24px;
  }
}

.dynamic .routes .two-up .item.right {
  width: 30%;
}

@media all and (max-width: 890px) {
  .dynamic .routes .two-up .item.right {
    width: 48%;
  }
}

@media all and (max-width: 760px) {
  .dynamic .routes .two-up .item.right {
    width: 100%;
    margin-bottom: 24px;
  }
}

.dynamic .routes .btn-row {
  text-align: center;
}

.dynamic .routes .routes-carousel {
  margin-bottom: 20px;
}

.dynamic .routes .routes-carousel .route {
  display: block;
  text-decoration: none;
  padding: 0 20px;
}

.dynamic .routes .routes-carousel .route img {
  display: block;
  max-width: 100%;
  margin-bottom: 12px;
}

.dynamic .routes .routes-carousel .route .name {
  line-height: 1.2;
  font-size: 16px;
}

.dynamic .routes .routes-carousel .route .distance {
  margin-bottom: 8px;
  font-size: 16px;
}

.dynamic .routes .routes-carousel .route .difficulty {
  position: relative;
  margin-bottom: 8px;
  padding-left: 28px;
}

.dynamic .routes .routes-carousel .route .difficulty:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.dynamic .routes .routes-carousel .route .difficulty.Leisurely {
  color: #02C953;
}

.dynamic .routes .routes-carousel .route .difficulty.Leisurely:before {
  background: #02C953;
}

.dynamic .routes .routes-carousel .route .difficulty.Moderate {
  color: #FFBD1F;
}

.dynamic .routes .routes-carousel .route .difficulty.Moderate:before {
  background: #FFBD1F;
}

.dynamic .routes .routes-carousel .route .difficulty.Energetic {
  color: #FF7203;
}

.dynamic .routes .routes-carousel .route .difficulty.Energetic:before {
  background: #FF7203;
}

.dynamic .routes .routes-carousel .route .difficulty.Challenging {
  color: #D3004F;
}

.dynamic .routes .routes-carousel .route .difficulty.Challenging:before {
  background: #D3004F;
}

.dynamic .routes .routes-carousel .route .rating .stars .fa {
  color: #FF9C23;
  margin-right: 4px;
  font-size: 24px;
}

.dynamic .routes .routes-carousel .route .rating .rating-label {
  font-size: 13px;
}

.dynamic .routes .routes-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  outline: 0;
}

.dynamic .routes .routes-carousel .owl-nav .owl-prev {
  left: -20px;
}

.dynamic .routes .routes-carousel .owl-nav .owl-prev img {
  transform: rotate(180deg);
}

.dynamic .routes .routes-carousel .owl-nav .owl-next {
  right: -20px;
}

.dynamic a {
  color: #3e3e3e;
  text-decoration: underline;
}

.os-getoutside-in-region {
  background: #2A363E url("/images/background-rainbow.png") center bottom no-repeat;
  color: #fff;
  position: relative;
  padding: 160px 0 32px;
  margin-top: 180px;
}

@media all and (max-width: 1064px) {
  .os-getoutside-in-region {
    margin-top: 140px;
    padding: 100px 0 32px;
  }
}

@media all and (max-width: 600px) {
  .os-getoutside-in-region {
    margin-top: 110px;
  }
}

.os-getoutside-in-region .title-block {
  background-image: url("/images/blob.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 974px;
  height: 235px;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media all and (max-width: 1064px) {
  .os-getoutside-in-region .title-block {
    width: 600px;
    height: 150px;
    top: 15px;
  }
}

.os-getoutside-in-region .title-block h4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 24px;
  width: 360px;
}

@media all and (max-width: 1064px) {
  .os-getoutside-in-region .title-block h4 {
    top: 40px;
  }
}

@media all and (max-width: 390px) {
  .os-getoutside-in-region .title-block h4 {
    width: 280px;
    font-size: 20px;
  }
}

.os-getoutside-in-region .carousel-wrap {
  padding: 0 100px;
}

@media all and (max-width: 600px) {
  .os-getoutside-in-region .carousel-wrap {
    padding: 0 70px;
  }
}

@media all and (max-width: 450px) {
  .os-getoutside-in-region .carousel-wrap {
    padding: 0 0;
  }
}

.os-getoutside-in-region .region-carousel .item {
  display: block;
  padding: 0 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.os-getoutside-in-region .region-carousel .item .image {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  border: 4px solid #FF5B0A;
  margin-bottom: 16px;
  background-size: cover;
  background-position: center center;
}

.os-getoutside-in-region .region-carousel .item .title {
  font-size: 20px;
  margin-bottom: 10px;
}

.os-getoutside-in-region .region-carousel .item .text {
  font-size: 16px;
}

@media all and (max-width: 450px) {
  .os-getoutside-in-region .region-carousel .item {
    margin-bottom: 40px;
  }
}

.os-getoutside-in-region .region-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  outline: 0;
}

@media all and (max-width: 600px) {
  .os-getoutside-in-region .region-carousel .owl-nav button {
    width: 70px;
  }
}

@media all and (max-width: 450px) {
  .os-getoutside-in-region .region-carousel .owl-nav button {
    top: calc(100% - 20px);
    transform: translateY(0%);
  }
}

.os-getoutside-in-region .region-carousel .owl-nav button img {
  max-width: 100%;
}

.os-getoutside-in-region .region-carousel .owl-nav .owl-prev {
  left: -100px;
}

@media all and (max-width: 600px) {
  .os-getoutside-in-region .region-carousel .owl-nav .owl-prev {
    left: -70px;
  }
}

@media all and (max-width: 450px) {
  .os-getoutside-in-region .region-carousel .owl-nav .owl-prev {
    left: 0;
  }
}

.os-getoutside-in-region .region-carousel .owl-nav .owl-prev img {
  transform: rotate(180deg);
}

.os-getoutside-in-region .region-carousel .owl-nav .owl-next {
  right: -100px;
}

@media all and (max-width: 600px) {
  .os-getoutside-in-region .region-carousel .owl-nav .owl-next {
    right: -70px;
  }
}

@media all and (max-width: 450px) {
  .os-getoutside-in-region .region-carousel .owl-nav .owl-next {
    right: 0;
  }
}

.os-getoutside-in-region .btn-row {
  text-align: center;
  padding-top: 40px;
}

.points-of-interest {
  padding: 50px 0;
  background: #F1F1F1;
}

@media all and (max-width: 760px) {
  .points-of-interest {
    padding: 20px 0;
  }
}

.points-of-interest .two-up {
  position: relative;
  margin-bottom: 0;
  align-items: flex-start;
}

.points-of-interest .two-up:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #FF5B0A;
}

@media all and (max-width: 760px) {
  .points-of-interest .two-up:before {
    display: none;
  }
}

.points-of-interest .two-up .item {
  width: 45%;
}

@media all and (max-width: 760px) {
  .points-of-interest .two-up .item {
    width: 100%;
  }
}

.points-of-interest .two-up .left h2 {
  margin-bottom: 20px;
}

.points-of-interest .two-up h2 {
  font-weight: normal;
  margin-bottom: 12px;
  margin-top: 0;
  line-height: 1.1;
}

.points-of-interest .two-up h4 {
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 24px;
}

.points-of-interest .two-up .image-grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.points-of-interest .two-up .image-grid a {
  width: 31%;
  margin-bottom: 3.5%;
}

@media all and (max-width: 460px) {
  .points-of-interest .two-up .image-grid a {
    width: 48%;
  }
}

.points-of-interest .two-up .image-grid a img {
  display: block;
  max-width: 100%;
}

.points-of-interest .two-up .btn-row {
  margin-top: 40px;
  text-align: center;
}

@media all and (max-width: 760px) {
  .points-of-interest .two-up .btn-row {
    margin-top: 12px;
  }
}

.points-of-interest .two-up .nearby-places {
  padding: 0 0 0 40px;
  margin: 0;
  list-style: none;
}

.points-of-interest .two-up .nearby-places li {
  position: relative;
  margin: 0 0 16px 0;
}

.points-of-interest .two-up .nearby-places li img {
  position: absolute;
  top: 0;
  left: -40px;
  max-width: 28px;
  max-height: 28px;
}

.points-of-interest .two-up .nearby-places li .distance {
  font-size: 16px;
}

.points-of-interest .two-up .nearby-places li .name {
  font-size: 18px;
}

.places-to-stay {
  padding: 50px 0;
}

@media all and (max-width: 760px) {
  .places-to-stay {
    padding: 20px 0;
  }
}

.places-to-stay .two-up {
  position: relative;
  margin-bottom: 0;
  align-items: flex-start;
}

.places-to-stay .two-up:before {
  content: "";
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #3B4A54;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up:before {
    display: none;
  }
}

.places-to-stay .two-up:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("/images/signpost.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 69px;
  height: 83px;
  margin-left: -5px;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up:after {
    display: none;
  }
}

.places-to-stay .two-up .item {
  width: 45%;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up .item {
    width: 100%;
  }
}

.places-to-stay .two-up h2 {
  font-weight: normal;
  margin-bottom: 12px;
  margin-top: 0;
  line-height: 1.1;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up h2 {
    margin-bottom: 8px;
  }
}

.places-to-stay .two-up h4 {
  font-weight: normal;
  margin-bottom: 24px;
  line-height: 1.1;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up h4 {
    margin-bottom: 12px;
  }
}

.places-to-stay .two-up .btn-row {
  margin-top: 20px;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up .btn-row {
    text-align: center;
    margin-top: 12px;
  }
}

.places-to-stay .two-up .cottage {
  margin-bottom: 16px;
  font-size: 16px;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up .cottage {
    margin-bottom: 8px;
  }
}

.places-to-stay .two-up .cottage p {
  margin-bottom: 0;
}

.places-to-stay .two-up .iframeholder {
  padding-top: 0;
  padding-bottom: 100%;
  margin-bottom: 0;
}

@media all and (max-width: 760px) {
  .places-to-stay .two-up .iframeholder {
    padding-bottom: 80%;
    margin-top: 20px;
  }
}

@media all and (max-width: 500px) {
  .places-to-stay .two-up .iframeholder {
    padding-bottom: 100%;
  }
}

.other-places {
  padding: 50px 0;
  background: #F1F1F1;
}

@media all and (max-width: 760px) {
  .other-places {
    padding: 20px 0;
  }
}

.other-places h2 {
  font-weight: normal;
  display: block;
  border-bottom: 1px solid #FF5B0A;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.other-places .nearby {
  list-style: none;
  padding: 0;
  margin: 0;
}

.other-places .nearby li {
  width: 33%;
  float: left;
  margin-bottom: 4px;
  font-size: 18px;
}

@media all and (max-width: 1024px) {
  .other-places .nearby li {
    width: 50%;
  }
}

@media all and (max-width: 740px) {
  .other-places .nearby li {
    width: 100%;
  }
}

a.btn, .btn {
  padding: 1.5em 5em 1.5em 2.8em;
  border-radius: 200px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

@media all and (max-width: 600px) {
  a.btn, .btn {
    padding: 1.5em 4em 1.5em 1.5em;
  }
}

a.btn.first, .btn.first {
  background: #3B4A54;
  color: #fff;
}

a.btn.first.no-icon:hover, .btn.first.no-icon:hover {
  background: #303A41;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

a.btn.second, .btn.second {
  background: #FF5B0A;
  color: #fff;
}

a.btn.second.map, .btn.second.map {
  background: #d40058;
}

a.btn.no-icon, .btn.no-icon {
  padding: 1.5em 6em;
}

a.btn img, .btn img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  transition: 0.25s ease;
}

@media all and (max-width: 600px) {
  a.btn img, .btn img {
    right: 20px;
  }
}

a.btn:hover img, .btn:hover img {
  right: 30px;
}

@media all and (max-width: 600px) {
  a.btn:hover img, .btn:hover img {
    right: 12px;
  }
}

.advert-row {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media all and (max-width: 760px) {
  .advert-row {
    padding: 40px 0;
  }
}

.advert-row .ad {
  display: block;
}

.advert-row .ad img {
  display: block;
  max-width: 100%;
}

.trialbutton, .greybutton {
  display: inline-block;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 0.9em;
  padding: 0.7em 2em;
  background-color: #FF5B0A;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  margin: 1em 0 2em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.trialbutton:hover, .greybutton:hover {
  background-color: #3e3e3e;
  color: #fff;
}

.greybutton {
  background-color: #f7f5f1;
  color: #3e3e3e;
}

.appphonebg {
  position: relative;
}

.appphonebg .phone {
  position: absolute;
  top: 0;
  right: 10%;
  z-index: 0;
  max-width: 30%;
  max-height: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.appphonebg .phone.inview {
  opacity: 1;
}

.appsection1 h2 {
  font-size: 2.3em;
  font-weight: normal;
  line-height: 1.2;
}

.appsection1 p {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  max-width: 640px;
}

.appsection1 .trialbutton, .appsection1 .greybutton {
  margin-right: 1em;
}

.appsection2 {
  background-color: rgba(213, 213, 213, 0.7);
  padding: 30px 0;
  z-index: 2;
  position: relative;
}

.appsection2 .row {
  margin-bottom: 0;
}

.appsection2 h3 {
  font-size: 1.3em;
}

.appsection2 h4 {
  font-size: 1.2em;
  margin: 0;
  font-family: 'Source Sans Pro Semi-Bold', Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

.appsection2 p {
  font-size: 0.8em;
}

.apparrowpink {
  background-image: url(../img/app-arrow-pink.png);
  background-repeat: no-repeat;
  padding: 5px 0 15px 50px;
  display: block;
  text-decoration: none;
}

.appvideo {
  margin: 10px 0;
  text-align: center;
  background-image: url(../img/app-video-bg.png);
  background-color: #f7f5f1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.appvideo h2 {
  margin: 1.5em 0;
}

.appquotes {
  background-color: #f7f5f1;
  padding: 30px 0 0 0;
}

.appquotes h3 {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 2em;
}

.appquotes img {
  margin-bottom: 1em;
}

.appquotes footer {
  margin: 1em 0 0 0;
  font-size: 0.8em;
}

.appquotes .person {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.appquotes .person.inview {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.apptrial {
  padding-top: 4em;
  padding-bottom: 2em;
}

.apptrial .unlock {
  font-size: 1.5em;
  margin-bottom: 0;
}

.apptrial .trial {
  font-size: 2em;
  margin-bottom: 0.35em;
}

.apptrial .nocard {
  font-size: 0.75em;
}

.apptrial .devices {
  position: relative;
  overflow: hidden;
}

.apptrial .phone, .apptrial .tablet {
  position: absolute;
  bottom: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -moz-transform: translate3d(0px, 100%, 0px);
  -webkit-transform: translate3d(0px, 100%, 0px);
  -o-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate3d(0px, 100%, 0px);
}

.apptrial .phone {
  left: 69.5%;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.apptrial .tablet {
  left: 46%;
}

.apptrial .phone.inview, .apptrial .tablet.inview {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

@media all and (max-width: 1000px) {
  .appsection2 .eight {
    width: 100%;
  }
}

@media all and (max-width: 656px) {
  .appphonebg .phone {
    position: relative;
    width: 50%;
    margin: 0 auto;
    top: auto;
    right: auto;
    display: block;
  }
  .appsection1 {
    text-align: center;
  }
  .appsection1 .row {
    margin-bottom: 0;
  }
  .appsection1 h2 {
    margin-top: 0;
    font-size: 2em;
  }
  .apparrowpink {
    display: inline-block;
    margin-bottom: 2em;
  }
  .appsection2 {
    text-align: center;
  }
  .appsection2 p {
    margin-bottom: 2em;
  }
  .appquotes {
    text-align: center;
  }
  .appquotes blockquote {
    margin-bottom: 2em;
  }
  .appquotes .row {
    margin-bottom: 0;
  }
  .appquotes .person {
    display: block;
    margin: 0 auto;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 0;
  }
  .appquotes .person.inview {
    opacity: 1;
  }
  .apptrial {
    text-align: center;
  }
  .apptrial .unlock {
    margin-top: 1em;
  }
}

.sisea-results {
  font-size: 1.4em;
}

.sisea-paging {
  margin-bottom: 1em;
}

.sisea-result-pages {
  margin-right: 0.5em;
}

.sisea-result {
  margin-bottom: 2em;
}

.sisea-result h3 {
  margin-bottom: 10px;
}

.signup {
  margin-bottom: 0;
  background-color: #FF5B0A;
  color: #fff;
  text-align: center;
}

.signup h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.signup p {
  font-size: 1em;
}

.signup .banner {
  background-image: url("../../images/kit-banner.jpg");
  background-size: cover;
  padding-bottom: 7.6%;
  margin-bottom: 1em;
}

.signup input {
  width: 100%;
  font-size: 1em;
  padding: 0 0.75em;
  height: 42px;
}

.signup .btn {
  width: 100%;
}

.signup .btn:hover {
  background-color: #263238;
}

.signup small {
  display: block;
  margin-bottom: 2em;
  line-height: 2;
}

.signup small a {
  color: #fff;
}

.signup .row {
  margin-bottom: 1em;
}

#map {
  width: 100%;
  height: 400px;
  margin-bottom: 2em;
}

#randompledge, #pledgesubmit {
  background-color: #cb3437;
}

#randompledge:hover, #pledgesubmit:hover {
  background-color: #a22a2c;
}

#pledgesubmittwitter {
  padding-right: 40px;
  background-color: #0099ce;
  float: right;
  margin-left: 1em;
  width: 12em;
  text-align: left;
}

#pledgesubmittwitter:hover {
  background-color: #00739b;
}

#pledgesubmitfacebook {
  padding-right: 40px;
  background-color: #3b5998;
  float: right;
  width: 12em;
  text-align: left;
}

#pledgesubmitfacebook:hover {
  background-color: #2d4373;
}

.pledgeform {
  background-color: #FF5B0A;
  color: #fff;
  padding: 2em;
  margin-top: 60px;
  /*
	.columns {
		margin: 0 auto;
		float: none;
		position: relative;
	}
*/
}

.pledgeform .share {
  position: absolute;
  right: 0;
  bottom: 0;
}

.pledgeform p {
  font-size: 0.9em;
}

.pledgeform a {
  color: #fff;
}

.pledgeform h3 {
  font-size: 2em;
}

.pledgeform textarea, .pledgeform input[type='text'], .pledgeform input[type='email'] {
  width: 100%;
  background-color: #efefef;
  border: none;
}

.pledgeform input[type='checkbox'] {
  margin-right: 0.7em;
  margin-bottom: 2em;
  float: left;
  margin-top: 0.2em;
}

.pledgeform textarea {
  height: 4em;
  font-size: 1.3em;
}

.pledgeform #pledgeinfo {
  padding-top: 2em;
  font-size: inherit;
  height: 6em;
}

.pledgeform .row {
  margin-bottom: 0;
}

.pledgeform .counter {
  font-size: 0.9em;
  margin-top: 0.5em;
}

.pledgeform .counter.exceeded {
  color: red;
}

.pledgeform .btn {
  height: 42px;
  position: relative;
  padding: 0.3em 0.75em 0.6em 0.75em;
  line-height: 1;
}

.pledgeform .btn i {
  font-size: 1.5em;
  margin-right: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.pledgeform .pledgeextra {
  display: none;
  margin-top: 3em;
}

.pledgeform .pledgerow {
  margin-bottom: 1em;
  position: relative;
}

.pledgeform .pledgerow label {
  position: absolute;
  left: .571em;
  top: 0.3em;
  color: #3e3e3e;
}

.pledgeform .pledgerow input {
  padding-left: 5em;
}

.pledgeform .thanks {
  background-color: #FF5B0A;
  font-size: 1.7em;
  color: #fff;
}

.script-off #appbanner {
  background-image: url("../img/app-banner-cycling.jpg");
}

.pagebanner {
  text-align: center;
  color: #fff;
  padding: 120px 0px;
  margin-bottom: 2em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pagebanner.nobg {
  color: #3e3e3e;
  padding: 50px 0;
}

.pagebanner#appbanner {
  padding: 50px 0px;
  margin-bottom: 0;
}

.pagebanner.cycling {
  background-image: url("../img/app-banner-cycling.jpg");
}

.pagebanner.camping {
  background-image: url("../img/app-banner-camping.jpg");
}

.pagebanner.coast {
  background-image: url("../img/app-banner-coast.jpg");
}

.pagebanner.rucksack {
  background-image: url("../img/app-banner-rucksack.jpg");
}

.pagebanner img {
  display: block;
  margin: 0 auto 20px auto;
}

.pagebanner h2 {
  font-family: 'OS Gill Sans Regular';
  font-size: 4em;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}

.pagebanner h3 {
  font-family: 'OS Gill Sans Regular';
  font-size: 1.4em;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}

.pagebanner a {
  color: #fff;
  text-decoration: none;
  font-size: 0.8em;
}

.natparksmap {
  margin: 0 auto;
  display: block;
}

/*
 * qTip2 - Pretty powerful tooltips - v3.0.3
 * http://qtip2.com
 *
 * Copyright (c) 2016 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Thu May 12 2016 06:40 EDT-0400
 * Plugins: imagemap
 * Styles: core
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 1px solid #fcfcfc;
  background-color: #fcfcfc;
  color: #808080;
  font-size: 0.9em;
  padding: 5px;
  line-height: 1.3;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

.content p, .content ul, .content ol {
  font-size: 0.85em;
}

.content p ul, .content p ol, .content p p, .content ul ul, .content ul ol, .content ul p, .content ol ul, .content ol ol, .content ol p {
  font-size: 1em;
}

.parallax-mirror {
  z-index: 1 !important;
}

.herobanner {
  display: block;
  width: 100%;
  padding-bottom: 26.7%;
  margin-bottom: 15px;
  background-size: cover;
  background-position: center center;
  -ms-behavior: url("/getoutside/backgroundsize.min.htc");
}

.articlebanner {
  display: block;
  width: 100%;
  padding-bottom: 40%;
  margin-bottom: 2em;
  background-size: cover;
  background-position: center center;
  -ms-behavior: url("/getoutside/backgroundsize.min.htc");
}

.article .banner {
  margin-bottom: 1em;
}

.articletitle {
  font-size: 1.5em;
}

.row.postinfo {
  border-bottom: 1px solid #bbb;
  margin-bottom: 2em;
}

.row.postinfo .date {
  font-size: 0.8em;
}

.tagdescription {
  margin-bottom: 2em;
  border-bottom: 1px solid #e1e1e1;
}

.sharing {
  position: absolute;
  bottom: 1em;
  right: 0;
}

.sharing ul {
  margin: 0;
  list-style-type: none;
  text-align: right;
}

.sharing ul li {
  display: block;
  margin-left: 0.3em;
  float: right;
}

.sharing ul a {
  color: #fff;
  background-color: #424242;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 11px;
  /* line-height: 42px; */
  padding: 10px;
}

.sharing ul a:hover {
  background-color: #000;
}

.postuserinfo {
  background-color: #e1e1e1;
  padding: 1em;
}

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

.postuserinfo .postedby, .postuserinfo .name {
  font-family: 'Source Sans Pro Semi-Bold',Arial,sans-serif;
}

.postuserinfo .postedby {
  float: left;
}

.postuserinfo .name {
  text-align: right;
}

.postuserinfo .bio {
  margin-top: 0.5em;
  margin-bottom: 0;
  padding-top: 0.5em;
  border-top: 1px solid #bbb;
  font-family: 'Source Sans Pro Italic',Arial,sans-serif;
  font-size: 0.85em;
}

.avatar {
  display: block;
  border: 1px solid #ccc;
  padding: 0.5em;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  text-align: center;
  background-position: center center;
  background-size: cover;
}

span.avatar {
  display: inline-block;
  margin-right: 1em;
}

.special-gallery {
  list-style-type: none;
  padding: 0;
}

.special-gallery li {
  display: inline-block;
  width: 33%;
}

.special-gallery li:nth-child(n+4) {
  display: none;
}

.special-gallery img {
  max-width: 100%;
  height: auto;
}

.featurecontainer {
  overflow: hidden;
  /*
	background-color: #eeeeee;
	font-size: 0;
*/
}

.feature {
  position: relative;
  color: #fff;
  overflow: hidden;
  font-size: 16px;
}

.feature .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.feature img {
  display: block;
  width: 100%;
  height: auto;
}

.feature a {
  color: #616161;
  text-decoration: none;
  /*
		padding: 1em;
		color: inherit;
		text-decoration: none;
		width: 100%;
		height: 100%;
		position: absolute;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0))); 
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); 
		background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); 
		background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); 		&:hover {
			//background: rgba(0, 0, 0, 0.3);
		}
*/
}

.feature .tags a {
  color: #666;
}

.feature .type {
  font-size: 0.8em;
  margin: 0;
  display: block;
}

.feature .title {
  font-size: 22px;
  margin: 0;
  padding: 0.5em;
  background-color: #eeeeee;
}

.feature .name {
  margin-right: 1em;
}

.feature .slideup {
  position: absolute;
  width: 100%;
  height: 36%;
  bottom: -36%;
  left: 0;
  padding: 0.6em;
  color: #3e3e3e;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-transition: bottom 0.5s ease-out;
  transition: bottom 0.5s ease-out;
  font-size: 0.9em;
}

.feature .credit {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0.6em;
  width: 100%;
}

.feature:hover .slideup {
  bottom: 0;
}

.feature span.avatar {
  margin-right: 0.5em;
}

.feature .region {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 1em;
}

.feature.hp {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.feature.related {
  padding-bottom: 0;
  margin-bottom: 12px;
  /*
		a {
			position: absolute;
			width: 100%;
			height: 100%;
			top:0;
			left:0;
		}
*/
  /*
		&:hover img {
		  -webkit-transform: scale(1.1);
		      -ms-transform: scale(1.1);
		          transform: scale(1.1);	
		}
*/
}

.feature.related img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}

.feature.related .title {
  font-size: 18px;
}

.hpmaps {
  padding-top: 30px;
}

.hpmaps h2 {
  margin-top: 0;
}

.hplatest {
  padding: 20px 0 0;
}

.hplatest .featurecontainer {
  padding-top: 20px;
}

.hplatest .story {
  padding-bottom: 10px;
}

.story {
  padding-bottom: 30px;
  position: relative;
}

.story p {
  padding: 0 20px;
  font-size: 0.8em;
}

.story .meta {
  text-transform: uppercase;
  margin-top: 20px;
}

.story .meta span {
  color: #bdbdbd;
}

.story .meta a {
  color: inherit;
}

.story a {
  display: block;
  color: inherit;
}

.story a img {
  display: block;
}

.story .title {
  font-size: 1.3em;
  font-family: 'Source Sans Pro Semi-Bold';
  margin-top: 0.5em;
}

.story .intro {
  font-size: 0.8em;
}

.story .more {
  display: block;
  /*
		position: absolute;
		left: 0;
		bottom: 0;
*/
  padding: 20px;
  width: 100%;
  font-size: 1em;
}

.story .more.osmaps {
  padding: 10px;
  margin: 0 20px;
  width: calc( 100% - 40px);
}

.story .more:hover {
  text-decoration: underline;
}

@media (min-width: 600px) {
  .story:hover .more.osmaps {
    color: #fff;
    text-indent: 30px;
    padding-left: 10px;
    padding-right: 30px;
    width: 230px;
    text-decoration: none;
    transition: all 0.5s ease;
  }
}

.four .story {
  /*
		@extend .osmapsbutton;
		line-height:0;
		display: block;
*/
}

.osmapsbutton, .story .more.osmaps {
  left: 20px;
  bottom: 30px;
  display: inline-block;
  transition: all 0.25s ease;
  background-image: url("../img/osmapsarrow.png");
  background-color: #FF5B0A;
  background-repeat: no-repeat;
  height: 40px;
  background-position: 7px center;
  border-radius: 20px;
  overflow: hidden;
  line-height: 1;
  color: #fff;
  text-indent: 30px;
  transition: all 0.5s ease;
  color: #fff;
}

.osmapsbutton span, .story .more.osmaps span {
  padding: 0;
  display: block;
}

@media (min-width: 600px) {
  .osmapsbutton, .story .more.osmaps {
    text-indent: -200px;
    width: 40px;
    text-decoration: none;
  }
  .osmapsbutton:hover, .story .more.osmaps:hover {
    color: #fff;
    text-indent: 30px;
    padding-left: 10px;
    padding-right: 30px;
    width: 230px;
    text-decoration: none;
    transition: all 0.5s ease;
  }
}

.hpguides {
  background-color: #f7f5f1;
  padding: 40px 0;
}

.hpguides.white {
  background-color: #fff;
}

.hpguides h2 {
  text-align: center;
  margin-top: 0;
}

.hpguides .story {
  background: #fff;
}

.hpguides .banner {
  margin: 2em 0 0 0;
}

.hpguides .banner img {
  width: 100%;
  height: auto;
  display: block;
}

.hpguides .viewall {
  text-align: center;
}

.hpguides .viewall a {
  background-color: #fff;
  padding: 0.5em 1em;
  display: inline-block;
  font-size: 0.9em;
  font-family: 'Source Sans Pro Semi-Bold';
}

.championslist {
  text-align: center;
}

.championslist h2 {
  font-family: 'OS Gill Sans Regular',sans-serif;
  letter-spacing: 2px;
  font-weight: normal;
}

.championslist h3 {
  font-weight: normal;
  margin-bottom: 50px;
}

.championslist p {
  font-size: 0.8em;
  margin: 0 0 15px 0;
}

.championslist .name {
  font-size: 1.2em;
  margin-top: 1em;
}

.championslist .age {
  margin-bottom: 0;
}

.championslist .age, .championslist .discipline {
  font-size: 0.9em;
}

.championslist .strapline {
  font-size: 0.8em;
  color: inherit;
}

.championslist .viewall a {
  border: 2px solid #3e3e3e;
  padding: 0.6em 1.5em;
  margin: 20px auto;
  color: #3e3e3e;
  display: inline-block;
  font-family: 'OS Gill Sans Regular',sans-serif;
  letter-spacing: 2px;
}

.championslist .viewall a:hover {
  color: #fff;
  background-color: #3e3e3e;
}

.championslist.sub {
  background-color: #fafafa;
  padding: 2em 0 0;
  margin: 0;
}

.championsignup {
  border-top: 1px solid #e0e0e0;
  padding: 2em 0;
  text-align: center;
}

.championsignup h2 {
  margin-top: 0;
}

.championsignup h2, .championsignup p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.storyrelated .feature {
  width: 30%;
}

.pledge {
  position: relative;
  color: #fff;
  overflow: hidden;
  margin-bottom: 2em;
}

.pledge .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.pledge img {
  display: block;
  width: 100%;
  height: auto;
}

.pledge a {
  color: #616161;
  text-decoration: none;
  display: block;
  /*
		padding: 1em;
		color: inherit;
		text-decoration: none;
		width: 100%;
		height: 100%;
		position: absolute;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0))); 
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); 
		background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); 
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); 
		background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); 
		&:hover {
			//background: rgba(0, 0, 0, 0.3);
		}
*/
}

.pledge .tags a {
  color: #666;
}

.pledge .type {
  font-size: 1em;
  margin: 0;
}

.pledge .title {
  font-size: 17px;
  margin: 0;
  padding: 15px;
  background-color: #eeeeee;
}

.pledge .avatar {
  position: absolute;
  right: 1em;
  bottom: 1em;
}

.pledge img {
  width: 100%;
  height: auto;
}

.emptymessage {
  text-align: center;
}

.pledgecontainer {
  vertical-align: top;
  width: 50%;
  font-size: 0;
}

.wrappersub .pledgecontainer {
  margin-right: 2%;
  width: 32%;
  margin-bottom: 2%;
}

.wrappersub .pledgecontainer:nth-child(3n+0) {
  margin-right: 0;
}

.wrappersub .featurecontainer {
  background-color: #fff;
}

/*
.flexbox {
	.pledgelist, .featurecontainer {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 70vw;
	}
	.pledgecontainer {
// 		width: 33%;
		float: left;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.pledge {
		display: block;
		width: 100%;
	}
}
*/
.pledgeHero {
  background-size: cover;
  position: relative;
  padding-bottom: 25%;
  margin-bottom: 2em;
}

.pledgeHero .heroContent {
  padding: 1em;
  color: #fff;
}

.pledgemeta {
  padding: 0.6em;
  font-size: 0.7em;
  background-color: #eeeeee;
}

.pledgemeta .date {
  margin-bottom: 1em;
}

/*
.tags {
	position: absolute;
	bottom: 1em;
	left:1em;
}
*/
.tags .tag {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0.5em;
  background-color: #FF5B0A;
  padding: 0.25em 0.5em;
  color: #fff;
  text-decoration: none;
}

.tags .tag:hover {
  background-color: #bd3e00;
  color: #fff !important;
}

.posttags .tag:first-child {
  margin-left: 1em;
}

.location .tag {
  color: #757575;
  text-decoration: none;
  display: block;
  float: right;
}

.pledgefullwidth {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pledgefullwidth .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 1em;
  padding-top: 1em;
  top: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50&0.1+0,0+50 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 50%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(50%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 50%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 50%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
}

.pledgefullwidth a.title {
  color: inherit;
  text-decoration: none;
}

.pledgefullwidth p.title {
  font-size: 1.5em;
  width: 60%;
}

.pledgefullwidth p.type {
  margin-bottom: 0;
  font-size: 0.8em;
}

.pledgefullwidth p {
  margin: 0;
}

.pledgefullwidth img {
  display: block;
}

.pledgefullwidth .pledgemeta {
  /*
		bottom: 0;
		position: absolute;
		left: 0;
*/
  width: 100%;
  background-color: rgba(238, 238, 238, 0.8);
  font-size: 0.8em;
  color: #3e3e3e;
  padding: 1em;
}

.pledgefullwidth .tags {
  margin-top: 1em;
}

.pledgebadge {
  background-color: red;
  position: absolute;
  top: -5px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 9px;
  color: #fff;
}

.borderbutton, .moreadventures .loadmore {
  font-family: 'OS Gill Sans Regular';
  letter-spacing: 0.1em;
  display: inline-block;
  margin: 0 15px 15px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  border: 1px solid #424242;
  width: auto;
  font-weight: 300;
  text-align: center;
  font-size: 0.9em;
  color: #424242;
}

.borderbutton.active, .moreadventures .active.loadmore {
  color: #FF5B0A;
}

.borderbutton:hover, .moreadventures .loadmore:hover {
  color: #FF5B0A;
  border-color: #FF5B0A;
}

.alltags {
  display: none;
  background-color: #fff;
}

.filterrow {
  padding: 1em 0 1.5em 0;
}

.filters {
  /*
	background: #eee;
	padding: 1em;
*/
}

.filters a {
  font-family: 'OS Gill Sans Regular';
  letter-spacing: 0.1em;
  display: inline-block;
  color: #808080;
  text-decoration: underline;
  text-transform: uppercase;
  margin: 0.5em;
  font-size: 0.8em;
}

.filters a:hover, .filters a.active {
  color: #FF5B0A;
}

.filters #pledgeselect {
  margin-bottom: 2em;
}

.filters p {
  margin: 0 0 1em 0.5em;
  font-size: 0.9em;
}

.filters h3 {
  margin: 2em 0 1em 0;
  font-family: 'Source Sans Pro Italic', Arial, sans-serif;
  font-size: 1.1em;
  display: inline-block;
  border-bottom: 1px solid #999;
}

.filters h3:first-child, .filters h3:first-of-type {
  margin-top: 0;
}

.filters ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 0;
}

.filters li {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.filters select {
  width: 100%;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#mapholder {
  margin-bottom: 2em;
}

.pledgemapholder {
  margin: 1em 0 2em 0;
  padding-bottom: 50%;
  position: relative;
}

#pledgemap {
  width: 100%;
  height: 100%;
  position: absolute;
}

.otherpledges {
  margin-top: 2em;
}

.pageNav {
  text-align: center;
  margin: 20px 0;
}

.storybanner {
  position: relative;
  background-color: #fff;
  min-height: 325px;
  height: auto;
  color: #3e3e3e;
}

.storybanner .bgimage {
  background-size: cover;
  background-position: center top;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.storybanner .container {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: 14%;
  /*
		top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);	
*/
}

.storybanner .routeimage {
  float: right;
  position: absolute;
  right: 0;
  bottom: -45px;
  height: auto;
  max-width: 45%;
}

.storybanner .filters {
  margin-top: 2em;
  padding-bottom: 1em;
}

.storybanner .filters a {
  color: #808080;
  margin: 1em;
  font-size: 1.2em;
}

.storybanner .filters a.showalltags {
  text-transform: none;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}

.storybanner.withbg {
  min-height: 485px;
  color: #fff;
  margin-bottom: 2em;
}

.storybanner.withbg .filters a {
  background-color: transparent;
  color: #fff;
  padding: 0.5em 1em;
}

.storybanner.withbg .container {
  top: 40%;
}

.storycontent {
  position: relative;
  padding-top: 24px;
}

.tags {
  display: block;
}

.storysection {
  background-color: #f1f1f1;
}

.storysummary {
  padding: 2em 0 0;
  background: url("../img/storysummarybg.png");
  /*
	margin-top: 80px;
	border-left: 1px solid #e6e6e6;
	padding-left: 50px;
*/
}

.storysummary.guide {
  margin-bottom: 2em;
}

.storysummary p {
  display: block;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  position: relative;
}

.storysummary p a {
  color: inherit;
}

.storysummary span {
  font-weight: normal;
  padding-left: 35px;
  display: inline-block;
  position: relative;
}

.storysummary span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 25px;
  width: 30px;
  margin-right: 10px;
  background-image: url("../img/storyicons/storysprite.png");
  background-image: url("../img/storyicons/storysprite.svg"), linear-gradient(transparent, transparent);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.storysummary .timetaken, .storysummary .minutes {
  font-size: 1.7em;
}

.storysummary .distance:before, .storysummary .timetaken:before {
  display: none;
}

.storysummary .distance.miles {
  padding-left: 0.2em !important;
}

.storysummary .distance.miles:before {
  display: none;
}

.storysummary span.minutes {
  padding-left: 0;
}

.storysummary span.minutes:before {
  display: none;
}

.storysummary span.distance, .storysummary .timetaken, .storysummary .minutes {
  font-size: 3em;
  padding-left: 0;
  font-family: 'OS Gill Sans Regular';
}

.storysummary .easy:before {
  background-position: 0 0;
}

.storysummary .medium:before {
  background-position: -30px 0;
}

.storysummary .hard:before {
  background-position: -60px 0;
}

.storysummary .parking:before {
  background-position: -90px 0;
}

.storysummary .region:before {
  background-position: -116px 0;
}

.storysummary .timetaken:before {
  background-position: -150px 0;
}

.storysummary .distance:before {
  background-position: -180px 0;
}

.storysummary .running:before {
  background-position: 0 -35px;
}

.storysummary .walking:before {
  background-position: -40px -37px;
}

.storysummary .cycling:before {
  background-position: -80px -40px;
}

.storysummary .mountain-biking:before {
  background-position: -120px -40px;
}

.storysummary h2 {
  font-style: italic;
}

.storysummary h3 {
  font-size: 1em;
  margin-bottom: 0;
}

.storysummary .authorimage {
  border-radius: 50%;
  display: block;
  margin: 0 auto 1em auto;
}

.storysummary .author {
  font-family: 'Source Sans Pro Italic';
  text-align: center;
}

.storysummary .author span {
  font-style: normal;
  font-family: 'Source Sans Pro Semi-Bold';
  padding: 0;
}

.storysummary .author span:before {
  display: none;
}

.storysummary .views, .storysummary .likes {
  display: inline-block;
  font-size: 0.8em;
  float: right;
  margin-right: 35px;
}

.buttons {
  text-align: center;
  margin-bottom: 1em;
}

.button {
  text-decoration: none;
  border: 2px solid #efefef;
  background-color: #fafafa;
  color: #FF5B0A;
  font-weight: 400;
  padding: 12px 0;
  font-family: 'OS Gill Sans Regular';
  text-align: center;
  margin-right: 70px;
  width: 22%;
  display: inline-block;
  font-size: 0.9em;
}

.button:last-child {
  margin-right: 0;
}

.button.osmaps {
  border-radius: 13px;
  color: #fff;
  background-image: url("../img/osmapsarrow.png");
  background-color: #FF5B0A;
  background-repeat: no-repeat;
  text-indent: 14px;
  background-position: 13px center;
  text-transform: uppercase;
}

.maincontent img {
  margin-top: 1em;
  margin-bottom: 1em;
}

.maincontent .caption {
  margin-top: -1em;
  margin-bottom: 2em;
  color: #808080;
}

.maincontent .storyimages .caption {
  text-align: center;
}

.maincontent.guide {
  text-align: center;
}

.guide p, .guide h2, .guide h3, .guide h4, .guide h5, .guide h6, .guide ol, .guide ul, .storytimeline p, .storytimeline h2, .storytimeline h3, .storytimeline h4, .storytimeline h5, .storytimeline h6, .storytimeline ol, .storytimeline ul {
  max-width: 935px;
  margin-left: auto;
  margin-right: auto;
}

.guide ol, .guide ul, .storytimeline ol, .storytimeline ul {
  text-align: left;
  max-width: 800px;
}

.guide .button, .storytimeline .button {
  margin-right: 0;
}

.guideintro:first-letter {
  font-size: 1.6em;
}

.storytimeline {
  padding-top: 50px;
  margin-bottom: 80px;
  text-align: center;
}

.storytimeline .guideintro {
  margin-bottom: 2em;
}

.storytimeline .greybg {
  padding-top: 0;
}

.storytimeline .greybg h2 {
  font-style: italic;
}

.storytimeline .greybg img {
  display: block;
  margin: 0 auto 60px auto;
}

.storytimeline img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
}

.storytimeline .row {
  margin-bottom: 0;
  padding-top: 20px;
}

.storytimeline p, .storytimeline ul, .storytimeline ol, .storytimeline .caption, .storytimeline blockquote {
  padding: 0 9.6%;
}

.storytimeline p p, .storytimeline p .caption, .storytimeline ul p, .storytimeline ul .caption, .storytimeline ol p, .storytimeline ol .caption, .storytimeline .caption p, .storytimeline .caption .caption, .storytimeline blockquote p, .storytimeline blockquote .caption {
  padding: 0;
}

.storytimeline ul {
  text-align: left;
  width: 60%;
  margin: 2em auto;
  padding: 1em 1.5em 1em 3em;
  background-color: #F7F5F2;
}

.storytimeline ul li {
  margin-bottom: 0.5em;
}

.storytimeline blockquote {
  margin: 0;
  width: 80%;
}

.storytimeline .caption {
  margin-left: 0 !important;
}

.storytimeline .six {
  padding: 30px 0;
}

.storytimeline .six p {
  padding: 0 12.8%;
}

.storytimeline .four h2 {
  font-weight: 700;
  padding: 0 10.6%;
  font-size: 1.6em;
  margin-top: 1.4em;
}

.storytimeline .container {
  /*
		background-image:url('../img/storyline.png');
		background-repeat: repeat-y;
		background-position-x: 30px;
*/
  padding: 0 20px 30px 20px;
}

.storytimeline .greybg .container {
  background-image: none;
}

.storytimeline .waypoint {
  padding-bottom: 90px;
  margin-bottom: 40px;
  font-family: 'OS Gill Sans Regular';
  position: relative;
  background-image: url("../img/waypointbg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  /*
		&.start p:before, &.finish p:before {
			content: ' ';
			background-image: url('../img/storystarticon.png');
			background-color: #fff;
			width: 25px;
			height: 25px;
			position: absolute;
			left: -40px;
			top:0;
		}
*/
  /*
		&.finish {
			height: 0;
			padding-bottom: 0;
		}
*/
}

.storytimeline .waypoint em {
  font-family: 'OS Gill Sans Regular';
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.3em;
}

.storytimeline .waypoint.start, .storytimeline .waypoint.finish {
  padding: 0;
  background: #f7f5f1;
  border-radius: 50%;
  text-align: center;
  width: 120px;
  height: 120px;
  position: relative;
  margin-bottom: 80px;
}

.storytimeline .waypoint.start p, .storytimeline .waypoint.finish p {
  display: block;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 0.85em;
}

.storytimeline .waypoint.finish {
  margin-top: 50px;
}

.storytimeline .waypoint.finish em {
  display: block;
}

.storytimeline .waypoint.start:after, .storytimeline .waypoint.finish:before {
  content: ' ';
  background-image: url("../img/waypointline.png");
  background-color: #fff;
  width: 1px;
  height: 50px;
  margin: 0 auto;
  display: block;
  top: 120px;
  position: absolute;
  left: 50%;
}

.storytimeline .waypoint.finish:before {
  top: -50px;
}

.storytimeline .waypoint p {
  font-size: 1.7em;
  margin-bottom: 0;
  padding: 0;
}

.storyimages .twelve {
  margin-left: 0;
}

.storyimages .four {
  margin-bottom: 12px;
  margin-left: 1.12766% !important;
  width: 32.54489% !important;
}

.storyimages .four:first-child {
  margin-left: 0 !important;
}

.storyimages21 {
  padding: 1em 0 2em 0;
}

.storyimages21 img {
  display: block;
  margin: 0;
}

.storyimages21 .images {
  font-size: 0;
  position: relative;
}

.storyimages21 .one {
  width: 70%;
}

.storyimages21 .two {
  display: block;
  width: 29%;
  position: absolute;
  top: 0;
  right: 0;
}

.storyimages21 .three {
  display: block;
  width: 29%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.likebutton {
  background-color: #fff;
  color: #3e3e3e;
  width: 329px;
  font-family: 'OS Gill Sans Regular';
  text-align: center;
  margin: 30px auto 50px auto;
  display: block;
  border: 1px solid #999;
}

.likebutton * {
  cursor: pointer;
}

.likebutton:hover {
  color: #222;
}

.likebutton .liketext {
  float: left;
  width: 75%;
  padding: 20px 0;
}

.likebutton .likecount {
  background-color: #fff;
  float: right;
  width: 25%;
  padding: 20px 0;
  border-left: 1px solid #999;
}

.likebutton p {
  margin-bottom: 0;
  letter-spacing: 2px;
  font-size: 0.9em;
}

.likebutton i {
  margin-left: 10px;
}

.storyoverview {
  padding: 30px 0;
  margin-top: 60px;
  background: url("../img/storysummarybg.png");
}

.storyoverview h3.tags {
  margin-bottom: 1.7em;
}

.storyoverview h3.routecode {
  margin-bottom: 0;
}

.storyoverview p.routecode {
  margin-bottom: 1em;
}

.storyoverview .filters {
  margin-top: 2em;
}

.storyoverview .filters a {
  color: #808080;
  font-size: 0.8em;
  margin: 0.5em 1em;
}

.storyoverview .author {
  overflow: hidden;
  margin-bottom: 0;
  text-align: center;
}

.storyoverview .author span {
  vertical-align: top;
  padding-top: 20px;
  display: inline-block;
}

.storyoverview .author img {
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

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

.storyoverview .views {
  margin-right: 25px;
}

.storyoverview .row {
  max-width: 88%;
  margin: 0 auto;
}

.storyoverview p {
  font-size: 0.9em;
}

.storyoverview .overviewpagetitle {
  margin-bottom: 0;
  margin-top: 25px;
}

.storyoverview .buymaps p {
  margin-bottom: 0;
  font-size: 1.5em;
}

.storyoverview .buymaps h3 {
  margin-bottom: 0;
}

.storyoverview .buymaps ul {
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
}

.storyoverview .buymaps li {
  margin-bottom: 0.5em;
}

.storytags a {
  color: #616161;
  display: inline-block;
  width: 30%;
}

.downloadapp {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 35px;
}

.buymap {
  display: block;
}

.storyshare {
  margin-bottom: 2em;
}

.storyshare p {
  margin-bottom: 5px;
}

.storyshare a {
  height: 35px;
  width: 35px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.storyshare .sharefacebook {
  background-image: url(../img/facebook.png);
  background-image: url(../img/facebook.svg);
}

.storyshare .sharetwitter {
  background-image: url(../img/twitter.png);
  background-image: url(../img/twitter.svg);
}

.storyrelated {
  background: #eeeeee;
}

.storyrelated .story {
  background-color: #fff;
}

.moreadventures {
  padding-bottom: 60px;
  padding-top: 40px;
}

.moreadventures h3 {
  font-family: 'OS Gill Sans Regular';
  text-decoration: underline;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 2px;
  margin-top: 40px;
}

.moreadventures .adventure {
  width: 33.333333%;
  float: left;
  text-align: left;
}

.moreadventures .adventure img.thumbnail {
  width: 100%;
  display: block;
  height: auto;
}

.moreadventures .adventure a {
  color: #616161;
  text-decoration: none;
}

.moreadventures .adventureinfo {
  padding: 15px 100px 15px 25px;
  position: relative;
}

.moreadventures .adventureinfo p {
  margin-bottom: 0;
  font-size: 1em;
}

.moreadventures .adventureinfo .title {
  font-family: 'Source Sans Pro Semi-Bold';
}

.moreadventures .adventureinfo .author {
  font-family: 'Source Sans Pro Italic';
  font-size: 0.8em;
}

.moreadventures .adventureinfo:first-child {
  border-left: 0;
}

.moreadventures .adventureinfo img {
  position: absolute;
  top: -38px;
  right: 20px;
  border-radius: 50%;
  display: block;
}

.moreadventures .hpfilters {
  margin-bottom: 30px;
}

.moreadventures .loadmore {
  font-family: 'Source Sans Pro Semi-Bold';
  letter-spacing: 0;
  margin: 0 auto;
  padding: 1em;
  width: 21em;
  display: block;
  text-transform: none;
  color: #FF5B0A;
  background-color: #fff;
  border-color: #fff;
  font-size: 0.85em;
}

.shareadventure {
  background-color: #e0e0e0;
  margin-bottom: 0;
  color: #616161;
  padding-top: 30px;
  text-align: center;
}

.shareadventure h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.shareadventure p {
  font-size: 1em;
}

.shareadventure input {
  width: 100%;
  font-size: 1em;
  padding: 0.75em;
  height: 44px;
  border: none;
}

.shareadventure .btn {
  width: 100%;
  background-color: #757575;
  text-align: left;
  font-size: 1em;
  padding: 0.5em 1em;
}

.shareadventure .btn:hover {
  background-color: #00739b;
}

.shareadventure small {
  display: block;
  margin-bottom: 1em;
  line-height: 2;
}

.shareadventure small a {
  color: #fff;
}

.shareadventure .row {
  margin-bottom: 1em;
}

.four-images {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.four-images .image {
  width: 25%;
  align-self: start;
}

@media all and (max-width: 600px) {
  .four-images .image {
    width: 50%;
  }
}

.four-images .image img {
  max-width: 100%;
}

.four-images.withtext {
  margin-bottom: 40px;
}

.four-images.withtext .image {
  padding: 0px 30px;
  position: relative;
}

.four-images.withtext .image:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: no-repeat url("../img/great_day_arrow.png");
  width: 20px;
  height: 20px;
}

.four-images.withtext .image:last-child:after {
  display: none;
}

.getoutside-calendar-add {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  background: #fff;
  border: 3px solid #FF5B0A;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  width: 480px;
  max-width: 95%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.getoutside-calendar-add.active {
  opacity: 1;
  pointer-events: auto;
}

.getoutside-calendar-add .cal-add-content {
  padding: 40px;
  text-align: center;
}

.getoutside-calendar-add .cal-add-content .fa-times {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 26px;
  cursor: pointer;
}

.getoutside-calendar-add .cal-add-content h2 {
  display: block;
  margin: 0 0 30px 0;
  color: #333;
  font-family: "PrintedDisplay", sans-serif;
  font-size: 24px;
}

.getoutside-calendar-add .cal-add-content a {
  color: #333;
  display: block;
  width: 200px;
  margin: 0 auto 20px auto;
}

.getoutside-calendar-add .cal-add-content a:last-child {
  margin-bottom: 0;
}

.no-js .getoutside-day h1.balance {
  opacity: 1 !important;
}

.getoutside-day {
  font-family: "Gothic", sans-serif;
  /*
	.mapoverlay {
		position: absolute;
		width: 100%;
		top:50%;
		transform: translateY(-50%);
		background-color: #fff;
		z-index: 999;
		.map-holder {
			margin-top: 0;
		}
	}
*/
}

.getoutside-day b, .getoutside-day strong {
  font-family: "Gothic", sans-serif;
  font-weight: 800;
}

.getoutside-day p {
  font-size: 16px;
}

@media all and (max-width: 600px) {
  .getoutside-day p {
    font-size: 16px;
  }
}

.getoutside-day h2 {
  font-family: "PrintedDisplay", sans-serif;
  font-size: 44px;
  line-height: 1.2;
  margin: 0 0 32px 0;
}

@media all and (max-width: 1024px) {
  .getoutside-day h2 {
    font-size: 32px;
    margin: 0 0 20px 0;
  }
}

.getoutside-day h2 strong {
  font-family: "PrintedDisplay", sans-serif;
  color: #FF5B0A;
}

.getoutside-day .live h2 {
  font-size: 28px;
}

.getoutside-day h1.balance {
  opacity: 0;
  transition: opacity ease 0.3s;
}

.getoutside-day h1.balanced {
  opacity: 1;
}

.getoutside-day .orange {
  color: #FF5B0A;
}

.getoutside-day h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  color: #FF5B0A;
  margin: 0 0 32px 0;
  font-family: "PrintedDisplay", sans-serif;
}

@media all and (max-width: 1024px) {
  .getoutside-day h4 {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
}

.getoutside-day h5 {
  font-family: "PrintedDisplay", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  margin: 2em 0 0.5em 0;
}

@media all and (max-width: 1024px) {
  .getoutside-day h5 {
    font-size: 32px;
    margin: 0 0 20px 0;
  }
}

.getoutside-day h5 strong {
  font-family: "PrintedDisplay", sans-serif;
  color: #FF5B0A;
}

.getoutside-day .btn {
  transition: transform 0.25s ease;
  font-weight: 900;
}

.getoutside-day .btn span {
  display: inline;
  vertical-align: baseline;
}

@media all and (max-width: 600px) {
  .getoutside-day .btn span {
    display: none;
  }
}

.getoutside-day .btn:hover {
  transform: translateY(-5px);
}

.getoutside-day .container {
  transform: translateY(200px);
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.getoutside-day .container.scrolled {
  transform: translateY(0);
  opacity: 1;
}

.getoutside-day section {
  position: relative;
}

.getoutside-day section.full .container {
  max-width: 100%;
  padding: 0;
}

.getoutside-day section.scrolled:before, .getoutside-day section.scrolled:after {
  opacity: 1 !important;
}

.getoutside-day section.first:before {
  content: url("/images/feet-right.svg");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 200px;
  opacity: 0;
  transition: opacity 1.5s ease;
}

@media all and (max-width: 1024px) {
  .getoutside-day section.first:before {
    display: none;
  }
}

.getoutside-day section.first:after {
  content: url("/images/feet-left.svg");
  bottom: 0;
  opacity: 0;
  transition: opacity 1.5s ease;
}

@media all and (max-width: 1024px) {
  .getoutside-day section.first .columns:first-child {
    order: 2;
  }
}

@media all and (max-width: 1024px) {
  .getoutside-day section.first .columns:last-child {
    order: 1;
  }
}

.getoutside-day section.inspiration {
  padding-top: 60px;
  padding-bottom: 100px;
  background: #f5f6f6 center bottom no-repeat url("../img/bg-inspired.png");
  background-size: contain;
  margin-top: -100px;
}

.getoutside-day section.inspiration h2 {
  max-width: 740px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.getoutside-day section.inspiration .container {
  max-width: 1200px;
}

.getoutside-day section.inspiration .repeater img {
  display: block;
}

.getoutside-day section.inspiration .repeater .imgwrap {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}

.getoutside-day section.inspiration .repeater a {
  display: block;
  color: #3e3e3e;
  font-weight: bold;
  font-family: "PrintedDisplay", sans-serif;
  max-width: 383px;
  margin: 0 auto;
}

.getoutside-day section.inspiration .repeater p {
  padding: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
}

.getoutside-day section.inspiration .row {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 720px) {
  .getoutside-day section.inspiration .columns.four {
    flex: 0 0 33%;
    max-width: 75%;
    max-width: 420px;
    padding: 0 15px;
  }
}

@media (max-width: 1024px) {
  .getoutside-day section.inspiration
.columns {
    margin: 0 0 30px 0;
    padding: 0 20px;
  }
}

.getoutside-day section.supporters {
  margin-bottom: 60px;
  padding: 40px 0;
}

.getoutside-day section.supporters .container {
  max-width: 1200px;
  text-align: center;
}

.getoutside-day section.supporters img {
  max-width: 100%;
  height: auto;
  max-height: 90px;
}

.getoutside-day section.supporters .btn.signmeup.centred {
  margin-top: 40px;
  margin-bottom: 40px;
}

.getoutside-day section.supporters .bx-wrapper:before,
.getoutside-day section.supporters .bx-wrapper:after {
  display: block;
  height: 100%;
  width: 54px;
  background: url("../img/supporter-shadow.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  top: 0;
  content: '';
}

.getoutside-day section.supporters .bx-wrapper:before {
  left: -60px;
}

.getoutside-day section.supporters .bx-wrapper:after {
  right: -60px;
  transform: rotate(180deg);
}

.getoutside-day section.countdown:before,
.getoutside-day section.countdown:after,
.getoutside-day section.thankyou:before,
.getoutside-day section.thankyou:after {
  content: url("/images/feet-right.svg");
  position: absolute;
  bottom: 100px;
  width: 200px;
  height: 200px;
  opacity: 0;
  transition: opacity 1.5s ease;
}

@media all and (max-width: 1024px) {
  .getoutside-day section.countdown:before,
  .getoutside-day section.countdown:after,
  .getoutside-day section.thankyou:before,
  .getoutside-day section.thankyou:after {
    display: none;
  }
}

.getoutside-day .key {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto 30px auto;
  text-align: center;
  align-items: flex-start;
}

.getoutside-day .key .item {
  flex: 0 0 16%;
  max-width: 16%;
  align-items: center;
}

@media (max-width: 800px) {
  .getoutside-day .key {
    justify-content: center;
  }
  .getoutside-day .key .item {
    flex: 25%;
    max-width: 25%;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 1024px) {
  .getoutside-day:not('.live') .row {
    display: flex;
    flex-direction: column;
  }
}

@media all and (max-width: 1024px) {
  .getoutside-day.live .row {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  .getoutside-day.live .row .columns.six .btn.signmeup {
    margin: 0 auto 60px auto !important;
  }
  .getoutside-day.live .itsback {
    margin-top: 50px;
  }
}

@media (max-width: 600px) {
  .getoutside-day.live .teams .team h3 {
    font-size: 1.3em;
  }
  .getoutside-day.live input[type='text'],
  .getoutside-day.live input[type='url'],
  .getoutside-day.live input[type='email'],
  .getoutside-day.live input[type='number'],
  .getoutside-day.live textarea,
  .getoutside-day.live .signupform .fake-select .current-value {
    font-size: 14px;
  }
  .getoutside-day.live .signupform .fake-select .current-value {
    padding-right: 50px;
  }
  .getoutside-day.live textarea {
    padding-right: 20px;
  }
  .getoutside-day.live .signupform .time {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  .getoutside-day.live .signupform .time:after {
    display: none !important;
  }
  .getoutside-day.live .signupform .arrow {
    padding: 4px 0;
  }
  .getoutside-day.live .signupform .file label {
    display: block;
    text-align: left;
    top: 0;
    margin-bottom: 20px;
  }
  .getoutside-day.live .countdown .row {
    justify-content: center;
  }
  .getoutside-day.live .countdown .datepart span {
    font-size: 50px;
  }
  .getoutside-day.live .countdown .columns.three {
    flex: 0 0 100%;
    max-width: 80%;
    margin-bottom: 0;
    padding: 0 15px;
  }
  .getoutside-day.live .teams .row {
    padding-top: 00px;
  }
  .getoutside-day.live .teams .columns.four {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 130px;
    margin-left: 0;
    padding: 0;
  }
  .getoutside-day.live .key .item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .getoutside-day.live section.inspiration .columns.four {
    flex: 100%;
    max-width: 100%;
    padding: 0;
  }
}

@media (min-width: 320px) {
  .getoutside-day.live .teams .row {
    justify-content: center;
    padding-top: 0;
  }
  .getoutside-day.live .teams .columns.four {
    flex: 0 0 80%;
    max-width: 80%;
    margin-top: 100px;
  }
  .getoutside-day.live .columns.three {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 0 1em 0;
  }
  .getoutside-day.live .columns.four {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 0 1em 0;
  }
  .getoutside-day.live .columns.six {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 1em 0;
  }
}

@media (min-width: 600px) {
  .getoutside-day.live .teams .columns.four {
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 130px;
    margin-left: 0;
    padding: 0 15px;
  }
}

@media (min-width: 900px) {
  .getoutside-day.live .teams .columns.four {
    flex: 0 0 33%;
    max-width: 33%;
    margin-top: 100px;
  }
  .getoutside-day.live .countdown .columns.three {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
  }
}

.getoutside-day.live .until {
  justify-content: center;
}

.getoutside-day .columns.six {
  width: 50%;
  margin: 0;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six {
    width: 100% !important;
    float: none;
  }
}

.getoutside-day .columns.six:first-child {
  position: relative;
  padding: 0 30px 0;
  width: 40%;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six:first-child {
    padding: 20px;
  }
}

@media all and (max-width: 600px) {
  .getoutside-day .columns.six:first-child {
    padding: 10px;
  }
}

.getoutside-day .columns.six:first-child .imagewrapper {
  transform: translate(-80px, -40px);
  position: relative;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six:first-child .imagewrapper {
    transform: translate(-20%, 0);
  }
}

.getoutside-day .columns.six:first-child .imagewrapper:after {
  content: url("/images/feet-right.svg");
  position: absolute;
  top: 50%;
  right: -120px;
  transform: translateY(-50%);
  width: 200px;
  height: 200px;
  display: none;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six:first-child .imagewrapper:after {
    display: block;
  }
}

.getoutside-day .columns.six:last-child {
  position: relative;
  padding: 0 0 0 80px;
  width: 60%;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six:last-child {
    padding: 20px;
  }
}

@media all and (max-width: 600px) {
  .getoutside-day .columns.six:last-child {
    padding: 10px;
  }
}

.getoutside-day .columns.six:last-child .imagewrapper {
  transform: translate(80px, -40px);
  position: relative;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six:last-child .imagewrapper {
    transform: translate(20%, 0);
  }
}

.getoutside-day .columns.six:last-child .imagewrapper:after {
  content: url("/images/feet-right.svg");
  position: absolute;
  top: 50%;
  left: -120px;
  transform: translateY(-50%);
  width: 200px;
  height: 200px;
  display: none;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six:last-child .imagewrapper:after {
    display: block;
  }
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six .padd-left {
    padding: 0;
  }
}

.getoutside-day .columns.six .padd-right {
  padding-right: 10%;
}

@media all and (max-width: 1024px) {
  .getoutside-day .columns.six .padd-right {
    padding: 0;
  }
}

.getoutside-day .columns.six .padd-right > img {
  display: block;
  margin: 40px auto 50px;
  width: auto;
  max-width: 100%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
}

.getoutside-day .columns.six .btn {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: block;
  padding: 1em 6em;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}

.getoutside-day .columns.six .btn.signmeup {
  margin: 0;
}

@media all and (max-width: 600px) {
  .getoutside-day .columns.six .btn {
    padding: 1em 1em;
  }
}

.getoutside-day .sharer {
  margin-bottom: 60px;
}

.getoutside-day .share-block {
  text-align: center;
}

.getoutside-day .share-block .socials a {
  display: inline-block;
  margin-right: 12px;
  transition: transform 0.25s ease;
}

.getoutside-day .share-block .socials a:hover {
  transform: translateY(-5px);
}

.getoutside-day .share-block .socials a:last-child {
  margin-right: 0;
}

.getoutside-day .share-block .socials a img {
  display: block;
}

.getoutside-day .share-block .email-sender {
  display: block;
  position: relative;
  max-width: 500px;
  margin: 0 auto 32px;
}

.getoutside-day .share-block .email-sender input {
  display: block;
  width: 100%;
  border-radius: 100px;
  padding: 26px 150px 24px 18px;
  font-size: 14px;
  border: 1px solid #333;
  color: #333;
  box-shadow: none;
  outline: 0;
  font-weight: 600;
}

@media all and (max-width: 600px) {
  .getoutside-day .share-block .email-sender input {
    font-size: 14px;
    padding: 24px 120px 24px 28px;
  }
}

.getoutside-day .share-block .email-sender .submitter {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #FF5B0A;
  color: #fff;
  border-radius: 0 100px 100px 0;
  width: 130px;
  padding: 18px 20px;
  font-weight: 900;
  font-size: 14px;
}

@media all and (max-width: 600px) {
  .getoutside-day .share-block .email-sender .submitter {
    width: 110px;
    padding: 16px 14px;
    font-size: 14px;
  }
}

.getoutside-day .go-out-banner {
  min-height: 780px;
  padding: 100px 0;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  margin-bottom: 100px;
  background-color: #f5f6f6;
}

@media all and (max-width: 1440px) {
  .getoutside-day .go-out-banner {
    background-size: auto 100%;
  }
}

.getoutside-day .go-out-banner img {
  height: auto;
}

@media all and (max-width: 900px) {
  .getoutside-day .go-out-banner .four-images {
    display: flex;
    justify-content: center;
  }
  .getoutside-day .go-out-banner .four-images .image {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .getoutside-day .go-out-banner .four-images .image:nth-child(2):after {
    display: none;
  }
}

@media all and (max-width: 600px) {
  .getoutside-day .go-out-banner {
    margin-bottom: 40px;
  }
  .getoutside-day .go-out-banner .four-images.withtext .image {
    flex: 0 0 575%;
    max-width: 75%;
  }
  .getoutside-day .go-out-banner .four-images.withtext .image:after {
    display: none;
  }
  .getoutside-day .go-out-banner img {
    height: auto;
  }
}

.getoutside-day .go-out-banner .container {
  max-width: 900px;
  text-align: center;
}

.getoutside-day .go-out-banner.wide .container {
  max-width: 1200px;
}

.getoutside-day .go-out-banner .btn {
  margin-top: 32px;
  font-size: 16px;
  padding: 1em 6em;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);
}

@media all and (max-width: 600px) {
  .getoutside-day .go-out-banner .btn {
    padding: 1em 1em;
  }
}

.getoutside-day .go-out-banner .btn i {
  position: relative;
  top: -2px;
}

.getoutside-day .hero {
  position: relative;
  margin-bottom: 50px;
}

@media all and (max-width: 1024px) {
  .getoutside-day .hero {
    margin-bottom: 360px;
  }
}

.getoutside-day .hero .hero-image {
  display: block;
  width: 100%;
  position: relative;
}

@media all and (max-width: 1024px) {
  .getoutside-day .hero .hero-image {
    z-index: 2;
  }
}

.getoutside-day .hero .getout-day-hero-carousel {
  position: relative;
}

.getoutside-day .hero .getout-day-hero-carousel .hero-item {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s ease-in-out;
}

.getoutside-day .hero .getout-day-hero-carousel .hero-item .hero-image {
  transform: scale(1.1);
  transition: transform 8s linear;
  transform-origin: center top;
}

.getoutside-day .hero .getout-day-hero-carousel .hero-item .btn {
  text-shadow: none;
  font-size: 18px;
}

.getoutside-day .hero .getout-day-hero-carousel .hero-item:first-child {
  display: block;
  position: relative;
}

.getoutside-day .hero .getout-day-hero-carousel .hero-item.active {
  opacity: 1;
}

.getoutside-day .hero .getout-day-hero-carousel .hero-item.active .hero-image {
  transform: scale(1);
}

.getoutside-day .hero .hero-content {
  position: absolute;
  left: 200px;
  bottom: 180px;
  transform: translateY(-50%);
  color: #fff;
  text-shadow: 0 3px 9px rgba(0, 0, 0, 0.95);
}

@media all and (max-width: 1600px) {
  .getoutside-day .hero .hero-content {
    bottom: 80px;
    left: 140px;
  }
}

@media all and (max-width: 1024px) {
  .getoutside-day .hero .hero-content {
    position: absolute;
    z-index: 1;
    top: auto;
    bottom: -260px;
    left: 0;
    right: 0;
    padding: 300px 20px 50px;
    transform: translateY(0);
    background: #3B4A54;
    text-shadow: none;
  }
  .getoutside-day .hero .hero-content:after {
    content: " ";
    display: block;
    background-image: url("/images/mobile-shape.png");
    background-size: 100% 100%;
    background-position: center bottom;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 40px;
    transform: translateY(-1px);
  }
}

@media all and (max-width: 600px) {
  .getoutside-day .hero .hero-content {
    padding: 240px 10px 50px;
    text-align: center;
  }
  .getoutside-day .hero .hero-content .btn {
    margin-left: auto;
    margin-right: auto;
  }
}

.getoutside-day .hero .hero-content h1 {
  line-height: 1.1;
  font-size: 48px;
  margin: 0 0 20px;
  font-family: "PrintedDisplay", sans-serif;
}

@media all and (max-width: 1300px) {
  .getoutside-day .hero .hero-content h1 {
    font-size: 32px;
  }
}

@media all and (max-width: 400px) {
  .getoutside-day .hero .hero-content h1 {
    font-size: 26px;
  }
}

.getoutside-day .hero .hero-content h2 {
  line-height: 1.1;
  font-size: 32px;
  margin: 0 0 20px;
  font-family: "PrintedDisplay", sans-serif;
}

@media all and (max-width: 1300px) {
  .getoutside-day .hero .hero-content h2 {
    font-size: 26px;
  }
}

@media all and (max-width: 400px) {
  .getoutside-day .hero .hero-content h2 {
    font-size: 20px;
  }
}

.getoutside-day .hero .hero-content p a {
  font-size: 20px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: "Gothic", sans-serif;
  font-weight: 900;
  transform: translateX(-10px);
}

@media all and (max-width: 600px) {
  .getoutside-day .hero .hero-content p a {
    font-size: 16px;
  }
}

.getoutside-day .hero .hero-content p a img {
  display: block;
  width: auto;
}

@media all and (max-width: 1024px) {
  .getoutside-day .hero .hero-content p a img {
    display: none;
  }
}

.getoutside-day .hero .hero-content p a img:first-child {
  display: none;
  margin: 0 10px;
}

@media all and (max-width: 1024px) {
  .getoutside-day .hero .hero-content p a img:first-child {
    display: block;
  }
}

.getoutside-day .hero .scroller,
.getoutside-day .hero-sub .scroller {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  border: 3px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: bounce 0.75s infinite alternate;
}

@media all and (max-width: 1024px) {
  .getoutside-day .hero .scroller,
  .getoutside-day .hero-sub .scroller {
    bottom: -290px;
    z-index: 2;
  }
}

.getoutside-day .hero .scroller .fa,
.getoutside-day .hero-sub .scroller .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 26 2px;
  color: #fff;
}

.getoutside-day .hero-sub {
  padding: 80px 15px 140px 15px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}

.getoutside-day .hero-sub h1 {
  color: #fff;
  font-family: "PrintedDisplay", sans-serif;
  font-size: 60px;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.getoutside-day .hero-sub .scroller {
  bottom: 50px;
}

@media (max-width: 600px) {
  .getoutside-day .hero-sub {
    padding: 60px 20px 100px;
  }
  .getoutside-day .hero-sub h1 {
    font-size: 50px;
  }
}

.getoutside-day.p1151 .hero-sub {
  padding-bottom: 130px;
}

.getoutside-day.p1151 .hero-sub .scroller {
  bottom: 110px;
}

.getoutside-day .sponsor-carousel div {
  position: relative;
  height: 160px;
}

.getoutside-day .sponsor-carousel img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.getoutside-day .signupform {
  margin-top: -100px;
}

.getoutside-day .signupform.share {
  margin-top: -50px;
}

.getoutside-day .signupform .container {
  max-width: 630px;
}

.getoutside-day .signupform form {
  margin: 0 auto 60px auto;
  padding-bottom: 30px;
  border-radius: 15px;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.getoutside-day .signupform form .form-field {
  margin: 30px 30px 10px;
  position: relative;
}

.getoutside-day .signupform form .form-field p {
  padding: 5px 0 0 20px;
}

.getoutside-day .signupform form .form-field.notsure {
  display: none;
}

.getoutside-day .signupform form .form-field.file {
  text-align: right;
}

.getoutside-day .signupform form input, .getoutside-day .signupform form textarea {
  border-radius: 20px;
  width: 100%;
  padding-left: 20px;
}

.getoutside-day .signupform form input[type="submit"], .getoutside-day .signupform form textarea[type="submit"] {
  background: #FF5B0A;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 10px;
  border-radius: 20px;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  font-size: 15px;
}

.getoutside-day .signupform form input:focus + label,
.getoutside-day .signupform form input:not(:placeholder-shown) + label, .getoutside-day .signupform form textarea:focus + label,
.getoutside-day .signupform form textarea:not(:placeholder-shown) + label {
  transform: translateY(0);
  opacity: 1;
}

.getoutside-day .signupform form input::-webkit-input-placeholder, .getoutside-day .signupform form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}

.getoutside-day .signupform form input::-moz-placeholder, .getoutside-day .signupform form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

.getoutside-day .signupform form input:-ms-input-placeholder, .getoutside-day .signupform form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}

.getoutside-day .signupform form input:-moz-placeholder, .getoutside-day .signupform form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

.getoutside-day .signupform form textarea {
  height: 80px;
}

.getoutside-day .signupform form [type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}

.getoutside-day .signupform form [type="file"] + label {
  padding: 15px 25px;
  border: 1px solid #3B4A54;
  border-radius: 30px;
  color: #3B4A54;
  position: relative;
  transition: ease 0.2s all;
  cursor: pointer;
  top: 0;
}

.getoutside-day .signupform form [type="file"]:focus + label,
.getoutside-day .signupform form [type="file"] + label:hover {
  background-color: #FF5B0A;
  color: #fff;
}

.getoutside-day .signupform form [type="file"]:focus + label {
  outline: 1px dotted #000;
}

.getoutside-day .signupform form .file p {
  margin-top: -21px;
  font-size: 14px;
}

.getoutside-day .signupform form .file p:last-child {
  margin-top: 10px;
}

.getoutside-day .signupform form select.selected + label {
  transform: translateY(0);
  opacity: 1;
}

.getoutside-day .signupform form input + label,
.getoutside-day .signupform form textarea + label,
.getoutside-day .signupform form select + label {
  color: #FF5B0A;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: -20px;
  padding-left: 20px;
  transform: translateY(20px);
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.getoutside-day .signupform form .types-checkboxes label {
  padding: 0 0 10px 25px;
  font-size: 14px;
  position: relative;
  display: block;
}

.getoutside-day .signupform form .types-checkboxes label input {
  position: absolute;
  left: 0;
  width: 20px;
}

.getoutside-day .signupform .time {
  display: inline-block;
  width: 40%;
  position: relative;
  margin-right: 23px;
}

.getoutside-day .signupform .time:first-of-type:after {
  display: block;
  position: absolute;
  top: 22%;
  right: -20px;
  content: '-';
}

.getoutside-day .signupform legend {
  background: #FF5B0A;
  padding: 15px;
  color: #fff;
  border-radius: 15px 15px 0px 0px;
  font-family: "PrintedDisplay", sans-serif;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
}

.getoutside-day .signupform span.error {
  font-size: 16px;
  display: block;
  margin: 5px 0 0 20px;
  color: #FF5B0A;
}

.getoutside-day .signupform p {
  text-align: left;
  font-size: 14px;
}

.getoutside-day .signupform p.info {
  padding: 0 30px;
  margin-top: 2em;
}

.getoutside-day .signupform .arrow {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  background: #FF5B0A;
  border-radius: 0px 20px 20px 0px;
  text-align: center;
  width: 50px;
  height: 100%;
  padding: 7px 0;
  pointer-events: none;
}

.getoutside-day .signupform .arrow .fa {
  font-size: 24px;
  color: #fff;
}

.getoutside-day .signupform .fake-select {
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.getoutside-day .signupform .fake-select .current-value {
  padding: 10px 10px 10px 20px;
  color: #999;
  font-size: 16px;
  border-radius: 20px;
  border: 1px solid #d2d2d2;
  line-height: 1;
  z-index: 2;
  position: relative;
  background: #fff;
}

.getoutside-day .signupform .fake-select .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #d2d2d2;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  z-index: 5;
  background: #fff;
}

.getoutside-day .signupform .fake-select .dropdown:before {
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -8px;
  height: 8px;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

.getoutside-day .signupform .fake-select .dropdown .option {
  padding: 4px 10px;
  font-size: 14px;
}

.getoutside-day .signupform .fake-select .dropdown .option:last-child {
  border-radius: 0 0 6px 6px;
}

.getoutside-day .signupform .fake-select .dropdown .option:hover {
  background: #ddd;
}

.getoutside-day .signupform .fake-select + select {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.getoutside-day .showmethemap {
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
  margin-top: 5px;
}

.getoutside-day .showmethemap img {
  vertical-align: middle;
  margin-left: 10px;
}

.getoutside-day .container {
  max-width: 1440px;
}

.getoutside-day .countdown {
  margin: 0 auto 30px auto;
  line-height: 1;
}

.getoutside-day .countdown:after {
  left: 5%;
  top: 0;
}

.getoutside-day .countdown:before {
  left: auto !important;
  top: auto !important;
  right: 5%;
  bottom: 0 !important;
  transform: rotate(180deg) !important;
}

.getoutside-day .countdown .container {
  max-width: 800px;
}

.getoutside-day .countdown .datepart {
  text-align: center;
  background-image: url("../img/countdownbg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 50px 0;
}

.getoutside-day .countdown .datepart span {
  color: #FF5B0A;
  font-family: "PrintedDisplay", sans-serif;
  font-size: 80px;
  display: block;
}

.getoutside-day .until {
  text-align: center;
  margin-top: 30px;
}

.getoutside-day .until h3 {
  font-family: "PrintedDisplay", sans-serif;
}

.getoutside-day .until .btn.signmeup {
  font-family: "Gothic", sans-serif;
  font-weight: 900;
  margin: 0 auto;
}

.getoutside-day .btn.signmeup {
  width: 100%;
  font-size: 17px;
  max-width: 350px !important;
  margin: 0;
  display: block;
  padding: 1em 0;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}

.getoutside-day .btn.signmeup.centred {
  margin: 0 auto;
}

@media all and (max-width: 600px) {
  .getoutside-day .btn.signmeup {
    padding: 1em 1em;
  }
}

.getoutside-day .video-embed {
  padding-top: 0;
  margin-top: 0;
}

.getoutside-day .teams .container {
  max-width: 1200px;
}

.getoutside-day .teams .row {
  padding-top: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.getoutside-day .teams .columns.four {
  flex: 0 0 33%;
  max-width: 33%;
}

.getoutside-day .teams .team {
  background: #3B4A54;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 15px;
  color: #fff;
  text-align: center;
  padding: 50px 20px 20px;
  position: relative;
}

.getoutside-day .teams .team h3 {
  font-family: "PrintedDisplay", sans-serif;
  font-size: 1.7em;
  margin-bottom: 10px;
}

@media (max-width: 650px) {
  .getoutside-day .teams .team h3 {
    font-size: 1.5em;
  }
}

.getoutside-day .teams .team a {
  font-weight: bold;
}

.getoutside-day .teams .team a img {
  display: inline;
}

.getoutside-day .teams .team:before {
  display: block;
  position: absolute;
  left: 50%;
  top: -100px;
  transform: translateX(-50%);
  width: 125px;
  height: 134px;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

.getoutside-day .teams .team.south:before {
  background-image: url("../img/teamsouth.png");
}

.getoutside-day .teams .team.london:before {
  background-image: url("../img/teamlondon.png");
}

.getoutside-day .teams .team.midlands:before {
  background-image: url("../img/teammidlands.png");
}

.getoutside-day .teams .team.north:before {
  background-image: url("../img/teamnorth.png");
}

.getoutside-day .teams .team.wales:before {
  background-image: url("../img/teamwales.png");
}

.getoutside-day .teams .team.scotland:before {
  background-image: url("../img/teamscotland.png");
}

.getoutside-day .downloadresources {
  background-color: #3B4A54;
  padding: 100px 0;
  color: #fff;
  margin-bottom: 50px;
}

.getoutside-day .downloadresources h2, .getoutside-day .downloadresources p {
  text-align: center;
}

.getoutside-day .downloadresources .btn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

.getoutside-day .downloadresources .container {
  max-width: 800px;
}

.getoutside-day .downloadresources:before,
.getoutside-day .downloadresources:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 52px;
  content: '';
}

.getoutside-day .downloadresources:before {
  background-image: url("/site/img/jagged_top.png");
  top: 0;
}

.getoutside-day .downloadresources:after {
  background-image: url("/site/img/jagged_bottom.png");
  bottom: 0;
}

.getoutside-day .downloadresources img.resources {
  position: absolute;
  left: -50%;
  width: 55%;
  top: -100px;
}

.getoutside-day .downloadresources ul {
  list-style-type: none;
  padding-left: 0;
  column-count: 2;
  margin: 1em 2em 2em 2em;
}

.getoutside-day .downloadresources li {
  position: relative;
  padding-left: 25px;
}

.getoutside-day .downloadresources li:before {
  background-image: url("/site/img/ngod-tick.png");
  position: absolute;
  width: 15px;
  height: 15px;
  content: '';
  display: block;
  left: 0;
  top: 4px;
}

.getoutside-day .whygetoutside {
  margin-bottom: 60px;
}

.getoutside-day .whygetoutside .columns.six:first-child {
  width: 50%;
  padding: 0 60px 0;
}

.getoutside-day .whygetoutside .btn {
  margin-top: 2em !important;
}

.getoutside-day .whygetoutside .columns.six:last-child {
  width: 50%;
}

.getoutside-day .itsback .btn.signmeup {
  margin: 30px 0 !important;
}

.getoutside-day .itsback .container {
  max-width: 1200px;
}

.getoutside-day .notsure, .getoutside-day .quiz {
  text-align: center;
}

.getoutside-day .notsure h2, .getoutside-day .quiz h2 {
  margin: 30px 0 15px 0;
}

.getoutside-day .notsure h3, .getoutside-day .quiz h3 {
  font-family: "PrintedDisplay", sans-serif;
}

.getoutside-day .notsure .inner, .getoutside-day .quiz .inner {
  margin: 0 auto 60px;
  max-width: 750px;
}

.getoutside-day .notsure .btn.signmeup, .getoutside-day .quiz .btn.signmeup {
  margin: 0 auto;
}

.getoutside-day .quiz {
  margin-top: 30px;
  margin-bottom: 80px;
}

.getoutside-day .map-holder {
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
}

.getoutside-day .map-holder .searchbox {
  position: absolute;
  top: 0;
  left: 60px;
  z-index: 500;
}

.getoutside-day .marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
  background-color: rgba(255, 93, 11, 0.6);
  transition: background-color ease 0.2s;
}

.getoutside-day .marker-cluster:hover {
  background-color: #ff5d0b;
}

.getoutside-day .marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: rgba(255, 93, 11, 0.6);
  text-align: center;
  border-radius: 15px;
  font: 14px "PrintedDisplay", Arial, Helvetica, sans-serif;
  color: #fff;
}

.getoutside-day .marker-cluster span {
  line-height: 33px;
}

.getoutside-day .thankyou {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.getoutside-day .thankyou:after {
  left: 5%;
  top: 0;
}

.getoutside-day .thankyou:before {
  left: auto !important;
  top: auto !important;
  right: 5%;
  bottom: 0 !important;
  transform: rotate(180deg) !important;
}

.getoutside-day .thankyou .teams {
  padding-top: 100px;
}

.getoutside-day .thankyou .teams .team p {
  font-size: 15px;
}

.getoutside-day .thankyou .teams .team h3 {
  font-size: 1.3em;
}

.getoutside-day .thankyou .teams .team img {
  transform: scale(0.8);
  vertical-align: middle;
}

.getoutside-day .thankyou .container {
  max-width: 1050px;
}

.getoutside-day .thankyou .email-sender {
  margin-left: auto;
  margin-right: auto;
}

.getoutside-day .thankyou .columns {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
  margin-top: 40px;
}

.getoutside-day .thankyou .btn {
  margin-left: auto;
  margin-right: auto;
}

.getoutside-day .thankyou h3 {
  font-family: "PrintedDisplay", sans-serif;
}

.leaflet-container .ngod a {
  color: #FF5B0A;
  font-weight: bold;
}

.tt-dropdown-menu {
  z-index: 1006 !important;
}

.twitter-typeahead {
  width: 100%;
}

.twitter-typeahead .tt-hint {
  top: 9px !important;
}

.tt-input, .tt-hint {
  width: 300px;
  height: 30px;
  padding: 8px 15px;
  font-size: 0.875rem;
  line-height: 30px;
  border: 1px solid #666 !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 15px;
  border-radius: 20px;
  outline: none;
  margin-top: 7px !important;
}

.tt-input {
  /* UPDATE: newer versions use tt-input instead of tt-query */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  margin-top: 16px !important;
  border: 2px solid #666;
  padding-left: 15px !important;
}

.tt-hint {
  color: #999;
}

.tt-menu {
  width: 396px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 0.875rem;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion p {
  margin: 0;
}

@keyframes bounce {
  from {
    transform: translate(-50%, 0);
  }
  to {
    transform: translate(-50%, -12px);
  }
}

#footer {
  text-align: center;
  background-image: url("/images/footer-bg.png");
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 0 !important;
}

@media all and (max-width: 500px) {
  #footer {
    background-size: auto 380px;
  }
}

#footer a {
  color: #3e3e3e;
}

#footer .social-wrap {
  margin-bottom: 12px;
}

#footer .social-wrap a {
  margin: 0 8px;
}

#footer .social-wrap a img {
  transition: transform 0.25s ease;
}

#footer .social-wrap a img:hover {
  transform: translateY(-5px);
}

#footer h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 34px;
  font-family: "PrintedDisplay", sans-serif;
}

#footer h2 strong {
  color: #FF5B0A;
  font-weight: normal;
  font-family: "PrintedDisplay", sans-serif;
}

@media all and (max-width: 600px) {
  #footer h2 {
    margin-bottom: 20px !important;
  }
}

@media all and (max-width: 360px) {
  #footer h2 {
    font-size: 30px;
  }
}

#footer h3 {
  color: #FF5B0A;
  font-weight: 600;
}

@media all and (max-width: 600px) {
  #footer h3 {
    font-size: 20px;
  }
}

#footer .form-label {
  font-size: 16px;
  margin-bottom: 20px;
}

#footer form {
  margin-bottom: 45vw;
}

@media all and (max-width: 600px) {
  #footer form {
    margin-bottom: 35vw;
  }
}

#footer form .input-wrap {
  position: relative;
  max-width: 500px;
  margin: 0 auto 20px;
}

#footer form .input-wrap input[type="email"] {
  display: block;
  padding: 24px 200px 24px 20px;
  width: 100%;
  border: 1px solid #333;
  border-radius: 100px;
  outline: 0;
  color: #3e3e3e;
  font-weight: 700;
}

#footer form .input-wrap button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 150px;
  font-weight: 900;
  background: #FF5B0A;
  color: #fff;
  border: 0;
  border-radius: 0 100px 100px 0;
}

#footer form .types-checkboxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto 10px;
}

#footer form .types-checkboxes label {
  margin-bottom: 10px;
  font-size: 16px;
}

@media all and (max-width: 600px) {
  #footer form .types-checkboxes label {
    margin-bottom: 10px;
  }
}

#footer .extra-links {
  font-size: 16px;
  margin-bottom: 10px;
  color: #fff;
}

@media all and (max-width: 600px) {
  #footer .extra-links {
    font-size: 14px;
  }
}

#footer .extra-links a {
  margin: 0 10px;
  display: inline-block;
  color: #fff;
}

#footer .small-logo img {
  display: block;
  margin: 12px auto;
  max-width: 400px;
  width: 80%;
}

#footer .signoff {
  font-size: 13px;
  color: #fff;
}

#footer .signoff a {
  color: #fff;
}

.lt-ie9 .mobilenav {
  display: none;
}

.lt-ie9 #searchQuery {
  width: 14em;
}

.lt-ie9 .feature .slideup {
  background-color: #fff;
}

.lt-ie9 .pledgeform .btn {
  margin-top: 10px;
}

.lt-ie9 .pledgeform .btn i {
  top: 0;
}

.lt-ie9 .pledgeform .columns {
  float: none;
}

@media all and (min-width: 920px) {
  .desktoponly {
    display: block;
  }
  .tabletonly, .mobileonly {
    display: none;
  }
}

@media all and (max-width: 1240px) {
  #navPrimary {
    padding-right: 20px;
  }
}

@media all and (max-width: 1185px) {
  #navPrimary a.osmaps {
    padding-right: 0;
  }
  #navPrimary a.osmaps:after {
    display: none;
  }
  #navPrimary ul li {
    padding-left: 20px;
    margin-left: 20px;
  }
}

@media all and (max-width: 1064px) {
  .logo img, .oslogo img {
    max-width: 150px;
  }
  .desktoponly {
    display: none;
  }
  .tabletonly {
    display: block;
  }
  .columns.two.logo, .columns.two.oslogo {
    width: 40%;
    border: none;
    margin: 0;
  }
  .columns.three.search {
    width: 40%;
    z-index: 20;
  }
  .columns.mobilenav {
    width: 20%;
    position: relative;
    padding-top: 15px;
    margin: 0;
  }
  .storyintro .author {
    margin-left: 0;
    margin-top: 30px;
    display: block;
  }
  .storyintro .views, .storyintro .likes {
    float: none;
  }
  .storybanner .container {
    position: relative;
    margin-top: 20px;
  }
  .storybanner h1 {
    width: 100%;
    font-size: 3em;
  }
  .storybanner .routeimage {
    width: 50%;
    right: 15px;
    bottom: -35px;
    max-width: none;
  }
  .button {
    width: 25%;
    margin-right: 40px;
  }
  .moreadventures .adventure p {
    font-size: 0.8em;
  }
  .moreadventures .adventureinfo img {
    right: 10px;
  }
}

@media all and (max-width: 656px) {
  .columns {
    margin-bottom: 2em;
  }
  .columns img {
    display: block;
    margin: 0 auto;
  }
  .natparksmap {
    display: none !important;
  }
  .row {
    margin-bottom: 0;
  }
  .row.viewall {
    margin-bottom: 2em;
  }
  .hpguides {
    padding-bottom: 0;
  }
  .hpguides .story {
    margin: 0 auto;
    max-width: 363px;
  }
  .hpguides.white h2 {
    margin-bottom: 0;
  }
  .hplatest {
    margin-bottom: 0;
  }
  .logo, .search, .mobilenav, .oslogo {
    float: left;
  }
  .logo {
    margin-right: 2.1%;
  }
  #globalSearch {
    padding-top: 10%;
  }
  #mapholder {
    margin: 0 auto 2em auto;
    width: 90%;
  }
  .pagebanner.nobg {
    padding: 20px 0;
  }
  .pagebanner h2 {
    font-size: 2em;
  }
  .pledgecontainer, .wrappersub .pledgecontainer {
    width: 49%;
  }
  .pledgecontainer:nth-child(even), .wrappersub .pledgecontainer:nth-child(even) {
    margin-right: 0;
  }
  .signup input, .signup .btn {
    width: 90%;
    margin-bottom: 10px;
  }
  .signup .banner {
    padding-bottom: 20%;
  }
  #footer .columns {
    margin-bottom: 1em;
  }
  .backgrounds, div.wrappersub {
    padding-top: 1em;
  }
  .feature.hp {
    width: 100%;
  }
  .slide h2 {
    width: 100%;
  }
  .slide h1 {
    font-size: 2.8em;
    width: 90%;
  }
  .hpfilters select {
    margin-bottom: 0em;
  }
  .hpfilters p {
    margin-top: 1em;
  }
  .feature {
    padding-bottom: 60%;
  }
  .feature .slideup {
    display: none;
  }
  .pledgeform {
    padding: 1em;
  }
  .signup form {
    padding: 1em;
  }
  .signup small {
    padding: 1em;
  }
  #footer {
    padding: 2em 1em;
  }
  #footer .four:first-child, #footer .four:nth-child(2) {
    border-right: none;
  }
  .pledgefullwidth {
    padding: 0;
  }
  .pledgefullwidth .inner {
    position: relative;
    left: 0;
    top: 0;
    padding: 1em;
  }
  .pledgefullwidth .pledgemeta {
    position: relative;
  }
  .container {
    padding: 0.5em;
  }
  .storytimeline .waypoint {
    margin-bottom: 0;
  }
  .storytimeline p, .storytimeline ul, .storytimeline ol, .storytimeline .caption, .storytimeline blockquote {
    padding: 0;
  }
  .storytimeline ul {
    width: 90%;
    padding: 0.5em 2em;
  }
  .storytimeline a {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .storytimeline .storyimages21 .container, .storytimeline .storyimages .container {
    padding: 0.5em;
    margin-bottom: 2em;
  }
  .storytimeline .waypoint p {
    margin-left: 15px;
  }
  .storyimages21 .one, .storyimages21 .two, .storyimages21 .three {
    position: relative;
    width: auto;
  }
  .storyimages21 .one {
    max-width: 100%;
  }
  .storyimages21 .two, .storyimages21 .three {
    max-width: 49%;
    display: inline-block;
    margin-top: 2.5%;
  }
  .storyimages21 .two {
    margin-right: 1%;
  }
  .storyimages21 .three {
    margin-left: 1%;
  }
  .storybanner .container {
    min-height: 1px;
  }
  .storysummary {
    text-align: center;
    border: none;
    padding-left: 0;
    margin-top: 50px;
  }
  .storyimages21 .eight {
    width: 100%;
    display: block;
    margin-bottom: 6px;
  }
  .storyimages21 .four {
    width: 100%;
    margin-left: 0;
  }
  .storyimages21 .four img {
    width: 49.5%;
    margin-left: 0;
    margin-right: 1%;
    float: left;
    display: block;
    margin-bottom: 0;
  }
  .storyimages21 .four img:first-child {
    margin-bottom: 0;
  }
  .storyimages21 .four img:last-child {
    margin-right: 0;
  }
  .storytimeline .eight p {
    padding: 0;
  }
  .storytimeline img {
    margin: 0 auto;
  }
  .storytimeline .six {
    padding-top: 0;
  }
  .storytimeline .six p {
    padding: 0;
  }
  .storyimages .four {
    float: left;
    margin-bottom: 8px;
  }
  .moreadventures .adventure {
    width: 100%;
    float: none;
    border-bottom: 1px solid #fff;
  }
  .moreadventures .adventureinfo {
    border-left: none;
  }
  .button {
    display: block;
    width: 80%;
    margin: 10px auto;
  }
  .button:last-child {
    margin-right: auto;
  }
}

@media all and (max-width: 450px) {
  .search {
    display: none;
  }
  .columns.two.logo, .columns.two.oslogo {
    width: 50%;
    margin-right: 0;
    border-right: none;
  }
  .logo img, .oslogo img {
    max-width: 90%;
    display: inline-block;
  }
  .logo {
    text-align: right;
  }
  .columns.mobilenav {
    width: 100%;
    padding-top: 0;
  }
  .pledgecontainer, .wrappersub .pledgecontainer {
    width: 100%;
    margin-right: 0;
  }
  .pledgecontainer {
    width: 100%;
  }
  .pledgeform .btn, #pledgesubmittwitter, #pledgesubmitfacebook {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    padding-right: 0.75em;
    margin-left: 0;
    /*
		i {
			display: inline;
			padding-left: 0.6em;
			position: relative;
			margin-right: 0;
		}
*/
  }
  #bx-pager {
    display: none;
  }
  .bx-controls {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
  }
  .bx-controls .bx-pager-item {
    display: inline;
  }
  .bx-controls .bx-pager {
    text-align: center;
    width: 100%;
  }
  .bx-controls .bx-pager a {
    background-color: rgba(153, 153, 153, 0.75);
    text-indent: -9999px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .bx-controls .bx-pager a:hover, .bx-controls .bx-pager a.active {
    background-color: #fff;
  }
  .storybanner h1 {
    font-size: 2em;
  }
  .storyintro .authorimage {
    top: -48px;
  }
}

@media all and (max-width: 768px) {
  .herobg {
    padding-bottom: 10%;
  }
  .herobg h2 {
    position: relative;
    width: 100%;
  }
  .storybanner h1 {
    max-width: none;
  }
}

@media all and (max-width: 767px) {
  .moreadventures .adventure {
    width: 100%;
  }
  .moreadventures .adventure p {
    font-size: 1em;
  }
  .storyoverview {
    text-align: center;
  }
  .storyoverview .authorimage {
    float: none;
    display: block;
    margin: 0 auto 10px auto;
  }
  .storyoverview .inline {
    display: block;
  }
  .storyoverview .views {
    margin-right: 0;
    margin-top: 1em;
  }
  .downloadapp {
    margin-right: 10px;
    margin-left: 10px;
  }
  .storyshare {
    padding-top: 20px;
  }
  .storyshare a {
    margin-right: 5px;
    margin-left: 5px;
  }
  .storytags a {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media print {
  .storybanner .routeimage {
    position: relative;
    float: none;
    bottom: auto;
    max-width: 100%;
  }
  .storyintro .authorimage {
    position: relative;
    top: 0;
  }
}

/*# sourceMappingURL=main.map */