@charset "UTF-8";
/* ===========================================================
*
* Version: 	2.0.0
* Authors: 	Kev Simpson & Paulius Putna
* Company:  The Graphic Design House
* Site:		New Forest Wildlife Park
*
=========================================================== */
/* ===========================================================

	# VARIABLES

=========================================================== */
/* ===========================================================

	# COLOURS

=========================================================== */
/* ===========================================================

	# BASE VALUES

=========================================================== */
/* ===========================================================

	# MEDIA QUERIES

=========================================================== */
/* ===========================================================

	# GRID SETTINGS

=========================================================== */
/* ===========================================================

	# MIXINS

=========================================================== */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
/* ===========================================================

  # RESET

=========================================================== */
@-ms-viewport {
  width: device-width;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  border: none;
  font: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

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

* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

/* ===========================================================

  # Animations

=========================================================== */
/* ===========================================================

  # JS access to breakpoints:
  https://github.com/JoshBarr/js-media-queries

=========================================================== */
/* ===========================================================

	# TEXT

=========================================================== */
html {
  font-size: 62.5%;
}

body,
input,
textarea,
select,
button {
  color: #222222;
  font-family: "open-sans", Helvetica, Arial, Geneva, sans-serif;
  font-size: 1.4rem;
  font-feature-settings: 'liga', 'kern';
  font-kerning: normal;
  line-height: 1.4em;
}

p + p,
p + ul,
p + ol,
p + table,
ul + p,
ol + p,
ul + table,
ol + table,
table + p,
table + ul,
table + ol {
  margin-top: 1.4em;
}

p + h1,
p + h2,
p + h3,
ul + h1,
ul + h2,
ul + h3,
table + h1,
table + h2,
table + h3 {
  padding-top: 0.7em;
}

p + h4,
p + h5,
p + h6,
ul + h4,
ul + h5,
ul + h6 {
  padding-top: 1.4em;
}

em {
  font-style: italic;
}

::-moz-selection {
  background: #e9f7d6;
}

::selection {
  background: #e9f7d6;
}

::-moz-selection {
  background: #e9f7d6;
}
/* ===========================================================

	# HEADINGS

=========================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.tera,
.giga,
.mega,
.alpha,
.beta,
.gamma,
.delta,
.epsilon,
.zeta {
  font-weight: bold;
  line-height: 1;
}

h1,
h2,
h3 {
  font-family: "Londrina Solid", cursive;
  -webkit-font-smoothing: antialiased;
}

.tera {
  font-size: 3.5921rem;
  padding-bottom: 1.79605rem;
}

.giga {
  font-size: 3.19298rem;
  padding-bottom: 1.59649rem;
}

.mega {
  font-size: 2.8382rem;
  padding-bottom: 1.4191rem;
}

h1,
.alpha {
  font-size: 2.52285rem;
  padding-bottom: 1.26142rem;
}

h2,
.beta {
  font-size: 2.24253rem;
  padding-bottom: 1.12126rem;
}

h3,
.gamma {
  font-size: 1.99336rem;
  padding-bottom: 0.99668rem;
}

h4,
.delta {
  font-size: 1.77188rem;
  padding-bottom: 0.88594rem;
}

h5,
.epsilon {
  font-size: 1.575rem;
  padding-bottom: 0.7875rem;
}

h6,
.zeta {
  font-size: 1.4rem;
  padding-bottom: 0.7rem;
}

.intro {
  font-size: 1.575rem;
  line-height: 1.3;
  font-weight: 700;
}
/* ===========================================================

	# ANCHOR

=========================================================== */
a {
  color: #70ad21;
  transition: color 0.3s ease;
}
a:hover, a:focus {
  color: #ffa304;
}

/* ===========================================================

	# BUTTON

=========================================================== */
button {
  background: none;
  border: none;
  cursor: pointer;
}

/* ===========================================================

	# Icons

=========================================================== */
@font-face {
  font-family: 'battersea';
  src: url("/assets/fonts/battersea/fonts/battersea.eot?yxsfjt");
  src: url("/assets/fonts/battersea/fonts/battersea.eot?#iefixyxsfjt") format("embedded-opentype"), url("/assets/fonts/battersea/fonts/battersea.ttf?yxsfjt") format("truetype"), url("/assets/fonts/battersea/fonts/battersea.woff?yxsfjt") format("woff"), url("/assets/fonts/battersea/fonts/battersea.svg?yxsfjt#battersea") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="ico-"],
[class*=" ico-"] {
  font-family: 'battersea';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-banner:before {
  content: "\e610";
}

.ico-search:before {
  content: "\e600";
}

.ico-arrow-down:before {
  content: "\e607";
}

.ico-arrow-left:before {
  content: "\e608";
}

.ico-arrow-right:before {
  content: "\e609";
}

.ico-arrow-up:before {
  content: "\e60a";
}

.ico-baloon:before {
  content: "\e60b";
}

.ico-education:before {
  content: "\e60c";
}

.ico-event:before {
  content: "\e60d";
}

.ico-news:before {
  content: "\e60e";
}

.ico-tickets:before {
  content: "\e60f";
}

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

.ico-google:before {
  content: "\e602";
}

.ico-instagram:before {
  content: "\e603";
}

.ico-twitter:before {
  content: "\e604";
}

.ico-cross:before,
.js-nav-main--open .ico-list:before {
  content: "\e605";
}

.ico-list:before {
  content: "\e606";
}

/* ===========================================================

	# LISTS

=========================================================== */
li {
  margin: 0.35em 3rem;
}
li:first-child {
  margin-top: 0;
}
li:last-child {
  margin-bottom: 0;
}
li > ul,
li > ol {
  margin-top: 0.35em;
}

/* ===========================================================

	# TABLE

=========================================================== */
table {
  border: 0.1rem solid #ccc;
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  border-bottom: 0.1rem solid #ccc;
  padding: 1rem 2rem;
  text-align: left;
}

td h2,
td h3 {
  padding: 0;
}
td h2:after,
td h3:after {
  display: none !important;
}

/* ===========================================================

	# FORMS

=========================================================== */
input,
select,
textarea {
  background: none;
  border: 0.1rem solid #ccc;
  border-radius: 0.3rem;
  padding: 1rem 1.5rem;
  transition: border 0.3s ease;
  width: 100%;
  -webkit-appearance: none;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #70ad21;
}

textarea {
  overflow: auto;
  resize: none;
}

label {
  display: block;
  margin-top: 1.4em;
  padding-bottom: 0.7em;
}
label:first-child {
  margin-top: 0;
}

label[for] {
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

/* ===========================================================

	# PAGE

=========================================================== */
.o-page {
  background: #faf3df;
  overflow-x: hidden;
  position: relative;
}

/* Page header */
.o-page__header {
  font-family: "Londrina Solid", cursive;
  -webkit-font-smoothing: antialiased;
  font-size: 170%;
  position: relative;
  z-index: 11;
  color: #FFFFFF;
  background: #70ad21;
}
.o-page__header > .o-wrap {
  position: relative;
}

.o-page__header-super {
  font-size: 70%;
  margin-bottom: 0.35em;
}

.o-page__title {
  color: #70ad21;
  text-align: center;
  padding-bottom: 1.4em;
}

.o-page__search {
  position: relative;
}
.o-page__search .o-input {
  color: #70ad21;
  min-width: 20rem;
  font-family: "Londrina Solid", cursive;
  font-size: inherit;
  background-color: #FFFFFF;
  border-color: transparent;
  border-radius: 0;
  padding: 0 1rem;
}
.o-page__search .o-button {
  position: absolute;
  top: 0;
  right: 0;
  color: #70ad21;
  border-radius: 0;
  padding: .5rem 1rem;
}
.o-page__search .o-button:hover, .o-page__search .o-button:focus {
  background-color: #ffa304;
}
.o-page__footer {
  color: #FFFFFF;
  background-color: #70ad21;
}
.o-page__footer a {
  color: #ffa304;
}
.o-page__footer a:hover, .o-page__footer a:focus {
  color: #FFFFFF;
}
.o-page__footer h3 {
  font-size: 2.4rem !important;
}
.o-page__footer .o-col--last {
  text-align: center !important;
}

.o-page__footer-sub {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* textpage layout */
.o-page__main h1,
.o-page__main h2 {
  color: #70ad21;
}
.o-page__header ::-webkit-input-placeholder,
.o-page__footer ::-webkit-input-placeholder {
  color: #70ad21;
}
.o-page__header :-moz-placeholder,
.o-page__footer :-moz-placeholder {
  color: #70ad21;
}
.o-page__header ::-moz-placeholder,
.o-page__footer ::-moz-placeholder {
  color: #70ad21;
}
.o-page__header :-ms-input-placeholder,
.o-page__footer :-ms-input-placeholder {
  color: #70ad21;
}

/* ===========================================================

	# WRAP

=========================================================== */
.o-wrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.o-wrap--center {
  margin-left: auto;
  margin-right: auto;
}

.o-wrap--medium {
  max-width: 75rem;
}

.o-wrap--large {
  max-width: 92rem;
}

.o-wrap--x-large {
  max-width: 128rem;
}
/* ===========================================================

	# SECTION

=========================================================== */
.o-section {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
/* ===========================================================

	# BUTTONS

=========================================================== */
.o-button {
  border-radius: 0.3rem;
  display: inline-block;
  line-height: 1;
  padding: 1.5rem 2rem;
  font-family: "Londrina Solid", cursive;
  -webkit-font-smoothing: antialiased;
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
.o-button:hover, .o-button:focus {
  color: #FFFFFF;
}
.o-button:focus {
  box-shadow: 0 0.3rem 0 0 rgba(0, 0, 0, 0.1);
}

.o-button--primary {
  background: #70ad21;
  color: #FFFFFF;
}
.o-button--primary:hover, .o-button--primary:focus {
  background: #ffa304;
}

.o-button--secondary {
  background: #ffa304;
  color: #FFFFFF;
}
.o-button--secondary:hover, .o-button--secondary:focus {
  background: #e9343c;
}

.o-button--disabled {
  background: #ccc;
  color: #FFFFFF;
  cursor: not-allowed;
}

/* ===========================================================

	# ASPECT RATIOS

	https://www.easycalculation.com/area/aspectratio.php
	http://www.mademyday.de/css-height-equals-width-with-pure-css.html

=========================================================== */
.o-ratio {
  position: relative;
  background-size: cover;
}
.o-ratio .c-ratio__content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.o-ratio:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  padding-top: 100%;
}

/* 640:480; */
.o-ratio--cover:after {
  padding-top: 75%;
}
/* ===========================================================

  # TABLES

=========================================================== */
.o-table {
  width: 100%;
}

.o-table--scroll {
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.o-table--simple {
  font-weight: 700;
  border: none;
}
.o-table--simple th,
.o-table--simple td {
  border: none;
}
.o-table--simple th {
  color: #70ad21;
  font-size: 2.6rem;
  font-family: "Londrina Solid", cursive;
}

/* ===========================================================

	# FORMS

=========================================================== */
.o-input,
.o-select select,
.o-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.o-input-wrap + .o-input-wrap {
  margin-top: 1.4em;
}

.o-label__note {
  color: #ccc;
  float: right;
  font-size: .8em;
  font-style: italic;
}

.o-select {
  position: relative;
  vertical-align: middle;
  z-index: 1;
}
.o-select select {
  position: relative;
  text-indent: .01px;
  text-overflow: '';
  z-index: 1;
}
.o-select select::-ms-expand {
  display: none;
}
.lt-ie10 .o-select select {
  padding-right: 1rem;
}
.o-select:after {
  background: #faf3df;
  border-radius: 0 0.2rem 0.2rem 0;
  box-sizing: border-box;
  color: #ccc;
  content: '\25BE';
  display: block;
  height: calc( 100% - .2rem );
  padding: 1rem 1.5rem;
  position: absolute;
  pointer-events: none;
  right: 0.1rem;
  top: 0.1rem;
  z-index: 0;
}
.lt-ie10 .o-select:after {
  display: none;
}

:-moz-any(.o-select):after {
  z-index: 1;
}

.o-input + .button,
.o-select + .button,
.o-textarea + .button {
  margin-top: 2.8em;
}

/* ===========================================================

	# MEDIA

=========================================================== */
img {
  max-width: 100%;
  height: auto !important;
  vertical-align: top;
}

.o-media img {
  width: 100%;
}

.o-media--feature {
  border-radius: 50%;
}

.o-media + p,
.o-media + h1,
.o-media + h2,
.o-media + h3 {
  margin-top: 1.4em;
}
.o-media--video {
  position: relative;
}
.o-media--video:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.o-media--video iframe,
.o-media--video object,
.o-media--video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.o-media--large {
  margin: 4rem 0;
  position: relative;
}
/* ===========================================================

	# BLOCKQUOTE

=========================================================== */
.o-blockquote {
  font-family: "Londrina Solid", cursive;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding-left: 2rem;
}
.o-blockquote:before {
  content: "“";
  position: absolute;
  left: 0;
}

p + .o-blockquote,
.o-blockquote + p {
  margin-top: 2.8rem;
}

.o-blockquote {
  color: #70ad21;
  font-weight: 700;
  font-size: 4.2rem;
  line-height: 1.3;
}

.o-blockquote__author {
  font-size: 2.8rem;
  margin-top: 0.7em;
}

.o-page__body .o-blockquote {
  font-size: 2.8rem;
}

/* ===========================================================

	# Social links

=========================================================== */
.o-social__link {
  display: block;
  padding: 1rem 0;
}
.o-social__link i {
  color: #FFFFFF;
  font-size: 2.4rem;
  vertical-align: middle;
  margin-right: 2rem;
}

p + .o-social__link {
  margin-top: 1.4em;
}

/* ===========================================================

	# Text

=========================================================== */
.o-suptitle {
  color: #84847c;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 0.7em;
}

.o-suptitle + h1,
.o-suptitle + h2,
.o-suptitle + h3 {
  padding-top: 0;
}

.o-page__body h2,
.o-page__body h3 {
  color: #70ad21;
}
.o-page__body a {
  font-weight: 700;
}

/* ===========================================================

	# PAGINATION

=========================================================== */
.o-pagination {
  text-align: center;
  margin-top: 2.8em;
}

.o-pagination__link {
  padding: 1rem 2rem;
  display: inline-block;
}
.o-pagination__link i {
  vertical-align: middle;
}

.o-pagination__link--prev {
  float: left;
}

.o-pagination__link--next {
  float: right;
}

/* ===========================================================

	# Pod - Article

=========================================================== */
.o-pod--article {
  font-family: "open-sans", Helvetica, Arial, Geneva, sans-serif;
  position: relative;
}
.o-pod--article + .o-pod--article {
  margin-top: 2.8em;
}
.o-pod--article .o-pod__image-wrap {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 30%;
  margin-left: 0%;
  margin-right: 5%;
}
.o-pod--article .o-pod__image-wrap:before, .o-pod--article .o-pod__image-wrap:after {
  content: '';
  display: table;
}
.o-pod--article .o-pod__image-wrap:after {
  clear: both;
}
.o-pod--article .o-pod__image-wrap:last-child {
  margin-right: 0%;
}
.o-pod--article .o-pod__image {
  width: 100%;
  border-radius: 1rem;
}
.o-pod--article .o-pod__content {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 65%;
  margin-left: 0%;
  margin-right: 5%;
  font-size: 1.4rem;
  line-height: 1.5;
}
.o-pod--article .o-pod__content:before, .o-pod--article .o-pod__content:after {
  content: '';
  display: table;
}
.o-pod--article .o-pod__content:after {
  clear: both;
}
.o-pod--article .o-pod__content:last-child {
  margin-right: 0%;
}
.o-pod--article .o-pod__title {
  font-size: 3rem;
  color: #70ad21;
  transition: color 0.3s ease;
}
.o-pod--article .o-pod__link {
  font-weight: 700;
}
.o-pod--article .o-pod__copy,
.o-pod--article .o-pod__link {
  display: inline;
}
.o-pod--article:hover .o-pod__link,
.o-pod--article:hover .o-pod__title, .o-pod--article:focus .o-pod__link,
.o-pod--article:focus .o-pod__title {
  color: #ffa304;
}

.o-pod--listing-section + .o-pod--listing-section {
  margin-top: 5.6em;
}

.o-pod--listing-wrap .o-pod--article {
  margin-bottom: 5.6em;
}
.o-pod--listing-wrap .o-pod--article + .o-pod--article {
  margin-top: 0;
}
.o-pod--listing-wrap .o-pod--article:last-child {
  margin-bottom: 0;
}
/* ===========================================================

	# Key/Value

=========================================================== */
.o-key-value {
  margin-top: 2.8em;
}
.o-key-value .o-key-value__row {
  display: table-row;
  width: 100%;
}
.o-key-value .o-key-value__label,
.o-key-value .o-key-value__value {
  display: table-cell;
  padding-top: .5rem 0;
}
.o-key-value .o-key-value__label {
  padding-right: 1.4rem;
}

/* ===========================================================

	# Banner

=========================================================== */
.o-banner {
  position: absolute;
  top: -1rem;
  left: 0;
  font-size: 8.4rem;
  color: #517e16;
}

.o-banner__icon {
  color: #FFFFFF;
  position: absolute;
  font-size: 3.2rem;
  top: 50%;
  left: 50%;
  margin-top: -2.4rem;
  margin-left: -1.6rem;
}

.o-banner--blue {
  color: #0480ff;
}

.o-banner--yellow {
  color: #ffa304;
}

.o-banner--tickets {
  position: relative;
  float: left;
  margin-top: -2rem;
  margin-left: -2rem;
}
.o-banner--tickets:before {
  text-shadow: 0px 5px 0px #60951c;
}

/* ===========================================================

	# Borders

=========================================================== */
.no-inlinesvg .o-border--top,
.no-inlinesvg .o-border--bottom {
  display: none !important;
}

.inlinesvg .o-page__header--border,
.inlinesvg .o-page__footer--border {
  position: relative;
}
.inlinesvg .o-page__header--border {
  margin-bottom: -.94%;
  z-index: 10;
}
.inlinesvg .o-page__footer--border {
  margin-top: -.94%;
}
.inlinesvg .o-svg-wrap {
  height: 0;
  position: relative;
  overflow: hidden;
  padding-top: .94%;
}
.inlinesvg .o-svg-wrap svg {
  height: 100%;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.inlinesvg .o-border--bottom {
  vertical-align: top;
  margin-top: -1px;
}
.inlinesvg .o-border--top {
  vertical-align: bottom;
  margin-bottom: -1px;
}
.inlinesvg.s-homepage .o-border--top path {
  fill: #70ad21;
}
.inlinesvg .o-border--red path {
  fill: #e9343c !important;
}

/* ===========================================================

	# COLUMNS

=========================================================== */
.o-col--main-sidebar + p,
.o-col--main-sidebar + h2,
.o-col--main-sidebar + h3 {
  margin-top: 1.4em;
}

/* ===========================================================

	# NAV

=========================================================== */
.c-nav--main .c-nav__list {
  list-style: none;
}
.c-nav--main .c-nav__item {
  margin: 0;
}
.c-nav--main .c-nav__link {
  color: #FFFFFF;
  transition: background 0.3s ease, color 0.3s ease;
  line-height: 1;
}
.c-nav--main .c-nav__link:hover, .c-nav--main .c-nav__link:focus {
  color: #FFFFFF;
  background-color: #222222;
  background-color: rgba(0, 0, 0, 0.25);
}
.c-nav--main .c-nav__link.active {
  color: #222222;
  background-color: #FFFFFF;
}

.toggle--nav--main {
  display: none;
}
/* ===========================================================

	# NAV – SUPER

=========================================================== */
.c-nav--super {
  display: none;
}
/* ===========================================================

	# Logo switcher

=========================================================== */
.c-switcher .c-switcher__item {
  list-style: none;
  margin: 0;
}
/* ===========================================================

	# COVER

	https://www.easycalculation.com/area/aspectratio.php
	http://www.mademyday.de/css-height-equals-width-with-pure-css.html

=========================================================== */
.c-cover {
  color: #fff;
  overflow: hidden;
  position: relative;
  background-color: #222222;
}
.c-cover .c-cover__content {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: #517e16;
  z-index: 1;
}
.c-cover .c-cover__image {
  width: 100% !important;
  max-width: auto !important;
}
.c-cover p + .c-cover__copy,
.c-cover h1 + .c-cover__copy {
  margin-top: 1.4em;
}
/* paging */
.c-cover__page--prev,
.c-cover__page--next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 5%;
  min-width: 6rem;
  font-size: 2.4rem;
}
.c-cover__page--prev i,
.c-cover__page--next i {
  color: #FFFFFF;
  padding: 1.3rem;
  display: inline-block;
  background-color: #70ad21;
  border-radius: 50%;
  transition: transform 0.3s ease;
  position: absolute;
  bottom: 50%;
}

.no-rgba .c-cover__page--prev i,
.no-rgba .c-cover__page--next i {
  background: url(/assets/img/bitmap/000000-0.5.png) repeat;
}

.c-cover__page--prev {
  left: 0;
  text-align: left;
}
.c-cover__page--prev:hover i {
  -ms-transform: translateX(-0.5rem);
  transform: translateX(-0.5rem);
}

.c-cover__page--next {
  right: 0;
  text-align: right;
}
.c-cover__page--next:hover i {
  -ms-transform: translateX(0.5rem);
  transform: translateX(0.5rem);
}

.c-cover__page--prev i {
  left: 0;
}

.c-cover__page--next i {
  right: 0;
}
/* DOTS */
.owl-dots {
  position: absolute;
  right: 0;
  bottom: 1.4em;
  left: 0;
  text-align: center;
}
.owl-dots .owl-dot {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin: 0 .5rem;
  display: inline-block;
  background-color: #FFFFFF;
  opacity: .5;
  transition: opacity 0.3s ease;
}
.owl-dots .owl-dot:hover, .owl-dots .owl-dot:focus, .owl-dots .owl-dot.active {
  opacity: 1;
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  /*  display: none;  */
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.c-cover-wrap .c-cover:not(:first-child) {
  display: none;
}

.c-cover-wrap.owl-loaded .c-cover:not(:first-child) {
  display: block;
}

.owl-carousel {
  overflow: hidden;
}

/* ===========================================================

	# CARD

=========================================================== */
/* article card with image */
.c-card--image .c-card__suptitle {
  color: #84847c;
  font-weight: 300;
  text-transform: uppercase;
}
.c-card--image .c-card__title {
  padding-top: 0;
  color: #70ad21;
  font-size: 6rem;
}
.c-card--image .c-card__title:after {
  content: "";
  width: 11rem;
  height: .6rem;
  display: block;
  margin: 1.4rem 0;
  background-color: #70ad21;
}
.c-card--image .c-card__image {
  width: 100%;
}
/* article card with bg cover image */
.c-card--cover {
  position: relative;
  background-size: cover;
}
.c-card--cover .c-card__title {
  color: #70ad21;
  font-size: 3.6rem;
  padding: 0;
}
.c-card--cover .c-card__title:after {
  content: "";
  width: 11rem;
  height: .6rem;
  display: block;
  margin: 1.4rem 0;
  background-color: #70ad21;
}
.c-card--cover .c-card__content,
.c-card--cover .c-tickets {
  min-height: 16rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2rem;
  transition: background 0.3s ease;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.c-card--cover .c-card__content a,
.c-card--cover .c-tickets a {
  position: relative;
  z-index: 10;
}
.c-card--cover:after {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}
.c-card--cover:hover .c-card__content,
.c-card--cover:hover .c-tickets {
  background-color: rgba(255, 255, 255, 0.9);
}

.no-rgba .c-card--cover .c-card__content {
  background: url("/assets/img/bitmap/FFFFFF-0.8.png") repeat;
}

/* ===========================================================

	# Tickets

=========================================================== */
.s-tickets--small .c-tickets {
  color: #FFFFFF;
  background-color: #70ad21;
  border-radius: 1rem;
  font-size: 1.4rem;
}
.s-tickets--small .c-tickets .c-tickets__suptitle,
.s-tickets--small .c-tickets .c-tickets__price {
  font-size: 2.8rem;
  display: inline !important;
}
.s-tickets--small .c-tickets .c-tickets__col {
  display: block;
}
.s-tickets--small .c-tickets .c-tickets__col + .c-tickets__col {
  margin-top: 0.7em;
}
.s-tickets--small .c-tickets .c-tickets__copy,
.s-tickets--small .c-tickets .c-tickets__copy + p {
  display: none;
}
.s-tickets--small .c-tickets .c-tickets__title + p > a {
  display: inline;
}

.c-tickets {
  position: relative;
  padding: 2rem;
  font-family: "open-sans", Helvetica, Arial, Geneva, sans-serif;
  text-align: center;
}
.c-tickets .c-tickets__title {
  font-size: 3rem;
  text-align: left;
  margin-bottom: 3rem;
}
.c-tickets .c-tickets__title + p > a {
  display: block;
}
.c-tickets .c-tickets__copy,
.c-tickets .c-tickets__copy > p,
.c-tickets .c-tickets__copy + p {
  display: inline;
}
.c-tickets .c-tickets__col-wrap {
  text-align: center;
  margin: 1.4em 0 1rem;
}
.c-tickets .c-tickets__col-wrap .c-tickets__col {
  padding: 0 1rem;
  position: relative;
}
.c-tickets .c-tickets__col-wrap .c-tickets__suptitle,
.c-tickets .c-tickets__col-wrap .c-tickets__price {
  display: block;
  color: #FFFFFF;
}
.c-tickets .c-tickets__col:last-child .c-tickets__suptitle:after {
  display: none;
}
.c-tickets .c-tickets__suptitle,
.c-tickets .c-tickets__price {
  line-height: 1.2;
  font-family: "Londrina Solid", cursive;
  -webkit-font-smoothing: antialiased;
}
.c-tickets .c-tickets__suptitle {
  font-size: 2.4rem;
}
.c-tickets .c-tickets__price {
  font-size: 3rem;
}
.c-tickets a {
  z-index: 3;
  color: #ffa304;
  font-weight: 700;
  position: relative;
}
.c-tickets a:hover, .c-tickets a:focus {
  color: #FFFFFF;
}

/* ===========================================================

	# Featured cards

=========================================================== */
.c-featured-card {
  position: relative;
  background-size: cover;
}
.c-featured-card .c-card__content {
  position: absolute;
  padding-left: 8.4rem !important;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.c-featured-card:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  padding-top: 85%;
}

.c-featured-card-wrap .c-featured-card {
  color: #FFFFFF;
  border-radius: 1rem;
  padding: 1rem;
}
.c-featured-card-wrap .c-card__content {
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1rem 1rem 0 0;
}
.c-featured-card-wrap .c-card__suptitle {
  padding-bottom: 0 !important;
  font-family: "Londrina Solid", cursive;
  -webkit-font-smoothing: antialiased;
}
.c-featured-card-wrap .c-card__title {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.c-featured-card--tickets {
  background-color: #70ad21;
}
.c-featured-card--tickets .c-tickets {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.c-featured-card--tickets .c-tickets__col {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333%;
  margin-left: 0%;
  margin-right: 0%;
}
.c-featured-card--tickets .c-tickets__col:before, .c-featured-card--tickets .c-tickets__col:after {
  content: '';
  display: table;
}
.c-featured-card--tickets .c-tickets__col:after {
  clear: both;
}

.no-rgba .c-featured-card-wrap .c-card__content {
  background: url("/assets/img/bitmap/000000-0.4.png") repeat;
}

.c-featured-card-wrap .c-featured-card--page .c-card__content {
  background: transparent;
  padding: 2rem;
}
.c-featured-card-wrap .c-featured-card--page .c-card__content .c-card__title {
  font-size: 3rem;
  text-shadow: 0px 3px 0px black;
}
/* ===========================================================

	# Featured reviews

=========================================================== */
.c-trip-advisor {
  border: 1px solid #70ad21;
  overflow: auto;
  width: 100%;
}

.c-featured-reviews {
  color: #FFFFFF;
  background-color: #e9343c;
}
.c-featured-reviews .c-featured-reviews__quote {
  color: #FFFFFF;
}
/* ===========================================================

	# Carousel - Off canvas

=========================================================== */
.c-carousel--off-canvas-wrap {
  position: relative;
  overflow: hidden;
}

.c-carousel--off-canvas {
  overflow: visible !important;
  position: static !important;
}
.c-carousel--off-canvas .owl-stage-outer {
  overflow: visible !important;
}
.c-carousel--off-canvas .owl-item {
  opacity: .4;
  transition: opacity .6s ease;
  padding-left: 2rem;
  padding-right: 2rem;
}
.c-carousel--off-canvas .owl-item.active {
  opacity: 1 !important;
}
.c-carousel--off-canvas .c-cover__page--next i,
.c-carousel--off-canvas .c-cover__page--prev i {
  bottom: 50%;
  margin-bottom: -1.8rem;
  background-color: #70ad21;
}
/* ===========================================================

	# Newsletter signup

=========================================================== */
p + .c-newsletter-signup {
  margin-top: 0.7em;
}

.c-newsletter-signup .o-input {
  color: #70ad21;
  border: transparent;
  font-family: "Londrina Solid", cursive;
  -webkit-font-smoothing: antialiased;
  background-color: #FFFFFF;
}
.c-newsletter-signup .o-input-wrap + .o-input-wrap {
  margin-top: 0.7em;
}
.c-newsletter-signup .o-button {
  display: block;
  width: 100%;
}
.c-newsletter-signup .o-button:hover, .c-newsletter-signup .o-button:focus {
  background-color: #222222;
}

/* ===========================================================

	# Article

=========================================================== */
.c-article .c-article__title {
  padding-top: 0 !important;
}
.c-article .c-article__title:after {
  content: "";
  width: 11rem;
  height: .6rem;
  display: block;
  margin: 1.4rem 0;
  background-color: #70ad21;
}
.c-article .c-article__cover-image,
.c-article .c-article__intro {
  margin-bottom: 1.4em;
}
.c-article .c-article__body + .c-comments {
  margin-top: 1.4em;
}
.c-article .c-article__meta {
  font-weight: 300;
  color: #84847c;
  text-transform: uppercase;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

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

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

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

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* OPTIONALLY ADD CSS FADING ANIMATION TO BACKGROUND OVERLAY */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ===========================================================

	# Listing

=========================================================== */
.c-listing--article .c-listing__item + .c-listing__item,
.c-listing--article .c-listing__link + .c-listing__link {
  margin-top: 2.8em;
}
.c-listing--article .c-listing__link {
  display: block;
}
.c-listing--article .c-listing__item {
  position: relative;
}
.c-listing--article .c-listing__suptitle {
  text-transform: uppercase;
  color: #84847c;
  font-weight: 300;
}
.c-listing--article .c-listing__title {
  padding-top: 0 !important;
}
.c-listing--article .c-listing__image + .c-listing__copy {
  margin-top: 1.4em;
}

/* ===========================================================

	# Sister sites

=========================================================== */
.c-sister-sites {
  margin-top: 0.7em;
}
.c-sister-sites li {
  list-style: none;
  margin: 0;
}
.c-sister-sites .c-sister-sites__item + .c-sister-sites__item {
  margin-top: 2.8em;
}
/* ===========================================================

	# NAV - SUB

=========================================================== */
.c-nav--sub .c-nav__item {
  margin: 0;
  list-style: none;
}
.c-nav--sub .c-nav__link {
  padding: .5rem 1rem;
  color: #222222;
  display: block;
  font-size: 1.4rem;
  transition: color 0.3s ease, background 0.3s ease;
}
.c-nav--sub .c-nav__link.active {
  font-weight: 700;
}
.c-nav--sub .c-nav__link:hover, .c-nav--sub .c-nav__link:focus, .c-nav--sub .c-nav__link.active {
  color: #70ad21;
}
.c-nav--sub .c-nav__link:hover, .c-nav--sub .c-nav__link:focus {
  background-color: #dee5b9;
}
.c-nav--sub .nav__list--sub .c-nav__link {
  padding-left: 2rem;
}
.c-nav--sub .nav__list--sub .c-nav__link:hover, .c-nav--sub .nav__list--sub .c-nav__link:focus, .c-nav--sub .nav__list--sub .c-nav__link.active {
  color: #70ad21;
}

/* ===========================================================

	# Footer nav

=========================================================== */
.c-nav--footer {
  padding: 1rem 0;
}
.c-nav--footer .c-nav__item {
  margin: 0;
  display: inline;
}
.c-nav--footer .c-nav__link {
  display: inline-block;
  padding: 1rem;
}

/* ===========================================================

	# SEARCH

=========================================================== */
.ezsearch-results,
.ezsearch-result + .ezsearch-result {
  margin-top: 2.8em;
}

.ezsearch-result h2 {
  font-size: 1.77188rem;
  padding-bottom: 0.88594rem;
}

.ezsearch-result strong {
  background-color: white;
  padding: 0 .3rem;
  display: inline-block;
}

.ezsearch-summary,
.ezsearch-no-results {
  color: #84847c;
  margin-top: 0.7em;
}

.ezsearch-result-count {
  display: none;
}

.ezsearch-form {
  display: -ms-flexbox;
  display: flex;
}
.ezsearch-form:before, .ezsearch-form:after {
  content: "";
  display: table;
}
.ezsearch-form:after {
  clear: both;
}
.ezsearch-form input[type="text"] {
  width: 80%;
  background-color: #FFFFFF;
  padding: 1rem;
  float: left;
  border-color: transparent;
  border-radius: 1rem 0 0 1rem;
}
.ezsearch-form input[type="submit"] {
  width: 20%;
  float: left;
  color: #FFFFFF;
  border-color: transparent;
  background-color: #70ad21;
  cursor: pointer;
  padding: 1rem 2rem;
  text-transform: uppercase;
  font-family: "Londrina Solid", cursive;
  border-radius: 0 1rem 1rem 0;
  transition: background 0.3s ease, color 0.3s ease;
}
.ezsearch-form input[type="submit"]:hover, .ezsearch-form input[type="submit"]:focus {
  background-color: #ffa304;
}

.ezsearch-pager {
  text-align: center;
  margin-top: 1.4em;
}
.ezsearch-pager .page,
.ezsearch-pager .prev,
.ezsearch-pager .next {
  padding: 1rem;
  display: inline-block;
}
/* ===========================================================

	# Breadcrumb

=========================================================== */
.c-breadcrumb {
  margin: 2.8em 0 1.4em;
  font-size: 1.4rem;
}
.c-breadcrumb .c-breadcrumb__item {
  list-style: none;
  margin: 0;
  display: inline;
}
/* ===========================================================

	# Gallery

=========================================================== */
.c-gallery {
  margin-top: 2.8em;
}

.c-gallery__item {
  list-style: none;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 1.5% !important;
  margin-bottom: 1.5%;
}
.c-gallery__item:before, .c-gallery__item:after {
  content: '';
  display: table;
}
.c-gallery__item:after {
  clear: both;
}
.c-gallery__item:nth-child(3n) {
  margin-right: 0%;
  float: right;
}
.c-gallery__item:nth-child(3n + 1) {
  clear: both;
}

.c-gallery__image {
  width: 100%;
  border-radius: 1rem;
}
/* ===========================================================

	# Partner logos

=========================================================== */
.c-partner-logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-partner-logos .c-partner-logos__item {
  display: inline-block;
  margin: 2rem;
}

/* ===========================================================

	# MAP

=========================================================== */
.c-map {
  padding-top: 40%;
  position: relative;
  background-color: #faf3df;
}
.c-map img {
  max-width: inherit !important;
}

.c-map--scroll-border:before, .c-map--scroll-border:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10%;
  z-index: 10;
  background: transparent;
}
.c-map--scroll-border:before {
  left: 0;
}
.c-map--scroll-border:after {
  right: 0;
}

.c-map-wrap {
  position: relative;
}
.c-map-wrap .c-map__directions-wrap {
  padding: 0 2rem 2rem;
}
.c-map-wrap .c-map__directions-wrap h2 {
  color: #70ad21;
  text-align: center;
}
/* ===========================================================

	# Nav - Mega

=========================================================== */
.c-nav--main {
  position: relative;
}
.c-nav--main .c-nav__list {
  list-style: none;
}
.c-nav--main .c-nav__item {
  margin: 0;
}
.c-nav--main .c-nav__link {
  color: #FFFFFF;
  font-family: "Londrina Solid", cursive;
  display: block;
  padding: 1rem;
  transition: background 0.3s ease, color 0.3s ease-out, border 0.3s ease-out;
}
.c-nav--main .c-nav-mega {
  display: none;
}

.toggle--nav--main {
  display: none;
}
/* ===========================================================

	# SITEMAP

=========================================================== */
/* ===========================================================

  # OVERRIDES

=========================================================== */
.no-mustard * {
  transition: none !important;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.t-hide-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.t-strong {
  font-weight: 700;
}

.t-small {
  font-size: 85%;
}

.t-center-text {
  text-align: center;
}

.t-text--red {
  color: #e9343c;
}

.t-text--green {
  color: #70ad21;
}

.t-block-link {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2 !important;
}

.t-section-title {
  color: #70ad21;
  text-align: center;
  padding-bottom: 0.7em !important;
}

/*# sourceMappingURL=style.css.map */
@media only screen and (min-width: 600px) {
  html {
    font-family: 'small';
  }
  .tera {
    font-size: 4.89444rem;
    padding-bottom: 2.44722rem;
  }

  .giga {
    font-size: 4.25603rem;
    padding-bottom: 2.12802rem;
  }

  .mega {
    font-size: 3.7009rem;
    padding-bottom: 1.85045rem;
  }

  h1,
  .alpha {
    font-size: 3.21817rem;
    padding-bottom: 1.60909rem;
  }

  h2,
  .beta {
    font-size: 2.79841rem;
    padding-bottom: 1.3992rem;
  }

  h3,
  .gamma {
    font-size: 2.4334rem;
    padding-bottom: 1.2167rem;
  }

  h4,
  .delta {
    font-size: 2.116rem;
    padding-bottom: 1.058rem;
  }

  h5,
  .epsilon {
    font-size: 1.84rem;
    padding-bottom: 0.92rem;
  }

  h6,
  .zeta {
    font-size: 1.6rem;
    padding-bottom: 0.8rem;
  }

  .intro {
    font-size: 1.84rem;
  }
  .o-section {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .o-pod--listing-wrap .o-pod--article {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 47.5%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .o-pod--listing-wrap .o-pod--article:before, .o-pod--listing-wrap .o-pod--article:after {
    content: '';
    display: table;
  }
  .o-pod--listing-wrap .o-pod--article:after {
    clear: both;
  }
  .o-pod--listing-wrap .o-pod--article:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  .o-pod--listing-wrap .o-pod--article:nth-child(2n + 1) {
    clear: both;
  }
  .o-pod--listing-wrap .o-pod--article:nth-last-child(2) {
    margin-bottom: 0;
  }
  .c-featured-card-wrap {
    position: relative;
    z-index: 1;
  }
  .c-featured-card-wrap .c-featured-card {
    margin-bottom: 4%;
  }
  .c-featured-reviews .o-blockquote {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 56.25%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .c-featured-reviews .o-blockquote:before, .c-featured-reviews .o-blockquote:after {
    content: '';
    display: table;
  }
  .c-featured-reviews .o-blockquote:after {
    clear: both;
  }
  .c-featured-reviews .o-blockquote:last-child {
    margin-right: 0%;
  }
  .c-featured-reviews .c-trip-advisor {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 38.75%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .c-featured-reviews .c-trip-advisor:before, .c-featured-reviews .c-trip-advisor:after {
    content: '';
    display: table;
  }
  .c-featured-reviews .c-trip-advisor:after {
    clear: both;
  }
  .c-featured-reviews .c-trip-advisor:last-child {
    margin-right: 0%;
  }
  .c-carousel--off-canvas .owl-item {
    padding-left: inherit;
    padding-right: 2rem;
  }
  .c-gallery__item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .c-gallery__item:before, .c-gallery__item:after {
    content: '';
    display: table;
  }
  .c-gallery__item:after {
    clear: both;
  }
  .c-gallery__item:nth-child(3n) {
    margin-right: 3%;
    float: left;
  }
  .c-gallery__item:nth-child(3n + 1) {
    clear: none;
  }
  .c-gallery__item:nth-child(4n) {
    margin-right: 0%;
    float: right;
  }
  .c-gallery__item:nth-child(4n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 800px) {
  html {
    font-family: 'medium';
  }
  body,
  input,
  textarea,
  select,
  button {
    font-size: 1.6rem;
  }
  .tera {
    font-size: 5.8133rem;
    padding-bottom: 2.90665rem;
  }

  .giga {
    font-size: 4.94749rem;
    padding-bottom: 2.47375rem;
  }

  .mega {
    font-size: 4.21063rem;
    padding-bottom: 2.10532rem;
  }

  h1,
  .alpha {
    font-size: 3.58352rem;
    padding-bottom: 1.79176rem;
  }

  h2,
  .beta {
    font-size: 3.0498rem;
    padding-bottom: 1.5249rem;
  }

  h3,
  .gamma {
    font-size: 2.59558rem;
    padding-bottom: 1.29779rem;
  }

  h4,
  .delta {
    font-size: 2.209rem;
    padding-bottom: 1.1045rem;
  }

  h5,
  .epsilon {
    font-size: 1.88rem;
    padding-bottom: 0.94rem;
  }

  h6,
  .zeta {
    font-size: 1.6rem;
    padding-bottom: 0.8rem;
  }

  .intro {
    font-size: 1.88rem;
  }
  .o-page__search .o-input-wrap {
    display: inline-block;
  }
  .c-nav--super,
  .o-page__search {
    display: inline-block;
  }

  .o-page__header-super {
    margin-top: 1.8rem;
  }
  .o-page__header {
    text-align: right;
  }
  .o-page__header > .o-wrap {
    padding-left: 22rem;
  }
  .o-page__footer .o-col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 25.8%;
    margin-left: 0%;
    margin-right: 6%;
  }
  .o-page__footer .o-col:before, .o-page__footer .o-col:after {
    content: '';
    display: table;
  }
  .o-page__footer .o-col:after {
    clear: both;
  }
  .o-page__footer .o-col:last-child {
    margin-right: 0%;
  }
  .o-page__footer .o-col--middle h3 {
    padding-left: 2rem;
  }
  .o-page__footer .o-col--first {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 36.4%;
    margin-left: 0%;
    margin-right: 6%;
  }
  .o-page__footer .o-col--first:before, .o-page__footer .o-col--first:after {
    content: '';
    display: table;
  }
  .o-page__footer .o-col--first:after {
    clear: both;
  }
  .o-page__footer .o-col--first:last-child {
    margin-right: 0%;
  }
  .o-page__main {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 68.5%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .o-page__main:before, .o-page__main:after {
    content: '';
    display: table;
  }
  .o-page__main:after {
    clear: both;
  }
  .o-page__main:last-child {
    margin-right: 0%;
  }

  .o-page__sidebar {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 26.5%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .o-page__sidebar:before, .o-page__sidebar:after {
    content: '';
    display: table;
  }
  .o-page__sidebar:after {
    clear: both;
  }
  .o-page__sidebar:last-child {
    margin-right: 0%;
  }

  .s-has-sidebar .o-page__main {
    position: relative;
    left: 31.5%;
  }
  .s-has-sidebar .o-page__sidebar {
    border-right: 1px solid #e2e2e2;
    position: relative;
    left: -73.5%;
  }
  .o-wrap {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .o-section {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  /* 960:720 
  	960 * 540
  */
  .o-ratio--cover:after {
    padding-top: 56.25%;
  }
  .o-media--large {
    margin: 6rem 0;
  }

  .o-media--left,
  .o-media--right {
    margin-bottom: 1.4em;
    margin-top: 1.4em;
    width: 40%;
  }
  .o-media--left + *,
  .o-media--right + * {
    margin-top: 1.4em;
  }

  .o-media--left {
    float: left;
    margin-right: 1.4em;
  }

  .o-media--right {
    float: right;
    margin-left: 1.4em;
  }
  .o-col--3 .o-col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 30%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .o-col--3 .o-col:before, .o-col--3 .o-col:after {
    content: '';
    display: table;
  }
  .o-col--3 .o-col:after {
    clear: both;
  }
  .o-col--3 .o-col:last-child {
    margin-right: 0%;
  }

  .o-col--main-sidebar .o-col--side {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 30%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .o-col--main-sidebar .o-col--side:before, .o-col--main-sidebar .o-col--side:after {
    content: '';
    display: table;
  }
  .o-col--main-sidebar .o-col--side:after {
    clear: both;
  }
  .o-col--main-sidebar .o-col--side:last-child {
    margin-right: 0%;
  }
  .o-col--main-sidebar .o-col--main {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 65%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .o-col--main-sidebar .o-col--main:before, .o-col--main-sidebar .o-col--main:after {
    content: '';
    display: table;
  }
  .o-col--main-sidebar .o-col--main:after {
    clear: both;
  }
  .o-col--main-sidebar .o-col--main:last-child {
    margin-right: 0%;
  }
  .c-nav--main {
    display: inline-block;
    margin-bottom: 2.8rem;
  }
  .c-nav--main .c-nav__item {
    display: inline-block;
  }
  .c-nav--main .c-nav__link {
    display: inline-block;
    padding: 1.4rem 1rem;
    border-radius: 1rem;
  }
  .c-nav--super {
    display: inline-block;
  }
  .c-nav--super .c-nav__list {
    list-style: none;
  }
  .c-nav--super .c-nav__item {
    display: inline;
    margin: 0;
  }
  .c-nav--super .c-nav__link {
    color: #FFFFFF;
    display: inline-block;
    padding: 1rem;
  }
  .c-nav--super .c-nav__link:hover, .c-nav--super .c-nav__link:focus {
    color: #FFFFFF;
    background-color: #222222;
    background-color: rgba(0, 0, 0, 0.25);
  }
  .c-switcher {
    position: absolute;
    border-radius: 0 0 1rem 1rem;
    background-color: #FFFFFF;
  }
  .c-switcher .c-switcher__list--sub {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    margin-top: -1rem;
  }
  .c-switcher .nav__item--parent .c-switcher__logo {
    max-height: 18rem !important;
  }
  .c-switcher:hover .c-switcher__list--sub {
    opacity: 1;
    visibility: visible;
  }
  .c-switcher .c-switcher__list--sub {
    background-color: #FFFFFF;
    border-radius: 0 0 1rem 1rem;
    margin-top: -1rem;
  }
  .c-switcher .c-switcher__list--sub {
    min-width: 100%;
    position: absolute;
    text-align: left;
    text-align: center;
  }
  .c-switcher .c-switcher__list--sub .c-switcher__link {
    padding: 2rem;
    display: block;
  }
  .c-switcher h4 {
    color: #ffa304;
    font-weight: 500;
    margin-top: 1.4em;
  }
  .c-switcher .c-switcher__arrow {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    background: #70ad21;
    border-radius: 50%;
    font-size: 1.4rem;
    padding: .3rem;
  }
  .c-switcher .c-switcher__link {
    display: block;
    padding: 1.4rem 4rem 2.8rem 2rem;
  }

  .touch .c-switcher:before,
  .touch .c-switcher .c-switcher__list--sub {
    display: none;
  }
  .touch .c-switcher .c-switcher__arrow {
    display: none;
  }
  .c-switcher {
    left: 4rem;
  }
  .c-cover__page--prev i {
    left: 4rem;
  }

  .c-cover__page--next i {
    right: 4rem !important;
  }
  .c-carousel--off-canvas .owl-item {
    padding-right: 6rem;
  }
  .ezsearch-result h2 {
    font-size: 2.5rem;
    padding-bottom: 1.25rem;
  }
  .o-page:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9;
    background-color: #000000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .s-nav-open .o-page:after {
    opacity: .75;
    visibility: visible;
  }
  .s-nav-open.no-rgba .o-page:after {
    background: url("/assets/img/bitmap/000000-0.75.png") repeat;
  }
  .s-nav-open .c-nav-mega {
    transition: none !important;
  }

  .c-nav-mega {
    width: 100%;
    position: absolute;
    left: 0;
    display: block !important;
    text-align: left;
    color: #222222;
    z-index: 10;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-radius: 1rem;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.95);
    opacity: 0;
    visibility: hidden;
    margin-top: -.8rem;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .c-nav-mega > .o-wrap {
    padding: 0 3rem;
  }
  .c-nav-mega .c-nav__item {
    display: block;
  }
  .c-nav-mega .c-nav__link {
    color: #70ad21;
    padding: 1.4rem 1rem;
    display: block;
  }
  .c-nav-mega .c-nav__link:hover, .c-nav-mega .c-nav__link:focus {
    color: #ffa304;
    background: transparent;
  }
  .c-nav-mega .c-nav__link.active {
    color: #ffa304;
    font-weight: 800;
    background-color: transparent;
  }

  .c-nav-mega .c-nav-mega__nav-wrap {
    border-right: 1px solid #70ad21;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .c-nav-mega .c-nav-mega__nav-wrap:before, .c-nav-mega .c-nav-mega__nav-wrap:after {
    content: '';
    display: table;
  }
  .c-nav-mega .c-nav-mega__nav-wrap:after {
    clear: both;
  }
  .c-nav-mega .c-nav-mega__nav-wrap:last-child {
    margin-right: 0%;
  }
  .c-nav-mega .c-nav-mega__quick-link-wrap {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 65.66667%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .c-nav-mega .c-nav-mega__quick-link-wrap:before, .c-nav-mega .c-nav-mega__quick-link-wrap:after {
    content: '';
    display: table;
  }
  .c-nav-mega .c-nav-mega__quick-link-wrap:after {
    clear: both;
  }
  .c-nav-mega .c-nav-mega__quick-link-wrap:last-child {
    margin-right: 0%;
  }
  .c-nav-mega .c-nav-mega__quick-link-col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    min-height: 1px;
  }
  .c-nav-mega .c-nav-mega__quick-link-col:before, .c-nav-mega .c-nav-mega__quick-link-col:after {
    content: '';
    display: table;
  }
  .c-nav-mega .c-nav-mega__quick-link-col:after {
    clear: both;
  }
  .c-nav-mega .c-nav-mega__quick-link-col:last-child {
    margin-right: 0%;
  }

  .c-nav__item--parent {
    transition: color 0.3s ease, background 0.3s ease;
  }

  .c-nav__item--parent:hover > .c-nav__link {
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.25);
  }

  .c-nav__item--parent:hover > .c-nav-mega {
    opacity: 1;
    visibility: visible;
  }
  .c-nav-mega .o-pod--article {
    text-align: center;
  }
  .c-nav-mega .o-pod--article .o-pod__image {
    border-radius: 50%;
    border: 0.4rem solid #FFFFFF;
    max-width: 12.8rem;
    display: block;
    margin: 0 auto;
  }
  .c-nav-mega .o-pod--article .o-pod__image-wrap,
  .c-nav-mega .o-pod--article .o-pod__content {
    width: auto;
    float: none;
    margin: 0 auto;
  }
  .c-nav-mega .o-pod--article .o-pod__content {
    margin-top: 1.4em;
  }
  .c-nav-mega .o-pod--article .o-pod__title {
    text-align: center;
  }
  .s-animal .o-page__body {
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 1000px) {
  html {
    font-family: 'large';
  }
  /* 1280:1024 
  	1280 * 720
  */
  .o-ratio--cover:after {
    padding-top: 56.25%;
  }
  .o-media--large {
    margin-left: -7.5%;
    width: 115%;
  }
  .c-cover .c-cover__content {
    color: #222222;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2.8rem;
    max-width: 50%;
    max-height: 38rem;
    overflow: auto;
    border-radius: 1rem;
  }
  .c-cover .c-cover__content .c-cover__title {
    color: #ffa304;
  }

  .no-rgba .c-cover__content {
    background: url("/assets/img/bitmap/FFFFFF-0.8.png") repeat !important;
  }
  .c-cover .c-cover__content .c-cover__title {
    font-size: 6rem;
  }
  .c-cover .c-cover__content .c-cover__subtitle {
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 700;
  }
  .c-cover__wrap,
  .c-cover__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .c-cover__content {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -ms-transform: translateY(calc( -50% + 6.5rem ));
    transform: translateY(calc( -50% + 6.5rem ));
  }

  .c-cover__wrap {
    width: 100%;
    max-width: 116rem;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .c-cover--center {
    text-align: center;
  }

  .c-cover--right {
    text-align: right;
  }
  .c-cover__page--prev,
  .c-cover__page--next {
    width: 10%;
  }
  .c-card--image .c-card__image-wrap,
  .c-card--image .c-card__content {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 47.5%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .c-card--image .c-card__image-wrap:before, .c-card--image .c-card__image-wrap:after,
  .c-card--image .c-card__content:before,
  .c-card--image .c-card__content:after {
    content: '';
    display: table;
  }
  .c-card--image .c-card__image-wrap:after,
  .c-card--image .c-card__content:after {
    clear: both;
  }
  .c-card--image .c-card__image-wrap:last-child,
  .c-card--image .c-card__content:last-child {
    margin-right: 0%;
  }
  .c-featured-card-wrap .c-featured-card {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 30.66667%;
    margin-left: 0%;
    margin-right: 4%;
  }
  .c-featured-card-wrap .c-featured-card:before, .c-featured-card-wrap .c-featured-card:after {
    content: '';
    display: table;
  }
  .c-featured-card-wrap .c-featured-card:after {
    clear: both;
  }
  .c-featured-card-wrap .c-featured-card:nth-child(3n) {
    margin-right: 0%;
    float: right;
  }
  .c-featured-card-wrap .c-featured-card:nth-child(3n + 1) {
    clear: both;
  }
  .c-featured-card-wrap {
    margin-top: -10%;
  }
  .c-carousel--off-canvas .owl-item {
    padding-right: 4rem;
    padding-right: 4rem;
  }
  .c-breadcrumb {
    margin: 7em 0 1.4em;
  }
  .c-map-wrap .c-map__directions-wrap {
    position: absolute;
    max-width: 40rem;
    top: 4rem;
    right: 2rem;
    font-size: 1.4rem;
    padding: 4rem;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.95);
  }

  .no-rgba .c-map-wrap .c-map__directions-wrap {
    background: url("/assets/img/bitmap/FFFFFF-0.8.png");
  }
}
@media only screen and (min-width: 1280px) {
  html {
    font-family: 'x-large';
  }
  /* 1440 * 900 
  	1440 * 810
  */
  .o-ratio--cover:after {
    padding-top: 56.25%;
  }
  .o-media--large {
    margin-left: -15%;
    width: 130%;
  }
}
@media only screen and (min-width: 1500px) {
  html {
    font-family: 'xx-large';
  }
  /* 1920 * 1080 
  	1920 * 1080
  */
  .o-ratio--cover:after {
    padding-top: 56.25%;
  }
  .c-cover .c-cover__content {
    max-height: 44rem;
  }
  .c-carousel--off-canvas .owl-item {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dppx) {
  p {
    letter-spacing: 0.01em;
    word-spacing: 0.01em;
  }
}
@media only screen and (max-width: 799px) {
  .o-page__header-super {
    margin-bottom: 1rem;
  }
  .o-page__main + .o-page__sidebar {
    margin-top: 2.8em;
  }
  .o-table--stacked thead {
    display: none;
  }
  .o-table--stacked td {
    display: block;
  }
  .o-table--stacked td:before {
    content: attr(data-label) ": ";
    display: block;
    width: 100%;
  }
  .o-media img {
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .o-col + .o-col {
    margin-top: 2.8em;
  }

  .o-col--main-sidebar .o-col--side + .o-col--main {
    margin-top: 1.4em;
  }
  .js .toggle--nav--main {
    color: #FFFFFF;
    font-size: 2.4rem;
    display: block;
    position: absolute;
    right: 0;
    top: 1.4rem;
    padding: 1rem 1.5rem;
    transition: background 0.3s ease, color 0.3s ease;
  }
  .js .toggle--nav--main i {
    vertical-align: middle;
  }
  .js .toggle--nav--main:hover, .js .toggle--nav--main:focus {
    color: #FFFFFF;
    background-color: #70ad21;
  }
  .js .c-nav--main {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
    opacity: 0;
    visibility: hidden;
    padding: 1rem 0;
    background-color: #70ad21;
    transition: opacity, 0.3s ease, transform 0.3s ease-out;
  }
  .js.js-nav-main--open .c-nav--main {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  .nav__item--parent .c-switcher__logo {
    max-height: 6rem !important;
    margin: 1.4rem 0 1rem;
  }
  .c-switcher:before,
  .c-switcher .c-switcher__list--sub {
    display: none;
  }
  .c-switcher .c-switcher__arrow {
    display: none;
  }
  .c-sister-sites .c-sister-sites__item {
    display: inline-block;
    margin: 0 2rem;
  }
  .c-breadcrumb {
    display: none;
  }
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
  .o-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .c-switcher {
    left: 2rem;
  }
  .c-cover .c-cover__content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 999px) {
  .o-ratio--cover:after {
    display: none !important;
  }
  .c-cover .c-cover__content .c-cover__title {
    font-size: 4rem;
  }
}

@media only screen and (max-width: 599px) {
  .o-pod--listing-wrap .o-pod--article:first-child {
    margin-top: 0;
  }
  .c-featured-card-wrap .c-featured-card + .c-featured-card {
    margin-top: 2.8em;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1239px) {
  .c-cover .c-cover__content {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
  .c-featured-card-wrap .c-featured-card {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48%;
    margin-left: 0%;
    margin-right: 4%;
  }
  .c-featured-card-wrap .c-featured-card:before, .c-featured-card-wrap .c-featured-card:after {
    content: '';
    display: table;
  }
  .c-featured-card-wrap .c-featured-card:after {
    clear: both;
  }
  .c-featured-card-wrap .c-featured-card:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  .c-featured-card-wrap .c-featured-card:nth-child(2n + 1) {
    clear: both;
  }
  .c-map-wrap .c-map__directions-wrap {
    padding: 0 4rem 4rem;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -ms-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media print {
  /* Hide everything unneeded */
  .o-page__header,
  .o-page__header--border,
  .o-page__footer--border,
  .o-page__footer,
  .c-breadcrumb {
    display: none;
  }

  .o-page__body {
    padding: 0 !important;
  }

  /* font sizes */
  body {
    font: 11pt Calibri, Helvetica, Arial, sans-serif;
    line-height: 1.3;
    color: #000;
    background: #fff;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .o-table--simple th {
    color: #000;
    font-family: Calibri, Helvetica, Arial, sans-serif !important;
  }

  h1 {
    font-size: 24pt;
    padding-bottom: 0 !important;
    margin-bottom: 1rem !important;
  }

  h2,
  .o-table--simple th {
    font-size: 14pt;
    margin-top: 20px;
    padding-bottom: .35em;
  }

  p + p {
    margin-top: .7em;
  }

  th,
  td {
    padding: 0 1rem;
  }

  h2,
  h3,
  ul,
  img {
    page-break-after: avoid;
  }

  img {
    max-width: 100% !important;
  }

  img.o-media--feature {
    width: auto !important;
    max-height: 100px !important;
  }

  /* Some browsers like to show a border around images. Switch it off */
  img {
    border: 0;
  }

  /* By default links are blue. For optimal legibility change them to black */
  p a {
    color: #000;
  }

  /* Show the URL after each link, whereby internal links are preceeded by the site's URL */
  p a:after {
    content: " (http://batterseaparkzoo.co.uk/" attr(href) ")";
    font-size: 80%;
    word-wrap: break-word;
  }

  /* External links don't get this treatment */
  p a[href^="http://"]:after, p a[href^="https://"]:after {
    content: " (" attr(href) ")";
  }

  /* Append the source of the citation */
  q:after {
    content: " (" attr(cite) ")";
  }

  @page {
    margin: 2cm;
  }
}