@charset "UTF-8";

/**
 * Main colors:
 * The colors used in the project.
 *
 *   @example
 *   div.sg-tyles
 *     div.sg-tyles__item(style='background-color: #b49260') Main color
 *     div.sg-tyles__item(style='background-color: #773b1f') Secondary color
 *     div.sg-tyles__item(style='background-color: #95989a') Border color
 */
/**
 * Fonts:
 * The fonts used are Lato in 300i, 400 and 700 weights.
 *
 *   @example
 *   div.sg-tyles
 *     div(style='font-family: Lato; font-weight: 300; font-style: italic;') Lato 300i
 *     div(style='font-family: Lato; font-weight: 400') Lato 400
 *     div(style='font-family: Lato; font-weight: 700') Lato 700
 */
/* critical:start */
@-webkit-keyframes headerSlide {
  0% {
    -webkit-transform: translateY(-8.75rem);
            transform: translateY(-8.75rem); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes headerSlide {
  0% {
    -webkit-transform: translateY(-8.75rem);
            transform: translateY(-8.75rem); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* critical:end */
/* critical:start */
/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   #SHARED
   ========================================================================== */
/**
 * Shared declarations for certain elements.
 */
/**
 * Always declare margins in the same direction:
 * csswizardry.com/2012/06/single-direction-margin-declarations
 */
/* stylelint-disable selector-list-comma-newline-after */
address,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, ol, ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 24px; }
  
    @media (max-width: 46.24em) {
    .fieldset {
      margin-bottom: 0px;} }
  
  

/**
 * Consistent indentation for lists.
 */
dd, ol, ul {
  margin-left: 24px; }

/* stylelint-enable selector-list-comma-newline-after */
/* critical:end */
/* ==========================================================================
   #PAGE
   ========================================================================== */
/**
 * Simple page-level setup.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 */
html {
  font-size: 1em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */ }

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Simple default styles for headings 1 through 6. Anything more opinionated
 * than simple font-size changes should likely be applied via classes (see:
 * http://csswizardry.com/2016/02/managing-typography-on-large-apps/).
 */
h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.33333; }

h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.71429; }

h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1; }

h4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2; }

h5 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333; }

h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/**
 * Headings:
 * The headings used in the project
 * Headings 3, 4 and 5 have classes in case you want to apply that size to others
 * - `.h3` - heading 3
 * - `.h4` - heading 4
 * - `.h5` - heading 5
 *
 *   @example
 *   h1 Heading 1
 *   h2 Heading 2
 *   h3 Heading 3
 *   h4 Heading 4
 *   h5 Heading 5
 *   h6 Heading 6
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #773b1f;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 700; }

h3,
.h3 {
  font-size: 1.0625rem; }
  @media (min-width: 61.25em) {
    h3,
    .h3 {
      font-size: 1.5rem; } }

h4,
.h4 {
  margin-bottom: 0;
  color: #b49260;
  font-size: 1.125rem; }
  h4 + *,
  .h4 + * {
    margin-top: 0; }

h5,
.h5 {
  margin-bottom: 0;
  color: #333; }
  h5 + *,
  .h5 + * {
    margin-top: 0; }

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

ul {
  padding-left: 1.5rem; }

li {
  margin-bottom: 0.5rem; }

* {
  position: relative; }

html,
body {
  min-width: 20rem;
  margin: 0;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-weight: 400; }

@media (min-width: 61.25em) {
  body {
    font-size: 1.125rem; } }

[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea,
select {
  display: block;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 10px;
  padding: 0 10px;
  -webkit-transition: background-color 0.33333s ease-in-out;
  transition: background-color 0.33333s ease-in-out;
  border: 1px solid #b49260;
  border-radius: 0;
  color: #333;
  line-height: 2.5rem;
  cursor: pointer;
  vertical-align: middle; }
  [type="color"] ::-webkit-input-placeholder,
  [type="date"] ::-webkit-input-placeholder,
  [type="datetime"] ::-webkit-input-placeholder,
  [type="datetime-local"] ::-webkit-input-placeholder,
  [type="email"] ::-webkit-input-placeholder,
  [type="month"] ::-webkit-input-placeholder,
  [type="number"] ::-webkit-input-placeholder,
  [type="password"] ::-webkit-input-placeholder,
  [type="search"] ::-webkit-input-placeholder,
  [type="tel"] ::-webkit-input-placeholder,
  [type="text"] ::-webkit-input-placeholder,
  [type="time"] ::-webkit-input-placeholder,
  [type="url"] ::-webkit-input-placeholder,
  [type="week"] ::-webkit-input-placeholder,
  textarea ::-webkit-input-placeholder,
  select ::-webkit-input-placeholder {
    color: #666; }
  [type="color"] :-ms-input-placeholder,
  [type="date"] :-ms-input-placeholder,
  [type="datetime"] :-ms-input-placeholder,
  [type="datetime-local"] :-ms-input-placeholder,
  [type="email"] :-ms-input-placeholder,
  [type="month"] :-ms-input-placeholder,
  [type="number"] :-ms-input-placeholder,
  [type="password"] :-ms-input-placeholder,
  [type="search"] :-ms-input-placeholder,
  [type="tel"] :-ms-input-placeholder,
  [type="text"] :-ms-input-placeholder,
  [type="time"] :-ms-input-placeholder,
  [type="url"] :-ms-input-placeholder,
  [type="week"] :-ms-input-placeholder,
  textarea :-ms-input-placeholder,
  select :-ms-input-placeholder {
    color: #666; }
  [type="color"] ::placeholder,
  [type="date"] ::placeholder,
  [type="datetime"] ::placeholder,
  [type="datetime-local"] ::placeholder,
  [type="email"] ::placeholder,
  [type="month"] ::placeholder,
  [type="number"] ::placeholder,
  [type="password"] ::placeholder,
  [type="search"] ::placeholder,
  [type="tel"] ::placeholder,
  [type="text"] ::placeholder,
  [type="time"] ::placeholder,
  [type="url"] ::placeholder,
  [type="week"] ::placeholder,
  textarea ::placeholder,
  select ::placeholder {
    color: #666; }
  [type="color"]:focus, [type="color"]:active,
  [type="date"]:focus,
  [type="date"]:active,
  [type="datetime"]:focus,
  [type="datetime"]:active,
  [type="datetime-local"]:focus,
  [type="datetime-local"]:active,
  [type="email"]:focus,
  [type="email"]:active,
  [type="month"]:focus,
  [type="month"]:active,
  [type="number"]:focus,
  [type="number"]:active,
  [type="password"]:focus,
  [type="password"]:active,
  [type="search"]:focus,
  [type="search"]:active,
  [type="tel"]:focus,
  [type="tel"]:active,
  [type="text"]:focus,
  [type="text"]:active,
  [type="time"]:focus,
  [type="time"]:active,
  [type="url"]:focus,
  [type="url"]:active,
  [type="week"]:focus,
  [type="week"]:active,
  textarea:focus,
  textarea:active,
  select:focus,
  select:active {
    background-color: #eee;
    color: #333; }
  [type="color"].error, [type="color"].is-invalid,
  [type="date"].error,
  [type="date"].is-invalid,
  [type="datetime"].error,
  [type="datetime"].is-invalid,
  [type="datetime-local"].error,
  [type="datetime-local"].is-invalid,
  [type="email"].error,
  [type="email"].is-invalid,
  [type="month"].error,
  [type="month"].is-invalid,
  [type="number"].error,
  [type="number"].is-invalid,
  [type="password"].error,
  [type="password"].is-invalid,
  [type="search"].error,
  [type="search"].is-invalid,
  [type="tel"].error,
  [type="tel"].is-invalid,
  [type="text"].error,
  [type="text"].is-invalid,
  [type="time"].error,
  [type="time"].is-invalid,
  [type="url"].error,
  [type="url"].is-invalid,
  [type="week"].error,
  [type="week"].is-invalid,
  textarea.error,
  textarea.is-invalid,
  select.error,
  select.is-invalid {
    border-color: #d12328;
    outline-color: #d12328;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 99% center;
    color: #d12328; }
  [type="color"].success, [type="color"].is-valid,
  [type="date"].success,
  [type="date"].is-valid,
  [type="datetime"].success,
  [type="datetime"].is-valid,
  [type="datetime-local"].success,
  [type="datetime-local"].is-valid,
  [type="email"].success,
  [type="email"].is-valid,
  [type="month"].success,
  [type="month"].is-valid,
  [type="number"].success,
  [type="number"].is-valid,
  [type="password"].success,
  [type="password"].is-valid,
  [type="search"].success,
  [type="search"].is-valid,
  [type="tel"].success,
  [type="tel"].is-valid,
  [type="text"].success,
  [type="text"].is-valid,
  [type="time"].success,
  [type="time"].is-valid,
  [type="url"].success,
  [type="url"].is-valid,
  [type="week"].success,
  [type="week"].is-valid,
  textarea.success,
  textarea.is-valid,
  select.success,
  select.is-valid {
    border-color: #00964d;
    outline-color: #00964d;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: 99% center;
    color: #00964d; }
  [type="color"][disabled], [type="color"].is-disabled,
  [type="date"][disabled],
  [type="date"].is-disabled,
  [type="datetime"][disabled],
  [type="datetime"].is-disabled,
  [type="datetime-local"][disabled],
  [type="datetime-local"].is-disabled,
  [type="email"][disabled],
  [type="email"].is-disabled,
  [type="month"][disabled],
  [type="month"].is-disabled,
  [type="number"][disabled],
  [type="number"].is-disabled,
  [type="password"][disabled],
  [type="password"].is-disabled,
  [type="search"][disabled],
  [type="search"].is-disabled,
  [type="tel"][disabled],
  [type="tel"].is-disabled,
  [type="text"][disabled],
  [type="text"].is-disabled,
  [type="time"][disabled],
  [type="time"].is-disabled,
  [type="url"][disabled],
  [type="url"].is-disabled,
  [type="week"][disabled],
  [type="week"].is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  select[disabled],
  select.is-disabled {
    border-color: #cecece;
    cursor: not-allowed;
    opacity: .6; }

input[type='password'] {
  letter-spacing: .3em; }

[type='submit'] {
  width: 100%;
  border: 0;
  border-radius: 0;
  background: #333;
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

textarea {
  max-width: 100%;
  height: auto;
  min-height: 120px;
  padding: 10px;
  line-height: 1.5em; }

select {
  width: 15.625rem;
  height: 3.125rem;
  padding: 0 2.125rem;
  background-color: #b49260;
  background-image: url("../images/chevron.svg");
  background-repeat: no-repeat;
  background-position: right 1.75rem top 50%;
  background-size: 0.625rem 0.9375rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 3.125rem;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  @media (min-width: 61.25em) {
    select {
      font-size: 1rem; } }
  select:active, select:focus {
    background-color: #b49260;
    color: #fff; }

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

label {
  font-size: 1.1em;
  line-height: 1.8em; }

/* critical:start */
.pgtop { vertical-align: top; }

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  margin: 0;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-list,
.slick-track {
  height: 100%; }

.js_slider--stage::before, .js_slider--stage::after {
  content: '';
  position: absolute;
  width: 1.25rem;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8); }
  @media (min-width: 61.25em) {
    .js_slider--stage::before, .js_slider--stage::after {
      width: 3.125rem; } }

.js_slider--stage::before {
  left: 0; }

.js_slider--stage::after {
  right: 0; }

.blur-up {
  -webkit-transition: -webkit-filter 1000ms;
  transition: -webkit-filter 1000ms;
  transition: filter 1000ms;
  transition: filter 1000ms, -webkit-filter 1000ms;
  -webkit-filter: blur(5px);
          filter: blur(5px); }
  .blur-up.lazyloaded {
    -webkit-filter: blur(0);
            filter: blur(0); }

/* critical:end */
.c-tabs__triggers {
  margin: 1rem 0; }
	@media (max-width: 46.24em) {
	     .c-tabs__triggers {
	       margin: 0 auto;
	       margin-top: 15px; } }  
	@media (max-width: 46.24em) {
		.c-tabs__triggers .o-nav { 
	   width: 93%;} }
	   
  .c-tabs__triggers .o-nav__item {
    margin-bottom: 0; }
  .c-tabs__triggers .o-nav__item--active .o-nav__link {
    -webkit-transition: color 0.33333s ease-in-out;
    transition: color 0.33333s ease-in-out;
    color: #b49260; }
  .c-tabs__triggers .o-nav__link {
    -webkit-transition: color 0.33333s ease-in-out;
    transition: color 0.33333s ease-in-out;
    color: #333;
    font-weight: 400;
    cursor: pointer; }

.c-tabs__body {
  overflow: hidden; }
  @media (min-width: 46.25em) {
    .c-tabs__body .o-nav__item {
      display: none; } }

.c-tabs__content {
  display: block;
  max-height: 0;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.c-tabs__content--active {
  max-height: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: max-height 0s ease-in, visibility 0.33333s ease-in-out, opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  transition: max-height 0s ease-in, visibility 0.33333s ease-in-out, opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  transition: max-height 0s ease-in, visibility 0.33333s ease-in-out, transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out;
  transition: max-height 0s ease-in, visibility 0.33333s ease-in-out, transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  opacity: 1;
  visibility: visible; }

select[data-ss-uuid] {
  display: none;
  pointer-events: none; }

.style-select {
  display: block;
  font-size: 0.875rem;
  position: relative;
  left: 0;
  max-width: 20rem;
  width: 100%; }
  @media (min-width: 61.25em) {
    .style-select {
      font-size: 1rem; } }
  .style-select, .style-select * {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    line-height: 70px;
    color: #fff;
    font-weight: 700;
    cursor: pointer; }
  .style-select .ss-selected-option {
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 0 2.125rem;
    background-color: #b49260; }
    .style-select .ss-selected-option::after {
      content: "";
      width: 0.625rem;
      height: 1rem;
      background-image: url("../images/chevron.svg");
      background-repeat: no-repeat;
      background-size: 0.625rem 1rem;
      top: 1.6875rem;
      right: 1.75rem;
      -webkit-transition: -webkit-transform 0.33333s ease-in-out;
      transition: -webkit-transform 0.33333s ease-in-out;
      transition: transform 0.33333s ease-in-out;
      transition: transform 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
      position: absolute;
      display: block; }
  .style-select .ss-dropdown {
    left: 0;
    position: absolute;
    float: left;
    width: 100%;
    border-top: 0 none;
    background: #b49260;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.33333s ease-in-out;
    transition: max-height 0.33333s ease-in-out; }
    .style-select .ss-dropdown .ss-option {
      width: 100%;
      background-color: #b49260;
      padding: 0 2.125rem;
      line-height: 30px; }
      .style-select .ss-dropdown .ss-option.highlighted {
        color: rgba(255, 255, 255, 0.8); }
      .style-select .ss-dropdown .ss-option.disabled {
        color: #d0d0d0; }
      .style-select .ss-dropdown .ss-option.ticked {
        color: #773b1f; }
      .style-select .ss-dropdown .ss-option:last-child {
        margin-bottom: 2.125rem; }
  .style-select.open .ss-dropdown {
    max-height: 18.75rem; }
  .style-select.open .ss-selected-option::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

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

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

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

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

button.mfp-arrow-left {
  left: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url("../images/chevron.svg");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.875rem; }

button.mfp-arrow-right {
  right: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url("../images/chevron.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.875rem; }

.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%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          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;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

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

.c-accordion {
  display: block; }

.c-accordion__trigger {
  width: 100%;
  margin-bottom: 1rem; }

.c-accordion__content {
  display: block;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

.c-accordion__content--active {
  visibility: visible;
  opacity: 1;
  max-height: 9999rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: max-height 0s ease-in, visibility .65s ease-in-out, opacity .65s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: max-height 0s ease-in, visibility .65s ease-in-out, opacity .65s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: max-height 0s ease-in, visibility .65s ease-in-out, transform .25s ease-in-out, opacity .65s ease-in-out;
  transition: max-height 0s ease-in, visibility .65s ease-in-out, transform .25s ease-in-out, opacity .65s ease-in-out, -webkit-transform .25s ease-in-out; }

@-webkit-keyframes unfilter {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes unfilter {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.js-filtering {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0; }

.js-unfiltering {
  -webkit-animation: unfilter 0.33333s ease-in-out;
          animation: unfilter 0.33333s ease-in-out; }

.js-filtered {
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  visibility: hidden; }

/* critical:start */
/* ==========================================================================
   #LAYOUT
   ========================================================================== */
/**
 * Grid-like layout system.
 *
 * The layout object provides us with a column-style layout system. This file
 * contains the basic structural elements, but classes should be complemented
 * with width utilities, for example:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *   </div>
 *
 * The above will create a two-column structure in which each column will
 * fluidly fill half of the width of the parent. We can have more complex
 * systems:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/1  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *   </div>
 *
 * The above will create a system in which the first item will be 100% width
 * until we enter our medium breakpoint, when it will become 33.333% width. The
 * second and third items will be 50% of their parent, until they also become
 * 33.333% width at the medium breakpoint.
 *
 * We can also manipulate entire layout systems by adding a series of modifiers
 * to the `.o-layout` block. For example:
 *
 *   <div class="o-layout  o-layout--reverse">
 *
 * This will reverse the displayed order of the system so that it runs in the
 * opposite order to our source, effectively flipping the system over.
 *
 *   <div class="o-layout  o-layout--[right|center]">
 *
 * This will cause the system to fill up from either the centre or the right
 * hand side. Default behaviour is to fill up the layout system from the left.
 *
 * There are plenty more options available to us: explore them below.
 */
/* Default/mandatory classes.
   ========================================================================== */
/**
 * 1. Allows us to use the layout object on any type of element.
 * 2. We need to defensively reset any box-model properties.
 * 3. Use the negative margin trick for multi-row grids:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 */
.o-layout {
  display: block;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  list-style: none;
  /* [1] */
  margin-left: -24px;
  /* [3] */
  font-size: 0; }

/**
   * 1. Required in order to combine fluid widths with fixed gutters.
   * 2. Allows us to manipulate grids vertically, with text-level properties,
   *    etc.
   * 3. Default item alignment is with the tops of each other, like most
   *    traditional grid/layout systems.
   * 4. By default, all layout items are full-width (mobile first).
   * 5. Gutters provided by left padding:
   *    http://csswizardry.com/2011/08/building-better-grid-systems/
   * 6. Fallback for old IEs not supporting `rem` values.
   */
.o-layout__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* [1] */
  display: inline-block;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  padding-left: 24px;
  /* [5] */
  font-size: 16px;
  /* [6] */
  font-size: 1rem; }
  
  @media (max-width: 46.24em) {
    .o-layout__item {
      padding-bottom: 5px } }

/* Gutter size modifiers.
   ========================================================================== */
.o-layout--flush {
  margin-left: 0; }
  .o-layout--flush > .o-layout__item {
    padding-left: 0; }

.o-layout--tiny {
  margin-left: -6px; }
  .o-layout--tiny > .o-layout__item {
    padding-left: 6px; }

.o-layout--small {
  margin-left: -12px; }
  .o-layout--small > .o-layout__item {
    padding-left: 12px; }

.o-layout--large {
  margin-left: -48px; }
  .o-layout--large > .o-layout__item {
    padding-left: 48px; }

.o-layout--huge {
  margin-left: -96px; }
  .o-layout--huge > .o-layout__item {
    padding-left: 96px; }

/* Vertical alignment modifiers.
   ========================================================================== */
/**
 * Align all grid items to the middles of each other.
 */
.o-layout--middle > .o-layout__item {
  vertical-align: middle; }

/**
 * Align all grid items to the bottoms of each other.
 */
.o-layout--bottom > .o-layout__item {
  vertical-align: bottom; }

/**
 * Stretch all grid items of each row to have an equal-height.
 * Please be aware that this modifier class doesn't take any effect in IE9 and
 * below and other older browsers due to the lack of `display: flex` support.
 */
.o-layout--stretch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .o-layout--stretch > .o-layout__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

/* Fill order modifiers.
   ========================================================================== */
/**
 * Fill up the layout system from the centre.
 */
.o-layout--center {
  text-align: center; }
  .o-layout--center > .o-layout__item {
    text-align: left; }

/**
 * Fill up the layout system from the right-hand side.
 */
.o-layout--right {
  text-align: right; }
  .o-layout--right > .o-layout__item {
    text-align: left; }

/**
 * Fill up the layout system from the left-hand side. This will likely only be
 * needed when using in conjunction with `.o-layout--reverse`.
 */
.o-layout--left {
  text-align: left; }
  .o-layout--left > .o-layout__item {
    text-align: left; }

/**
 * Reverse the rendered order of the grid system.
 */
.o-layout--reverse {
  direction: rtl; }
  .o-layout--reverse > .o-layout__item {
    direction: ltr; }

/* Auto-widths modifier.
   ========================================================================== */
/**
 * Cause layout items to take up a non-explicit amount of width.
 */
.o-layout--auto > .o-layout__item {
  width: auto; }

/* critical:end */
/* ==========================================================================
   #MEDIA
   ========================================================================== */
/**
 * Place any image- and text-like content side-by-side, as per:
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.o-media {
  display: block; }
  .o-media:after {
    content: "" !important;
    display: block !important;
    clear: both !important; }

.o-media__img {
  float: left;
  margin-right: 24px; }
  .o-media__img > img {
    display: block; }

.o-media__body {
  overflow: hidden;
  display: block; }
  .o-media__body,
  .o-media__body > :last-child {
    margin-bottom: 0; }

/* Size variants.
   ========================================================================== */
/**
 * Modify the amount of space between our image and our text. We also have
 * reversible options for all available sizes.
 */
/* Gutterless media objects.
  ========================================================================== */
.o-media--flush > .o-media__img {
  margin-right: 0;
  margin-left: 0; }

.o-media--tiny > .o-media__img {
  margin-right: 6px; }

.o-media--tiny.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 6px; }

.o-media--small > .o-media__img {
  margin-right: 12px; }

.o-media--small.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 12px; }

.o-media--large > .o-media__img {
  margin-right: 48px; }

.o-media--large.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 48px; }

.o-media--huge > .o-media__img {
  margin-right: 96px; }

.o-media--huge.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 96px; }

/* Reversed media objects.
   ========================================================================== */
.o-media--reverse > .o-media__img {
  float: right;
  margin-right: 0;
  margin-left: 24px; }

/* ==========================================================================
   #FLAG
   ========================================================================== */
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image.
 *
 * http://csswizardry.com/2013/05/the-flag-object/
 *
 * 1. Allows us to control vertical alignments.
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 * 3. Reset inherited `border-spacing` declarations.
 */
.o-flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */
  border-spacing: 0;
  /* [3] */ }

/**
   * Items within a flag object. There should only ever be one of each.
   *
   * 1. Default to aligning content to their middles.
   */
.o-flag__img,
.o-flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */ }

/**
   * Flag images have a space between them and the body of the object.
   *
   * 1. Force `.flag__img` to take up as little space as possible:
   *    https://pixelsvsbytes.com/2012/02/this-css-layout-grid-is-no-holy-grail/
   */
.o-flag__img {
  width: 1px;
  /* [1] */
  padding-right: 24px;
  /**
     * 1. Fixes problem with images disappearing.
     */ }
  .o-flag__img > img {
    max-width: none;
    /* [1] */ }

/**
   * The container for the main content of the flag object.
   *
   * 1. Forces the `.flag__body` to take up all remaining space.
   */
.o-flag__body {
  width: auto;
  /* [1] */ }
  .o-flag__body,
  .o-flag__body > :last-child {
    margin-bottom: 0; }

/* Size variants.
   ========================================================================== */
.o-flag--flush > .o-flag__img {
  padding-right: 0;
  padding-left: 0; }

.o-flag--tiny > .o-flag__img {
  padding-right: 6px; }

.o-flag--tiny.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 6px; }

.o-flag--small > .o-flag__img {
  padding-right: 12px; }

.o-flag--small.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 12px; }

.o-flag--large > .o-flag__img {
  padding-right: 48px; }

.o-flag--large.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 48px; }

.o-flag--huge > .o-flag__img {
  padding-right: 96px; }

.o-flag--huge.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 96px; }

/* Reversed flag.
   ========================================================================== */
/**
 * 1. Swap the rendered direction of the object…
 * 2. …and reset it.
 * 3. Reassign margins to the correct sides.
 */
.o-flag--reverse {
  direction: rtl;
  /* [1] */ }
  .o-flag--reverse > .o-flag__img,
  .o-flag--reverse > .o-flag__body {
    direction: ltr;
    /* [2] */ }
  .o-flag--reverse > .o-flag__img {
    padding-right: 0;
    /* [3] */
    padding-left: 24px;
    /* [3] */ }

/* Alignment variants.
   ========================================================================== */
/**
 * Vertically align the image- and body-content differently. Defaults to middle.
 */
.o-flag--top > .o-flag__img,
.o-flag--top > .o-flag__body {
  vertical-align: top; }

.o-flag--bottom > .o-flag__img,
.o-flag--bottom > .o-flag__body {
  vertical-align: bottom; }

/* critical:start */
/* ==========================================================================
   #LIST-BARE
   ========================================================================== */
/**
 * Strip list-like appearance from lists by removing their bullets, and any
 * indentation.
 *
 * Note: Declaring the item-class might not be necessary everywhere but
 * is for example in <dl> lists for the <dd> childs.
 */
.o-list-bare {
  list-style: none;
  margin-left: 0; }

.o-list-bare__item {
  margin-left: 0; }

/* ==========================================================================
   #LIST-INLINE
   ========================================================================== */
/**
 * The list-inline object simply displays a list of items in one line.
 */
.o-list-inline {
  margin-left: 0;
  list-style: none; }

.o-list-inline__item {
  display: inline-block; }

/* critical:end */
/* ==========================================================================
   #BOX
   ========================================================================== */
/**
 * The box object simply boxes off content. Extend with cosmetic styles in the
 * Components layer.
 *
 * 1. So we can apply the `.o-box` class to naturally-inline elements.
 */
.o-box {
  display: block;
  /* [1] */
  padding: 24px; }
  .o-box:after {
    content: "" !important;
    display: block !important;
    clear: both !important; }
  .o-box > :last-child {
    margin-bottom: 0; }

/* Size variants.
   ========================================================================== */
.o-box--flush {
  padding: 0; }

.o-box--tiny {
  padding: 6px; }

.o-box--small {
  padding: 12px; }

.o-box--large {
  padding: 48px; }

.o-box--huge {
  padding: 96px; }

/* ==========================================================================
   #BLOCK
   ========================================================================== */
/**
 * Stacked image-with-text object. A simple abstraction to cover a very commonly
 * occurring design pattern.
 */
.o-block {
  display: block;
  text-align: center; }

.o-block__img {
  margin-bottom: 24px;
  /* Size variants.
       ====================================================================== */ }
  .o-block--flush > .o-block__img {
    margin-bottom: 0; }
  .o-block--tiny > .o-block__img {
    margin-bottom: 6px; }
  .o-block--small > .o-block__img {
    margin-bottom: 12px; }
  .o-block--large > .o-block__img {
    margin-bottom: 48px; }
  .o-block--huge > .o-block__img {
    margin-bottom: 96px; }

.o-block__body {
  display: block; }

/* Alignment variants.
   ========================================================================== */
.o-block--right {
  text-align: right; }

.o-block--left {
  text-align: left; }

/* ==========================================================================
   #TABLE
   ========================================================================== */
/**
 * A simple object for manipulating the structure of HTML `table`s.
 */
.o-table {
  width: 100%; }

/* Equal-width table cells.
   ========================================================================== */
/**
 * `table-layout: fixed` forces all cells within a table to occupy the same
 * width as each other. This also has performance benefits: because the browser
 * does not need to (re)calculate cell dimensions based on content it discovers,
 * the table can be rendered very quickly. Further reading:
 * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
 */
.o-table--fixed {
  table-layout: fixed; }

/* Size variants.
   ========================================================================== */
.o-table--tiny th,
.o-table--tiny td {
  padding: 6px; }

.o-table--small th,
.o-table--small td {
  padding: 12px; }

.o-table--large th,
.o-table--large td {
  padding: 48px; }

.o-table--huge th,
.o-table--huge td {
  padding: 96px; }

/* critical:start */
/**
 * Buttons:
 * The various buttons in the project.
 * - `.o-btn` - Normal button
 * - `.o-btn--brand` - Brand colour button
 * - `.o-btn--secondary` - Secondary colour button
 * - `.o-btn--transparent` - Transparent button
 * - `.o-btn--more` - Button with chevron
 *
 *   @example
 *   div.u-margin-top
 *     a.o-btn(href="#") Normal button
 *   div.u-margin-top
 *     a.o-btn.o-btn--brand(href="#") Branded button
 *   div.u-margin-top
 *     a.o-btn.o-btn--secondary(href="#") Secondary button
 *   div.u-margin-top
 *     a.o-btn.o-btn--transparent(href="#") Transparent button
 *   div.u-margin-top
 *     a.o-btn.o-btn--more(href="#") More button
 */
.o-btn {
  display: inline-block;
  padding: 0.875rem 1.125rem;
  -webkit-transition: background-color 0.33333s ease-in-out, border 0.33333s ease-in-out, color 0.33333s ease-in-out;
  transition: background-color 0.33333s ease-in-out, border 0.33333s ease-in-out, color 0.33333s ease-in-out;
  border: 1px solid #333;
  background-color: #333;
  font-size: 0.8125rem;
  text-transform: uppercase; }
  .o-btn:hover {
    background-color: #333; }
  @media (min-width: 81.25em) {
    .o-btn {
      padding: 1.1875rem 1.75rem;
      font-size: 1rem; } }

.o-btn--grey {
  border-color: #666;
  background-color: #666; }
  .o-btn--grey:hover {
    border-color: #333; }

.o-btn--brand {
  border-color: #b49260;
  background-color: #b49260;
  color: #fff; }
  .o-btn--brand:hover {
    border-color: #333; }

.o-btn--secondary {
  border-color: #773b1f;
  background-color: #773b1f;
  color: #fff; }
  .o-btn--secondary:hover {
    border-color: #333; }

.o-btn--light {
  background-color: #fff;
  color: #333; }
  .o-btn--light:hover {
    background-color: #eee;
    color: #333; }

.o-btn--transparent {
  border-color: #b49260;
  background: transparent;
  color: #333;
  font-weight: 700; }
  .o-btn--transparent:hover {
    background-color: #b49260;
    color: #fff; }

.o-btn--more {
  padding: 0.875rem 2.625rem 0.875rem 1.875rem;
  background-image: url("../images/chevron.svg");
  background-repeat: no-repeat;
  background-position: top 50% right 1.125rem;
  background-size: 0.625rem; }
  @media (min-width: 81.25em) {
    .o-btn--more {
      padding: 1.0625rem 2.8125rem 1.0625rem 2rem;
      background-position: top 50% right 1.125rem;
      background-size: 0.75rem; } }

.o-btn--more--transparent {
  border-color: transparent;
  background-color: transparent;
  background-image: url("../images/chevron--brand.svg");
  color: #b49260; }

.o-btn--full {
  width: 100%; }

/* critical:start */
.o-container {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1rem; }
  @media (min-width: 46.25em) {
    .o-container {
      padding: 0 2.8125rem; } }

.o-container--small {
  max-width: 71.25rem; }

.o-container--tiny {
  max-width: 51.25rem; }

/* critical:start */
.o-icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  fill: currentColor; }
  .o-icon img {
    width: 100%;
    height: 100%; }
  .o-icon.back img {
  	transform: rotate(180deg); }

/* critical:end */
.o-nav {
  margin: 0;
  list-style-type: none; }
    @media (min-width: 46.25em) {
    .o-nav {
      padding: 0 ; } }

/* critical:end */
.o-contacts {
  padding-left: 0; }

.o-contacts__label {
  color: #b49260;
  font-size: 1rem;
  text-transform: lowercase; }

.o-contacts__link {
  color: #773b1f;
  font-size: 1.25rem; }
  .o-contacts__info--phone .o-contacts__link {
    font-size: 1.5625rem; }

/**
 * Quotes:
 * Quotes for different parts of the site.
 * - `o-quote` - Quote that goes in the intro usually
 * - `o-quote--bottom` - A wider quote that goes in the bottom generally
 * - `o-quote--left` - A left aligned quote with the cite on top
 * - `o-quote--split` - A quote that lives in the sidebar of a page
 *
 *   @example
 *   div.o-quote.u-margin-top
 *     h3.o-quote__title Sample testimonial
 *     blockquote.o-quote__container
 *       div.o-quote__content
 *         p We would really like to thank you for putting together a honeymoon that provided everything we hoped for.
 *       cite.o-quote__cite Dean &amp; Sarah
 *
 *   div.o-quote.o-quote--bottom.u-margin-top
 *     h3.o-quote__title Sample testimonial
 *     blockquote.o-quote__container
 *       div.o-quote__content
 *         p We would really like to thank you for putting together a honeymoon that provided everything we hoped for.
 *       cite.o-quote__cite Dean &amp; Sarah
 *
 *   div.o-quote.o-quote--left.u-margin-top
 *     h3.o-quote__title Jo (Student)
 *     cite.o-quote__cite Dean &amp; Sarah
 *     blockquote.o-quote__container
 *       div.o-quote__content
 *         p We would really like to thank you for putting together a honeymoon that provided everything we hoped for.
 *
 *   div.o-quote.o-quote--split.u-margin-top
 *     h3.o-quote__title Sample testimonial
 *     blockquote.o-quote__container
 *       div.o-quote__content
 *         p We would really like to thank you for putting together a honeymoon that provided everything we hoped for.
 *       cite.o-quote__cite Dean &amp; Sarah
 */
.o-quote {
  text-align: center; }

.o-quote--bottom {
  padding: 3.125rem 0 5rem; }

.o-quote--left {
  text-align: left; }

.o-quote--split {
  margin: 4.375rem auto;
  padding: 2.5rem 0; }
  .o-quote--split::before, .o-quote--split::after {
    position: absolute;
    left: 50%;
    width: 7rem;
    height: 0.3125rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #b49260;
    content: ''; }
  .o-quote--split::before {
    top: -0.25rem; }
  .o-quote--split::after {
    bottom: 0; }

.o-quote__title {
  margin: 0;
  font-size: 1rem; }
  @media (min-width: 61.25em) {
    .o-quote__title {
      font-size: 1.125rem; } }
  .o-quote--bottom .o-quote__title,
  .o-quote--split .o-quote__title {
    color: #773b1f; }

.o-quote__container {
  margin: 0.375rem 0 0;
  padding: 0; }

.o-quote__content {
  max-width: 18.75rem;
  margin: 0 auto;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 300; }
  @media (min-width: 81.25em) {
    .o-quote__content {
      font-size: 1.25rem; } }
  .o-quote__content :first-child {
    margin-top: 0; }
    .o-quote__content :first-child::before {
      content: open-quote; }
  .o-quote__content :last-child {
    margin-bottom: 0; }
    .o-quote__content :last-child::after {
      content: close-quote; }
  .o-quote--bottom .o-quote__content {
    max-width: 34.375rem; }
  .o-quote--left .o-quote__content {
    max-width: none;
    margin-top: 1.25rem; }

.o-quote__cite {
  display: block;
  margin-top: 0.625rem;
  font-style: normal;
  font-weight: 400; }
  @media (max-width: 61.24em) {
    .o-quote__cite {
      margin-top: 0.625rem; } }

.o-social {
  padding-left: 0; }

.o-social__item {
  margin-bottom: 0; }

.o-social__link {
  display: block;
  -webkit-transition: -webkit-transform 0.33333s ease-in-out;
  transition: -webkit-transform 0.33333s ease-in-out;
  transition: transform 0.33333s ease-in-out;
  transition: transform 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out; }
  .o-social__link .o-icon {
    height: 1.6875rem; }
      

.no-touchevents .o-social__link:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }

/* critical:start */
.o-slider {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none; }

.o-slider__slide {
  height: 100%;
  -webkit-transition: background .1s ease-in-out;
  transition: background .1s ease-in-out;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.o-slider__page {
  position: absolute;
  top: 50%;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: rgba(180, 146, 96, 0.5);
  cursor: pointer; }
  @media (max-width: 46.24em) {
    .o-slider__page {
<!--      top: 35%; -->
      -webkit-transform: translateY(-35%);
              transform: translateY(-35%); } }
  @media (min-width: 61.25em) {
    .o-slider__page {
      width: 3.75rem;
      height: 3.75rem; } }
  .o-slider__page .o-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.625rem;
    height: 1rem;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media (min-width: 61.25em) {
      .o-slider__page .o-icon {
        width: 0.875rem;
        height: 1.5rem; } }

.o-slider__page--prev {
  left: 0;
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
  background-color: #b49260; }
  @media (max-width: 46.24em) {
    .o-slider__page--prev {
      -webkit-transform: rotate(180deg) translateY(40%);
              transform: rotate(180deg) translateY(40%); } }
  .no-js .o-slider__page--prev {
    display: none; }
  .o-slider--stage .o-slider__page--prev {
    top: 50%;
    left: 0.3125rem;
    -webkit-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
    background-color: #b49260; }
    @media (min-width: 61.25em) {
      .o-slider--stage .o-slider__page--prev {
        left: 1.5625rem; } }

.o-slider__page--next {
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #b49260; }
  @media (max-width: 46.24em) {
    .o-slider__page--next {
      -webkit-transform: translateY(-40%);
              transform: translateY(-40%); } }
  .no-js .o-slider__page--next {
    display: none; }
  .o-slider--stage .o-slider__page--next {
    top: 50%;
    right: 0.3125rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 61.25em) {
      .o-slider--stage .o-slider__page--next {
        right: 1.5625rem; } }

/* critical:end */
/**
 * Read more:
 * Just a readmore
 *
 *   @example
 *   a(href="#").o-readmore Read more
 */
.o-readmore {
  display: inline-block;
  padding: 0.625rem 1.875rem 0.625rem 0;
  -webkit-transition: color 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out;
  background-image: url("../images/chevron--brand.svg");
  background-repeat: no-repeat;
  background-position: top 50% right 0.9375rem;
  background-size: 0.625rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase; }
  .no-touchevents .o-readmore:hover {
    color: #333; }
    
    .o-readless {
  display: inline-block;
  padding: 0.625rem 1.875rem 0.625rem 0;
  -webkit-transition: color 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out;
  background-image: url("../images/chevron--brand.svg");
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  
  background-repeat: no-repeat;
  background-position: top 50% right 0.9375rem;
  background-size: 0.625rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase; }
  .no-touchevents .o-readmore:hover {
    color: #333; }
    
     @media (max-width: 46.24em) {
    .o-readmore {
      margin-top: 5px;
      padding: 0.125rem 1.5rem 0.1rem 0;
      font-size: 0.8rem;} }
    
/**
 * Definitions:
 * Terms and their explanations
 *
 *   @example
 *   dl.o-definition
 *     dt.o-definition__term Type of visa applied
 *     dd.o-definition__description Tourist (please circle &amp; cross through all other options)
 *     dt.o-definition__term Port of Entry
 *     dd.o-definition__description Enter the airport or land border in Tanzania
 *
 */
.o-definition__term {
  display: inline;
  padding-right: 0.5rem; }
  .o-definition__term::after {
    position: absolute;
    right: -0.25rem;
    color: #b49260;
    content: '|'; }

.o-definition__description {
  display: inline;
  margin-left: 0.5rem; }
  .o-definition__description::after {
    white-space: pre;
    content: '\A'; }

.o-button-box {
  margin: 0 auto;
  padding: 0; }
  @media only screen and (min-width: 30em) {
    .o-button-box {
      text-align: center; } }
  @media (min-width: 61.25em) {
    .o-button-box {
      width: 13.75rem; } }
  .o-button-box .o-btn {
    padding: 1.25rem 0.625rem;
    font-size: 1rem; }

.o-button-box__item {
  margin-bottom: 1rem; }
  @media only screen and (min-width: 30em) and (max-width: 61.1875em) {
    .o-button-box__item {
      display: inline-block;
      width: 49%; }
      .o-button-box__item:nth-child(even) {
        margin-left: 1%; } }

.o-button-box__link {
  width: 100%;
  text-align: center; }

/**
 * Offer box:
 * Little box for displaying an offer
 *
 *   @example
 *   div.o-offer.u-margin-top-large.u-margin-bottom-large
 *     h3.o-offer__title.u-margin-top-none.u-weight--normal Special Offer Example
 *     p.o-offer__text.u-margin-bottom-none Fostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 *
 */
.o-offer {
  padding: 2.25rem 1.625rem;
  background: rgba(180, 146, 96, 0.2); }

/**
 * Price changer:
 * The box for changing price on an itinerary etc
 *
 * Any element that needs a price changed needs to have the class `js-currency` and the attributes `data-dollars`, `data-euros` and `data-pounds` which stores the price in those currencies
 *
 *   @example
 *   div.o-price-changer.u-margin-top-large
 *     h5.o-price-changer__title.u-caps Pricing
 *     p.o-price-changer__text 14 days from
 *       span.u-color--brand.u-weight--bold.js-currency(data-dollars="$11,000pp" data-euros="€10,500pp" data-pounds="£9,999pp") £9,999pp
 *     ul.o-price-changer__currencies.o-list-inline.js-currency-switcher
 *       li.o-price-changer__item.o-list-inline__item
 *         a.o-price-changer__link.o-price-changer__link--active.js-currency-link(href="#" data-curr="pounds") £
 *       li.o-price-changer__item.o-list-inline__item
 *         a.o-price-changer__link.js-currency-link(href="#" data-curr="dollars") $
 *       li.o-price-changer__item.o-list-inline__item
 *         a.o-price-changer__link.js-currency-link(href="#" data-curr="euros") €
 *
 */
.o-price-changer {
  padding: 1.25rem 0;
  border-top: 2px solid #b49260;
  border-bottom: 2px solid #b49260; }

.o-price-changer__title {
  margin: 0; }

.o-price-changer__text {
  margin: 0; }

.o-price-changer__currencies {
  position: absolute;
  top: 50%;
  right: 0;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.o-price-changer__item {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700; }
  .o-price-changer__item:not(:last-child) {
    margin-right: 1.25rem; }
    .o-price-changer__item:not(:last-child)::after {
      position: absolute;
      top: 0;
      right: -1rem;
      color: #b49260;
      content: '/'; }
    @media (min-width: 46.25em) {
      .o-price-changer__item:not(:last-child) {
        margin-right: 1.875rem; }
        .o-price-changer__item:not(:last-child)::after {
          right: -1.25rem; } }

.o-price-changer__link {
  -webkit-transition: color 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out;
  color: #773b1f; }
  .no-touchevents .o-price-changer__link:hover {
    color: #b49260; }

.o-price-changer__link--active {
  color: #b49260; }

/**
 * Dashed list:
 * A dashed list that is sometimes needed
 *
 *   @example
 *   ul.o-dash-list
 *     li.o-dash-list__item 4x4 game drives
 *     li.o-dash-list__item Night game drives with spotlights
 *     li.o-dash-list__item Short walking safaris
 *     li.o-dash-list__item 2 day fly-camping safari (must be booked in advance)
 *     li.o-dash-list__item Limited water activities
 *
 */
.o-dash-list {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none; }

.o-dash-list__item::before {
  margin-right: 0.5rem;
  content: '-'; }

/**
 * Rating:
 * A star rating box
 * - `o-rating__star` - a star
 * - `o-rating__star--half` - MODIFIER: Loads half a star
 *
 *   @example
 *   div.o-rating.u-margin-top-large.u-margin-bottom-large
 *     p.o-rating__rated Rated
 *       span.o-rating__star ★
 *       span.o-rating__star ★
 *       span.o-rating__star ★
 *       span.o-rating__star ★
 *       span.o-rating__star.o-rating__star--half ★
 *     p.o-rating__by 4 1/2 out of 5 by 1 traveller
 *     ul.o-rating__list
 *       li.o-rating__item
 *         p.o-rating__customer Peter McWhirter
 *         p.o-rating__review Exceptional accommodation. Very helpful, friendly and attentive staff.
 *       li.o-rating__item
 *         p.o-rating__customer Peter McWhirter
 *         p.o-rating__review Exceptional accommodation. Very helpful, friendly and attentive staff.
 *
 */
.o-rating {
  padding: 2.25rem 1.625rem;
  background: rgba(180, 146, 96, 0.2); }

.o-rating__rated {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  margin: 0;
  color: #773b1f; }

.o-rating__star {
  display: inline-block;
  color: #b49260;
  overflow: hidden; }
  .o-rating__star:first-child {
    margin-left: 0.625rem; }

.o-rating__star--half {
  width: 0.625rem; }

.o-rating__by {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.2;
  margin-top: 0.375rem;
  color: #773b1f; }

.o-rating__list {
  margin: 0;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none; }
  @media (min-width: 61.25em) {
    .o-rating__list {
      max-width: 20rem; } }

.o-rating__item {
  font-size: 1.125rem; }

.o-rating__customer {
  margin-bottom: 0;
  color: #773b1f; }

.o-rating__review {
  margin: 0; }

/* critical:start */
.c-header {
  -webkit-transition: top 0.33333s ease-in-out;
  transition: top 0.33333s ease-in-out;
  border-bottom: 0.125rem #b49260 solid;
  display: block; }
  .c-header .o-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.25rem 1.75rem; }
    @media (min-width: 46.25em) {
      .c-header .o-container {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        max-width: 78.5rem;
        padding: 0 3.125rem; } }

@media (min-width: 46.25em) {
  .c-header--mini {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    -webkit-animation: headerSlide 0.33333s ease-in-out;
            animation: headerSlide 0.33333s ease-in-out; }
    .c-header--mini + .c-main {
      padding-top: 8.75rem; } }

.c-header__brand {
  display: inline-block;
  position: absolute;
  top: 0.1875rem;
  width: 7.25rem;
  height: 3.25rem;
  -webkit-transition: -webkit-transform 0.33333s ease-in-out;
  transition: -webkit-transform 0.33333s ease-in-out;
  transition: transform 0.33333s ease-in-out;
  transition: transform 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  background-image: url("../images/logo.svg");
  background-repeat: no-repeat;
  background-size: 7.25rem 3.25rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (max-width: 46.24em) {
    .c-header__brand {
      position: relative;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      .is-active--main-menu .c-header__brand {
        -webkit-transform: translateY(-5rem);
                transform: translateY(-5rem); } }
  @media (min-width: 46.25em) {
    .c-header__brand {
      top: 2.25rem;
      left: 3.125rem; } }
  @media (min-width: 61.25em) {
    .c-header__brand {
      top: 1.875rem;
      width: 9.125rem;
      height: 4.0625rem;
      background-size: 9.125rem 4.0625rem; } }
  @media (min-width: 81.25em) {
    .c-header__brand {
      top: 1.625rem;
      width: 12.3125rem;
      height: 5.5rem;
      background-size: 12.3125rem 5.5rem; } }

.c-header__navs {
  width: 100%; }
  @media (max-width: 46.24em) {
    .c-header__navs {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      padding: 6.25rem 2.5rem 2.5rem;
      -webkit-transform: translateY(-1rem);
              transform: translateY(-1rem);
      -webkit-transition: none;
      transition: none;
      background: #773b1f;
      text-align: center;
      opacity: 0;
      pointer-events: none; }
      .is-active--main-menu .c-header__navs {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
        transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
        transition: opacity 0.33333s ease-in-out, transform 0.33333s ease-in-out;
        transition: opacity 0.33333s ease-in-out, transform 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
        opacity: 1;
        pointer-events: auto; } }
  @media (min-width: 46.25em) {
    .c-header__navs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      text-align: right; } }

.c-header__nav {
  position: static;
  display: block; }
  @media (min-width: 46.25em) {
    .c-header__nav .o-nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: static;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .c-header__nav .o-nav__item--seperator {
    bottom: -0.5rem;
    width: 0.0625rem;
    height: 0.75rem;
    background: #333; }
    @media (min-width: 61.25em) {
      .c-header__nav .o-nav__item--seperator {
        bottom: -0.3125rem;
        height: 1rem; } }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-header__nav .o-nav__item--school {
      padding-bottom: 1rem; } }
  @media (min-width: 81.25em) {
    .c-header__nav .o-nav__item--school {
      padding-bottom: 2rem; } }
  .c-header__nav .o-nav__item--with-subnav {
    position: static;
    -webkit-transition: padding 0.33333s ease-in-out;
    transition: padding 0.33333s ease-in-out;
    overflow: visible; }
    @media (min-width: 46.25em) {
      .no-touchevents .c-header__nav .o-nav__item--with-subnav:hover .c-header__subnav {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
        z-index: 1;
        display: flex;
        pointer-events: auto; } }
    @media (min-width: 46.25em) and (max-width: 81.24em) {
      .no-touchevents .c-header__nav .o-nav__item--with-subnav {
        padding-bottom: 1rem; } }
    @media (min-width: 81.25em) {
      .no-touchevents .c-header__nav .o-nav__item--with-subnav {
        padding-bottom: 2rem; } }
  .c-header__nav .o-nav__link {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase; }
    @media (min-width: 46.25em) {
      .c-header__nav .o-nav__link {
        -webkit-transition: color 0.33333s ease-in-out;
        transition: color 0.33333s ease-in-out;
        color: #333; }
        .no-touchevents .c-header__nav .o-nav__link:hover {
          color: #773b1f; } }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      .c-header__nav .o-nav__link {
        font-size: 0.8125rem; } }
    @media (min-width: 61.25em) {
      .c-header__nav .o-nav__link {
        font-size: 0.9375rem; } }
  @media (min-width: 46.25em) {
    .c-header__nav {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }
  @media (min-width: 81.25em) {
    .c-header__nav {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end;
      width: 56.25rem;
      margin-top: 1rem; } }
  @media (max-width: 46.24em){
  	.c-header__nav ul{
  		padding-left: 0.1rem; } }

.c-header__subnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  margin: 2rem auto 0;
  padding: 2.8125rem;
  -webkit-transform: translateY(-1rem); 
          transform: translateY(-1rem);
  -webkit-transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out, transform 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out, transform 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  background-color: rgba(180, 146, 96, 0.95);
  text-align: left;
  opacity: 0;
  display: none;
  pointer-events: none; }
  @media (max-width: 46.24em) {
    .c-header__subnav {
      display: none; } }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-header__subnav {
      margin: 1rem auto 0; } }
  @media (min-width: 81.25em) {
    .c-header__subnav {
      max-width: 62.5rem;
      padding: 2.8125rem 5.625rem;
      text-align: left; } }
  .c-header__subnav .o-nav {
    display: block; }

.c-header__subnav__section {
  width: 25%; }
  @media (min-width: 61.25em) {
    .c-header__subnav__section {
      width: 20%; } }

@media (min-width: 61.25em) {
  .c-header__subnav__section--double {
    width: 40%; }
    .c-header__subnav__section--double .o-nav {
      -webkit-column-count: 2;
              column-count: 2; } }

.c-header__subnav__section--triple {
  width: 100%;
  -webkit-column-count: 3;
          column-count: 3; }

.c-header__subnav__section--quad {
  width: 100%;
  -webkit-column-count: 4;
          column-count: 4; }

.c-header__title {
  width: 100%;
  color: #773b1f;
  font-size: 1.25rem;
  text-transform: uppercase; }

.c-header__title--small {
  width: auto;
  font-size: 1rem; }

.c-header__title-link {
  color: #773b1f; }

@media (max-width: 46.24em) {
  .c-header__contact {
    padding-top: 2.5rem; } }

@media (min-width: 46.25em) {
  .c-header__contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

@media (min-width: 81.25em) {
  .c-header__contact {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.c-header__contacts {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  -webkit-transition: opacity 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out; }
  @media (min-width: 46.25em) {
    .c-header__contacts {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-top: 0.75rem; } }
  @media (min-width: 81.25em) {
    .c-header__contacts {
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
          -ms-flex-order: 0;
              order: 0;
      width: auto;
      margin: 0 1rem 0 auto;
      padding-top: 0; }
      .is-active--search .c-header__contacts {
        opacity: 0;
        pointer-events: none; } }
  @media (max-width: 46.24em) {
    .c-header__contacts .o-contacts__label {
      color: #fff; } }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-header__contacts .o-contacts__label {
      font-size: 0.875rem; } }
  @media (min-width: 81.25em) {
    .c-header__contacts .o-contacts__label {
      font-size: 1rem; } }
  @media (max-width: 46.24em) {
    .c-header__contacts .o-contacts__link {
      color: #fff;
      font-size: 1rem; } }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-header__contacts .o-contacts__link {
      font-size: 1rem; } }
  @media (min-width: 81.25em) {
    .c-header__contacts .o-contacts__link {
      font-size: 1.25rem; } }
  @media (min-width: 46.25em) {
    .c-header__contacts .o-contacts__info--phone {
      margin-left: 1.375rem; } }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-header__contacts .o-contacts__info--phone .o-contacts__link {
      font-size: 1rem; } }
  @media (min-width: 81.25em) {
    .c-header__contacts .o-contacts__info--phone .o-contacts__link {
      font-size: 1.25rem; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .c-header__contacts .o-contacts__info .o-contacts__link {
      font-size: 1rem; } }
  @media only screen and (min-width: 22.5em) and (max-width: 46.24em) {
    .c-header__contacts .o-contacts__info .o-contacts__link {
      font-size: 1.25rem; } }

@media (min-width: 46.25em) {
  .c-header__search {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

@media (min-width: 81.25em) {
  .c-header__search {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    position: absolute;
    right: 2.125rem;
    background: red; } }

.c-header__enquiry {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }
  @media (max-width: 46.24em) {
    .c-header__enquiry {
      margin-bottom: 2.8125rem; } }
  @media (min-width: 46.25em) {
    .c-header__enquiry {
      margin-right: 2.375rem;
      top: -0.0625rem; }
      .c-header__enquiry::after {
        position: absolute;
        top: -0.125rem;
        right: -1.75rem;
        width: 1px;
        height: 3.125rem;
        background-color: #b49260;
        content: ''; } }
  @media (min-width: 81.25em) {
    .c-header__enquiry {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      -webkit-transition: margin 0.33333s ease-in-out, background 0.33333s ease-in-out;
      transition: margin 0.33333s ease-in-out, background 0.33333s ease-in-out; }
      .is-active--search .c-header__enquiry {
        margin-right: 16.25rem; }
      .c-header__enquiry::after {
        height: 4.0625rem; } }

.c-header__search-toggle {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  -webkit-transition: background 0.33333s ease-in-out;
  transition: background 0.33333s ease-in-out; }
  @media (min-width: 46.25em) {
    .c-header__search-toggle {
      top: -0.0625rem; } }
  .is-active--search .c-header__search-toggle {
    background-image: url("../images/cross.svg");
    background-repeat: no-repeat;
    background-position: center; }
  .c-header__search-toggle .o-icon {
    width: 1.375rem;
    -webkit-transition: opacity 0.33333s ease-in-out;
    transition: opacity 0.33333s ease-in-out; }
    .is-active--search .c-header__search-toggle .o-icon {
      opacity: 0; }

@media (max-width: 46.24em) {
  .c-header__social {
    margin-top: 7.5rem; } }

.c-header__toggle {
  display: block;
  width: 1.5rem;
  height: 1.5rem; }
  .c-header__toggle span {
    display: block;
    position: absolute;
    width: 1.5625rem;
    height: 0.125rem;
    background: #773b1f;
    display: block;
    top: 50%;
    -webkit-transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
    transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
    transition: transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out;
    transition: transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
    text-indent: -999rem; }
    .is-active--main-menu .c-header__toggle span {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      background: #fff; }
    .c-header__toggle span::before, .c-header__toggle span::after {
      display: block;
      position: absolute;
      width: 1.5625rem;
      height: 0.125rem;
      background: #773b1f;
      left: 0;
      -webkit-transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
      transition: opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
      transition: transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out;
      transition: transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
      content: ''; }
    .c-header__toggle span::before {
      top: -0.3125rem; }
      .is-active--main-menu .c-header__toggle span::before {
        -webkit-transform: rotate(-90deg) translateX(-0.28125rem);
                transform: rotate(-90deg) translateX(-0.28125rem);
        background: #fff; }
    .c-header__toggle span::after {
      bottom: -0.3125rem; }
      .is-active--main-menu .c-header__toggle span::after {
        opacity: 0; }
  @media (max-width: 46.24em) {
    .c-header__toggle {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  @media (min-width: 46.25em) {
    .c-header__toggle {
      display: none; } }

/**
 * Hero Slider:
 * A big slidey slider for the top of pages
 * Change the heading level in the box however you want
 * - `.c-hero__box--left`: Put the box on the left
 *
 *   @example
 *   div.c-hero
 *     ul.o-slider.c-hero__slider.js_slider
 *       li.o-slider__slide.c-hero__slide.js_slide.lazyload(style="background-image: url('../images/heroes/elephant-small.jpg')" data-bgset="../images/heroes/elephant-large.jpg" data-sizes="auto")
 *       li.o-slider__slide.c-hero__slide.js_slide.lazyload(style="background-image: url('../images/heroes/beach-small.jpg')" data-bgset="../images/heroes/beach-large.jpg" data-sizes="auto")
 *     span.o-slider__page.o-slider__page--prev.js_prev.prev(class="u-hidden@mobile")
 *       svg.o-icon(role="img" title="Previous")
 *         use(xlink:href="assets/icons/icons.svg#chevron")
 *     span.o-slider__page.o-slider__page--next.js_next.next(class="u-hidden@mobile")
 *       svg.o-icon(role="img" title="Next")
 *         use(xlink:href="assets/icons/icons.svg#chevron")
 *     div.o-container
 *       div.c-hero__box
 *         h2.c-hero__title(class="u-hidden@mobile") Gane &amp; Marshall
 *         p.c-hero__intro Unforgettable journeys, <br>tailor-made for you.
 *
 *   div.c-hero.u-margin-top-large
 *     ul.o-slider.c-hero__slider.js_slider
 *       li.o-slider__slide.c-hero__slide.js_slide.lazyload(style="background-image: url('../images/heroes/elephant-small.jpg')" data-bgset="../images/heroes/elephant-large.jpg" data-sizes="auto")
 *       li.o-slider__slide.c-hero__slide.js_slide.lazyload(style="background-image: url('../images/heroes/beach-small.jpg')" data-bgset="../images/heroes/beach-large.jpg" data-sizes="auto")
 *     span.o-slider__page.o-slider__page--prev.js_prev.prev(class="u-hidden@mobile")
 *       svg.o-icon(role="img" title="Previous")
 *         use(xlink:href="assets/icons/icons.svg#chevron")
 *     span.o-slider__page.o-slider__page--next.js_next.next(class="u-hidden@mobile")
 *       svg.o-icon(role="img" title="Next")
 *         use(xlink:href="assets/icons/icons.svg#chevron")
 *     div.o-container
 *       div.c-hero__box.c-hero__box--left
 *         h2.c-hero__title(class="u-hidden@mobile") Gane &amp; Marshall
 *         p.c-hero__intro Unforgettable journeys, <br>tailor-made for you.
 */
@media (max-width: 46.24em) {
  .c-hero {
    margin-bottom: 1.25rem; } }

@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-hero {
    height: 23.4375rem; } }

@media (min-width: 61.25em) {
  .c-hero {
    height: 43.75rem; } }

@media (min-width: 46.25em) {
  .c-hero .o-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    margin: auto; } }

.c-hero__slider {
  height: 11.875rem;
  background: #666; }
  @media (max-width: 46.24em) {
    .c-hero__slider {
      height: 17.5rem; } }
  @media (min-width: 46.25em) {
    .c-hero__slider {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%; } }

.c-hero__box {
  text-align: center; }
  @media (min-width: 46.25em) {
    .c-hero__box {
      position: absolute;
      right: 2.8125rem;
      bottom: 1.375rem;
      width: 17.8125rem;
      padding: 1.375rem;
      -webkit-transition: right 0.33333s ease-in-out;
      transition: right 0.33333s ease-in-out;
      background-color: rgba(255, 255, 255, 0.8); } }
  @media (min-width: 61.25em) {
    .c-hero__box {
      right: 4.375rem;
      bottom: 3.75rem;
      width: 31.25rem;
      padding: 1.875rem 1.25rem; } }
  @media (min-width: 90.625em) {
    .c-hero__box {
      right: 0; } }

@media (min-width: 46.25em) {
  .c-hero__box--left {
    right: auto;
    left: 2.8125rem; } }

@media (min-width: 61.25em) {
  .c-hero__box--left {
    right: auto;
    left: 2.8125rem; } }

@media (min-width: 90.625em) {
  .c-hero__box--left {
    right: auto;
    left: 2.8125rem; } }

.c-hero__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.75rem;
  color: #773b1f;
  font-weight: 400;
  text-transform: uppercase; }
  @media (min-width: 61.25em) {
    .c-hero__title {
      margin-bottom: 3.125rem;
      font-size: 1.75rem; } }
  .c-hero__title::after {
    position: absolute;
    right: 0;
    bottom: -0.875rem;
    left: 0;
    width: 5.625rem;
    height: 0.125rem;
    margin: 0 auto;
    background-color: rgba(180, 146, 96, 0.95);
    content: ''; }
    @media (min-width: 61.25em) {
      .c-hero__title::after {
        bottom: -1.5625rem; } }

.c-hero__intro {
  margin-bottom: 0;
  color: #773b1f;
  line-height: 1.2; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .c-hero__intro {
      font-size: 1.375rem; } }
  @media (max-width: 61.24em) {
    .c-hero__intro {
      max-width: 14.375rem;
      margin: 1.75rem auto 0;
      font-size: 1.25rem; } }
  @media (min-width: 61.25em) {
    .c-hero__intro {
      max-width: 28.125rem;
      margin: auto;
      font-size: 1.5rem; } }
  @media (max-width: 46.24em) {
    .c-hero__intro {
      display: none ; } }

/* critical:end */
/**
 * Intro:
 * The intro for a page. Heading level is changeable - it's styled with class
 * - `.c-destination--no-title` - MODIFIER: This intro has no c-intro__title
 * - `.c-intro__back` - add this element to add a back button - see second example
 * It's cool to combine a block with a title and the back link, they're just seperate here
 *
 *   @example
 *   div.c-intro.o-layout
 *     div.c-intro__text.o-layout__item
 *       h1.c-intro__title Selinda Camp
 *       p.c-intro__lede Welcome to Gane &amp; Marshall, consectetur adipiscing elit, sed do eiusmod tempor inidunt ut labore et dolount ut bore et dolount ut labore et dolount ut labore et dolore magna.
 *       p Fostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exce pteur sint occaecat cupidatat non proident, sunt in culpa qui officia dedatat non proident, sunt in culpa qui oeserunt mollit.
 *     div.c-intro__quote.o-quote.o-layout__item(class="u-hidden@mobile")
 *       h3.o-quote__title Sample Testimonial
 *       blockquote.o-quote__container
 *         div.o-quote__content
 *           p We would really like to thank you for putting together a honeymoon that provided everything we hoped for.
 *         cite.o-quote__cite Dean &amp; Sarah
 *
 *   div.c-intro.c-intro--no-title.o-layout
 *     div.c-intro__text.o-layout__item
 *       a.c-intro__back(href="#")
 *         span.o-icon
 *           svg(role="presentation")
 *             use(xlink:href="assets/icons/icons.svg#chevron--back")
 *         Back to Tanzania
 *       h1.c-intro__lede Welcome to Gane &amp; Marshall, consectetur adipiscing elit, sed do eiusmod tempor inidunt ut labore et dolount ut bore et dolount ut labore et dolount ut labore et dolore magna.
 *       p Fostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exce pteur sint occaecat cupidatat non proident, sunt in culpa qui officia dedatat non proident, sunt in culpa qui oeserunt mollit.
 *     div.c-intro__quote.o-quote.o-layout__item(class="u-hidden@mobile")
 *       h3.o-quote__title Sample Testimonial
 *       blockquote.o-quote__container
 *         div.o-quote__content
 *           p We would really like to thank you for putting together a honeymoon that provided everything we hoped for.
 *         cite.o-quote__cite Dean &amp; Sarah
 */
@media (min-width: 46.25em) {
  .c-intro {
    margin-top: 3.75rem;
    padding-bottom: 1.0625rem; } }

@media (min-width: 61.25em) {
  .c-intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; } }

@media (min-width: 61.25em) {
  .c-intro--no-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }

.c-intro__back {
  padding-left: 2rem;
  -webkit-transition: color 0.33333s ease-in-out, top 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out, top 0.33333s ease-in-out;
  color: #773b1f;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase; }
  @media (min-width: 46.25em) {
    .c-intro__back {
      position: absolute;
      top: -1.875rem;} }
  @media (max-width: 46.25em) {
    .c-intro__back {
      display: none;} }
  .c-intro__back img {
    -webkit-transition: stroke 0.33333s ease-in-out;
    transition: stroke 0.33333s ease-in-out;
    stroke: #773b1f; }
  .no-touchevents .c-intro__back:hover {
    color: #b49260; }
    .no-touchevents .c-intro__back:hover img {
      stroke: #b49260; }
  .c-intro__back .o-icon {
    position: absolute;
    top: 0.125rem;
    left: 0;
    width: 0.75rem;
    height: 0.9375rem; }

.c-intro__back--brand {
  color: #b49260; }
  .c-intro__back--brand img {
    -webkit-transition: stroke 0.33333s ease-in-out;
    transition: stroke 0.33333s ease-in-out;
    stroke: #b49260; }
  .no-touchevents .c-intro__back--brand:hover {
    color: #773b1f; }
    .no-touchevents .c-intro__back--brand:hover img {
      stroke: #773b1f; }

.c-intro__title {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.41176;
  font-weight: 400; }
    @media (max-width: 46.24em) {
    .c-intro__title {
      padding: 0rem 0rem;
      font-size: 1.5rem; 
      margin-block-end: 0.25em;} }

@media (min-width: 61.25em) {
  .c-intro__text {
    width: 60%;
    padding-right: 7%;
    font-size: 1.125rem; }
    .c-intro__text::after {
      position: absolute;
      top: 8.75rem;
      right: 0;
      width: 0.3125rem;
      height: 7.1875rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-color: #b49260;
      content: ''; }
      .c-intro--no-title .c-intro__text::after {
        top: 50%; }
    .c-split .c-intro__text {
      width: 100%; }
    .c-intro--no-line .c-intro__text::after {
      display: none; } }

.c-intro__location {
  -webkit-transition: font-size 0.33333s ease-in-out;
  transition: font-size 0.33333s ease-in-out;
  font-size: 1rem; }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-intro__location {
      font-size: 1.25rem; } }
  @media (min-width: 81.25em) {
    .c-intro__location {
      font-size: 1.5rem; } }

.c-intro__lede {
  -webkit-transition: color 0.33333s ease-in-out, font-size 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out, font-size 0.33333s ease-in-out;
  font-size: 1rem; }
  @media (max-width: 46.24em) {
    .c-intro__lede {
      font-size: 1rem; 
      margin-block-end: 0em;} }
  @media (min-width: 46.25em) {
    .c-intro__lede {
      color: #773b1f; } }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-intro__lede {
      font-size: 1.25rem; } }
  @media (min-width: 81.25em) {
    .c-intro__lede {
      font-size: 1.5rem; } }

.c-intro__quote {
  display: none; }
  @media (min-width: 46.25em) {
    .c-intro__quote {
      display: inline-block; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-intro__quote {
      margin-top: 2rem; } }
  @media (min-width: 61.25em) {
    .c-intro__quote {
      width: 40%;
      margin-top: 3.125rem;
      padding-left: 7%; }
      .c-intro--no-title .c-intro__quote {
        margin-top: 0; } }

.c-cta {
  padding: 1.125rem 0;
  background: rgba(180, 146, 96, 0.1);
  text-align: center; }
  .c-cta .o-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }

.c-cta__text {
  margin-top: 0;
  font-size: 1.125rem; }

.c-cta__contacts {
  margin-top: 0; }
  @media (max-width: 46.24em) {
    .c-cta__contacts {
      width: 100%; }
      .c-cta__contacts .o-contacts__info--phone {
        line-height: 1; } }
  @media (min-width: 46.25em) {
    .c-cta__contacts {
      margin: 0 1.5rem 0 0;
      text-align: right; } }

@media (min-width: 81.25em) {
  .c-cta__enquiry {
    width: 18.75rem; } }

.c-cta__social {
  margin-left: 0.625rem; }
  @media (min-width: 46.25em) {
    .c-cta__social {
      margin-left: 1.5rem; } }
  .c-cta__social .o-icon img {
    fill: #773b1f; }

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

.c-accreditations__title {
  color: #773b1f;
  font-weight: 400; }

.c-contentinfo {
  background: #333; }
  .c-contentinfo .o-nav__item {
    margin-bottom: 0;
    -webkit-transition: font-size 0.33333s linear;
    transition: font-size 0.33333s linear;
    font-size: 0.875rem; }
    @media (min-width: 81.25em) {
      .c-contentinfo .o-nav__item {
        font-size: 1rem; } }
  .c-contentinfo .o-nav__link {
    color: #fff; }

@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-contentinfo__left-nav {
    border-right: 2px solid #b49260; } }

@media (max-width: 46.24em) {
  .c-contentinfo__right-nav {
    margin-top: 2.5rem; } }

@media (max-width: 46.24em) {
  .c-contentinfo__mobile-half {
    width: 49%; } }

@media (min-width: 46.25em) {
  .c-contentinfo__right-nav .c-contentinfo__mobile-half .o-nav {
    margin-top: 1.75rem; } }

@media (min-width: 61.25em) {
  .c-contentinfo__mobile-half {
    width: 49%; } }

@media (min-width: 46.25em) {
  .c-contentinfo__half--left {
    width: 49%; } }

@media (min-width: 46.25em) {
  .c-contentinfo__half--right {
    width: 49%; } }

@media (min-width: 46.25em) {
  .c-contentinfo__double .o-nav {
    -webkit-column-count: 2;
            column-count: 2; } }

.c-contentinfo__title {
  -webkit-transition: font-size 0.33333s linear;
  transition: font-size 0.33333s linear;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase; }
  @media only screen and (min-width: 22.5rem) {
    .c-contentinfo__title {
      font-size: 1rem; } }
  @media (min-width: 81.25em) {
    .c-contentinfo__title {
      font-size: 1.25rem; } }

.c-contentinfo__title--small {
  font-size: 0.875rem; }
  @media (min-width: 81.25em) {
    .c-contentinfo__title--small {
      font-size: 1rem; } }

.c-contentinfo__title--about {
  margin-top: 0; }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-contentinfo__title--about {
      margin-top: 2.625rem; } }

.c-contentinfo__copy {
  position: absolute;
  bottom: -0.625rem;
  left: 51.5%;
  color: #fff;
  font-size: 0.625rem; }
  @media (min-width: 46.25em) {
    .c-contentinfo__copy {
      right: 3.25rem;
      bottom: -4.375rem;
      left: auto; } }
  .c-contentinfo__copy a {
    color: #fff; }

/**
 * Destination blocks:
 * Builds a listed destination block.
 * - `.c-destination--right` - MODIFIER: Swap around the items in the list
 * - `.c-destination__list--no-column` - MODIFIER: Remove columns from list in destination
 *
 *   @example
 *   div.c-destination
 *     div.c-destination__content(style="background: url('../images/backgrounds/chimp-large.jpg') center center no-repeat; background-size: cover;")
 *       h2.c-destination__title Africa
 *       div.c-destination__text
 *         p Duorem ipsum dolor psum dolor psum dolor psum dolor sit amet, cons ectetur adiamet, cons ectetur asum dolor psum dolordiamet, sum dolor psum dolorcons edipiscing.
 *       a.c-destination__more.o-btn.o-btn--brand.o-btn--more(href="#") Read more
 *       h3.c-destination__title--small Our African Destinations
 *       ul.c-destination__list.o-nav
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Botswana
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Ethiopia
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Kenya
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Kilimanjaro
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Madagascar
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Malawi
 *     div.c-destination__image.lazyload(style="background-image: url('../images/backgrounds/zebras-small.jpg');" data-bgset="../images/backgrounds/zebras-medium.jpg 540w, ../images/backgrounds/zebras-large.jpg 980w" data-sizes="auto")
 *
 *   div.c-destination.c-destination--right.u-margin-top-large
 *     div.c-destination__content(style="background: url('../images/backgrounds/chimp-large.jpg') center center no-repeat; background-size: cover;")
 *       h2.c-destination__title Africa
 *       div.c-destination__text
 *         p Duorem ipsum dolor psum dolor psum dolor psum dolor sit amet, cons ectetur adiamet, cons ectetur asum dolor psum dolordiamet, sum dolor psum dolorcons edipiscing.
 *       a.c-destination__more.o-btn.o-btn--brand.o-btn--more(href="#") Read more
 *       h3.c-destination__title--small Our African Destinations
 *       ul.c-destination__list.o-nav
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Botswana
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Ethiopia
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Kenya
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Kilimanjaro
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Madagascar
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Malawi
 *     div.c-destination__image.lazyload(style="background-image: url('../images/backgrounds/zebras-small.jpg');" data-sizes="auto" data-bgset="../images/backgrounds/zebras-medium.jpg 540w, ../images/backgrounds/zebras-large.jpg 980w")
 *
 *   div.c-destination.u-margin-top-large
 *     div.c-destination__content(style="background: url('../images/backgrounds/chimp-large.jpg') center center no-repeat; background-size: cover;")
 *       h2.c-destination__title Africa
 *       div.c-destination__text
 *         p Duorem ipsum dolor psum dolor psum dolor psum dolor sit amet, cons ectetur adiamet, cons ectetur asum dolor psum dolordiamet, sum dolor psum dolorcons edipiscing.
 *       a.c-destination__more.o-btn.o-btn--brand.o-btn--more(href="#") Read more
 *       h3.c-destination__title--small Our African Destinations
 *       ul.c-destination__list.c-destination__list--no-column.o-nav
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Botswana
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Ethiopia
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Kenya
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Kilimanjaro
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Madagascar
 *         li.o-nav__item
 *           a.o-nav__link(href="#") Malawi
 *     div.c-destination__image.lazyload(style="background-image: url('../images/backgrounds/zebras-small.jpg');" data-bgset="../images/backgrounds/zebras-medium.jpg 540w, ../images/backgrounds/zebras-large.jpg 980w" data-sizes="auto")
 */
.c-destination {
  max-width: 90rem;
  height: 100%;
  margin: 0 auto; }
  @media (max-width: 46.24em) {
    .c-destination {
      padding-bottom: 2.1875rem;
      text-align: center; } }
  @media (min-width: 46.25em) {
    .c-destination {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      min-height: 25.9375rem; } }
  @media (min-width: 61.25em) {
    .c-destination {
      min-height: 43.75rem; } }

@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-destination--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

.c-destination__title {
  padding: 0 1rem;
  color: #773b1f;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase; }
  @media (max-width: 46.24em) {
    .c-destination__title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 5rem;
      margin: 0; } }
  @media (min-width: 46.25em) {
    .c-destination__title {
      padding: 0 2.8125rem 0 0;
      text-align: left; } }
  @media (min-width: 61.25em) {
    .c-destination__title {
      font-size: 2.25rem; } }

.c-destination__title--small {
  margin-top: 1.4375rem;
  color: #773b1f;
  font-size: 1.0625rem;
  text-transform: uppercase; }
  @media (max-width: 46.24em) {
    .c-destination__title--small {
      display: none; } }
  @media (min-width: 61.25em) {
    .c-destination__title--small {
      margin-top: 3.75rem;
      font-size: 1.125rem; } }

.c-destination__content {
  padding: 0 1rem; }
  @media (max-width: 46.24em) {
    .c-destination__content {
      background: none !important; } }
  @media (min-width: 46.25em) {
    .c-destination__content {
      width: 50%;
      height: 100%;
      min-height: 25.9375rem;
      padding: 2rem 2.8125rem; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-destination__content {
      background: rgba(255, 255, 255, 0.8) !important; } }
  @media (min-width: 61.25em) {
    .c-destination__content {
      width: 34.375rem;
      min-height: 43.75rem; }
      .c-destination__content::after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.8);
        content: ''; } }
        
/** Note the two value sof 1600px below should be set to 1440 if removing the 90% zoom! or set to 1600 if setting 90% zoom*/
  @media only screen and (min-width: 90em) {
    .c-destination__content {
      margin-left: calc((100% - 1440px) / 2); } }
  .c-destination--right .c-destination__content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0;
    margin-left: auto; }
    @media only screen and (min-width: 90em) {
      .c-destination--right .c-destination__content {
        margin-right: calc((100% - 1440px) / 2); } }

@media (max-width: 46.24em) {
  .c-destination__text {
    padding-top: 25rem; } }

@media (min-width: 61.25em) {
  .c-destination__text {
    font-size: 1.125rem; } }

@media (max-width: 46.24em) {
  .c-destination__list {
    display: none; } }

@media (min-width: 46.25em) {
  .c-destination__list {
    -webkit-column-count: 3;
            column-count: 3; } }

@media (min-width: 61.25em) {
  .c-destination__list {
    -webkit-column-count: 2;
            column-count: 2; } }

.c-destination__list .o-nav__item {
  margin-bottom: 0.375rem;
  font-size: 0.8125rem; }
  @media (min-width: 61.25em) {
    .c-destination__list .o-nav__item {
      font-size: 1rem; } }

.c-destination__list .o-nav__link {
  -webkit-transition: color 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out;
  color: #333;
  text-transform: uppercase; }
  .c-destination__list .o-nav__link:hover {
    color: #773b1f; }

@media (min-width: 46.25em) {
  .c-destination__list--no-column {
    -webkit-column-count: 1;
            column-count: 1; } }

@media (min-width: 61.25em) {
  .c-destination__list--no-column {
    -webkit-column-count: 1;
            column-count: 1; } }

.c-destination__image {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .c-destination--right .c-destination__image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  @media (max-width: 46.24em) {
    .c-destination__image {
      top: 5rem;
      height: 25rem; } }
  @media (min-width: 46.25em) {
    .c-destination__image {
      min-height: 25.9375rem; } }
  @media (max-width: 61.24em) {
    .c-destination__image {
      position: absolute; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-destination__image {
      top: 0;
      bottom: 0;
      left: 0;
      height: 100%; } }
  @media (min-width: 61.25em) {
    .c-destination__image {
      width: calc(100% - 34.375rem); } }

.c-sidebyside {
  max-width: 76.5625rem;
  margin: 0 auto;
  padding: 3.75rem 2.8125rem 2.8125rem; }
  @media (min-width: 46.25em) {
    .c-sidebyside {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media (min-width: 61.25em) {
    .c-sidebyside {
      padding: 5rem; } }

.c-sidebyside__box {
	width: 50%;
  text-align: center; }
  @media (max-width: 46.24em) {
    .c-sidebyside__box:first-child {
      padding-bottom: 1.4375rem; 
      width: 100%;} }
  @media (min-width: 46.25em) {
    .c-sidebyside__box:first-child {
      padding-right: 2.5rem; } }
  @media (min-width: 61.25em) {
    .c-sidebyside__box:first-child {
      padding-right: 5rem; } }
  .c-sidebyside__box:first-child::after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -0.15625rem;
    left: 0;
    width: 4.6875rem;
    height: 0.3125rem;
    margin: 0 auto;
    background-color: #773b1f;
    content: ''; }
    @media (min-width: 46.25em) {
      .c-sidebyside__box:first-child::after {
        top: 17%;
        bottom: auto;
        left: auto;
        width: 0.3125rem;
        height: 4.6875rem; } }
    @media (min-width: 61.25em) {
      .c-sidebyside__box:first-child::after {
        height: 9.375rem; } }
  @media (max-width: 46.24em) {
    .c-sidebyside__box:last-child {
      padding-top: 2.5rem; 
      width: 100%;} }
  @media (min-width: 46.25em) {
    .c-sidebyside__box:last-child {
      padding-left: 2.5rem; } }
  @media (min-width: 61.25em) {
    .c-sidebyside__box:last-child {
      padding-left: 5rem; } }

.c-sidebyside__title {
  margin-top: 0;
  color: #773b1f;
  font-size: 1.125rem; }
  @media (min-width: 61.25em) {
    .c-sidebyside__title {
      font-size: 1.25rem; } }

.c-sidebyside__text {
  max-width: 27.5rem;
  margin: 0 auto 1.25rem; }
  @media (max-width: 61.24em) {
    .c-sidebyside__text {
      font-size: 0.9375rem; } }
      
.c-itineraries {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1.125rem 1.125rem; }
  @media (min-width: 61.25em) {
    .c-itineraries {
      padding-bottom: 5rem; } }
  
  .c-itineraries.js-filters {
    left: -1%; }
    @media (min-width: 46.25em) {
      .c-itineraries.js-filters {
        left: -1.833333333%; } }

.c-itineraries__title {
  color: #773b1f;
  font-size: 1.0625rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 61.25em) {
    .c-itineraries__title {
      font-size: 1.5rem; } }

@media (min-width: 61.25em) {
  .c-itineraries__filter {
    margin-top: -5.9375rem; } }

.js-filters .c-itineraries__filter {
  margin-left: 1%; }
  @media (min-width: 46.25em) {
    .js-filters .c-itineraries__filter {
      margin-left: 1.833333333%; } }

.c-itineraries__itinerary {
  -webkit-transition: opacity 0.33333s ease-in-out, border 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out, border 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
  transition: transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out, border 0.33333s ease-in-out;
  transition: transform 0.33333s ease-in-out, opacity 0.33333s ease-in-out, border 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out; }
  @media (max-width: 46.24em) {
    .c-itineraries__itinerary {
      width: 99%; }
      .c-itineraries__itinerary:nth-of-type(even) {
        margin-left: 2%; }
      .js-filters .c-itineraries__itinerary {
        margin-left: 1%; } }
  @media (min-width: 46.25em) {
    .c-itineraries__itinerary {
      width: 31.5%;
      border-bottom: 2px solid #b49260; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-itineraries__itinerary:nth-of-type(3n+2), .c-itineraries__itinerary:nth-of-type(3n+3) {
      margin-left: 2.75%; }
    .js-filters .c-itineraries__itinerary {
      margin-left: 1.833333333%; } }
  @media (min-width: 20em) and (max-width: 61.24em) {
    .c-itineraries__itinerary {
      padding-bottom: 3.125rem; 
      padding: 0px 0px 25px 0px;} }
  @media (min-width: 61.25em) {
    .c-itineraries__itinerary {
      padding-bottom: 5rem; }
      .c-itineraries__itinerary:not(.c-itineraries__itinerary--four):nth-of-type(3n+2), .c-itineraries__itinerary:not(.c-itineraries__itinerary--four):nth-of-type(3n+3) {
        margin-left: 2.75%; }
      .js-filters .c-itineraries__itinerary:not(.c-itineraries__itinerary--four) {
        margin-left: 1.833333333%; } }
  @media (max-width: 46.24em) {
    .c-itineraries--featured .c-itineraries__itinerary:nth-of-type(n+3) {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      margin: -1px !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
      clip: rect(0 0 0 0) !important; } }
  .no-touchevents .c-itineraries__itinerary:hover {
    border-color: #773b1f; }
    .no-touchevents .c-itineraries__itinerary:hover .c-itineraries__image-link::before {
      opacity: 1; }
    .no-touchevents .c-itineraries__itinerary:hover .c-itineraries__itinerary-title,
    .no-touchevents .c-itineraries__itinerary:hover .c-itineraries__more {
      color: #773b1f; }
    .no-touchevents .c-itineraries__itinerary:hover .c-itineraries__more {
      background-image: url("../images/chevron--secondary.svg"); }

@media (min-width: 61.25em) {
  .c-itineraries__itinerary--four {
    width: 24%; }
    .c-itineraries__itinerary--four:nth-of-type(4n+2), .c-itineraries__itinerary--four:nth-of-type(4n+3), .c-itineraries__itinerary--four:nth-of-type(4n+4) {
      margin-left: 1.333333333%; } }

.c-itineraries__image-link::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.375rem;
  left: 0;
  -webkit-transition: opacity 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out;
  background: rgba(180, 146, 96, 0.5);
  content: '';
  opacity: 0;
  pointer-events: none; }

.c-itineraries__image {
  width: 100%; }

.c-itineraries__content {
  position: static;
  padding: 0 0.75rem; }

.c-itineraries__itinerary-title {
  min-height: 2.1875rem;
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #333;
  font-size: 0.8125rem;
  font-weight: bold; 
  margin-block-end: 0px;}
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-itineraries__itinerary-title {
      font-size: 0.875rem; } }
  @media (min-width: 61.25em) {
    .c-itineraries__itinerary-title {
      font-size: 1.25rem; } }
    @media (max-width: 46.24em) {
    .c-itineraries__itinerary-title {
      font-size: 1rem; } }

.c-itineraries__text {
  margin-top: 0.75rem;
  color: #333;
  font-size: 0.625rem; }
  @media (max-width: 46.24em) {
    .c-itineraries__text {
      border: 0 !important;
      font-size: 1rem;
      clip: rect(0 0 0 0) !important; 
      margin-block-end: 0px; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-itineraries__text {
      font-size: 0.75rem; } }
  @media (min-width: 61.25em) {
    .c-itineraries__text {
      font-size: 0.9375rem; } }

.c-itineraries__info {
  font-size: 0.6875rem; }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-itineraries__info {
      font-size: 0.75rem; } }
  @media (min-width: 61.25em) {
    .c-itineraries__info {
      font-size: 0.875rem; } }
  @media (max-width: 46.24em) {
    .c-itineraries__info {
      font-size: 0.875rem; } }
      
      

.c-itineraries__type {
  margin: 0;
  color: #333;
  text-transform: uppercase; }
  .c-itineraries__info--special .c-itineraries__type {
    color: #773b1f;
    font-weight: 700; }
    @media (min-width: 61.25em) {
      .c-itineraries__info--special .c-itineraries__type {
        font-size: 1rem; } }

.c-itineraries__typeinfo {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0; }

.c-itineraries__typeitem {
  color: #b49260; }
  .c-itineraries__typeitem + .c-itineraries__typeitem {
    margin-left: 0.125rem; }

.c-itineraries__typeitem--seperator {
  width: 0.0625rem;
  height: 0.625rem;
  margin-bottom: -0.125rem;
  background-color: #333; }
  @media (min-width: 61.25em) {
    .c-itineraries__typeitem--seperator {
      height: 0.875rem; } }

.c-itineraries__typetext {
  margin-top: 0;
  margin-bottom: 0; }
  .c-itineraries__info--special .c-itineraries__typetext {
    color: #773b1f; }
    @media (min-width: 61.25em) {
      .c-itineraries__info--special .c-itineraries__typetext {
        font-size: 1rem; } }
     @media (max-width: 46.24em) {
    .c-itineraries__typetext {
      margin-bottom: 24px;} }

.c-itineraries__prices {
  margin-top: 0;
  margin-bottom: 0.625rem;
  color: #333;
  font-size: 0.6875rem; }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-itineraries__prices {
      font-size: 0.75rem; } }
  @media (min-width: 61.25em) {
    .c-itineraries__prices {
      font-size: 0.875rem; } }
  @media (max-width: 46.24em) {
    .c-itineraries__prices {
      font-size: 0.875rem; 
      margin-bottom: 1.5rem;} }

.c-itineraries__price {
  color: #b49260; }
  @media (max-width: 46.24em) {
    .c-itineraries__price {
      display: inline; } }
  @media (min-width: 61.25em) {
    .c-itineraries__price {
      margin-left: 0.3125rem;
      font-size: 1.25rem;
      font-weight: 700; }
      .c-itineraries__price sub {
        top: 0;
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: lowercase; } }

.c-itineraries__more {
  position: absolute;
  bottom: 0;
  left: 0.75rem;
  margin-top: 0;
  font-size: 0.6875rem; }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-itineraries__more {
      margin-top: 1.125rem;
      font-size: 0.8125rem; } }
  @media (min-width: 61.25em) {
    .c-itineraries__more {
      font-size: 1rem; } }

.c-itineraries__view {
  padding-right: 4.375rem;
  padding-left: 4.375rem; }

@media (max-width: 46.24em) {
  .c-itineraries__sizer {
    width: 1.515%; } }

@media (min-width: 46.25em) {
  .c-itineraries__sizer {
    width: 1.316%; } }
    
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

/**
 * Boxes:
 * Boxes! Boxes can be used normally or in a slider. Markup for a box itself is the same regardless of container
 * - `c-boxes` - Pop boxes in a div with this class if it's not a slider you're after
 * - The slider is a bit more complicated and has it's own area beneath
 *
 *   @example
 *   div.c-boxes
 *     a.c-boxes__box.js-box(href="#")
 *       div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
 *         h2.c-boxes__title Arusha
 *         p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
 *         p.c-boxes__readmore Read more
 */
/**
  * Boxes Slider:
  * Boxes! Boxes can be used normally or in a slider. Markup for a box itself is the same regardless of container
  *
  *   @example
  *   div.o-slider.o-slider--stage
  *     div.c-boxes.js_slider--stage
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *       a.c-boxes__box.js-box(href="#")
  *         div.c-boxes__bg(style="background-image: url('../images/regions/arusha.jpg');")
  *           h2.c-boxes__title Arusha
  *           p.c-boxes__intro Lorem ipsum dolor sit amet, cons ectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
  *           p.c-boxes__readmore Read more
  *     span.o-slider__page.o-slider__page--prev.js_prev.prev(class="u-hidden@mobile")
  *       svg.o-icon"(role="img" title="Previous")
  *         use(xlink:href="/assets/icons/icons.svg#chevron")
  *     span.o-slider__page.o-slider__page--next.js_next.next(class="u-hidden@mobile")
  *       svg.o-icon(role="img" title="Next")
  *         use(xlink:href="/assets/icons/icons.svg#chevron")
  */
.no-js .c-boxes::before, .no-js .c-boxes::after {
  display: none; }

@media (min-width: 46.25em) {
  .no-js .c-boxes, .c-boxes:not(.slick-initialized) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 75rem;
    margin: 0 auto; } }

.c-boxes__box {
  display: inline-block;
  height: 18.75rem;
  margin-bottom: 0.625rem;
  padding: 0 0.3125rem; }
  @media (min-width: 46.25em) {
    .c-boxes__box {
      width: 49.5%;
      height: 21.875rem; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .c-boxes__box:nth-child(even) {
      margin-left: 1%; }
    .slick-initialized .c-boxes__box:nth-child(even) {
      margin-left: 0; } }
  @media (min-width: 61.25em) {
    .c-boxes__box {
      width: 33%; }
      .c-boxes__box:nth-child(3n+2), .c-boxes__box:nth-child(3n+3) {
        margin-left: .5%; }
      .slick-initialized .c-boxes__box:nth-child(3n+2), .slick-initialized .c-boxes__box:nth-child(3n+3) {
        margin-left: 0; } }
  .c-boxes__box:hover .c-boxes__intro,
  .c-boxes__box:hover .c-boxes__readmore, .c-boxes__box:focus .c-boxes__intro,
  .c-boxes__box:focus .c-boxes__readmore {
    opacity: 1; }

.c-boxes__box--active .c-boxes__intro,
.c-boxes__box--active .c-boxes__readmore {
  opacity: 1; }

.c-boxes__bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.c-boxes__title {
  margin: 0;
  padding: 1.25rem 0rem 1.25rem 0rem;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 1.0625rem;
  text-align: center; }
  @media (min-width: 61.25em) {
    .c-boxes__title {
      font-size: 1.5rem; } }

.c-boxes__intro {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  padding: 1.25rem;
  -webkit-transition: opacity 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out;
  background-color: rgba(255, 255, 255, 0.8);
  color: #773b1f;
  opacity: 0; }
  @media (min-width: 61.25em) {
    .c-boxes__intro {
      padding: 1.25rem 2.8125rem;
      font-size: 1.0625rem; } }

.c-boxes__readmore {
  display: block;
  margin: 0;
  padding: 0 2.375rem 2.375rem 1.25rem;
  -webkit-transition: opacity 0.33333s ease-in-out;
  transition: opacity 0.33333s ease-in-out;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("../images/chevron--brand.svg");
  background-repeat: no-repeat;
  background-position: calc(50% + 55px) 13%;
  background-size: 0.625rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  opacity: 0; }

.linkable {
	cursor: pointer;
	color: #b49260; }

.accordion.active .o-icon img {
  	transform: rotate(90deg); }


/**
 * Accordion's css from jquery-ui.css
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/**
 * Tabs:
 * Hide your content in tabs
 * - add `.c-tabs--center` to centre the tabs
 *
 *   @example
 *   div
 *     div.u-margin-bottom-large.c-tabs--center.js-tabs
 *       h2(data-tabs-trigger data-target="regions" data-open) Browse regions
 *       div#regions
 *         p Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
 *       h2(data-tabs-trigger data-target="second-tab" data-open) Second tab
 *       div#second-tab
 *         p Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis.
 *
 */
@media (max-width: 46.24em) {
  .c-tabs .o-nav__item {
    margin-bottom: 0.625rem; } }

.c-tabs .o-nav__item--active .o-nav__link {
  background: #b49260;
  color: #fff; }

.c-tabs .o-nav__link {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  display: block;
  padding: 1rem;
  -webkit-transition: background 0.33333s ease-in-out, color 0.33333s ease-in-out, font-size 0.33333s ease-in-out;
  transition: background 0.33333s ease-in-out, color 0.33333s ease-in-out, font-size 0.33333s ease-in-out;
  border: 1px solid #b49260;
  background-color: #fff;
  color: #333;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase; }
  .no-touchevents .c-tabs .o-nav__link:hover {
    background: #b49260;
    color: #fff; }
  @media (min-width: 46.25em) and (max-width: 81.24em) {
    .c-tabs .o-nav__link {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1; } }

@media (min-width: 46.25em) {
  .c-tabs--center .o-nav__item + .o-nav__item {
    margin-left: 0.625rem; } }

@media (min-width: 46.25em) {
  .c-tabs__triggers .o-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 66.25rem;
    margin: 0 auto; }
    .c-tabs .c-tabs__triggers .o-nav {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .c-tabs--center .c-tabs__triggers .o-nav {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-tabs__triggers .o-nav__item {
    width: 49%;
    margin-bottom: 0.625rem; } }

@media (min-width: 61.25em) {
  .c-tabs__triggers .o-nav__item {
    width: 24%; } }

@media (min-width: 46.25em) {
  .c-split .c-tabs__triggers .o-nav__item {
    width: 13.125rem; }
    .c-split .c-tabs__triggers .o-nav__item + .o-nav__item {
      margin-left: 0.625rem; } }

.c-tabs__content {
  overflow: hidden; }

.c-article__title {
  font-weight: 400; }

.c-article__content {
  max-width: 66.25rem; }
  .c-split .c-article__content {
    max-width: 100%; }
  .c-article__content h3,
  .c-article__content h2 {
    margin: 2em auto;
    font-weight: 400; }
    .c-article__content h3 + p,
    .c-article__content h2 + p {
      margin-top: 0; }

.c-article__title--close + * {
  margin-top: 0; }

.c-article__thin-list {
  max-width: 20rem;
  margin-bottom: 2.5rem; }

.c-article__shift {
  pointer-events: none; }
  @media (min-width: 61.25em) {
    .c-article__shift {
      margin-top: -4.25rem; } }
  @media (min-width: 81.25em) {
    .c-article__shift {
      margin-top: -5.125rem; } }
  .c-article__shift .o-btn {
    pointer-events: auto; }

@media (min-width: 61.25em) {
  .c-split {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media (min-width: 61.25em) {
  .c-split__left {
    width: 50%; }
    .c-split--switch .c-split__left {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }

@media (min-width: 81.25em) {
  .c-split__left {
    width: 46.25rem; } }

@media (min-width: 61.25em) {
  .c-split__right {
    width: 50%;
    padding: 6.25rem 0 0 1.5625rem; }
    .c-split--switch .c-split__right {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      padding: 6.25rem 1.5625rem 0 0; } }

@media (min-width: 81.25em) {
  .c-split__right {
    width: calc(100% - 46.25rem);
    padding-left: 3.125rem; }
    .c-split--switch .c-split__right {
      padding-right: 3.125rem; } }

.c-priceguide {
  padding-left: 0; }

.c-priceguide__item {
  padding: 1.375rem 0;
  border-bottom: 1px solid #95989a; }
  .c-priceguide__item:first-child {
    padding-top: 0; }

@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-priceguide__date,
  .c-priceguide__pricing {
    display: inline-block; } }

@media (min-width: 81.25em) {
  .c-priceguide__date,
  .c-priceguide__pricing {
    display: inline-block; } }

@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-priceguide__pricing {
    margin-left: 3.75rem; } }

@media (min-width: 81.25em) {
  .c-priceguide__pricing {
    margin-left: 3.75rem; } }

.c-accordion {
  padding: 0; }

.c-accordion__item {
  margin-right: 1rem;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #95989a; }
  .c-accordion__item:first-of-type .c-accordion__trigger {
    padding-top: 0; }
  .c-accordion--large .c-accordion__item {
    margin-right: 0;
    padding-bottom: 0;
    border-bottom: 0; }
    .c-accordion--large .c-accordion__item:first-of-type .c-accordion__trigger {
      padding-top: 1.5rem; }

.c-accordion__top {
  padding: 1.5rem 0 0; }

.c-accordion__trigger {
  display: block;
  margin-bottom: 0;
  padding: 1.5rem 0 0;
  -webkit-transition: color 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out;
  background: transparent;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .c-accordion__trigger::after {
    position: absolute;
    top: 2rem;
    right: -1rem;
    width: 0.6875rem;
    height: 0.5625rem;
    -webkit-transition: -webkit-transform 0.33333s ease-in-out;
    transition: -webkit-transform 0.33333s ease-in-out;
    transition: transform 0.33333s ease-in-out;
    transition: transform 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out;
    background-image: url("../images/chevron--brand.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.6875rem 0.5625rem;
    content: ''; }
    .c-accordion--large .c-accordion__trigger::after {
      right: 0; }
  .c-accordion--large .c-accordion__trigger {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #95989a; }
    .c-accordion--large .c-accordion__trigger .c-accordion__top__title {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1; }
  .no-touchevents .c-accordion__trigger:hover {
    color: #773b1f; }
    .no-touchevents .c-accordion__trigger:hover img {
      stroke: #773b1f; }
    .no-touchevents .c-accordion__trigger:hover .c-accordion__day {
      color: #773b1f; }
    .no-touchevents .c-accordion__trigger:hover::after {
      background-image: url("../images/chevron--secondary.svg"); }

.c-accordion__trigger--active::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.c-accordion__trigger--active .o-icon {
  -webkit-transform: rotate(90deg) translateX(-0.125rem);
          transform: rotate(90deg) translateX(-0.125rem); }

.c-accordion__day {
  -webkit-transition: color 0.33333s ease-in-out;
  transition: color 0.33333s ease-in-out;
  color: #b49260;
  font-weight: 700; }

.c-accordion__day__title {
  color: #333; }

.c-accordion__intro {
  color: #333; }

.c-accordion__readmore {
  margin: 0.375rem 0 0; }
  .c-accordion__readmore .o-icon {
    width: 0.9375rem;
    height: 1.375rem;
    margin: 0;
    -webkit-transition: -webkit-transform 0.33333s ease-in-out;
    transition: -webkit-transform 0.33333s ease-in-out;
    transition: transform 0.33333s ease-in-out;
    transition: transform 0.33333s ease-in-out, -webkit-transform 0.33333s ease-in-out; }
  .c-accordion__readmore img {
    stroke: #b49260;
    fill: none; }

.c-accordion__content :last-child {
  margin-bottom: 0; }
  .c-accordion--large .c-accordion__content :last-child {
    margin-bottom: 1.5rem; }

.c-accordion__image {
  width: 100%; }

/**
 * Chunky Nav:
 * Builds a fat sidebar style menu.
 *
 *   @example
 *   ul.c-chunky-nav.o-nav.u-margin-bottom-large
 *     li.c-chunky-nav__item
 *       a.c-chunky-nav__link(href="#") Prepare
 *     li.c-chunky-nav__item
 *       a.c-chunky-nav__link(href="#") Students
 *     li.c-chunky-nav__item
 *       a.c-chunky-nav__link(href="#") Teachers and Parents
 *     li.c-chunky-nav__item
 *       a.c-chunky-nav__link.c-chunky-nav__link--active(href="#") FAQs
 */
.c-chunky-nav__item {
  margin: 0;
  border-bottom: 1px solid #666; }

.c-chunky-nav__link {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  display: block;
  padding: .75em 0;
  -webkit-transition: padding 0.33333s ease-in-out, font-size 0.33333s ease-in-out, color 0.33333s ease-in-out;
  transition: padding 0.33333s ease-in-out, font-size 0.33333s ease-in-out, color 0.33333s ease-in-out;
  color: #333; }
  @media (min-width: 81.25em) {
    .c-chunky-nav__link {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1; } }
  .no-touchevents .c-chunky-nav__link:hover {
    color: #b49260; }

.c-chunky-nav__link--active {
  color: #b49260;
  font-weight: 700; }

.c-search {
  overflow: hidden;
  margin: 0;
  opacity: 0;
  -webkit-transition: width 0.33333s ease-in-out, opacity 0.33333s ease-in-out;
  transition: width 0.33333s ease-in-out, opacity 0.33333s ease-in-out; }
  @media (max-width: 46.24em) {
    .c-search {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      margin: -1px !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
      clip: rect(0 0 0 0) !important; } }
  @media (min-width: 46.25em) {
    .c-search {
      width: 0; } }
  @media (min-width: 81.25em) {
    .c-search {
      top: -0.0625rem; } }
  .is-active--search .c-search {
    opacity: 1;
    width: 13.75rem; }

.c-search__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.c-search__input {
  height: 3.125rem;
  border: none;
  margin: 0; }
  @media (min-width: 81.25em) {
    .c-search__input {
      height: 4rem; } }
  .c-search__input:focus {
    background-color: #fff; }

.c-search__submit {
  position: absolute;
  right: 0;
  height: 3.125rem;
  width: 3.125rem;
  text-indent: -624.9375rem;
  top: 0;
  background-image: url("../images/search.svg");
  background-color: transparent;
  background-size: 1.25rem 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block; }
  @media (min-width: 81.25em) {
    .c-search__submit {
      height: 3.9375rem; } }

/* ==========================================================================
   #WIDTHS
   ========================================================================== */
/**
 * inuitcss generates a series of utility classes that give a fluid width to
 * whichever element they’re applied, e.g.:
 *
 *   <img src="" alt="" class="u-1/2" />
 *
 * These classes are most commonly used in conjunction with our layout system,
 * e.g.:
 *
 *   <div class="o-layout__item  u-1/2">
 *
 * By default, inuitcss will also generate responsive variants of each of these
 * classes by using your Sass MQ configuration, e.g.:
 *
 *   <div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">
 *
 * Optionally, inuitcss can generate offset classes which can push and pull
 * elements left and right by a specified amount, e.g.:
 *
 *   <div class="o-layout__item  u-2/3  u-pull-1/3">
 *
 * This is useful for making very granular changes to the rendered order of
 * items in a layout.
 *
 * N.B. This option is turned off by default.
 */
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
 * your markup:
 *
 * <div class="u-7/12">
 *
 * The following will generate widths helper classes based on the fractions
 * defined in the `$inuit-fractions` list.
 */
.u-1\/1 {
  width: 100% !important; }

.u-1\/2 {
  width: 50% !important; }

.u-2\/2 {
  width: 100% !important; }

.u-1\/3 {
  width: 33.33333% !important; }

.u-2\/3 {
  width: 66.66667% !important; }

.u-3\/3 {
  width: 100% !important; }

.u-1\/4 {
  width: 25% !important; }

.u-2\/4 {
  width: 50% !important; }

.u-3\/4 {
  width: 75% !important; }

.u-4\/4 {
  width: 100% !important; }

.u-1\/5 {
  width: 20% !important; }

.u-2\/5 {
  width: 40% !important; }

.u-3\/5 {
  width: 60% !important; }

.u-4\/5 {
  width: 80% !important; }

.u-5\/5 {
  width: 100% !important; }

/**
 * If we’re using Sass-MQ, automatically generate grid system(s) for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-3/12@mobile">
 */
@media (min-width: 20em) {
  .u-1\/1\@mobile {
    width: 100% !important; }
  .u-1\/2\@mobile {
    width: 50% !important; }
  .u-2\/2\@mobile {
    width: 100% !important; }
  .u-1\/3\@mobile {
    width: 33.33333% !important; }
  .u-2\/3\@mobile {
    width: 66.66667% !important; }
  .u-3\/3\@mobile {
    width: 100% !important; }
  .u-1\/4\@mobile {
    width: 25% !important; }
  .u-2\/4\@mobile {
    width: 50% !important; }
  .u-3\/4\@mobile {
    width: 75% !important; }
  .u-4\/4\@mobile {
    width: 100% !important; }
  .u-1\/5\@mobile {
    width: 20% !important; }
  .u-2\/5\@mobile {
    width: 40% !important; }
  .u-3\/5\@mobile {
    width: 60% !important; }
  .u-4\/5\@mobile {
    width: 80% !important; }
  .u-5\/5\@mobile {
    width: 100% !important; } }

@media (min-width: 46.25em) {
  .u-1\/1\@tablet {
    width: 100% !important; }
  .u-1\/2\@tablet {
    width: 50% !important; }
  .u-2\/2\@tablet {
    width: 100% !important; }
  .u-1\/3\@tablet {
    width: 33.33333% !important; }
  .u-2\/3\@tablet {
    width: 66.66667% !important; }
  .u-3\/3\@tablet {
    width: 100% !important; }
  .u-1\/4\@tablet {
    width: 25% !important; }
  .u-2\/4\@tablet {
    width: 50% !important; }
  .u-3\/4\@tablet {
    width: 75% !important; }
  .u-4\/4\@tablet {
    width: 100% !important; }
  .u-1\/5\@tablet {
    width: 20% !important; }
  .u-2\/5\@tablet {
    width: 40% !important; }
  .u-3\/5\@tablet {
    width: 60% !important; }
  .u-4\/5\@tablet {
    width: 80% !important; }
  .u-5\/5\@tablet {
    width: 100% !important; } }

@media (min-width: 61.25em) {
  .u-1\/1\@desktop {
    width: 100% !important; }
  .u-1\/2\@desktop {
    width: 50% !important; }
  .u-2\/2\@desktop {
    width: 100% !important; }
  .u-1\/3\@desktop {
    width: 33.33333% !important; }
  .u-2\/3\@desktop {
    width: 66.66667% !important; }
  .u-3\/3\@desktop {
    width: 100% !important; }
  .u-1\/4\@desktop {
    width: 25% !important; }
  .u-2\/4\@desktop {
    width: 50% !important; }
  .u-3\/4\@desktop {
    width: 75% !important; }
  .u-4\/4\@desktop {
    width: 100% !important; }
  .u-1\/5\@desktop {
    width: 20% !important; }
  .u-2\/5\@desktop {
    width: 40% !important; }
  .u-3\/5\@desktop {
    width: 60% !important; }
  .u-4\/5\@desktop {
    width: 80% !important; }
  .u-5\/5\@desktop {
    width: 100% !important; } }

@media (min-width: 81.25em) {
  .u-1\/1\@wide {
    width: 100% !important; }
  .u-1\/2\@wide {
    width: 50% !important; }
  .u-2\/2\@wide {
    width: 100% !important; }
  .u-1\/3\@wide {
    width: 33.33333% !important; }
  .u-2\/3\@wide {
    width: 66.66667% !important; }
  .u-3\/3\@wide {
    width: 100% !important; }
  .u-1\/4\@wide {
    width: 25% !important; }
  .u-2\/4\@wide {
    width: 50% !important; }
  .u-3\/4\@wide {
    width: 75% !important; }
  .u-4\/4\@wide {
    width: 100% !important; }
  .u-1\/5\@wide {
    width: 20% !important; }
  .u-2\/5\@wide {
    width: 40% !important; }
  .u-3\/5\@wide {
    width: 60% !important; }
  .u-4\/5\@wide {
    width: 80% !important; }
  .u-5\/5\@wide {
    width: 100% !important; } }

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Redefine all of our basic heading styles against utility classes so as to
 * allow for double stranded heading hierarchy, e.g. we semantically need an H2,
 * but we want it to be sized like an H1:
 *
 *   <h2 class="u-h1"></h2>
 *
 */
.u-h1 {
  font-size: 36px !important;
  font-size: 2.25rem !important;
  line-height: 1.33333 !important; }

.u-h2 {
  font-size: 28px !important;
  font-size: 1.75rem !important;
  line-height: 1.71429 !important; }

.u-h3 {
  font-size: 24px !important;
  font-size: 1.5rem !important;
  line-height: 1 !important; }

.u-h4 {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important; }

.u-h5 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 1.33333 !important; }

.u-h6 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 1.5 !important; }

/* ==========================================================================
   #SPACINGS
   ========================================================================== */
/**
 * Utility classes to put specific spacing values onto elements. The below loop
 * will generate us a suite of classes like:
 *
 *   .u-margin-top {}
 *   .u-padding-left-large {}
 *   .u-margin-right-small {}
 *   .u-padding {}
 *   .u-padding-right-none {}
 *   .u-padding-horizontal {}
 *   .u-padding-vertical-small {}
 */
/* stylelint-disable string-quotes */
.u-padding {
  padding: 24px !important; }

.u-padding-tiny {
  padding: 6px !important; }

.u-padding-small {
  padding: 12px !important; }

.u-padding-large {
  padding: 48px !important; }

.u-padding-huge {
  padding: 96px !important; }

.u-padding-none {
  padding: 0 !important; }

.u-padding-top {
  padding-top: 24px !important; }

.u-padding-top-tiny {
  padding-top: 6px !important; }

.u-padding-top-small {
  padding-top: 12px !important; }

.u-padding-top-large {
  padding-top: 48px !important; }

.u-padding-top-huge {
  padding-top: 96px !important; }

.u-padding-top-none {
  padding-top: 0 !important; }

.u-padding-right {
  padding-right: 24px !important; }

.u-padding-right-tiny {
  padding-right: 6px !important; }

.u-padding-right-small {
  padding-right: 12px !important; }

.u-padding-right-large {
  padding-right: 48px !important; }

.u-padding-right-huge {
  padding-right: 96px !important; }

.u-padding-right-none {
  padding-right: 0 !important; }

.u-padding-bottom {
  padding-bottom: 24px !important; }

.u-padding-bottom-tiny {
  padding-bottom: 6px !important; }

.u-padding-bottom-small {
  padding-bottom: 12px !important; }

.u-padding-bottom-large {
  padding-bottom: 48px !important; }

.u-padding-bottom-huge {
  padding-bottom: 96px !important; }

.u-padding-bottom-none {
  padding-bottom: 0 !important; }

.u-padding-left {
  padding-left: 24px !important; }

.u-padding-left-tiny {
  padding-left: 6px !important; }

.u-padding-left-small {
  padding-left: 12px !important; }

.u-padding-left-large {
  padding-left: 48px !important; }

.u-padding-left-huge {
  padding-left: 96px !important; }

.u-padding-left-none {
  padding-left: 0 !important; }

.u-padding-horizontal {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.u-padding-horizontal-tiny {
  padding-left: 6px !important;
  padding-right: 6px !important; }

.u-padding-horizontal-small {
  padding-left: 12px !important;
  padding-right: 12px !important; }

.u-padding-horizontal-large {
  padding-left: 48px !important;
  padding-right: 48px !important; }

.u-padding-horizontal-huge {
  padding-left: 96px !important;
  padding-right: 96px !important; }

.u-padding-horizontal-none {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.u-padding-vertical {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.u-padding-vertical-tiny {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

.u-padding-vertical-small {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.u-padding-vertical-large {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

.u-padding-vertical-huge {
  padding-top: 96px !important;
  padding-bottom: 96px !important; }

.u-padding-vertical-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.u-margin {
  margin: 24px !important; }

.u-margin-tiny {
  margin: 6px !important; }

.u-margin-small {
  margin: 12px !important; }

.u-margin-large {
  margin: 48px !important; }
        @media (max-width: 46.24em) {
        .u-margin-large {
    margin: 10px !important;  } }
  

.u-margin-huge {
  margin: 96px !important; }

.u-margin-none {
  margin: 0 !important; }

.u-margin-top {
  margin-top: 24px !important; }

.u-margin-top-tiny {
  margin-top: 6px !important; }

.u-margin-top-small {
  margin-top: 12px !important; }

.u-margin-top-large {
  margin-top: 48px !important; }
        @media (max-width: 46.24em) {
        .u-margin-top-large {
    margin-top: 12px !important; } }

.u-margin-top-huge {
  margin-top: 96px !important; }

.u-margin-top-none {
  margin-top: 0 !important; }

.u-margin-right {
  margin-right: 24px !important; }

.u-margin-right-tiny {
  margin-right: 6px !important; }

.u-margin-right-small {
  margin-right: 12px !important; }

.u-margin-right-large {
  margin-right: 48px !important; }

.u-margin-right-huge {
  margin-right: 96px !important; }

.u-margin-right-none {
  margin-right: 0 !important; }

.u-margin-bottom {
  margin-bottom: 24px !important; }

.u-margin-bottom-tiny {
  margin-bottom: 6px !important; }

.u-margin-bottom-small {
  margin-bottom: 12px !important; }

.u-margin-bottom-large {
  margin-bottom: 48px !important; }
  @media (max-width: 46.24em) {
        .u-margin-bottom-large {
    margin-bottom: 12px !important; } }

.u-margin-bottom-huge {
  margin-bottom: 96px !important; }

.u-margin-bottom-none {
  margin-bottom: 0 !important; }
  @media (max-width: 46.24em) {
        .u-margin-bottom-none {
    margin-bottom: 12px !important; } }

.u-margin-left {
  margin-left: 24px !important; }

.u-margin-left-tiny {
  margin-left: 6px !important; }

.u-margin-left-small {
  margin-left: 12px !important; }

.u-margin-left-large {
  margin-left: 48px !important; }

.u-margin-left-huge {
  margin-left: 96px !important; }

.u-margin-left-none {
  margin-left: 0 !important; }

.u-margin-horizontal {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.u-margin-horizontal-tiny {
  margin-left: 6px !important;
  margin-right: 6px !important; }

.u-margin-horizontal-small {
  margin-left: 12px !important;
  margin-right: 12px !important; }

.u-margin-horizontal-large {
  margin-left: 48px !important;
  margin-right: 48px !important; }

.u-margin-horizontal-huge {
  margin-left: 96px !important;
  margin-right: 96px !important; }

.u-margin-horizontal-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.u-margin-vertical {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.u-margin-vertical-tiny {
  margin-top: 6px !important;
  margin-bottom: 6px !important; }

.u-margin-vertical-small {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.u-margin-vertical-large {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

.u-margin-vertical-huge {
  margin-top: 96px !important;
  margin-bottom: 96px !important; }

.u-margin-vertical-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/* stylelint-enable string-quotes */
/**
 * Hide items:
 * Hiding helper classes.
 *
 * - `.u-hidden@mobile` - Hide until 740px
 * - `.u-hidden@tablet` - Hide from (and including) 740px
 * - `.u-hidden` - Just hide it.
 */
@media (max-width: 46.24em) {
  .u-hidden\@mobile {
    display: none; } }

@media (min-width: 46.25em) {
  .u-hidden\@tablet {
    display: none; } }

.u-hidden {
  display: none; }

/**
 * Add/remove floats:
 * Helper float classes.
 *
 * - `.u-float--right` - float right
 * - `.u-float--left` - float left
 * - `.u-float--none` - remove float
 */
.u-float--right {
  float: right !important; }

.u-float--left {
  float: left  !important; }

.u-float--none {
  float: none  !important; }

/**
 * Text alignment:
 * Helper text alignment classes.
 *
 * - `.u-text--left` - align text left
 * - `.u-text--center` - center align text
 * - `.u-text--right` - align text right
 */
.u-text--left {
  text-align: left   !important; }

.u-text--center {
  text-align: center !important; }
  @media (max-width: 46.25em) {
    .u-text--center {
      display: none; } }

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

/**
 * Font weights:
 * Helper font weight classes.
 *
 * - `.u-weight--normal` - font weight of 400
 * - `.u-weight--bold` - font weight of 700
 */
.u-weight--normal {
  font-weight: 400 !important; }

.u-weight--bold {
  font-weight: 700 !important; }

/**
 * Information cursor:
 * Helper to add information cursor to element.
 *
 * - `.u-informative` - add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
.u-informative {
  cursor: help !important; }

/**
 * Muted element:
 * Mute an object by reducing its opacity.
 *
 * - `.u-muted` - mute an object.
 */
.u-muted {
  opacity: .5 !important; }

/**
 * Capital case:
 * Apply capital case to an element (usually a `strong`).
 *
 * - `.u-caps` - apply caps
 */
.u-caps {
  text-transform: uppercase !important; }

/**
 * Smaller text:
 * Make text size smaller.
 *
 * - `.u-small` - make text size smaller
 */
.u-small {
  font-size: .9em !important; }

/**
 * Foreground colors:
 * Apply specific color.
 *
 * - `.u-color--brand` - brand colour
 * - `.u-color--text` - main text colour
 * - `.u-color--white` - white colour
 * - `.u-color--black` - black colour
 */
.u-color--brand {
  color: #b49260 !important; }
  .u-color--brand:hover {
    color: #b49260 !important; }

.u-color--text {
  color: #333 !important; }

.u-color--white {
  color: #fff !important; }

.u-color--black {
  color: #333 !important; }

/**
 * Background colors:
 * Apply specific color to background.
 *
 * - `.u-bg--brand` - brand colour
 * - `.u-bg--text` - main text colour
 * - `.u-bg--white` - white colour
 * - `.u-bg--black` - black colour
 * - `.u-bg--grey` - grey colour
 * - `.u-bg--grey-dark` - dark grey colour
 * - `.u-bg--grey-light` - light grey colour
 */
.u-bg--brand {
  background-color: #b49260 !important; }

.u-bg--text {
  background-color: #333 !important; }

.u-bg--white {
  background-color: #fff !important; }

.u-bg--black {
  background-color: #333 !important; }

.u-bg--grey {
  background-color: #666 !important; }

.u-bg--grey-dark {
  background-color: #333 !important; }

.u-bg--grey-light {
  background-color: #eee !important; }

/**
 * Circle:
 * Create circle
 *
 * - `.circled` - circle in.
 */
.u-circled {
  border-radius: 50%; }

/**
 * Hide text:
 * Hide text inside element
 *
 * - `.text--hidden` - hide text
 */
.u-text--hidden {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden; }

/**
 * Clearfix:
 * Clears floated elements.
 *
 * - `.u-clearfix`
 */
.clearfix::after,
.c-tabs__triggers::after {
  display: table;
  clear: both;
  content: ''; }

/**
 * Accessibility:
 * Hides an element visually but leaves it visible to those with screenreaders
 *
 * - `.u-accessibility`
 */
.u-accessibility {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.o-slider__page {
  z-index: 1; }

.ss-dropdown {
  z-index: 1; }

.c-search {
  z-index: 2; }

.js_slider--stage::before {
  z-index: 1; }

.c-destination__content {
  z-index: 2; }
  .c-destination__content * {
    z-index: 3; }

.c-itineraries__image-link::before {
  z-index: 2; }

.c-header__navs {
  z-index: 2; }

.c-header__brand {
  z-index: 3; }

.c-header__toggle {
  z-index: 3; }

.c-header--mini {
  z-index: 4; }

.c-accreditations {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    text-align: center
}

.c-accreditations__title {
    color: #773b1f;
    font-weight: 400
}

.c-accreditations__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width:42.5em) {
    .c-accreditations__content {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.c-accreditations__section {
    width: 49%;
    padding-right: .875rem
}

@media only screen and (min-width:42.5em) {
    .c-accreditations__section {
        width: 23.5%
    }
}

@media (min-width:81.25em) {
    .c-accreditations__section {
        width: 19%
    }
}

.c-accreditations__section--logos {
    width: 100%
}

@media only screen and (min-width:42.5em) {
    .c-accreditations__section--logos {
        width: 50%;
        margin-right: 0;
        margin-left: auto;
        text-align: right
    }
}

@media only screen and (min-width:56.875em) {
    .c-accreditations__section--logos {
        width: 23.5%;
        text-align: left
    }
}

@media (min-width:81.25em) {
    .c-accreditations__section--logos {
        width: 19%;
        margin: 0 auto
    }
}

.c-accreditations__subtitle {
    margin-bottom: .625rem;
    text-align: left
}

@media (min-width:61.25em) {
    .c-accreditations__subtitle {
        min-height: 3.125rem
    }
}

@media only screen and (min-width:68.5625em) {
    .c-accreditations__subtitle {
        min-height: 0
    }
}

.c-accreditations__list {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style-type: none
}

.c-accreditations__item {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.2;
    color: #773b1f
}

@media (min-width:61.25em) {
    .c-accreditations__item {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.2
    }
}

.c-accreditations__icons {
    margin: 1rem 0 0;
    padding: 0;
    list-style-type: none
}

@media only screen and (max-width:42.4375em) {
    .c-accreditations__icons {
        margin-top: 2rem
    }
}

.c-accreditations__icon {
    display: inline-block
}

.c-accreditations__icon+.c-accreditations__icon {
    margin-left: .625rem
}

.c-accreditations__img {
    width: auto;
    height: 3.125rem
}

.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 66%;
  padding-bottom: 40px;
}

.bottomline{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	border-bottom: 2px solid #b49260;
	width: 99%;
}