/*
Theme Name: Basecamp Explorer
Theme URI: http://www.yritys.fi
Description: Kuvaus
Version: 1.0
Author: MEOM
Author URI: http://www.meom.fi
Tags: no tags
*/
/* ==========================================================================
   Calculating columns
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   Other functions
   ========================================================================== */
@font-face {
    font-family: 'ABCWhyte-book';
    src: url("fonts/brown/brown-headline-webfont.eot");
    src: url("fonts/brown/brown-headline-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/brown/brown-headline-webfont.woff2") format('woff2'), url("fonts/brown/brown-headline-webfont.woff") format('woff'), url("fonts/brown/brown-headline-webfont.ttf") format('truetype'), url("fonts/brown/brown-headline-webfont.svg#brownheadline") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ABCWhyte-bold";
    src: url("fonts/ABCWhyte/ABCWhyte-Bold.woff2");
}

@font-face {
    font-family: "ABCWhyte-book";
    src: url("fonts/ABCWhyte/ABCWhyte-Book.woff2");
}

@font-face {
    font-family: "ABCWhyteInktrap-bold";
    src: url("fonts/ABCWhyteInktrap/ABCWhyteInktrap-Bold.woff2");
}

@font-face {
    font-family: "ABCWhyteInktrap-regular";
    src: url("fonts/ABCWhyteInktrap/ABCWhyteInktrap-Regular.woff2");
}

@font-face {
    font-family: "Anette-Bradform-regular";
    src: url("fonts/AnnetteBradford/AnnetteBradford-Regular.otf");
}

@font-face {
    font-family: "ABCWhyte-BookItalic";
    src: url("fonts/ABCWhyte/ABCWhyte-BookItalic.woff2");
}

@font-face {
    font-family: 'rollerscriptsmooth';
    src: url("fonts/rollerscript/g-type_-_rollerscript-smooth-webfont.eot");
    src: url("fonts/rollerscript/g-type_-_rollerscript-smooth-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/rollerscript/g-type_-_rollerscript-smooth-webfont.woff2") format('woff2'), url("fonts/rollerscript/g-type_-_rollerscript-smooth-webfont.woff") format('woff'), url("fonts/rollerscript/g-type_-_rollerscript-smooth-webfont.ttf") format('truetype'), url("fonts/rollerscript/g-type_-_rollerscript-smooth-webfont.svg#rollerscriptsmooth") format('svg');
    font-weight: normal;
    font-style: normal;
}

/* USES normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

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

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

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
html,
body {
    height: 100%;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 100%;
    color: #333;
    font-family: 'ABCWhyte-book', serif;
    line-height: 1.3em;
    overflow-x: hidden;
}

/* ==========================================================================
   Dropkick
   ========================================================================== */

.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
    box-sizing: border-box;
}

.dk-select, .dk-select-multi {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
    font-size: 16px;
    text-align: left;
    width: 100%;
    margin: 0 0 36px;
    cursor: pointer;
}

p .dk-select, p .dk-select-multi, li .dk-select, li .dk-select-multi {
    margin-bottom: 0;
}

.dk-selected {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background: none;
    border: 1px solid #555;
    border-radius: 3px;
    padding: 12px 15px;
    text-overflow: ellipsis;
}

.dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
}

.dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: 8px 5px 0 5px;
    border-top-color: #555;
    margin: -0.125em 0.5em 0 0;
}

.dk-selected:after {
    top: 0;
    height: 100%;
    margin: 0 1.5em 0 0;
}

.dk-selected-disabled {
    color: #BBBBBB;
}

.dk-select .dk-select-options {
    position: absolute;
    display: none;
    left: 0;
}

.dk-select-open-up .dk-select-options {
    border-radius: 0.4em 0.4em 0 0;
    margin-bottom: -1px;
    bottom: 100%;
}

.dk-select-open-down .dk-select-options {
    border-radius: 0 0 0.4em 0.4em;
    margin-top: -1px;
    top: 100%;
}

.dk-select-multi .dk-select-options {
    max-height: 10em;
}

.dk-select-options {
    width: 100%;
    z-index: 100;
    background-color: white;
    border: 1px solid #CCCCCC;
    border-radius: 0.4em;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 10.5em;
    list-style: none;
    padding: 0.25em 0;
    margin: 0;
}

.dk-option-selected {
    background-color:  #F0E67B;
    color: #fff;
}

.dk-select-options-highlight .dk-option-selected {
    background-color: transparent;
    color: inherit;
}

.dk-option {
    padding: 0 0.5em;
}

.dk-select-options .dk-option-highlight {
    background-color:  #F0E67B;
    color: #fff;
}

.dk-select-options .dk-option-disabled {
    display: none;
    color: #BBBBBB;
    background-color: transparent;
}

.dk-optgroup {
    border: solid #CCCCCC;
    border-width: 1px 0;
    padding: 0.25em 0;
    margin-top: 0.25em;
}

.dk-optgroup + .dk-option {
    margin-top: 0.25em;
}

.dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0;
}

.dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}

.dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dk-optgroup-label {
    padding: 0 0.5em 0.25em;
    font-weight: bold;
    width: 100%;
}

.dk-optgroup-options {
    list-style: none;
    padding-left: 0;
}

.dk-optgroup-options li {
    padding-left: 1.2em;
}

.dk-select-open-up .dk-selected {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color:  #F0E67B;
}

.dk-select-open-down .dk-selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color:  #F0E67B;
}

.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
    border-width: 0 5px 8px 5px;
    border-bottom-color:  #F0E67B;
}

.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
    border-left-color:  #F0E67B;
}

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
    display: block;
    border-color: #033c5a;
}

.dk-select-multi:hover, .dk-select-multi:focus {
    outline: none;
}

.dk-selected:hover, .dk-selected:focus {
    outline: none;
    border-color:  #F0E67B;
}

.dk-selected:hover:before, .dk-selected:focus:before {
    border-top-color:  #F0E67B;
}

.dk-selected:hover:after, .dk-selected:focus:after {
    border-left-color:  #F0E67B;
}

.dk-select-disabled {
    opacity: 0.6;
    color: #BBBBBB;
    cursor: not-allowed;
}

.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
    border-color: inherit;
}

.dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
    border-top-color: inherit;
}

.dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
    border-left-color: inherit;
}

select[data-dkcacheid] {
    display: none;
}

/* ==========================================================================
   Grid
   ========================================================================== */
.container {
    max-width: 1195px;
    margin: 0 auto;
    *zoom: 1;
}

.container:before,
.container:after {
    display: table;
    content: "";
    line-height: 0;
}

.container:after {
}

.tank-row {
    width: auto;
}

.footer-middle {
    color: white;
}

.tank-row:before,
.tank-row:after {
    display: table;
    line-height: 0;
    content: "";
}

.tank-row:after {
    clear: both;
}

.tank-row [class*="kala"]:first-child {
    margin-left: 0;
}

[class*="kala"] {
    display: block;
    float: left;
    margin: 0 0 0 2.192982456140351%;
    *margin: 0 0 0 2.149122807017544%;
}

.first {
    margin-left: 0;
}

.kala1 {
    width: 6.323099415204678%;
    *width: 6.27923976608187%;
}

.kala2 {
    width: 14.839181286549707%;
    *width: 14.7953216374269%;
}

.kala3 {
    width: 23.355263157894736%;
    *width: 23.311403508771928%;
}

.kala4 {
    width: 31.871345029239766%;
    *width: 31.827485380116958%;
}

.kala5 {
    width: 40.38742690058479%;
    *width: 40.343567251461984%;
}

.kala6 {
    width: 48.90350877192983%;
    *width: 48.85964912280702%;
}

.kala7 {
    width: 57.419590643274844%;
    *width: 57.375730994152036%;
}

.kala8 {
    width: 65.93567251461988%;
    *width: 65.89181286549707%;
}

.kala9 {
    width: 74.4517543859649%;
    *width: 74.4078947368421%;
}

.kala10 {
    width: 82.96783625730994%;
    *width: 82.92397660818713%;
}

.kala11 {
    width: 91.48391812865496%;
    *width: 91.44005847953215%;
}

.kala12 {
    width: 100%;
    *width: 99.95614035087719%;
}

.offset1 {
    padding-left: 8.516081871345028%;
    *padding-left: 8.472222222222221%;
}

.offset2 {
    padding-left: 17.032163742690056%;
    *padding-left: 16.988304093567248%;
}

.offset3 {
    padding-left: 25.548245614035086%;
    *padding-left: 25.504385964912277%;
}

.offset4 {
    padding-left: 34.06432748538011%;
    *padding-left: 34.0204678362573%;
}

/* ==========================================================================
   Typography
   ========================================================================== */
p {
    margin: 0 0 2em 0;
}

.ingress,
.gform_description {
    font-size: 22px;
    font-style: italic;
    color: #555;
    text-rendering: optimizeLegibility;
}

a {
    text-decoration: none;
}

a:hover {
}

a:focus {
    outline: thin dotted;
}

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

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    font-family: 'ABCWhyteInktrap-bold', sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: inherit;
    text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
    color:  #E7655B;
}

h1,
.title-like-h1 {
    font-size: 55px;
    margin-bottom: 0.67em;
}

h2,
.title-like-h2 {
    margin-bottom: 0.83em;
    font-size: 34px;
}

h3,
.title-like-h3 {
    margin-bottom: 1em;
    font-size: 24px;
}

h3 sup,
.title-like-h3 sup {
    display: inline-block;
    top: 0;
    margin: 3px 0 8px 10px;
    font-size: 50%;
    vertical-align: middle;
}

.content h3,
.content .title-like-h3 {
    margin-top: 10px;
}

h4,
.title-like-h4 {
    margin-bottom: 0.6em;
    font-size: 16px;
    letter-spacing: 1px;
}

.search-title {
    font-size: 1em;
    line-height: 1.3em;
}

.search-title span {
    display: block;
}

.search-title .title-like-h4 {
    margin-bottom: 20px;
}

.hero-title {
    font-size: 75px;
    margin: 0.67em 8rem;
}

.single-adventure .hero-title,
.single-safari .hero-title,
.single-story .hero-title {
    margin: 0 0.25em 0.25em 0.25em;
    font-size: 55px;
}

@media only screen and (max-width: 60em) {
    .single-adventure .hero-title,
    .single-safari .hero-title,
    .single-story .hero-title {
        font-size: 35px;
    }
}

.hero-description {
    margin: 0 1rem;
    max-width: 600px;
    z-index: 10;
}

.title-404 {
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 150px;
}

.page-title,
.header-frame h1 {
    margin: 0.1em 0 0.2em;
    padding: 0 70px;
    font-size: 72px;
    line-height: 1em;
}

.divider-title {
    margin-bottom: 15px;
    font-size: 65px;
}

.subtitle,
.sub-title {
    font-family: 'ABCWhyte-BookItalic', serif;
    font-size: 34px;
    font-style: italic;
    line-height: 1.3em;
    opacity: 0.8;
}

.top-title {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    font-family: 'ABCWhyteInktrap-bold', serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.3em;
}

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

.top-title a:hover {
    color:  #F0E67B;
}

.top-title.breadcrumb {
    font-size: 12px;
}

.sansserif-text,
.bottom-note,
.text-author,
.image-caption,
.story-meta,
.packing-list-title a,
.link-next-title,
.shopping-cart-head,
.shopping-total-row,
.share-list,
.close-contact-form {
    font-size: 14px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
}

.serif-text,
.serif-divider-title {
    font-family: 'ITC New Baskerville W01', serif;
    font-style: italic;
    text-transform: none;
}

.serif-text .btn,
.serif-divider-title .btn,
.serif-text h4,
.serif-divider-title h4 {
    font-style: normal;
}

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 2em 0;
    border: 0;
    border-top: 1px solid #333;
}

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

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

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

blockquote,
.quote {
    margin: 2em 0;
    font-size: 36px;
    font-family: 'Anette-Bradform-regular', sans-serif;
    text-align: center;
    line-height: 1.3em;
}

blockquote p,
.quote p {
    margin-bottom: 15px;
}

.review-quote a {
    text-decoration: none;
    color: inherit;
}

.review-quote a:hover p {
    color:  #E7655B;
}

.review-quote:first-child {
    margin-top: 0;
}

ul,
ol {
    margin: 0 0 2em;
}

ul ul {
    margin-bottom: 0;
}

ol ol {
    margin-bottom: 0;
}

.no-margin {
    margin: 0;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {
    border: 0;
    margin: 0;
    max-width: 100%;
    height: auto;
    border: 0;
}

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
figure {
    margin: 0;
}

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

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    margin: 0 0 36px;
    padding: 15px;
    border: 1px solid #555;
    box-sizing: border-box;
    background: none;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #00334a;
    outline: 1px solid #00334a;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

select {
    cursor: pointer;
    background: #fff;
}

input[type="text"],
textarea,
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="search"],
input[type="url"],
input[type="password"] {
    -webkit-appearance: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
}

p input,
li input,
p select,
li select,
p textarea,
li textarea {
    margin-bottom: 0;
}

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

input[type="checkbox"],
input[type="radio"] {
    display: none;
    width: auto;
    padding: 0;
}

input.woocommerce-form__input-checkbox[type="checkbox"] + span {
    display: block;
}

input.woocommerce-form__input-checkbox[type="checkbox"] + span,
input[type="checkbox"] + label,
input[type="radio"] + label {
    cursor: pointer;
    font-family: 'ITC New Baskerville W01', serif;
    text-transform: none;
}

input.woocommerce-form__input-checkbox[type="checkbox"] + span:before,
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    vertical-align: middle;
    border: 1px solid #555;
    border-radius: 4px;
}

input.woocommerce-form__input-checkbox[type="checkbox"]:checked + span:before,
input[type="checkbox"]:checked + label:before {
    background-position: 7px 5px;
    background-repeat: no-repeat;
}

input[type="radio"] + label:before {
    border-radius: 50%;
}

input[type="radio"]:checked + label:before {
    background-position: 5px -25px;
    background-repeat: no-repeat;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

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

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

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

label,
#checkout-terms-wrapper h3 {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'ABCWhyte-book', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3em;
    color: #555;
}

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

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

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

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

.datepicker-input,
.gfield .datepicker_no_icon {
    padding-right: 40px;
}

.input-error {
    margin-bottom: 0;
    border-color: #f00;
}

.input-error-text {
    display: block;
    margin-bottom: 36px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #f00;
    font-size: 12px;
}

/* Gravity forms styles */
.gform_wrapper {
    position: relative;
    margin-bottom: 50px;
    text-align: left;
}

.gform_wrapper:before,
.gform_wrapper:after {
    display: table;
    content: "";
    line-height: 0;
}

.gform_wrapper:after {
    clear: both;
}

.gform_heading,
.validation_error {
    margin-bottom: 2em;
    text-align: center;
}

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

.gfield {
    margin-bottom: 35px;
}

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

.gfield_radio li,
.gfield_checkbox li {
    margin-top: 10px;
}

.gfield_radio li:first-child,
.gfield_checkbox li:first-child {
    margin-top: 0;
}

.gfield_description {
    margin-bottom: 15px;
}

.gform_validation_container {
    display: none;
}

.has-error input,
.has-error textarea {
    border-color: #f00;
}

.validation_error {
    color: #f00;
}

.form-error,
.validation_message {
    display: block;
    margin-bottom: 36px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #f00;
    font-size: 12px;
}

.form-error .title,
.validation_message .title {
    display: block;
}

.form-error .description,
.validation_message .description {
    display: block;
}

.form-error--align-left,
.validation_message--align-left {
    text-align: left;
}

.gfield_error input,
.gfield_error textarea {
    border-color: #f00;
}

.gform_confirmation_message {
    margin-top: 1em;
}

.gform_footer {
    position: relative;
    margin-top: 30px;
    text-align: center;
}

.gform_footer input,
.gform_footer button {
    margin-bottom: 0;
}

.gform_footer img {
    display: none;
}

.gform_footer .loader-inner {
    position: absolute;
    padding: 8px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    text-align: center;
    border: 2px solid #f00;
}

.half-field {
    clear: both;
    float: left;
    width: calc(50% - 10px);
}

.half-field-last {
    clear: none;
    margin-left: 20px;
}

/* donation-form */
.donation-form {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    text-align: left;
}

.donation-form .validation_error {
    display: none;
}

.donation-form .gfield {
    position: relative;
    margin-bottom: 0.8em;
}

.donation-form .gfield.gform_validation_container {
    display: none;
}

.donation-form .gfield input {
    padding: 12px 15px 13px;
    font-size: 14px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    color: #333;
}

.donation-form .gfield > label {
    font-size: 12px;
}

.donation-form .gfield.total-sum,
.donation-form .gfield .instruction {
    display: none;
}

.donation-form .gfield .validation_message {
    line-height: 1.3em;
    text-align: left;
}

.donation-form .gfield_radio {
    display: flex;
    -webkit-box-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.donation-form .gfield_radio input[type="radio"] + label {
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.donation-form .gfield_radio input[type="radio"] + label:before {
    width: 15px;
    height: 15px;
    margin-top: -3px;
    margin-right: 5px;
    background-size: 9px auto;
}

.donation-form .gfield_radio input[type="radio"]:checked + label:before {
    background-position: 3px -15px;
}

.donation-form .gfield_radio li {
    margin: 0 10px;
}

.donation-form .donation-type > label {
    display: none;
}

.donation-form .dk-select {
    font-size: 14px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    color: #333;
}

.donation-form .dk-selected {
    padding-right: 30px;
}

.donation-form .gform_footer {
    text-align: center;
}

.donation-form .gform_footer .button {
    color: #fff;
    background: #00a25f;
    border-color: #00a25f;
}

/* ==========================================================================
   Tables
   ========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   General classes
   ========================================================================== */
.verticalizer {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.no-js .verticalizer,
.no-csstransforms .verticalizer {
    top: 20px;
    transform: translateY(0);
}

.no-js .verticalizer.page-head-content,
.no-csstransforms .verticalizer.page-head-content {
    top: 130px;
}

.no-js .iosSlider img,
.no-csstransforms .iosSlider img {
    top: 0;
    left: 0;
    transform: translateY(0) translateX(0);
}

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

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

.no-bottom {
    margin-bottom: 0;
}

.no-top {
    margin-top: 0;
}

.half-opacity {
    opacity: 0.5;
}

.color-grey {
    color: #888;
}

.color-light-grey {
    color: #aaa;
}

.color-orange {
    color:  #F0E67B;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.kenya-light-section {
    background: #fbe1c3;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.spitsbergen-light-section {
    background: #c3cbd2;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.kenya-light-section + .content,
.spitsbergen-light-section + .content {
    padding-top: 0;
}

.bottom-note {
    position: absolute;
    bottom: 20px;
    left: 290px;
    margin-bottom: 0;
    font-size: 11px;
    text-align: left;
    color: #888;
}

.bottom-note p {
    margin-bottom: 0;
}

.bottom-note .meta-note {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.bottom-note .btn {
    vertical-align: middle;
}

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

.bigger-texts {
    font-size: 22px;
}

.bigger-texts .page-container {
    font-size: 22px;
}

.item-with-bottom,
.page-404 {
    margin-bottom: 3em;
}

.text-author,
.image-caption {
    margin-top: 15px;
    color: #888;
}

.text-author a,
.image-caption a {
    text-decoration: none;
    color: inherit;
}

.text-author .author-name,
.image-caption .author-name {
    margin-right: 10px;
}

.white-texts .text-author,
.white-texts .image-caption {
    color: #fff;
}

.post-image {
    margin: 4em auto;
    text-align: center;
}

.post-image img {
    vertical-align: bottom;
}

.post-image-smallmarg {
    margin: 15px auto;
}

.gallery-image {
    margin: 1em auto;
}

.medium-post-image {
    max-width: 360px;
}

.image-link {
    text-decoration: none;
    color: inherit;
}

.image-link:hover .image-caption {
    color:  #F0E67B;
}

.image-caption {
    margin: 1em 0;
}

.story-meta {
    font-size: 13px;
}

.story-meta--bigger {
    font-size: 15px;
}

.story-meta .meta-item {
    margin-right: 15px;
}

.story-meta a {
    color: inherit;
    text-decoration: none;
}

.story-meta a:hover {
    color:  #F0E67B;
}

.story-meta .print-link {
    float: right;
}

.sigle-smaller-image {
    width: auto;
    max-height: 250px;
    vertical-align: top;
}

.nolist,
.no-list,
.language-nav,
.basic-menu .menu,
.sub-menu,
.footer-tripadvisor-links .menu {
    margin: 0 0 2em;
    list-style: none;
    padding: 0 0 2em;
}

.no-underline {
    text-decoration: none;
}

.hidden-scroll {
    overflow: hidden;
}

.packing-list-title {
    margin-bottom: 50px;
}

.packing-list-title a,
.link-next-title {
    position: relative;
    top: -3px;
    text-decoration: none;
    margin: 0 0 0 20px;
    color:  #F0E67B;
}

.packing-list-title a:hover,
.link-next-title:hover {
    color: #333;
}

.highlight {
    background: #f9dec8;
}

/* Image gallery */
.gallery-item {
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
}

.gallery-item img {
    vertical-align: top;
}

.small-gallery-item {
    width: calc(25% - 10px);
    float: left;
}

.small-gallery-item .image-caption {
    font-size: 10px;
}

.grid-gallery {
    margin: 0 0 1em -10px;
}

.grid-gallery:before,
.grid-gallery:after {
    display: table;
    content: "";
    line-height: 0;
}

.grid-gallery:after {
    clear: both;
}

.print-logo {
    display: none;
}

/* ==========================================================================
   OWN STYLES START
   ========================================================================== */
/* ==========================================================================
   Top bar & Navigation
   ========================================================================== */
.universal-top {
    position: absolute;
    z-index: 250;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.2em;
    background: #fff;
    box-sizing: border-box;
}

.universal-top .container {
    position: relative;
}

.universal-top p {
    display: inline;
    margin: 0;
    padding-right: 30px;
}

.universal-top .universal-top-link {
    display: inline-block;
    color: #333;
    text-decoration: underline;
}

.universal-top .universal-top-link:hover {
    text-decoration: none;
}

.universal-top-close {
    position: absolute;
    top: -5px;
    right: 10px;
    width: 30px;
    height: 30px;
}

.universal-top-close:before,
.universal-top-close:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 5px;
    right: 5px;
    display: block;
    height: 2px;
    background: #9b9b9b;
}

.universal-top-close:before {
    transform: rotate(45deg);
}

.universal-top-close:after {
    transform: rotate(-45deg);
}

.universal-top-close:hover:before,
.universal-top-close:hover:after {
    background:  #F0E67B;
}

.has-universal-content .top-bar,
.has-universal-content #search-bar {
    top: 40px;
    transition: top 200ms;
}

.has-universal-content + *:before {
    content: '';
    display: block;
    height: 40px;
}

.has-universal-content.fixed-top-bar #search-bar {
    top: 0;
}

.top-part {
    position: relative;
    z-index: 990;
    font-family: 'ABCWhyteInktrap-bold', sans-serif;
    font-size: 13px;
    line-height: 1.2em;
}

.top-part a {
    text-decoration: none;
    color: #fff;
}

.top-part a:hover {
    color: #F0E67B;
}

.top-part a:hover:after {
    border-color: #F0E67B !important;
}

.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
}

.top-bar .container {
    position: relative;
}

.top-bar .main-nav-container {
    z-index: 2;
    display: flex;
    justify-content: space-evenly;
}

.nav-holder {
    float: right;
    margin-top: 19px;
}

.external-links a,
.search-bar-open {
    display: inline-block;
    padding: 9px 15px;
    vertical-align: middle;
    text-align: center;
}

.search-bar-open:hover {
    opacity: 0.6;
}

.external-links {
    display: inline;
}

.external-links a {
    box-sizing: border-box;
    border-radius: 3px;
}

.external-links a:hover {
}

.external-links--footer {
    display: block;
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 1001;
}

.external-links--footer a {
    margin: 0;
    border: 0;
    max-width: none;
    text-decoration: none;
    text-transform: uppercase;
}

.external-links--footer .cart-button-container:not(.cart-button-available) {
    display: none;
}

.external-links--footer .cart-button-available .cart-button {
    color: #fff;
}

.external-links--footer .cart-button-available .cart-button:hover,
.external-links--footer .cart-button-available .cart-button:active {
    background-color: #00334a;
    color: white;
}

.external-links--footer .cart-dropdown {
    top: auto;
    bottom: calc(100% + 20px);
    right: auto;
    left: 0;
    font-family: 'ABCWhyte-book', sans-serif;
}

.external-links--footer .cart-dropdown::after {
    bottom: auto;
    top: calc(100% - 12px);
    right: auto;
    left: 3em;
}

.external-links--footer .cart-dropdown a.cart-dropdown-checkout-button {
}

.woocommerce-page .external-links--footer {
    display: none;
}

.main-nav-open {
    display: none;
}

.menu-open {
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
    border-top: 2px solid #fff;
}

.menu-open:before,
.menu-open:after {
    content: '';
    display: block;
    height: 2px;
    margin-top: 3px;
    background: #fff;
}

.fixed-top-bar .top-bar {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    padding: 6px 0;
    transform: translateY(-60px);
    transition: top 400ms ease;
}

.fixed-top-bar.has-foundation-content .top-bar {
    transform: translateY(-115px);
}

.fixed-top-bar .top-bar a,
.page-without-header .top-bar a {
}

.fixed-top-bar .top-bar a:hover,
.page-without-header .top-bar a:hover {
    color:  #F0E67B;
}

.fixed-top-bar .top-bar .menu-open,
.page-without-header .top-bar .menu-open {
    border-color: #333;
}

.fixed-top-bar .top-bar .menu-open:before,
.page-without-header .top-bar .menu-open:before,
.fixed-top-bar .top-bar .menu-open:after,
.page-without-header .top-bar .menu-open:after {
    background: #333;
}

.fixed-top-bar .top-bar .sub-menu a,
.page-without-header .top-bar .sub-menu a {
    color: #00334A;
}

.fixed-top-bar .top-bar .sub-menu a:hover,
.page-without-header .top-bar .sub-menu a:hover {
    color:  #F0E67B;
}

.fixed-top-bar .top-bar .external-links a,
.page-without-header .top-bar .external-links a {
    border-color: #333;
}

.fixed-top-bar .top-bar .external-links a:hover,
.page-without-header .top-bar .external-links a:hover {
}

.fixed-top-bar .top-bar .basic-menu .menu > .menu-item > a:after,
.page-without-header .top-bar .basic-menu .menu > .menu-item > a:after {
}

.fixed-top-bar .nav-holder {
    margin-top: 0;
}

.fixed-top-bar .nav-holder a {
    margin-top: 0;
    margin-bottom: 0;
}

.fixed-top-bar .language-nav {
    display: none;
}

.fixed-top-bar .top-bar-sub {
    padding: 13px 0;
}

.fixed-top-out .top-bar {
    top: 0;
    transition-duration: 200ms;
}

.top-bar-sub {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 210;
    padding: 24px 0;
    background: #101010;
}

.top-bar-sub a {
    color: #fff;
}

.top-bar-sub a:hover {
    color:  #F0E67B;
}

.open-sub-bar {
    display: block;
}

#search-bar .search-field {
    float: left;
    max-width: 600px;
    margin-bottom: 0;
    padding: 5px;
    color: #fff;
    font-family: 'ITC New Baskerville W01', serif;
    font-style: italic;
    font-size: 22px;
    background: none;
    border: none;
}

#search-bar .search-field:focus {
    outline: none;
}

#search-bar .search-button {
    margin-bottom: 0;
    padding: 0;
    border: 0;
    color: rgba(255, 255, 255, 0);
}

#search-bar ::-webkit-input-placeholder {
    color: #808080;
}

#search-bar :-moz-placeholder {
    color: #808080;
}

#search-bar ::-moz-placeholder {
    color: #808080;
}

#search-bar :-ms-input-placeholder {
    color: #808080;
}

.top-sub-bar-close {
    display: inline-block;
    float: right;
    padding: 10px 15px;
    border: 2px solid #fff;
    border-radius: 3px;
}

.close-name {
    display: none;
}

.language-nav {
    position: absolute;
    top: 14px;
    right: 0;
}

.language-nav a:hover {
    color:  #F0E67B;
}

.language-nav li {
    display: inline-block;
    margin: 0 0.25rem;
}

.basic-menu {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.basic-menu .menu {
    margin: 2em 0 0;
}

.basic-menu .menu > .menu-item {
    position: relative;
    display: inline-block;
    margin-left: 35px;
    padding: 20px 0;
}

.basic-menu .menu > .menu-item:first-child {
    margin-left: 0;
}

.basic-menu .menu > .menu-item:hover .sub-menu {
    display: block;
}

.basic-menu .menu > .menu-item.menu-item-has-children > a:after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 1px 0 0 10px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    vertical-align: top;
    transform: rotate(45deg);
}

.basic-menu .menu > .menu-item > .sub-menu {
    position: absolute;
    top: 50px;
    left: 50%;
    display: none;
    margin: 0;
    padding: 20px 25px 15px 25px;
    background: #E8E5DE;
    border-radius: 5px;
    transform: translateX(-50%);
    z-index: 1;
}

.basic-menu .menu > .menu-item > .sub-menu:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: #E8E5DE;
    transform: rotate(45deg);
}

.basic-menu .menu > .menu-item > .sub-menu > li {
    margin-bottom: 10px;
}

.basic-menu .menu > .menu-item > .sub-menu > li:last-child {
    margin-bottom: 5px;
}

.basic-menu .menu > .menu-item > .sub-menu > li > a {
    display: inline-block;
    margin-bottom: 5px;
    white-space: nowrap;
    color: #00334A;
    font-family: 'ABCWhyte-bold', sans-serif;
}

.basic-menu .menu > .menu-item > .sub-menu > li > a:hover {
    color: #E7655B;
}

.sub-menu {
    font-size: 14px;
}

.sub-menu a {
    color: #00334A;
}

.sub-menu a:hover {
    color: #E7655B;
}

.sub-menu .sub-menu {
    position: static;
    margin: 5px 0 15px;
    padding: 0;
    list-style: none;
    font-size: 10px;
}

.sub-menu .sub-menu li {
    margin-bottom: 7px;
}

.sub-menu .current-menu-item > a {
    color:  #F0E67B;
}

.foundation-home-link {
    display: inline-block;
    float: left;
    padding: 20px 0;
    vertical-align: middle;
    font-size: 18px;
}

.fixed-top-bar .foundation-home-link {
    color: #00a25f !important;
}

.foundation-menu {
    float: right;
}

.foundation-nav-container {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

/* ==========================================================================
   Header & page background
   ========================================================================== */
.page-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("images/TEMP-header.jpg") no-repeat center;
    background-size: cover;
    z-index: -1;
}

img.page-background {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 50%;
    right: 50%;
    transform: translateY(50%) translateX(50%);
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    overflow: hidden;
    max-width: none;
    min-width: 100%;
}

.general-white-background {
    background-image: none;
    background-color: #fff;
}

.kenya .general-white-background {
    background-position: center top;
}

.page-background-blanket {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #333;
}

.spitsbergen .page-background-blanket {
    background-color: #002a44;
}

.kenya .page-background-blanket {
    background-color: #5e4c1f;
}

.half-spitsbergen,
.half-kenya {
    width: 50%;
    transition: width 300ms ease;
}

.half-spitsbergen {
    padding-right: 0;
    background-position: right center;
}

.half-spitsbergen .page-background-blanket {
    background-color: #002a44;
}

.half-kenya {
    left: auto;
    right: 0;
    background-position: left center;
}

.half-kenya .page-background-blanket {
    background: #5e4c1f;
}

.bigger-half {
    width: 70%;
}

.smaller-half {
    width: 30%;
}

.header-video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}

.header-video.animate-in video {
    opacity: 1;
}

.header-video video {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100vh !important;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity 1s linear;
}

.no-objectfit .header-video video,
.no-object-fit .header-video video {
    top: 50%;
    left: 50%;
    height: auto !important;
    width: auto !important;
    min-height: 100vh;
    min-width: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.page-head {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    -webkit-box-flex-flow: row nowrap;
    -moz-box-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.page-head .page-head-content {
    top: 0;
    width: 100%;
    margin: 0;
    max-width: none;
    min-height: 100vh;
    max-height: 9999px;
    padding: 180px 15px 160px;
    transform: translateY(0);
    box-sizing: border-box;
    overflow: hidden;
    transform: translateY(0);
    display: flex;
    -webkit-box-flex-flow: column nowrap;
    -moz-box-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.page-head .page-head-content > div {
    max-width: 950px;
    margin: 0 auto;
    float: none;
    padding: 0;
}

.page-head .post-password-form {
    max-width: 350px;
    margin: auto;
}

.page-head .post-password-form label {
    color: #fff;
}

.page-head .post-password-form label input {
    border-color: #fff;
}

.foundation-head {
    min-height: 100vh;
}

.foundation-head .page-head-content {
    padding: 250px 15px 0;
    min-height: 1px;
}

/*.no-js
.no-flexbox
	.page-head
		display block
		height 100%
		padding 0
		.verticalizer
			position absolute
			left 50%
			top 50%
			-ms-transform translate(-50%, -50%)
			transform translate(-50%, -50%)*/
.nowrap {
    white-space: nowrap;
}

.page-head-content {
    z-index: 2;
}

.scroll-down {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 50px;
    height: 70px;
    width: 100%;
    text-align: center;
    background: no-repeat center bottom;
}

.header-frame {
    position: relative;
    display: inline-block;
    padding: 0 0 30px;
    border: 3px solid #fff;
    border-top: 0;
}

.header-frame:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 7px;
    left: 7px;
    bottom: 7px;
    right: 7px;
    border: 2px solid #fff;
    border-top: 0;
}

.header-frame .breadcrumb-holder {
    position: relative;
    top: -12px;
    margin: 0 -3px;
}

.header-frame .breadcrumb-holder a {
    color: #fff;
    text-decoration: none;
}

.header-frame .breadcrumb-holder .breadcrumb {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    position: relative;
    padding: 5px 20px;
}

.header-frame .breadcrumb-holder .breadcrumb:before,
.header-frame .breadcrumb-holder .breadcrumb:after {
    content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: 9px;
    height: 7px;
    border-top: 3px solid #fff;
    border-bottom: 2px solid #fff;
}

.header-frame .breadcrumb-holder .breadcrumb:before {
    right: 100%;
}

.header-frame .breadcrumb-holder .breadcrumb:after {
    left: 100%;
}

.header-frame .breadcrumb-holder:before,
.header-frame .breadcrumb-holder:after {
    content: '';
    position: absolute;
    top: 9px;
    display: block;
    width: 12px;
    border-top: 3px solid #fff;
}

.header-frame .breadcrumb-holder:before {
    left: 0;
}

.header-frame .breadcrumb-holder:after {
    right: 0;
}

.header-frame .bread-hider {
    position: relative;
    overflow: hidden;
    margin: 0 11px;
}

.header-frame--black {
    border-color: #333;
}

.header-frame--black:before {
    border-color: #333;
}

.header-frame--black .breadcrumb-holder:before,
.header-frame--black .breadcrumb-holder:after {
    border-color: #333;
}

.header-frame--black .breadcrumb-holder .breadcrumb:before,
.header-frame--black .breadcrumb-holder .breadcrumb:after {
    border-color: #333;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb a {
    color: #333;
    text-decoration: none;
}

.breadcrumb span span span:before {
    content: ' / ';
}

.page-head .breadcrumb a {
    color: #fff;
}

.page-head .breadcrumb span span .breadcrumb_last {
    display: none;
}

.header-frame-content {
    position: relative;
    z-index: 1;
}

.header-frame-content .title-description {
    margin-bottom: 0;
    padding: 0 2rem;
}

.header-frame-content p {
    margin-bottom: 0;
}

.page-without-header .content {
    padding-top: 100px;
}

/* ==========================================================================
   Home stuff
   ========================================================================== */
.map-home {
    position: relative;
    margin-bottom: 7em;
}

.map-home-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 300px;
    margin: auto;
    text-align: center;
}

.map-home-map img {
    margin: 67px 0;
}

.map-home-box {
    position: relative;
    z-index: 2;
    cursor: pointer;
    width: 300px;
    height: 300px;
    transition: all 300ms ease;
}

.map-home-box.float-right {
    text-align: right;
}

.zooming-box {
    transform: scale(1.2);
}

.home-spitsbergen img {
    max-width: 270px;
}

.home-kenya img {
    max-width: 195px;
}

.map-home-spitsbergenstripe {
    position: absolute;
    top: 95px;
    left: -176px;
    width: 316px;
    height: 60px;
    background: url("images/map-home-spitsbergenstripe.png") no-repeat 0 0;
}

.map-home-kenyastripe {
    position: absolute;
    top: 139px;
    right: -167px;
    width: 275px;
    height: 52px;
    background: url("images/map-home-kenyastripe.png") no-repeat 0 0;
}

.page-has-slider-hero .page-background {
    display: none;
}

.slick {
    opacity: 0;
    transition: all 1s;
}

.slick.slick-initialized {
    opacity: 1;
}

.hero-slides {
    background: #033c5a;
    color: #fff;
    position: relative;
    height: 100vh;
}

.foundation .hero-slides {
    background-color: #cbd3d0;
}

.hero-slides + .content {
    background-color: #fff;
    padding-top: 0;
}

.kenya .hero-slides {
    background: #111;
}

.hero-slides .slick-next svg,
.hero-slides .slick-prev svg {
    stroke: #fff;
}

.hero-slides .slick-next {
    right: 4.375rem;
}

.hero-slides .slick-prev {
    left: 4.375rem;
}

.hero-slides__title {
    font-family: 'ABCWhyteInktrap-bold', sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    max-width: 950px;
    z-index: 1;
}

div.hero-slides .slick-initialized .slick-slide {
    height: 100vh;
    text-align: center;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.admin-bar .hero-slides,
.admin-bar .hero-slides .slick-slide {
    height: calc(100vh - 32px) !important;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 0 1.5rem 0;
    padding: 0;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li:only-child {
    display: none;
}

.slick-dots button {
    font-size: 0;
    color: transparent;
    width: 1rem;
    height: 1rem;
    border: 0;
    padding: 0;
    border-radius: 50%;
    margin: 0 0.5rem;
    background: rgba(255, 255, 255, 0.35);
    transition: all 0.1s;
}

.slick-active button {
    background: #fff;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-25%);
    z-index: 100;
    border: none;
    padding: 0.5rem;
    width: 1.75rem;
    margin: 0;
    border-radius: 0;
}

.slick-arrow:hover,
.slick-arrow:focus {
    box-shadow: none;
    outline: thin dotted;
    background: none;
}

.hero-slides .slick-arrow {
    width: 2.5rem;
}

@media only screen and (max-width: 750px) {
    .hero-slides .slick-next {
        right: 0.5rem;
    }

    .hero-slides .slick-prev {
        left: 0.5rem;
    }
}

.hero-overlay {
    background: #033c5a;
    opacity: 0.35;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.page:not(.home) .hero-slides + .content {
    padding-top: 0;
}

@media only screen and (max-width: 1170px) {
    .slick-next {
        right: 1rem;
    }

    .slick-prev {
        left: 1rem;
    }
}

.price-box--hero {
    position: absolute;
    right: 0;
    bottom: 4rem;
    left: 0;
}

.price-box--hero .container {
    text-align: right;
    color: #fff;
}

.price-box--hero .price-info-holder {
    margin: 15px 0;
}

.price-box--center .container {
    text-align: center;
}

.page-has-video-hero .page-background {
    display: none;
}

.hero-video {
    background: #033c5a;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    height: 95vh /* Fallback for browsers that do not support Custom Properties */;
    height: calc(var(--vh, 1vh) * 100);
}

@media screen and (max-width: 760px) {
    .hero-video {
        flex-direction: column;
    }
}

.hero-video + .content {
    background-color: #fff;
    padding-top: 0;
}

.kenya .hero-video {
    background: #111;
}

.hero-video__title {
    z-index: 1;
    position: relative;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 1170px) {
    .hero-video__title {
        font-size: 35px;
    }
}

.admin-bar .hero-video {
    height: calc(100vh - 32px) !important;
}

.hero-video--has-top-gradient:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(to bottom, rgba(3, 60, 90, 0.7) 0%, rgba(3, 60, 90, 0) 100%);
}

.hero-video--has-overlay:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #033c5a;
    opacity: 0.35;
    z-index: 1;
    pointer-events: none;
}

.hero-video__video {
    display: block;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translateY(50%) translateX(50%);
    min-width: 100%;
    min-height: 100%;
    width: 100vw;
    height: 100vh;
    transition: all 2s;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-video__video--loaded {
    opacity: 1;
}

.hero-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.hero-video__icon {
    transition: all 0.15s;
    border: none;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin-right: 0.25rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% 50%;
}

.hero-video__icon:hover,
.hero-video__icon:focus {
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #033c5a;
}

.hero-video__icon--info {
    background-image: url("svg/info.svg");
}

.hero-video__icon--volume-up {
    background-image: url("svg/volume-up.svg");
}

.hero-video__icon--volume-mute {
    background-image: url("svg/volume-mute.svg");
}

.hero-video__icon--play {
    background-image: url("svg/play.svg");
}

.hero-video__icon--pause {
    background-image: url("svg/pause.svg");
}

.btn--wrap {
    background: transparent;
    padding: 0;
    border: none;
    margin: 0;
}

.hero-video__info {
    position: relative;
    display: inline-block;
}

.hero-video__info-text {
    background: #fff;
    padding: 0.5rem;
    width: 200px;
    white-space: nowrap;
    position: absolute;
    margin-bottom: 0.75rem;
    bottom: 100%;
    transition: all 0.1s;
}

.hero-video__info-text--hidden {
    bottom: calc(100% - 0.5rem);
    opacity: 0;
    pointer-events: none;
}

.hero-video__info-text:after {
    content: '';
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: #fff;
    position: absolute;
    bottom: -0.25rem;
    left: 0.75rem;
    transform: rotate(45deg);
}

.hero-video__info-text p:last-child {
    margin-bottom: 0;
    white-space: normal;
}

.kenya .hero-video--has-top-gradient:after {
    background: linear-gradient(to bottom, rgba(239, 127, 34, 0.7) 0%, rgba(239, 127, 34, 0) 100%);
}

.kenya .hero-video--has-overlay:before {
    background:  #F0E67B;
    opacity: 0.25;
}

.page:not(.home) .hero-video + .content {
    padding-top: 0;
}

.vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (orientation: landscape) and (max-height: 500px) {
    .hero-video {
        flex-direction: column;
    }

    .hero-video .booking-cta-container--hero {
        position: static;
    }
}

.sqs-video-icon {
    display: none;
}

.block-intro {
    padding: 8rem 0;
    line-height: 1.5;
    font-size: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

@media only screen and (max-width: 500px) {
    .block-intro {
        font-size: 18px;
    }
}

.block-intro__container {
    max-width: 750px;
    padding: 0 1rem;
}

@media only screen and (max-width: 1170px) {
    .block-intro__container {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
}

.block-intro__container > *:last-child {
    margin-bottom: 0;
}

.block-intro--blue {
    background: #bbc4cc;
}

.block-intro--yellow {
    background: #feedb6;
}

.block-intro--orange {
    background: #faddbb;
}

.block-intro--green-1 {
    background: #cbded5;
}

.block-intro--green-2 {
    background: #cbecde;
}

.block-intro--green-3 {
    background: #cbd3d0;
}

.block-intro--white {
    padding: 0;
}

.content .block-intro--white:first-child {
    padding: 8rem 0 0 0;
    margin: 0 auto 8rem auto;
}

.post-type-switch + .block-intro {
    margin-top: 4rem;
    margin-bottom: 4em;
}

.block-boxes {
    font-size: 20px;
    line-height: 1.4;
}

@media only screen and (max-width: 500px) {
    .block-boxes {
        font-size: 18px;
    }
}

.block-boxes__container {
    max-width: 1400px;
}

.box {
    background-color: #fff;
    display: flex;
    align-items: stretch;
    color: #00334A;
    font-family: 'ABCWhyte-book', sans-serif;
}

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

.box--blue {
    background-color: #bbc4cc;
}

.box--lightblue {
    background-color: #D4EAEE;
}

.box--lightgrey {
    background-color: #E8E5DE;
}

.box--lightpink {
    background-color: #F5E1E1;
}

.box--yellow {
    background-color: #feedb6;
}

.box--orange {
    background: #faddbb;
}

.box--green-1 {
    background: #cbded5;
}

.box--green-2 {
    background: #cbecde;
}

.box--green-3 {
    background: #cbd3d0;
}

.box__image {
    width: 50%;
    padding-bottom: 30%;
    background-size: cover;
    background-position: center;
}

.box__content {
    width: 50%;
    padding: 3rem;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

    .btn {
        background-color: #00334a;
    }
}

@media only screen and (max-width: 500px) {
    .box__content {
        padding: 2rem;
    }
}

.box__content > *:last-child {
    margin-bottom: 0;
}

.box:nth-child(2n) .box__image {
    order: 1;
}

@media only screen and (max-width: 1170px) {
    .block-boxes__container.container {
        padding: 0;
    }
}

@media screen and (max-width: 960px) {
    .box {
        flex-direction: column;
    }

    .box__image,
    .box__content {
        width: 100%;
    }

    .box__content {
        order: 1;
        max-width: 500px;
        margin: 0 auto;
    }

    .box__image {
        padding-bottom: 56%;
    }
}

.lift-slider-block {
    margin: 4rem 0;
    background-color: #FDFBEE;
    padding-top: 2em;
    padding-bottom: 3em;
    color: #00334A;
}

.lift-slider__title {
    margin: 0 1rem 2rem 1rem;
}

.lift-slider__slide {
    font-family: 'ABCWhyte-book', sans-serif;
    position: relative;
    text-align: center;
    margin: 0 1.5rem;
    background: #f5f5f5;
    width: 100%;
    max-width: 700px;
    opacity: 0.5;
    transition: all 0.5s;
    background-position: center;
    background-size: cover;
}

.lift-slider__slide.slick-center {
    opacity: 1;
}

.lift-slider__slide.slick-slide {
    height: 400px;
}

.lift-slider__top-label {
    background: #033c5a;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.125rem 0.25rem;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.05em;
}

.lift-slider__content {
    position: absolute;
    bottom: 2rem;
    width: 100%;
}

.lift-slider__text-container {
    margin: 1rem 2rem;
}

.lift-slider__text {
    background: rgba(255, 255, 255, 0.7);
    padding: 1rem;
    display: inline-block;
}

.lift-slider__text > *:last-child {
    margin-bottom: 0;
}

.lift-slider .slick-arrow svg {
    color: #333;
    stroke: currentColor;
}

.lift-slider .slick-next {
    background: none;
    right: calc(50% - 390px);
}

.lift-slider .slick-prev {
    background: none;
    left: calc(50% - 390px);
}

@media screen and (max-width: 790px) {
    .lift-slider__slide {
        width: calc(100vw - 1rem);
    }

    .lift-slider .slick-next,
    .lift-slider .slick-prev {
        background: rgba(255, 255, 255, 0.25);
        border-radius: 0;
    }

    .lift-slider .slick-next {
        right: 0;
    }

    .lift-slider .slick-prev {
        left: 0;
    }
}

.post-type-switch {
    background-color: #fff;
    padding: 2rem 0;
}

.post-type-switch__container {
    display: flex;
    justify-content: space-between;
}

.post-type-switch__container:after,
.post-type-switch__container:before {
    display: none;
}

.post-type-switch__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    text-align: center;
}

.post-type-switch__link--prev {
    text-align: left;
}

.post-type-switch__link--next {
    text-align: right;
}

.post-type-switch__link--disabled {
    opacity: 0.5;
}

.post-type-switch__link--prev,
.post-type-switch__link--next {
    font-style: oblique;
}

.post-type-switch__link--next:hover .arrow {
    left: 10px;
}

.post-type-switch__link--prev:hover .arrow {
    left: -10px;
}

.post-type-switch .arrow {
    position: relative;
    left: 0;
    transition: all 0.2s;
    width: 0.8rem;
    display: inline-block;
    margin: 0 1rem;
}

.post-type-switch .arrow svg {
    stroke: #333;
}

.post-type-switch + .content {
    padding-top: 0;
}

.full-width-image {
    height: 800px;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 1000px) {
    .full-width-image {
        height: 600px;
    }
}

@media only screen and (max-width: 600px) {
    .full-width-image {
        height: 80vw;
    }
}

.flexible-lift__image {
    margin-bottom: 1rem;
}

/* ==========================================================================
   Booking CTA
   ========================================================================== */
.booking-cta-container:first-child {
    margin-top: -2rem;
    margin-bottom: -2rem;
}

.booking-cta-container {
    position: relative;
    z-index: 10;
}

.booking-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.booking-cta .DateRangePickerInput {
    margin: 0;
}

.booking-cta > * {
    margin: 0 0.5rem;
}

.booking-cta-title {
    font-size: 16px;
}

.booking-cta-select {
    width: auto;
    min-width: 230px;
}

.booking-cta-select .dk-select {
    margin: 0;
}


@media screen and (max-width: 1060px) {
    .booking-cta {
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .booking-cta-title {
        width: 100%;
        text-align: center;
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-width: 760px) {
    .booking-cta {
        flex-direction: column;
    }

    .booking-cta > * {
        margin: 0.25rem;
    }
}

.booking-cta-container--hero {
    position: absolute;
    left: 0;
    bottom: 5rem;
    width: 100%;
    color: #fff;
}

.booking-cta-container--hero .booking-cta-select select {
    margin: 0;
    opacity: 0.7;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 5px;
}

@media screen and (max-width: 760px) {
    .booking-cta-container--hero {
        bottom: 3.5rem;
    }
}

.booking-cta-container--hero .dk-selected,
.booking-cta-container--hero .DateRangePickerInput {
    opacity: 0.7;
}

.booking-cta-container--hero .booking-cta .dk-selected,
.booking-cta-container--hero .DateRangePickerInput {
    box-shadow: none;
    color: #111;
}

.booking-cta-container--hero .booking-cta .dk-selected:before {
    border-top-color: #111;
}

.booking-cta-container--hero .DateInput {
    color: #111;
}

.booking-cta-container--hero .DateRangePickerInput:before {
    color: #111;
}

.booking-cta-container--hero .booking-cta {
    justify-content: flex-end;
}

.booking-cta-container--hero .dk-option {
    color: #111;
}

@media screen and (max-width: 1060px) {
    .booking-cta-container--hero .booking-cta {
        margin-bottom: 0rem;
        justify-content: center;
    }
}

@media screen and (max-width: 760px) {
    .booking-cta-container--hero .booking-cta {
        margin-bottom: 0rem;
    }

    .booking-cta-container--hero .booking-cta-title {
        display: none;
        bottom: 0rem;
    }

    .booking-cta-container--hero .booking-cta-select,
    .booking-cta-container--hero .booking-cta-picker,
    .booking-cta-container--hero margin

    0 0 .5rem 0,
    . booking-cta-container--hero . booking-cta-button {
    margin: 0;
}
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* ==========================================================================
   Content
   ========================================================================== */
.home .content-row .story-box:first-of-type {
    margin-top: 5em;
}

.content,
.page-container {
    position: relative;
}

.content {
    padding-top: 60px;
}

.page-container {
    padding-top: 80px;
    font-size: 18px;
    line-height: 1.6em;
    display: flex;
    flex-direction: column;
}



.page-container > .tank-row > .kala8 > .post-image {
    margin-top: 0;
}

.lift-slider-block + .page-container {
    padding-top: 0;
}

.page-container + .page-container {
    padding-top: 0;
}

.page-part {
    margin-bottom: 50px;
}

.map-trigger {
    position: relative;
    top: -300px;
}

.kenya .map-trigger {
    top: -400px;
}

.map-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1005px;
    overflow: hidden;
}

.map-holder .container {
    position: relative;
}

.fixing-map {
    position: fixed;
    top: 0;
}

.route-map {
    position: relative;
    top: 0;
    left: -170px;
    width: 1140px;
    height: 1009px;
}

.route-map img {
    max-width: none;
}

.kenya .route-map {
    left: -60px;
    width: 1140px;
    height: 1009px;
}

.map-point {
    position: absolute;
}

.map-name {
    position: relative;
    top: -3px;
    opacity: 0;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: italic;
}

.map-circle {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    border-radius: 50%;
}

.map-circle:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    display: block;
    background: #fff;
    border-radius: 50%;
}

.map-point-1 {
    left: 227px;
    top: 475px;
}

.map-point-2 {
    left: 270px;
    top: 497px;
}

.map-point-3 {
    left: 216px;
    top: 587px;
}

.kenya .map-point-1 {
    left: 100px;
    top: 630px;
}

.kenya .map-point-2 {
    left: 160px;
    top: 680px;
}

.kenya .map-point-3 {
    left: 175px;
    top: 600px;
}

.active-point .map-name {
    opacity: 1;
}

.active-point .map-circle {
    border: 2px solid #fff;
}

.card {
    margin-bottom: 30px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

h2.filter-title,
h2.filter-label {
}

.filter-description {
    margin-bottom: 1.55em;
}

.card-head {
    padding: 70px 40px;
    color: #fff;
    background-color: #333;
}

.spitsbergen .card-head {
    background-color: #033c5a;
}

.kenya .card-head {
    background-color: #eab638;
}

.card-imagehead {
    position: relative;
    background: url("images/TEMP-header.jpg") no-repeat center;
    background-size: cover;
}

.card-imagehead > * {
    position: relative;
    z-index: 1;
}

.card-imagehead .offer-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.card-imagehead:before,
.page-background:before,
.card-imagehead:after,
.page-background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.page-background:after,
.page-background:before {
    z-index: 1;
}

.page-without-header .page-background:before,
.page-without-header .page-background:after {
    display: none;
}

.card-imagehead:after,
.page-background:after {
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #272727 100%);
    opacity: 0.5;
}

.card-imagehead:before,
.page-background:before {
    background: rgba(39, 39, 39, 0.5);
}

.spitsbergen .card-imagehead:after,
.spitsbergen .page-background:after,
.half-spitsbergen:after {
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #17243c 100%);
    opacity: 0.5;
}

.spitsbergen .card-imagehead:before,
.spitsbergen .page-background:before,
.half-spitsbergen:before {
    background: rgba(3, 60, 90, 0.5);
}

.kenya .card-imagehead:before,
.kenya .page-background:before,
.half-kenya:before {
    background: rgba(234, 182, 56, 0.2);
}

.kenya .card-imagehead:after,
.kenya .page-background:after,
.half-kenya:after {
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #5e4c1f 100%);
}

.btn-close {
    border: none;
    background: transparent;
    font-size: 30px;
    line-height: 20px;
    color: #333;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.btn-close:hover,
.btn-close:focus {
    box-shadow: none;
    color: #333;
    background: transparent;
}

.interest-card {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: #272727;
}

.interest-card .card-imagehead {
    height: 140px;
    padding-top: 50px;
    padding-bottom: 30px;
}

.interest-card .card-imagehead:after {
    opacity: 1;
}

.interest-card .card-title {
    margin-top: 7px;
    font-size: 24px;
}

.interest-card-content {
    position: relative;
    z-index: 1;
    margin-top: -100px;
    padding: 0 40px 10px;
    color: #fff;
}

.unavailable-card {
    opacity: 0.7;
}

.unavailable-card .card-head .btn,
.unavailable-card .card-head button,
.unavailable-card .card-head html input[type="button"],
.unavailable-card .card-head input[type="reset"],
.unavailable-card .card-head input[type="submit"] {
    pointer-events: none;
    cursor: default;
    padding: 7px 10px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    border-color: #fff;
}

.interest-card-photos:before,
.interest-card-photos:after {
    display: table;
    line-height: 0;
    content: "";
}

.interest-card-photos:after {
    clear: both;
}

.interest-card-photos img {
    display: block;
    float: left;
    width: 33.333333333333336%;
}

.interest-card-expand {
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 0;
    right: 0;
    padding: 80px 40px 25px;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0) /* Old browsers */;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #272727 70%, #272727 100%) /* W3C */;
}

.interest-card-expand .less-text {
    display: none;
}

.interest-card-expand-link {
    text-decoration: none;
    color:  #F0E67B;
}

.interest-card-expand-link:hover {
    color: #fff;
}

.spitsbergen .interest-card {
    background: #17243c;
}

.spitsbergen .interest-card-expand {
    background: rgba(255, 255, 255, 0) /* Old browsers */;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #17243c 70%, #17243c 100%) /* W3C */;
}

.kenya .interest-card {
    background: #5e4c1f;
}

.kenya .interest-card-expand {
    background: rgba(255, 255, 255, 0) /* Old browsers */;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #5e4c1f 70%, #5e4c1f 100%) /* W3C */;
}

.no-js .interest-card,
.opened-card {
    height: auto;
}

.no-js .interest-card .interest-card-content,
.opened-card .interest-card-content {
    margin-top: -40px;
}

.no-js .interest-card .interest-card-expand,
.opened-card .interest-card-expand {
    top: 130px;
    padding-top: 10px;
    background: none;
}

.no-js .interest-card .interest-card-expand-link:before,
.opened-card .interest-card-expand-link:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 2px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background:  #F0E67B;
}

.no-js .interest-card .more-text,
.opened-card .more-text {
    display: none;
}

.no-js .interest-card .less-text,
.opened-card .less-text {
    display: inline;
}

.offer-label {
    display: inline-block;
    padding: 3px 13px 5px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    font-family: 'ABCWhyte-book', sans-serif;
    background: #033c5a;
}

.offer-box {
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    display: flex;
    -webkit-box-align-items: flex-start;
    -moz-box-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.offer-box .offer-label {
    display: block;
    white-space: nowrap;
    margin: 0 10px 0 0;
    text-align: center;
}

.offer-box p {
    margin-bottom: 0;
}

.no-flexbox .offer-box {
    display: block;
}

.no-flexbox .offer-box .offer-label {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.card-title {
    margin-bottom: 0;
    font-size: 36px;
    color: #fff;
}

.card-title.float-left {
    max-width: 500px;
}

.card-content {
    padding: 2em 2em 1px;
    font-size: 16px;
    line-height: 1.3em;
    color: #333;
    background: #fff;
}

.slider-card {
    position: relative;
    background: #fff;
}

.slider-card:before,
.slider-card:after {
    display: table;
    content: "";
    line-height: 0;
}

.slider-card:after {
    clear: both;
}

.slider-card .card-content {
    position: relative;
    float: left;
    width: calc(100% - 290px);
    max-height: 190px;
    overflow: hidden;
    padding-left: 0;
    font-size: 15px;
    box-sizing: border-box;
}

.slider-card .card-content:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.card-slider-holder {
    position: relative;
    float: left;
    width: 265px;
    height: 251px;
    margin-right: 25px;
    overflow: hidden;
    background: #ccc;
}

.card-slider-holder .slide-navigation {
    display: none;
}

.card-slider-holder:hover .slide-navigation {
    display: block;
}

.small-card .card-head {
    padding: 25px 40px;
}

.small-card .card-title {
    font-size: 22px;
}

.small-card .card-content {
    color: #555;
}

.recommend-cards {
    text-align: center;
}

.recommend-cards-row .recommend-cards {
    margin: 0 -10px;
    text-align: left;
}

.recommend-cards-row .recommend-cards .recommend-clear {
    display: none;
}

.recommend-clear {
    display: block;
    height: 1px;
    margin-top: -1px;
}

.recommend-card {
    display: inline-block;
    width: 220px;
    margin: 0 10px 20px;
    vertical-align: top;
    text-decoration: none;
    transition: box-shadow 200ms ease-in;
}

.recommend-card:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

.recommend-card .card-imagehead {
    height: 275px;
    padding: 60px 25px 25px;
    box-sizing: border-box;
}

.recommend-card .card-title {
    font-size: 18px;
}

.recommend-card .card-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    box-sizing: border-box;
}

.recommend-card .recommend-currency {
    display: inline-block;
    margin-top: 3px;
    font-size: 10px;
    vertical-align: top;
    line-height: 25px;
}

.recommend-card .price-box-smallovh {
    opacity: 1;
    font-size: 14px;
}

.recommend-card .recommend-title-label {
    display: block;
    margin: 0.5rem 0 0;
    font-family: 'ITC New Baskerville W01', serif;
    text-transform: none;
    font-style: italic;
    font-size: 16px;
}

.news-card,
.plan-type-card {
    box-sizing: border-box;
    text-align: center;
}

.news-card .card-head,
.plan-type-card .card-head {
    height: 250px;
    padding: 0 50px;
}

.news-card .card-head:after,
.plan-type-card .card-head:after {
    opacity: 1;
}

.news-card .story-meta,
.plan-type-card .story-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.report-card {
    box-sizing: border-box;
    padding: 25px;
    text-align: left;
}

.report-card .story-meta {
    margin-bottom: 0;
}

.card-booking-image {
    width: 145px;
    margin: 0 25px 32px 0;
    float: left;
}

.card-booking-text {
    padding-left: 170px;
}

.card-booking-cartrow {
    margin-bottom: 2em;
    text-align: right;
}

.card-booking-cartrow > * {
    vertical-align: middle;
}

.card-booking-cartrow .price-box {
    margin: 0 25px;
}

.card-booking-cartrow .price-box .price {
    font-size: 24px;
}

.card-booking-cartrow .price-box .price-part {
    line-height: 24px;
}

.card-booking-cartrow select,
.card-booking-cartrow .dk-selected {
    width: 70px;
    margin: 0 0 0 15px;
    padding: 10px 15px;
}

.card-booking-cartrow .dk-selected {
    margin: 0;
}

.card-booking-cartrow .dk-select {
    width: 70px;
    margin: 0 0 0 15px;
    text-align: left;
}

.card-booking-cartrow button,
.card-booking-cartrow html input[type="button"],
.card-booking-cartrow input[type="reset"],
.card-booking-cartrow input[type="submit"] {
    margin-bottom: 0;
}

.shopping-cart-holder {
    position: relative;
    float: right;
    clear: right;
    width: 100%;
    max-width: 390px;
}

.booking-shopping-cart {
    float: right;
    clear: right;
    width: 100%;
    max-width: 260px;
    margin-bottom: 2em;
    font-size: 14px;
    line-height: 21px;
    color: #a7a7a7;
    border: 3px solid #a7a7a7;
    border-radius: 4px;
}

.cart-item-count {
    float: right;
    background-repeat: no-repeat;
    background-position: 999px 999px;
}

.cart-has-items {
    color: #fff;
    background:  #F0E67B;
    border-color:  #F0E67B;
}

.cart-has-items .icon-cart {
    background-position: -210px -30px;
}

.cart-has-items .shopping-cart-head {
    cursor: pointer;
}

.cart-is-open {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 390px;
    color: #333;
    border-color: #fff;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.cart-is-open .icon-cart {
    background-position: -210px -60px;
}

.cart-is-open .cart-item-count {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: 5px;
    overflow: hidden;
    text-indent: -999px;
    background-position: -130px -179px;
}

.cart-is-open .shopping-cart-head {
    font-size: 16px;
}

.cart-is-open .shopping-cart-content {
    display: block;
}

.shopping-cart-head {
    padding: 9px 10px;
    font-size: 14px;
}

.shopping-cart-content {
    display: none;
    margin-top: 20px;
    padding: 9px 10px;
}

.shopping-item-row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    border-bottom: 2px dashed #c6c6c6;
}

.shopping-item-row p {
    margin-bottom: 0;
}

.shopping-item-row .booked-date {
    margin-right: 20px;
}

.shopping-item-col {
    float: left;
}

.shopping-item-col-1 {
    width: 10%;
    max-width: 35px;
    margin-left: 0;
}

.shopping-item-col-2 {
    width: 55%;
}

.shopping-item-col-3 {
    width: 25%;
    margin-left: 6%;
    float: right;
}

.shopping-total-row {
    margin-bottom: 20px;
}

.shopping-total-row p {
    margin-bottom: 0;
}

.bigger-total-row {
    margin-bottom: 5em;
}

.bigger-total-row p {
    font-size: 25px;
}

.bigger-total-row p:first-child {
    font-size: 17px;
}

.progress {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 70px;
    text-align: center;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    transition: all 400ms ease;
}

.progress p {
    font-size: 12px;
    line-height: 1em;
}

.progress-title {
    letter-spacing: 2px;
}

.planner-progress {
    bottom: 45px;
    z-index: 1;
    width: 50%;
    color: #fff;
    opacity: 0;
    transform: translateY(150px);
}

.progress-indicator {
    position: relative;
    top: 6px;
    height: 2px;
    background: #666;
}

.progress-indicator-stroke {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 0%;
    background: #fff;
    transition: width 500ms ease;
}

.progress-row {
    width: 500px;
    margin: auto;
}

.progress-item {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    color: #959595;
    transition: color 500ms ease;
}

.progress-item:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #959595;
    transition: background 500ms ease;
    border-radius: 50%;
}

.progress-item p {
    position: absolute;
    top: 20px;
    left: -60px;
    width: 125px;
}

.progress-item a {
    color: inherit;
    text-decoration: none;
}

.progress-5 {
    width: 0%;
}

.progressed-2.planner-progress {
    opacity: 1;
    transform: translateY(0);
}

.progressed-2 .progress-indicator-stroke {
    width: 25%;
}

.progressed-2 .progress-1,
.progressed-2 .progress-2 {
    color: #fff;
}

.progressed-2 .progress-1:before,
.progressed-2 .progress-2:before {
    background: #fff;
    transition: background 500ms ease 400ms;
}

.progressed-2 .progress-1 .progress-2,
.progressed-2 .progress-2 .progress-2 {
    transition: color 500ms ease 400ms;
}

.progressed-2 .progress-1 .progress-2:before,
.progressed-2 .progress-2 .progress-2:before {
    transition: background 500ms ease 400ms;
}

.progressed-3.planner-progress {
    opacity: 1;
    transform: translateY(0);
}

.progressed-3 .progress-indicator-stroke {
    width: 50%;
}

.progressed-3 .progress-1,
.progressed-3 .progress-2,
.progressed-3 .progress-3 {
    color: #fff;
    transition: color 500ms ease 400ms;
}

.progressed-3 .progress-1:before,
.progressed-3 .progress-2:before,
.progressed-3 .progress-3:before {
    background: #fff;
    transition: background 500ms ease 400ms;
}

.progressed-4.planner-progress {
    opacity: 1;
    transform: translateY(0);
}

.progressed-4 .progress-indicator-stroke {
    width: 75%;
}

.progressed-4 .progress-1,
.progressed-4 .progress-2,
.progressed-4 .progress-3,
.progressed-4 .progress-4 {
    color: #fff;
    transition: color 500ms ease 400ms;
}

.progressed-4 .progress-1:before,
.progressed-4 .progress-2:before,
.progressed-4 .progress-3:before,
.progressed-4 .progress-4:before {
    background: #fff;
    transition: background 500ms ease 400ms;
}

.progressed-5.planner-progress {
    opacity: 1;
    transform: translateY(0);
}

.progressed-5 .progress-indicator-stroke {
    width: 100%;
}

.progressed-5 .progress-1,
.progressed-5 .progress-2,
.progressed-5 .progress-3,
.progressed-5 .progress-4,
.progressed-5 .progress-5 {
    color: #fff;
    transition: color 500ms ease 500ms;
}

.progressed-5 .progress-1:before,
.progressed-5 .progress-2:before,
.progressed-5 .progress-3:before,
.progressed-5 .progress-4:before,
.progressed-5 .progress-5:before {
    background: #fff;
    transition: background 500ms ease 500ms;
}

.shopping-progress {
    position: relative;
    max-width: 420px;
    height: 80px;
    bottom: 0;
    margin: auto;
}

.shopping-progress .progress-indicator-stroke {
    background: #333;
}

.shopping-progress .progress-row {
    width: auto;
    margin: 0 50px 0 22px;
}

.shopping-progress .progress-item {
    width: 33.333333333333336%;
}

.shopping-progress .progress-4 {
    width: 0%;
}

.shopping-progress.progressed-1 .progress-indicator-stroke {
    width: 0%;
}

.shopping-progress.progressed-1 .progress-1 {
    color: #333;
}

.shopping-progress.progressed-1 .progress-1:before {
    background: #333;
}

.shopping-progress.progressed-2 .progress-indicator-stroke {
    width: 33.333333333333336%;
}

.shopping-progress.progressed-2 .progress-1,
.shopping-progress.progressed-2 .progress-2 {
    color: #333;
}

.shopping-progress.progressed-2 .progress-1:before,
.shopping-progress.progressed-2 .progress-2:before {
    background: #333;
}

.shopping-progress.progressed-3 .progress-indicator-stroke {
    width: 66.66666666666667%;
}

.shopping-progress.progressed-3 .progress-1,
.shopping-progress.progressed-3 .progress-2,
.shopping-progress.progressed-3 .progress-3 {
    color: #333;
}

.shopping-progress.progressed-3 .progress-1:before,
.shopping-progress.progressed-3 .progress-2:before,
.shopping-progress.progressed-3 .progress-3:before {
    background: #333;
}

.shopping-progress.progressed-4 .progress-indicator-stroke {
    width: 100%;
}

.shopping-progress.progressed-4 .progress-1,
.shopping-progress.progressed-4 .progress-2,
.shopping-progress.progressed-4 .progress-3,
.shopping-progress.progressed-4 .progress-4 {
    color: #333;
}

.shopping-progress.progressed-4 .progress-1:before,
.shopping-progress.progressed-4 .progress-2:before,
.shopping-progress.progressed-4 .progress-3:before,
.shopping-progress.progressed-4 .progress-4:before {
    background: #333;
}

.round-imgbox {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 160px;
    height: 160px;
    margin: 0 20px 2em 0;
    border-radius: 50%;
}

.round-imgbox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #272727 100%);
}

.round-imgbox img {
    width: 100%;
    border-radius: 50%;
}

.round-imgbox a {
    text-decoration: none;
}

.round-imgbox a:hover .round-imgbox-content {
    color:  #F0E67B;
}

.imgbox-no-blanket:before {
    display: none;
}

.spitsbergen .round-imgbox:before {
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #17243c 100%);
}

.kenya .round-imgbox:before {
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #5e4c1f 100%);
}

.round-imgbox-content {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.round-imgbox-content p {
    margin-bottom: 0;
}

.round-imgbox-title {
    margin-bottom: 10px;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 16px;
    line-height: 1em;
}

.aside-trigger {
    min-height: 10px;
    will-change: min-height;
    position: relative;
    z-index: 150;
}

.inner-wrapper-sticky {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.aside-holder:after {
    content: '';
    display: block;
    height: 0.5em;
}

.aside-holder p {
    margin-bottom: 1em;
}

.aside-holder p.subtitle {
    margin-bottom: 2em;
}

.aside-holder p.no-bottom {
    margin-bottom: 0;
}

.aside-holder .js--book .btn {
    margin-bottom: 1rem;
}

.sidenav-toggler {
    display: none;
}

.divider-slider {
    height: 682px;
    padding-bottom: 0;
    position: relative;
    overflow: visible;
}

.divider-slider > .inner {
    position: absolute;
    width: 100%;
    height: 100%;
}

.iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: visible;
    width: 100%;
    height: 100%;
}

.iosSlider .slider-container {
    width: 100%;
    height: 100%;
}

.iosSlider .slider-item {
    float: left;
    width: 1024px;
    height: 100%;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.iosSlider .slider-item img {
    position: absolute;
    width: auto;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.iosSlider .image-caption {
    display: none;
}

.iosSlider.center-slider {
    overflow: hidden;
    height: inherit;
}

.white-content-bg {
    padding-bottom: 30px;
    background: #fff;
    background-size: 100% auto;
}

.white-content-bg.fixed-bg {
    background-attachment: fixed;
}

.white-content-bg.white-content-beige {
    background: #fefdfb;
}

.story-do-good.white-content-bg {
    background-image: none;
}

.color-bg {
    background: #fff;
}

.extratop-content {
    padding-top: 100px;
}

.white-texts {
    color: #fff;
}

.white-texts .ingress {
    color: rgba(255, 255, 255, 0.8);
}

.divider-box {
    z-index: 100;
    position: relative;
    height: 340px;
    text-align: center;
    color: #fff;
    background: url("images/background-seperator.jpg") no-repeat center top;
    background-size: cover;
}

.divider-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.divider-box p {
    margin-bottom: 0;
}

.divider-box a {
    color: inherit;
    text-decoration: none;
}

.divider-box a:hover {
    color:  #F0E67B;
}

.divider-text,
.serif-divider-title {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow: hidden;
    display: table;
    margin: 0;
    padding: 5em 0;
    white-space: nowrap;
    color: #888;
    text-align: center;
}

.divider-text:before,
.serif-divider-title:before,
.divider-text:after,
.serif-divider-title:after {
    border-top: 1px solid #888;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
    -moz-transform: translateY(0.5em);
}

.divider-text:before,
.serif-divider-title:before {
    right: 1.5%;
}

.divider-text:after,
.serif-divider-title:after {
    left: 1.5%;
}

.divider-text + .page-container,
.serif-divider-title + .page-container {
    padding-top: 0;
}

.divider-line {
    display: block;
    margin: 5em auto;
    border-top: 1px solid #888;
}

.page-container + .divider-line {
    margin-top: 0;
}

.serif-divider-title {
    margin: 0 0 1em;
    text-align: left;
    color: #555;
}

.serif-divider-title:before {
    display: none;
}

.serif-divider-title:after {
    width: 90%;
    left: 10%;
    top: 0.6em;
    border-color: #aaa;
}

.border-box {
    position: relative;
    margin-bottom: 2em;
    padding: 40px;
    text-align: center;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    border: 3px solid #333;
}

.border-box p {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.border-box .top-title {
    position: relative;
    z-index: 1;
    font-style: normal;
}

.border-box a {
    color: inherit;
    text-decoration: none;
}

.border-box a:hover {
    color:  #F0E67B;
}

.border-box:before {
    content: '';
    position: absolute;
    top: 7px;
    right: 7px;
    bottom: 7px;
    left: 7px;
    border: 2px solid #333;
}

.border-box-title {
    margin: 5px 0 9px;
    font-size: 24px;
}

.white-texts .border-box {
    color: #fff;
    border-color: #fff;
}

.white-texts .border-box:before {
    border-color: #fff;
}

.price-box {
    display: inline-block;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
    text-transform: uppercase;
}

.price-box .price {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: 31px;
    text-align: center;
}

.room-card .price-box .price {
    padding-top: 2px;
}

.price-box .label {
    position: relative;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 18px;
    text-transform: none;
}

.price-box .btn,
.price-box button,
.price-box html input[type="button"],
.price-box input[type="reset"],
.price-box input[type="submit"] {
    margin-bottom: 0;
    vertical-align: middle;
}

.price-box.no-bottom {
    margin-bottom: 0;
}

.price-part {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 15px 6px 0;
    line-height: 31px;
}

.price-info-holder {
    display: inline-block;
    margin: 10px 0;
    vertical-align: middle;
}

.price-info-holder + .price-info-holder {
    margin-left: 10px;
}

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

.btn + .btn,
.js--book + .btn {
    margin-left: 10px;
}

.price-part-from {
    display: block;
    margin: 0;
    line-height: 1em;
    text-align: left;
}

.price-description {
    position: absolute;
    left: 50%;
    top: 100%;
    display: block;
    text-align: center;
    line-height: 1em;
    font-size: 12px;
    white-space: nowrap;
    transform: translateX(-50%);
}

.price-description--bigger {
    font-size: 14px;
    margin-top: 0.25rem;
    font-weight: 400;
}

.price-multiline {
    margin-top: 22px;
    margin-right: 20px;
    vertical-align: top;
    text-align: left;
    line-height: 15px;
}

.price-other {
    line-height: 1em;
    text-align: center;
}

.price-box-ovh {
    position: relative;
    display: inline-block;
    margin: 33px 15px 0 0;
    vertical-align: top;
    color: #888;
    font-size: 24px;
}

.price-box-ovh:after {
    content: '';
    position: absolute;
    top: 56%;
    left: -5px;
    right: -5px;
    display: block;
    height: 3px;
    background: #888;
}

.price-box-smallovh {
    position: relative;
    display: block;
    margin: 5px 0;
    opacity: 0.7;
    font-size: 15px;
    line-height: 1;
    text-decoration: line-through;
}

.price-box-smallovh:before {
    content: '';
    display: block;
}

.price-box-smallovh:after {
    height: 1px;
    background: #fff;
}

.small-price .price {
    font-size: 19px;
}

.small-price .price-part {
    line-height: 19px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.white-texts .price-box {
    color: #fff;
}

.card .price-box {
    color: #333;
}

.cta-box {
    margin-bottom: 3em;
}

.cta-box .btn,
.cta-box button,
.cta-box html input[type="button"],
.cta-box input[type="reset"],
.cta-box input[type="submit"] {
    margin-bottom: 0;
    vertical-align: middle;
}

@media only screen and (max-width: 60em) {
    .cta-box .btn,
    .cta-box button,
    .cta-box html input[type="button"],
    .cta-box input[type="reset"],
    .cta-box input[type="submit"] {
        margin-bottom: 1rem;
    }
}

.features {
    margin-bottom: 2em;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    text-transform: uppercase;
}

.features--full {
    display: flex;
    justify-content: center;
}

.features--full .feature {
    flex: 1;
}

.feature {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 15px 0;
    width: 70px;
    text-align: center;
}

.feature a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

.feature--inline {
    display: flex;
    align-items: center;
}

.feature--inline .icon {
    margin-right: 1rem;
}

.feature-name {
    display: block;
    margin: 10px 0;
    color: #333;
}

.small-features .feature {
    width: auto;
}

.small-features .feature-name {
    display: inline-block;
    margin: 0 0 0 5px;
}

.white-texts .feature-name {
    color: #fff;
}

.card .feature-name {
    color: #757474;
}

.trip-head-info {
    margin: 30px 0 0;
}

.trip-head-info .features {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 0;
    vertical-align: middle;
}

.trip-head-info .price-box {
    margin: 0 0 0 20px;
    vertical-align: middle;
    text-align: center;
}

.trip-head-info .price-box .color-light-grey {
    color: #fff;
}

.story-box:before,
.story-box:after {
    display: table;
    line-height: 0;
    content: "";
}

.story-box:after {
    clear: both;
}

.story-image {
    margin-bottom: 1rem;
}

.story-image img {
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}

.side-nav {
    margin: 0 0 2em;
    padding: 0;
    list-style: none;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    text-transform: uppercase;
}

.side-nav li {
    margin-bottom: 20px;
}

.side-nav a {
    color: inherit;
    text-decoration: none;
}

.side-nav .current-nav-item > .side-nav-link,
.side-nav .current-nav-item.side-nav-link,
.side-nav .current_page_item > a,
.side-nav a:hover {
    color:  #E7655B;
}

.side-nav .current-nav-item > .side-nav-link:after,
.side-nav .current-nav-item.side-nav-link:after,
.side-nav .current_page_item > a:after,
.side-nav a:hover:after {
    content: '';
    display: inline-block;
    height: 3px;
    width: 25px;
    margin-left: 30px;
    vertical-align: middle;
    background:  #E7655B;
}

.side-nav ul {
    margin-top: 10px;
    padding-left: 30px;
    font-size: 12px;
    list-style-type: none;
}

.side-nav ul li {
    margin-bottom: 10px;
}

.title-with-image {
    position: relative;
}

.title-image {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}

.title-image--right {
    left: auto;
    margin: 0;
}

.share-box {
    position: relative;
    z-index: 2;
    display: inline-block;
    clear: both;
    margin: 2em 0;
}

.share-box .btn {
    padding: 7px 15px;
    color: #333;
    border-color: #333;
}

.share-box .btn:hover {
    color: #333;
    background: transparent;
}

.white-texts .share-box .btn {
    color: #fff;
    border-color: #fff;
}

.white-texts .share-box .btn:hover {
    color: #fff;
}

.white-texts .share-box .btn .icon {
    background-position: -170px -230px;
}

.share-list {
    position: absolute;
    left: 50%;
    top: 0;
    display: none;
    width: 100%;
    min-width: 300px;
    margin: 0;
    padding: 15px 20px 5px 20px;
    font-size: 12px;
    list-style: none;
    background: #333;
    box-sizing: border-box;
    transform: translateX(-50%);
    border-radius: 5px;
}

.share-list li {
    width: 50%;
    margin-bottom: 15px;
}

.share-list li:first-child {
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

.share-list a {
    text-decoration: none;
    color: #fff;
}

.share-list a:hover {
    color:  #F0E67B;
}

.share-list .icon {
    width: 31px;
    margin-right: 10px;
}

.open-share .share-list {
    display: flex;
    flex-wrap: wrap;
}

.close-share-list {
    padding: 10px;
    font-size: 14px;
}

.close-share-list .icon-close {
    width: 14px;
}

.inline-share-list {
    margin: 0 0 2em;
    padding: 0;
    list-style: none;
}

.inline-share-list li {
    display: inline;
    margin: 0 20px;
}

/* togglable-block */
.togglable-block {
    overflow: hidden;
}

.togglable-block + .togglable-block {
    margin-top: -3em;
}

.togglable-title {
    position: relative;
    cursor: pointer;
    padding: 25px 70px 25px 25px;
    font-size: 18px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.show-toggled .togglable-title,
.togglable-title:hover {
    color:  #F0E67B;
}

.togglable-indicator {
    position: absolute;
    top: 35px;
    right: 25px;
    width: 20px;
    display: block;
}

.togglable-indicator:before,
.togglable-indicator:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 2px;
    background: #555;
}

.togglable-indicator:after {
    transform: rotate(90deg);
}

.show-toggled .togglable-indicator {
    transform: rotate(45deg);
    top: 37px;
}

.show-toggled .togglable-indicator:before,
.show-toggled .togglable-indicator:after {
    background:  #F0E67B;
}

.togglable-content {
    display: none;
    font-size: 15px;
    line-height: 1.5em;
}

.show-toggled .togglable-content {
    display: block;
}

.togglable-content > div {
    padding: 25px 50px;
    box-sizing: border-box;
}

@media only screen and (max-width: 60em) {
    .togglable-content > div {
        padding: 0 25px;
    }
}

.togglable-content h4 {
    font-size: 14px;
}

.togglable-content a {
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
}

/* foundation-cta */
.foundation-cta {
    position: relative;
    padding: 5rem 2rem;
    color: #fff;
    text-align: center;
    background: no-repeat center #b1bb1d;
    background-size: cover;
}

.foundation-cta:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(177, 187, 29, 0.8);
}

.foundation-cta > * {
    position: relative;
}

.foundation-cta p:last-child {
    margin-bottom: 0;
}

/* Story */
.timeline-story {
    position: relative;
    margin-bottom: -30px;
}

.timeline-story-time {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    background:  #F0E67B;
}

.timeline-story-block {
    box-sizing: border-box;
    background: no-repeat center bottom;
    background-size: 100% auto;
}

.timeline-story-item {
    position: relative;
    margin: 100px 0;
    margin-left: calc(50% + 60px);
    font-size: 18px;
    line-height: 1.3em;
}

.timeline-story-item:nth-child(even) {
    margin-left: 0;
    margin-right: calc(50% + 60px);
    text-align: right;
}

.timeline-story-item:nth-child(even) blockquote {
    margin-right: 0;
    margin-left: auto;
}

.timeline-story-content {
    opacity: 0;
    transform: translateY(20px);
    transition: all 400ms ease-in 200ms;
}

.timeline-story-content blockquote {
    max-width: 280px;
    padding: 15px 0 20px;
    font-family: 'ITC New Baskerville W01', serif;
    font-size: 17px;
    text-align: inherit;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.timeline-story-content blockquote + blockquote {
    border-top: 0;
    margin-top: -2em;
}

.white-texts .timeline-story-content blockquote {
    border-color: #fff;
}

.timeline-story-content blockquote strong {
    display: block;
    margin-bottom: 10px;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 54px;
    color:  #F0E67B;
    line-height: 1em;
}

.timeline-story-content blockquote p {
    margin: 0;
}

.timeline-story-marker {
    position: absolute;
    top: 12px;
    width: 24px;
    height: 24px;
    background:  #F0E67B;
    border-radius: 50%;
    left: -72px;
    transform: scale(0);
    transition: transform 200ms ease-in;
}

.timeline-story-item:first-child .timeline-story-marker {
    width: 50px;
    height: 50px;
    left: -85px;
}

.timeline-story-item:nth-child(even) .timeline-story-marker {
    left: auto;
    right: -72px;
}

@media only screen and (max-width: 60em) {
    .timeline-story-time {
        left: 25px;
    }

    .timeline-story-block .timeline-story-item:nth-child(n) {
        margin: 50px 0;
        padding-left: 50px;
        padding-right: 0;
        text-align: left;
    }

    .timeline-story-block .timeline-story-item:nth-child(n) blockquote {
        margin-left: 0;
    }

    .timeline-story-marker {
        left: 3px;
        right: auto;
        width: 15px;
        height: 15px;
    }

    .timeline-story-item:nth-child(even) .timeline-story-marker {
        left: 3px;
        right: auto;
    }

    .timeline-story-item:first-child .timeline-story-marker {
        width: 30px;
        height: 30px;
        left: -5px;
    }
}

.story-item-2 {
    margin-top: -440px;
}

.story-block-1 {
    background-size: cover;
}

.story-block-1 .story-item-3 {
    margin-top: -220px;
}

.story-block-2 {
    background-color: #dcdddf;
    padding-bottom: 22vw;
}

.story-block-3 {
    background-color: #dbe1df;
    padding-bottom: 35vw;
}

.story-block-3 .story-item-3 {
    margin-top: -350px;
}

.visible-story-item .timeline-story-content {
    opacity: 1;
    transform: translateY(0);
}

.visible-story-item .timeline-story-marker {
    transform: scale(1);
}

/* Boxed col */
.boxed-col-row {
    display: flex;
}

@media only screen and (max-width: 60em) {
    .boxed-col-row {
        display: block;
    }
}

.boxed-col {
    display: flex;
    -webkit-box-flex-flow: column;
    -moz-box-flex-flow: column;
    flex-flow: column;
    flex: 0 0 calc(50% - 20px);
    margin-left: 40px;
}

.boxed-col:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 60em) {
    .boxed-col {
        display: block;
        margin-left: 0;
    }
}

.boxed-box {
    flex: 0 1 100%;
    display: flex;
    -webkit-box-flex-flow: column;
    -moz-box-flex-flow: column;
    flex-flow: column;
    -webkit-box-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    padding: 30px 50px;
    font-size: 15px;
    text-align: center;
    line-height: 1.3em;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-sizing: border-box;
    margin-top: 40px;
}

.boxed-box:first-child {
    margin-top: 0;
}

.boxed-box.form-box a {
    font-size: 12px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.boxed-box p {
    margin-bottom: 1em;
}

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

.boxed-box .gform_wrapper {
    margin-bottom: 20px;
}

.boxed-box .gform_footer {
    margin-top: 0;
}

@media only screen and (max-width: 60em) {
    .boxed-box {
        display: block;
        margin: 0 0 20px;
        padding: 30px;
    }
}

/* ==========================================================================
   Foundation Archive
   ========================================================================== */
@media screen and (max-width: 1000px) {
    .foundation-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.svg .foundation .main-logo {
    background-image: url("svg/Basecamp foundation_logo_negativ tekst-02.svg");
}

.foundation .site-name {
    font-size: 38px;
}

.foundation .site-name:before {
    background-image: url("./svg/foundation-logos-symbol.svg");
    width: 70px;
    height: 28px;
}

.foundation .block-intro:first-child {
    margin-top: -80px;
}

.foundation .block-boxes {
    margin-bottom: 4rem;
}

.foundation-features .feature {
    width: 110px;
}

.foundation-icon {
    display: inline-block;
    height: 56px;
    vertical-align: top;
    background: url("svg/foundation-icons.svg") no-repeat 0 0;
}

.foundation-icon-plant {
    width: 53px;
}

.foundation-icon-heart {
    width: 45px;
    background-position: -60px 0;
}

.foundation-icon-hand {
    width: 35px;
    background-position: -120px 0;
}

.foundation-top-content {
    max-width: 750px;
    margin-bottom: 90px;
    font-size: 20px;
    line-height: 1.6em;
}

.foundation-top-content--home {
    max-width: 1140px;
    margin-bottom: 200px;
}

.foundation-top-content p {
    color: rgba(255, 255, 255, 0.85);
}

/* ==========================================================================
	Reports
   ========================================================================== */
.has-foundation-content + .content {
    padding-top: 110px;
}

.blog-content table {
    overflow-y: auto;
    margin-bottom: 2em;
}

.blog-content table tbody {
    display: block;
    min-width: 400px;
}

.blog-content table td {
    min-width: 100px;
    padding: 5px 10px;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

.blog-content table td:first-child {
    border-left: 0;
}

.blog-content table tr:first-child td,
.blog-content table th {
    border-top: 0;
}

.table-wrap {
    overflow: auto;
}

.table-wrap table {
    min-width: 600px;
    table-layout: auto;
}

/* ==========================================================================
   Project Archive
   ========================================================================== */
.number-row {
    margin-top: 40px;
    display: flex;
    -webkit-box-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align-items: flex-start;
    -moz-box-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

@media only screen and (max-width: 60em) {
    .number-row {
        display: block;
    }

    .number-row .number-item {
        margin: 0 0 2em;
        font-size: 16px;
    }

    .number-row .number-item p.number-item-number {
        margin-bottom: 5px;
        font-size: 50px;
    }
}

.number-item {
    padding: 0 30px;
    font-size: 20px;
    text-align: center;
}

.number-item p {
    margin: 0;
}

.number-item p.number-item-number {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 64px;
    line-height: 1em;
}

.project-cards {
    top: -50px;
    padding-top: 0;
}

.project-cards .project-card:nth-child(even) .video-square {
    order: 2;
}

/* ==========================================================================
   Single Project
   ========================================================================== */
.project-lifts {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.project-lifts .project-card {
    min-height: 250px;
    margin: 0 25px 40px;
}

.project-lifts .project-card .video-square {
    flex: 0 0 40%;
}

.project-card {
    max-width: 1050px;
    min-height: 380px;
    margin: 0 auto 40px;
    background: #fff;
    text-align: left;
    overflow: hidden;
    display: flex;
}

.project-card.recommend-card {
    display: inline-block;
    min-height: 1px;
    margin: 0 20px 40px;
    text-align: center;
}

.project-card .video-square {
    flex: 0 0 35%;
}

.project-card-content {
    position: relative;
    display: flex;
    -webkit-box-flex-flow: column;
    -moz-box-flex-flow: column;
    flex-flow: column;
    -webkit-box-justify-content: space-between;
    -moz-box-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    padding: 30px;
    box-sizing: border-box;
}

.project-card-content .offer-label {
    position: absolute;
    top: 0;
    right: 0;
}

.project-card .top-title {
    font-size: 11px;
}

.project-card-maincontent {
    font-size: 15px;
    line-height: 1.3em;
}

.project-card-maincontent h2 {
    font-size: 24px;
}

.project-card-cta {
    margin: 0;
}

.project-card .offer-label {
    padding: 8px 10px;
    font-size: 10px;
    background: #00a25f;
}

.project-card-meta {
    margin: 30px 30px 30px 0;
    padding-left: 20px;
    flex: 0 0 150px;
    border-left: 1px solid rgba(136, 136, 136, 0.39);
}

@media only screen and (max-width: 60em) {
    .project-card {
        display: block;
    }

    .project-card .project-card-content {
        padding: 20px 20px 0;
    }

    .project-card .project-card-meta {
        border-left: 0;
    }
}

@media only screen and (max-width: 60em) {
    .project-lifts {
        max-width: none;
        margin-left: -10px;
        margin-right: -10px;
    }

    .project-lifts .project-card {
        margin: 0 10px 20px;
    }

    .project-lifts .project-card-content {
        padding: 35px 20px 20px;
    }
}

.project-meta {
    margin: 0.5em 0 0;
}

.project-meta-label {
    margin: 20px 0 5px;
    font-size: 17px;
    line-height: 1.3em;
}

.project-card .project-meta-label {
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.project-card .project-meta-label:first-child {
    margin-top: 10px;
}

.project-meta-item {
    margin: 0 0 5px;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    text-transform: uppercase;
    color: #888;
}

.project-meta-item a {
    color: inherit;
    text-decoration: none;
}

.project-meta-item a:hover {
    color:  #F0E67B;
}

.project-meta-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.project-meta-arrow {
    display: inline-block;
    width: 15px;
    height: 9px;
    margin: 0 2px;
    vertical-align: middle;
    background: url("svg/project-meta-arrow.svg") no-repeat 0 0;
}

.single-project-intro {
    margin: 2em auto 7em;
    padding-top: 0;
}

.project-map-holder {
    position: relative;
    margin: -180px 0 0;
}

.project-map-holder img {
    max-width: 550px;
}

@media only screen and (max-width: 60em) {
    .project-map-holder {
        margin: -150px 0 -80px;
    }

    .project-map-holder img {
        max-width: 100%;
        width: 300px;
    }
}

.project-map-open {
    position: absolute;
    left: 20%;
    bottom: 190px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #fff;
    transition: all 200ms ease-in;
}

.project-map-open:before {
    content: '+';
    display: block;
    font-size: 50px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-align: center;
    line-height: 44px;
}

.project-map-open:hover {
    transform: scale(1.2);
}

@media only screen and (max-width: 60em) {
    .project-map-open {
        bottom: 140px;
        left: 50px;
    }
}

.project-map-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0, 0, 0, 0.9);
}

.project-map-overlay-image {
    display: none;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 5vh;
    bottom: 5vh;
    background: no-repeat center;
    background-size: contain;
}

.project-top-container {
    position: relative;
    top: -50px;
    max-width: 558px;
    margin-bottom: -50px;
}

.project-top-video {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.video-square {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background: no-repeat center;
    background-size: cover;
}

.video-square.video-open {
    cursor: pointer;
}

.video-square.video-open:hover:after {
    opacity: 0;
}

.video-square:before {
    content: '';
    display: block;
    padding-top: 54%;
}

.video-square:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(85, 85, 85, 0.43);
    transition: opacity 300ms ease-in;
}

.video-square-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
}

.video-square-play:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    margin: 13px 16px;
    border-style: solid;
    border-width: 11px 0 11px 18px;
    border-color: transparent transparent transparent #00a25f;
}

.video-square-stripe {
    z-index: 2;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    box-sizing: border-box;
    background: #00a25f;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    -webkit-box-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-justify-content: space-around;
    -moz-box-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}

.video-square-stripe p {
    flex: 1 1 auto;
    margin: 0;
    padding: 15px;
}

#video-popup {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.9);
}

#video-popup .video-holder {
    display: flex;
    height: 1px;
    min-height: 100vh;
    max-width: 900px;
    margin: 0 auto;
    padding: 5rem 1rem;
    -webkit-box-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
}

.hide-overflow {
    overflow: hidden;
}

.close-video,
.close-map {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.close-video:before,
.close-map:before,
.close-video:after,
.close-map:after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    background:  #F0E67B;
    height: 2px;
    width: 100%;
}

.close-video:before,
.close-map:before {
    transform: rotate(45deg);
}

.close-video:after,
.close-map:after {
    transform: rotate(-45deg);
}

.close-video:hover:before,
.close-map:hover:before,
.close-video:hover:after,
.close-map:hover:after {
    background: #fff;
}

#player-loader {
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    transform: translateZ(0);
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.number-pagination {
    margin: 15px 0 30px;
    padding: 0;
    text-align: center;
    list-style-type: none;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.number-pagination li {
    display: inline;
    margin: 0 5px;
}

.number-pagination a {
    text-decoration: none;
}

.number-pagination .number-pagination-prev {
    float: left;
    margin: 0;
}

.number-pagination .number-pagination-next {
    float: right;
    margin: 0;
}

.number-pagination .number-pagination-active a {
    color: #333;
}

/* ==========================================================================
   404
   ========================================================================== */
.page-404 {
    text-align: center;
    padding-top: 20px;
}

/* ==========================================================================
   Foundation Footer
   ========================================================================== */
.foundation-footer {
    padding: 8em 0 7em;
    position: relative;
    background: no-repeat center;
    background-size: cover;
}

.foundation-footer:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.foundation-footer.foundation-cta:before {
    background: rgba(121, 121, 121, 0.8);
}

.foundation-footer .container {
    position: relative;
}

.foundation-footer p {
    margin-bottom: 1em;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#primary-footer {
    position: relative;
    z-index: 100;
    color: #06576d;
    text-align: center;
    background: #00334b;
    margin-bottom: 0;
}

#primary-footer h4 {
    margin-bottom: 1.6em;
}

#primary-footer .footer-top h4 {
    margin-bottom: 0.6em;
}

.footer-top {
    margin-bottom: 40px;
    padding: 40px 0;
    background: #FDFBEE;

    & p {
        margin: 0;
    }
}

.footer-bottom {
    margin-top: 20px;
    padding: 15px 0;
    font-size: 12px;
    background: #005870;
    color: white;
}

.footer-bottom p {
    margin-bottom: 0;
}

.footer-bottom a {
    color: inherit;
}

.footer-some-links a {
    display: inline-block;
    width: 3.2em;
    height: 3.2em;
}

.footer-facebook-icon {
    background-image: url("svg/BCE_ikon_SoME-fb.svg");
    background-repeat: no-repeat;
}

.footer-instagram-icon {
    background-image: url("svg/BCE_ikon_SoME-insta.svg");
    background-repeat: no-repeat;
}

.footer-tripadvisor-link-image {
    width: 18em;
    height: 12em;
}

.footer-tripadvisor-link-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-tripadvisor-link-wrapper:hover {
    opacity: 0.8;
}

.footer-tripadvisor-link {
    text-align: unset;
    font-size: 14px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
    color: #5B5B66;;
}

.footer-tripadvisor-link {
    text-align: unset;
    font-size: 14px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
    color: #5B5B66;
}

.footer-tripadvisor-link a {
    text-decoration: none;
}

.footer-tripadvisor-link:hover {
    color:  #F0E67B;
}

.footer-some-links a:hover {
    opacity: 0.8;
}

.footer-tripadvisor-links-static {
    display: flex;
    justify-content: space-between;
}

.footer-tripadvisor-links .menu {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-tripadvisor-links li {
    display: inline;
    margin: 0 0.5625rem 0.625rem;
}

.footer-tripadvisor-links a {
    white-space: nowrap;
    text-decoration: none;
    color: #888;
}

.footer-tripadvisor-links a:hover {
    color:  #F0E67B;
}

.footer-imgbox {
    width: 80px;
    height: 80px;
    margin: 0 10px 10px;
    border-radius: unset;
}

.footer-imgbox-partners {
    width: 6em;
    height: 6em;
    margin: 0 7px 10px;
}

.footer-imgbox:before {
    display: none;
}

.footer-imgbox img {
    -ms-filter: grayscale(100%);
    filter: #808080;
    filter: grayscale(100%);
    max-width: 100%;
    max-height: 100%;
    width: 6em;
    height: 6em;
    max-width: 100%;
    max-height: 100%;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.btn,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    transition: all 0.1s;
    display: inline-block;
    width: auto;
    cursor: pointer;
    padding: 12px 35px;
    color: white;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid #00334a;
    background-color: #00334a;
}

.btn {
    background-color: #00334a;
    color: white;
}

.btn:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:focus,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    opacity: 0.8;
}

.btn:active,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.btn:focus,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: none;
}

.btn[disabled],
button[disabled],
html input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
    pointer-events: none;
    opacity: 0.6;
}

.btn-white,
button.btn-white,
html input[type="button"].btn-white,
input[type="reset"].btn-white,
input[type="submit"].btn-white {
    color: #fff;
    border-color: #fff;
}

.btn-white:hover,
button.btn-white:hover,
html input[type="button"].btn-white:hover,
input[type="reset"].btn-white:hover,
input[type="submit"].btn-white:hover {
    color: #fff;
    background: transparent;
}

.btn-full,
button.btn-full,
html input[type="button"].btn-full,
input[type="reset"].btn-full,
input[type="submit"].btn-full,
#place_order {
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    text-align: center;
}

.btn-fill-white {
    color: #033c5a;
    background: rgba(255, 255, 255, 0.8);
    border: 3px solid transparent;
}

.btn-fill-light-blue {
    color: #00334A;
    background: #D4EAEE;
    border: 3px solid transparent;
    font-family: 'ABCWhyte-bold', sans-serif;
}

.btn-fill-white:hover {
    background: #033c5a;
    color: #fff;
}

.btn-higher,
button.btn-higher,
html input[type="button"].btn-higher,
input[type="reset"].btn-higher,
input[type="submit"].btn-higher {
    padding-top: 14px;
    padding-bottom: 14px;
}

.btn-bigger,
button.btn-bigger,
html input[type="button"].btn-bigger,
input[type="reset"].btn-bigger,
input[type="submit"].btn-bigger {
    margin-bottom: 2em;
    font-size: 18px;
}

.btn-smaller {
    padding: 9px 20px;
    font-size: 11px;
    border-width: 2px;
}

.btn-empty {
    border-color: transparent;
}

.btn-empty:hover,
.btn-empty:focus {
    box-shadow: none;
    background-color: transparent;
    color:  #F0E67B;
}

.btn-gap {
    margin: 0 6px;
}

.btn-fill,
.kenya .btn-fill,
.kenya .white-texts .btn-fill,
#place_order,
a.cart-dropdown-checkout-button {
    background: #00334a;
    border-color: #00334a;
    color: white;
}

.btn-fill:hover,
.kenya .btn-fill:hover,
.kenya .white-texts .btn-fill:hover,
#place_order:hover,
a.cart-dropdown-checkout-button:hover {
    opacity: 0.8;
}

.booking-cta-button {
    background-color: #F0E67B;
    padding: 10px 35px;
    border-color: #F0E67B;;
    color: black;
}

.booking-cta-button:hover {
    background-color: #F0E67B;
    padding: 10px 35px;
    border-color: #F0E67B;
    color: black;
}

.foundation .btn {
    border-color: #00a25f;
    color: #00a25f;
}

.foundation .btn:hover {
    background: #00a25f;
    color: #fff;
}

.foundation .btn:focus {
    background: #00a25f;
    color: #fff;
}

.foundation .btn-fill {
    background: #00a25f;
    color: #fff;
}

.foundation .btn-fill:hover {
    background: #00a25f;
}

.foundation .btn-white {
    color: #fff;
    border-color: #fff;
}

.foundation .btn-white:hover {
    color: #fff;
    background: transparent;
}

.foundation-cta .btn {
    color: #fff;
    background: #00a25f;
    border-color: #00a25f;
}

.foundation-cta .btn:hover {
    color: #fff;
    opacity: 0.9;
}

/* ==========================================================================
   Icons
   ========================================================================== */
.svg .icon,
.svg .cart-item-count,
.svg #search-bar .search-button {
    background-image: url("svg/icons.svg");
    filter: brightness(0) saturate(100%) invert(23%) sepia(45%) saturate(1816%) hue-rotate(158deg) brightness(100%) contrast(94%);
}

.svg .star-rating {
    background-image: url("svg/rating-star.svg");
}

.svg .slide-navigation {
    background-image: url("svg/slider-navicons.svg");
}

.svg .main-logo,
.svg .planner-logo-icon {
    background-image: url("images/logo.png");
    background-size: contain;
}

.svg .scroll-down {
    background-image: url("svg/down-arrow.svg");
}

.svg input.woocommerce-form__input-checkbox[type="checkbox"]:checked + span:before,
.svg input[type="checkbox"]:checked + label:before,
.svg input[type="radio"]:checked + label:before,
.svg #checkout-terms-wrapper input[type="checkbox"]:checked + span:before {
    background-image: url("svg/form-icons.svg");
}

.svg .datepicker-input,
.svg .gfield .datepicker_no_icon {
    background: url("svg/datepicker-icon.svg") no-repeat right center;
}

.svg .selected-item {
    background-image: url("svg/check.svg");
}

.no-svg .icon,
.no-js .icon,
.no-svg .cart-item-count,
.no-js .cart-item-count,
.no-svg #search-bar .search-button,
.no-js #search-bar .search-button {
    background-image: url("images/icons.png");
}

.no-svg .star-rating,
.no-js .star-rating {
    background-image: url("images/rating-star.png");
}

.no-svg .slide-navigation,
.no-js .slide-navigation {
    background-image: url("images/slider-navicons.png");
}

.no-svg .main-logo,
.no-js .main-logo,
.no-svg .planner-logo-icon,
.no-js .planner-logo-icon {
    background-image: url("images/logos.png");
}

.no-svg .scroll-down,
.no-js .scroll-down {
    background-image: url("images/down-arrow.png");
}

.no-svg input.woocommerce-form__input-checkbox[type="checkbox"]:checked + span:before,
.no-js input.woocommerce-form__input-checkbox[type="checkbox"]:checked + span:before,
.no-svg input[type="checkbox"]:checked + label:before,
.no-js input[type="checkbox"]:checked + label:before,
.no-svg input[type="radio"]:checked + label:before,
.no-js input[type="radio"]:checked + label:before {
    background-image: url("images/form-icons.png");
}

.no-svg .datepicker-input,
.no-js .datepicker-input,
.no-svg .gfield .datepicker_no_icon,
.no-js .gfield .datepicker_no_icon {
    background: url("images/datepicker-icon.png") no-repeat right center;
}

.no-svg .selected-item,
.no-js .selected-item {
    background-image: url("images/check.png");
}

.share-box--shortcode {
    margin: 0;
}

.btn--share {
    display: flex;
    align-items: center;
}

.share-button-icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999px;
    background-repeat: no-repeat;
}

.icon-feature-time {
    width: 31px;
    height: 33px;
    background-position: -50px 0;
}

.icon-feature-persons {
    width: 27px;
    height: 33px;
    background-position: -50px -40px;
}

.icon-feature-season {
    width: 30px;
    height: 33px;
    background-position: -50px -120px;
}

.icon-feature-meals {
    width: 22px;
    height: 33px;
    background-position: -50px -80px;
}

.icon-feature-residence {
    width: 33px;
    height: 33px;
    background-position: -50px -160px;
}

.icon-feature-wifi {
    width: 26px;
    height: 33px;
    background-position: -50px -193px;
}

.icon-feature-plane {
    width: 30px;
    height: 30px;
    background-position: -49px -229px;
}

.icon-feature-depa {
    width: 30px;
    height: 33px;
    background-position: -50px -268px;
}

.icon-globe {
    width: 16px;
    height: 16px;
    background-position: -130px 0;
}

.icon-search {
    width: 15px;
    height: 15px;
    background-position: -130px -20px;
}

.icon-close {
    width: 14px;
    height: 14px;
    margin: -3px 6px 0 0;
    background-position: -129px -159px;
}

.icon-close-black {
    width: 14px;
    height: 14px;
    margin: -3px 0 0 6px;
    background-position: -129px -179px;
}

.fixed-top-bar .icon-globe,
.page-without-header .top-bar .icon-globe {
    background-position: -130px -40px;
}

.fixed-top-bar .icon-search,
.page-without-header .top-bar .icon-search {
    background-position: -130px -60px;
}

.icon-big-globe {
    width: 32px;
    height: 32px;
    float: left;
    margin-top: 4px;
    margin-right: 20px;
    background-position: -130px -80px;
}

#search-bar .search-button,
.icon-big-search {
    width: 32px;
    height: 32px;
    float: left;
    margin-top: 2px;
    margin-right: 20px;
    background-position: -130px -119px;
}

.white-texts .icon-feature-time {
    background-position: 0 0;
}

.white-texts .icon-feature-persons {
    background-position: 0 -39px;
}

.white-texts .icon-feature-season {
    background-position: 0 -120px;
}

.white-texts .icon-feature-meals {
    background-position: 0 -79px;
}

.white-texts .icon-feature-residence {
    background-position: 0 -159px;
}

.white-texts .icon-feature-wifi {
    background-position: 0 -193px;
}

.white-texts .icon-feature-plane {
    background-position: 0 -229px;
}

.white-texts .icon-feature-depa {
    background-position: 0 -268px;
}

.card .icon-feature-time {
    background-position: -50px 0;
}

.card .icon-feature-persons {
    background-position: -50px -40px;
}

.card .icon-feature-season {
    background-position: -50px -120px;
}

.card .icon-feature-meals {
    background-position: -50px -80px;
}

.card .icon-feature-residence {
    background-position: -50px -160px;
}

.card .icon-feature-wifi {
    background-position: -50px -195px;
}

.card .icon-feature-depa {
    background-position: -50px -268px;
}

.icon-white-facebook,
.icon-color-facebook {
    width: 26px;
    height: 26px;
    background-position: -170px 0;
}

.icon-color-facebook {
    background-position: -240px 0;
}

.icon-white-twitter,
.icon-color-twitter {
    width: 31px;
    height: 26px;
    background-position: -170px -40px;
}

.icon-color-twitter {
    background-position: -240px -40px;
}

.icon-white-instagram {
    width: 26px;
    height: 26px;
    background-position: -170px -80px;
}

.icon-white-gplus,
.icon-color-gplus {
    width: 28px;
    height: 28px;
    background-position: -170px -120px;
}

.icon-color-gplus {
    background-position: -240px -120px;
}

.icon-white-pinterest,
.icon-color-pinterest {
    width: 25px;
    height: 26px;
    background-position: -170px -159px;
}

.icon-color-pinterest {
    background-position: -240px -159px;
}

.icon-share {
    width: 24px;
    height: 24px;
    margin-top: -5px;
    margin-left: 10px;
    background-position: -170px -200px;
}

.icon-cart {
    width: 21px;
    height: 21px;
    margin-right: 7px;
    background-position: -210px 0;
}

.icon-trash {
    width: 22px;
    height: 22px;
    background-position: -210px -90px;
}

.small-features .icon-feature-time {
    width: 15px;
    height: 15px;
    background-position: -100px 0;
}

.small-features .icon-feature-persons {
    width: 12px;
    height: 15px;
    background-position: -100px -40px;
}

.small-features .icon-feature-season {
    width: 18px;
    height: 14px;
    background-position: -100px -120px;
}

.small-features .icon-feature-meals {
    width: 18px;
    height: 17px;
    background-position: -100px -80px;
}

.small-features .icon-feature-residence {
    width: 12px;
    height: 12px;
    background-position: -100px -160px;
}

.small-features .icon-feature-wifi {
    width: 13px;
    height: 12px;
    background-position: -100px -200px;
}

.small-features .icon-feature-plane {
    width: 13px;
    height: 14px;
    background-position: -100px -230px;
}

.icon-planner-back {
    width: 20px;
    height: 11px;
    margin: -2px 5px 0 0;
    background-position: -130px -200px;
}

.star-rating {
    width: 104px;
    height: 14px;
    margin: 0 auto 15px;
    background: repeat-x left top;
}

.star-rating.rating-1 {
    width: 15px;
}

.star-rating.rating-2 {
    width: 37px;
}

.star-rating.rating-3 {
    width: 60px;
}

.star-rating.rating-4 {
    width: 82px;
}

.star-rating.rating-5 {
    width: 104px;
}

.slide-navigation {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 90;
    margin-top: -12px;
    display: block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -999px;
    background: no-repeat left top;
}

.slide-navigation.slide-next {
    left: auto;
    right: 15px;
    background-position: right top;
}

.main-logo {
    display: block;
    overflow: hidden;
    width: 119px;
    height: 76px;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 256px auto;
    margin-top: 2em;
    margin-right: 1em;
}

.site-title-container {
    margin-bottom: 2rem;
    text-align: center;
}

.site-name {
    font-family: 'ABCWhyteInktrap-bold', sans-serif;
    font-size: 45px;
    line-height: 0.9;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
}

@media screen and (max-width: 650px) {
    .site-name {
        font-size: 32px;
    }
}

.site-name:before {
    content: '';
    margin-right: 0.5rem;
    display: inline-block;
    width: 71px;
    height: 32px;
    background-image: url("./images/logo_without_text.png");
}

@media screen and (max-width: 650px) {
    .site-name:before {
        margin: 0 auto 1rem auto;
        display: block;
    }
}

.site-title {
    text-transform: none;
    font-size: 50px;
    font-family: 'Anette-Bradform-regular', sans-serif;
    margin-bottom: 0;
    line-height: 1.1;
    margin-top: 1.5rem;
}

@media screen and (max-width: 650px) {
    .site-title {
        font-size: 34px;
    }
}

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

.main-logo-black,
.page-without-header .top-bar .main-logo {
    background-position: right top;
}

.main-logo-small,
.fixed-top-bar .top-bar .main-logo {
}

.fixed-top-bar .main-logo {
    margin-top: 7px;
}

.planner-logo-icon {
    display: block;
    overflow: hidden;
    width: 140px;
    height: 35px;
    background-position: 0 -110px;
    background-repeat: no-repeat;
}

/* Tooltipster */
.tooltipstered {
    cursor: pointer;
}

.tooltipster-own {
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    transition-property: opacity, transform;
    transition-duration: 240ms;
    transition-timing-function: ease;
    transition-delay: 300ms;
    opacity: 0;
    transform: translateY(20px);
}

.tooltipster-own.tooltipster-show {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   Dialog
   ========================================================================== */
.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dialog {
    position: fixed;
    z-index: 1000;
    display: none;
    text-align: center;
}

.dialog.dialog-show {
    display: block;
}

.dialog .gform_wrapper {
    margin-bottom: 0;
}

.dialog__overlay {
    position: absolute;
    z-index: 1;
    background: rgba(51, 51, 51, 0.9);
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}

.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}

.dialog__content {
    width: 90%;
    max-width: 750px;
    min-width: 290px;
    margin: auto;
    background: #fff;
    padding: 4em;
    position: relative;
    z-index: 5;
    opacity: 0;
}

.dialog-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    z-index: 30;
    padding: 30px 0;
}

.dialog--open .dialog__content {
    pointer-events: auto;
}

.close-contact-form {
    position: absolute;
    top: 30px;
    right: 30px;
    text-decoration: none;
    font-size: 12px;
    color: #333;
}

.close-contact-form:hover {
    color:  #F0E67B;
}

/* Content */
.dialog--open .dialog__overlay {
    transition-duration: 0.8s;
}

.dialog--close .dialog__overlay {
    transition-duration: 0.5s;
}

.dialog__content {
    padding: 0;
    background: transparent;
}

.dialog.dialog--open .dialog__content {
    opacity: 1;
}

.morph-shape {
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    z-index: -1;
}

.morph-shape svg rect {
    stroke: #fff;
    stroke-width: 2px;
    stroke-dasharray: 4140;
}

.dialog--open .morph-shape svg rect {
    -webkit-animation: anim-dash 0.6s forwards;
    animation: anim-dash 0.6s forwards;
}

.dialog-inner {
    opacity: 0;
    background: #fff;
}

.dialog--open .dialog-inner {
    padding: 4em;
    opacity: 1;
    transition: opacity 0.85s 0.35s;
}

.dialog.dialog--open .dialog-title,
.dialog.dialog--open .gform_title {
    -webkit-animation: anim-elem-1 0.7s ease-out both;
    animation: anim-elem-1 0.7s ease-out both;
}

.dialog.dialog--open button,
.dialog.dialog--open .button {
    -webkit-animation: anim-elem-2 0.7s ease-out both;
    animation: anim-elem-2 0.7s ease-out both;
}

@keyframes anim-dash {
    0% {
        stroke-dashoffset: 1680;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes anim-dash {
    0% {
        stroke-dashoffset: 1680;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/* Inner elements animations */

@-webkit-keyframes anim-elem-1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-150px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes anim-elem-1 {
    0% {
        opacity: 0;
        transform: translate3d(-150px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes anim-elem-2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(150px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes anim-elem-2 {
    0% {
        opacity: 0;
        transform: translate3d(150px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* ==========================================================================
   Trip Planner
   ========================================================================== */
.general-planner-background {
    background-image: url("images/general-planner-background.jpg");
}

.general-planner-content {
    display: table;
    height: inherit;
    width: 100%;
    padding-top: 0;
}

.general-planner-content .page-holder {
    display: table-cell;
    width: 100%;
    padding-top: 80px;
    vertical-align: middle;
}

.planner-logo {
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 3;
}

.planner-home {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 60px;
    height: 60px;
    background: #000;
}

.main-frame {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.content-frame {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.content-frame .current-frame {
    overflow: auto;
}

.planner-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: no-repeat center;
    background-size: cover;
}

.planner-head.head-1 {
    background-image: url("images/planner-id-1.jpg");
}

.planner-head.head-2 {
    background-image: url("images/planner-id-2.jpg");
}

.planner-head.head-3 {
    background-image: url("images/planner-id-3.jpg");
}

.planner-head.head-4 {
    background-image: url("images/planner-id-4.jpg");
}

.planner-head.head-5 {
    background-image: url("images/planner-id-5.jpg");
}

.planner-head-content {
    max-width: 490px;
    margin: auto;
    padding: 0 15px;
    text-align: center;
}

.planner-head-content .border-box {
    font-size: 14px;
}

.planner-head-content .border-box p {
    margin-bottom: 1.5em;
}

.planner-head-content .border-box .planner-head-toptitle {
    margin-bottom: 0.1em;
    font-size: 20px;
}

.planner-head-backlink {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
}

.planner-head-backlink a {
    color: #fff;
    text-decoration: none;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}

.planner-head-backlink a:hover {
    color:  #F0E67B;
}

.planner-head-toptitle {
    margin-bottom: 1em;
    font-family: 'ITC New Baskerville W01', serif;
    font-style: italic;
    font-size: 22px;
    text-transform: none;
}

.planner-content {
    padding: 20px 20px 60px;
    background: #fff;
}

.planner-content .card-title {
    font-size: 24px;
}

.plan-type-card {
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(10, 11, 11, 0.3);
}

.plan-type-card h3 {
    display: table;
    height: inherit;
    width: 100%;
}

.plan-type-card a {
    display: table-cell;
    height: inherit;
    vertical-align: middle;
}

.plan-type-card a:hover {
    color:  #F0E67B;
}

.bottom-content {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    text-align: center;
}

.current-frame {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.frame-id-0 {
    background: #ffc0cb;
}

.main-frame .frame-id-1,
.frame-home-1 {
    background: url("images/planner-id-1.jpg") no-repeat center;
    background-size: cover;
}

.main-frame .frame-id-2,
.frame-home-2 {
    background: url("images/planner-id-2.jpg") no-repeat center;
    background-size: cover;
}

.frame-in {
    -webkit-animation: frameIn 600ms ease;
    animation: frameIn 600ms ease;
}

.frame-reverse-in {
    overflow: hidden !important;
    -webkit-animation: frameReverseIn 600ms ease;
    animation: frameReverseIn 600ms ease;
}

.frame-out {
    overflow: hidden !important;
    -webkit-animation: frameOut 600ms ease 10ms;
    animation: frameOut 600ms ease 10ms;
}

.frame-reverse-out {
    overflow: hidden !important;
    -webkit-animation: frameReverseOut 600ms ease 10ms;
    animation: frameReverseOut 600ms ease 10ms;
}

.exit-planner {
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1em;
}

.exit-planner a {
    text-decoration: none;
    color: #033c5a;
}

.exit-planner a:hover {
    color:  #F0E67B;
}

.select-interests,
.select-adventures {
    min-width: 50px;
}

.selected-item {
    overflow: hidden;
    min-width: 50px;
    text-indent: -999px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-color:  #F0E67B;
}

.bottom-mover {
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 50%;
    padding: 20px 0;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    background:  #F0E67B;
    transition: transform 500ms ease;
}

.bottom-mover a {
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

.bottom-mover p {
    margin-bottom: 0;
}

.bottom-mover .slide-navigation {
    position: static;
    display: inline-block;
    margin: -7px 0 0 10px;
    vertical-align: middle;
}

.hidden-mover {
    transform: translateY(66px);
}

/* ==========================================================================
   Woocommerce
   ========================================================================== */
.woocommerce #cart .checkout-description {
    margin-bottom: 1rem;
}

.woocommerce #cart .cart--content h2 {
    font-size: 18px;
    margin: 0.5rem 0 1.5rem;
}

.woocommerce #cart tr {
    background-color: #f9f9f9;
    margin-left: -1.5rem;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 1rem;
}

.woocommerce #cart tr:first-child {
    border-top: 1px solid rgba(151, 151, 151, 0.3);
}

.woocommerce #cart td {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.woocommerce #cart .cart--product-image img {
    width: 6.5rem;
    height: 6.5rem;
    margin-right: 2rem;
}

.woocommerce #cart .cart--info {
    flex: 1;
    margin-right: 2rem;
}

.woocommerce #cart .cart--title {
    font-size: 18px;
    line-height: 1.44;
    margin-bottom: 0.5rem;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    width: 100%;
}

.woocommerce #cart .cart--date {
    font-size: 13px;
    line-height: 1.44;
    margin-bottom: 0.5rem;
    font-family: 'ABCWhyte-book', sans-serif;
    width: 100%;
    display: flex;
}

.woocommerce #cart .cart--date:before {
    content: ' ';
    flex-grow: 0;
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("images/icon-calendar.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.75rem;
    opacity: 0.3;
}

.woocommerce #cart .cart--persons {
    font-size: 13px;
    line-height: 1.44;
    margin-bottom: 0;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    margin-right: 0.5rem;
    display: flex;
}

.woocommerce #cart .cart--persons:before {
    content: ' ';
    flex-grow: 0;
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("images/icon-person.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.75rem;
}

.woocommerce #cart .cart--edit {
    font-size: 12px;
    line-height: 1.44;
}

.woocommerce #cart .cart--edit button {
    font-size: 12px;
    line-height: 1.44;
    border: 0;
    margin: 0;
    padding: initial;
    text-transform: capitalize;
}

.woocommerce #cart .cart--edit button:hover,
.woocommerce #cart .cart--edit button:active {
    box-shadow: 0 0 0 0;
    text-decoration: underline;
}

.woocommerce #cart .cart--price {
    margin-top: 2rem;
    justify-content: flex-end;
    margin-right: 2rem;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
}

.woocommerce #cart .cart--remove {
    margin-top: 2rem;
    transform: translateY(-0.2rem);
    width: 2.5rem;
    height: 2.5rem;
}

.woocommerce #cart .cart--remove .cart-remove-btn {
    background-color: #013b59;
    border-radius: 4px;
    text-indent: -99999999px;
    overflow: hidden;
    background-image: url("images/icon-trash.png");
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
}

@media only screen and (max-width: 37rem) {
    .woocommerce #cart tr {
        flex-wrap: wrap;
    }

    .woocommerce #cart tr .cart--info {
        width: calc(100% - 140px);
        flex: unset;
        margin-right: 0;
    }

    .woocommerce #cart tr .cart--price {
        flex: initial;
        margin-left: 140px;
    }
}

/* ==========================================================================
   DEBUG
   ========================================================================== */
.ScrollSceneIndicators {
    z-index: 100 !important;
}

.code-area {
    font-family: monospace;
    color: #ececec;
    background: #1d1d1d !important;
}

.code-area-large {
    height: 500px;
}

/* ==========================================================================
   Media Querys
   ========================================================================== */
@media only screen and (max-width: 1170px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .language-nav {
        right: 15px;
    }
}

@media screen and (max-width: 1170px) {
    .divider-slider {
        height: 0;
        padding: 0 0 65% 0;
    }

    .divider-slider .slider-item img {
        max-width: 100%;
    }

    .indicators {
        width: 100%;
    }

    .top-part {
        position: relative;
    }

    .cookies-not-accepted .top-part {
        z-index: 100001;
    }

    .main-nav-open {
        position: absolute;
        z-index: 300;
        top: 26px;
        right: 15px;
        display: inline-block;
        font-size: 14px;
        border: 2px solid #fff;
        border-radius: 3px;
        margin-bottom: 1em;
        margin-top: 1em;
    }

    .main-nav-open:hover {
        color: #fff !important;
    }

    .main-nav-open .close-text {
        display: none;
    }

    .page-without-header .main-nav-open {
        border-color: #333;
    }

    .page-without-header .top-bar .nav-holder .icon-globe {
        background-position: -130px 0;
    }

    .page-without-header .top-bar .nav-holder .icon-search {
        background-position: -130px -20px;
    }

    .nav-holder {
        float: none;
        margin: 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .main-nav-opened {
        overflow: hidden;
    }

    .main-nav-opened .nav-holder {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 200;
        overflow: auto;
        background: #111;
        display: flex;
        flex-direction: column;
    }

    .main-nav-opened .basic-menu,
    .main-nav-opened .search-bar-open {
        display: block;
    }

    .main-nav-opened .language-nav {
        display: flex;
        justify-content: center;
    }

    .main-nav-opened .main-logo {
        display: none;
    }

    .main-nav-opened .main-nav-open .open-text {
        display: none;
    }

    .main-nav-opened .main-nav-open .close-text {
        display: inline;
    }

    #main-nav .basic-menu-toplevel {
        margin-bottom: 10px;
    }

    .basic-menu,
    .search-bar-open,
    .language-nav {
        display: none;
    }

    .top-sub-bar-close {
        position: absolute;
        top: 15px;
        left: 15px;
        padding: 11px 9px;
    }

    .close-name {
        display: inline;
    }

    #search-bar .top-sub-bar-close {
        border: none;
    }

    #search-bar .search-field {
        margin: 5px 0;
        font-size: 17px;
    }

    .open-sub-bar {
        height: 100vh;
        padding-top: 70px;
        background: #333;
    }

    .open-sub-bar .icon {
        float: none;
    }

    .search-bar-open {
        position: absolute;
        top: 26px;
        left: 0;
        margin: 0;
    }

    .external-links {
        display: block;
        position: fixed;
        left: 15px;
        bottom: 15px;
        height: fit-content;
    }

    .external-links a {
        margin: 0;
        border: 0;
        max-width: none;
    }

    .language-nav {
        position: absolute;
        top: 89px;
        width: 100%;
        height: 80px;
        left: 0;
        right: auto;
        border-top: 1px solid #292929;
        border-bottom: 1px solid #292929;
        z-index: 300;
    }

    .language-nav li {
        height: inherit;
    }

    .language-nav a {
        display: block;
        font-size: 14px;
        line-height: 1.3em;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .fixed-top-bar .top-bar {
        position: absolute;
        top: 0;
        padding: 0;
        background: none;
        transform: translateY(0);
    }

    .fixed-top-bar .top-bar .menu-open {
        border-color: #fff;
    }

    .fixed-top-bar .top-bar .menu-open:before,
    .fixed-top-bar .top-bar .menu-open:after {
        background: #fff;
    }

    .fixed-top-bar.has-foundation-content .top-bar {
        transform: translateY(0);
    }

    .page-without-header.main-nav-opened .top-bar a,
    .fixed-top-bar .top-bar a {
        color: #fff;
    }

    .page-without-header.main-nav-opened .top-bar .main-nav-open,
    .fixed-top-bar .top-bar .main-nav-open {
        border-color: #fff;
    }

    .page-without-header .top-bar .main-nav-open,
    .page-without-header .top-bar .open-text {
        color: #333;
    }

    .basic-menu {
        position: relative;
        top: 185px;
        padding: 0;
        background: inherit;
    }

    .basic-menu .menu {
        position: relative;
        width: auto;
        margin-left: 0;
    }

    .basic-menu .menu > .menu-item.menu-item-has-children > a:after {
        content: '+';
        display: block;
        position: absolute;
        top: 18px;
        right: 0;
        width: 21px;
        height: 21px;
        margin: 0;
        font-size: 32px;
        color: #fff;
        border: 0;
        transform: rotate(0);
    }

    .basic-menu .menu > .menu-item.menu-item-has-children:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 55px;
        width: 40px;
        background: rgba(0, 0, 0, 0);
    }

    .basic-menu .menu > .menu-item.opened-top-level > a:after {
        content: '-';
    }

    .basic-menu .menu > .menu-item {
        display: block;
        float: none;
        margin-left: 0;
    }

    .basic-menu .menu > .menu-item:hover .sub-menu {
        display: none;
    }

    .basic-menu .menu > .menu-item > a {
        font-size: 30px;
    }

    .basic-menu .menu > .menu-item > .sub-menu {
        position: static;
        padding-left: 20px;
        background: none;
        transform: translateX(0);
    }

    .basic-menu .menu > .menu-item > .sub-menu:before {
        display: none;
    }

    .opened-top-level .sub-menu {
        display: block !important;
    }

    .sub-menu {
        position: static;
        padding: 15px 0 0;
        font-size: 14px;
    }

    .sub-menu a {
        padding: 5px;
        display: inline-block;
    }

    .sub-menu .sub-menu {
        padding-left: 15px;
        font-size: 12px;
    }

    .foundation-nav-container {
        top: 15px;
    }

    .foundation-home-link {
        padding: 15px 0;
        font-size: 14px;
    }

    .white-content-bg {
        background-size: inherit;
    }

    .external-links--footer {
        display: none;
    }
}

@media screen and (max-width: 60em), screen and (max-height: 550px) {
    .page-background {
        min-height: 700px;
    }

    .page-head {
        display: block;
    }

    .foundation .page-head {
        padding-top: 55px;
    }

    .page-head .page-head-content {
        display: block;
        min-height: 1px;
        overflow: visible;
        position: static;
        margin: 0 auto;
        padding-top: 150px;
        padding-bottom: 0;
        transform: translateY(0);
    }

    .page-title,
    .header-frame h1 {
        padding: 0;
        font-size: 30px;
    }

    .header-frame {
        border-top: 3px solid #fff;
    }

    .header-frame:before {
        border-top: 2px solid #fff;
    }

    .header-frame .bread-hider {
        margin: 0;
    }

    .header-frame .breadcrumb-holder {
        top: -50px;
        font-size: 12px;
    }

    .header-frame .breadcrumb-holder:before,
    .header-frame .breadcrumb-holder:after {
        display: none;
    }

    .header-frame .breadcrumb-holder .breadcrumb:before,
    .header-frame .breadcrumb-holder .breadcrumb:after {
        display: none;
    }

    .header-frame--black {
        border-color: #333;
    }

    .header-frame--black:before {
        border-color: #333;
    }

    .header-frame-content {
        padding: 0 20px;
    }

    .header-frame-content .title-description {
        padding: 0;
    }

    .trip-head-info {
        margin-top: 20px;
    }

    .scroll-down {
        display: none;
    }

    .map-trigger,
    .kenya .map-trigger {
        top: 0;
        margin-top: -60px;
        height: 250px;
    }

    .map-holder {
        position: relative;
        height: auto;
    }

    .map-holder .container {
        transform: scale(0.5);
        transform-origin: 50% 0;
    }
}

@media only screen and (max-width: 60em) {
    [class*="kala"] {
        width: auto;
        margin-left: 0;
        float: none;
        clear: both;
    }

    [class*="mkala"] {
        display: block;
        float: left;
        clear: none;
        margin: 0 0 0 2.192982456140351%;
    }

    [class*="offset"] {
        padding-left: 0;
    }

    .tank-row .mfirst {
        margin-left: 0;
    }

    .tank-row .mlast {
        margin-right: 0;
    }

    .universal-top {
        height: 60px;
        font-size: 12px;
    }

    .universal-top .container {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .has-universal-content .top-bar,
    .has-universal-content #search-bar {
        top: 60px;
    }

    .has-universal-content + *:before {
        content: '';
        display: block;
        height: 60px;
    }

    .home .content-row .story-box:first-of-type {
        margin-top: 0;
    }

    .page-container {
        padding-top: 30px;
    }

    .inner-wrapper-sticky {
        position: static !important;
        width: auto !important;
    }

    .aside-holder {
        margin-bottom: 20px;
    }

    .aside-holder:after {
        display: none;
    }

    .aside-holder p.subtitle,
    .aside-holder p {
        margin-bottom: 1em;
    }

    .features {
        text-align: center;
    }

    .feature {
        margin: 0 7px 15px;
    }

    .small-features {
        text-align: left;
    }

    .small-features .feature {
        margin: 0 15px 15px 0;
    }

    .price-box {
        text-align: center;
    }

    .price-box .price {
        margin: 3px 10px 3px 0;
    }

    .price-box .btn {
        margin: 0.5rem;
    }

    .card-head {
        padding: 50px 20px;
        text-align: center;
    }

    .small-card .card-head {
        padding: 40px 20px;
    }

    .recommend-clear {
        display: none;
    }

    .recommend-cards-row .recommend-cards {
        text-align: center;
    }

    .card {
        margin-bottom: 20px;
    }

    .card-content {
        padding: 20px 20px 1px;
    }

    .slider-card {
        text-align: center;
    }

    .slider-card .card-slider-holder {
        float: none;
        margin: 20px auto 0;
    }

    .slider-card .card-content {
        clear: both;
        width: auto;
        float: none;
        max-height: none;
        padding: 20px 20px 0;
    }

    .slider-card .card-content:before {
        display: none;
    }

    .slider-card .card-content p {
        margin-bottom: 1em;
    }

    .bottom-note {
        position: static;
        clear: both;
        padding: 0 20px 20px;
        text-align: center;
    }

    .card-booking-text {
        clear: both;
        padding-left: 0;
    }

    .interest-card .card-imagehead {
        min-height: 190px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
    }

    .interest-card-content,
    .interest-card-expand {
        padding-left: 20px;
        padding-right: 20px;
    }

    .interest-card-content {
        margin-top: -80px;
    }

    .interest-card-expand {
        top: 120px;
        padding-top: 60px;
    }

    .select-interests,
    .select-adventures {
        float: none;
    }

    .opened-card .interest-card-expand {
        top: 160px;
    }

    .story-box {
        display: flex;
    }

    .story-image {
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .story-box-content {
        padding-left: 0;
    }

    .story-box-content h3 {
        font-size: 14px;
    }

    .story-box-content .ingress {
        margin-bottom: 1em;
        font-size: 16px;
        line-height: 1.1em;
    }

    .story-meta,
    .image-caption,
    .text-author {
        font-size: 9px;
    }

    .round-imgbox {
        width: 130px;
        height: 130px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .round-imgbox-title {
        font-size: 13px;
    }

    .round-imgbox-content {
        font-size: 12px;
    }

    blockquote,
    .quote {
        font-size: 29px;
        line-height: 1.3em;
    }

    .divider-text {
        padding: 3px 0;
    }

    .home .content > .white-content-bg {
        padding-top: 30px;
    }

    .offer-box {
        display: block;
    }

    .offer-box .offer-label {
        display: inline-block;
        margin: 0 0 10px;
        white-space: normal;
    }

    h1 {
        font-size: 35px;
    }

    h2,
    .title-like-h2 {
        font-size: 29px;
    }

    .hero-title {
        font-size: 35px;
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .title-404 {
        font-size: 100px;
    }

    .card-title {
        font-size: 25px;
    }

    .card-title.float-left {
        float: none;
        margin-bottom: 20px;
    }

    .card-title.float-left + .float-right {
        float: none;
    }

    .divider-title {
        margin-top: 10px;
        font-size: 40px;
        line-height: 1.1em;
    }

    .bigger-texts .page-container {
        font-size: 19px;
        line-height: 1.5em;
    }

    .packing-list-title {
        margin-bottom: 30px;
    }

    .link-next-title,
    .packing-list-title a {
        display: block;
        margin: 10px 0 0;
    }

    .sidenav-toggler {
        display: block;
        margin: 0;
        cursor: pointer;
        font-family: 'ABCWhyte-book', sans-serif;
        font-size: 14px;
        color:  #F0E67B;
        text-transform: uppercase;
    }

    .sidenav-toggler:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        float: right;
        margin-top: 5px;
        border: 2px solid  #F0E67B;
        border-top: 0;
        border-right: 0;
        transform: rotate(-45deg);
    }

    .sidenav-toggler.toggled-sidenav:after {
        margin-top: 12px;
        transform: rotate(135deg);
    }

    .sidenav-toggler.toggled-sidenav + .page-sidenav-holder {
        display: block;
        margin-top: 10px;
    }

    .aside-holder .sidenav-toggler {
        margin: 10px 0 0;
    }

    .page-sidenav-holder {
        display: none;
    }

    .dialog__content {
        padding-top: 0;
    }

    .dialog--open .dialog-inner {
        padding: 3em 1em;
    }

    .close-contact-form {
        top: 20px;
        right: 20px;
    }

    .morph-shape {
        display: none;
    }

    .number-pagination {
        position: relative;
        padding-top: 20px;
    }

    .number-pagination .number-pagination-next,
    .number-pagination .number-pagination-prev {
        position: absolute;
        top: 0;
    }

    .number-pagination .number-pagination-next {
        right: 0;
    }

    .number-pagination .number-pagination-prev {
        left: 0;
    }

    .footer-some-links a {
        margin: 0 7px;
    }

    .footer-tripadvisor-links .menu {
        flex-direction: column;
    }

    .footer-tripadvisor-links li {
        margin: 0 0 0.625rem;
    }

    .footer-tripadvisor-links li:last-child {
        margin-bottom: 0;
    }

    .footer-bottom p {
        float: none;
    }

    .main-frame,
    .content-frame {
        position: relative;
        width: auto;
        min-height: 100%;
        height: auto;
        overflow: inherit;
    }

    .main-frame .current-frame,
    .content-frame .current-frame {
        overflow: inherit;
    }

    .main-frame {
        min-height: 10px;
    }

    .progress {
        position: absolute;
    }

    .bottom-mover {
        width: 100%;
    }

    .planner-progress {
        width: 100%;
        height: 70px;
        overflow: hidden;
        bottom: 20px;
        transform: translateY(0);
    }

    .planner-progress .progress-row {
        width: 77%;
    }

    .planner-progress .progress-row p {
        font-size: 7px;
    }

    .planner-head-content {
        position: relative;
        top: 120px;
        padding-top: 0;
        font-size: 15px;
        line-height: 1.3em;
        transform: translateY(0);
    }

    .planner-head-content.bottom-content {
        position: absolute;
        z-index: 2;
        top: auto;
    }

    .planner-head-content h2 {
        font-size: 25px;
    }

    .planner-head-content .border-box {
        padding: 20px;
        font-size: 13px;
    }

    .planner-head-content .border-box h2 {
        font-size: 20px;
    }

    .planner-head-content .border-box p {
        margin-bottom: 1em;
    }

    .planner-head-content .border-box .planner-head-toptitle {
        margin-bottom: 0;
        font-size: 19px;
    }

    .planner-head-backlink {
        top: 60px;
    }

    .bottom-mover {
        font-size: 15px;
    }

    .shopping-progress {
        position: relative;
    }

    .shopping-progress p {
        font-size: 9px;
    }

    .booking-shopping-cart {
        float: none;
    }

    .card-booking-cartrow {
        text-align: center;
    }

    .card-booking-cartrow .price-box {
        margin: 10px 25px 15px;
    }

    .booked-persons {
        display: block;
    }

    .page-head,
    .map-trigger,
    .content,
    #primary-footer {
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: none;
        -o-transform: translate3d(0, 0, 0);
    }

    .map-home-map {
        position: relative;
    }

    .map-home-spitsbergenstripe,
    .map-home-kenyastripe {
        display: none;
    }

    .map-home-box {
        float: none;
        margin: auto;
        text-align: center;
    }

    .map-home-box.float-right {
        text-align: center;
    }

    .half-spitsbergen {
        padding-right: 0;
    }
}

/* ==========================================================================
   Print Stylesheet
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

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

    .single-report .top-part,
    .single-report .aside-trigger,
    .single-report #primary-footer,
    .single-report .print-link {
        display: none;
    }

    .print-logo {
        display: block;
        margin-bottom: 50px;
    }

    .print-logo h4 {
        margin-top: 10px;
    }

    .single-report .kala8 {
        width: auto !important;
        margin-left: 0 !important;
    }

    .has-foundation-content + .content,
    .single-report .page-container {
        padding-top: 0;
    }
}

@page {
    size: auto;   /* auto is the initial value */
    /* this affects the margin in the printer settings */
    margin: 25mm 15mm 25mm 15mm;
}

.page-template-template-links-php {
    background: #fff;
}

.hub-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hub-link {
    width: calc(50% - 0.5rem);
    text-decoration: none;
}

.hub-link__image {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hub-link__title {
    color: #333;
    margin: 2rem 0;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .hub-link {
        width: calc(100%);
    }
}

.CalendarDay {
    border: 1px solid #e4e7e7;
    padding: 0;
    box-sizing: border-box;
    color: #565a5c;
    cursor: pointer;
}

.CalendarDay__button {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    box-sizing: border-box;
}

.CalendarDay__button:active {
    outline: 0;
}

.CalendarDay--highlighted-calendar {
    background: #ffe8bc;
    color: #565a5c;
    cursor: default;
}

.CalendarDay--highlighted-calendar:active {
    background: #007a87;
}

.CalendarDay--outside {
    border: 0;
    cursor: default;
}

.CalendarDay--outside:active {
    background: #fff;
}

.CalendarDay--hovered {
    background: #e4e7e7;
    border: 1px double #d4d9d9;
    color: inherit;
}

.CalendarDay--blocked-minimum-nights {
    color: #cacccd;
    background: #fff;
    border: 1px solid #e4e7e7;
    cursor: default;
}

.CalendarDay--blocked-minimum-nights:active {
    background: #fff;
}

.CalendarDay--selected-span {
    background: #66e2da;
    border: 1px double #33dacd;
    color: #fff;
}

.CalendarDay--selected-span.CalendarDay--hovered, .CalendarDay--selected-span:active {
    background: #33dacd;
    border: 1px double #00a699;
}

.CalendarDay--selected-span.CalendarDay--last-in-range {
    border-right: #00a699;
}

.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
    background: #b2f1ec;
    border: 1px double #80e8e0;
    color: #007a87;
}

.CalendarDay--hovered-span:active,
.CalendarDay--after-hovered-start:active {
    background: #80e8e0;
}

.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
    background: #00a699;
    border: 1px double #00a699;
    color: #fff;
}

.CalendarDay--selected-start:active,
.CalendarDay--selected-end:active,
.CalendarDay--selected:active {
    background: #00a699;
}

.CalendarDay--blocked-calendar {
    background: #cacccd;
    color: #82888a;
    cursor: default;
}

.CalendarDay--blocked-calendar:active {
    background: #cacccd;
}

.CalendarDay--blocked-out-of-range {
    color: #cacccd;
    background: #fff;
    border: 1px solid #e4e7e7;
    cursor: default;
}

.CalendarDay--blocked-out-of-range:active {
    background: #fff;
}

.CalendarMonth {
    text-align: center;
    padding: 0 13px;
    vertical-align: top;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.CalendarMonth table {
    border-collapse: collapse;
    border-spacing: 0;
    caption-caption-side: initial;
}

.CalendarMonth--horizontal:first-of-type,
.CalendarMonth--vertical:first-of-type {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}

.CalendarMonth--horizontal {
    display: inline-block;
    min-height: 100%;
}

.CalendarMonth--vertical {
    display: block;
}

.CalendarMonth__caption {
    color: #3c3f40;
    margin-top: 7px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 2px;
    caption-side: initial;
}

.CalendarMonth--horizontal .CalendarMonth__caption,
.CalendarMonth--vertical .CalendarMonth__caption {
    padding: 15px 0 35px;
}

.CalendarMonth--vertical-scrollable .CalendarMonth__caption {
    padding: 5px 0;
}

.CalendarMonthGrid {
    background: #fff;
    z-index: 0;
    text-align: left;
}

.CalendarMonthGrid--animating {
    transition: transform 0.2s ease-in-out;
    z-index: 1;
}

.CalendarMonthGrid--horizontal {
    position: absolute;
    left: 9px;
}

.CalendarMonthGrid--vertical {
    margin: 0 auto;
}

.CalendarMonthGrid--vertical-scrollable {
    margin: 0 auto;
    overflow-y: scroll;
}

.DayPicker {
    background: #fff;
    position: relative;
    text-align: left;
}

.DayPicker--horizontal {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}

.DayPicker--horizontal.DayPicker--portal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%;
}

.DayPicker--vertical.DayPicker--portal {
    position: initial;
}

.DayPicker__focus-region {
    outline: none;
}

.DayPicker__week-headers {
    position: relative;
}

.DayPicker--horizontal .DayPicker__week-headers {
    margin-left: 9px;
}

.DayPicker__week-header {
    color: #757575;
    position: absolute;
    top: 62px;
    z-index: 2;
    padding: 0 13px;
    text-align: left;
}

.DayPicker__week-header ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
}

.DayPicker__week-header li {
    display: inline-block;
    text-align: center;
}

.DayPicker--vertical .DayPicker__week-header {
    left: 50%;
}

.DayPicker--vertical-scrollable {
    height: 100%;
}

.DayPicker--vertical-scrollable .DayPicker__week-header {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: white;
}

.DayPicker--vertical-scrollable .transition-container--vertical {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll;
}

.DayPicker--vertical-scrollable .DayPicker__week-header {
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.transition-container {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

.transition-container--horizontal {
    transition: height 0.2s ease-in-out;
}

.transition-container--vertical {
    width: 100%;
}

.DayPickerNavigation__prev,
.DayPickerNavigation__next {
    cursor: pointer;
    line-height: 0.78;
    -webkit-user-select: none;
    /* Chrome/Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
    user-select: none;
}

.DayPickerNavigation__prev--default,
.DayPickerNavigation__next--default {
    border: 1px solid #dce0e0;
    background-color: #fff;
    color: #757575;
}

.DayPickerNavigation__prev--default:focus, .DayPickerNavigation__prev--default:hover,
.DayPickerNavigation__next--default:focus,
.DayPickerNavigation__next--default:hover {
    border: 1px solid #c4c4c4;
}

.DayPickerNavigation__prev--default:active,
.DayPickerNavigation__next--default:active {
    background: #f2f2f2;
}

.DayPickerNavigation--horizontal {
    position: relative;
}

.DayPickerNavigation--horizontal .DayPickerNavigation__prev,
.DayPickerNavigation--horizontal .DayPickerNavigation__next {
    border-radius: 3px;
    padding: 6px 9px;
    top: 18px;
    z-index: 2;
    position: absolute;
}

.DayPickerNavigation--horizontal .DayPickerNavigation__prev {
    left: 22px;
}

.DayPickerNavigation--horizontal .DayPickerNavigation__prev--rtl {
    left: auto;
    right: 22px;
}

.DayPickerNavigation--horizontal .DayPickerNavigation__next {
    right: 22px;
}

.DayPickerNavigation--horizontal .DayPickerNavigation__next--rtl {
    right: auto;
    left: 22px;
}

.DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
    height: 19px;
    width: 19px;
    fill: #82888a;
}

.DayPickerNavigation--vertical {
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 52px;
    width: 100%;
    z-index: 2;
}

.DayPickerNavigation--vertical .DayPickerNavigation__prev,
.DayPickerNavigation--vertical .DayPickerNavigation__next {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 50%;
}

.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
    border-left: 0;
}

.DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
    text-align: center;
    font-size: 2.5em;
    padding: 5px;
}

.DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
    height: 42px;
    width: 42px;
    fill: #484848;
}

.DayPickerNavigation--vertical-scrollable {
    position: relative;
}

.DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
    width: 100%;
}

.DayPickerKeyboardShortcuts__show,
.DayPickerKeyboardShortcuts__close {
    background: none;
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
}

.DayPickerKeyboardShortcuts__show:active,
.DayPickerKeyboardShortcuts__close:active {
    outline: none;
}

.DayPickerKeyboardShortcuts__show {
    width: 22px;
    position: absolute;
    z-index: 2;
}

.DayPickerKeyboardShortcuts__show--bottom-right {
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699;
    bottom: 0;
    right: 0;
}

.DayPickerKeyboardShortcuts__show--bottom-right:hover {
    border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts__show--bottom-right .DayPickerKeyboardShortcuts__show_span {
    bottom: 0;
    right: -28px;
}

.DayPickerKeyboardShortcuts__show--top-right {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    top: 0;
    right: 0;
}

.DayPickerKeyboardShortcuts__show--top-right:hover {
    border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts__show--top-right .DayPickerKeyboardShortcuts__show_span {
    top: 1px;
    right: -28px;
}

.DayPickerKeyboardShortcuts__show--top-left {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    top: 0;
    left: 0;
}

.DayPickerKeyboardShortcuts__show--top-left:hover {
    border-left: 33px solid #008489;
}

.DayPickerKeyboardShortcuts__show--top-left .DayPickerKeyboardShortcuts__show_span {
    top: 1px;
    left: -28px;
}

.DayPickerKeyboardShortcuts__show_span {
    color: #fff;
    position: absolute;
}

.DayPickerKeyboardShortcuts__panel {
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 22px;
    margin: 33px;
}

.DayPickerKeyboardShortcuts__title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.DayPickerKeyboardShortcuts__list {
    list-style: none;
    padding: 0;
}

.DayPickerKeyboardShortcuts__close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2;
}

.DayPickerKeyboardShortcuts__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd;
}

.DayPickerKeyboardShortcuts__close svg:hover, .DayPickerKeyboardShortcuts__close svg:focus {
    fill: #82888a;
}

.DayPickerKeyboardShortcuts__close:active {
    outline: none;
}

.KeyboardShortcutRow {
    margin: 6px 0;
}

.KeyboardShortcutRow__key-container {
    display: inline-block;
    white-space: nowrap;
    text-align: right;
    margin-right: 6px;
}

.KeyboardShortcutRow__key {
    font-family: monospace;
    font-size: 12px;
    text-transform: uppercase;
    background: #f2f2f2;
    padding: 2px 6px;
}

.KeyboardShortcutRow__action {
    display: inline;
    word-break: break-word;
    margin-left: 8px;
}

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow {
    margin-bottom: 16px;
}

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__key-container {
    width: auto;
    text-align: left;
    display: inline;
}

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

.DateInput {
    font-weight: 200;
    font-size: 18px;
    line-height: 24px;
    color: #757575;
    margin: 0;
    padding: 8px;
    background: #fff;
    position: relative;
    display: inline-block;
    width: 130px;
    vertical-align: middle;
}

.DateInput--with-caret::before,
.DateInput--with-caret::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: auto;
    border: 10px solid transparent;
    left: 22px;
    z-index: 2;
}

.DateInput--open-down.DateInput--with-caret::before,
.DateInput--open-down.DateInput--with-caret::after {
    border-top: 0;
}

.DateInput--open-down.DateInput--with-caret::before {
    top: 62px;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.DateInput--open-down.DateInput--with-caret::after {
    top: 63px;
    border-bottom-color: #fff;
}

.DateInput--open-up.DateInput--with-caret::before,
.DateInput--open-up.DateInput--with-caret::after {
    border-bottom: 0;
}

.DateInput--open-up.DateInput--with-caret::before {
    top: -24px;
    border-top-color: rgba(0, 0, 0, 0.1);
}

.DateInput--open-up.DateInput--with-caret::after {
    top: -25px;
    border-top-color: #fff;
}

.DateInput--disabled {
    background: #cacccd;
}

.DateInput__input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    height: 100%;
    width: 100%;
}

.DateInput__input[readonly] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.DateInput__display-text {
    padding: 4px 8px;
    white-space: nowrap;
    overflow: hidden;
}

.DateInput__display-text--has-input {
    color: #484848;
}

.DateInput__display-text--focused {
    background: #99ede6;
    border-color: #99ede6;
    border-radius: 3px;
    color: #007a87;
}

.DateInput__display-text--disabled {
    font-style: italic;
}

.screen-reader-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.DateRangePicker {
    position: relative;
    display: inline-block;
}

.DateRangePicker__picker {
    z-index: 1;
    background-color: #fff;
    position: absolute;
}

.DateRangePicker__picker--rtl {
    direction: rtl;
}

.DateRangePicker__picker--direction-left {
    left: 0;
}

.DateRangePicker__picker--direction-right {
    right: 0;
}

.DateRangePicker__picker--open-down {
    top: 72px;
}

.DateRangePicker__picker--open-up {
    bottom: 72px;
}

.DateRangePicker__picker--portal {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.DateRangePicker__picker--full-screen-portal {
    background-color: #fff;
}

.DateRangePicker__close {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2;
}

.DateRangePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd;
}

.DateRangePicker__close:hover, .DateRangePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none;
}

.DateRangePickerInput {
    background-color: #fff;
    border: 1px solid #cacccd;
    display: inline-block;
}

.DateRangePickerInput--disabled {
    background: #cacccd;
}

.DateRangePickerInput--rtl {
    direction: rtl;
}

.DateRangePickerInput__arrow {
    display: inline-block;
    vertical-align: middle;
}

.DateRangePickerInput__arrow svg {
    vertical-align: middle;
    fill: #484848;
    height: 24px;
    width: 24px;
}

.DateRangePickerInput__clear-dates {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 10px 0 5px;
}

.DateRangePickerInput__clear-dates svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle;
}

.DateRangePickerInput__clear-dates--hide {
    visibility: hidden;
}

.DateRangePickerInput__clear-dates:focus,
.DateRangePickerInput__clear-dates--hover {
    background: #dbdbdb;
    border-radius: 50%;
}

.DateRangePickerInput__calendar-icon {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px;
}

.DateRangePickerInput__calendar-icon svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle;
}

.SingleDatePicker {
    position: relative;
    display: inline-block;
}

.SingleDatePicker__picker {
    z-index: 1;
    background-color: #fff;
    position: absolute;
}

.SingleDatePicker__picker--rtl {
    direction: rtl;
}

.SingleDatePicker__picker--direction-left {
    left: 0;
}

.SingleDatePicker__picker--direction-right {
    right: 0;
}

.SingleDatePicker__picker--open-down {
    top: 72px;
}

.SingleDatePicker__picker--open-up {
    bottom: 72px;
}

.SingleDatePicker__picker--portal {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.SingleDatePicker__picker--full-screen-portal {
    background-color: #fff;
}

.SingleDatePicker__close {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2;
}

.SingleDatePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd;
}

.SingleDatePicker__close:hover, .SingleDatePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none;
}

.SingleDatePickerInput {
    background-color: #fff;
    border: 1px solid #dbdbdb;
}

.SingleDatePickerInput--disabled {
    background: #cacccd;
}

.SingleDatePickerInput--rtl {
    direction: rtl;
}

.SingleDatePickerInput__clear-date {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 10px 0 5px;
}

.SingleDatePickerInput__clear-date svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle;
}

.SingleDatePickerInput__clear-date--hide {
    visibility: hidden;
}

.SingleDatePickerInput__clear-date:focus,
.SingleDatePickerInput__clear-date--hover {
    background: #dbdbdb;
    border-radius: 50%;
}

.SingleDatePickerInput__calendar-icon {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px;
}

.SingleDatePickerInput__calendar-icon svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle;
}

.modal__ovarylay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 5rem 1rem 1rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
}

.modal__content {
    position: relative;
    background: #fff;
    padding: 2rem 4rem;
    width: 100%;
    max-width: 1186px;
    border-radius: 6px;
    outline: none;
    margin: auto 0;
}

@media screen and (max-width: 550px) {
    .modal__content {
        padding: 1rem;
    }
}

.modal__content button {
    margin: 0;
}

.modal__content .btn-close {
    padding: 15px 20px;
    line-height: 15px;
}

.modal__content--small {
    max-width: 300px;
}

.planner-footer {
    margin: 2rem -2rem;
    padding: 2rem;
    border-top: 1px solid #808080;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-title {
    font-size: 21px;
}

.checkout-description {
    color: #808080;
    font-style: italic;
    max-width: 670px;
}

.checkout-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.cart-price {
    font-size: 16px;
    font-family: 'ABCWhyte-book', sans-serif;
}

.cart-price__label {
    text-transform: uppercase;
    display: block;
    color: #808080;
}

.cart-price__currency {
    margin-left: 0.5rem;
    color: #808080;
}

.cart-price__price {
    font-weight: normal;
    font-size: 34px;
}

.woocommerce .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
}

.woocommerce .loader:before {
    position: relative;
    left: 0;
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #033c5a;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

table.shop_table td,
table.shop_table tbody th,
table.shop_table tfoot td,
table.shop_table tfoot th {
    padding: 15px;
    border-top: 1px solid #e4e4e4;
}

.checkout-box,
.wc_payment_methods {
    border: 1px solid #e4e4e4;
    padding: 15px;
    margin-bottom: 2rem;
}

.wc_payment_methods {
    list-style: none;
}

.woocommerce-checkout .kala8.offset2.first {
    width: 100%;
    margin: 0;
    padding: 0;
}

form.woocommerce-checkout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce-NoticeGroup-checkout {
    color:  #F0E67B;
    width: 100%;
}

#customer_details {
    width: 65%;
}

#customer_details .col-1,
#customer_details .col-2 {
    float: none;
    width: 100%;
}

#order_review {
    width: 31%;
}

form.woocommerce-checkout button,
form.woocommerce-checkout input,
form.woocommerce-checkout select,
form.woocommerce-checkout textarea {
    border-color: transparent;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

.woocommerce-error {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-info,
.woocommerce-notice,
.woocommerce-error li {
    background: #ebebeb;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    display: block;
    border-left: 8px solid #febd27;
    color: #222;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 14px;
}

.checkout-box {
    padding: 25px 17px 15px;
}

.checkout-box h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

.checkout-box .woocommerce-checkout-review-order-table {
    width: 100%;
}

.checkout-box .woocommerce-checkout-review-order-table th,
.checkout-box .woocommerce-checkout-review-order-table td {
    text-align: left;
    padding: 10px 10px 10px 0 !important;
    font-size: 14px;
}

.checkout-box .woocommerce-checkout-review-order-table th {
    font-size: 14px;
}

.checkout-box .woocommerce-checkout-review-order-table thead {
    display: none;
}

.checkout-box .woocommerce-checkout-review-order-table tbody tr {
    border-top: 1px solid #ccc;
}

.checkout-box .woocommerce-checkout-review-order-table tbody td {
    border-top: none !important;
}

.checkout-box .woocommerce-checkout-review-order-table tfoot tr {
    border-top: 1px solid #ccc;
}

.checkout-box .woocommerce-checkout-review-order-table tfoot th,
.checkout-box .woocommerce-checkout-review-order-table tfoot td {
    border-top: none !important;
}

.wc_payment_methods {
    padding: 25px 17px 15px;
}

.wc_payment_methods .payment_method_paypal p {
    margin-bottom: 10px;
}

.woocommerce-additional-fields__field-wrapper textarea {
    height: 100px;
}

form.woocommerce-checkout input {
    border-color: inherit;
    box-shadow: inherit;
}

.woocommerce-account-fields .select2-selection--single,
.select2-container .select2-selection--single {
    border-color: transparent;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    padding: 10px;
    height: 48px;
}

.woocommerce-account-fields.select2-container--open .select2-selection--single,
.select2-container.select2-container--open .select2-selection--single {
    border: 1px solid #aaa;
}

.select2-search__field {
    margin-bottom: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}

#checkout-terms-wrapper {
    margin-bottom: 2rem;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #c2c2c2;
    background: #f7f7f7;
}

#checkout-terms-wrapper input {
    display: inline-block;
    position: absolute;
    top: 0.5rem;
    left: -1.5rem;
    font-size: 1rem;
}

#checkout-terms-wrapper label {
    display: inline;
    text-transform: none;
    font-family: 'ITC New Baskerville W01', serif;
    font-weight: 400;
    font-size: 16px;
    clear: both;
}

#checkout-terms-wrapper p {
    display: inline;
}

#checkout-terms-wrapper a {
    padding: 0 1rem;
}

#checkout-terms-wrapper .term-wrapper {
    position: relative;
    margin: 0.8rem 0.4rem;
    padding-left: 30px;
    line-height: 1.2em;
}

#checkout-terms-wrapper .term-wrapper:before,
#checkout-terms-wrapper .term-wrapper:after {
    content: '';
    display: table;
    clear: both;
}

#checkout-terms-wrapper input[type="checkbox"] {
    display: none;
}

#checkout-terms-wrapper input[type="checkbox"] + span {
    cursor: pointer;
    font-family: 'ITC New Baskerville W01', serif;
    text-transform: none;
}

#checkout-terms-wrapper input[type="checkbox"] + span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    margin: 2px 15px 20px 0;
    vertical-align: top;
    border: 1px solid #555;
    background: #fff;
    border-radius: 4px;
}

#checkout-terms-wrapper input[type="checkbox"]:checked + span:before {
    background-position: 4px 3px;
    background-size: 10px auto;
    background-repeat: no-repeat;
}

#billing_extra_field,
#order_comments_field {
    display: none;
}

.woocommerce-checkout-payment #place_order {
    display: none;
}

.checkout-back {
    padding-bottom: 1rem;
    display: inline-block;
    text-decoration: none;
}

.review-attendee-count {
    margin-top: -0.5rem;
}

.wc-payment-form {
    margin-bottom: 1rem;
}

.wc-credit-card-form {
    padding: 0;
    border: none;
}

.wc-credit-card-form .form-row {
    margin: 0 0 1rem 0;
}

.wc-credit-card-form .form-row-last {
    margin-bottom: 0;
}

.stripe-source-errors + br {
    display: none;
}

#wc-stripe-new-payment-method + label {
    position: relative;
    padding-left: 2.5rem;
    display: block !important;
}

#wc-stripe-new-payment-method + label:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

@media screen and (max-width: 60em) {
    #customer_details {
        width: 100%;
    }

    #order_review {
        width: 100%;
    }
}

.woocommerce-order-details {
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

.order_details {
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
    list-style: none;
    border-bottom: 1px solid #eee;
    width: 100%;
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg) scale(0.8);
    }
    50% {
        transform: rotate(180deg) scale(1.2);
    }
    to {
        transform: rotate(360deg) scale(0.8);
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg) scale(0.8);
    }
    50% {
        transform: rotate(180deg) scale(1.2);
    }
    to {
        transform: rotate(360deg) scale(0.8);
    }
}

.DayPickerNavigation--horizontal button:hover {
    background-color: #fff;
}

.CalendarMonth__caption {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 16px;
}

.DateInput {
    z-index: 20;
    font-size: 14px;
    width: auto;
    background: transparent;
    padding: 4px;
    text-transform: uppercase;
    font-family: 'ABCWhyte-book', sans-serif;
}

.DateInput--open-down.DateInput--with-caret:before {
    top: 48px;
}

.DateInput--open-down.DateInput--with-caret:after {
    top: 49px;
}

.DateInput--open-up.DateInput--with-caret:before {
    top: -14px;
}

.DateInput--open-up.DateInput--with-caret:after {
    top: -15px;
}

.DateRangePicker__picker {
    z-index: 10;
}

.DateRangePickerInput__arrow svg {
    width: 12px;
}

.CalendarDay {
    background: #00a25f;
}

.CalendarDay button {
    margin: 0;
    font-size: 16px;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
}

.CalendarDay button:hover,
.CalendarDay button:focus {
    color: #fff;
    background:  #00334a;
    border-color:  #00334a;
}

.kenya .CalendarDay button {
    color: inherit;
}

.CalendarDay--selected-span {
    background-color: #00334a;
    border: 1px double #00334a;
}

.CalendarDay--selected-span button {
    color: #fff;
}

.CalendarDay--selected-span.CalendarDay--hovered,
.CalendarDay--selected-span:active {
    background-color:  #00334a;
    border: 1px solid #00334a;
}

.CalendarDay--after-hovered-start,
.CalendarDay--hovered-span {
    background-color: #00334a;
    border: 1px solid #00334a;
    color: #fff;
}

.CalendarDay--selected-span {
    opacity: 0.8;
    background-color:  #00334a;
    border: 1px double #00334a;
}

.CalendarDay--selected-span button {
    color: #fff;
}

.CalendarDay--blocked-calendar,
.CalendarDay--selected-span.CalendarDay--blocked,
.CalendarDay--blocked-out-of-range {
    background-color: #fff;
    color: #666;
    opacity: 0.3;
    border: 1px solid #e4e7e7;
}

.CalendarDay--blocked-calendar button,
.CalendarDay--selected-span.CalendarDay--blocked button,
.CalendarDay--blocked-out-of-range button {
    cursor: not-allowed;
    color: #666;
}

.CalendarDay--blocked-calendar.CalendarDay--hovered-span,
.CalendarDay--selected-span.CalendarDay--blocked.CalendarDay--hovered-span,
.CalendarDay--blocked-out-of-range.CalendarDay--hovered-span,
.CalendarDay--blocked-calendar.CalendarDay--selected-span,
.CalendarDay--selected-span.CalendarDay--blocked.CalendarDay--selected-span,
.CalendarDay--blocked-out-of-range.CalendarDay--selected-span {
    background: #f00;
    opacity: 1;
    border: 1px solid #f00;
}

.CalendarDay--blocked-calendar.CalendarDay--hovered-span button,
.CalendarDay--selected-span.CalendarDay--blocked.CalendarDay--hovered-span button,
.CalendarDay--blocked-out-of-range.CalendarDay--hovered-span button,
.CalendarDay--blocked-calendar.CalendarDay--selected-span button,
.CalendarDay--selected-span.CalendarDay--blocked.CalendarDay--selected-span button,
.CalendarDay--blocked-out-of-range.CalendarDay--selected-span button {
    background: #f00;
    color: #fff;
}

.CalendarDay--selected-start,
.CalendarDay--selected-end {
    opacity: 1;
    background-color:  #00334a;
    border: 1px double #00334a;
}

.CalendarDay--selected-start button,
.CalendarDay--selected-end button {
    color: #fff;
}

.DateInput__display-text--focused {
    background-color: transparent;
    color: #00334a;
}

.DateRangePicker {
    width: 100%;
}

.DateRangePicker__picker--open-down {
    top: 60px;
}

.DateRangePickerInput {
    position: relative;
    padding: 0 0 0 25px;
    line-height: 1;
    font-size: 16px;
    margin-bottom: 1rem;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.DateRangePickerInput:before {
    position: absolute;
    font-family: 'dashicons';
    content: "\f508";
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    color: #808080;
}

.calendar-contact-link {
    display: block;
    margin: -10px 0 0;
    padding-bottom: 15px;
    font-size: 11px;
    line-height: 1.3em;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.calendar-contact-link a {
    position: relative;
    padding: 5px;
    text-decoration: none;
}

.booking-cta .dk-selected {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 8px 15px;
    color: #484848;
    font-weight: bold;
    padding-left: 2.25rem;
}

.booking-cta .dk-selected:before {
    left: 1rem;
    right: auto;
    border-top-color: #808080;
}

.cart-dropdown {
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    padding: 1rem;
    position: absolute;
    right: 0;
    top: calc(100% + 20px);
    width: 100vw;
    max-width: 300px;
    border-radius: 6px;
}

.cart-dropdown::after {
    content: '';
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    position: absolute;
    right: 3rem;
    bottom: calc(100% - 12px);
    transform: rotate(45deg);
}

.cart-dropdown__header {
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: none;
    font-size: 13px;
    color: #333;
    margin: 0 0 20px 0;
}

.cart-dropdown__header .bookingicons {
    position: relative;
    top: 3px;
    margin-right: 4px;
    color: #333;
    font-size: 16px;
}

.cart-dropdown a.cart-dropdown-more-link {
    border: none;
    margin: 0;
    color:  #00334a;
    max-width: none;
    width: 100%;
    padding: 1rem;
    font-size: 12px;
}

@media screen and (max-width: 1170px) {
    .cart-dropdown {
        top: auto;
        bottom: calc(100% + 20px);
        right: auto;
        left: 0;
    }

    .cart-dropdown::after {
        bottom: auto;
        top: calc(100% - 12px);
        right: auto;
        left: 3em;
    }
}

a.cart-dropdown-checkout-button {
    margin-bottom: 0;
    max-width: none;
    margin: 0;
    padding: 1rem;
    font-size: 14px;
    border-color: transparent;
    border-radius: 0;
}

.cart-list {
    margin: 0 0 1rem 0;
    padding: 0;
    list-style: none;
}

.cart-list-item {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.cart-list-image {
    width: 60px;
    height: 60px;
    margin-right: 1rem;
}

.cart-list-title {
    flex: 1;
}

.cart-list-title .cart-list-name {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.1em;
}

.cart-list-title .cart-list-description {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 11px;
}

.cart-remove-btn {
    border: none;
    margin: 0;
    padding: 1rem;
    font-size: 1.25rem;
}

.cart-remove-btn:hover,
.cart-remove-btn:focus {
}

.page-without-header .top-bar a.cart-dropdown-checkout-button,
.fixed-top-bar .top-bar a.cart-dropdown-checkout-button {
    border-color: transparent;
    color: #fff;
}

.page-without-header .top-bar a.cart-dropdown-checkout-button:hover,
.fixed-top-bar .top-bar a.cart-dropdown-checkout-button:hover {
    border-color: transparent;
    color: #fff;
}

.cart-list-attendee-count {
    margin-right: 1rem;
}

.cart-list-attendee-count:before {
    font-family: 'dashicons';
    content: "\f110";
    font-size: 16px;
    position: relative;
    top: 4px;
    margin-right: 4px;
    color: #999;
}

.cart-list-attendee-date {
    margin-right: 1rem;
    text-transform: none;
}

.cart-list-attendee-date:before {
    font-family: 'dashicons';
    content: "\f145";
    font-size: 16px;
    position: relative;
    top: 4px;
    margin-right: 4px;
    color: #999;
}

.woocommerce .vis-timeline {
    margin-bottom: 2rem !important;
    border: none !important;
    visibility: visible !important;
}

.woocommerce .vis-item {
    background: transparent !important;
    border: none !important;
}

.woocommerce .vis-item .vis-item-content {
    padding: 0 5px 5px 5px;
}

.woocommerce .timeslot-title {
    height: 29px;
}

.woocommerce .timeslot-label {
    background: #033c5a;
    color: #fff;
    font-weight: normal;
    padding: 1rem;
    margin: 0;
    border-radius: 3px;
}

.woocommerce .vis-selected .timeslot-label {
    border: 2px solid  #F0E67B;
}

.woocommerce .timeslot-unavailable .timeslot-label {
    opacity: 0.9;
    background: #f5f5f5;
    color: #808080;
}

.woocommerce .vis-label {
    text-transform: uppercase;
    font-weight: bold;
}

.woocommerce .vis-nested-group {
    color: #808080 !important;
}

.woocommerce .vis-time-axis .vis-text {
    text-align: center;
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #878787 !important;
}

.woocommerce .vis-item .vis-item-overflow {
    font-family: 'ABCWhyte-book', sans-serif;
    font-size: 12px;
    color: #333;
}

.woocommerce .vis-item .vis-item-overflow .vis-item-content {
    text-align: center;
}

.woocommerce .vis-item .vis-item-overflow .vis-item-content .timeslot-label {
    font-size: 14px;
    color: #fff;
}

.woocommerce .vis-content .vis-background .vis-group {
    background-color: #f3f3f3;
}

.woocommerce .vis-content .vis-foreground .vis-group {
    border-bottom: 5px solid #fff;
    display: block;
    position: relative;
}

.woocommerce .vis-content .vis-foreground .vis-group:last-child {
    border-bottom: none;
}

.woocommerce .vis-content .vis-foreground .vis-group:empty {
    background-color: #fff;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label {
    border-bottom: 5px solid #fff;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nesting-group {
    background-color: #fff;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nesting-group:before {
    font-size: 11px;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nesting-group label {
    font-size: 16px;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nested-group {
    background-color: #f3f3f3;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nested-group .vis-inner {
    padding: 21px !important;
    color: #333;
    font-size: 18px;
    font-family: 'ABCWhyte-book', sans-serif;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nested-group .vis-inner label {
    color: #878787;
    font-size: 12px;
    margin-bottom: 0;
    max-width: 150px;
    padding-right: 10px;
}

.woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nested-group:last-child {
    border-bottom: none;
}

.woocommerce .vis-time-axis.vis-background {
    z-index: 1;
}

.woocommerce .vis-content .vis-background {
    z-index: -1;
}

.woocommerce .timeslot-label-available {
    background-color: #748fa0;
}

.woocommerce .timeslot-label-unavailable {
    background: transparent !important;
    color: #fd7e7e !important;
}

.woocommerce .remove-vis-group {
    color: #333;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: none;
    padding: 0 3px 7px;
    font-size: 20px;
    line-height: 0;
    background: #d8d8d8;
    border-radius: 0;
}

.woocommerce .remove-vis-group:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    background:  #F0E67B;
}

@media only screen and (max-width: 600px) {
    .woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nesting-group:before {
        font-size: 10px;
        display: none;
    }

    .woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nesting-group label {
        font-size: 12px;
        max-width: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nested-group .vis-inner {
        padding: 7px !important;
        font-size: 14px;
    }

    .woocommerce .vis-panel.vis-left .vis-content .vis-label.vis-nested-group .vis-inner label {
        font-size: 10px;
        max-width: 70px;
    }

    .woocommerce .vis-time-axis .vis-text {
        font-size: 10px;
    }

    .woocommerce .vis-item .vis-item-overflow {
        font-size: 11px;
        color: #333;
    }

    .woocommerce .vis-item .vis-item-overflow .vis-item-content {
        text-align: center;
    }

    .woocommerce .vis-item .vis-item-overflow .vis-item-content .timeslot-label {
        font-size: 10px;
        color: #fff;
        padding: 0.5rem;
    }
}

.attendee-selector {
    position: relative;
}

.attendee-selector-input {
    position: relative;
    padding: 12px 12px 12px 36px;
    cursor: pointer;
    line-height: 1;
    font-size: 16px;
    margin-bottom: 1rem;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.attendee-selector-input:before {
    position: absolute;
    font-family: 'dashicons';
    content: "\f110";
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    color: #808080;
}

.attendee-selector-table {
    width: 100%;
}

.attendee-selector-controls {
    width: 55px;
    text-align: right;
}

.attendee-selector {
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    min-width: 250px;
    right: 0;
    border-radius: 6px;
    padding: 0 0 1rem 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.attendee-selector tr {
    height: 35px;
}

.attendee-selector td {
    vertical-align: center;
}

.attendee-selector-sub-title {
    width: 99px;
    margin-bottom: 0.5rem;
    padding: 0;
    text-transform: uppercase;
    font-family: 'ABCWhyte-book', sans-serif;
}

.btn-round {
    font-size: 18px;
    font-weight: 400;
    background: #fff;
    color: #888;
    border: 1px solid #aaa;
    border-radius: 50%;
    padding: 0;
    width: 28px;
    padding: 0 0 4px 0;
    margin: 0;
}

.btn-round:hover,
.btn-round:focus {
    background: #fff;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    border-color:  #00334a;
    color:  #00334a;
}

.btn-round[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.attendee-selector-sub-counter {
    display: inline-block;
    padding: 0 8px;
    min-width: 18px;
    text-align: center;
}

.cart-button-container {
    position: relative;
    padding: 1px;
    display: inline-block;
    margin: 20px 0 20px 20px;
}

.fixed-top-bar .cart-button-container {
    margin-top: 0;
    margin-bottom: 0;
}

.cart-button--mobile {
    display: none;
}

@media screen and (max-width: 1170px) {
    .cart-button-container {
        margin: 0;
    }

    .cart-button-container.cart-button-available {
        display: block;
    }

    .main-nav-opened .cart-button-container {
        display: none;
    }
}

.cart-button,
.kenya .cart-button {
    border-radius: 3px;
    position: relative;
    color: #fff;
    border: 2px solid #fff;
    margin-bottom: 0;
    padding: 12px 12px 12px 35px;
    transition: all 0.2s;
}

.cart-button:hover,
.kenya .cart-button:hover,
.cart-button:focus,
.kenya .cart-button:focus {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.cart-button:before,
.kenya .cart-button:before {
    position: absolute;
    font-family: 'dashicons';
    content: "\f174";
    display: inline-block;
    top: 12px;
    left: 5px;
    font-size: 22px;
}

@media screen and (min-width: 1170px) {
    .page-without-header .cart-button,
    .fixed-top-bar .cart-button {
    }

    .page-without-header .cart-button:hover,
    .fixed-top-bar .cart-button:hover,
    .page-without-header .cart-button:focus,
    .fixed-top-bar .cart-button:focus {
    }
}

@media screen and (max-width: 1170px) {
    .cart-button {
        color: #fff;
        display: none;
    }

    .cart-button:hover,
    .cart-button:focus {
        border-color: #333;
    }
    
    .cart-button--mobile {
        display: unset;
        width: 12em;
        border: 2px solid #fff;
        border-radius: 3px;
        margin: 0;
    }
}

.cart-button.reverse-colors {
    border-color:  #00334a;
    background-color:  #00334a;
    color: #fff;
}

.cart-item-counter {
    display: inline-block;
    background:  #F0E67B;
    color: black;
    border-radius: 50%;
    padding: 1px;
    line-height: 1rem;
    width: 1rem;
    position: absolute;
    top: 2px;
    left: 17px;
    transition: all 0.2s;
}

.car-item-counter-in-top-menu {
    margin-top: -0.8em;
}

.cart-button.reverse-colors .cart-item-counter {
    background: #fff;
    color:  #F0E67B;
}

.cart-list-name {
    margin-bottom: 6px;
}

.product-card {
    padding: 2rem;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}

.product-card .product-card-image {
    height: 200px;
    width: 200px;
    background-size: cover;
    background-position: center;
}

.product-card .card-content {
    box-sizing: border-box;
    margin-bottom: 0;
    width: calc(100% - 200px);
    padding: 1rem 0 0 2rem;
}

.product-card .product-card-bottom {
    text-align: right;
    width: 100%;
    padding: 0.5rem 0 0 0;
}

.product-card .product-card-bottom button {
    margin-bottom: 0;
}

.product-card .product-card-bottom button:focus {
    background:  #F0E67B;
}

.product-card .product-card__add-to-cart {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.product-card .product-card__add-to-cart .cta-box {
    margin-bottom: 1em;
}

.product-card .product-card__add-to-cart .price-multiline {
    margin-top: 5px;
}

.product-card .features--full {
    margin-bottom: 0;
}

@media screen and (max-width: 600px) {
    .product-card {
        display: block;
    }

    .product-card .product-card-image {
        width: 100%;
    }

    .product-card .card-content {
        padding: 1rem 0 0 0;
        width: 100%;
    }

    .product-card .product-card-bottom {
        padding: 0 0 0 0;
    }

    .product-card .product-card-bottom .features {
        margin: 0 0 1em;
        display: block;
    }

    .product-card .product-card-bottom .features .feature {
        margin: 0 4px 10px;
    }

    .product-card .product-card__add-to-cart {
        display: block;
    }
}

.room-card {
    background: #fff;
    display: block;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.room-card .product-card-image {
    height: 100%;
    width: 250px;
    float: left;
    background-size: cover;
    background-position: center;
    margin: auto;
}

.room-card .card-content {
    margin-left: 250px;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 1rem 2.5rem 1rem 2rem;
}

.room-card .card-content__description p {
    display: block;
    display: -webkit-box;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.room-card .product-card-bottom {
    text-align: right;
    width: 100%;
    padding: 0.5rem 0 0 0;
}

.room-card .product-card-bottom button {
    margin-bottom: 0;
}

.room-card .product-card-bottom button:focus {
    background:  #F0E67B;
}

.room-card .product-card__add-to-cart {
    position: absolute;
    bottom: 15px;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-left: 250px;
    box-sizing: border-box;
}

.room-card .product-card__add-to-cart .cta-box {
    margin-bottom: 1em;
}

.room-card .product-card__add-to-cart .price-multiline {
    margin-top: 5px;
}

.room-card .features--full {
    margin-bottom: 0;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 20px;
}

.room-card .features--full .feature-name {
    display: block;
    padding-top: 5px;
    line-height: 1.3;
}

@media screen and (max-width: 680px) {
    .room-card {
        display: block;
        overflow: visible;
        height: 600px;
    }

    .room-card .product-card-image {
        height: 250px;
        width: 100%;
        float: none;
    }

    .room-card .card-content {
        padding: 1rem;
        width: 100%;
        margin-left: 0;
    }

    .room-card .product-card-bottom {
        padding: 0 0 0 0;
    }

    .room-card .product-card-bottom .features {
        margin: 0 0 1em;
        display: block;
    }

    .room-card .product-card-bottom .features .feature {
        margin: 0 4px 10px;
    }

    .room-card .product-card__add-to-cart {
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .room-card {
        height: auto;
    }

    .room-card .features--full {
        flex-flow: wrap;
    }

    .room-card .product-card__add-to-cart {
        position: static;
    }

    .room-card .product-card__add-to-cart .price-info-holder {
        display: block;
    }
}

.checkout-steps {
    position: absolute;
    right: 0;
    top: 6rem;
    background: transparent;
}

.checkout-steps:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    right: 50px;
    height: 2px;
    background-color: #888;
}

.checkout-step {
    font-size: 12px;
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
    box-sizing: border-box;
    text-align: center;
    width: 100px;
    padding: 0.5rem;
    display: inline-block;
    position: relative;
    color: #333;
}

.checkout-step:after {
    content: '';
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #333;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.checkout-step:before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    width: 100px;
    height: 2px;
    background-color: #333;
    z-index: 1;
}

.checkout-step:first-child:before {
    display: none;
}

.checkout-step.active + .checkout-step,
.checkout-step.active + .checkout-step + .checkout-step,
.checkout-step.active + .checkout-step + .checkout-step + .checkout-step {
    color: #aaa;
}

.checkout-step.active + .checkout-step:after,
.checkout-step.active + .checkout-step + .checkout-step:after,
.checkout-step.active + .checkout-step + .checkout-step + .checkout-step:after {
    background-color: #aaa;
}

.checkout-step.active + .checkout-step:before,
.checkout-step.active + .checkout-step + .checkout-step:before,
.checkout-step.active + .checkout-step + .checkout-step + .checkout-step:before {
    background-color: #aaa;
}

@media only screen and (max-width: 60em) {
    .checkout-steps {
        position: relative;
        top: 0;
        width: 100%;
        display: inline-block;
    }

    .checkout-steps::after {
        left: 25%;
        right: 25%;
    }

    .checkout-steps .checkout-step {
        font-size: 11px;
        width: 23.5%;
        padding: 0.5rem 0.1rem;
    }

    .checkout-steps .checkout-step::before {
        width: 100%;
    }
}

.loader-animation {
    position: relative;
}

.loader-animation .loading:after {
    content: '';
    display: block;
    clear: both;
}

.loader-animation .loading .bounceball {
    position: relative;
    display: inline-block;
    height: 37px;
    width: 30px;
    float: left;
}

.loader-animation .loading .bounceball:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color:  #00334a;
    transform-origin: 50%;
    -webkit-animation: loading_bounce 500ms alternate infinite ease;
    animation: loading_bounce 500ms alternate infinite ease;
}

.loader-animation .loading .text {
    color:  #00334a;
    display: block;
    margin-left: 40px;
    font-family: 'ABCWhyte-book';
    line-height: 35px;
}

@-webkit-keyframes loading_bounce {
    0% {
        top: 30px;
        height: 5px;
        border-radius: 60px 60px 20px 20px;
        transform: scaleX(2);
    }
    35% {
        height: 15px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100% {
        top: 0;
    }
}

@keyframes loading_bounce {
    0% {
        top: 30px;
        height: 5px;
        border-radius: 60px 60px 20px 20px;
        transform: scaleX(2);
    }
    35% {
        height: 15px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100% {
        top: 0;
    }
}

#additional-sales {
    width: 100%;
}

.additional-product-list {
    margin-bottom: 40px;
}

.additional-product {
    background-color: #f3f3f3;
    margin-bottom: 5px;
    border-radius: 3px;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: top;
    line-height: 1;
}

.additional-product-title {
    font-size: 18px;
    margin: 2px 0 0 0;
    line-height: 1;
}

.additional-product-title--small {
    font-size: 14px;
}

.additional-product-description {
    margin-top: 16px;
    font-weight: 400;
    font-family: 'ITC New Baskerville W01', serif;
    font-size: 16px;
    line-height: 1.5;
    max-width: 750px;
}

.additional-product-meta {
    text-align: left;
    flex: 1;
    margin-right: 20px;
}

.additional-product-controls {
    text-align: right;
    max-width: 200px;
}

.additional-product-price {
    font-family: 'ABCWhyte-book', sans-serif;
}

.additional-product-checkbox {
    display: inline-block;
    width: 80px;
    padding-left: 1rem;
    text-align: left;
}

.additional-product-checkbox button {
    outline: none;
    margin: 0;
    border: 1px solid #ccc;
    height: 48px;
    width: 48px;
    padding: 0;
    background-color: #fff;
}

.additional-product-checkbox button[disabled],
.additional-product-checkbox button:focus {
    background-color: transparent;
}

.additional-product-checkbox button.selected {
    background-image: url("svg/form-icons.svg");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    background-size: 80%;
}

@media screen and (max-width: 60em) {
    .additional-product {
        padding: 0.6rem;
    }

    .additional-product-title {
        font-size: 12px;
    }

    .additional-product-title--small {
        font-size: 10px;
    }

    .additional-product-checkbox {
        width: 40px;
        padding-left: 5px;
    }

    .additional-product-checkbox button {
        width: 30px;
        height: 30px;
    }

    .additional-product-checkbox button.selected {
        background-position: 5px 5px;
    }

    .additional-product-description {
        margin-top: 8px;
        font-weight: 400;
        font-family: 'ITC New Baskerville W01', serif;
        font-size: 14px;
        line-height: 1.2;
    }
}

.timeslot-selector .validation_message {
    margin-bottom: 1rem;
}

.timeslot-selector .validation_message .description .nowrap {
    color: #666;
}

.booking-timeslots {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 10px;
    margin: 10px 0 20px 0;
}

.kenya .booking-timeslot,
.booking-timeslot {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #00334a;
    border: none;
    color: white;
}

.kenya .booking-timeslot:hover,
.booking-timeslot:hover {
    color: #fff;
}

.kenya .booking-timeslot:focus,
.booking-timeslot:focus,
.kenya .booking-timeslot--selected,
.booking-timeslot--selected {
    background:  #00334a;
    color: #fff;
}

.kenya .booking-timeslot[disabled],
.booking-timeslot[disabled] {
    opacity: 1;
    background: #ccc;
    pointer-events: none;
}

.kenya .booking-timeslot[data-tag]:before,
.booking-timeslot[data-tag]:before {
    display: block;
    content: attr(data-tag);
    background: #fff;
    color: #ff6347;
    transform: rotate(-30deg);
    font-size: 9px;
    top: 8px;
    left: -31px;
    position: absolute;
    padding: 0 2rem;
}

.booking-timeslots .booking-timeslot {
    margin-bottom: 10px;
}

.modal__content hr {
    margin: 20px 0;
    border-top-color: #ccc;
}

i.bookingicons {
    line-height: inherit;
    font-size: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'dashicons';
}

i.bookingicons:before {
    display: inline-block;
}

i.bookingicons--cal:before {
    content: "\f508";
}

@media only screen and (min-width: 60em) {
    .filter-block-holder .toggle-filters {
        display: none;
    }
}

@media only screen and (max-width: 60em) {
    .filter-block-holder .mobile-closed {
        display: none;
    }
}

.filter-block {
    max-width: 290px;
}

.filter-block:first-child {
    padding-top: 0;
    border-top: 0;
}

.filter-block-title,
.filter-block-checkbox input[type="checkbox"] + label {
    font-family: 'ABCWhyte-book', sans-serif;
    text-transform: uppercase;
}

.filter-block-checkbox {
    margin: 0 0 0.25rem;
    line-height: 1em;
}

.filter-block-checkbox input[type="checkbox"] + label {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    font-size: 10px;
    color: #333;
}

.filter-block-checkbox input[type="checkbox"] + label:hover {
    color: rgba(51, 51, 51, 0.8);
}

.filter-block-checkbox input[type="checkbox"] + label:before {
    width: 12px;
    height: 12px;
    margin: 2px 10px 0 0;
    vertical-align: top;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
    border: 0;
    background-color: #fff;
    border-radius: 3px;
}

.filter-block-checkbox input[type="checkbox"]:checked + label:before {
    background-position: 3px 3px;
    background-size: 8px auto;
}

.filter-block--horizontal .filter-block-checkbox {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}

.filter-block--horizontal .filter-block-checkbox:last-child {
    margin-right: 0;
}

.filter-block .DateRangePicker {
    margin: 0 0 0.4rem;
}

p.filter-block-title {
    margin: 0.5rem 0;
    font-size: 14px;
    line-height: 1.3em;
}

.filter-category-count {
    display: inline-block;
    margin-left: 2px;
    font-size: 11px;
    color: #5d5d5d;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation-link {
    display: inline-block;
    padding: 1rem;
}

.woocommerce-MyAccount-navigation-link a {
    text-decoration: none;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    border-bottom: 1px solid #ffa500;
}

.woocommerce-button {
    padding: 0.2rem;
}

.my-account-menu-item a:after,
.language-nav .menu-item a:after {
    margin-left: 0.5rem;
    content: '|';
}

.toast-notification {
    padding: 0.25rem;
}

.toast-notification p {
    margin: 0 0.25rem;
}

.accordion {
    margin-top: 2rem;
}

.accordion__content {
    transition: all 0.6s;
    position: relative;
    max-height: 100px;
    overflow: hidden;
}

.accordion__content h2 {
    margin-bottom: 1rem !important;
}

.accordion__content:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: linear-gradient(0deg, #f9f9f9 20%, rgba(249, 249, 249, 0) 100%);
}

.accordion__content--open:after {
    display: none;
}

.accordion__toggle {
    border: none;
    background: none;
    padding: 0.5rem 0.5rem 0.5rem 0;
    margin: 0;
    text-transform: none;
}

.accordion__toggle:hover,
.accordion__toggle:focus {
    color: inherit;
    background: inherit;
}

.accordion--open .accordion__toggle--open {
    display: none;
}

.accordion--hidden .accordion__toggle--hide {
    display: none;
}

.accordion__chevron {
    margin-right: 0.5rem;
}

.accordion__chevron--up {
    transform: rotate(180deg);
}

.vis-background {
    overflow: visible;
}

.date-and-attendee {
    width: 400px;
    max-width: 100%;
}

.date-and-attendee.inline {
    display: flex;
    justify-content: space-between;
}

.date-and-attendee.inline .DateRangePicker,
.date-and-attendee.inline .attendee-selector {
    width: 48%;
    display: inline-block;
    font-size: 12px;
}

.date-and-attendee.simple .DateRangePicker {
    flex: 2;
    width: auto;
}

.date-and-attendee.simple .DateRangePickerInput {
    border: none;
    box-shadow: none;
    padding: 0 0 0 12px;
}

.date-and-attendee.simple .DateRangePickerInput:before {
    left: 0;
}

.date-and-attendee.simple .DateRangePickerInput .DateInput {
    font-size: 12px;
}

.date-and-attendee.simple .attendee-selector {
    flex: auto;
    width: auto;
}

.date-and-attendee.simple .attendee-selector-input {
    font-size: 12px;
    border: none;
    box-shadow: none;
}

.btn-loading {
    position: relative;
    color: rgba(239, 127, 34, 0.2);
    pointer-events: none;
}

.btn-loading:active,
.btn-loading:focus,
.btn-loading:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
}

.btn-loading:before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background:  #00334a;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.checkout-columns {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
}

.booking-modal {
    max-width: 350px;
}

.booking-modal h5 {
    margin: 10px 0 1rem 0;
}

.basecamp-toast .fancy-progress {
    background: #033c5a;
}

.basecamp-toast button:focus,
.basecamp-toast button:hover {
    background-color: transparent;
}

.error-image {
    margin-top: -9em;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7);
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5);
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7);
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5);
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff;
    }
}

@-webkit-keyframes frameIn {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes frameIn {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes frameReverseIn {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes frameReverseIn {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes frameOut {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes frameOut {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes frameReverseOut {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes frameReverseOut {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

.cart-button-in-top-menu {
    border: none;
}

.cart-button-in-top-menu:before {
    margin-top: -0.5em;
}

.top-nav-book-button {
    width: 12em;
    border: 2px solid #fff;
    border-radius: 3px;
}

.top-nav-car-and-book-wrapper {
    display: inline-flex;
}

.top-nav-book-button-link {
    border: none;
}

.hidden {
    display: none;
}

input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    color: #d5d3d3;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) grayscale(100%) brightness(130%);
}

input[type="date"]:-moz-placeholder {
    color: #d5d3d3;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #d5d3d3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d5d3d3;
}

@media only screen and (max-width: 1170px) {

    .external-links a {
        padding: unset;
    }

    .cart-item-counter {
        position: unset;
    }
    
    .top-nav-book-button {
        display: none;
    }
    
    .top-bar .main-nav-container {
        justify-content: space-between;
        align-items: center;
        
    }

    .main-logo {
        margin-bottom: 2em;
    }

    .main-nav-open {
        position: unset;
        height: 3em;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        border: none;
    }

    .container::before, .container::after {
        display: none;
    }

    .nav-holder {
        padding: 0 4%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1em;
        margin-top: 1em;
        justify-content: center;
        align-items: center;
        width: 27em;
    }

    .main-nav-opened .nav-holder {
        background: #00334A;
    }

    .language-nav {
        border: none;
    }

    .basic-menu .menu > .menu-item > .sub-menu > li > a {
        color: white;
    }

    #wpadminbar .quicklinks ul {
        display: none;
    }

    .external-links {
        position: unset;
    }

    .page-without-header .top-bar .main-nav-open, .page-without-header .top-bar .open-text {
        color: white;
    }

    .page-without-header .main-nav-open {
        color: white;
    }

    .page-without-header .main-nav-open
    {
        border-color: white;
    }

    .fixed-top-bar .top-bar .menu-open::before, .page-without-header .top-bar .menu-open::before, .fixed-top-bar .top-bar .menu-open::after, .page-without-header .top-bar .menu-open::after
    {
        background: white;
    }

    .fixed-top-bar .top-bar .menu-open, .page-without-header .top-bar .menu-open
    {
        border-color: white;
    }

    .main-nav-opened .language-nav
    {
        display: inline-flex;
        position: unset;
        justify-content: center;
        width: unset;
        height: 7em;
        align-items: center;
        padding: 0;
    }

    .language-nav li
    {
        border: 2px solid #fff;
        height: 3em;
        width: 8em;
        margin: 0 1%;
    }

    .my-account-menu-item a::after, .language-nav .menu-item a::after
    {
        content: none;
    }
    
    .search-bar-open {
        width: 10%;
        max-width: 10%;
        padding: 0;
    }

    .main-nav-opened .basic-menu, .main-nav-opened .search-bar-open
    {
        display: inline-block;
        position: unset;
        margin-top: 1em;
    }
    
    .basic-menu {
        width:  100%;
    }

    .basic-menu .menu
    {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .close-text {
        border: 2px solid #fff;
        display: flex;
        height: 3em;
        width: 10em;
        justify-content: center;
        align-items: center;
    }
    
    .open-text {
        border: 2px solid #fff;
        padding: 1.3em;
    }

    .main-nav-opened .main-nav-open .close-text
    {
        display: flex;
        width: 100%;
    }

    .open-sub-bar
    {
        background: #00334A;
    }

    .svg .icon, .svg .cart-item-count, .svg #search-bar .search-button
    {
        background-image: url("svg/icons.svg");
        filter: unset;
    }

    .btn + .btn, .js--book + .btn
    {
        margin-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    
    .no-scroll {
        overflow: hidden; /* Prevent scrolling */
        position: fixed; /* Lock the position */
        width: 100%; /* Ensure content doesn't shift */
    }

    #wpadminbar {
        display: none;
    }

    .mobile-menu-language-switcher {
        position: relative;
        height: 30px;
        width: 30px;
        color: #FFFFFF;
    }

    /* Mobile navigation bar */

    .mobile-menu {
        position: relative; /* Default position */
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100px;
        background-color: #00334A;
        z-index: 1000; /* Stays on top when needed */
        transition: position 0.3s ease;
    }

    /* Fixed Mobile Menu when Active */
    .mobile-menu.active {
        position: fixed; /* Fixes the menu at the top */
        top: 0;
        left: 0;
    }

    .mobile-menu .main-logo {
        position: relative;
        margin: 0 0 0 20px;
        height: 65px;
        width: 100px;
    }

    .mobile-menu.active .logo-href {
        display: none;
     }

   .mobile-menu.active .main-logo {
       display: none;
    }

    .mobile-menu.active .user-profile-image {
        display: block;
        width: 35px;
        height: 35px;
        -webkit-mask-image: url("svg/profile-logo.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        mask-image: url("svg/profile-logo.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        background-color: white; /* Set the color of the SVG */
    }

    .mobile-menu.active .mobile-menu-language-switcher ul {
        display: block;
    }

    .mobile-menu .user-profile-image {
        position: relative;
        color: white;
        display: none;
    }

    .mobile-menu-language-switcher ul {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 0;
        left: 20px;
        display: none;
    }

    .mobile-menu-language-switcher li {
        position: relative;
        list-style-type: none;
        width: max-content;
        left: 0;
    }


    .mobile-menu .mobile-menu-toggler {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        right: 20px;
        height: 30px;
        width: 30px;
    }

    .mobile-menu .mobile-menu-toggler .mobile-menu-icon {
        position: relative;
        width: 100%;
        height: 2px;
        background: #FFFFFF; /* White for visibility against #00334A */
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Active State */
    .mobile-menu-toggler.active .mobile-menu-icon:nth-child(1) {
        transform: rotate(45deg) translateY(20px);
    }

    .mobile-menu-toggler.active .mobile-menu-icon:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggler.active .mobile-menu-icon:nth-child(3) {
        transform: rotate(-45deg) translateY(-20px);
    }

    /* Mobile Navigation */
    .mobile-navigation {
        position: fixed;
        top: 100px;
        right: -100%;
        width: 250px;
        height: 100%;
        background-color: #00334A;
        color: white;
        transition: right 0.3s ease;
        z-index: 1000;
    }

    .mobile-navigation.active {
        right: 0;
        width: 100%;
    }

    .mobile-navigation-content {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%; /* Ensure it fills the parent container */
        padding-bottom: 80px; /* Reserve space for the button explicitly */
        overflow-y: auto; /* Allow scrolling for menu items */
        box-sizing: border-box; /* Include padding in height calculations */
    }

    .mobile-navigation-content .--search-box {
        margin: auto;
        margin-top: 5%;
        width: 90%;
        height: 75px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    .mobile-navigation-content .--search-box .--search-input {
        margin: auto;
        width: 100%;
        height: 46px;
        border-radius: 23px;
        outline: none;
        border: none;
        padding: 0px 15px 0px 45px;
        font-size: 14px;
        background-color: #001017;
        color: #ffffff;
        font-weight: 500;
    }

    .mobile-navigation-content ,.--search-box .--search-input::placeholder {
        opacity: 70%;
        font-family: "Poppins", sans-serif;
        font-size: 14px; 
        font-weight: 400;
        color: #ffffff;
    }

    .mobile-navigation-content .--search-box .--search-button {
        position: absolute;
        margin: auto;
        margin-top: 5%;
        margin-right: 80%;
    }

    .mobile-navigation-content .menu-item-wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between; /* Push link and caret to opposite ends */
    }

    .mobile-navigation-content ul {
        position: relative;
        overflow: scroll;
        height: 100%;
        list-style-type: none;
        padding: 20px 60px 25px 30px;
        margin: 0;
    }

    .mobile-navigation-content .menu > .menu-item:first-child {
        padding-top: 30px;
    }

    .contact-us {
        position: sticky; /* Ensure it remains visible within the scrollable menu */
        bottom: 30px; /* Stick to the bottom */
        left: 0;
        width: 100%; /* Full width to fit the menu */
        display: flex;
        justify-content: center;
        background-color: #00334A; /* Match menu background */
        padding: 20px 0; /* Add vertical spacing */
        z-index: 10; /* Ensure it appears above other content */
    }
    
    .contact-us .contact-us-btn {
        width: 60%; /* Button width */
        text-align: center;
        border: 2px solid white;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 5px;
        color: white;
        background-color: transparent;
        cursor: pointer;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    
    .contact-us .contact-us-btn:hover {
        background-color: white; /* Highlight button on hover */
        color: #222; /* Invert text color on hover */
    }
    

    .expand-icon {
        display: inline-block;
        width: 15px;
        height: 15px;
        position: relative;
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    /* Create the plus sign */
    .expand-icon::before,
    .expand-icon::after {
        content: "";
        position: absolute;
        background-color: white; /* Adjust color to match your design */
        font-size: 20px;
        transition: transform 0.3s ease;
    }

    /* Horizontal bar of plus sign */
    .expand-icon::before {
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        transform: translateY(-50%);
    }

    /* Vertical bar of plus sign */
    .expand-icon::after {
        left: 50%;
        top: 0;
        width: 2px;
        height: 100%;
        transform: translateX(-50%);
    }

    /* Submenu hidden by default */
    .submenu {
        list-style: none;
        padding: 0;
        margin: 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.3s ease, opacity 0.3s ease;
    }
    
    /* Expanded state */
    .primary-menu-item.expanded .submenu {
        max-height: 500px; /* Adjust based on submenu content */
        opacity: 1;
        padding: 10px 0px 30px 0px;
    }

    .primary-menu-item.expanded .submenu .submenu-item {
        padding: 10px;
    }
    
    .primary-menu-item.expanded .expand-icon::after {
        transform: translateX(-50%) scaleY(0); /* Collapse vertical bar to form minus */
    }
    
    /* Optional: Rotate the expand-icon slightly for better effect */
    .primary-menu-item.expanded .expand-icon {
        transform: rotate(0deg); /* Reset rotation (optional) */
    }
  
    
    .mobile-navigation-content .primary-menu-item-link {
        position: relative;
        display: block;
        color: #FFFFFF;
        font-size: 20px;
        margin-bottom: 20px;
        list-style-type: none;
    }

    .mobile-navigation-content .submenu-item-link {
        display: none;
        list-style-type: none;
    }

    .mobile-navigation-content .primary-menu-item.expanded .submenu-item-link {
        display: block;
        color: white;
        padding: 5px;
    }


}

/* Mobile menu cart behavior: navigate to /cart instead of dropdown */
@media only screen and (max-width: 1170px) {
    /* Hide dropdown-triggering button on mobile */
    .mobile-menu #menu-cart .cart-button {
        display: none;
    }
    /* Show direct-link mobile button */
    .mobile-menu #menu-cart .cart-button--mobile {
        display: inline-block;
        width: 40px;
        height: 40px;
        border: none;
        background: transparent;
        padding: 0;
        position: relative;
        /* Hide text label, show only icon */
        font-size: 0;
    }
    /* Only show link when cart has products (component controls .hidden) */
    .mobile-menu #menu-cart .hidden {
        display: none !important;
    }
    /* Do not show dropdown on mobile */
    .mobile-menu #menu-cart .cart-dropdown {
        display: none !important;
    }

    /* Show cart icon for the direct-link button */
    .mobile-menu #menu-cart .cart-button--mobile:before {
        content: "\f174";
        font-family: 'dashicons';
        font-size: 22px;
        line-height: 40px;
        color: #fff;
        display: inline-block;
        width: 40px;
        text-align: center;
    }
    /* Position counter as badge on the icon */
    .mobile-menu #menu-cart .cart-button--mobile .cart-item-counter {
        position: absolute;
        top: 5px;
        left: 30px;
        line-height: 16px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        text-align: center;
    }
}

/* Always show a cart icon on mobile even with empty cart (not clickable) */
@media only screen and (max-width: 1170px) {
    .mobile-menu #menu-cart .cart-button-container {
        position: relative;
        display: inline-block;
        min-width: 40px;
        min-height: 40px;
    }
    .mobile-menu #menu-cart .cart-button-container:before {
        content: "\f174";
        font-family: 'dashicons';
        font-size: 22px;
        line-height: 40px;
        color: #fff;
        display: inline-block;
        width: 40px;
        text-align: center;
        pointer-events: none;
    }
    /* Hide decorative icon when link button is available */
    .mobile-menu #menu-cart .cart-button-container.cart-button-available:before {
        display: none;
    }
}